/*
Light blue: #0AAAE2
Dark Blue: #13235B
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0; padding: 0; color: #333; }
img { border: none; }
.clearme { clear: both; }
a { color: #0AAAE2; text-decoration: none; }
a:hover { text-decoration: underline; }

#idWrapper { width: 980px; margin: 0 auto; }
#idHeader { width: 980px; padding: 6px 0; margin: 0 0 10px 0; background: #aaa; color: #fff; text-align: center; font-style: italic; }
#idColNav { float: left; width: 250px; margin: 0; padding: 20px 0 0 0; overflow: hidden; }
#idColNav #idLogo { width: 230px; overflow: hidden; }
#idColNav .lrgSwoosh { font-size: 85%; color: #6f6f6f; width: 180px; line-height: 145%; height: 199px; padding: 45px 35px 0 35px; background: url(../images/large-swoosh.gif) no-repeat 0% 0%; margin: 70px 0 0 0; }
#idColNav .smlSwoosh { font-size: 85%; color: #6f6f6f; width: 170px; line-height: 145%; height: 172px; padding: 34px 45px 0 35px; background: url(../images/sml-swoosh.gif) no-repeat 0% 0%; margin: 200px 0 0 0; }


#idColContent { float: left; width: 730px; }
#idContentStrap { float: left; width: 400px; }
#idContentStrap h1 { margin: 24px 0 0 6px; padding: 0; font-size: 200%; color: #13235B;}
#idContentLinks { float: right; width: 264px; padding: 32px 0 0 0; }
#idContentLinks ul{ list-style:none; margin: 0; padding: 0;}
#idContentLinks ul li {float: left;}
#idContentLinks ul li a {display: block; height: 33px; width: 126px; margin: 0 1px 0 0;}
#idContentLinks ul li a.payg { background: url(../images/btn-payg.jpg) no-repeat 0% 0%;}
#idContentLinks ul li a.payg:hover { background: url(../images/btn-payg.jpg) no-repeat 0% -33px;}
#idContentLinks ul li a.paym { background: url(../images/btn-paym.jpg) no-repeat 0% 0%;}
#idContentLinks ul li a.paym:hover { background: url(../images/btn-paym.jpg) no-repeat 0% -33px;}
#idContentLinks ul li a span {display: none;}


.idTableContain { border-top: 1px dotted #13235B;  width: 730px; margin: 0 0 20px 0; padding: 19px 0 4px 0; background: url(../images/table-btm.jpg) no-repeat 0% 100%; }
.firstTable { border-top: none; padding-top: 0; }
.idTableContain .idTableHeading { width: 730px; background: url(../images/table-top.jpg) no-repeat 0% 0%; height: 34px; padding: 0 0 0 0; }
.idTableContain .idTableHeading h2 { margin: 0; padding: 7px 0 0 10px; color: #fff; font-size: 125%; }
.idTableContain .idTableHeading h2 span { font-weight: normal; }
.idTableContain table { border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.idTableContain table th { text-align: right; border-top: 1px solid #6cd9ff; padding: 7px 0; width: 154px; }
.idTableContain table td { text-align: center; border-top: 1px solid #6cd9ff; padding: 7px 0; width: 144px; }
.idTableContain table tr.data th, .idTableContain table tr.data td {background: url(../images/table-td-bg.jpg) repeat-x 0% 0%; background-color:#e8f9ff;}

.idTableContain table td span { font-size: 150%; font-weight: bold;}

.idTableContain table td a.btn { height: 44px; width: 81px; margin: 0 auto; display: block; background: url(../images/btn-go.jpg) no-repeat 0% 0%; }
.idTableContain table td a.btn:hover { background: url(../images/btn-go.jpg) no-repeat 0% -44px; }
.idTableContain table td a.btn span { display: none; }

#idFoot {width: 978px; margin: 15px 0 15px 0; padding: 20px 0; border: 1px solid #c0c0c0; color: #666; font-size: 100%; line-height: 135%;}
#idFoot h2 {color: #13235B; margin: 0 0 20px 20px; padding: 0; font-size: 160%;}
#idFoot .idFootPanel {float: left; min-height: 180px; width: 204px; padding: 0 20px; border-right: 1px dotted #e0e0e0;}
#idFoot .idFootPanel h3, #idFoot .idFootPanelEnd h3 { color: #0AAAE2; font-size: 130%; margin: 5px 0 15px 0; padding: 0;}
#idFoot .idFootPanelEnd {float: left; min-height: 180px; width: 203px; padding: 0 20px;}

#officeInfo {width: 938px; margin: 15px 0 15px 0; padding: 20px 20px; border: 1px solid #c0c0c0; color: #666; font-size: 100%; line-height: 135%;}
#officeInfo h2 {color: #13235B; margin: 0 0 20px 0px; padding: 0; font-size: 160%;}
#officeInfo h3 {color: #0AAAE2; font-size: 130%; margin: 5px 0 15px 0; padding: 0;}

#idDeal { width: 980px; background: url(../images/footer-deal-bg.jpg) no-repeat 0% 0%; height: 245px;}
/*#idDeal h2 {margin: 0 0 10px 0; padding: 0; font-size: 160%;}
#idDeal p {margin: 0 0 0 10px; font-size:14px;}
#idDeal a:link {text-decoration:underline; font-weight:bold}
#idDeal .idFootPanelWide { float: left; width: 450px; padding: 0 20px 0 0;}
#idDeal .footerOffer { background: #13235B; width: 470px; padding-right: 0;}*/
#idDeal #idDealTxt1 {float: left; width: 380px; padding: 70px 0 0 43px; color: #fff; font-size: 110%;}
#idDeal #idDealTxt1 h2 {display: none;}
#idDeal #idDealTxt1 p {margin: 0; padding: 4px 0;}
#idDeal #idDealTxt2 {float: right; width: 213px; padding: 24px 14px 0 18px; color: #fff; font-size: 110%;}
#idDeal #idDealTxt2 #idDealBox1 {width: 143px; padding: 0 0 0 70px;}
#idDeal #idDealTxt2 #idDealBox2 {width: 213px; padding: 15px 0;}
#idDeal #idDealTxt2 #idDealBox3 {width: 213px;}
#idDeal #idDealTxt2 ul {list-style: none; margin: 0; padding: 0; line-height: 150%;}
#idDeal #idDealTxt2 a {color: #fff;}

.globalfooter { width: 980px; padding: 0 0 20px 0; font-size: 90%; color: #666;}

