/*====================================================================
BAINS FIREPLACES
Copyright 2009 Bains Fireplaces
Author: Neil Thorne (www.neilthorne.net)
======================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; border: 0; font-family: Trebuchet MS, Arial, Verdana, Helvetica, Tahoma;}
body {background: #fff /*url(../images/base/stripebg.gif) repeat center*/; text-align: center; font-size: 62.5%;}
.clear {clear: left;}

/* Default Header Styles */
h1 {text-indent: -9999px; background: url(../images/base/h1logo.gif) no-repeat; line-height: 98px; display: block; width: 400px;}
h2 {font-size: 1.8em; line-height: 1.8em; padding: 7px 0 7px 15px; color: #333; letter-spacing: -.07em;}
h3 {font-size: 1.4em; line-height: 1.4em; padding: 8px 0 10px 15px; color: #333; letter-spacing: -.07em;}
h4 {font-size: 1.6em; line-height: 1.6em; padding: 8px 0 10px 15px; color: #333; letter-spacing: -.07em; }
h5 {font-size: 1.2em; line-height: 1.6em; padding: 8px 0 10px 15px; color: #333;}

/* Default / Alternative P Styles */
p {padding: 0 20px 16px 15px; color: #444; font-size: 1.3em; line-height: 1.5em; color: #555;}

/*====================================================================
TEXT STYLES, A STYLES, LIST STYLES & VARIATIONS
======================================================================*/

/* Text Classes */
p strong {color: #222;}
.note {color: #990000;}
.alert {background: url(../images/icons/alert_small.gif) no-repeat left; text-indent: 30px; margin-left: 15px;}
.alertsm {background: url(../images/icons/alert_small.gif) no-repeat left; text-indent: 40px;}
.type {font-style: italic; font-size: .6em; color: #888;}
.disclaimer {font-style: italic; font-size: 1.1em; color: #666;}

/* Alternative H Styles */
h2 em {font-weight: normal;}
h2 strong {color: #999;}
h3.banner {text-indent: -9999px; line-height: 34px; padding: 0; margin-bottom: 15px; clear: both;}
h3.fromonly {background: url(../images/bannerads/h5_standard.gif) no-repeat;}
h3.save100 {background: url(../images/bannerads/product_save100.gif) no-repeat; margin-top: 15px;}
h3.gas100 {background: url(../images/bannerads/product_gas100.gif) no-repeat; margin-top: 15px;}
h3.freefire {background: url(../images/bannerads/product_freefire.gif) no-repeat; margin-top: 15px;}
h3.delivery {background: url(../images/bannerads/product_contactus.gif) no-repeat; margin-top: 15px;}

/* Link Styles */
a {color: #ff9900; font-weight: bold; text-decoration: none;}
a:hover {color: #ff9900; text-decoration: underline; }

/* List Styles */
ul {margin: 0 0 16px 30px;}
ul li {font-size: 1.2em; line-height: 1.4em; color: #333; }


/*====================================================================
PAGE LAYOUT
======================================================================*/

/* Page Wrapper */
#fullWrap {background: url(../images/base/bodybg.gif) repeat-x top; padding-top: 6px;}
#pageWrap {background: #fff url(../images/base/pagebgalt.gif) no-repeat top center; width: 930px; margin: 0 auto; padding: 0 30px; position: relative;}
#pageWrapEnd {background: #fff /*url(../images/base/pageend.gif) no-repeat top center*/; width: 990px; margin: 0 auto; height: 30px; clear: both;}

/* Header */
#header {width: 930px; position: relative; background: url(../images/base/head_tel.gif) no-repeat 720px 15px;  text-align: left;}
#header img.banLabel {position: absolute; top: -6px; left: 460px;}
#header img.findshow {position: absolute; top: 7px; left: 425px;}
#header img.quote {position: absolute; top: 7px; left: 415px;}
#header img.anim {position: absolute; top: 6px; left: 710px;}

/* Page Footer */
#pageFoot {width: 930px; height: 157px; background: url(../images/base/pagefoot_bg.gif) no-repeat; padding: 7px 0 0 0; position: relative; text-align: left;}
#pageFoot div.mod {width: 453px; height: 71px; text-align: center; margin: 0 8px;}
#pageFoot div.payment {background: url(../images/base/pagefoot_payment.gif) no-repeat;}
#pageFoot div.secure {background: url(../images/base/pagefoot_secure.gif) no-repeat; margin-top: 7px;}
#pageFoot div p {color: #fff; line-height: 1.9em; padding-bottom: 10px;}
#pageFoot div p strong {color: #fff; font-size: 2em; letter-spacing: -.05em; font-weight: normal;}

#pageFoot li.h2 {color: #fff; padding: 3px 0 6px 0; font-weight: normal; font-size: 1.8em; line-height: 1.8em; letter-spacing: -.06em;}
#pageFoot ul#footmenu {position: absolute; width: 190px; top: 10px; left: 485px;}
#pageFoot ul#footcontact {position: absolute; width: 215px; top: 10px; left: 685px; border-left: 1px solid #434343; padding: 0 0 15px 25px;}
#pageFoot ul {margin: 0 0 16px 0; text-align: left;}
#pageFoot ul li {font-size: 1.1em; line-height: 1.1em; color: #ccc; margin-bottom: 0; list-style: none; font-weight: normal;}
#pageFoot ul li a:hover {color: #ff9900; }
#pageFoot ul li a {font-size: 1em; font-weight: normal; color: #ccc;}
#pageFoot ul li.alt a {color: #ff9900;}


/*====================================================================
FOOTER LAYOUT
======================================================================*/

#footer {padding: 15px; width: 930px; margin: 0 auto;}
#footer p {padding: 0 0 14px 0; color: #444;} 
#footer p.footlinks, #footer p.footlinks a {color: #999; font-weight: normal;}
#footer p.footlinks a:hover {color: #eee;}

/* Foot Navigation */
ul#footNav {padding: 0; margin: 15px 0 0 0;}
ul#footNav li {color: #686864; margin: 0; list-style-type: none; font-size: 12px; height: 18px; display: block; float: left; border-right: 1px solid #2f2c28;}
ul#footNav li a {line-height: 18px; padding: 0 5px; font-weight: normal; }
ul#footNav li a.first {padding: 0 5px 0 0;}
ul#footNav li.last {border-right: 1px solid #181410;}

/*====================================================================
BASIC ENQUIRY FORM
======================================================================*/

form {margin: 0 15px 16px 15px; padding: 0; border: 0;}
form fieldset {padding: 0 0 6px 0; border-bottom: 1px solid #ccc; margin-bottom: 8px;}

form label, textarea, select {display: block; float: left; padding-top: 3px;}
form label {margin: 0 5px 3px 0; text-align: left; width: 160px; padding-right: 5px; font-size: 1.2em; }
form input {display: block; float: left; height: 18px; width: 230px; border: 1px solid #ccc; padding: 3px; font-weight: bold; margin: 0 15px 5px 0; font-size: 1.4em;}
form select {display: block; float: left; border: 1px solid #ccc; padding: 2px 0; margin-bottom: 5px; font-weight: bold; font-size: 1.4em;}
form textarea {width: 550px; height: 200px; border: 1px solid #ccc; padding: 4px; margin-bottom: 7px; margin-top: 4px; font-weight: bold; font-size: 1.4em;}

form input:hover, form textarea:hover {border: 1px solid #444;}
form input:focus, form textarea:focus {border: 1px solid #ff9900;}

form input.tick {width: 20px;}
form input.small {width: 40px;}
form input.date {width: 40px; margin-right: 5px;}
form input.hide {display: none;}
form label.small {width: inherit;}

form .submit {float: none; height: 29px; width: 224px; padding: 0; margin: 6px 0 10px 0; border: none;}
form .submit:hover, form .submit:focus {border: none;}

form .forminfo {margin: 0; text-align: left; font-size: 1.2em; line-height: 1.8em; color: #990000; font-style: italic;}
form p, form h4 {padding-left: 0;}
form br {clear: left;}

form#contact {border-top: 1px solid #ccc; border-bottom: 3px solid #ccc; padding: 5px 0;}