/* CSS Document for Business Electricity */

/* Layout */
#wrapper { background:url(../images/business_electricity/background.jpg) no-repeat center top; }


/* Meter Reading Tabs */
#meter-reading-tabs { width:100%; float:left; position:relative; z-index:1; overflow:hidden; }
#meter-reading-tabs div.title { width:100%; height:auto !important; height:23px; min-height:23px; padding:12px 0 8px 0; float:left; text-align:center; color:#003366; font-weight:bold; }
#meter-reading-tabs ul { width:970px; margin:0; float:left; }
#meter-reading-tabs li { float:left; }
#meter-reading-tabs li.spacer { width:2px; height:121px; background:url(../images/business_gas/tabs/divider.png) no-repeat left bottom; }
#meter-reading-tabs a { float:left; background:url(../images/business_gas/tabs/bg_middle.png) no-repeat; font-weight:normal; border:none; font-size:90%; }
#meter-reading-tabs .non-quarter-hourly a { background-position:14px bottom; }
#meter-reading-tabs .quarter-hourly a { background-position:-35px bottom; }
#meter-reading-tabs a .content { float:left; }
#meter-reading-tabs a .inner { width:219px; height:auto !important; height:108px; min-height:108px; float:left; }
#meter-reading-tabs a .title { width:100%; height:auto !important; height:18px; min-height:18px; padding:0 0 2px 0; float:left; font-size:190%; font-weight:100; color:#003366; line-height:22px; }
#meter-reading-tabs a .subtitle { width:100%; height:auto !important; height:18px; min-height:18px; padding:0 0 5px 0; float:left; font-size:140%; font-weight:100; color:#003366; line-height:18px; clear:both; }

#meter-reading-tabs .non-quarter-hourly .content { background:url(../images/business_electricity/qh/non_qh_calendar_icon.png) no-repeat 271px 18px; }
#meter-reading-tabs .quarter-hourly .content { background:url(../images/business_electricity/qh/qh_clock_icon.png) no-repeat 50px 11px; }

#meter-reading-tabs .non-quarter-hourly .inner { padding:13px 220px 0 40px; background:url(../images/business_gas/tabs/bg_left.png) no-repeat left bottom; }
#meter-reading-tabs .quarter-hourly .inner { padding:13px 40px 0 220px; background:url(../images/business_gas/tabs/bg_right.png) no-repeat right bottom; text-align:right; }

#meter-reading-tabs .non-quarter-hourly a:hover, #meter-reading-tabs .non-quarter-hourly a:focus, #meter-reading-tabs .non-quarter-hourly a:active, #meter-reading-tabs .non-quarter-hourly a.covered { background-image:url(../images/business_gas/tabs/bg_middle_over.png); }
#meter-reading-tabs .non-quarter-hourly a:hover .inner, #meter-reading-tabs .non-quarter-hourly a:focus .inner, #meter-reading-tabs .non-quarter-hourly a:active .inner, #meter-reading-tabs .non-quarter-hourly a.covered .inner { background:url(../images/business_gas/tabs/bg_left_over.png) no-repeat left bottom; }
#meter-reading-tabs .non-quarter-hourly a.active, #meter-reading-tabs .non-quarter-hourly a.active:hover, #meter-reading-tabs .non-quarter-hourly a.active:focus, #meter-reading-tabs .non-quarter-hourly a.active:active { background:url(../images/business_gas/tabs/bg_middle_on.png) no-repeat 14px top; }
#meter-reading-tabs .non-quarter-hourly a.active .inner, #meter-reading-tabs .non-quarter-hourly a.active:hover .inner, #meter-reading-tabs .non-quarter-hourly a.active:focus .inner, #meter-reading-tabs .non-quarter-hourly a.active:active .inner { background:url(../images/business_gas/tabs/bg_left_on.png) no-repeat left top; }

#meter-reading-tabs .quarter-hourly a:hover, #meter-reading-tabs .quarter-hourly a:focus, #meter-reading-tabs .quarter-hourly a:active, #meter-reading-tabs .quarter-hourly a.covered { background-image:url(../images/business_gas/tabs/bg_middle_over.png); }
#meter-reading-tabs .quarter-hourly a:hover .inner, #meter-reading-tabs .quarter-hourly a:focus .inner, #meter-reading-tabs .quarter-hourly a:active .inner, #meter-reading-tabs .quarter-hourly a.covered .inner { background:url(../images/business_gas/tabs/bg_right_over.png) no-repeat right bottom; }
#meter-reading-tabs .quarter-hourly a.active, #meter-reading-tabs .quarter-hourly a.active:hover, #meter-reading-tabs .quarter-hourly a.active:focus, #meter-reading-tabs .quarter-hourly a.active:active { background:url(../images/business_gas/tabs/bg_middle_on.png) no-repeat -35px top; }
#meter-reading-tabs .quarter-hourly a.active .inner, #meter-reading-tabs .quarter-hourly a.active:hover .inner, #meter-reading-tabs .quarter-hourly a.active:focus .inner, #meter-reading-tabs .quarter-hourly a.active:active .inner { background:url(../images/business_gas/tabs/bg_right_on.png) no-repeat right top; }




/* Featured Section */
#featured .rule-1 .left .title { float:right; }
#featured .rule-1 .right .title { float:left; }
#featured .rule-2 .left .title { float:left; }
#featured .rule-2 .right .title { float:right; }
#featured .rule-1 .left .image { float:left; }
#featured .rule-1 .right .image { float:right; }
#featured .rule-2 .left .image { float:right; }
#featured .rule-2 .right .image { float:left; }