html, body {font-family: Arial, Helvetica, sans-serif;height:100%;font-size: 12px;color: #000;text-align: center;margin: 0px;padding: 0px;background-color: #fff;background-image: url(../images/bg.jpg);background-repeat: repeat-x;}

h1,h2,h3,h4,h5 {margin: 0px;padding: 0px;}
h1 {font-size: 18px;font-weight: normal;color: #b60000;}
h2 {font-size: 18px;font-weight: normal;color: #0c59a0;}
h3 {font-size: 18px;font-weight: normal;color: #8ba0d2;}
h4 {font-size: 14px;color: #b60000;}
h5 {font-size: 12px;color: #000000;}

a:link, a:visited {font-size: 12px;color: #0c59a0;text-decoration: underline;}
a:hover {color: #b60000;}

img {border:0px;display: block;}
form {border:0px;margin: 0px;}

.bold {font-weight: bold;}
.highlight, .asterix {font-weight: bold;color: #b60000;}
.clear, .clear15, .br.clear {clear:both;height:1px;font-size:1px;margin:0px;padding:0px;line-height: 1px;display: block;overflow:hidden;}
hr {height:1px;color:#ffffff;font-size:1px;line-height:1px;border-top:1px dotted #333333;display:block;}

#wrapper {text-align: left;width: 995px;position: relative;margin-left: auto;margin-right: auto;}
#content {position:relative;text-align: left;width: 995px;margin: 0px auto 0px auto;z-index:100;}
#main-content {background-color: #f0f7ff;background-image: url(../images/content_bg.gif);background-repeat: repeat-y;width: 969px;padding:10px 13px 10px 13px;z-index:100;position:relative;margin: 0px;}
#main-content-bottom {background-image: url(../images/content_bottom.gif);background-repeat: no-repeat;width: 995px;height: 21px;margin-top: 0px;margin-right: -10px;margin-bottom: -21px;margin-left: -10px;z-index:100;}

/*------------ header */
#header{position:relative;width:995px;padding:0px;margin:0px;background-image: url(../images/header_bg.jpg);background-repeat: no-repeat;height: 170px;display:block;clear:both;}

#logo-pic{display: block;position: absolute;left: 35px;bottom: 13px;z-index:100;}
#logo {display: block;position: absolute;right: 0px;top: 42px;z-index:100;}
#phone-no {display: block;position: absolute;right: -4px;top: 0px;z-index:100;}

#top-nav {position: absolute;bottom: 13px;height: 39px;width: 525px;left:231px;}
#top-nav ul {list-style:none;padding: 0px;margin: 0px 0px 0px 5px;}
#top-nav li {float:left;width:105px;height: 39px;text-align:center;background-image: url(../images/top_nav_line.gif);background-repeat: no-repeat;background-position: right;}
#top-nav li.small {width:95px!important;}
#top-nav li.last{background-image:none!important; }
#top-nav li a {padding: 0px;color: #FFFFFF;text-decoration: none;font-weight: bold;margin:0px;line-height:39px;}
#top-nav li a:hover, #top-nav li a:active {color: #dfecfd;text-decoration: none;}

#bct {height: 30px;line-height: 30px;clear: both;padding-left: 12px;color: #fff;font-weight:bold;}
#bct a, #bct a:visited {color: #fff;text-decoration:none;}
#bct a:hover {color: #91c5d2;}



/*------------ nav styles */

/*  CSS  division and styles for left side Accordian Menu */

#accordian_menu{margin:0px 0px 7px 0px; padding:0px}
#accordian_menu h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 210px;height:41px;background-repeat: no-repeat;text-indent: 14px;line-height: 44px;font-weight: normal;background-image:url(../images/nav_header.gif);color: #fff;background-color: #295caa;}
#Xaccordian_menu h3#cat_57 {background-image: url(../images/nav_header_blue.gif);background-repeat: no-repeat;}

#accordian_menu h4   {width: 202px;color:#000000;height:28px;background-image:url(../images/sub_cat_header.gif);background-repeat: repeat-x;
font-size: 12px;margin: 0px!important;padding:0px 4px 0px 4px;}

#accordian_menu h4  .active {background-image:url(../images/left_list_down.gif);margin:0px;}

#accordian_menu h4 a:link, #accordian_menu h4 a:visited {display: block;height:28px;line-height:28px;width: 202px;color:#000000;text-decoration:none;text-indent: 10px;font-weight: bold;}
#accordian_menu h4 a:hover {color:#a50000;text-decoration:none;	width: 202px;}
#accordian_menu h4 .active a, #accordian_menu h4.active a:visited {color:#000000;text-decoration:none;}
#accordian_menu h4 .active a:hover {color:#000000;text-decoration:none;}

.sub_categories  {margin:0px;width: 210px;background-color: #e9f3f4;background-image: url(../images/nav_bg.gif);background-repeat: repeat-y;}
.sub_categories ul, .sub_categories li {list-style-type:none;margin: 0px;padding:0px;}
.sub_categories  ul  {display: block;width: 202px;padding:0px;margin:0px 0px 0px 4px;}
.sub_categories li {display: block;width: 202px;height: 23px;line-height: 23px;padding:0px;margin:0px;border-bottom:1px dotted #737676;}
.sub_categories  li a {display: block;width: 202px;color:#000000;text-decoration:none;text-indent: 17px;background-image: url(../images/nav_arrow.gif);background-repeat: no-repeat;background-position: 10px center;}
.sub_categories  li a:hover {color:#fff;text-decoration:none;background-color: #095faf;background-image: url(../images/nav_arrow2.gif);}

			
.left_nav_bottom{width: 210px!important;background-image: url(../images/nav_footer.gif);background-repeat: no-repeat;padding:0px!important;height: 5px;margin: 0px 0px 7px 0px;
font-size: 1px;line-height: 1px;}
			
/*------------ middle */
#middle {position:relative;float:left;width:512px;margin-bottom: 15px;padding:10px 14px 10px 14px;background-image: url(../images/middle_bg.gif);background-repeat: y;background-color: #FFF;}
#middle-top {height:13px;width:540px;background-image: url(../images/middle_top.gif);background-repeat:no-repeat;margin:-10px -14px 0px -14px;}
#middle-bottom {clear:both;height:13px;width:540px;background-image: url(../images/middle_bottom.gif);background-repeat:no-repeat;margin:0px -14px -10px -14px;line-height:1px;font-size:1px;background-position: bottom;}

/*------------ homepage banners */
#Banner_Rotation {margin:0px 0px 15px 0px;width:510px;height:100px;clear:both;}
#Banner_Rotation_images {float:left;position:relative;width:510px;height:100px;}
#Banner_Rotation_images img {position:absolute;}
#Banner_Rotation_images_markers {list-style:none;list-style-type:none;margin:0px;position:absolute;bottom:0px;left:0px;height:29px;width:510px;padding: 0px;}

#Banner_Rotation_images_markers li {float:left;position:relative;margin:0px 6px 0px 0px;padding: 0px;}
#Banner_Rotation_images_markers li#Banner_Rotation_images_markers_3 {float:right !important;margin-right:0px!important;}

#Banner_Rotation_images_markers li a.slide, #Banner_Rotation_images_markers li a.left, #Banner_Rotation_images_markers li a.right {color:#ffffff;display:block;font-size:14px;height:29px;line-height:29px;text-align:center;text-decoration:none;background-repeat: no-repeat;font-weight:bold;}

#Banner_Rotation_images_markers li a.slide {background-position: left bottom;background-image: url(../images/banner_nav_1.gif);width:140px; }
#Banner_Rotation_images_markers li a.left {background-position: left bottom;background-image: url(../images/banner_nav_left_1.gif);width:140px;}
#Banner_Rotation_images_markers li a.right {background-position: right bottom;background-image: url(../images/banner_nav_right_1.gif);float:right !important;width:140px;}

#Banner_Rotation_images_markers li a.slide:hover,#Banner_Rotation_images_markers li.active a.slide {
background:url(../images/banner_nav_2.gif);color:#fff;background-position: left bottom;background-repeat: no-repeat;}

#Banner_Rotation_images_markers li a.left:hover,#Banner_Rotation_images_markers li.active a.left {
background-image: url(../images/banner_nav_left_2.gif);color:#fff;background-position: left bottom;background-repeat: no-repeat;}

#Banner_Rotation_images_markers li a.right:hover,#Banner_Rotation_images_markers li.active a.right {
background-image: url(../images/banner_nav_right_2.gif);color:#fff;float:right !important;background-position: right bottom;background-repeat: no-repeat;}

.home-header-1, .home-header-2, .margin {border-bottom: 1px dotted #cecece;}

/*------------ right */
#right {position:relative;float: right;width:210px;margin: -50px 0px 15px 0px;}
#right-banners img {}

#os-basket {width:210px;margin:0px 0px 7px 0px;padding:0px 0px 5px 0px;background-image: url(../images/nav_footer.gif);background-repeat: no-repeat;background-position: bottom;}
#os-basket h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 210px;height:41px;background-repeat: no-repeat;text-indent: 14px;line-height: 44px;font-weight: normal;background-image:url(../images/nav_header.gif);color: #fff;background-color: #295caa;}
#os-basket-info {height:50px;background-image: url(../images/nav_bg.gif);background-repeat: repeat-y;width:210px;position: relative;background-color: #fff;}
#os-basket-info ul {list-style-type:none;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 14px;padding-top: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;width:95px;}
#os-basket-info li {width:35px;float:left}
#os-basket-info li.total {color: #b60000;text-align:right;float:right;clear:right;width:40px;}
#os-basket-info img {position: absolute;right: 12px;top: 13px;}

/*------------ left */
#left {position:relative;float: left;width: 213px;margin: -50px 1px 15px 0px;}

#quick-search {width:210px;margin:50px 0px 7px 0px;padding:0px 0px 5px 0px;background-image: url(../images/nav_footer.gif);background-repeat: no-repeat;background-position: bottom;}
#quick-search h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 210px;height:41px;background-repeat: no-repeat;text-indent: 14px;line-height: 44px;font-weight: normal;background-image:url(../images/nav_header.gif);color: #fff;background-color: #295caa;}
#quick-search ul {background-image: url(../images/nav_bg.gif);background-repeat: repeat-y;list-style-type:none;width: 196px;background-color: #FFF;padding: 8px 0px 5px 14px;margin: 0px;background-color: #fff;}
#quick-search li {list-style-type:none;margin: 0px;clear: left;}

#keyword {float:left;border: 1px solid #7f9db9;width:145px;margin: 5px 6px 0px 0px;padding-left: 3px;}
#search {margin-top: 4px;}
#brand {width:180px;margin: 0px 5px 0px 0px;}


/*------------ column product boxes */
#top-sellers {width:210px;background-image: url(../images/nav_bg.gif);background-repeat: repeat-y;margin: 0px 0px 4px 0px}
#top-sellers h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;width: 210px;height:41px;background-repeat: no-repeat;text-indent: 14px;line-height: 44px;font-weight: normal;background-image:url(../images/nav_header.gif);color: #fff;background-color: #295caa;}
#top-sellers-footer{display: block;background-repeat:no-repeat;width: 210px;height:5px;padding:0px;margin:0px;background-image: url(../images/nav_footer.gif);}
.column-products {position:relative;padding:0px;width:202px;height:85px;display:block;margin: 0px 0px 0px 4px;font-size:12px;border-bottom:1px dotted #cccccc;background-color: #ecf3fe;background-image: url(../images/column_products_bg.gif);background-repeat: repeat-x;background-position: bottom;}
.cp-image{position:absolute;right:0px;top:0px;background-color: #FFF;padding: 5px;}
.column-products h5 {width: 90px;height:30px;overflow:hidden;margin: 5px 0px 0px 10px;}
.column-products  h5 a, .column-products h5 a:visited {font-size:12px;text-decoration: none;color: #000000;}
.column-products h5 a:hover {text-decoration: none;}
p.cp-price {font-weight: bold;color: #b60000;display: block;margin: 2px 0px 0px 10px;}
.cp-view {position: absolute;left: 9px;bottom: 5px;}

/*------------ footer */
#footer-wrapper {text-align: center;position: relative;clear:both;background-image: url(../images/footer_bg.jpg);background-repeat: repeat-x;background-position: top;height:78px;margin:0px;z-index:99;}
#footer {position:relative;width: 995px;position: relative;margin: 0px auto 0px auto;background-image: url(../images/content_bottom.gif);background-repeat: no-repeat;width: 995px;height:47px;background-position: top; padding-top:30px;color: #1c4a8f;}

#footer ul  {margin:0px;padding:0px;list-style-type: none;} 
#footer li {margin:0px;padding:0px;list-style-type: none;} 

#footer li {float:left;text-align:center;z-index:100;position: relative;background-image: url(../images/footer_nav_line.gif);background-repeat: no-repeat;background-position: right;padding:0px 12px 0px 12px;}
#footer li.right {float:right;text-align:center;z-index:100;position: relative;background-image:none!important;}

#footer li a {padding: 0px;color: #1c4a8f;text-decoration: none;margin:0px;z-index:100;position: relative;}
#footer li a:hover, #footer li a:active {color: #b60000;text-decoration: none;z-index:100;position: relative;}


/*------------ cat-box*/
.product_box{position: relative;height:225px;width:164px;margin:10px 10px 5px 0px;float:left;display:block;background-image: url(../images/product_box.gif);background-repeat: no-repeat;}
.product_box.last {margin-right:0px!important;}

.product_box_picture{display:block;padding: 4px 6px 0px 6px;}

.product_box h2{margin:3px auto 2px auto;font-size:12px;font-weight:bold;width:140px;padding:0px;height:30px;overflow:hidden;display:block;text-align: center;}
.product_box h2 a, .product_box h2 a:visited {color:#333333; text-decoration:none;}
.product_box h2 a:hover {color:#b60000; }
.product_box p{margin:3px 0 0px 6px;color:#666666; font-size:11px; width:160px; padding:0px; height:42px; overflow:hidden; display:block; }

.product_box ul {list-style-type:none;margin: 10px 0px 0px 0px;padding: 0px;}
.product_box li span{padding:0px;color:#3399cc;font-size:12px;height:16px;float:left;margin: 0px 2px0px 2px;font-weight: bold;display: none;}
.product_box li  {margin:0px; padding:0px;color:#b60000;font-size:18px;font-weight:bold;height:16px;margin-left: 5px;float:left;}

.product_box ul#price {list-style-type:none;margin: 10px 0px 0px 0px;padding: 0px;}
.product_box ul#price li span{padding:0px;color:#3399cc;font-size:12px;height:16px;float:left;margin: 0px 2px0px 2px;font-weight: bold;display: none;}
.product_box ul#price li  {margin:0px; padding:0px;color:#b60000;font-size:18px;font-weight:bold;height:16px;margin-left: 5px;float:left;}

.product_box_info {position:absolute;bottom:5px;padding:0px !important;right: 7px;}

#productpage_top{display:none;}
#product_page_wrapper{width:510px;margin:2px 0px 15px 0px;}

#product_page_image{float:left;width:200px;height:200px;display:block;margin: 0px 0px 20px 0px;padding: 10px;border: 1px solid #a0b1da;position: relative;}
#product_page_info{float:right;width:280px;margin:0px 0px 20px 0px;padding:0px;}
#product_page_info ul{list-style-type:none;margin:12px 0 12px 0;padding:0px;color:#333333;font-weight:bold;}

#product_page_info ul span {font-weight:bold;color:#3399cc;font-size:14px}
#product_page_info ol {list-style-type:none;margin:0px;padding:0px;color:#333333;font-weight:bold;}
#product_page_info ol li {list-style-type:none;margin:12px 0 0 0;padding:0px;color:#333333;font-weight:bold;clear:both;}

#product_page_info ol li span{margin:3px 10px 0px 0px;float:left;}

.QtyBox {float:left;width:20px;margin-right:10px;}

#thumbs {float:left;clear:left;margin: 0px 0px 5px 0px;width: 222px;text-align:center;}
#thumbs img {display: inline;margin: 0px 3px 5px 0px;border: 1px solid #cac6c1;}

#magnifying_glass{position:absolute;float:left;bottom:1px !important;right: 1px;}
.add_button{float:left;}

/*------------ product description box */
#product-description {width: 510px;margin-top: 15px;}
.menu {width:510px;margin:0px;position:relative;z-index:100;height: 30px;display: block;clear: right;}

.menu ul {padding:0px; margin:0px;list-style-type: none;border:0;}
.menu ul li {float:left;}
.desc{margin:0px;padding:0px;}
.features{margin:0px;padding:0px;}

.menu ul li.desc a:link, .menu ul li.desc a:visited, .menu ul li.features a, .menu ul li.features  a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
	width:131px;
	height:30px;
	color:#fff;
	border-right:1px solid #fff;
	line-height:30px;
	font-size:12px;
	background-image: url(../images/detail_tab1.gif);
	background-repeat: no-repeat;
	background-position:top;
}
.menu ul li.desc a:hover, .menu ul li.desc a:active, .menu ul li.desc  a:focus {
	background-image: url(../images/detail_tab2.gif);
	background-repeat: no-repeat;
}

.menu ul li.features a:hover, .menu ul li.features a:active, .menu ul li.features  a:focus{
	color:#ffffff;
	background-image: url(../images/detail_tab2.gif);
	background-repeat: no-repeat;
}


.pd-info {
	color:#000000;
	width:488px;
	height:220px;
	padding:10px;
	overflow:auto;
	background-position: top;
	scrollbar-face-color: #f1f1f1;
	scrollbar-shadow-color: #f1f1f1;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-3dlight-color: #c1c1d2;
	scrollbar-darkshadow-color: #c1c1d2;
	scrollbar-track-color: #dddddd;
	scrollbar-arrow-color: #1473a6;
	border: 1px solid #c3c3c2;
}
#pd-logo {
	margin-top: 10px;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-bottom: 5px;
}

/*------------ SKU table */
.table{width:auto;margin-bottom:20px;font-size:11px;border-left: 1px solid #cccccc;border-top: 1px solid #cccccc;border-bottom: 2px solid  #003b59;}
.table td {padding:3px; border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.table_header { background-color: #40a2d1;color:#ffffff;font-weight:bold;background-color: #295caa;height: 18px;font-size:12px;margin-left:-1px;}
.table_header td {border:0px none!important;margin-left:-1px;}
.td_left{float:left; color:#922f15; text-decoration:line-through;height:15px; margin-right:7px;display:block;}
.td_right{float:left;font-weight:bold;height:15px;display:block;}
.matrix_qty {width: 20px;text-align: center;font-size:11px;}
.plus-minus {width: 7px;background-color: #FFFFFF;font-weight: normal;color: #000000;border: 0px none;cursor: pointer;text-align: center;}

/*------------ contact */
.contact-box {position:relative;width:558px;border-bottom: 2px solid  #003b59;border-top: 1px solid #cecece;border-left: 1px solid #cecece;border-right: 1px solid #cecece;padding:10px;margin-top:15px;background-color: #e9f3f4;}
.contact-box-left{float:left;width: 290px;margin-right: 12px;}
.contact-box-left div {clear: both;margin: 2px 0px 2px 0px;padding: 2px 0px 2px 0px;}
.contact-box-left div label {float: left;width: 105px;}
.contact-box-right{float:left;width: 225px;}
#submit {margin-top:-2px;}
.contact-box-left div input.text-box {width: 175px}
.contact-box-left div textarea.text-area {width: 175px}

/*------------ basket styles */
.basket-middle {position:relative;width:943px;margin: 13px;}
.basket-middle h1 {}
.basket-middle p {} 

.basket-header {color: #FFFFFF;font-weight:bold;background-image: url(/images/checkout/top.gif);background-repeat: repeat-x;font-size: 18px;font-weight:normal;line-height: 38px;margin-top: 15px;background-color: #095faf;height:38px;}


.basket-header #tl {float: left;padding-right: 6px;display: inline;}
.basket-header #tr {float: right;display: inline;}

.basket-main tr, .basket-main td {background-color:#ffffff;}
.basket-line, .basket-line tr, .basket-line td  {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;border-bottom:1px dashed #999999;}
.basket-main {font-size: 12px;color: #000000;margin-bottom: 15px;border-right: 1px solid #8198ce;border-bottom: 2px solid #003b59;border-left: 1px solid #8198ce;}
.basket-main img {display: inline;}
.basket-divider td, .basket-main td.basket-divider {height: 1px;background-image: url(/images/checkout/basket-divider.gif);background-repeat: repeat-x;font-size: 1px;line-height: 1px;padding: 0px!important;}
.basket-footer, .basket-footer td, .basket-footer tr {text-decoration: none;background-color: #ced7ec;height: 21px;font-size: 16px;font-weight: bold;border-top: 1px dotted #000000; color:#000000;}
.basket_subtotal{text-align:right; font-size:12px; color:#922f15;}
.basket_subtotal td{ background-color: #f0f0f0}
.basket-qty{width: 20px;text-align: center;font-size:11px;margin-left: 3px;margin-right: 5px;}
.basket-update {margin-bottom: -4px;}
#checkout-button  {float: right;margin-bottom: 10px;}
#continue-shopping {float: left;margin-bottom: 10px;}

/*------------ checkout */
.checkout-middle {position:relative;width:943px;margin:13px;}
.secure-checkout h3, .checkout-middle h3 {color: #b60000;}
.secure-checkout a, .secure-checkout a:visited {text-decoration: none;} 
.secure-checkout a:hover {text-decoration: underline;} 

.info-box-header {color: #FFFFFF;font-weight:normal;background-image:url(../images/checkout/top.gif);background-repeat: repeat-x;height: 39px;line-height: 38px;font-size: 18px;margin: 0px;}

.info-box-header  #tl {float: left;padding-right: 6px;display: inline;margin-left:-1px;}
.info-box-header  #tr {float: right;display: inline;margin-right:-1px;}

.checkout-info-box {margin-bottom: 15px;border-right: 1px solid #8198ce;border-bottom: 2px solid #003b59;border-left: 1px solid #8198ce;background-color: #fff;}
.info-box-pad {padding: 10px 15px 10px 15px;background-color: #fff;}
.info-box-pad div {clear: both;margin: 2px 0px 2px 0px;padding: 2px 0px 2px 0px;}
.info-box-pad div label {float: left;width: 150px;}
label {font-weight: bold;}
.text-box {font-family: Arial, Helvetica, sans-serif;font-size: 12px;width: 150px;padding-left: 3px;}
.text-area {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
#checkout-terms-box {height: 200px;margin-bottom: 15px;border: 1px solid #cecece;overflow: scroll;padding: 10px;background-color:#f2f9fc;}
#checkout-footer {text-align: center;padding-bottom: 10px;display: block;margin-top: 15px;margin-bottom: 15px; }
.clear15 {clear:both;height:15px;font-size:1px;margin:0;padding:0;line-height: 0px;}
.submit-button, .proceed-button {font-family: Arial, Helvetica, sans-serif;background-image:url(../images/checkout/submit_bg.gif);cursor: pointer;line-height:24px;border: 0px none;height: 24px;font-weight: bold;color: #fff;font-size: 12px;background-repeat: repeat-x;}

/*------------ validation */
div.error-message {margin: 0;padding: 20px 25px;background-color: #b60000;color: #fff;border: solid 3px #922f15;}
div.error h3 {font-size: 12px;}
div.error ul {margin: 0;padding: 0;list-style: none;}
input.validation-failed {border: solid 1px #b60000;}
input.validation-passed {border: solid 1px #4aa83c;}
div.error2 {padding: 3px 5px;display: block;position: relative;left: 153px;float: left;clear: both;background-color: #b60000;color: #FFFFFF;font-weight: bold;}
* html span.error {left: 153px;}
.validation-advice {margin: 2px 0px 2px 0px;padding: 3px;color: #fff;font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size:12px;background-color: #b60000;}
.BasketMessage {border: 3px #d2d3d5 solid;margin-bottom:10px;padding-left:5px;padding-right:5px;background-color:#FFFFFF;}
