body {
background: url(/images/main-header-bg.jpg) repeat-x left top #f3f3f3;
font: Normal 12px/18px Arial;
color: #636363;
}

/*Reset Styles -------------------------------- */

body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tr, td, img {
margin:0;
padding:0;
border:0;
}

:focus{ outline: none;}
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

h1, h2, h3, h4, h5, h6{
	padding: 25px 20px 11px 16px;
	font-weight: Normal;
	clear: both;
	line-height: 24px;
	color: #000;
}

h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px; font-weight: bold;}
h6{font-size: 14px; font-weight: bold;}

p{ padding: 8px 20px 8px 16px;}

p strong{ color: #367ca2;}
p span{ color: #367ca2; font-weight: bold; }

ul{
	padding: 12px 0 10px 35px;
	list-style-type: none;
}

ul li{
	padding: 0 0 3px 18px;
	background: url(/images/default-bull.jpg) no-repeat left 6px;
}

a:link, a:active, a:visited
	{
	color: #0ea8d4;
	text-decoration: underline;
}

a:hover
	{
	color: #1b1b1b;
}

/* Custom styles ---------------------------------- */
/* Header ------------------------------------------*/
#header{
	width: 1002px;
	background: url(/images/header-bg.jpg) repeat-y;
	margin: 0 auto;
}

#inner-header{
	width: 1002px;
	float: left;
	background: url(/images/inner-header-top.jpg) no-repeat left top;
}

#inner-header ul{
	list-style-type: none;
	float: left;
	padding: 22px 20px 13px 25px;
	width: 400px;
}

#inner-header ul li{
	font: normal 11px Arial;
	color: #adadad;
	float: left;
	padding: 0 13px 0 13px;
	background: url(/images/top-links-sep.jpg) no-repeat left 3px;
}

#inner-header ul li a:link, #inner-header ul li a:visited, #inner-header ul li a:active{
	color: #adadad;
	text-decoration: none;
}

#inner-header ul li a:hover { color: #58becb; text-decoration: underline;}
#inner-header ul li.first{ background: none; padding-left: 0;}

span.basket{ color: #49ccdf; float: left; margin: 16px 0 0 25px; border: 1px dashed #595959; padding: 2px 6px; width:230px;}
span.basket img{ float: left; margin: 0px 6px 0 0;}

#header form{
	width: 244px;
	float: right;
	padding: 15px 27px 10px 0;
	background: url(/images/search-input.jpg) no-repeat left 15px;
}

#header input{
	width: 200px;
	height: 18px;
	float: left;
	background: none;
	border: none;
	color: #ababab;
	margin: 5px 0 0 7px
}

#header input.search-btn{
	width: auto;
	height: auto;
	float: right;
	background: none;
	border: none;
	margin: 0 0 0 0;
}

.logo-section{
	background: url(/images/logo-section-bg.jpg) repeat-x left top #f3f3f3;
	float: left;
	width: 1002px;
	padding: 0 0 12px 0;
}

.logo{ float: left; margin:-10px 10px 0 0}

/*
.logo-section h2{
	padding: 10px 50px 0 0;
	margin: 25px 0 0 15px;
	font: Normal 24px Arial;
	float: left;
	width: 340px;
	display: inline;
}
*/

.logo-section h2 span{
	display: inline;
	font: normal 11px Arial;
	color: #000;
	float: left;
	padding: 6px 0 7px 5px;
}

/* Main Nav styles starts */
.logo-section ul{ list-style-type: none; padding: 44px 0 0 0; float: right;}
.logo-section li{
	float: left;
	padding: 0 10px 0 10px;
	background: url(/images/main-nav-sep.jpg) no-repeat left 6px;
}

.logo-section li a:link, .logo-section li a:visited, .logo-section li a:active{
	font: normal 12px Arial;
	color: #000;
	float: left;
	text-decoration: none;
}

.logo-section span{
	float: left;
	padding: 7px 9px 8px 8px;
}

.logo-section li a:hover span{
	background: url(/images/main-nav-right-bar.jpg) no-repeat right top;
	float: left;
}

.logo-section li a:hover{
	background: url(/images/main-nav-left-bar.gif) no-repeat left top;
	cursor: pointer;
}

.logo-section li.no-separator{ background: none;}

.logo-section li.active-btn a:link, .logo-section li.active-btn a:visited, .logo-section li.active-btn a:active{
	background: url(/images/main-nav-left-bar.gif) no-repeat left top;
	font-weight: bold;
	color: #fff;
}

.logo-section li.active-btn span{
	background: url(/images/main-nav-right-bar.jpg) no-repeat right top;
}
/* Main Nav styles ends */

/* Main Container ---------------------------------------------------- */
#main-container{
	width: 100%;
	background: url(/images/main-container-bg.jpg) repeat-x left bottom #616161;
}

#container{
	width: 100%;
	background: url(/images/container-bg.jpg) repeat-x left top;
}

#content{
	width: 1002px;
	margin: 0 auto;
}

.banner{
	background: url(/images/banner-bg.jpg) no-repeat left top;
	height: 129px;
	float: left;
	width: 1002px;
}

.slide1{ float: left; margin: 15px 0 0 65px;}

/* Banner Slider Styles ----------- */
#slider { width:982px; height:129px; margin:0 10px; float: }
#slider ul{ margin: 0; padding: 0; height: 129px; float: left;}
#slider ul, #slider li { margin:0; padding:0; list-style:none; float: left; }
#slider li { width:982px; height:129px; overflow:hidden;  float: left; background: none; }
p#controls { margin:0; position:relative;}
#nextBtn{
	display:block; 
	margin:0; 
	overflow:hidden; 
	width:41px; 
	height:41px; 
	position:absolute; 
	left: 980px; 
	top:-78px;
}

#prevBtn{
	display:block; 
	margin:0; 
	overflow:hidden; 
	width:41px; 
	height:41px; 
	position:absolute; 
	left: -20px; 
	top:-78px;
}

#prevBtn a { display:block; width:41px; height:41px; background:url(/images/l_arrow.jpg) no-repeat 0 0; }
#nextBtn a { display:block; width:41px; height:41px; background:url(/images/r_arrow.jpg) no-repeat 0 0; }
/* Banner Slider Styles ends */

.banner-content-main{
	width: 1002px; 
	float: left; 
	background: url(/images/banner-content-bg-rep.jpg) repeat-y;
}

.banner-content{
	width: 1002px; 
	float: left; 
	background: url(/images/banner-content-bg-top.jpg) no-repeat left top;
}

.banner-content-innerpages{
	width: 1002px; 
	float: left; 
	background: url(/images/banner-content-bg-top-innerpages.jpg) no-repeat left top;
}

.section1{
	width: 275px;
	float: left;
	padding: 0 0 12px 0;
	margin: 14px 0 0 23px;
	display: inline;
}

.section1 h1 a:link, .section1 h1 a:visited, .section1 h1 a:active{
	text-decoration: none;
	color: #f3f4f4;
}

.section1 h1 a:hover{
	text-decoration: underline;
}

.section2{background: url(/images/black-sep.jpg) no-repeat left top; margin: 14px 0 0 18px; padding: 0 0 12px 28px}
.section3{background: url(/images/black-sep.jpg) no-repeat left top; margin: 14px 0 0 18px; padding: 0 0 12px 28px; width: 308px;}

.section1 h1{ font: normal 22px Arial; color: #f3f4f4;}
.section1 h1.one{ padding: 12px 0 15px 60px; background: url(/images/section1-hed-icon.gif) no-repeat left 5px;}
.section1 h1.two{ padding: 12px 0 15px 52px; background: url(/images/section2-hed-icon.jpg) no-repeat left 5px;}
.section1 h1.three{ padding: 12px 0 15px 55px; background: url(/images/section3-hed-icon.jpg) no-repeat left 5px;}
.section1 p{ font: normal 11px/18px Arial; color: #fff; padding: 7px 0 7px 5px}
.section1 ul.custom-list1{ list-style-type: none; padding: 3px 0 0 0; float: left;}
.section1 ul.custom-list1 li{
	font: normal 11px arial;
	color: #fff;
	width: 253px;
	padding: 7px 0 0 22px;
	background: url(/images/custom-bull1.gif) no-repeat left 8px; float: left;
}

.real-content{
	width: 1002px;
	float: left;
	background: url(/images/real-content-bg.jpg) repeat-y;
	margin: 20px 0 0 0;
	display: inline;
}

.product-page{ background: url(/images/product-page-bg.jpg) repeat-y;}
.general-page{ background: url(/images/general-page-bg.jpg) repeat-y;}

.left-panel{ float: left; width: 254px;}
.left-panel h1, .left-panel h2, .left-panel h3, .left-panel h4, .left-panel h5, .left-panel h6
{ background: url(/images/left-panel-underline.jpg) no-repeat 15px bottom; padding: 20px 0 14px 20px;}
.left-panel ul{ list-style-type: none; padding: 0 0 8px 0;}
.left-panel li{
	background: url(/images/left-panel-underline.jpg) no-repeat 15px bottom;
	font: normal 13px Arial;
	padding: 13px 5px 11px 0; 
}

.left-panel li a:link, .left-panel li a:visited, .left-panel li a:active{
	background: url(/images/left-panel-li-bull.jpg) no-repeat 20px 3px;
	padding-left: 43px;
	color: #636363;
	text-decoration: none;
}

.left-panel li a:hover{	background: url(/images/left-panel-li-bull-hover.jpg) no-repeat 25px 3px;	color: #000;}
.left-panel li.selected a:link, .left-panel li.selected a:visited, .left-panel li.selected a:active
{ background: url(/images/left-panel-li-bull-hover.jpg) no-repeat 25px 3px;	color: #000;}

/* mid panel ------------ */
.mid-panel{	width: 494px; float: left;}

.breadcrumb{ width: 454px; float: left; margin: 13px 0 0 14px; display: inline; background: #ebebeb;}
.breadcrumb ul{ list-style-type: none; padding: 0 5px; float: left; width: 444px;}
.breadcrumb li{ background: none; padding: 2px 3px 2px 10px; float: left;}
.breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li a:active{ text-decoration: none; color: #636363; }
.breadcrumb li a:hover{ text-decoration: underline;}

.breadcrumb2{ width: 720px; float: left; margin: 13px 0 0 14px; display: inline; background: #ebebeb;}
.breadcrumb2 ul{ list-style-type: none; padding: 0 5px; float: left; width: 710px;}
.breadcrumb2 li{ background: none; padding: 2px 3px 2px 10px; float: left;}
.breadcrumb2 li a:link, .breadcrumb li a:visited, .breadcrumb li a:active{ text-decoration: none; color: #636363; }
.breadcrumb2 li a:hover{ text-decoration: underline;}

.breadcrumb3{ width: 940px; float: left; margin: 13px 0 0 14px; display: inline; background: #ebebeb;}
.breadcrumb3 ul{ list-style-type: none; padding: 0 5px; float: left; width: 930px;}
.breadcrumb3 li{ background: none; padding: 2px 3px 2px 10px; float: left;}
.breadcrumb3 li a:link, .breadcrumb li a:visited, .breadcrumb li a:active{ text-decoration: none; color: #636363; }
.breadcrumb3 li a:hover{ text-decoration: underline;}

.product-page-mid-panel{ width: 740px;}
.general-page-mid-panel{ width: 960px; padding: 0 0 0 20px;}

.mid-panel h1, .mid-panel h2, .mid-panel h3, .mid-panel h4, .mid-panel h5, .mid-panel h6
{ background: url(/images/real-content-hed-u.jpg) no-repeat 13px bottom; margin-bottom: 12px}

.product-page-mid-panel h1{
	background:none !important;
	border-top: 1px solid #BBBBBB !important;
	margin: 25px 10px 0 !important;
}

.product-page-mid-panel h1, .product-page-mid-panel h2, .product-page-mid-panel h3, .product-page-mid-panel h4, .product-page-mid-panel h5, .product-page-mid-panel h6
{ background: url(/images/product-page-hed-u.jpg) no-repeat 13px bottom; margin-bottom: 12px}

.general-page-mid-panel h1, .general-page-mid-panel h2, .general-page-mid-panel h3, .general-page-mid-panel h4, .general-page-mid-panel h5, .general-page-mid-panel h6
{ background: url(/images/general-page-hed-u.jpg) no-repeat 13px bottom; margin-bottom: 12px}

.mid-panel h1 span, .mid-panel h2 span, .mid-panel h3 span, .mid-panel h4 span, .mid-panel h5 span, .mid-panel h6 span{ color: #2499aa;}

.read-more-btn{
	float: right; 
	margin: 15px 29px 0 0; 
	display: inline;
	background: url(/images/read-more-btn-lft.jpg) no-repeat left top;
}

.read-more-btn a:link, .read-more-btn a:visited, .read-more-btn a:active{
	font: bold 12px Arial;
	color: #fff;
	text-decoration: none;
	padding: 4px 16px 6px 14px;
	background: url(/images/read-more-btn-rht.jpg) no-repeat right top;
	float: left;
}

.read-more-btn a:hover{ color: #000;}

/* right panel ------------ */
.right-panel{ width: 254px; float: right;}

.right-panel h1, .right-panel h2, .right-panel h3, .right-panel h4, .right-panel h5, .right-panel h6
{background: url(/images/left-panel-underline.jpg) no-repeat 15px bottom; padding: 20px 0 12px 20px;}

ul.product-box{ list-style-type: none; padding: 0;}
ul.product-box li{
	width: 220px;
	float: left;
	border: 1px solid #d6d6d6;
	padding: 0 0 15px 0;
	margin: 22px 0 0 17px;
	display: inline;
	background: #e5e5e5;
}

ul.product-box h5{
	font: bold 13px Arial;
	color: #7d3434;
	padding: 10px 10px 11px 12px;
	margin: 0 0 0 0;
	background: url(/images/right-panel-list-h5-u.jpg) no-repeat left bottom;
}

ul.product-box h5 span{
	background: url(/images/right-panel-list-h5-bull.jpg) no-repeat 1px 2px;
	padding: 0 0 0 23px;
}

ul.product-box li img{ float: left; margin: 13px 10px 0 17px; padding-bottom: 10px;}
ul.product-box li p{ color: #383838; text-decoration: underline; padding: 10px 18px 8px 10px; text-align: center;}
ul.product-box li span.price{
	background: #efefef;
	border: 1px solid #d2d2d2;
	font: bold 11px Arial;
	color: #7d3434;
	float: right;
	text-align: center;
	padding: 5px 5px 5px 5px;
	margin: 5px 12px 0 10px;
	width:76px;
}

/* Footer --------------------------------- */
#main-footer{ width: 100%; background: url(/images/main-footer-bg.jpg) repeat-x left bottom #fff;}
#footer{ width: 1002px; margin: 0 auto; text-align: center;}
#footer ul{ list-style-type: none; padding: 16px 0 16px 0;}
#footer li{ display: inline; border-left: 1px solid #383838; padding: 0 21px; line-height: 26px; background: none;}
#footer li a:link, #footer li a:visited, #footer li a:active{ color: #383838; text-decoration: none;}
#footer li a:hover{ text-decoration: underline;}
#footer li.no-sep{ border-left: none; padding-left: 0px;}
#footer li a.current:link, #footer li a.current:visited, #footer li a.current:active{ text-decoration: underline;}

#copyright{
	width: 1002px;
	float: left;
	background: url(/images/copyright-bg-rep.jpg) repeat-y;
	text-align: left;
}

#copyright-top-bg{ background: url(/images/copyright-bg-top.jpg) no-repeat left top; width: 1002px; float: left;}

#copyright ul{
	padding: 22px 0 22px 0;
	float: left;
	width: 550px;
}

#copyright ul li{
	border: none;
	font: normal 12px Arial;
	color: #fff;
	padding: 0 21px;
}

#copyright ul li.credit{ float: right; background: none;}
#copyright ul li.copy{ float: left; width: 530px; background: none;}
#copyright ul li.copy span{ color:#FFF; text-decoration:none;}
#copyright ul li.copy p{ float:left; margin:0; padding:5px 0 0 0; }

#copyright ul li a:link, #copyright ul li a:visited, #copyright ul li a:active{
	color: #fff;
	text-decoration: underline;
}

#copyright ul li a:hover{ color: #5ad2e3;}
#copyright span{ padding: 0 13px;}

#copyright-top-bg span.icon{ float: right; padding: 24px 40px 0 40px}
#copyright-top-bg span.icon img{ float: left; margin: 0 0 0 15px}

/* contact form styles */
.contact-frm{ width: 400px; float: left; margin: 20px 0 0 18px;}
.contact-frm label{ float: left; width: 100px; padding: 6px 10px 6px 0}
.contact-frm input{ width: 280px; margin: 6px 0; float: left;}
.contact-frm textarea { width: 280px; margin: 6px 0; font: normal 12px Arial;}
.contact-frm input.submit-btn{ width: 74px; height:29px; margin: 10px 0 0 110px; *margin-left: 95px; background:url(/images/submit.jpg) no-repeat center top; border:none;}

.subscribe label{ padding: 8px 0 0 20px; float: left;}
.subscribe input{ margin: 6px 0 0 20px; width: 125px; float: left;}
.subscribe input.sub-btn{ width:77px; height:24px; margin: 4px 0 0 6px; background:url(/images/subscribe.jpg) no-repeat center 2px; border:none;}

/* header slider (18-Nov-2009) */
#slider ul p{ font: normal 30px "Trebuchet MS";	color: #fff; padding: 15px 25px 15px 25px;}
#slider ul p img{ float: right; margin: 0 0 0 40px;}

/* default input button style 21-Nov-2009 ------------------------------------- */
.input-default-btn{
	background: url(/images/default-btn-left.jpg) no-repeat left top;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}

.input-default-btn input{
	background: url(/images/default-btn-right.jpg) no-repeat right 1px;
	height: 23px;
	padding: 0 6px 1px 6px;
	width: 110px;
	margin: -1px 0 0 0;
	border: none;
	color: #033b42;
	font: bold 13px Arial;
}

.input-default-btn input:hover{ cursor: pointer; color: #fff;}
.subscribe-input{ margin: 10px 0 0 20px}

/* default button style 21-Nov-2009 ------------------------------------- */
.default-btn{
	background: url(/images/default-btn-left.jpg) no-repeat left top;
	height: 22px;
	float: left;
	padding: 0;
	margin: 0;
}

.default-btn a:link, .default-btn a:visited, .default-btn a:active{
	background: url(/images/default-btn-right.jpg) no-repeat right top;
	height: 19px;
	padding: 3px 8px 0 8px;
	float: left;
	text-decoration: none;
	color: #033b42;
	font: bold 13px Arial;
}

.default-btn a:hover{color: #fff;}
.d-btn-1{ margin: 15px 0 0 18px}
.d-btn-vm{ margin: 8px 12px 0 0; float: right;}

/* Shopping Basket page style 21-Nov-2009 --------------------------------- */
.shopping-basket{
	width: 800px;
	padding: 10px 0 0 15px;
	margin: 0;
	float: left;
}

.shopping-basket li{
	background: none;
	padding: 5px 15px;
	float: left;
}

.shopping-basket li.col-1{ width: 250px; }
.shopping-basket li.col-2{ width: 80px; text-align: center; }
.shopping-basket li.col-3{ width: 100px; text-align: center; }
.shopping-basket li.col-4{ width: 100px; text-align: center;}
.shopping-basket li.col-5{ width: 100px; text-align: center;}

.shopping-basket li.col-1a{ width: 490px; text-align: right; }
.shopping-basket li.col-2a{ width: 100px; text-align: center;}

.invoice-downloads{
	width: 700px;
	padding: 10px 0 0 15px;
	margin: 0;
	float: left;
}

.invoice-downloads li{
	background: none;
	padding: 5px 15px;
	float: left;
}
.invoice-downloads li.col-1{ width: 150px; text-align: center;}
.invoice-downloads li.col-2{ width: 450px; text-align: right; }

.qty-input{ width: 30px; _width: 25px;}
.top-line{ background: url(/images/total-top-line.jpg) no-repeat 25px top !important;}

.input-default-btn input.add-btn{ width: 100px;}
.input-default-btn input.remove-btn{ width: 70px;}
.input-default-btn input.login-btn{ width: 150px; }
.input-default-btn input.email-btn{ width: 150px;}

.btn-gap{ margin: 78px 0 0 25px}
.checkout-btn{ float: left; margin: 0;}

/* Order details checkout form 21-Nov-2009 -------------------------------------------- */
.checkout-frm{ clear: both; width: 960px; float: left; margin: 20px 0 0 0;}
.co-frm-hed{ background: #ccc; padding: 4px 18px;}
.co-frm-hed span{ font: normal 15px "Arial Black"; color: #333; text-decoration: none;}
.co-frm-hed span.first-span{ width: 462px; float: left;}

.co-form{ list-style-type: none; padding: 20px 100px 0 20px; width: 340px; float: left;}
.co-form li{ background: none; padding: 4px 0;}
.co-form li input{ width: 170px;}
.co-form li select{ width: 174px;}
.co-form label{ font-family: verdana; float: left; width: 145px; padding: 0 10px 0 2px}
.co-form li select.date{ width: 75px; float: left; _margin: 0 0 0 3px;}
.co-form li select.year{ width: 75px;}
.co-form li span.slash{ font: normal 14px verdana; float: left; padding: 0 8px;}
/* .co-form li input.code-input{ width: 40px;} */
/* .code-txt{ font: normal 10px verdana; color: #009900; padding: 6px 0 5px 0; *padding: 6px 0 0 0; width: 340px} */
.co-form li input.chk-box{ width: 13px; margin: 3px 3px 0 0}
.input-default-btn input.complete-co-now{ width: 180px;}
.top-space{ margin: 10px 0 0 0;}

/* ADDITIONS JEH 11/24/2009 */
.co-form li.payment_field_cc_exp select { width:84px; _margin: 0 0 0 3px; }
.co-form li.payment_field_cvv label { color:#636363; font-size:12px; }
.co-form li.payment_field_cvv input { width:40px; color:#636363; }
.co-form li.payment_field_cvv p { font: normal 10px verdana; color: #009900; padding: 6px 0 5px 0; *padding: 6px 0 0 0; width: 340px; }
.form-error { color:#f00000; }



/* Product Add to Cart Button Area - 23-Nov-2009 JEH ---------------------------------------- */
.purchase-buttons { float:left; width:330px; }


/* Product Page Layouts 12-Dec-2009 JEH --------------------------------------- */
.product_details { margin:4px; }
.product-image { float:left; }
.product-stats { float:left; margin-top:15px; }


/* REWORK of logosection for live chat */
.logo-section h2{
        padding: 10px 20px 0 0;
        margin: 25px 0 0 15px;
        font: Normal 24px Arial;
        float: left;
        width: 260px;
        display: inline;
}

.livechat {
        float:left;
        width:104px;
        height:47px;
        padding:35px 0 0 11px;
}

.livechat img {
        float:left;
}

/* Product page updated layout nauman 11/18/2010 */
.small-form {
    float:left;
    width:500px
}

.small-form span{
    float:left;
    padding:3px 0 0 6px;
}

.small-form label{
    float:left;
    width:40px;
    padding: 7px 0 0 5px !IMPORTANT;
}

.small-form input{
    float:right;
    width:250px;
    border:solid 1px #666;
}

.quantity {
    float:left;
    width:485px;
    padding:0 0 10px 15px;
}

.quantity span {
    float:left;
    width:100px;
    padding:1px 1px 0 0;
}

.width {
    width:500px !important; padding:0 0 0 10px;
}