/*
Yellow #F3FD3A;
Blue #2F56d7;
Green #4DDF32;
lt Blue #EDF6FF;
*/

body
{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

#top
{
    margin: 0 auto;
    background-color: #EBE8F1;
    width: 1000px;
    height: 135px;
    text-align: right;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    position: relative;
}

.logo
{
    float: left;
    margin-top: 73px;
}
.logo a
{
    text-decoration: none;
}

.toplinks
{
    width: 475px;
    font-family: Agency FB;
    margin-top: -5px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}
.toplinks a
{
    color: #4DDF32;
    font-size: large;
}
.toplinks a:hover
{
    color: Black;
    text-decoration: none;
}

#main
{
    margin: 0 auto;
    padding: 4px;
    width: 992px;
    min-height: 540px;
    overflow: auto;
    background-color: White;
    border-left: solid 1px black;
    border-right: solid 1px black;
}

#homeleft
{
    float: left;
    width: 700px; /*border:1px solid red;*/
}
#homeright
{
    float: left;
    width: 180px;
    margin-left: 10px; /*border:1px solid red;*/
}

#statement
{
    margin-top: 20px;
    margin-left: 15px;
    color: #2F56d7;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: Agency FB;
}



.homesteps
{
    margin-left: 50px;
}

#homeAbout
{
    margin-top: 10px;
    margin-left: 30px;
    border: solid 1px #2F56d7;
    width: 318px;
    text-align: center;
    float: left;
}

#homeAbout .head
{
    width: 318px;
    background-color: #2F56d7;
    height: 24px;
    margin: 0 auto;
    color: White;
    font-family: Agency FB;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
}

#homeAbout .content
{
    padding: 5px;
    width: 316px;
    text-align: left;
}



#pcontent
{
    margin-top: 10px;
    margin-left: 0px;
    border: solid 0px #2F56d7;
    width: 900px;
    text-align: center;
}
#pcontent .head
{
    width: 880px;
    background-color: #2F56d7;
    height: 24px;
    margin: 0 auto;
    color: White;
    font-family: Agency FB;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
}

#pcontent .content
{
    padding: 5px;
    width: 800px;
    text-align: left;
}


#dusty
{
    margin-top: 10px;
    margin-left: 15px;
    border: solid 1px #2F56d7;
    width: 670px;
    text-align: center;
}
#dusty .head
{
    width: 670px;
    background-color: #2F56d7;
    height: 24px;
    margin: 0 auto;
    color: White;
    font-family: Agency FB;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
}

#dusty .content
{
    padding: 5px;
    width: 590px;
    text-align: left;
}

#mainchoose
{
    margin-left: 5px;
    width: 270px;
    border-style: solid;
    border-width: 1px;
    border-color: #EDF6FF;
    color: Gray;
}

#mainchoose .header
{
    background-color: #EDF6FF;
    color: #2F56d7;
    width: 270px;
    font-family: Agency FB;
}
#mainchoose .display
{
    padding: 3px;
}

#charity
{
    margin-left: 5px;
    margin-top: 5px;
    width: 270px;
    border-style: solid;
    border-width: 1px;
    border-color: #2F56d7;
}

#charity .header
{
    background-color: #2F56d7;
    color: White;
    width: 270px;
    font-family: Agency FB;
}
#charity .display
{
    padding: 3px;
}

#mainleft
{
    float: left;
    width: 800px;
}
#mainright
{
    float: right;
    width: 180px;
}
#compageleft
{
    float: left;
    width: 300px;
}
#compagecenter
{
    padding-left: 12px;
    float: left;
    width: 463px;
}


#feature
{
    margin: 0 auto;
    width: 700px;
}

#feature .set
{
    float: left;
    width: 800px;
    margin: 15px 50px 15px 50px;
}

#content
{
    clear: both;
    float: left;
    width: 620px;
}
#footer
{
    padding-top: 5px;
    clear: both;
    margin: 0 auto;
    width: 1000px;
    height: 20px;
    background-color: #EDF6FF;
    text-align: center;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
}
#sidead
{
    background-position: center;
    width: 160px;
    float: left; /*background-color: #EDF6FF;*/
}

.login
{
    text-align: right;
}
.comm
{
    border: solid 1px #4DDF32;
    width: 200px;
    text-align: center;
}
.comm .header
{
    background-color: #4DDF32;
    color: White;
    width: 200px;
}
.header
{
    font-size: larger;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
}
.more
{
    text-align: right;
    padding-right: 3px;
}
.watermark
{
    color: Gray;
    text-align: center;
}
#weather
{
    width: 444px;
    float: left;
}

#weather .header
{
    background-color: #2F56d7;
    color: White;
    width: 250px;
    font-family: Agency FB;
}
#weather .display
{
    width: 250px;
    padding: 3px;
}
#blog
{
    width: 444px;
    float: left;
}

#blog .header
{
    background-color: #2F56d7;
    color: White;
    width: 487px;
    font-family: Agency FB;
}

#blog .display
{
    padding: 3px;
}

#news
{
    width: 444px;
    float: left;
}

#news .header
{
    background-color: #2F56d7;
    color: White;
    width: 236px;
    font-family: Agency FB;
}

#news .display
{
}


#catagories
{
    float: left;
    width: 200px;
    padding-left: 0px;
}

#catagories .header
{
    background-color: #F3FD3A;
    color: #2F56d7;
    width: 300px;
    font-family: Agency FB;
}
#catagories .display
{
    padding: 3px;
}



/*--------------------------------------------*/
.Nav
{
    /*clear: both;     float: right;     margin-top: 11px;     float: right;*/
    position: absolute;
    top: 101px;
    right: 40px;
    height: 34px;
    width: 500px;
    font-family: Berlin Sans FB;
}


div.button
{
    float: right;
    color: White;
    height: 34px;
    padding-top: 7px;
    background-image: url('/Images/Tab.jpg');
    background-repeat: no-repeat;
    width: 80px;
}

div.button a
{
    font-size: 11px;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: White;
}

div.button:hover a
{
    font-size: 12px;
    color: #000000;
}

div.button:hover
{
    width: 80px;
    height: 34px;
    background-image: url('/Images/TabH.jpg');
}

/*------------------Ads--------------------------*/

.sidead
{
    width: 142px;
    height: 140px;
    border: solid 1px Black;
    font-size: 12px;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}
.sidead a
{
    text-decoration: none;
    color: Black;
}

.sidehead
{
    width: 140px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-style: normal;
    font-family: Verdana;
    color: #124e9c;
}
.sidebody
{
    padding: 3px;
    height: 120px;
    font-size: 11px;
    text-align: center;
    font-family: Verdana;
    color: #ff8f00;
}

.sidehead a
{
    color: Green;
    font-size: 14px;
    font-style: normal;
    font-family: Verdana;
    color: #124e9c;
    font-size: 11px;
    text-decoration: none;
}

.advertise
{
    text-align: right;
    font-family: Verdana;
    color: #124e9c;
    font-size: 11px;
    text-decoration: none;
    width: 120px;
    margin: 0 auto;
    padding-top: 3px;
}

.advertise a
{
    font-size: 13px;
    text-align: right;
    color: #124e9c;
    text-align: center;
    text-decoration: none;
}
.advertise a:hover
{
    font-size: 13px;
    text-align: right;
    color: green;
    text-align: center;
    text-decoration: none;
}

.topad
{
    width: 800px;
    height: 80px;
    border: solid 1px Black;
    background-color: #000000;
    color: #FFFFFF;
}

.sitead
{
    width: 800px;
    height: 80px;
    border: solid 1px Black;
    background-color: #000000;
    color: #FFFFFF;
}

.adListing
{
    width: 431px;
    height: 150px;
}

.adListing a
{
    text-decoration: none;
}

.coupon
{
    border: dashed 2px black;
    width: 700px;
    float: left;
    margin: 0 auto;
    height: 130px;
    text-align: center;
    position: relative;
}

.coupon #head
{
    
}

.coupon #body
{
    font-size: 20px;
}
.coupon #foot
{
    position: absolute;
    top: 115px;
    font-size: 12px;
    font-style: italic;
}
/*-------------------Terms---------------*/

.termcontainer
{
    overflow: auto;
    height: 225px;
    width: 90%;
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
}

.termhead
{
    background-color: #EDF6FF;
    text-align: center;
}

.Term
{
    margin-left: 20px;
    margin-right: 20px;
}

/*------------------------------------*/

.pagetitle
{
    margin-top: 20px;
    color: Black;
    width: 615px;
    text-align: center;
    text-transform: capitalize;
    padding-bottom: 10px;
    font-size: 18px;
}


#steps
{
    width: 670px;
    height: 150px;
    margin: 0 auto;
    float: left;
    padding-left: 3px;
    font-family: Arial, Helvetica, sans-serif;
}
.signupstep
{
    background-image: url('images/StepOff.png');
    background-repeat: no-repeat;
    height: 124px;
    float: left;
    width: 123px;
    margin: 0 5px 0 0;
    color: Gray;
}
.activesignupstep
{
    background-image: url('images/StepActive.png');
    background-repeat: no-repeat;
    height: 124px;
    float: left;
    width: 123px;
    margin: 0 5px 0 0;
    font-weight: bold;
    color: Black;
}

.num
{
    float: left;
    font-size: 30px;
    height: 47px;
    width: 124px;
    padding: 18px 0 0 5px;
    display: block;
}

.disset
{
    float: left;
    width: 600px;
    margin: 5px 0 0px 0;
    height: auto;
}
.infotxt
{
    float: left;
    display: block;
    width: 600px;
    height: 15px;
    padding: 10px 0 0 0;
    font-family: verdana;
    font-size: 11px;
    color: red;
}
.infotxt a
{
    font-family: verdana;
    font-size: 11px;
    color: #104d9b;
    text-decoration: undeline;
    font-weight: bold;
}

.steptext
{
    padding-top: 80px;
    padding-left: 10px;
}


.displayProgress
{
    padding-left: 20px;
    float: left;
    width: 200px;
    font-size: 10px;
    color: Red;
}

/*--------------------------Make Save Money Help People------*/

#maketextContent
{
    width: 700px;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 2px #4DDF32;
    float: left;
    font-size: 16px;
}
#maketextContent div.savePic
{
    width: 300px;
    float: left;
}
#maketextContent div.signup
{
    width: 300px;
    float: left;
    padding-top: 20px;
    padding-left: 20px;
}
#maketextContent div.signup a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: Red;
    text-decoration: none;
    line-height: 40px;
}
#maketextContent div.signup a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: Black;
}
#maketextContent .saveContent
{
    width: 560px;
    float: left;
    background-image: url("/images/greenGradH.jpg");
    background-repeat: repeat-y;
    word-spacing: 5px;
    padding-left: 110px;
}
#maketextContent table ul
{
    word-spacing: 1px;
    letter-spacing: 2px;
}

#savetextContent
{
    margin: 0 10px 0 10px;
    width: 700px;
    font-family: Verdana;
    border: solid 2px #2F56d7;
    float: left;
    font-size: 16px;
}
#savetextContent div.savePic
{
    width: 300px;
    float: left;
}
#savetextContent div.testimonial
{
    width: 480px;
    font-size: 12px;
    padding-left: 20px;
    float: left;
    padding-top: 10px;
}

#savetextContent div.saveContent
{
    width: 560px;
    float: left;
    background-image: url("/images/blueGradH.jpg");
    background-repeat: repeat-y;
    word-spacing: 5px;
    padding-left: 110px;
    padding-right: 3px;
}
#savetextContent div.saveContent ul
{
}

#helpingtextContent
{
    width: 700px;
    font-family: Arial, Helvetica, sans-serif;
    border: solid 2px #F3FD3A;
    float: left;
    font-size: 16px;
}
#helpingtextContent div.savePic
{
    width: 300px;
    float: left;
}
#helpingtextContent div.signup
{
    width: 300px;
    float: left;
    padding-top: 20px;
    padding-left: 20px;
}
#helpingtextContent div.signup a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: Red;
    text-decoration: none;
    line-height: 40px;
}
#helpingtextContent div.signup a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: Black;
}
#helpingtextContent div.saveContent
{
    width: 550px;
    float: left;
    background-image: url("/images/yellowGradH.jpg");
    background-repeat: repeat-y;
    word-spacing: 5px;
    padding-left: 110px;
    padding-right: 2px;
}

#helpingtextContent div blockquote
{
    font-style: italic;
}

#helpingtextContent div ul
{
}

/*--------------------------Make Save Money Help People------*/

/*--------------------------Help Page------*/

#help
{
    margin: 0 auto;
    border: solid 1px #EDF6FF;
    width: 900px;
    font-family: Arial, Helvetica, sans-serif;
}

#help div.head
{
    width: 900px;
    background-color: #EDF6FF;
    color: #2F56d7;
    font-family: Agency FB;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#help div.form
{
    width: 700px;
    margin: 0 auto;
}
#help div.helpContent
{
    width: 860px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

#help div.helpContact
{
    width: 860px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

/*-----------------------Build an Ad------------*/
#buildAd
{
    float: left;
    width: 700px;
    border-style: solid;
    border-width: 0px;
    border-color: #F3FD3A;
}

#buildAd .header
{
    background-color: #F3FD3A;
    color: #2F56d7;
    width: 805px;
    font-family: Agency FB;
}
#buildAd .display
{
    padding: 3px;
}

#buildAd hr
{
    color: #F3FD3A;
}


.CartItem
{
    width: 300px;
    float: left;
    border: solid 1px black;
    padding: 3px;
}
.CartItemCount
{
    width: 150px;
    float: left;
    border: solid 1px black;
    padding: 3px;
}

#myAdWelcome
{
    float: left;
    width: 800px;
    padding: 0px;
    margin: 5px 50px 10px 50px;
    font-size: 14px;
    border: solid 1px #2F56d7;
    background-color: #EDF6FF;
}

.myAdWelcomeL
{
    width: 380px;
    margin: 10px;
    float: left;
    font-family: verdana;
    padding: 0px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #104d9b;
}
.myAdWelcomeL a
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #104d9b;
    text-decoration: none;
}
.myAdWelcomeL a:hover
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #ff8f00;
    text-decoration: none;
}

.myAdWelcomeR
{
    width: 380px;
    float: left;
    margin: 10px;
    padding: 0px 0 10px 0;
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #104d9b;
}
.myAdWelcomeR a
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #104d9b;
    text-decoration: none;
}
.myAdWelcomeR a:hover
{
    font-family: verdana;
    font-size: 14px;
    font-weight: bold;
    color: #ff8f00;
    text-decoration: none;
}

.lnkbtnt
{
    float: left;
    width: 800px;
    height: 25px;
    padding: 0px;
    margin: 5px 50px 0px 50px;
    font-size: 13px;
}
.lnkbtnt a
{
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: #104d9b;
    text-decoration: none;
}
.lnkbtnt a:hover
{
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    color: #ff8f00;
    text-decoration: underline;
}

#myAdHead
{
    background-color: #2F56d7;
    width: 700px;
    text-align: center;
    color: White;
    font-family: verdana;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: bold;
}
#myAdDisplay
{
    width: 700px;
    float: left;
    margin: 0 auto;
}

.myadleft
{
    width: 700px;
    margin: 0 10px 0 10px;
    padding: 3px 0 3px 0;
    float: left;
    font-family: verdana;
    font-size: 12px;
    color: #104d9b;
}
.myadright
{
    width: 0px;
    padding: 3px;
    float: left;
}


/*CollapsiblePanel*/
.collapsePanel
{
    background-color: white;
    overflow: hidden;
    border: solid 1px #2F56d7;
    width:700px;
}

.collapsePanelHeader
{
    width: 700px;
    margin: 0px;
    height: 30px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: White;
    font-weight: bold;
}

#master_content .collapsePanelHeader a
{
    color: #FFF;
}
#master_content .collapsePanelHeader a:hover
{
    text-decoration: none;
    background: none;
}

.collapsePanelHeadercom
{
    width: 444px;
    margin: 0px;
    height: 30px;
    background-image: url(images/bg-menu-main.png);
    background-repeat: repeat-x;
    color: White;
    font-weight: bold;
}



/*---------------Specific Font Settings--------*/

.buildAd
{
    font-family: Arial, Helvetica, sans-serif;
}
.center
{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

/*-----------Modal Popup---*/
.modalBackground
{
    background-color: #191919;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding: 3px;
}