﻿html { margin: 0px; padding: 0px; min-height: 100%; height: 1598px; }
body { padding: 0px; margin: 0px; min-height: 100%; background: #ffffff url(../Images/Masterpage/BlueGradientBG.png) top repeat-x;  }
body, td, p, div, a, li { font-family: Arial; font-size: 13px; color: White; line-height: 1.4em; margin-right: 0px; }
/*  GLOBAL ================================================== */
h1, h2, h3, p, ul, blockquote, ol, dl { margin: 0px; padding: 0px; }
.inline { display:inline; }
img { border:0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { outline: none; }
input.invalid { border: 2px solid red; }
input[type=checkbox].invalid { outline: 2px solid red; } /*firefox specific checkbox error style*/
.clear { clear: both; }
.invisible { display: none; }
.center { text-align: center; margin: 0 auto; }
.left { text-align: left; }
.right { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.bold { font-weight: bold; }
.attention { font-weight: bold; color: Red; }
.exclamation { width: 25px; height: 23px; float: left; padding-right: 5px; }
.menuTitleFont { font-size: 18px; font-weight: bold; }
.yellowTitle { color: #FEBB1E; line-height: normal; vertical-align: top; font-size: 14px; font-weight: bold; }
/*  CONTAINERS ================================================== */
#mainContentHolder { width: 950px; height: 1172px; clear: both; }
#menuHolder { float: right; padding-top: 40px; width: 445px; height: 31px; }
/*  HEADER ================================================== */
#actionBar { background: url(../Images/Masterpage/TopBarGradient.png) top repeat-x; height: 41px; width: 100%; }
#actionBar .actionHolder { width: 950px; margin: 0 auto; text-align: center; padding-top: 10px; }
#actionBar #buttonHolder { width: 270px; }
#loginHolder a { width:122px; background: url(../Images/MasterPage/Clear-BlueButton_Small.png) 0px 0px no-repeat; }
#loginHolder a:hover { background-position: 0px -26px; }
#loginHolder a:active { background-position: 0px -52px; }
#startSavingNow a { margin-left: 10px; width: 134px; background: url(../Images/MasterPage/StartSavingNow_Small.png) 0px 0px no-repeat; }
#startSavingNow a:hover { background-position: 0px -25px; }
#startSavingNow a:active { background-position: 0px -49px; }
#logo { width: 480px; padding-top: 18px; text-align: left; }
#logo, #loginHolder a, #startSavingNow a { float: left; }
#loginHolder a, #startSavingNow a { display: block; height:22px; text-decoration: none; }
/*  FOOTER  ================================================== */
#siteMapBg { background: url(../Images/Masterpage/SiteMapSectionBG.png) top repeat-x; height: 345px; }
#bottomContent, #footer .content { width: 950px; }
#bottomContent { height: 350px; padding-top: 15px; }
#bottomContent .middleRow { height: 220px; }
#bottomContent .middleRow td { padding-top: 10px; }
#bottomContent .truste { padding-top: 5px; }
#bottomContent .verisign { text-decoration:none; font:bold 7px verdana,sans-serif; letter-spacing:.5px; text-align:center;  margin: -21px 0 0 20px; padding: -21px 0 0; }
#bottomContent #aboutUs { width: 200px; }
#bottomContent #supportedCarriers { width: 250px; }
#bottomContent #services { width: 150px; }
#AboutUsMenu a, #ServicesMenu a, .middleRow td div { line-height: 1.7em; }
#footer { background: url(../Images/Masterpage/FooterBG.png) top repeat-x; height: 40px; width: 100%; }
#footer .content { height: 38px; }
#tweets { padding: 35px 0 0 15px; }
.tweetLink { color: #37D1FF; }
.tweetContent { color: #417893; }
.time { color: Gray; }
.legalInfo, .footerMenu a { font-size: 14px; }
.footerMenu a { color: #D8D8D8; }
.legalInfo { width: 565px; text-align: left; }
.footerMenu { width: 380px; text-align: right; }
.legalInfo, .footerMenu { padding-top: 10px; }
.menuSpacer { padding: 0 5px; }
#twitterContent { padding-left: 18px; }
.masterSprite { background: url('../Images/Masterpage/master.png') no-repeat top left; }
#trusteLogo { background-position: 0 0; width: 161px; height: 44px; }
#twitterBird { background-position: 0 -49px; width: 43px; height: 30px; margin: -10px 0 0 208px; } 
#twitterBg { background-position: 0 -84px; width: 311px; height: 122px; margin-top: -13px; } 
#bbbLogo { background-position: 0 -211px; width: 122px; height: 46px; } 
.logoSpacing { padding-left: 20px; }
#trusteLogo, #bbbLogo { display:block; cursor:pointer; }
#bottomContent, #footer .content { margin: 0 auto; text-align: center; }
.legalInfo, .footerMenu { float: left; }
#seeYourImpact { width: 220px; height: 82px; margin: 85px 0 0 100px; }
.addThis { margin-top: 14px; width: 200px; }
/* OOPS & 404 ======================================================== */
#oops { background: url('../Images/OopsIcon_wBox.png') top no-repeat;width: 573px; height: 508px; margin-top: 50px; }
#message { padding: 115px 0 0 260px; width: 280px; font-family: Arial; color: #565656; font-size: 13px; line-height: 1.4em; }
.goofed { line-height: 24px; }
.spacer { padding-top: 10px; }
#message, #fourImage .title, #fourImage .content { text-align: left; }
#fourImage { background: url('../Images/404_plus_DarkBG.png') top no-repeat; width: 680px; height: 289px; margin-top: 150px; }
#fourImage .title h1 { color: #FEBB1E; }
#fourImage .title { padding: 25px 0 25px 0; }
#fourImage .title, #fourImage .content { padding-left: 20px; }
#fourImage .title { width: 400px; }
#fourImage .content { width: 300px; }
