/* Generic CSS Document for Bord Gáis Energy Supply Shop */

/* changed 16/04/10 Doug McLean
- commented out "float: none; display: block;" from h2, h3, h4 and h5 because Firefox (let's be
honest, it's always Firefox, that piece of crap) makes the element go mental with float:none, and
display:block is unnecessary
*/

/* Page Basics */
html, body { margin:0px; padding:0px; width:100%; height:100%; min-width:960px; }

html { overflow-y:scroll; }
body { position:relative; background-image:url(../images/background_onepix.gif); background-repeat:repeat-x; }



/* Typography */
body, table, th, td { font:11px Arial, Helvetica, sans-serif; color:#666666; font-size-adjust:none; }
input, textarea, select, option { font-family:Arial, Helvetica, sans-serif; outline:none; }
input.checkbox, input.submit { width:auto; }

h1, .h1 { width:100%; height:auto !important; height:29px; min-height:29px; margin:0; padding:0; float:left; line-height:29px; color:#003366; font-size:175%; font-weight:100; position:relative; }
h2, .h2 { width:100%; height:auto !important; height:27px; min-height:27px; margin:0 0 5px 0; padding:0; line-height:27px; color:#003366; font-size:175%; font-weight:100; position:relative; }
.h2 { float:left; }
h2 { width:auto; /* float:none; display:block; */ }
h3, .h3 { width:100%; height:auto !important; height:22px; min-height:22px; margin:0 0 16px 0; padding:0; line-height:22px; color:#003366; font-size:145%; font-weight:100; position:relative; }
.h3 { float:left; }
h3 { width:auto; /* float:none; display:block; */ }
h3 a { color:#003366; border:none; font-weight:100; }
h4, .h4 { width:100%; height:auto !important; height:18px; min-height:18px; margin:4px 0 2px 0; padding:0; line-height:18px; color:#003366; font-size:120%; font-weight:bold; position:relative; }
.h4 { float:left; }
h4 { width:auto; /* float:none; display:block; */ }
h4 a { color:#003366; border:none; }
h5, .h5 { width:100%; height:auto !important; height:16px; min-height:16px; margin:2px 0 2px 0; padding:0; line-height:16px; color:#4B4B4B; font-size:100%; font-weight:bold; position:relative; }
.h5 { float:left; }
h5 { width:auto; /* float:none; display:block; */ }


div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, img, strong, sub, sup, ol, ul, li, fieldset, label,
table, caption, thead, tbody, tfoot, tr, th, td, form { margin:0px; padding:0px; border:none; outline:none; vertical-align:top; line-height:1.5em; font-size:100%; }
ul, li { list-style:none; line-height:1.5em; }
ul { margin-bottom:16px; }
ul.normal li { list-style-type: disc !important; margin-left: 20px; padding: 0px !important; width: auto !important; float: none; }
sup { line-height:1.0em; font-size:95%; }
sub { line-height:2.0em; font-size:85%; }

table { width:100%; margin:0 0 16px 0; border-collapse:collapse; border-spacing:0; }
table table { margin:0; }

p { line-height:1.5em; margin:0px 0px 16px 0px; }
p.no-margin-bottom { margin:0px 0px 0px 0px; }

a { text-decoration:none; outline:none; border:0px none; cursor:pointer; color:#4B4B4B; border-bottom:1px dotted #4B4B4B; font-weight:bold; }
a:hover { cursor:pointer; }
a:hover, a:focus, a:active, a.covered { color:#000; }
a:link { }
a:visited { }
a img { outline:none; border:none; position:relative; cursor:pointer; }
a span { cursor:pointer; }

strong { color:#4B4B4B; }




/* Layout */
#wrapper { width:100%; float:left; min-width:960px; position:relative; z-index:1; font-size:120%; }
#page-contents { width:100%; height:auto !important; height:0px; min-height:0px; float:left; position:relative; }
.container { width:960px; float:left; overflow:hidden; position:relative; }
.left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-480px; float:left; display:inline; }
.left-remainder .inner { margin-right:480px; }
.right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-480px; float:left; display:inline; }
.right-remainder .inner { margin-left:480px; }
.full-width { width:100%; float:left; }
#in-focus-bg { width:100%; position:absolute; left:0; top:0; z-index:0; }
#loading-ind { width:100%; height:100%; background:url(../images/homepage/ajax-loader.gif) no-repeat center 50px #FFF; position:absolute; left:-99999px; top:0; z-index:100; }
#ajax-content { width:100%; margin:-14px 0 30px 0; padding:14px 0 0 0; float:left; background:#FFFFFF; position:relative; }




/* Header */
#header { width:100%; height:auto !important; height:27px; min-height:27px; padding:8px 0 5px 0; float:left; position:relative; }
#header a { font-weight:normal; border:none; }
#header .back-to-bge { float:left; }
#header .view-basket { float:right; }



/* Primary Navigation */
#primary-navigation { width:100%; height:auto !important; height:83px; min-height:83px; margin:0; float:left; background:url(../images/main_nav_bg.gif) no-repeat left top; position:relative; z-index:3; font-size:90%; }
#primary-navigation ul { width:100%; margin:3px 0 0 0; padding:0; float:left; list-style:none; }
#primary-navigation ul li { padding:0 2px 0 0; float:left; background:url(../images/main_nav_div.gif) no-repeat right top; }
#primary-navigation ul li.first, #primary-navigation ul li.last { padding:0; background:none; }

#primary-navigation a { height:77px; float:left; font-weight:normal; border:none; }






/* Page Title */
#page-title { width:940px; height:auto !important; height:29px; min-height:29px; padding:12px 10px 16px 10px; float:left; position:relative; z-index:0; }
#page-title h1, #page-title .title { width:100%; height:auto !important; height:29px; min-height:29px; margin:0; padding:0; float:left; line-height:29px; color:#EAEAEA; font-size:175%; font-weight:100; position:relative; }
#page-title object { margin:6px 0 -6px 0; float:left; }






/* Start Footer */
#footer { width:100%; padding:30px 0 30px 0; float:left; background:url(../images/footer_bg.gif) repeat-x left top #FEFEFE; position:relative; z-index:0; }
#footer .container { position:relative; }
#footer .navigation { width:174px; margin:0 20px 0 0; float:left; display:inline; font-size:85%; }
#footer .navigation .title { width:100%; margin-bottom:14px; float:left; }
#footer .navigation .title img { float:left; }
#footer .navigation ul { width:100%; margin:0; float:left; border-top:1px solid #DCDCDC; }
#footer .navigation li { width:100%; float:left; border-bottom:1px solid #DCDCDC; }
#footer .navigation a { width:174px; padding:3px 0; float:left; display:block; color:#808080; font-weight:normal; border:none; }
#footer .navigation a:hover, #footer .navigation a:focus, #footer .navigation a:active { color:#000; }

#further-info { width:250px; margin:0 0 0 0; float:right; }
#further-info a { font-weight:normal; border:none; }
#further-info .verisign { width:100%; margin:0 0 21px 0; float:right; text-align:right; }
#further-info .payment-methods { float:right; text-align:right; }
#further-info .copyright { width:100%; margin:30px 0 14px 0; float:right; text-align:right; font-size:85%; }
#further-info .webfactory { float:right; }
#further-info .webfactory a { float:right; }





/* Specific HyperLinks */
.back-to-bge a { width:288px; height:27px; background:url(../images/btn_back.gif) no-repeat left top; display:block; }
.back-to-bge a:hover, .back-to-bge a:focus, .back-to-bge a:active { background:url(../images/btn_back_over.gif) no-repeat left top; }
.view-basket a { display: block; padding: 1px 122px 3px 30px; width: 18px; height: 23px; background: url(../images/btn_basket.gif) no-repeat left top; color: white; font-family: tahoma, arial; font-size: 14px; font-weight: bold !important; text-align: right; }
.view-basket a:hover, .view-basket a:focus, .view-basket a:active { background:url(../images/btn_basket_over.gif) no-repeat left top; }

#pNav-1 a { width:219px; }
#pNav-2 a { width:148px; background:url(../images/btn_lighting.gif) no-repeat 35px 27px; }
#pNav-2 a:hover, #pNav-2 a.active { background-image:url(../images/btn_lighting_on.gif); }
#pNav-3 a { width:138px; background:url(../images/btn_heating.gif) no-repeat 30px 27px; }
#pNav-3 a:hover, #pNav-3 a.active { background-image:url(../images/btn_heating_on.gif); }
#pNav-4 a { width:237px; background:url(../images/btn_energy.gif) no-repeat 30px 27px; }
#pNav-4 a:hover, #pNav-4 a.active { background-image:url(../images/btn_energy_on.gif); }
#pNav-5 a { width:207px; background:url(../images/btn_power.gif) no-repeat 30px 27px; }
#pNav-5 a:hover, #pNav-5 a.active { background-image:url(../images/btn_power_on.gif); }

.add-to-basket a { padding:3px 0 5px 24px; background:url(../images/icon_basket.gif) no-repeat left top; line-height:20px; border:none; font-size:90%; }
.add-to-basket span { border-bottom:1px dotted #4B4B4B; line-height:20px; }
.buy-now a { width:112px; height:28px; display:block; border:none; background:url(../images/btn_buy_now.gif) no-repeat left top; }
.buy-now a:hover, .buy-now a:focus, .buy-now a:active { background:url(../images/btn_buy_now_over.gif) no-repeat left top; }

a.update-total { width:118px; height:25px; background:url(../images/my-basket/btn_update.gif) no-repeat left top; display:block; border:none; }
a.update-total:hover, a.update-total:focus, a.update-total:active { background-image:url(../images/my-basket/btn_update_over.gif); }
a.continue-shopping { width:164px; height:25px; background:url(../images/my-basket/btn_continue.gif) no-repeat left top; display:block; border:none; }
a.continue-shopping:hover, a.continue-shopping:focus, a.continue-shopping:active { background-image:url(../images/my-basket/btn_continue_over.gif); }

#further-info .webfactory a { width:122px; height:15px; background:url(../images/footer_webfactory.gif) no-repeat left top; display:block; }
#further-info .webfactory a:hover, #further-info .webfactory a:focus, #further-info .webfactory a:active { }

.back a { width:65px; height:25px; display:block; border:none; background:url(../images/checkout/btn_back.gif) no-repeat left top; }
.back a:hover, .back a:focus, .back a:active { background:url(../images/checkout/btn_back_over.gif) no-repeat left top; }






/* Specific Span Styles */
.highlighted { color:#3A3B4B; border-bottom:1px dotted #3A3B4B; }
a .highlighted { color:#3A3B4B; font-weight:bold; }
a:hover .highlighted, a:focus .highlighted, a:active .highlighted, a.covered .highlighted { color:#000; }
.pink { color:#EE0090; }
.title, .required { color:#003366; }
.green { color:#069D00; }
.footnote { font-size:80%; }
.rrp { color:#EE0090; font-size:120%; font-weight:bold; }





/* Specific List Styles */





/* Flash Banner */
#flash-banner { width:100%; height:auto !important; height:301px; min-height:301px; margin:0 0 20px 0; float:left; }



/* Help */
.help { position:absolute; visibility:hidden; }
.help-icon { cursor:pointer; display:none; }




/* Imagery */
.img-left { margin:0px 10px 10px 0px; float:left; display:inline; }
.img-right { margin:0px 0px 10px 10px; float:right; display:inline; }




/* No Javascript Styles */
.js-hidden { display:block; }
tr.js-hidden { display:table-row; }




/* Javascript Enabled Styles */
.js-dependant { display:none; }




/* Clearing DIV */
div.clear { clear:both; width:100%; height:0px; line-height:0px; font-size:0px; }




/* Borders */
.no-border { border:0px none; }