/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Innergy Stylesheet
Author : Wes Smith / wes.smith@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#4c4c4c; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:960px; margin:5px auto; text-align:left; font-size:120%; }
#pageTop { width:960px; height:5px; background:url(../images/pageBgTop.gif) no-repeat; font-size:0;}
#pageBottom { width:960px; height:5px; background:url(../images/pageBgBottom.gif) no-repeat; font-size:0;}
#pageBody { width:960px; background:url(../images/pageBgBody.gif) top left repeat-y;} 
#pageBody #header { position:relative; width:951px; height:475px; margin-left:5px; background:#999999 url(../images/headerBg.gif) top left no-repeat;}
#pageBody #header #logo { position:absolute; top:11px; left:7px;}
#pageBody #header #infoBox { position:absolute; top:130px; right:6px; width:235px; height:303px; padding:15px; background:url(../images/infoBoxBg.gif) top left no-repeat;}
#pageBody #header #infoBox .largeOrangeText { font-size:170%; color:#f7931e; padding:0;}
#pageBody #header #infoBox .tel { font-size:130%; color:#f7931e; font-weight:bold;}
#pageBody #header #infoBox .tel span { color:#FFFFFF; font-size:140%;}
#pageBody #header #infoBox #contactBtn { width:202px; height:34px; display:block; margin:0 auto 15px auto; background:url(../images/contactBtn.gif) top left no-repeat;}
#pageBody #header #infoBox #contactBtn:hover { background:url(../images/contactBtn.gif) 0 -34px no-repeat;}
#pageBody #header #infoBox .divider1 { border-bottom:1px solid #656565; width:235px; height:1px; margin-bottom:5px;}
#pageBody #header #infoBox .divider2 { border-bottom:1px solid #656565; width:235px; height:1px; margin-bottom:15px; clear:both;}
#pageBody #header #infoBox .smallTitle { font-size:130%; padding:0 0 5px 0; color:#f7931e;}
#pageBody #header #infoBox .quote { font-size:110%; padding:0 0 10px 0; color:#999999; font-weight:bold; line-height:16px;}
#pageBody #header #infoBox .author { font-size:90%; color:#666666; float:right; padding:0 0 5px 0;}
#pageBody #header #infoBox #moreTs { color:#FFFFFF; text-decoration:none; float:right;}
#pageBody #header #infoBox #moreTs:hover { text-decoration:underline;}
#pageBody #headerBottom { width:951px; height:25px; margin-left:5px; background:url(../images/headerBottomBg.gif) top left repeat-x;}
#pageBody #contentBox { width:951px; margin:0 0 15px 5px;}
#pageBody #contentBox .title { font-size:140%; padding:0 0 10px 0; font-weight:bold;}
#pageBody #contentBox #leftCol { float:left; width:300px; padding:0 15px;}
#pageBody #contentBox #middleCol { float:left; width:320px; padding:0 15px;}
#pageBody #contentBox #rightCol { float:left; width:265px;}

#pageBody #contentBox #mergedCol { float:left; width:650px; padding:0 15px;}

#pageBody #contentBox ul{margin:0 20px}
#pageBody #contentBox ul li{margin-bottom:17px}

#pageBody #subHeader { position:relative; width:951px; height:275px; margin-left:5px; background:#999999 url(../images/headerBg.gif) top left no-repeat;}
#pageBody #subHeader #logo { position:absolute; top:11px; left:7px;}
#pageBody #subHeader #subImage { position:absolute; top:126px; left:10px; width:662px; height:140px; border:2px solid #F7931E; background:#FFFFFF}
#pageBody #subHeader #subImage img{float:right; margin:2px}
#pageBody #subHeader #subImage h1{font-size:20px; color:#F7931E; margin:10px 10px 2px 10px; padding:0}
#pageBody #subHeader #subImage h2{margin:0px 0 0 10px; padding:0; font-size:16px; line-height:20px; color:#303030}
#pageBody #subHeader #subInfoBox { position:absolute; top:126px; right:6px; width:235px; height:122px; padding:10px 15px; background:url(../images/smallInfoBoxBg.gif) top left no-repeat;}
#pageBody #subHeader #subInfoBox .largeOrangeText { font-size:170%; color:#f7931e; padding:0}
#pageBody #subHeader #subInfoBox .tel { font-size:130%; color:#f7931e; font-weight:bold;}
#pageBody #subHeader #subInfoBox .tel span { color:#FFFFFF; font-size:140%;}
#pageBody #subHeader #subInfoBox #contactBtn { width:202px; height:34px; display:block; margin:0 auto 15px auto; background:url(../images/contactBtn.gif) top left no-repeat;}
#pageBody #subHeader #subInfoBox #contactBtn:hover { background:url(../images/contactBtn.gif) 0 -34px no-repeat;}
  

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.columns{width:200px; float:left; margin-right:16px}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- TOP NAVIGATION ----- */
#topNav { position:relative; width:950px; height:35px; margin:0 auto; background:url(../images/menuBg.gif) no-repeat;}
#topNav ul { position:absolute; top:6px; left:20px; list-style:none; padding:0; margin:0;}
#topNav li { display:block; float:left; padding:0;}
#topNav li a { display:block; float:left; padding:0 11px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
#topNav li a:hover { color:#f7931e;}
#topNav li a.active { color:#f7931e;}


/* ----- TABS NAVIGATION ----- */
#tabsBox { position:absolute; top:130px; left:10px; width:660px; height:333px;}
#tabsBox #tabs { position:relative; width:660px; height:55px;}
#tabsBox #tabs #boilers { position:absolute; top:0; left:1px; width:106px; height:55px; display:block; background:url(../images/boilersTab.gif) top left no-repeat;}
#tabsBox #tabs #boilers:hover { background:url(../images/boilersTab.gif) 0 -55px no-repeat;}
#tabsBox #tabs #plumbing { position:absolute; top:0; left:111px; width:106px; height:55px; display:block; background:url(../images/plumbingTab.gif) top left no-repeat;}
#tabsBox #tabs #plumbing:hover { background:url(../images/plumbingTab.gif) 0 -55px no-repeat;}
#tabsBox #tabs #heating { position:absolute; top:0; left:222px; width:106px; height:55px; display:block; background:url(../images/heatingTab.gif) top left no-repeat;}
#tabsBox #tabs #heating:hover { background:url(../images/heatingTab.gif) 0 -55px no-repeat;}
#tabsBox #tabs #gas { position:absolute; top:0; left:332px; width:106px; height:55px; display:block; background:url(../images/gasTab.gif) top left no-repeat;}
#tabsBox #tabs #gas:hover { background:url(../images/gasTab.gif) 0 -55px no-repeat;}
#tabsBox #tabs #drainage { position:absolute; top:0; left:443px; width:106px; height:55px; display:block; background:url(../images/drainageTab.gif) top left no-repeat;}
#tabsBox #tabs #drainage:hover { background:url(../images/drainageTab.gif) 0 -55px no-repeat;}
#tabsBox #tabs #electrical { position:absolute; top:0; left:554px; width:106px; height:55px; display:block; background:url(../images/electricalTab.gif) top left no-repeat;}
#tabsBox #tabs #electrical:hover { background:url(../images/electricalTab.gif) 0 -55px no-repeat;}
#tabsBox #imageBox { position:absolute; bottom:0; left:0; width:660px; height:278px; background:url(../images/tabsImageBg.gif) bottom left no-repeat;}
#tabsBox #imageBox #image { position:absolute; bottom:3px; left:3px;}


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer { width:924px; margin:0 auto; height:40px; border-top:1px solid #666666;}
#footer p { padding:0;}
#footer a { font-weight:normal; text-decoration:none; outline:none; color:#4c4c4c;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#4c4c4c; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:280px; font-size:11px !important; border:1px solid #999999; background: #F2F2F2}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table td { padding:2px; border:1px solid #ccc; background-color:#F3F3F3}
table td .dark{background:#C9C9C9}
table p { padding:0px; }