@import url('reset.css');

body
{
    background-color: #21160F;
}
div#page
{
    margin: 0 auto;
    padding: 0;
    width: 900px;
}
div#ctl00_header
{
    text-align: center;
}
.default
{
    background: transparent url('../graphics/navigation/header/genericHead.jpg') no-repeat;
}
.about
{
    background: transparent url('../graphics/navigation/header/AboutHead.jpg') no-repeat;
}
.mpower
{
    background: transparent url('../graphics/navigation/header/RightForMeHead.jpg') no-repeat;
}
.start
{
    background: transparent url('../graphics/navigation/header/GetStartedHead.jpg') no-repeat;
}
.share
{
    background: transparent url('../graphics/navigation/header/ShareViewHead.jpg') no-repeat;
}
.green
{
    background: transparent url('../graphics/navigation/header/GreenHead.jpg') no-repeat;
}
.account
{
    background: transparent url('../graphics/navigation/header/MyAccountHead.jpg') no-repeat;
}
.help
{
    background: transparent url('../graphics/navigation/header/TechHelpHead.jpg') no-repeat;
}
.faq
{
    background: transparent url('../graphics/navigation/header/FAQHead.jpg') no-repeat;
}
.contact
{
    background: transparent url('../graphics/navigation/header/ContactHead.jpg') no-repeat;
}
div#content
{
    margin: 0 auto 50px;
    padding: 0;
    width: 770px;
}
div#srplink
{
    float: right;
    margin: 12px 100px 0 0;
    width: 90px;
    height: 40px;
}
div#srplink a
{
    display: block;
    width: 90px;
    height: 40px;
}
/********************************************
 Content Styles
*********************************************/
div#content h1
{
    margin-bottom: 15px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 25px;
    color: #FFF;
}
div#content h2
{
    margin-bottom: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    color: #FFF;
}
div#content h3
{
    margin-bottom: 5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    color: #FFF;
}
div#content p, div#content ul, div#content ol
{
    margin-bottom: 30px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    line-height: 19px;
    color:#f6f4d9;
}
div#content ul, div#content ol
{
    margin-left: 35px;
}
div#content ul li
{
    list-style-type: disc;
}
div#content ol li
{
    margin-bottom: 15px;
    list-style-type: decimal;
}
div#content ol li ol li
{
    list-style-type: upper-alpha;
}
div#content p.footnote
{
    font-size: 12px;
}
div#content p a:link, div#content p a:visited,
div#content ul a:link, div#content ul a:visited,
div#content ol a:link, div#content ol a:visited
{
    color: #9bc8bb;
    text-decoration: none;
}
div#content p a:hover, div#content p a:focus, div#content p a:active,
div#content ul a:hover, div#content ul a:focus, div#content ul a:active,
div#content ol a:hover, div#content ol a:focus, div#content ol a:active
{
    color: #cca429;
    text-decoration: underline;
}
div#roundedblue
{
    background: #FFF url('../graphics/InteriorTextLongBack.gif') repeat-x;
    border: solid 3px #BECC4D;
}
div#roundedblue h1, div#roundedblue h2, div#roundedblue h3,
div#roundedblue p.footnote, div#roundedblue ul li,
div#roundedblue ol li
{
    color: #000;
}
div#internalrounded
{
    margin: 0 auto;
    padding: 0;
    width: 700px;
}
div#roundedblue p a:link, div#content p a:visited,
div#roundedblue ul a:link, div#content ul a:visited,
div#roundedblue ol a:link, div#content ol a:visited
{
    color: #38706d;
    text-decoration: none;
}
div#roundedblue p a:hover, div#content p a:focus, div#content p a:active,
div#roundedblue ul a:hover, div#content ul a:focus, div#content ul a:active,
div#roundedblue ol a:hover, div#content ol a:focus, div#content ol a:active
{
    color: #38706d;
    text-decoration: underline;
}
/********************************************
 Navigation Styles
*********************************************/
div#navigation
{
    margin: 0 auto;
    padding: 108px 0 0;
    height: 102px;
    width: 894px;
}
div#navigation ul
{
    width: 100%;
}
div#navigation ul li
{
    float: left;
}
/***********\\ Home Nav //***********/
div#navigation ul li#home
{
    margin-top: 5px;
}
div#navigation ul li#home a:link,
div#navigation ul li#home a:visited
{
    display: block;
    width: 54px;
    height: 80px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') 0 -5px no-repeat;
}
div#navigation ul li#home a:hover,
div#navigation ul li#home a:focus,
div#navigation ul li#home a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') 0 -111px no-repeat;
}
div#navigation ul li#home a.selected:link,
div#navigation ul li#home a.selected:visited
{
    display: block;
    width: 54px;
    height: 80px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') 0 -219px no-repeat;
}
div#navigation ul li#home a.selected:hover,
div#navigation ul li#home a.selected:focus,
div#navigation ul li#home a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') 0 -111px no-repeat;
}
/***********\\ About Nav //***********/
div#navigation ul li#about
{
    margin-top: 12px;
}
div#navigation ul li#about a:link,
div#navigation ul li#about a:visited
{
    display: block;
    width: 112px;
    height: 80px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -55px -12px no-repeat;
}
div#navigation ul li#about a:hover,
div#navigation ul li#about a:focus,
div#navigation ul li#about a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -55px -118px no-repeat;
}
div#navigation ul li#about a.selected:link,
div#navigation ul li#about a.selected:visited
{
    display: block;
    width: 112px;
    height: 80px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -55px -226px no-repeat;
}
div#navigation ul li#about a.selected:hover,
div#navigation ul li#about a.selected:focus,
div#navigation ul li#about a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -55px -118px no-repeat;
}
/***********\\ M-Power Nav //***********/
div#navigation ul li#mpower
{
    margin-top: 25px;
}
div#navigation ul li#mpower a:link,
div#navigation ul li#mpower a:visited
{
    display: block;
    width: 176px;
    height: 75px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -168px -25px no-repeat;
}
div#navigation ul li#mpower a:hover,
div#navigation ul li#mpower a:focus,
div#navigation ul li#mpower a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -168px -131px no-repeat;
}
div#navigation ul li#mpower a.selected:link,
div#navigation ul li#mpower a.selected:visited
{
    display: block;
    width: 176px;
    height: 75px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -168px -239px no-repeat;
}
div#navigation ul li#mpower a.selected:hover,
div#navigation ul li#mpower a.selected:focus,
div#navigation ul li#mpower a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -168px -131px no-repeat;
}
/***********\\ Start Nav //***********/
div#navigation ul li#start
{
    margin-top: 37px;
}
div#navigation ul li#start a:link,
div#navigation ul li#start a:visited
{
    display: block;
    width: 88px;
    height: 58px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -345px -37px no-repeat;
}
div#navigation ul li#start a:hover,
div#navigation ul li#start a:focus,
div#navigation ul li#start a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -345px -143px no-repeat;
}
div#navigation ul li#start a.selected:link,
div#navigation ul li#start a.selected:visited
{
    display: block;
    width: 88px;
    height: 58px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -345px -251px no-repeat;
}
div#navigation ul li#start a.selected:hover,
div#navigation ul li#start a.selected:focus,
div#navigation ul li#start a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -345px -143px no-repeat;
}
/***********\\ Share Nav //***********/
div#navigation ul li#share
{
    margin-top: 39px;
}
div#navigation ul li#share a:link,
div#navigation ul li#share a:visited
{
    display: block;
    width: 128px;
    height: 56px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -434px -39px no-repeat;
}
div#navigation ul li#share a:hover,
div#navigation ul li#share a:focus,
div#navigation ul li#share a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -434px -145px no-repeat;
}
div#navigation ul li#share a.selected:link,
div#navigation ul li#share a.selected:visited
{
    display: block;
    width: 128px;
    height: 56px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -434px -253px no-repeat;
}
div#navigation ul li#share a.selected:hover,
div#navigation ul li#share a.selected:focus,
div#navigation ul li#share a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -434px -145px no-repeat;
}
/***********\\ Green Nav //***********/
div#navigation ul li#green
{
    margin-top: 30px;
}
div#navigation ul li#green a:link,
div#navigation ul li#green a:visited
{
    display: block;
    width: 125px;
    height: 65px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -558px -30px no-repeat;
}
div#navigation ul li#green a:hover,
div#navigation ul li#green a:focus,
div#navigation ul li#green a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -558px -136px no-repeat;
}
div#navigation ul li#green a.selected:link,
div#navigation ul li#green a.selected:visited
{
    display: block;
    width: 125px;
    height: 65px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -558px -244px no-repeat;
}
div#navigation ul li#green a.selected:hover,
div#navigation ul li#green a.selected:focus,
div#navigation ul li#green a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -558px -136px no-repeat;
}
/***********\\ Account Nav //***********/
div#navigation ul li#account
{
    margin-top: 23px;
}
div#navigation ul li#account a:link,
div#navigation ul li#account a:visited
{
    display: block;
    width: 93px;
    height: 67px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -684px -23px no-repeat;
}
div#navigation ul li#account a:hover,
div#navigation ul li#account a:focus,
div#navigation ul li#account a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -684px -129px no-repeat;
}
div#navigation ul li#account a.selected:link,
div#navigation ul li#account a.selected:visited
{
    display: block;
    width: 93px;
    height: 67px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -684px -237px no-repeat;
}
div#navigation ul li#account a.selected:hover,
div#navigation ul li#account a.selected:focus,
div#navigation ul li#account a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -684px -129px no-repeat;
}
/***********\\ Help Nav //***********/
div#navigation ul li#help a:link,
div#navigation ul li#help a:visited
{
    display: block;
    width: 118px;
    height: 85px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -778px 0 no-repeat;
}
div#navigation ul li#help a:hover,
div#navigation ul li#help a:focus,
div#navigation ul li#help a:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -778px -106px no-repeat;
}
div#navigation ul li#help a.selected:link,
div#navigation ul li#help a.selected:visited
{
    display: block;
    width: 118px;
    height: 85px;
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -778px -214px no-repeat;
}
div#navigation ul li#help a.selected:hover,
div#navigation ul li#help a.selected:focus,
div#navigation ul li#help a.selected:active
{
    background: transparent url('../graphics/navigation/buttons/NavigationSprites.png') -778px -106px no-repeat;
}
/********************************************
 Quote styles
*********************************************/
div#quotes div#leftcolumn,
div#quotes div#rightcolumn
{
    float: left;
    width: 385px;
}
blockquote
{
    display: block;
    margin: 0;
    padding: 16px 15px 15px 35px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    line-height: 18px;
    font-style: oblique;
    color: #C1B49A;
    background: transparent url('../graphics/TestimonialQuotes.png') no-repeat;
}
/********************************************
 Footer Styles
*********************************************/
div#footer
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10px;
    color: #867A49;
    text-align: center;
    text-transform: uppercase;
}
div#footer ul
{
    margin: 10px 0;
}
div#footer ul li
{
    display: inline;
    margin-right: 4px;
    line-height: 15px;
}
div#footer ul li a:link, div#footer ul li a:visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #9bc8bb;
    text-decoration: none;
}
div#footer ul li a:hover, div#footer ul li a:focus, div#footer ul li a:active
{
    font-family: Arial, Helvetica, Sans-Serif;
    color: #cca429;
    text-decoration: underline;
}
/********************************************
 SRP hCard Styles - http://microformats.org/
*********************************************/
div.vcard
{
    margin: 10px 0;
}
span.org, span.country-name, span.type
{
    display: none;
}
/********************************************
 Common classes
*********************************************/
.upper
{
    text-transform: uppercase;
}
.right
{
    float: right;
}
.left
{
    float: left;
}
.imagepad
{
    padding: 0 25px 25px 25px;
}
.shortheadline
{
    width: 400px;
}
.clearfix:after
{
    clear: both; 
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}