/* CSS Document for Business Gas */

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


/* Business Type Tabs */
#business-type-tabs { width:100%; margin:20px 0 0 0; float:left; font-size:90%; position:relative; z-index:0; }
#business-type-tabs ul { width:100%; margin:0; float:left; }
#business-type-tabs li { width:238px; float:left; }
#business-type-tabs li.first, #business-type-tabs li.last { width:239px; }
#business-type-tabs li.spacer { width:2px; height:118px; background:url(../images/business_gas/tabs/divider.png) no-repeat left bottom; font-size:0px; }
#business-type-tabs a { float:left; color:#666666; background:url(../images/business_gas/tabs/bg_middle.png) no-repeat left bottom; font-weight:normal; border:none; }
#business-type-tabs a:hover, #business-type-tabs a:focus, #business-type-tabs a:active, #business-type-tabs a.covered { background:url(../images/business_gas/tabs/bg_middle_over.png) no-repeat left bottom; color:#000; }
#business-type-tabs .first a, #business-type-tabs .first a:hover, #business-type-tabs .first a:focus, #business-type-tabs .first a:active, #business-type-tabs .first a.covered { background-position:14px bottom; }
#business-type-tabs .last a, #business-type-tabs .last a:hover, #business-type-tabs .last a:focus, #business-type-tabs .last a:active, #business-type-tabs .last a.covered { background-position:-275px bottom; }
#business-type-tabs a.active, #business-type-tabs a.active:hover, #business-type-tabs a.active:focus, #business-type-tabs a.active:active { background:url(../images/business_gas/tabs/bg_middle_on.png) no-repeat left top; }
#business-type-tabs .first a.active, #business-type-tabs .first a.active:hover, #business-type-tabs .first a.active:focus, #business-type-tabs .first a.active:active { background-position:14px top; }
#business-type-tabs .last a.active, #business-type-tabs .last a.active:hover, #business-type-tabs .last a.active:focus, #business-type-tabs .last a.active:active { background-position:-275px top; }
#business-type-tabs span.content { float:left; }
#business-type-tabs span.inner { width:208px; height:90px; float:left; padding:18px 15px 10px 15px; }
#business-type-tabs .first span.inner { width:209px; background:url(../images/business_gas/tabs/bg_left.png) no-repeat left bottom; }
#business-type-tabs .first a:hover span.inner, #business-type-tabs .first a:focus span.inner, #business-type-tabs .first a:active span.inner, #business-type-tabs .first a.covered span.inner { background:url(../images/business_gas/tabs/bg_left_over.png) no-repeat left bottom; }
#business-type-tabs .first a.active span.inner, #business-type-tabs .first a.active:hover span.inner, #business-type-tabs .first a.active:focus span.inner, #business-type-tabs .first a.active:active span.inner { background:url(../images/business_gas/tabs/bg_left_on.png) no-repeat left top; }
#business-type-tabs .last span.inner { width:209px; background:url(../images/business_gas/tabs/bg_right.png) no-repeat right bottom; }
#business-type-tabs .last a:hover span.inner, #business-type-tabs .last a:focus span.inner, #business-type-tabs .last a:active span.inner, #business-type-tabs .last a.covered span.inner { background:url(../images/business_gas/tabs/bg_right_over.png) no-repeat right bottom; }
#business-type-tabs .last a.active span.inner, #business-type-tabs .last a.active:hover span.inner, #business-type-tabs .last a.active:focus span.inner, #business-type-tabs .last a.active:active span.inner { background:url(../images/business_gas/tabs/bg_right_on.png) no-repeat right top; }
#business-type-tabs a span.title { width:100%; height:auto !important; height:18px; min-height:18px; padding:0 0 2px 0; float:left; font-size:150%; font-weight:100; color:#003366; line-height:18px; }
#business-type-tabs a span.subtitle { width:100%; height:auto !important; height:18px; min-height:18px; padding:0 0 5px 0; float:left; font-size:120%; font-weight:100; color:#003366; line-height:18px; }




/* 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; }



/* Business Gas Signup */
#business-gas-signup { margin:20px 30px; }
#tcs-gas-supply-business { display:none; }