body {
	text-align:center;
	font-size: 12px;
}


html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size: 12px;
}


div.spacer {
	clear: both;
}


#wrapper {
	width:930px;
	margin:0px auto;
	text-align:left;
}


#vtop {
	float: left;
	width: 910px;
	height: 35px;
	background: url(images/vtopbg.gif) no-repeat top center;
	padding: 0 10px 0 10px;
}

h1 {
	display: none;
}

#topsec {
	float: left;
	width: 910px;
	height: 162px;
	padding: 0 10px 0 10px;
	background: url(images/maintopbg.jpg) no-repeat top center;
}


#midsec {
	float: left;
	width: 930px;
	background: url(images/mainbg.gif) repeat-y top center;
	min-height:600px;
}

#midseca {
	float: left;
	width: 930px;
	background: url(images/mainbg.gif) repeat-y top center;
	min-height:600px;
}


/* mac hide \*/
* html #midsec{height:600px}
/* end hide */


#btmsec {
	float: left;
	width: 910px;
	height: 100px;
	padding: 0 10px 20px 10px;
	color: #856f53;
}

#btminside {
	float: left;
	width: 910px;
	/*height: 20px;*/
	background: url(images/btminside.gif) no-repeat top left;
	
}

#btmsec p {
	padding: 0 10px 0 10px;
	font-size: 10px;
}

p.leftal {
	color: #856f53;
	padding: 0 10px 17px 0;
	font-size: 11px;
}

#midl {
	float: left;
	width: 200px;
	padding: 0 0 0 10px;
}

#midm {
	float: left;
	width: 540px;
	/*background: url(images/midbg.gif) repeat-x top left;*/
	color: #856f53;
}

#midr {
	float: left;
	width: 160px;
	padding: 0 10px 0 10px;
}



.menu {
	float: left;
	width: 200px;
	padding: 0 0 24px 0;
}

.menu ul li h4 a {
	display: block;
	width: 170px;
	padding: 0 5px 0 5px;
	background-color: #000;
	margin: 5px 0 0 0;
	line-height: 24px;
	color: #d2ff00;
	font-weight: bold;
	
}

.menu ul li h4 a:hover {
	color: #fff;
	text-decoration: none;
}

.menu ul li h4 a.o {
	background: url(images/menuo.gif) no-repeat top right;
	background-color: #3b3428;
	color: #fff;
	width: 185px
}

.menu ul li h4 a.salep {
	background-color: #c00;
	color: #fff;
	width: 170px
}

.menu ul li h4 a.salepo {
	background: url(images/redmenu.gif) no-repeat top right;
	background-color: #c00;
	color: #fff;
	width: 185px
}


.rightbox {
	float: left;
	width: 160px;
	background-color: #000;
	margin: 0 0 10px 0;
}

.rightboxin {
	float: left;
	width: 150px;
	padding: 1px 5px 5px 5px;
	line-height: 15px;
	font-size: 10px;
	color: #996633;
}

.qcl {
	float: left;
	width: 75px;
}

.qcr {
	float: left;
	width: 75px;
	text-align: right;
}

.qcpr {
	float: left;
	width: 150px;
	padding: 5px 0 5px 0;
	color: #c00;
}

.cartbtm {
	float: left;
	width: 140px;
	text-align: center;
	padding: 0 5px 0 5px;
	margin-right: -3px;
}







h3.rm {
	display:block;
	height:17px;
	text-indent:-9000px;
	width:160px;
}
.fp { background:transparent url(images/featured.gif) no-repeat  0 0; }
.qc { background:transparent url(images/quickcart.gif) no-repeat  0 0; }
.ml { background:transparent url(images/mlist.gif) no-repeat  0 0; }
.kt { background:transparent url(images/kit.gif) no-repeat  0 0; }


h3.pm {
	background:transparent url(images/pmenu.gif) no-repeat  0 0;
	display:block;
	height:19px;
	text-indent:-9000px;
	width:180px;
}




span.hgc {
	color: #d2ff00;
}



h2 {
	font-weight: bold;
	font-size: 17px;
	color: #d2ff00;
	padding: 0 0 10px 0;
}

h2.prod {
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	padding: 0 0 14px 0;
	line-height: 22px;
}

h3.cat {
	font-weight: bold;
	font-size: 10px;
	color: #d2ff00;
	padding: 0 0 5px 0;
}






.rightboxin input, .cpquan input  {
	padding: 2px 3px 2px 3px;
	border: 1px solid #996633;
	background-color: #3b3428;
	width: 142px;
	font-size: 10px;
	color: #fff;
	line-height: 10px;
}

.rightboxin input.isend {
/*	padding: 0 3px 0 3px;
	border: 1px solid #996633;
	background-color: #000;
	width: 50px;
	font-size: 10px;
	color: #996633;
	font-weight: bold;
	margin: 10px 0 0 0;
	color: #d2ff00;
	padding: 3px 0 3px 0;
*/
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	width: 44px;

}


.pcen {
	text-align: center;
	padding: 0 20px 17px 10px;
	color: #856f53;
}

.frim {
	display: inline;
}



.ukpost {
	float: left;
	width: 137px;
	height: 70px;
	font-size: 10px;
	background:transparent url(images/ukbg.gif) no-repeat 0 0;
	color: #996633;
	line-height: 24px;
	padding: 14px 0 0 42px;
	overflow: hidden;
}

.irepost {
	float: left;
	width: 120px;
	height: 48px;
	font-size: 10px;
	background:transparent url(images/irebox.gif) no-repeat 0 0;
	color: #996633;
	line-height: 14px;
	padding: 6px 0 5px 60px;
	overflow: hidden;
	/*margin-top: 20px;*/
}

#shipping-wrapper{	
	float: left;
	width: 178px;
	height: 105px;		
	/*overflow: hidden;*/
	cursor:pointer;
	clear:both;
}

#ccards {
  	border: 1px solid #3b3428;
  	float: left;
  	width: 178px;
  	height: 73px;
  	margin-top: 14px;
  	background:transparent url(images/cards2.gif) no-repeat 0 0;
}

#shipping-info {
	border: 1px solid #3B3428;
	float: left;
	width: 170px;	
	height: 20px;
	margin-top: 16px;
	background-color: black;
	padding: 5px 5px 0;  
}

#ccards p {
  display: none;
}

.topmenu {
	float: left;
	width: 910px;
	padding: 8px 0 0 0;
}

.topmenu ul li {
	display: inline;
}

.topmenu ul li a {
	float: right;
	height: 27px;
	background-position: 0 -54px;
	background-repeat: no-repeat;
	text-indent:-9000px;
	padding: 0 5px 0 0;
}

.topmenu ul li a:hover {
	background-position: 0 -27px;
}

.topmenu ul li a.sel {
	background-position: 0 0;
}

.topmenu ul li a:hover.sel {
	background-position: 0 0;
}

.tm-home { background-image: url(images/top-home.gif); width: 46px; }
.tm-magazine { background-image: url(images/top-magazine.gif); width: 128px; }
.tm-contact { background-image: url(images/top-contact.gif); width: 58px; }
.tm-howto { background-image: url(images/top-howto.gif); width: 98px; }
.tm-theshop { background-image: url(images/top-theshop.gif); width: 61px; }
.tm-blog { background-image: url(images/top-blog.gif); width: 38px; }
.tm-cart { background-image: url(images/top-cart.gif); width: 35px; }


a.urban {
	display: block;
	width: 150px;
	height: 24px;
	text-indent:-9000px;
	background:transparent url(images/link-urban.gif) no-repeat 0 0;
	margin: 5px 0 5px 0;
}

a.urban:hover {
	background-position: 0 -24px;
}

a.myspace {
	display: block;
	width: 150px;
	height: 29px;
	text-indent:-9000px;
	background:transparent url(images/link-myspace.gif) no-repeat 0 0;
	margin: 0 0 5px 0;
}

a.myspace:hover {
	background-position: 0 -29px;
}

a.facebook {
	display: block;
	width: 150px;
	height: 28px;
	text-indent:-9000px;
	background:transparent url(images/link-facebook.gif) no-repeat 0 0;
	margin: 5px 0 5px 0;
}

a.facebook:hover {
	background-position: 0 -28px;
}

a.flickr {
	display: block;
	width: 150px;
	height: 30px;
	text-indent:-9000px;
	background:transparent url(images/link-flickr.gif) no-repeat 0 0;
	margin: 0 0 5px 0;
}

a.flickr:hover {
	background-position: 0 -30px;
}


a.wordplay {
	clear: both;
	float: left;
	margin-top: 50px;
	width: 160px;
	height: 40px;
	background: url(images/wordplay.png) no-repeat left top;
	display: block;
	text-indent:-9000px;
}
a.wordplay:hover {
	background-position: 0 -40px;
}

/*-------------- catboxes top --------------*/

.prodbox {
	float: left;
	width: 168px;
	height: 216px;
	margin: 0 10px 10px 0;
	border: 1px solid #3b3428;
	z-index: 2;
	line-height: 14px;
	text-align: center;
	font-size: 10px;
	display: inline;
	background: url(images/prodboxbg.gif) no-repeat top left;
}

.pbinside {
	width: 168px;
	height: 216px;
	position: relative !important;
	float: left;
	/*z-index: 1;*/
}


.abi {
	height: 130px;
	width: 130px;
	padding: 0 2px 0 2px;
	margin: 15px 17px 5px 17px;
	z-index: 2;
	background-color:: #fff;
}

.abt {
	height: 42px;
	width: 146px;
	padding: 0 11px 0 11px;
	overflow: hidden;
	z-index: 2;
	color: #fff;
}

.abp {
	height: 14px;
	width: 144px;
	padding: 0 2px 0 2px;
	color: #d2ff00;
	z-index: 2;
	font-weight: bold;
	font-size: 12px;
	background-color: #000;
	margin: 0 10px 0 10px;
}

.abi img {
	max-width: 130px; 
	max-height: 130px; 
	/*width:  expression(this.width  > 130 ? 130 : true); 
	height: expression(this.height > 130 ? 130 : true);*/
	display: block;
	/*border: 2px solid #fff;*/
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
}

.pbinsidei {
	width:168px;
	height:216px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.pbinsidei a, .pbinsidei img {
	display: block;
	width: 168px;
	height: 216px;
	z-index: 3;
}

span.po {
	text-decoration: line-through;
	margin: 0 4px 0 4px;
}

span.ps {
	padding: 0 2px 0 2px;
	background-color: #c00;
	margin: 0 4px 0 4px;
	color: #fff;
}

/*-------------- catboxes btm --------------*/


.leftc, #paintcolor {
	float: left;
	width: 240px;
	padding: 0 10px 10px 0;
}

.rightc {
	float: left;
	width: 290px;
}

.rline, .mline, .rpaint, #paintselected {
	float: left;
	width: 280px;
	padding: 0 0 10px 0;
}

.rpaint {
	width: 280px;
	padding: 0 0 0 0;
	text-align: left;
}


.rpaint span {
	float: right;
	font-size: 10px;
}

.rpaint span a {
	color: #856f53;
	/*font-weight: bold;*/
}


.mline, .mline img {
	width: 530px;
	height: 1px;
}


.leftpic {
	border: 1px solid #3b3428;
	padding: 9px 9px 9px 9px;
	margin: 0 0 10px 0;
	display: block;
	/*border: 2px solid #fff;*/
	z-index: 2;
	width: 220px;
}

.leftpic img {
	max-width: 220px; 
	width:  expression(this.width  > 220 ? 220 : true); 
	margin-left: auto;
	margin-right: auto;
}

.rioptt, .rioptb, .rioprl, .rioprr {
	float: left;
	width: 70px;
	padding: 0 10px 5px 0;
	overflow: hidden;
	font-size: 10px;
	color: #996633;
	height: 20px;
}

.rioptb, .rioprr {
	width: 200px;
}

.rioprr {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
}

.risel {
	width: 190px;
	font-size: 10px;
}






.orderbox {
	float: left;
	width: 508px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #3b3428;
}

.obinn {
	font-size: 10px;
	margin: 0 10px 0 5px;
}

#mydiv {
	width: 488px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	color: #996633;
}

.toggle {
	font-size: 10px;
	font-weight: bold;
	color: #d2ff00;
	background-color: #000;
	padding: 2px 5px 3px 5px;
}

.obpnum, .obpnumo {
	color: #fff;
	background-color: #3b3428;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	/*margin: 0 0 0 2px;*/
}

.obpnumo {
	background-color: #000;
	color: #d2ff00;
}



.cerror, .posterror {
	float: left;
	width: 510px;
	background-color: #c00;
	padding: 10px 10px 10px 10px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}


.cpname, .cpquan, .cpprice, .cptotsa, .cptotsb, .cptotha, .cptothb, .cptoth {
	float: left;
	line-height: 22px;
	/*height: 22px;*/
}

.cpouter {
	float: left;
	width: 540px;
}

.cpname {
	width: 380px;
	/*overflow: hidden;*/
}

.cpquan {
	width: 40px;
	padding: 0 0 0 10px;	
}

.cpprice {
	width: 90px;
	padding: 0 20px 0 0;
	text-align: right;
}

.cptotsa {
	width: 90px;
	padding: 0 0 0 300px;
	text-align: right;
}

.cptotsb {
	width: 80px;
	padding: 0 20px 0 50px;
	text-align: right;
}

.cptoth { width: 265px; }

.cptotha { width: 330px; }
.cptothb { width: 200px; }

.cptotha img, .cptotha input { margin: 0 10px 0 0; display: inline;}
.cptothb img, .cptothb input { float: right; display: inline; }


.midtext {
	float: left;
	width: 510px;
	padding: 0 10px 0 10px;
}

.posterror {
	margin: 10px 0 10px 0;
	background-color: #000;
	color: #c00;
}

.cpquan input, .rpaint input {
	width: 25px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	border: 1px solid #3b3428;
	background-color: #856f53;
	color: #fff;
	/*padding: 2px 0 2px 0;*/
	margin: 2px 0 0 0;
}

.rpaint input {
	margin: 2px 5px 0 0;
	font-size: 10px;
}


#paintselected {
	
}

#paintcolor {
	width: 240px;
	text-align: center;
	padding: 0 0 10px 0;
}

#paintcolor span {
	color: #fff;
	font-weight: bold;
}

#paintsquares {
	width: 224px;
	float: left;
	padding: 0;
	border: 1px solid #3b3428;
	padding: 7px 7px 7px 7px;
}

#paintsquares ul {
	float: left;
	width: 224px;
}

#paintsquares ul li {
	display: inline;
}

#paintsquares ul li a {
	text-indent:-9000px;
	display: block;
	width: 22px;
	height: 14px;
	border: 1px solid #3b3428;
	margin: 2px 2px 2px 2px;
	float: left;
	display: inline;
	overflow: hidden;
}

#paintsquares ul li a img {
	width: 24px;
	height: 14px;
	border: 0;
	padding: 0;
}


.rpaint img {
	width: 6px;
	height: 6px;
	display: inline;
	border: 1px solid #3b3428;
	vertical-align:middle;
	margin: 0 10px 0 0;
}



/*--- FL BOX ---*/

.FLabt {
	height: 42px;
	width: 140px;
	padding: 0 5px 0 5px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	line-height: 14px;
}

.FLimg img {
	max-width: 130px; 
	max-height: 130px; 
	/*width:  expression(this.width  > 130 ? 130 : true); 
	height: expression(this.height > 130 ? 130 : true);*/
	display: block;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 0;
}

.FLimg {
	width: 148px;
	height: 148px;
	border: 1px solid #d2ff00;
	background-color:#2e281f;
	margin: 5px 0;
}

.FLbox {
	width: 150px;
	height: 202px;
	position: relative;
}

.FLboxi {
	width: 150px;
	height: 202px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

a.featuredlink {
	display: block;
	width: 150px;
	height: 202px;
	text-indent: -9000px;
}

a.featuredlink img {
	width: 150px;
	height: 202px;
}


#FLcontainer {
	float: left;
	width: 150px;
	height: 207px;
	overflow: hidden !important;
  position: relative;
}

.flpoverlay {
  width: 100px;
  background-color: #d2ff00;
  color: #000;
  padding: 2px 0;
  z-index: 99;
  left: 25px;
  top: 135px;
  position: absolute;
  text-align: center;
  font-weight: bold;
}

#FLcontaineri {
	float: left;
	position: relative;
}