@charset "UTF-8";

/* =CALL LIBRARY */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	}
	
body{
	text-align: center;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	}
	
table{
	border-collapse:collapse;
	border-spacing:0;
}
	
fieldset,img{
	border:0;
}
	
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
	
ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}
	
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
	
h6 {
	display: inline;
}

/* =GENERAL */

a {
	text-decoration: none;
	color: #585B6A;
}

a:HOVER {
	text-decoration: underline;
}

hr{ 
	display: none;	
}



#container,#header,#main,#footer,#topheader,#navigation_wrapper{
	width:920px;
	overflow: hidden;
}

#container{
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 10px 0;
}

.topheader{
	width:906px;
	background-color: #CDD8DA;
	min-height: 83px;
	padding:7px;}

#main{
	width:100%;
	overflow:hidden;}

.topheader p{
	display: block;
	width: 280px;
	float: left;
	text-decoration: underline;}

#toplink{
	float: right;
	width: 168px;
	background: #fff;
	border: 3px solid #585B6A;
	padding-bottom:3px;
	min-height:60px;}

#toplink li{
	padding: 3px 0 0 5px;}

#toplink li a:HOVER { text-decoration: underline; }


.sitecontent .logo { 
    float: left; 
    padding-top: 5px;
    padding-right: 60px;
}

.sitecontent h1 { 
	float: left; 
	font-size: 2.5em;
	padding-top:0.7em;
	width: 450px;}
	
#searchbar{
	background: #585B6A;
	color: #fff;
	height: 27px;
	font-size:1.2em;}

#searchbar a{color: #fff;}

.search{float: left;}

.search{width:294px;padding: 3px 16px 0 0;}

.search label{float: left;padding: 4px 15px 0 7px;}

.search input{
	float: left;
	border: 0;
	width: 160px;
	height: 18px;
	margin: 1px 0 0;
	padding: 2px 3px 2px;
	font-size:10px;
	cursor: pointer;}
	
#searchBoxContainer input {
	color: #999;
	padding-left: 0.5em;}

#searchBoxContainer input.hasfocus {
	color: black;}

.input_go{
	width:auto !important;
	height:auto !important;
	border:none  !important;
	padding: 1px 0 0 3px !important;
	margin-top: 2px;
	margin-left:2px;
	float: left;}

.widgetcontainer{width: 180px;}

.leftcolumn{float: left;}

.rightcolumn{float: right;}

.widget{
	padding-bottom: 10px;
	width: 180px;
	overflow: hidden;}
	
.widget a{color: #585B6A;}

.shopcategory ul{
	font-size:1.2em;
	padding-top:5px;
	padding-bottom:10px;}

.shopcategory li{
	padding: 4px 0 4px 0;
	cursor:pointer;
	/*border-bottom: 1px solid #666;
	not sure if I want a border*/}

.shopcategory li a{
	margin-left: 10px;}

.shopcategory li.active{
	background: #666;
	padding: 3px 0 3px 0 !important;}

.shopcategory li.active a{
	color: #fff;}

.widgetcontent{
	border: 2px solid #666;
	border-top:0;}

.shopcategory .level{
	border-bottom:1px solid #666;
	border-top: 0;
	padding-bottom: 3px;
	list-style-position:inside;
	background: #D8D7D4;
	}
	
.shopcategory .l1{
	text-indent: 10px;}
	
.shopcategory .l2{
	text-indent: 20px;
	list-style-image: url("images/subcat.gif");
	padding-left: 8;}
	
.shopcategory .haschild{
	background-image: url('images/arrow1.gif');
	background-repeat: no-repeat;
	background-position: 95%; }

.mainarea{
	float: left;
	width: 548px;
	padding-left:9px;
	overflow:hidden;
	padding-bottom:20px;
}


#featuredproduct{
	width: 548px;}

#featuredproduct li{
	float:left;
	position:relative;
	width: 263px;
	min-height: 160px;
	height: 160px;
	margin: 2px 8px 6px 0;}

#featuredproduct li div.featured_wrapper{
	position: absolute;
	border: 1px solid #ccc;
	width: 263px;
	height: 160px;
	padding: 0;
	top:0;
	left:0;}
	
#featuredproduct li div.jshover{
	border: 1px solid #666;
	}

#featuredproduct h2{
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	padding: 5px;
	height: 2em;
	min-height:
	vertical-align:middle;
	text-align:center;}

.featured_wrapper p{
	float: left;
	width: 120px;
	padding: 5px;
	height: 80px;
	overflow: hidden;}

.featured_wrapper a:hover {
	text-decoration:none;
	cursor: pointer;}

.featured_wrapper .price{
	font-weight: bold;
	font-size:14px;
	color: #585b6a !important;}

#featuredproduct .featured_image {
	float: right;
	border: 1px solid #ccc;
	margin:5px 5px 5px 0;}

.pagelink {
	list-style-type:none;
	text-align: right;
	padding: 5px 15px 5px 5px;
	font-size: 1.2em;
	}

.pagelink ul li
	{
	display: inline;
	}
	
.pagelink  .current
	{
	font-weight: bold;
	}
	
.mybasket{
	border: 2px solid #CDD8DA;
	margin-top: 15px;}

.basketheader{
	background: #CDD8DA url("images/basket_icon.gif") no-repeat;
	background-repeat: no-repeat;
	background-position: 150px 2px;
	height: 1.4em;
	font-size: 1.5em;
}

.basketheader a{
	background-image: none;);
	color: #FFF;
	padding-left: 5px;
}

.mybasket li{
	display: block;
	position: relative;
	border-bottom: 1px solid #ccc;
	padding: 4px 10px;
	 color: rgb(88, 91, 106);
}

.mybasket .basketitemtitle{
	width: 125px;
}

.mybasket .price{
	position: absolute;
	right:10px;
	top:4px;
}

.mybasket .secure {
	background:  url("images/lock.gif") 10px center no-repeat;
	padding-left:35px;
	border-bottom:0;
}

.mybasket .secure p{
	width: 65px;
	float: right;
	padding-top:3px;
}

.mybasket .button_bottom{
	display: block;
	background: #666;
	color: #fff;
	border-bottom: 1px solid #ccc;
	padding: 2px 10px;
	height: auto !important;
	float:none !important;
}

.mybasket .filler_bottom{
	border-bottom: 2px solid #39B333;
	padding: 0;
	height: auto !important;
	float:none !important;
}

.mybasket .b_viewbasket{
	background: #585B6A url("images/viewbasket.gif") 158px 1px no-repeat;
}

.mybasket .b_checkout{
	background: #585B6A url("images/checkout.gif") 158px 1px no-repeat;
	border-bottom:0;
}

.mybasket .go_to_checkout{
	text-align: center;
	padding-left: 12px;
}

.price_small{font-size:10px;color: #000;}

.product_detail .price_block .price_now{
	font-size: 25px;
	color: #585b6a;
	font-weight: bold;
	line-height:30px;
}

.product_detail h2{
	font-size: 3em;
	padding-bottom: 10px;
}
.productactions{
	width: 140px;
	float: right;
	text-align: right;
	padding-right: 5px;
}

.imagelist img{
	border: 1px;
	border-style: solid;
	border-color: #CCC;
}

.productdescription{
	border-top: 1px solid #ccc;
	margin-top:10px;
	padding-top:5px;
	font-size: 1.5em;
	color: #585b6a;
}
	
.productdescription p{
	padding-bottom: 1em;
}

.productdescription .short_description{
	font-style:italic;
}

.product_detail .price{
	font-size: 25px;
	color: #585b6a;
	font-weight: bold;
	line-height:30px;
}

.product_detail .delivery_price	{
	color: #999;
	font-size: 12px;
}


.product_detail .prices	{
	float:left;
}

.basket_image{
	display:block; 
	float:right;
}

.shopping_basket{
	}

.shopping_basket h2{
	font-size:18px;
	font-weight: bold;
	padding-bottom:10px;
}

.shopping_basket th{
	background: #ccc;
	text-align: center;
	font-size:11px !important;
}

.shopping_basket table{
	border: 1px solid #ccc;
	border-top:0; 
	width:100%;
}

.shopping_basket td{
	border-right: 1px solid #ccc;
	font-size:11px;
}

.shopping_basket .row_product{
	padding:5px 5px 5px 15px;
	text-align:left;
	position: relative;
	font-size:10px;
}

.row_total{
	width:60px;
	text-align:right;
	padding-right:10px;
	font-size:10px !important;
}

.row_unitprice{
	width:47px;
	text-align:right;
	padding-right:10px;
}

.subtotal{
	width: 181px;
	float: right;
	font-size: 11px;
	line-height:18px;
}

.subtotal_box{
	border: 1px solid #ccc;
	border-top:0;
	width: 179px;
	overflow:hidden;
	padding:5px 0;
}

.total{
	background: #ccc;
	font-weight:bold;
}

.labelbox {
	width:80px;
	float: left;
	text-align: right;
	padding-right:10px;
}

.pricebox {
	width:70px;
	float: right;
	text-align: right;
	padding-right:10px;
}

.continue_shop{
	float: left;
	/*color: #00c;*/
	height: 31px;
	width: 90px;
	margin:7px 0 0 -1px;
	position: relative;
	overflow: hidden;
}

.continue_shop span,.checked_out span{
	position: absolute;
	width: 100%;height: 100%;
	left:0;top:0;
	cursor: pointer;
}

.continue_shop span{
	background: url("images/continue-shopping.gif") 0 0 no-repeat;
}

.checked_out{
	/*color: #00c;*/
	float: right;
	/*color: #00c;*/
	height: 31px;
	width: 90px;
	margin:7px -1px 0 0;
	position: relative;
}

.checked_out span{
	background: url("images/checkout-button.gif") 0 0 no-repeat;
}

.update_button{
	float: left;
}

.update_button input{
	float: left;
	border: 2px solid #000;
	margin-top: 8px;
}

.box{
	border: 1px solid #ccc;
	padding:7px 5px;
	margin-top:10px;
	width: 531px;
	overflow: hidden;
}

.inner_content .signin{
	float: left;
	width: 240px;
	height: 170px;
	margin-right:10px;
	padding: 0 0 15px 0;
	position: relative;
}

.signin input{
	border: 1px solid #ccc;
	width: 190px;
	height:20px;
	margin:5px 0 0px 0;
}

.signin a{
	color: #000;
}

.signin_wrapper{
	width: 100%;
	overflow: hidden;
	padding-bottom:20px;
}

.header{
	font-size:17px;
	font-weight:bold;
	padding:10px 0 20px 0;
}

.inner_content h4{
	padding-bottom:3px;
	padding-top:3px;
	margin-bottom:10px;
	background: #D8D7D4;
	width: 100%;
}

.inner_content .box p,.inner_content .box h4,.box fieldset, .box ul{
	padding-left: 45px;
}

.inner_content .signin h4{
	padding:3px 25px; 
	font-weight:bold;
}

.inner_content .signin p{
	padding: 0 25px 15px 25px;
}

.inner_content .signin fieldset{
	padding:0 25px;
}

.signin input.signinButton{
	margin:5px 0 15px 0;
}

.signin label{
	display:block;
	margin-bottom: 15px;
}

.signin_bottom{
	position: absolute;
	bottom:0;
	width: 240px;
	padding: 0 15px 20px 25px;
}

.signin_bottom a{
	float: right;
	width: 100px;
	font-size:10px;
	padding-bottom:5px;
}

.signin_bottom .b_signin{
	float: left;
	position: relative;
	display: block;
	height:31px;
}

.b_signin span{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
}

.signin_bottom .b_sign{
	width:auto;
	height:auto;
	position:absolute;
	bottom: 5px;
}

.signin_bottom .b_createaccount{
	width: 118px;
	padding-bottom:0;
}

.b_createaccount span{
	background: url("images/create-account.gif") no-repeat;
}


strong,.strong{
	font-weight: bold;
}

.password_remider p{
	padding-bottom:1em;
}

.inner_content .signin.password_reminder{
	width: 300px;
	height: 200px;
}

.toptext {
	color: #FF0000;
	font-weight: bold;
	font-size: 100%;
}

.inner_content{
/*this one might cause trouble*/
	padding-left: 25px;
	font-size:11px;
	line-height:1.3em;
}

.frm input,.frm select{
	border: 1px solid #BBB;
	/*border-top: 1px solid #ABADB3;*/
	font-size:13px;
	padding: 2px;
}

.frm fieldset{
	position: relative
}

.frm label{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom:7px;
}

.frm label span ,.frm label strong{
	float: left;
	width: 150px;
}

.frm label span.form_error{
	display: block;
	float: none;
	width: auto;
	padding: 3px 0 3px 150px;
}

.myaccount .b_createaccount{
	width: 118px;
	height: 31px;
	float: right;
}

.txt_acc_thin{
	width: 180px !important;
}

.txt_acc_thin_r{
	width: 180px !important;
	border-color: #f00 !important;
}

.txt_acc_long{
	width: 270px !important;
}

.txt_acc_long_r{
	width: 270px !important;
	border-color: #f00 !important;
}

.txt_acc_small{
	width: 40px !important;
}

.inner_content .box{
	width: 480px;
	position: relative;
	padding:0 15px 10px 0;
}

.input_right{
	float: right;
	border:0 !important;
	padding:0 !important;
}

.no-border .widgetcontent{
	border:0;
}

.inner_content .no-border{
	border: none;
	width: 496px;
	padding:0 0 20px 0;
}

.contact_details{
	font-size: 2em;
}

.bannerwrapper{
	padding-bottom:7px;
	padding-top: 12px;
}

.banner_info{
	background: #6C6D70;
	color: #F5F5F5;
	padding: 10px;
	margin-right:2px;
}

.banner_info p{
	font-size: 1.2em;
	line-height:1.3em;
}

/*specials*/
#specialproduct{
	width: 548px;}

#specialproduct li{
	float:left;
	position:relative;
	width: 520px;
	min-height: 160px;
	height: 160px;
	margin: 2px 8px 6px 0;}

#specialproduct li div.special_wrapper{
	position: absolute;
	border: 1px solid #ccc;
	width: 520px;
	height: 160px;
	padding: 0;
	top:0;
	left:0;}
	
#specialproduct li div.jshover{
	border: 1px solid #666;
	}

#specialproduct h2{
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	padding: 5px;
	min-height:
	vertical-align:middle;
	text-align:center;}

.special_wrapper p{
	width: 400px;
	padding: 5px;
	height: 80px;
	overflow: hidden;
	font-size: 1.5em;}

.special_wrapper a:hover {
	text-decoration:none;
	cursor: pointer;}

.special_wrapper .price{
	font-weight: bold;
	font-size:14px;
	color: #585b6a !important;}

#specialproduct .special_image {
	float: left;
	border: 1px solid #ccc;
	margin:5px 5px 5px 5px;}

.columnleft{
	float: left;
	width:230px;
	border-right: 1px solid #ccc;
}

.columnright{
	float: right;
	width:210px;
}

.payment .box .columnleft h4,.payment .box .columnright h4{
	padding:0 0 5px 20px !important; 
	margin-bottom:0;
}

.payment .box .columnleft h4{
	width:210px;
}

.payment .box .columnright h4{
	width:190px;
}

.payment .box .columnleft p,.payment .box .columnright p{
	padding-top:0;
}

.twocolumnwrapper{
	width:100%;
	overflow:hidden;
	clear:both;
	padding-top:10px;
	position: relative;
	font-size:10px;
	color: #666;
}

.payment .box p, .payment .box fieldset, .payment .box h4{
	padding:10px 0 5px 20px;
}

.payment .box h4{
	padding:10px 0 0 20px;
	background: none;
	font-weight: bold;
	color: #666;
	font-size:12px;
}

.manageshipping h4, .manageshipping p{
	padding-left:45px !important;
}

.manageshipping h4{
	width: 400px;
	background:red;
}

.managepayment {
	color: #585b6a;
}

.managepayment fieldset{
	padding-left:20px !important;
}

.twocolumnwrapper .columnleft h4, .twocolumnwrapper .columnright h4{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 3px;
}

.twocolumnwrapper .columnleft p,.twocolumnwrapper .columnright p{
	padding-top:5px;
}

.secure_header{
	font-size: 1.5em;
}

span.width280{
	width:280px !important;
}

.frm .payment_label{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom:7px;
}

.frm .payment_label span ,.frm .payment_label strong{
	float: left;
	width: 150px;
}

em.issue{
	float: right;
	width:90px;
	padding-right:160px;
	font-size:10px;
	line-height:1.1em;
}

.row_qty{
	width:60px;
	text-align:center;
}

.instructions p{
	padding: 0px 0 5px 0px;
	background: none;
	font-weight: bold;
	color: #666;
	font-size:12px;
}

.instructions textarea{
	border: 1px solid #bbb;
}

.submit_order{
	border: 2px solid #000;
	padding: 2px;
	margin-top: 5px;
	font-size: 1.5em;
	font-weight: bold;
}

.address, .address p{
	font-size: 1.2em;
	color: #585B6A;
}

.address h4{
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 10px;
}

.address h3{
	font-size: 2.5em;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}

.address ul{
	margin-left: 50px;
}

.address li{
	list-style-image: url("images/bullet-arrow.gif");
}

.address .toptext{
	color: FF0000;
}