/* CSS Document for the Help and Questions Section */ /* Layout */ #wrapper { background:url(../images/help_and_questions/background.jpg) no-repeat center top; } /* Flash Banner */ #flash-banner .help-and-questions { height:auto !important; height:176px; min-height:176px; padding:0 0 40px 0; } /* Help and Questions Wrapper */ #help-and-questions { width:100%; float:left; position:relative; } /* Help and Questions Content - Left Side */ #help-and-questions-content { width:732px; padding:20px 0 50px 0; float:left; display:inline; overflow:hidden; } #help-and-questions-content .question { width:100%; height:auto !important; height:25px; min-height:25px; padding:0 0 2px 0; float:left; font-size:160%; font-weight:100; color:#003366; position:relative; line-height:25px; letter-spacing:-0.01em; } #help-and-questions-content .question-active { background:url(../images/help_and_questions/blt_minus.png) no-repeat 0px 3px; } #help-and-questions-content .answer { width:100%; margin:5px 0 20px 0; float:left; position:relative; } #help-and-questions-content .answer ul { width:100%; float:left; position:relative; z-index:1; } #help-and-questions-content .answer p { width:100%; float:left; position:relative; z-index:1; } #help-and-questions-content .answer li { width:717px; padding:2px 0 2px 15px; float:left; background:url(../images/home_services/boilerservice/bullet.gif) no-repeat left 8px; } /* Help and Questions Nav */ #help-and-questions-sNav { width:180px; margin:-20px 0 70px 0; padding:26px 0 0 0; float:right; display:inline; background:url(../images/home_services/nav_shadow_top.png) repeat-y left top; position:relative; z-index:0; font-size:100%; } #help-and-questions-sNav .base { width:8px; height:201px; background:url(../images/home_services/nav_shadow_bot.png) no-repeat left bottom; position:absolute; left:0; bottom:-201px; } #help-and-questions-sNav ul { width:100%; margin:0; padding:1px 0 0 0; float:left; background:url(../images/help_and_questions/nav_divider.png) no-repeat left top; } #help-and-questions-sNav li { width:100%; padding:0 0 1px 0; float:left; background:url(../images/help_and_questions/nav_divider.png) no-repeat left bottom; } #help-and-questions-sNav li.first { background:url(../images/help_and_questions/nav_divider.png) no-repeat left bottom; } #help-and-questions-sNav a { width:100%; float:left; color:#666666; font-weight:normal; border:none; } #help-and-questions-sNav a:hover, #help-and-questions-sNav a:focus, #help-and-questions-sNav a:active { background:url(../images/home_services/nav_bg_generic_on.png) repeat-y left top; color:#000000; } #help-and-questions-sNav a.active { background:url(../images/home_services/nav_bg_generic.png) repeat-y left top; color:#003366; } #help-and-questions-sNav span { width:150px; height:auto !important; height:18px; min-height:18px; padding:10px 10px 10px 20px; float:left; background:url(../images/home_services/nav_bullet.png) no-repeat 11px center; line-height:18px; } /* Secondary Accordions */ .secondary-accordion-holder { width:100%; padding:10px 0 0 0; float:left; overflow:hidden; clear:both; } .secondary-accordion-holder h4 { width:100%; height:auto !important; height:20px; min-height:20px; float:left; line-height:20px; position:relative; z-index:1; } .secondary-accordion-holder .secondary-accordion-inner { width:100%; float:left; overflow:hidden; } * html .secondary-accordion-holder .secondary-accordion-inner { position:relative; } * + html .secondary-accordion-holder .secondary-accordion-inner { position:relative; } .secondary-accordion-holder .content { padding:10px 0 0 0; } /* Services Online */ #services-online th { text-align:left; font-weight:bold; } #services-online td { } /* Home Gas Calculator */ #tariff-calculator { width:100%; float:left; } #tariff-calculator table { width:100%; margin:10px 0 0 0; float:left; } #consumption-holder { width:100%; margin:0 0 5px 0; padding:10px 0; float:left; background:#F0F0F0; } #consumption-label { width:170px; margin:0 10px 0 10px; float:left; display:inline; font-weight:bold; } #consumption-input { float:left; } #spc-holder { width:100%; margin:-5px 0 5px 0; padding:10px 0; float:left; background:#F0F0F0; } #spc-label { width:170px; margin:0 10px 0 10px; float:left; display:inline; font-weight:bold; } #spc-input { float:left; } #tariff-calculator th { padding:0 0 5px 0; color:#003366; font-weight:bold; text-align:left; } #tariff-calculator td { padding:0 0 0 0; vertical-align:top; text-align:center; border-bottom:1px solid #EEE; } #tariff-calculator tr.col_headings td { vertical-align:bottom; font-weight:bold; } #tariff-calculator td.annual-col { background:#F7F7F7; } #tariff-calculator td.first { text-align:left; } /* Help and Questions Content Tables*/ #help-and-questions-content table { width:100%; margin:18px 0; float:left; } #help-and-questions-content table th { padding:0 15px 5px 15px; vertical-align:bottom; font-weight:bold; text-align:left; border-left:1px solid #CDCDCD; border-bottom:1px solid #CDCDCD; } #help-and-questions-content table th.no-border-left, #help-and-questions-content table td.no-border-left { padding-left:0; border-left:none; } #help-and-questions-content table td.border-bottom { border-bottom:1px solid #CDCDCD; } #help-and-questions-content table td.border-top { padding-top:10px; border-top:1px solid #CDCDCD; } #help-and-questions-content table td.border-right { border-right:1px solid #CDCDCD; } #help-and-questions-content table tr.spacer td { font-size:0px; line-height:0; } #help-and-questions-content table.tariffs-prices th, #help-and-questions-content table.tariffs-prices td { text-align:center; } #help-and-questions-content table.tariffs-prices td.border-bottom { vertical-align:bottom; } #help-and-questions-content table.tariffs-prices th.no-border-left, #help-and-questions-content table.tariffs-prices td.no-border-left { text-align:left; } #help-and-questions-content table.vMid td { vertical-align:middle; }