@charset "utf-8";

/* TAG RESETS */
html, body, form, fieldset, label, legend, table, td, th{
	margin:0; padding:0;
}
html{
}
body{
	background:#222;
	font:72% Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin:0 0 15px 0;
	padding:0;
}
#about .colwrap-220-660 h2, #about .colwrap-220-660 h3, #about .colwrap-220-660 h4{
	color:#9dd1eb;
}
a{
	outline:none;
	color:#fff;
	text-decoration:none;
}
a img{
	border:none;
}
p a{
	text-decoration:underline;
}
p a:hover{
	text-decoration:none;
}
h1{
	font-size:240%;
}
h1 span.subcategory{
	color:#999;
	font-size:80%;
}
#product h1{
	font-size:270%;
}
#home h1{
	display:none;
}
#home #fancy_ajax h1{
	display:block;
}
h2{
	font-size:155%;
	font-weight:normal;
}
#product h2, #category h2{
	margin:0 0 25px 0;
}
h3{
	font-size:140%;
	font-weight:normal;
}
h4{
	font-size:130%;
	font-weight:normal;
}
p{
	margin:0 0 15px 0;
	padding:0;
}
#content p, #content .cms{
	line-height:1.6em;
}
#content #header p{
	line-height:normal;
}
ul{
	margin:0 0 15px 0;
	padding:0;
}
ol{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}
li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
ol li{
	list-style:decimal;
}

hr{
	display:none;
}
.hr, .hr-clear{
	height:1px;
	font-size:0px;
	margin:0 0 20px 0;
	background:url(../images/hr-split.gif) no-repeat 50% 0%;
}
.hr-clear{
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.floatleft{ float:left; }
.floatright{ float:right; }

/* LAYOUTS */
#page_wrap{
	background:url(../images/bgs/body_reg.gif) repeat-x 0% 0% #000;
}
#home #page_wrap{
	background:url(../images/bgs/body_large.gif) repeat-x 0% 0% #000;
}
body#popup, #fancy_ajax #popup_wrap{
	background:url(../images/bgs/popupbg.gif) 0px -89px repeat-x #000;
}
#popup_wrap {
	padding:20px;
	min-height:240px;
	text-align:left;
}
body#popup #popup_wrap {
	width:940px;
	margin:0 auto;
}
#popup_wrap h1{
	text-align:center;
}
#popup_wrap ul{
	font-size:120%;
	line-height:2em;
}
#content{
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
	padding-bottom:20px;
	padding-top:158px;
	min-height:350px;
}
#home #content{
	padding-top:148px;
}
#header{
	padding-top:20px;
	height:108px;
	position:absolute;
	top:0px; left:0px;
	width:940px;
}

#topnav{
	width:940px; height:39px;
	background:url(../images/bgs/topnav.gif) 0% 0% no-repeat;
	position:absolute;
	top:89px;
	left:0px;
}
	#topnav h3{
		margin:0; padding:0 6px 0 12px;
		background:url(../images/bgs/topnav.gif) no-repeat 0px -39px;
		float:left;
		height:36px;
		line-height:36px;
		font-weight:normal;
		font-size:99%;
	}
	#topnav ul{
		float:left;
		margin:0; padding:0 0 0 22px;
		background:url(../images/bgs/topnav_split.gif) no-repeat 0% 0%;
	}
	#topnav li{
		float:left;
		margin:0 20px 0 0; padding:0;
		position:relative;
		height:36px;
	}
		#topnav li a{
			font-weight:bold;
			line-height:36px;
			height:36px;
			display:block;
			float:left;
		}
		#topnav li ul li a{
			font-weight:normal;
			line-height:normal;
			height:auto;
			float:none;
		}
		#topnav li a:hover, #topnav li a.on{
			color:#3399cc;
		}
		#topnav li ul li a:hover{
			text-decoration:underline;
			color:#fff;
		}
	#topnav ul ul{
		display:none;
		float:none;
		margin:0; padding:15px;
		background:#000;
		position:absolute;
		top:36px; left:0px;
		min-width:150px;
		z-index:999;
		border:1px solid #4a4a4a;
		border-top:none;
	}
	#topnav li ul li{
		float:none;
		margin:0 0 5px 0; padding:0 0 0 15px;
		background:url(../images/bullets/dot1.gif) no-repeat 0px 4px;
		height:auto;
	}
	#topnav li ul li.enditem, #topnav li ul li:last-child{
		margin:0;
	}
	
#subnav{
	position:absolute;
	top:60px;
	right:10px;
}
	#subnav ul{
		list-style:none;
		margin:0; padding:0;
		float:right;
	}
	#subnav ul li{
		display:inline; margin:0;
	}
	#subnav ul li a{
		display:block;
		height:29px;
		line-height:29px;
		float:left;
		margin:0 0 0 20px;
	}
	#subnav ul li a:hover{
		text-decoration:underline;
	}
	#subnav ul li.basket a{
		padding-right:11px;
		width:114px;
		background:url(../images/btns/sprite.gif) 0px 0px no-repeat;
		text-align:right;
	}
	#subnav ul li.basket a:hover{
		text-decoration:none;
		background:url(../images/btns/sprite.gif) -125px 0px no-repeat;
	}

#logo a{
	width:391px;
	height:49px;
	background:url(../images/logo.gif) no-repeat 0% 0%;
	display:block;
	text-indent:-9999px;
}

table.formTbl{
	border-collapse:collapse;
	margin:0 0 15px 0;
}
	table.formTbl td, table.formTbl th{
		border:1px solid #4a4a4a;
		padding:7px;
	}
	table.formTbl .vars td{
		border:none;
		border-right:1px solid #4a4a4a;
		border-bottom:1px dashed #4a4a4a;
		padding:5px 7px 5px 7px;
	}	
	table.formTbl td h4{
		margin:0;
	}	
	table.formTbl tr.topheader th{
		background-color:#3399cc;
		color:#fff;
	}
	table.formTbl th{
		background-color:#222;
	}
	
#minibasket{
	top:20px;
	right:10px;
	position:absolute;
	height:21px;
	background:url(../images/bullets/cart_top.gif) no-repeat 100% 0%;
	text-align:right;
	padding:0 34px 0 0;
}
	#minibasket p{
		margin:0;
		font-size:200%;
	}
	#minibasket span{
		display:none;
	}
	
#footer{
	clear:both;
	background:#222;
	padding:20px 0;
	color:#ccc;
}
#footer a{
	color:#ccc;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
.footerwrap{
	width:900px;
	margin:0 auto;
	text-align:right;
	height:95px;
	padding:20px 20px 0 20px;
	background:url(../images/bgs/footer.gif) no-repeat;
}
.basenav{
	float:left;
	text-align:left;
}
	.basenav li{
		float:left;
		margin:0 30px 0 0;
	}
	.basenav ul{
		padding:5px 0 0 20px;
	}
	.basenav li ul li{
		list-style:disc;
		margin:0 0 5px 0;
		float:none;
	}
	#footer .basenav a:hover{
		color:#3399cc;
		text-decoration:none;
	}
	#footer .basenav ul a{
		text-decoration:underline;
	}
	#footer .basenav ul a:hover{
		text-decoration:none;
		color:#ccc;
	}
.footerlinks{
	margin:0;
}
.footerlinks li{
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #5a5a5a;
	display:inline;
}
.footerlinks li.enditem{
	margin:0;
	padding:0;
	border-right:none;
}

.homebanner{
	width:940px;
	height:260px;
	position:relative;
	margin:0 0 20px 0;
	background:url(../images/banners/background.gif) no-repeat 0% 0%;
	font-size:145%;
	text-align:right;
}
	.homebanner .overlay{
		float:right;
		padding:10px;
		background:url(../images/bgs/bannertext.png) repeat-x 0px 0px;
		display:inline;
		margin-bottom:25px;
	}
	.homebanner h2{
		font-size:200%;
		width:280px;
		padding:0px;
	}
	.homebanner p{
		margin-bottom:0;
	}
	.homebanner p.tagline{
	}
	.homebanner a.bigbtn{
		display:block;
		background:url(../images/btns/banner_btn.png) no-repeat 0px 0px;
		width:167px;
		height:35px;
		line-height:35px;
		text-align:center;
		float:right;
		text-decoration:none;
		font-size:80%;
		margin-left:10px;
	}
	.homebanner a.bigbtn:hover{
		background:url(../images/btns/banner_btn.png) no-repeat -167px 0px;
	}
.bannertxt{
	position:absolute;
	top:30px;
	right:30px;
	width:355px;
	z-index:1;
}
#bannerimgs{
	position:absolute;
	top:0px; left:0px;
	width:940px;
	height:260px;
	z-index:0;
	overflow:hidden;
}



.colwrap-700-220{
}
.colwrap-700-220 .col2{
	float:right;
	width:220px;
	margin:0 0 0 20px;
}
.colwrap-700-220 .col1{
	float:left;
	width:700px;
}
.colwrap-220-660 .col1{
	width:220px;
	float:left;
	margin:0 20px 0 0;
}
.colwrap-220-660 .col2{
	float:left;
	width:660px;
	margin:0 0 20px 0;
}
.colwrap-220-660 .col3{
	float:left;
	width:320px;
	margin:0 20px 0 0;
}
.colwrap-220-660 .col4{
	float:left;
	width:320px;
}
.prodthumbs{
	margin:0 0 20px 0;
}
	.prodthumbs .prod{
		width:160px;
		margin:0 20px 10px 0;
		float:left;
		text-align:center;
	}
	.prodthumbs .prod h4{
		font-weight:normal;
		font-size:100%;
		margin:0 0 5px 0;
	}
	.prodthumbs .prod h4 a:hover, .prodthumbs .on h4 a{
		color:#3399cc;
	}
	.prodthumbs .prod p{
		margin:0;
	}
	.prodthumbs .prod.enditem{
		margin:0;
	}
	.prodthumbs a.prodthumb{
		width:150px;
		height:100px;
		max-height:100px;
		overflow:hidden;
		padding:5px;
		background:url(../images/bgs/prod_thumb.gif) no-repeat 0px 0px;
		display:block;
		margin:0 0 10px 0;
	}
	.prodthumbs a.prodthumb:hover, .prodthumbs .on a.prodthumb{
		background:url(../images/bgs/prod_thumb.gif) no-repeat 0px -110px;
	}
	
.securebox{
	width:220px;
}
.securebox p:last-child{
	margin:0;
}
.securebox h3{
	background:url(../images/bullets/lock.gif) no-repeat 0% 50%;
	padding:0 0 0 20px;
}
	#home .securebox{
		float:left;
	}
.contactbox{
	width:220px;
}
.contactbox p:last-child{
	margin:0;
}
.contactbox h3{
	background:url(../images/bullets/chat.gif) no-repeat 0% 50%;
	padding:0 0 0 22px;
}
	#home .contactbox{
		float:left;
		margin:0 20px;
	}
.bannersmall{
	width:220px;
}
	#home .bannersmall{
		float:left;
	}

a.black-bg-btn{
	background:url(../images/btns/sprite.gif) no-repeat 0px -29px;
	padding:0 0 0 10px;
	display:block;
	height:26px;
	float:left;
	text-decoration:none;
}
a.black-bg-btn span{
	background:url(../images/btns/sprite.gif) no-repeat 100% -29px;
	padding:0 10px 0 0;
	display:block;
	height:26px;
	line-height:26px;
	float:left;
}
a.black-bg-btn:hover{
	background:url(../images/btns/sprite.gif) no-repeat 0px -55px;
}
a.black-bg-btn:hover span{
	background:url(../images/btns/sprite.gif) no-repeat 100% -55px;
}

#product .col1{
	width:580px;
	float:right;
	margin:0 0 0 20px;
}
#product .col2{
	width:340px;
	float:right;
}
.placeholder{
	border:5px solid #4a4a4a;
	min-height:100px;
	margin:0 0 11px 0;
}
	.placeholder img,{
		width:330px;
	}
	.placeholder a{
	}

#prodGallery li{
	float:left;
	margin:0 11px 0 0;
}
#prodGallery img, .thumbswitch{
	width:96px;
	height:64px;
	display:block;
}
#prodGallery li.enditem{
	margin:0;
}
#prodGallery a{
	padding:5px;
	background:url(../images/bgs/thumb_switch.gif) 0px 0px no-repeat;
}
#prodGallery a:hover{
	background:url(../images/bgs/thumb_switch.gif) -106px 0px no-repeat;
}
.proddesc{
	background:url(../images/bgs/580_rounded.gif) no-repeat 0px 0px #222;
	margin:0 0 20px 0;
	padding-top:15px;
}
.variationlists{
	padding:0 15px;
}
#pricebox{
	background:url(../images/bgs/580_rounded.gif) no-repeat -580px 100%;
	padding:0 15px 15px 15px;
	clear:both;
}
	#pricebox p{
		margin-left:15px;
		line-height:26px;
		font-size:150%;
	}
	#pricebox p span{
		color:#ccc;
	}
	#pricebox p, #pricebox input{
		margin-bottom:0;
	}
.vargroup{
	margin:0 15px 15px 0;
	float:left;
	border:0;
	padding:0;
}
	.vargroup label{
		display:block;
		margin:0 0 5px 0;
		line-height:normal;
	}
ul.error{
	background:url(../images/bullets/error_big.gif) no-repeat 7px 50% #cc3333;
	padding:10px 10px 10px 34px;
	margin:0 0 20px 0;
}
ul.error li:last-child, ul.success li:last-child, ul.alert li:last-child{
	margin:0;
}
ul.success, ul.alert{
	background:url(../images/bullets/alert_big.gif) no-repeat 7px 50% #3399cc;
	padding:10px 10px 10px 34px;
	margin:0 0 20px 0;
}
em.error{
	display:block;
	margin:0 0 10px 0;
	color:#3399cc;
	}
div.alert{
	background:#3399cc;
	padding:10px;
	margin:0 0 20px 0;
}
ul.alert{
	background:#3399cc;
	padding:10px;
}
ul.alert li{
	background:url(../images/bullets/notice_dot.gif) no-repeat 0px 4px;
	padding:0 0 0 15px;
}
.notice{
	border-top:1px solid #4a4a4a;
	border-bottom:1px solid #4a4a4a;
	background:#222;
	padding:10px;
	margin:0 0 20px 0;
}
.alert p:last-child, .notice p:last-child, .notice h2:last-child, .notice h3:last-child{
	margin:0;
}
.price-add{
	color:#339900;
}
.price-sub{
	color:#990000;
}
.sidebox{
	margin:0 0 20px 0;
}
#home .sidebox{
	margin-bottom:0;
}

fieldset{
	border:1px solid #4a4a4a;
	padding:10px;
	margin:0 0 20px 0;
}
legend{
	background-color:#000;
	padding:5px 10px;
	color:#fff;
	font-size:125%;
}
fieldset label{
	display:block;
	margin:0 0 15px 0;
	font-weight:bold;
}
fieldset input{
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
}
fieldset textarea{
	width:90%;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:110%;
}
fieldset input.submit{
	width:auto;
}

ul.list1{
	padding:0 0 0 20px;

}
ul.list1 li{
	list-style:disc;
}
.sidenav{
	border-right:1px solid #4a4a4a;
	padding:0 20px 0 0;
	min-height:400px;
}
.sidenav a:hover{
	text-decoration:underline;
}
.deliverybtn:hover{
	text-decoration:none;
}
.deliverybtn{
	text-decoration:underline;
	padding-right:20px;
}
#deliveryswitch{
	margin-right:20px;
}
#checkoutform{
	text-align:right;
}
.prodoptions{
	border:1px solid #222;
}
.prodoptions .cola, .prodoptions .colb{
	padding:10px;
	float:left;
}
.prodoptions .cola p, .prodoptions .colb p{
	margin:0;
}
.prodoptions .cola{
	width:148px;
	border-right:1px dashed #222;
}
.prodoptions .colb{
	width:149px;
}
.prodoptions h4{
	margin:0 0 10px 0;
}

ul.buttonsright{
	margin:0 0 20px 0;
	text-align:right;
}
ul.buttonsright li{
	margin:0 0 0 10px;
	display:inline;
}