/* CSS Document for Bord Gais Energy Shop */

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



/* Shop Layout */
#shop-wrapper { width:100%; padding:0 0 50px 0; float:left; position:relative; background:url(../images/side_nav_bg.gif) repeat-y right top #FFFFFF; z-index:0; }
#shop-content { width:692px; padding:30px 20px 0 20px; float:left; display:inline; overflow:hidden; position:relative; }
#shop-content .column-holder { width:682px; float:left; }
#shop-content .column { width:311px; margin:0 30px 0 0; float:left; display:inline; }



/* Shop Nav */
#shop-nav { width:228px; float:right; position:relative; overflow:hidden; }
#shop-nav h3 { margin:0; padding:30px 0 10px 13px; border-bottom:1px solid #F4F4F4; }
#shop-nav ul { width:100%; float:left; }
#shop-nav li { width:100%; float:left; border-bottom:1px solid #F4F4F4; }
#shop-nav a { width:100%; float:left; color:#666666; font-weight:normal; border:none; }
#shop-nav a:hover, #shop-nav a:focus, #shop-nav a:active { color:#000000; background:url(../images/side_nav_hover.gif) repeat-y right top; }
#shop-nav a.active { color:#003366; background:url(../images/side_nav_on.gif) repeat-y right top; }
#shop-nav span { width:192px; height:auto !important; height:18px; min-height:18px; padding:10px 10px 10px 26px; float:left; background:url(../images/side_nav_bullet.gif) no-repeat 13px center; line-height:18px; }
#shop-nav .first span { padding-top:21px; background:url(../images/side_nav_bullet.gif) no-repeat 13px 28px; }



/* Additionals */
#additionals { width:100%; padding:20px 0 80px 0; float:left; background:#FDFDFD; position:relative; z-index:0; border-top:1px solid #DCDCDC; }
#additionals ul { width:100%; margin:0; float:left; }
#additionals li { width:300px; padding:50px 30px 0 0; float:left; }
#additionals .title { width:100%; height:auto !important; height:30px; min-height:30px; margin:-45px 0 0 0; padding:0 0 2px 0; float:left; font-size:165%; font-weight:100; position:relative; line-height:30px; z-index:1; }
#additionals .image { width:150px; float:left; }
#additionals .image img { max-width:150px; width: expression(this.width > 150 ? 150 : true); }
#additionals .image a { border:none; }
#additionals .detail { width:120px; padding:0 20px 0 0; float:right; }
#additionals .detail li { list-style-type: disc !important; margin-left: 20px; }
#additionals .rrp { margin:8px 0 0 0; }
#additionals .add-to-basket { margin:10px 0 0 0; }
#additionals .buy-now { margin:13px 0 0 0; }

#additionals .lastinlist { padding-right:0px; }
#additionals .lastinlist .image { width: 120px; }
#additionals .lastinlist .image img { max-width: 120px; }
#additionals .lastinlist .detail { width: 160px; }



/* Start Product List */
#product-list { width:100%; float:left; position:relative; overflow:hidden; }
#product-list ul { width:692px; margin: 30px 0px 30px 0px; float:left; }
#product-list li { width:230px; margin: 0 0 0 0; float:left; display:inline; text-align:center; }
#product-list h4 { /*width:175px;*/ padding: 0px 15px; }
#product-list .image { width:100%; height:auto !important; height:205px; min-height:205px; float:left; }
#product-list .image a { border:none; }
#product-list .detail { width:100%; padding:0 0 30px 0; float:left; position:relative; }
#product-list .add-to-basket { padding:5px 0; }
#product-list .rrp { padding:5px 0; }
#product-list .buy-now { margin: 0px auto; width: 112px; /*position:absolute; left:46px; bottom:0;*/ }



/* Product Details */
#product-details { width:100%; padding:0 0 30px 0; float:left; }
#product-details-left { width:343px; float:left; }
#product-details-right { width:269px; float:right; }
#product-details-right h3 { margin-bottom:2px; }
#product-details-right p { margin-bottom:5px; line-height:1.3em; }

#enlarged { width:100%; float:left; }
#product-thumbs { width:100%; margin:26px 0 0 0; float:left; position:relative; overflow:hidden; }
#product-thumbs ul { width:348px; margin:0; float:left; }
#product-thumbs li { margin:0 5px 5px 0; float:left; display:inline; }
#product-thumbs img { border:1px solid #EFEFEF; }

#logo { width:100%; margin:0 0 10px 0; padding:8px 0 12px 0; float:left; background:url(../images/product-page/divider.gif) no-repeat center bottom; }
#quantity { width:100%; margin:20px 0 0 0; float:left; background:url(../images/product-page/divider.gif) no-repeat center top; }
#quantity .inner { width:100%; padding:12px 0; float:left; background:url(../images/product-page/divider.gif) no-repeat center bottom; }
#quantity label { margin:0 20px 0 0; float:left; display:inline; font-weight:bold; }
#quantity select { float:left; }
#product-details-right .rrp { width:100%; padding:5px 0; float:left; font-size:130%; }
#purchase { width:100%; margin:25px 0 0 0; float:left; }
#purchase .add-to-basket { margin-top:7px; float:left; }
#purchase .buy-now { margin-right:25px; float:left; display:inline; }
#purchase .buy-now a { width:130px; height:35px; background:url(../images/product-page/btn_buy.gif) no-repeat left top; }
#purchase .buy-now a:hover, #purchase .buy-now a:focus, #purchase .buy-now a:active { background:url(../images/product-page/btn_buy_over.gif) no-repeat left top; }



/* Contact Details */
.contact-details { width:620px; margin:0 0 35px 0; padding:20px 15px; float:left; background:#FDFDFD; border:1px solid #E1DFE0; }
.contact-details .detail { width:180px; margin:0 40px 0 0; float:left; display:inline; }



/* Tabbed Content */
.tabbed-content { width:610px; margin:0; padding:20px; float:left; background:#FDFDFD; border:1px solid #E1DFE0; position:relative; }
.tabbed-content li { list-style-type: disc !important; margin-left: 20px; }
.tabbed-content .tabs { float:left; position:absolute; left:-1px; top:-41px; clear:both; }
.tabbed-content .tabs ul { width:610px; margin:0; float:left; }
.tabbed-content .tabs li { margin:0 14px 0 0; float:left; display:inline; background:url(../images/product-page/tab_off_left.gif) no-repeat left top; list-style-type: none;}
.tabbed-content .tabs li.active { background:url(../images/product-page/tab_on_left.gif) no-repeat left top; }
.tabbed-content .tabs li div { height:18px; padding:5px 20px 7px 20px; float:left; background:url(../images/product-page/tab_off_right.gif) no-repeat right top; cursor:pointer; text-transform:uppercase; white-space:nowrap; line-height:18px; font-size:90%; font-weight:bold; color:#003366; }
.tabbed-content .tabs li.active div { height:29px; background:url(../images/product-page/tab_on_right.gif) no-repeat right top; color:#666666; }
.tabbed-content .content { width:100%; float:left; }


/* Checkout */
#checkout { width:100%; padding:0 0 50px 0; float:left; position:relative; background:url(../images/side_nav_bg.gif) repeat-y 740px top #FFFFFF; z-index:0; }
#checkout.no-bg { background:#FFFFFF; }
#checkout h4 { color:#666666; }

#checkout-progress { width:100%; float:left; }
#checkout-progress ul { width:100%; float:left; }
#checkout-progress li { margin:0 0 0 -24px; float:left; display:inline; background:url(../images/checkout/checkout_nav_arrow1.gif) no-repeat left top #E4F1F9; position:relative; z-index:0; }
#checkout-progress li.active { background:url(../images/checkout/checkout_nav_arrow3.gif) no-repeat left top #A4C4DD; z-index:1; }
#checkout-progress div { width:300px; height:35px; padding:3px 10px 3px 14px; float:left; display:inline; text-align:center; line-height:35px; color:#6D8DA6; color:#7291AF; font-size:140%; font-weight:bold; background:url(../images/checkout/checkout_nav_arrow1.gif) no-repeat right top; }
#checkout-progress li.active div { color:#003366; background:url(../images/checkout/checkout_nav_arrow2.gif) no-repeat right top; }
#checkout-progress li.last div { width:60px; padding:3px 2px 3px 22px; background:none; }

#stage-content { width:660px; padding:20px 40px 0 40px; float:left; display:inline; overflow:hidden; position:relative; }
#stage-content .column-holder { width:690px; float:left; }
#stage-content .column { width:315px; margin:0 30px 0 0; float:left; display:inline; }
.form-controls { width:100%; margin:30px 0 0 0; padding:25px 0 0 0; float:left; position:relative; border-top:1px solid #E5E5E5; text-align:right; z-index:0; }
.form-controls ul { margin:0; float:right; }
.form-controls li { margin:0 0 0 20px; float:left; display:inline; }
.form-controls .mandatory { width:100%; position:absolute; left:0; top:5px; font-size:85%; text-align:left; }
#checkout-payment, #checkout-complete { width:880px; padding:20px 40px 0 40px; float:left; display:inline; overflow:hidden; position:relative; }

#checkout-payment table.payment-method { width:315px; margin:0 auto; }

#security-notice { width:100%; padding:100px 0 0 0; float:left; font-size:85%; }



/* Checkout Order Summary */
#order-summary { width:180px; padding:20px 20px 0 20px; float:right; }
#order-summary table { width:100%; margin:0; }
#order-summary td { padding:0 0 5px 0; vertical-align:top; font-weight:bold; text-align:right; }
#order-summary td.left { padding:0 10px 5px 0; text-align:left; }
#order-summary td.spacer { height:2px; border-top:1px solid #CACACA; font-size:0px; line-height:0; }
#order-summary td.product-spacer { height:2px; font-size:0px; line-height:0; }
#order-summary td.total { padding:15px 0 15px 0; border:solid #CACACA; border-width:1px 0; line-height:20px; }
#order-summary td.total .price { color:#EE0090; font-size:140%; line-height:20px; }
* html #order-summary td.total .price { position:relative; top:-4px; }
* + html #order-summary td.total .price { position:relative; top:-4px; }
#order-summary td .text { font-weight:normal; line-height:1.3em; }



/* Checkout Tables */
table.billing-address { width:100%; margin:0; }
table.billing-address td { padding:0 0 10px 0; vertical-align:top; line-height:1.3em; text-align:right; }
table.billing-address td.parent { padding:0; }
table.billing-address td.left { width:102px; padding:4px 10px 10px 0; text-align:left; }
table.billing-address td td.left { width:57px; padding:0 0 10px 0; }
table.billing-address input { width:193px; height:21px; padding:5px 5px 0 5px; border:1px solid #E3E3E3; outline:none; background:#F5F5F5; }
* html table.billing-address input { height:22px; padding:4px 5px 0 5px; } /* IE6 */
* + html table.billing-address input { height:22px; padding:4px 5px 0 5px; } /* IE7 */
table.billing-address input.prefix { width:45px; }
table.billing-address input.local { width:126px; }
table.billing-address select { width:206px; margin:0; }

table.delivery-address { width:100%; margin:0; }
table.delivery-address td { padding:0 0 10px 0; vertical-align:top; line-height:1.3em; }
table.delivery-address td.left { width:30px; }

table.payment-method { width:100%; margin:0; }
table.payment-method td { padding:0 0 10px 0; vertical-align:top; line-height:1.3em; text-align:right; }
table.payment-method td.left { width:102px; padding:4px 10px 10px 0; text-align:left; }
table.payment-method input { width:193px; height:21px; padding:5px 5px 0 5px; border:1px solid #E3E3E3; outline:none; background:#F5F5F5; }
* html table.payment-method input { height:22px; padding:4px 5px 0 5px; } /* IE6 */
* + html table.payment-method input { height:22px; padding:4px 5px 0 5px; } /* IE7 */
table.payment-method .cvv { position:relative; padding:0 0 0 1px; z-index:1; }
table.payment-method td .cvv { text-align:left; }
table.payment-method .cvv input { width:58px; margin:0 7px 0 0; padding:5px 5px 0 5px; }
* html table.payment-method .cvv input { padding:4px 5px 0 5px; } /* IE6 */
* + html table.payment-method .cvv input { padding:4px 5px 0 5px; } /* IE7 */
table.payment-method select { width:206px; }



/* Help Popups */
#cvv-info-pop { left:100px; top:-102px; }
* html #cvv-info-pop { left:105px; }



/* Customer Service Form */
#customer-service-form { width:269px; padding:20px; float:left; background:#FDFDFD; border:1px solid #F2F2F2; }
#customer-service-form table { width:100%; margin:0; }
#customer-service-form td { padding:0 0 10px 0; vertical-align:top; line-height:1.3em; text-align:right; }
#customer-service-form td.parent { padding:0; }
#customer-service-form td.spacer { font-size:0px; line-height:0; }
#customer-service-form td.full-width { text-align:left; }
#customer-service-form td.left { width:68px; padding:4px 10px 10px 0; text-align:left; }
#customer-service-form td td.left { width:57px; padding:0 0 10px 0; }
#customer-service-form table input { width:189px; height:21px; padding:5px 5px 0 5px; border:1px solid #E3E3E3; outline:none; background:#F5F5F5; }
* html #customer-service-form table input { height:22px; padding:4px 5px 0 5px; } /* IE6 */
* + html #customer-service-form table input { height:22px; padding:4px 5px 0 5px; } /* IE7 */
#customer-service-form table input.prefix { width:45px; }
#customer-service-form table input.local { width:112px; }
#customer-service-form select { width:192px; }
#customer-service-form textarea { width:257px; max-width:267px; height:80px; max-height:80px; margin:10px 0 0 0; padding:5px; border:1px solid #E3E3E3; outline:none; background:#F5F5F5; overflow:auto; }
#customer-service-form div.left { text-align:left; }
#customer-service-form .form-controls { margin-top:5px; }




/* Shopping Basket */
#basket { width:650px; float:left; border:1px solid #E7F0F7; position:relative; }
#basket .item { width:100%; padding:15px 0; float:left; border-bottom:1px solid #E7F0F7; position:relative; }
#basket .item table { width:100%; margin:0; }
#basket .item td { padding:10px 10px 0 0; vertical-align:top; font-size:90%; }
#basket .item td.col1 { width:156px; padding:0; text-align:center; }
#basket .item td.col2 { width:116px; }
#basket .item td.col3 { width:132px; }
#basket .item td.col4 { width:106px; }
#basket .item td.col5 { font-size:120%; color:#EE0090; font-weight:bold; }

#basket-options { width:610px; padding:20px; float:left; position:relative; overflow:hidden; }
#basket-options-holder { width:660px; float:left; }
#basket-options .option { width:170px; margin:0 50px 0 0; float:left; display:inline; font-size:90%; line-height:1.2em; }
#basket-options h5 { padding-bottom:15px; font-size:120%; }
#basket-options p { line-height:1.2em; }
#basket-options table.shipping-method { width:100%; margin:0 0 5px 0; }
#basket-options table.shipping-method td { vertical-align:top; line-height:1.2em; }
#basket-options table.shipping-method td.left { width:20px; }
#basket-options table.shipping-method input { margin:2px 0 0 0; }
* html #basket-options table.shipping-method input { margin:-2px 0 0 -3px; } /* IE6 */
* + html #basket-options table.shipping-method input { margin:-2px 0 0 -3px; } /* IE7 */
#basket-options .form-controls { border-top:1px solid #E7F0F7; }

#basket-subtotal { width:590px; margin:10px 0 0 0; padding:10px 30px; float:left; background:#E7F0F7; font-size:130%; font-weight:bold; text-align:right; }
#basket-subtotal .price { color:#EE0090; }

.basket-base-controls { width:610px; padding:25px 21px 0 21px; border:none; }
.basket-base-controls .continue-shopping { margin-top:10px; }

#promotion-code { float:left; background:url(../images/my-basket/promotion_input.gif) no-repeat left top; }
#promotion-code input { width:132px; height:23px; padding:5px 10px 0 10px; border:none; outline:none; background:none; }
* html #promotion-code input { height:24px; padding:4px 10px 0 10px; } /* IE6 */
* + html #promotion-code input { height:24px; padding:4px 10px 0 10px; } /* IE7 */



/* Accordion Content */
#accordion-content { width:100%; float:left; }
#accordion-content .question { width:100%; height:auto !important; height:18px; min-height:18px; margin:8px 0 2px 0; padding:0; float:left; line-height:18px; color:#003366; font-size:120%; font-weight:bold; position:relative; }
#accordion-content .answer { width:100%; float:left; position:relative; overflow:hidden; }