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

Title : Peekoo Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/bodyBg.gif) top left repeat-x; color:#003366; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#signUpBarContainer { width:100%; height:32px; background:#003366;}
#signUpBar { width:870px; height:32px; margin:0 auto; line-height:31px; padding:0 25px;}
#signUpBar .textLeft { float:left; color:#29abe2; padding:0; font-size:130%; font-weight:bold; margin-right:70px;}
#signUpBar .textRight { float:left; color:#29abe2; padding:0; font-size:130%; font-weight:bold; margin-right:10px;}
#signUpBar span { color:#FFFFFF;}
#signUpBar .form { float:left; display:inline; position:relative; padding-right:20px;}
#signUpBar .form .signUpInput { background:url(../images/signUpInputBg.gif) no-repeat; width:173px; height:19px; padding:2px 0 0 10px; border:none; color:#003366;}
#signUpBar .form .signUpBtn { width:17px; height:19px; position:absolute; top:5px; right:-2px;}
#container { width:920px; margin:0 auto; text-align:left; font-size:110%;}   
#header { background:url(../images/headerBg.gif) top left no-repeat; width:907px; height:208px; position:relative;  margin:0 auto;}
#header #logo { position:absolute; top:35px; left:15px;}
#content { width:907px; margin:0 0 0 10px; padding-right: 10px;}
#content #leftCol { width:177px; float:left; display:inline;}
#content #leftCol .box { background:url(../images/boxLeftMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #leftCol .box .content {  background:url(../images/boxLeftTop.gif) top left no-repeat;}
#content #leftCol .box .padding {  background:url(../images/boxLeftBottom.gif) bottom left no-repeat;  padding: 8px 12px 8px 13px;}
#content #leftCol #financialNews { font-size:110%; line-height:120%; min-height:170px;}
#content #leftCol #financialNews p { background:url(../images/financialNewsDivider.gif) top left no-repeat; margin-bottom:2px; padding-top: 10px; font-size: 11px;}
#content #leftCol #financialNews p.last { background:url(../images/financialNewsDivider.gif) -200px 0px no-repeat; font-size: 11px;}
#content #leftCol #financialNews .newsDate { font-size:100%;}
#content #rightCol { width:704px; float:left; margin: 0 9px 0 17px;}
#content #rightCol .box { background:url(../images/boxRightMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol .box .content { background:url(../images/boxRightTop.gif) top left no-repeat;}
#content #rightCol .box .padding { background:url(../images/boxRightBottom.gif) bottom left no-repeat; padding:12px 0 12px 11px;}
#content #rightCol #mortgageFinder.box #loanFinderForm div { height:30px; clear:both; }

/* ----- HOME PAGE TOP HALF ----- */
#content #rightCol #top #col1 { float:left; width:475px;  min-height:372px;}
#content #rightCol #top #col1 #piggyBank { width:461px; height:256px; position:relative; line-height:210%; padding-bottom:12px;}
#content #rightCol #top #col1 #piggyBank #piggyBankText { background:url(../images/piggyBankTextBg.gif) top left no-repeat; width:250px; height:74px; font-size:110%; display:block; position:absolute; top:20px; left:0px;}
#content #rightCol #top #col1 #piggyBank #piggyBankText a { padding:2px 0 0 10px; color:#FFFFFF; text-decoration:none; display:block;}
#content #rightCol #top #col1 #piggyBank #piggyBankText .largerFont {  font-size:160%; display:block;} 
#content #rightCol #top #col1 #newsletterSignup { position:relative; background:url(../images/newsetterSignup.gif) top left no-repeat; width:222px; height:99px; float:left;}
#content #rightCol #top #col1 #newsletterSignup .title { color:#FFFFFF; font-size:155%; font-weight:bold; padding: 3px 0 0 3px; line-height:120%;}
#content #rightCol #top #col1 #newsletterSignup .text { color:#FFFFFF; font-size:110%; line-height:120%; padding: 0 0 0 5px;}
#content #rightCol #top #col1 #newsletterSignup .emailSignupInput { background:url(../images/signUpInput2Bg.gif) no-repeat; width:173px; margin-left: 5px; margin-top: 4px; height:19px; padding:2px 0 0 10px; border:none; color:#003366;}

#content #rightCol #top #col1 #newsletterSignup .btnSubmit { position:absolute; top:69px; left:193px; width:23px; height:24px;}
#content #rightCol #top #col1 #expertAdvice { width:222px; height:99px; float:left; margin-left:17px;}
#content #rightCol #top #col1 #expertAdvice a { display:block;  width:222px; height:99px; font-weight:normal; text-decoration:none;}
#content #rightCol #top #col1 #expertAdvice .title { display:block; color:#003366; font-size:155%; font-weight:bold; padding: 3px 0 0 3px; line-height:120%;}
#content #rightCol #top #col1 #expertAdvice .text { display:block; font-size:110%; line-height:120%; padding: 0 0 0 4px;}
#content #rightCol #top #col2 { float:left; width:218px;}
#content #rightCol #top #col2 #deals { line-height:130%;}
#content #rightCol #top #col2 #deals .dealHeading { display:block; line-height:110%; text-decoration:none; padding: 7px 0 0 13px; background:url(../images/subheadingBg.gif) top left no-repeat; width:196px; height:26px; color:#0071bc; font-size:150%; font-weight:bold;}
#content #rightCol #top #col2 #deals ul { display:block; float:left; border:2px solid #0071bc; margin:3px 0 3px 5px; padding:0; list-style:none; width:195px;}
#content #rightCol #top #col2 #deals ul a {font-size:130%; text-decoration:none;}
#content #rightCol #top #col2 #deals ul a:hover { text-decoration:underline;}
#content #rightCol #top #col2 #deals ul .smallText { font-size:10px; padding-right:50px; display:block;}
.menuSmallText { font-size:10px; padding-right: 5px; font-weight: normal; display:block;}
#content #rightCol #top #col2 #deals ul li { display:block; padding:5px 3px 10px 5px;}
#content #rightCol #top #col2 #deals .switch { display:block;}
#content #rightCol #top #col2 #deals .switch:hover { display:block;}

/* ----- HOME PAGE BOTTOM HALF ----- */
#content #rightCol #bottom #col1a { float:left; width:475px; min-height:298px;}
#content #rightCol #bottom #col1a .bestDeal { float:left; width:155px; line-height:130%;}
#content #rightCol #bottom #col1a .bestDeal a { text-decoration:none;}
#content #rightCol #bottom #col1a .bestDeal a:hover { text-decoration:underline;}
#content #rightCol #bottom #col1a .bestDeal .padding { padding:21px 3px 23px 3px; background:none;}
#content #rightCol #bottom #col1a .bestDeal .dealTitle { font-weight:bold; font-size:130%;}
#content #rightCol #bottom #col1a .bestDeal .dealDetails { font-weight:bold; padding: 0 8px 7px 0; font-size:90%;}
#content #rightCol #bottom #col1a .bestDeal .dealArrowPercentImage { position:relative;}
#content #rightCol #bottom #col1a .bestDeal .dealArrowPercentImage .dealPercent { position:absolute; top:1px; left:100px; font-weight:bold; font-size:130%;}
#content #rightCol #bottom #col1a .bestDeal .dealArrowPercentImage .dealArrow { position:absolute; top:20px; left:102px;}
#content #rightCol #bottom #col1a #loanFinder { background:url(../images/loanFinderBg.gif) top left no-repeat; margin-top:10px; width:467px; height:99px; position:relative; color:#FFFFFF; font-weight:bold; font-size:150%; padding-bottom:3px;}
#content #rightCol #bottom #col1a #loanFinder #textBorrow { position:absolute; top:60px; left:15px;}
#content #rightCol #bottom #col1a #loanFinder #borrowAmount { position:absolute; top:60px; left:159px; background:url(../images/loanFinderAmountBg.gif) top left no-repeat; width:120px; height:24px; border:none; padding:4px 0 0 4px;}
#content #rightCol #bottom #col1a #loanFinder #textOver {  position:absolute; top:60px; left:285px;}
#content #rightCol #bottom #col1a #loanFinder #borrowPeriod { position:absolute; top:60px; left:327px;  background:url(../images/loanFinderPeriodBg.gif) top left no-repeat; width:35px; height:24px; border:none; padding:4px 0 0 4px;}
#content #rightCol #bottom #col1a #loanFinder #textYears { position:absolute; top:60px; left:370px;}
#content #rightCol #bottom #col1a #loanFinder .btnSubmit { position:absolute; top:60px; left:428px;}
#content #rightCol #bottom #col2a { float:left; width:210px; }
#content #rightCol #bottom #col2a .subHeadingTall span { color:#003366; font-size:11px; line-height:140%; display:block;}
#content #rightCol #bottom #col2a #jargonBuster { display:inline; float:left; border:0 solid #0071bc; margin:6px 0 3px 5px; padding:0; list-style:none; width:195px; font-size:110%; line-height:120%;}
#content #rightCol #bottom #col2a #jargonBuster .padding { padding:10px 5px 10px 5px; background:none;}

/* ----- MORTGAGE PAGE STYLES ----- */
#content #rightCol #mortgageFinder.box { width:465px; float:left; position:relative; background:url(../images/mortgageFinderMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol #mortgageFinder.box .content { background:url(../images/mortgageFinderTop.gif) top left no-repeat; }
#content #rightCol #mortgageFinder.box p {font:120%/1.6 arial, verdana, helvetica, sans-serif; margin-top: 5px;  }
#content #rightCol #mortgageFinder.box .padding { background:url(../images/mortgageFinderBottom.gif) bottom left no-repeat; padding:6px 10px 12px 15px;}
#content #rightCol #mortgageFinder.box .oval { position:absolute; top:16px; left:162px;}
#content #rightCol #mortgageFinder.box .toolsoval { position:absolute; top:16px; left:260px;}
#content #rightCol #mortgageFinder.box fieldset { display:block; width:445px; padding-top:10px;}
#content #rightCol #mortgageFinder.box #mortgageFinderForm div { height:30px; clear:both; }
#content #rightCol #mortgageFinder.box label { display:block; float:left; width:215px; font-size:120%; font-weight:bold; }
#content #rightCol #mortgageFinder.box input { float:left; width:205px; border:2px solid #0071bc; padding:2px 3px; color:#0071bc;}
#content #rightCol #mortgageFinder.box select { float:left; width:215px; border:2px solid #0071bc; font-size:12px; color:#0071bc;}
#content #rightCol #mortgageFinder.box .poundSign { position:absolute; top:-2px; left:198px; font-size:150%;}
#content #rightCol #mortgageFinder.box .smallerInput { width:145px;}
#content #rightCol #mortgageFinder.box #agreeToTerms { width:445px; position:relative; height:60px; display:block; margin-top:5px;}
#content #rightCol #mortgageFinder.box #agreeToTerms a { color:#29abe2; text-decoration:underline;}
#content #rightCol #mortgageFinder.box #agreeToTerms #textIAgree { font-size:130%; color:#0071bc; position:absolute; top:0px; left:-4px; }
#content #rightCol #mortgageFinder.box #agreeToTerms #textSmallPrint { position:absolute; top:24px; left:0px; font-size:9px; font-weight:bold;}
#content #rightCol #mortgageFinder.box #agreeToTerms #termsCheckbox { border:none; padding:0; margin:0; position:absolute; top:4px; left:57px; height:17px;}
#content #rightCol #mortgageFinder.box #agreeToTerms #search { position:absolute; top:0px; left:215px; width:215px; height:26px;}

#content #rightCol #peekooBubble { width:239px; height:381px; background:url(../images/peekooBubbleBg.gif) top left no-repeat; position:relative; float:left;}
#content #rightCol #peekooBubble #text { position:absolute; top:8px; left:26px; width:200px; height:70px;}
#content #rightCol #peekooBubble #text p { padding:0; font-weight:bold; line-height:19px;}

#content #rightCol #internalJumps { width:239px; float:left;}
#content #rightCol #internalJumps #newsletterSignup { position:relative; background:url(../images/newsetterSignup.gif) top left no-repeat; width:222px; height:99px; margin:15px 0 10px 17px;}
#content #rightCol #internalJumps #newsletterSignup .title { color:#FFFFFF; font-size:155%; font-weight:bold; padding: 3px 0 0 3px; line-height:120%;}
#content #rightCol #internalJumps #newsletterSignup .text { color:#FFFFFF; font-size:110%; line-height:120%; padding: 0 0 0 5px;}
#content #rightCol #internalJumps #newsletterSignup .emailInput { position:absolute; top:70px; left:5px; background:url(../images/inputBg.gif) top left no-repeat; width:183px; height:23px; padding:3px 0 0 6px; border:none;}
#content #rightCol #internalJumps #newsletterSignup .btnSubmit { position:absolute; top:69px; left:193px; width:23px; height:24px;}
#content #rightCol #internalJumps #expertAdvice { width:222px; height:99px; margin: 0 0 10px 17px;}
#content #rightCol #internalJumps #expertAdvice a { display:block;  width:222px; height:99px; font-weight:normal; text-decoration:none;}
#content #rightCol #internalJumps #expertAdvice .title { display:block; color:#003366; font-size:155%; font-weight:bold; padding: 3px 0 0 3px; line-height:120%;}
#content #rightCol #internalJumps #expertAdvice .text { display:block; font-size:110%; line-height:120%; padding: 0 0 0 4px;}
#content #rightCol #internalJumps #toolsAndCalculators { background:url(../images/toolsAndCalculatorsBg.gif) top left no-repeat; width:222px; height:125px; margin-left:17px;}
#content #rightCol #internalJumps #toolsAndCalculators a { display:block;  width:222px; height:125px; font-weight:normal; text-decoration:none; color:#ffffff;}
#content #rightCol #internalJumps #toolsAndCalculators .title { display:block; font-size:155%; font-weight:bold; padding: 5px 0 0 3px; line-height:120%;}
#content #rightCol #internalJumps #toolsAndCalculators .text { display:block; font-size:110%; line-height:120%; padding: 2px 0 0 6px;}

#content #rightCol #tabContent.box { width:704px; background:url(../images/boxRightMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol #tabContent.box .content { background:url(../images/boxRightTop.gif) top left no-repeat;}
#content #rightCol #tabContent.box .padding { background:url(../images/boxRightBottom.gif) bottom left no-repeat; padding:2px 2px 10px 2px;}
#content #rightCol table { width:100%;}
#content #rightCol th { border-right: 1px solid #54bce8;  border-bottom: 1px solid #54bce8; padding:7px 3px; line-height:16px; font-size:12px; font-weight:bold; text-align:center; vertical-align:top;}
#content #rightCol th.last { border-right:none;}
#content #rightCol td { padding:7px 3px; line-height:14px; font-size:11px; border-bottom:1px solid #8f0c5f; font-weight:normal; color:#30232e; text-align:left; }
#content #rightCol tr.last td { border-bottom:none;}

/* ----- TAB STYLES ----- */
.tabs { margin:0 0 0 16px; padding:0; list-style:none;}
.tabs li { display: block; float:left; height:30px;}
.tabs li a { cursor:pointer; outline:none; display: block; float:left; height:30px; font-size:120%; font-weight:bold; color:#FFFFFF; text-decoration:none; background:url(../images/tabRight.gif) top right no-repeat; position: relative; z-index: 1; display:inline; margin-right: 2px;}
.tabs li a span { display: block; float:left; height:23px; padding:7px 8px 0 8px; background:url(../images/tabLeft.gif) top left no-repeat;}
.tabs li a:hover { background:url(../images/tabRightHover.gif) top right no-repeat; }
.tabs li a:hover span { background:url(../images/tabLeftHover.gif) top left no-repeat; }
.tabs li a.selected { background:url(../images/tabRightHover.gif) top right no-repeat; }
.tabs li a.selected span { background:url(../images/tabLeftHover.gif) top left no-repeat; }

/* ---- SEARCH STYLES ---- */
#content #rightCol #search.box { width:704px; position:relative; background:url(../images/boxRightMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol #search.box .subHeading { padding-left:8px;}
#content #rightCol #search.box .content { background:url(../images/boxRightTop.gif) top left no-repeat;}
#content #rightCol #search.box .padding { background:url(../images/boxRightBottom.gif) bottom left no-repeat; padding:6px 0 17px 12px;}
#content #rightCol #search.box .oval { position:absolute; top:16px; left:156px;}
#content #rightCol #search.box p{font:120%/1.6 arial, verdana, helvetica, sans-serif; padding: 5px 20px 5px 10px;}
#content #rightCol #search.box .tabs { margin-left:0px;}
#content #rightCol #search.box #tabContent { background:#e5f1f8; border:1px solid #f5e5ee; width:677px; font-size:120%; font-weight:bold;}
#content #rightCol #search.box #tabContent .padding { background:none; padding:10px 5px 12px 5px;}
#content #rightCol #search.box #tabContent .summaryTitle { display:block; float:left; width:170px; padding:5px 0px;}
#content #rightCol #search.box #tabContent .summaryResult { display:block; float:left; width:105px; text-align:left; padding-top:5px; padding-right:80px; color:#0071bc; font-size:110%;}
#content #rightCol #search.box #tabContent .summaryResult.right { padding-right:30px; text-align:right;}

/* ---- SEARCH STYLES ---- */
#content #rightCol #searchl.box { width:704px; position:relative; background:url(../images/boxRightMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol #searchl.box .subHeading { padding-left:8px;}
#content #rightCol #searchl.box .content { background:url(../images/boxRightTop.gif) top left no-repeat;}
#content #rightCol #searchl.box .padding { background:url(../images/boxRightBottom.gif) bottom left no-repeat; padding:6px 0 17px 12px;}
#content #rightCol #searchl.box .oval { position:absolute; top:16px; left:156px;}
#content #rightCol #searchl.box p{font:100%/1.6 arial, verdana, helvetica, sans-serif; padding: 5px 20px 5px 0px;}
#content #rightCol #searchl.box .tabs { margin-left:0px;}
#content #rightCol #searchl.box #tabContent { background:#e5f1f8; border:1px solid #f5e5ee; width:677px; font-size:120%; font-weight:bold;}
#content #rightCol #searchl.box #tabContent .padding { background:none; padding:10px 5px 12px 5px;}
#content #rightCol #searchl.box #tabContent .summaryTitle { display:block; float:left; width:170px; padding:5px 0px;}
#content #rightCol #searchl.box #tabContent .summaryResult { display:block; float:left; width:105px; text-align:left; padding-top:5px; padding-right:80px; color:#0071bc; font-size:110%;}
#content #rightCol #searchl.box #tabContent .summaryResult.right { padding-right:30px; text-align:right;}


#content #rightCol #searchl.box fieldset { display:block; width:600px; padding-top:10px;}
#content #rightCol #searchl.box #loanFinderForm div { height:30px; clear:both; }
#content #rightCol #searchl.box label { display:block; float:left; width:240px; font-size:105%; font-weight:bold; }
#content #rightCol #searchl.box input { float:left; width:205px; border:2px solid #0071bc; padding:2px 3px; color:#0071bc;}
#content #rightCol #searchl.box select { float:left; width:215px; border:2px solid #0071bc; font-size:12px; color:#0071bc;}
#content #rightCol #searchl.box .poundSign { position:absolute; top:-2px; left:220px; font-size:150%;}
#content #rightCol #searchl.box .smallerInput { width:145px;}
#content #rightCol #searchl.box #agreeToTerms { width:600px; position:relative; height:60px; display:block; margin-top:5px;}
#content #rightCol #searchl.box #agreeToTerms a { color:#29abe2; text-decoration:underline;}
#content #rightCol #searchl.box #agreeToTerms #textIAgree { font-size:100%; color:#0071bc; position:absolute; top:0px; left:-4px; }
#content #rightCol #searchl.box #agreeToTerms #textSmallPrint { position:absolute; top:24px; left:0px; font-size:9px; font-weight:bold;}
#content #rightCol #searchl.box #agreeToTerms #termsCheckbox { border:none; padding:0; margin:0; position:absolute; top:4px; left:57px; height:17px;}
#content #rightCol #searchl.box #agreeToTerms #search { position:absolute; top:0px; left:240px; width:215px; height:26px;}



#content #rightCol #results.box { width:704px; position:relative; background:url(../images/boxRightMiddle.gif) top left repeat-y; border-bottom:17px solid #ffffff;}
#content #rightCol #results.box #resultsTop { position:absolute; top:0px; left:0px; z-index:1; color:#FFFFFF; font-size:130%;}
#content #rightCol #results.box #resultsTop a { color:#FFFFFF; font-weight:normal;}
#content #rightCol #results.box #resultsTop .textResults { position:absolute; top:1px; left:15px; font-weight:bold; font-size:110%;}
#content #rightCol #results.box #resultsTop .textResultsNumber { position:absolute; top:2px; left:95px; font-weight:bold;}
#content #rightCol #results.box #resultsTop .textMatches { position:absolute; top:2px; left:130px; width:200px;}
#content #rightCol #results.box #resultsTop .advancedSearch { position:absolute; top:1px; left:575px; width:200px;}
#content #rightCol #results.box #resultsBottom { position:absolute; bottom:0px; left:0px; color:#FFFFFF; font-size:110%;}
#content #rightCol #results.box #resultsBottom a { color:#FFFFFF; font-weight:normal; text-decoration:none;}
#content #rightCol #results.box #resultsBottom a:hover { text-decoration:underline;}
#content #rightCol #results.box #resultsBottom .page { position:absolute; bottom:2px; left:0px; width:704px; text-align:center;}
#content #rightCol #results.box #resultsBottom .nextPage { position:absolute; bottom:3px; left:624px; width:100px;}
#content #rightCol #results.box #resultsBottom .previousPage { position:absolute; bottom:3px; left:10px; width:100px;}
#content #rightCol #results.box .content { background:url(../images/resultsTopBg.gif) top left no-repeat; position:relative;}
#content #rightCol #results.box .padding { background:url(../images/resultsBottomBg.gif) bottom left no-repeat; padding:25px 2px 25px 2px;}

/* ----- TOOLS AND CALCULATORS ----- */
#toolsCalculators { background:url(../images/toolsCalculatorsBg.gif) top left no-repeat; width:898px; height:95px; margin:0 0 17px 10px; position:relative;}
#toolsCalculators #balanceTransferCalculator { font-size:110%; font-weight:bold; line-height:130%; width:282px; position:absolute; top:27px; left:350px;}
#toolsCalculators #balanceTransferCalculator span { display:block; font-size:120%;}
#toolsCalculators #salaryCalculator { font-size:110%; font-weight:bold; line-height:130%; width:200px; position:absolute; top:27px; left:630px;}
#toolsCalculators #salaryCalculator span { display:block; font-size:120%;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative;}
.inline {display:inline;}
.hand { cursor:pointer;}
.italics { font-style:italic;}
.subHeading { color:#0071bc; font-size:150%; font-weight:bold; min-height:23px;}
.subHeadingDebt { color:#0071bc; font-size:150%; font-weight:bold; min-height:23px;}
.subHeadingLong { display:block; line-height:110%; text-decoration:none; padding: 7px 0 0 13px; background:url(../images/subheadingLongBg.gif) top left no-repeat; width:454px; height:26px; color:#0071bc; font-size:150%; font-weight:bold;}
.subHeadingTall { display:block; line-height:110%; text-decoration:none; padding: 7px 0 0 10px; background:url(../images/subheadingTallBg.gif) top left no-repeat; width:198px; height:60px; color:#0071bc; font-size:150%; font-weight:bold;}

.clsHomRightInfo {margin: 8px; font-style:italic;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 20px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { height:37px; width:907px; position:absolute; top:155px; left:0px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav li { display:block; float:left; margin-right:6px;}
#topNav li a { border-bottom:1px solid #ffffff;}
#topNav li a span { position:absolute; top:-1000px; left:0px; height:7px; width:907px; }
#topNav li a:hover { border-bottom:1px dotted #ffffff;}
#topNav li a:hover span { top:30px;}
#topNav li.active span { top:30px;}

/* ----- LEFT NAVIGATION ----- */
#leftNav { line-height:22px; min-height:380px;}
#leftNav ul { margin:0; padding:0; list-style:none;}
#leftNav li { background:url(../images/bullet.gif) 0px 7px no-repeat; padding:0px 0px 0px 13px; font-size:150%;}
#leftNav a { color:#003366; font-weight:bold; text-decoration:none;}
#leftNav a:hover { text-decoration:underline;}
#leftNav .boldBlue { color:#0071bc; font-weight:bold;}
#leftNav .clsSubLeftNav {font-size: 70%; font-weight:normal;}
#leftNav .clsSubLeftNav a {font-weight:normal;}

/* ----- FOOTER ----- */
#footer { background:url(../images/footer.gif) top left no-repeat; width:907px;  margin:0 0 0 6px; font-size:110%; font-weight:bold;}
#footer .padding { padding: 10px;}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#003366; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:12px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}

/* ---- popup -- */
#popupContainer {width: 600px; background:url(../images/popup_bg.gif) top left no-repeat;}
#popupContent { padding-top: 150px; }