body { margin: 0; background: #e5e5e5 url(/images/template/bg.png) repeat-x; font: 75% Arial, Helvetica, sans-serif; color:#555; }
#page img { border:0px; display: block; }
form { margin:0px; }
table { font-size:1em; }
ul,ol { margin:0; padding-left:40px; line-height:1.5em; }
li { margin: 0; padding:0; }
h1 { background: url(/images/template/b_title.gif) no-repeat; font-size: 18px; color:#fff; width:571px; height:38px; line-height: 38px; padding:0 10px 0 80px; margin-top: 0; }
h2 { font-size: 144%;  margin:0 0 0.5em 0; color:#01236a; }
h3 { font-size: 120%;  margin:0 0 0.5em 0; color:#002384; }
h4 { font-size: 100%;  margin:0 0 0.5em 0; }
h5 { font-size: 80%; }
h6 { font-size: 80%; margin: 0; }
a { cursor:pointer; color:#01236a; }
a:hover { color:#ff9900; text-decoration: none; }
p { margin: 0; line-height: 1.5em; }
.left {float:left}
.right {float:right}
.snippetList { margin: 0; padding: 0; list-style-type: none; }
.snippetList li { margin: 5px 0 10px 0; }

.imgborder { border: 1px solid #ccc!important; }

table.table th { background-color:#aaa; color:#fff; border-right:1px solid #fff; }
table.table th[scope=row] { color:#333; font-weight:normal; padding:3px 8px; }
table.table td { border-bottom:1px solid #aaa; padding:3px 5px; }

.orange { width: 650px; float: left; }
.orange-top { width: 650px; float: left; height: 17px; background: url(/images/orange-top.png) no-repeat; }
.orange-stretch { width: 650px; float: left; background: #ffa101; }
.orange-bottom { width: 650px; float: left; height: 11px; background: url(/images/orange-bottom.png) no-repeat; }

/* Appointment Form */

.checkboxes1 label { width: 90%; font-weight: normal!important; }
#formContent ul li div.checkboxes1 { width: 100%; float: right; }
#formContent ul li div.checkboxes1 div { width: 100%; float: left; margin: 0 10px 0 15px; }
#formContent ul li div.checkboxes1 div input { width: 15px; float: none; }
#formContent ul li div.checkboxes1 div label { display: inline; float: none; }

.pleasecontactme div { float: left; margin: 10px 0 10px 0; }
.pleasecontactme { float: left; }
.pleasecontactme label { float: left; width: 600px; }
.pleasecontactme input { width: auto!important; float: left!important; }

/* Product List */

.product-prices { float: left; }
.product-options { width: 295px; float: left; }
.product-options-top { width: 295px; height: 11px; float: left; background: url(/images/template/product-options-top.png) no-repeat; }
.product-options-stretch { width: 275px; padding: 0 10px 0 10px; float: left; background: #fe9901; color: #000; font-weight: bold; }
.product-options-stretch h3 { color: #FFF; text-transform: uppercase; }
.product-options-stretch hr { width: 270px; background: none; border-bottom: 1px solid white; border-top: none; border-left: none; border-right: none; }
.product-options-bottom { width: 470px; height: 5px; float: left; background: #fe9901;  }
.btn-addtocart { width: 175px; height: 37px; float: left; background: url(/images/template/btn-addcart.png) no-repeat; margin-top: -32px; border: none; }
.gallery { -moz-border-radius: 10px!important; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px!important; }

.crumbs {display:none}
.productList { margin: 10px 0; padding:0;  }
.productList > li { list-style: none; } 
.list-product { width: 649px; float: left; margin-bottom:20px }
.list-product-inner { padding: 10px; vertical-align: top; }
.list-product-inner ul { padding-left: 25px; }
.list-product-inner ul li { list-style-type: disc; }
.list-product-inner h4 a { font-size: 18px; color: #01236a; text-decoration: none!important; }
.list-product-inner h4 a:hover { color: orange; }
.list-product-price { background: url(/images/template/list_bg.gif) no-repeat; height:29px}
.readmore { float:left; margin-left:6px; }
.readmore a { float: left; margin-right: 4px; }
.price { color: #01236a; font-size: 18px; float:right; text-align: center; margin:4px 3px; width:89px; font-weight: bold;  }
.admin_buttons {float:left; padding:3px; margin-left:10px;}
.admin_buttons img { float:left; margin:3px }

/* Shopping Cart */

#steps { float: right; }
#steps td { padding: 5px; }
.borderbottom, .border-bottom { border-bottom: 1px dotted #DDD1D1; padding: 5px 0 5px 0; }
.btn { width: 169px!important; height: 42px; border: none!important; cursor: pointer; }
.useaddress { background: url(/images/template/btn-useaddress.png) no-repeat; }
.payoption { background: url(/images/template/btn-payoption.png) no-repeat; }
.gotopayment { background: url(/images/template/btn-gotopayment.png) no-repeat; }
.signup { background: url(/images/template/btn-signup.png) no-repeat; }
.logincontinue { background: url(/images/template/btn-logincontinue.png) no-repeat; }
.updatecart { background: url(/images/template/btn-updatecart.png) no-repeat; }
.backtoshop { background: url(/images/template/btn-backtoshop.png) no-repeat; }
.checkout { background: url(/images/template/btn-gotocheckout.png) no-repeat; }
.payusing { background: url(/images/template/btn-payusing.png) no-repeat; }
.sale-price { font-size: 18px; color: #01236A; margin-right: 18px; }
.quantity { width: 25px; }

.orderSummary, .accountLogin fieldset, .createAnAccount fieldset, .purchasing fieldset, .review-address fieldset, .creditcardpayment fieldset { margin-top: 20px; border-bottom: 1px dotted #ccc; border-right: none; border-left: none; border-top: none; }
.billingaddress fieldset, .shippingaddress fieldset { margin-top: 20px; border: none;  }
.orderSummary table { width: 100%; }
hr { border-bottom: 1px dotted #ccc; border-top: none; border-left: none; border-right: none; }
.detailstable fieldset { width: 100%; }
.paymentordersummary { margin-bottom: 10px; }
.accountLogin { margin: 10px 0 10px 0; }
.cart-login-form { width: 450px; margin: auto auto; }

legend { font-size: 144%;  margin:0 0 0.5em 0; color:#01236a }

.review-address-table { width: 100%; margin: 0; padding: 0; }
.cart-detailstable, .confirmAddress { width: 100%; margin: 0; padding: 0; }
.cart-detailstable td, .review-address td { vertical-align: top; }
.cart-detailstable ul form li { margin: 5px; }
.cart-detailstable ul form li label, .review-address ul form li label, .confirmAddress ul form li label { display: block; clear: both; }
.cart-detailstable ul.form li input, ul.form li select, .review-address ul.form li input, .confirmAddress ul.form li select { width: 98%; display: block; margin-bottom: 5px; }
.cart-country-select { width: 428px!important; }
.cart-payoption { position: absolute; bottom: 10px; left: 65px }
.indexed_links { text-align: center; }

/* Nav */

.navinner { width:246px!important; padding:5px 4px 5px 3px!important;  }
#nav { text-align:right; margin:0px; padding:0px; width:246px; float:left; background:#fff;  white-space:nowrap; }
#nav li { margin:0px 0px 2px 0px; display:inline; list-style:none; font-size: 14px;font-family: Calibri, Arial, Helvetica, sans-serif; }
#nav li.first,#nav li:first-child {border:none}   
#nav li a { display:block; background:url(/images/template/nav.gif) no-repeat; padding:11px 40px 11px 0; color:#000; text-decoration:none;  }
#nav li a:hover {text-decoration:underline}
#nav li.first a { background:url(/images/template/circle.gif) no-repeat 212px 12px!important; }
#nav li a.open_parent { background:url(/images/template/nav_current.gif) no-repeat; border:none; }

#nav li ul { padding: 0 40px 0 0; height:auto; margin:0px; white-space:nowrap; display:none; }
#nav li ul li { margin:0px; display:inline; list-style:none; width:208px; background: none; border: none; font: 12px Arial, Helvetica, sans-serif; }
#nav li ul li.first a { padding:10px 0 3px }
#nav li ul li.last a { padding:3px 0 10px }
#nav li ul li a { width: 208px; line-height:90%; padding:3px 0; background:none; text-decoration:none; color:#000; }
#nav li ul li a:hover, #nav li ul li a.current { background:#FFF}
#nav li ul li a.current { background:none; border:none; font-weight:bold } 
#currentpage { background:red ; }


/* Buttons */
.submitbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-sendmessage.png) 0 0 no-repeat; }
.submitbtn:hover { background: url(/images/template/btn-sendmessage.png) 0 -36px no-repeat; }

.submitformbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-submitform.png) 0 0 no-repeat; }
.submitformbtn:hover { background: url(/images/template/btn-submitform.png) 0 -36px no-repeat; }

.addcartbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-addtocart.png) 0 0 no-repeat; margin-left: 35px; }
.addcartbtn:hover { background: url(/images/template/btn-addtocart.png) 0 -36px no-repeat; }

.updatecartbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-updatecart.png) 0 0 no-repeat; }
.updatecartbtn:hover { background: url(/images/template/btn-updatecart.png) 0 -36px no-repeat; }

.backtoshopbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-backtoshop.png) 0 0 no-repeat; }
.backtoshopbtn:hover { background: url(/images/template/btn-backtoshop.png) 0 -36px no-repeat; }

.proceedbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-proceedbtn.png) 0 0 no-repeat; margin-left: 10px; }
.proceedbtn:hover { background: url(/images/template/btn-proceedbtn.png) 0 -36px no-repeat; }

.loginbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-login.png) 0 0 no-repeat; margin: 10px 0 0 10px; border: none!important; }
.loginbtn:hover { background: url(/images/template/btn-login.png) 0 -36px no-repeat; }

.signupbtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-signup.png) 0 0 no-repeat; margin: 10px 0 0 10px; border: none!important; }
.signupbtn:hover { background: url(/images/template/btn-signup.png) 0 -36px no-repeat; }

.continuebtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-continue.png) 0 0 no-repeat; margin: 10px 14px 0 0; border: none!important; }
.continuebtn:hover { background: url(/images/template/btn-continue.png) 0 -36px no-repeat; }

.paybtn { width: 155px!important; height: 36px; border: none; background: url(/images/template/btn-pay.png) 0 0 no-repeat; margin: 10px 14px 0 0; border: none!important; position: absolute; bottom: 15px; right: 60px; }
.paybtn:hover { background: url(/images/template/btn-pay.png) 0 -36px no-repeat; }

#page { width: 980px; margin:0px auto;}
#banner { width: 980px; height: 123px; margin-top:9px; float: left;  position: relative; background:url(/images/template/b_top.png) 0 0 no-repeat; }
#logo { float:left; margin-left:21px }
#slogan { position: absolute; top: 60px; right: 30px; width:300px; height:50px; }

#search { width: 213px; height: 30px; position: absolute; right: 15px; bottom: -16px; background: url(/images/template/b_search.png) no-repeat; padding: 0 0 0 10px; z-index: 10;}
#search .t { width: 158px; height: 22px; float: left; border: none; background:none; font-size: 11px; padding: 0 10px 0 10px; color: #999; }
#search .s { border: none; background: url(/images/template/search-button.png) no-repeat; margin-left: 5px; float:left; padding:0; width: 20px; height: 22px; }

#hero {background: url(/images/template/hero.jpg) no-repeat; float:left; width:721px; height: 320px; position: relative; margin-bottom:20px}
#hero .eeca {float:right; margin:29px 15px 0 0;}
#hero .energywise {float:right; margin:29px 15px 0 0;}
#hero h3 { color:#000; font-weight:normal; font-size:24px; display:inline }
#hero h3 a { color:#333; text-decoration:none ; border-bottom: 1px solid #9e9e9e; }
#hero h3 a:hover { color:#01236A; border: none; }
#hero #panel1 { position: absolute; left: 24px; }
#hero #panel2 { position: absolute; left: 252px; }
#hero #panel3 { position: absolute; right: 26px; }
#hero .panel { font-size:11px; line-height:150%; width: 193px; padding: 10px; height: 81px; top:196px; }


#buttons { padding:0 4px; margin: 10px 0 20px 0;float:left; }
#buttons .panel { float:left; width:215px; height:74px }

#body { width:980px; float:left; border-bottom: 1px solid #d0d0d0; margin-bottom: 10px; }
#leftcol {width:721px; float:left}
#rightcol {width:250px; float:right;padding-top:35px}
#buttons { padding:0 4px; margin-bottom: 20px; }
#buttons img {display:inline; }
.largebox { width:721px; float:left; margin-bottom:20px }
.largebox .inner {background:url(/images/template/lge_box_mid.png) repeat-y; width:651px; padding:15px 36px 16px 34px}
.smallbox { width:253px; float:left; clear:both; margin-bottom: 10px; }
.smallbox .inner {background:url(/images/template/sml_box_mid.png) repeat-y; width:206px; padding:5px 25px 5px 22px; float:left;}
.smallbox .title { padding:10px 20px 10px 0; background:url(/images/template/circle.gif) no-repeat 100% 50%; 
        border-bottom:1px dotted #abb7ce; text-align: right; font-size: 14px; font-family: Calibri, Arial, Helvetica, sans-serif;  }

.s-rounded-top { width: 970px; height: 11px; float: left; background:url(/images/template/s-rounded-top.png) no-repeat; }
.s-rounded-stretch { width: 950px; float: left; padding: 0 10px 0 10px; background:url(/images/template/s-rounded-stretch.png) repeat-y; }
.s-rounded-bottom { width: 970px; height: 14px; float: left; background:url(/images/template/s-rounded-bottom.png) no-repeat; }

.spsonsors { width: 970px; float: left; }
.spsonsors table td { text-align: center; veritcal-alignment: top; }
#copyright { float: left; color:#999; padding:20px 0 20px 10px; font-size: 11px; }