body {font-size:71%; color:#000; margin:auto; padding:0; background:#333 url(bg.gif) top center repeat-y;}
html, body {text-align:center;}

.hide, .hidekey, #txtonly_header, #txtonly_tag {display:none;}

#protxpass {background: #fff;}

/* Stucture
*****/
#accessnav
{width:780px; height: 38px; margin:0 auto; text-align:left; padding:0; background:#333 url(masttop.gif) top center no-repeat; display: block;}
		#accessnav a {font-weight:normal; color:#fff; }
		#accessnav div {margin:0; padding: 3px 0 0 38px;}

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

#mast {height:112px; width:770px; margin:0 auto; font-size:1em; padding:0; background:url(mast.jpg) top center no-repeat;}
		#mastbelow { height:25px; width:770px; padding:0; margin:0 auto; background:url(mastbelo.gif) top center no-repeat; }
		#mastbelow img {height:25px; padding:0; margin:0; float: right;}
		
#leftcolumn, #middle, #rightcolumn {  overflow:hidden;background:transparent; }

#leftcolumn {clear: both; width:180px; float:left; margin: 0px auto; padding:0;}
		#leftwrap {clear: both; padding-left: 22px; margin:0;}
		#search {padding:4px; margin-top:2px; text-align: center;}
		select#manufacturers_list { width: 155px;}
		
#rightcolumn {width:150px;float:right;margin: 0px auto;padding-right:5px;}
		#ads { clear: both;text-align:left; padding-top:5px; width:121px;}
		.ad {border:2px solid #333; margin:3px 0 5px 0; padding:0;  width:121px;}
		#ads a:link, #ads a:visited {color:#f50; font-weight: bold;}
		#ads a:hover, #ads a:active {color:#fc9; font-weight: bold;}
		.ad_title {display: block; background: #333; text-transform: uppercase; font-size: 1em;  padding:3px;}
		#ads img {background: #fff; margin:0;padding:0;border:none; width:121px;}
		
		#hard_ad {margin: 8px 0px;}
		#hard_ad img {border: none;}

#middle {width:414px; float:left; margin-left:11px; }
		#random img {float:left; border:none; padding:0;margin:0  0 10px 0;width:414px;}
		#random {clear: both; text-align:left;margin:0;padding:0;}
		#genbox {margin:0; padding:0 12px 10px 12px;}
		#genboxprotex {margin:0; padding:50px 12px 10px 12px;}
		
		.pageimage {float: left; padding: 0; margin: 2px 10px 5px 0; border: 1px solid #666; width: 160px;}
		
/*#footer { font-size: 0.9em; margin:0 auto; width:390px; padding:5px 0 12px 0; text-align:center; clear:both; line-height: 1.8em; border-top: 1px solid #ccc;}*/

#footer { background: #F2F2E8 url(footbg.gif) top left repeat-x; font-size: 0.9em; margin:0 auto; width:750px; padding:15px 0; text-align:center; clear:both; }
		#footer p {color: #333; margin:0; padding:3px 0; text-align:center;}
		.footright { float: right; }
		
/*when signed in
-----*/
#signedin {width: 129px; margin:0 0 3px 0; padding-bottom:3px; border-bottom: 1px solid #B6C1B5;}
		#signedin p {margin:0; padding: 0 0 3px 0; font-size: 0.9em;}
		.s_arrow {font-size: 1.1em; font-weight: bold;}
		#signedin img {border: none; margin:0; padding:0;}
		.signheader {font-size:1em;margin:0;padding:4px 0;}

/* Mozilla hack - Div span bug */
.mozhack {clear:both;}

/* links
*****/
a:link, a:visited, a:hover, a:active {font-weight: normal;}
a:link {text-decoration:none; color:#f00;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#000;}
a:active {text-decoration:underline; color:#f00;}

		.notvisited a:link, .notvisited a:visited {text-decoration:none; color:#f00;}
		.notvisited a:hover, .notvisited a:active {text-decoration:underline; color:#f00;}

/* txt
*****/
html, body, div, a, p, ul, li, form, input, select, option, textarea {font-family:Verdana, Tahoma, Arial, Helvetica, Sans-Serif;text-align:left;}
h1, h2, h3, h4, h5, h6, .bld, .precis {font-weight:bold;margin:0;padding:0;}

p {line-height:1.1em; padding:4px 0 4px 0;}

.first {font-size:1.1em; padding:4px 0 4px  0;}
.small {font-size:0.9em;font-weight:normal;}
.slim {padding:1px 0 2px 0;margin:0;}
.red {color:#f00; font-weight:bold;}
.b {color:#333; font-weight:bold;}
.oj {color:#f90; font-weight:bold;}
.space {margin:0;padding:6px 0 6px 0;}
.rule {background: url(line0000.gif) top right repeat-x; padding:8px 0; margin:5px 0;}
.indent {margin-left:20px; line-height:1.2em;}


/* headings
*****/
h1 {font-size: 1.9em; margin:0 0 16px 0; padding:0 0 2px 0; text-transform: uppercase; color: #333; font-weight:normal; border-bottom: 1px solid #f90;}
h2 {font-size: 1.4em; margin:0; padding:3px 0 3px 0; text-transform: uppercase; color: #333; font-weight:normal;}
h3 {font-size: 1.1em; margin:0; padding:3px 0; text-transform: uppercase; color: #333; font-weight:bold;}

.subheader {font-size: 1.1em; margin:0; padding:3px 0; text-transform: uppercase; color: #333; font-weight:bold;}

.link_categories {font-size: 1.1em; margin:0; padding:3px 0;color: #333; font-weight:bold; line-height: 1.6em;}

/*homepage features
*****/
.feature {width: 393px; clear:both; padding:6px 0 5px 0; margin:5px 0; background: url(line0000.gif) top right repeat-x;}
.feature p {padding:2px 0 4px 0;margin:0;}
.feature_img {width:75px;height:75px; background:#fff; margin:5px;padding:0; border:1px solid #ccc;}
/*.feature img {width:75px;height:75px; background:#fff; margin:5px;padding:0; border:1px solid #ccc;}*/
	
	.featureheader  {font-size: 1.4em; margin:0; padding:3px 0 3px 0; text-transform: uppercase; color: #333; font-weight:normal;}
	.featuresubheader {color: #f90;font-size: 1.1em; margin:0; padding: 0; text-transform: uppercase; font-weight:bold;}
	
		.notlink a:link {text-decoration:none; color:#000;}
		.notlink a:hover {text-decoration:underline; color:#000;}
		
.contentimage {float:right; border: 1px solid #ccc; padding:0; margin:0 0 5px 5px;}

/*left nav
*****/
.colheader, .signheader {padding: 5px 0; font-weight:bold; font-size:1.1em;color:#333230;display: block;}
.colheader {margin-left:6px;}
.signheader {margin:0;}

.colleftcontainer, .menu, .sub, .products {font-size:1em;display:block;}
.colleftcontainer a {width:150px;text-decoration:none;display:block; }
.colleftcontainer ul {margin:0;padding:0; list-style-type: none;}

.products a:link, .products a:visited {color:#333;background:transparent; padding:4px;font-weight:normal; border-top: 1px solid #ccc;}
.products a:hover, .products a:active {color:#f50;background:#fff;padding:4px;font-weight:normal; border-top: 1px solid #ccc; text-decoration:none;}
.products_active {color:#f50;background:transparent; padding:4px;font-weight:normal; border-top: 1px solid #ccc;}

.sub a:link, .sub a:visited {font-weight:normal;color:#000;display:block;padding:2px 4px;text-decoration:none;text-align:right; background: #F2F2E8;border-top: 1px solid #ccc;}
.sub a:hover, .sub a:active {font-weight:normal;color:#f50;display:block;padding:2px 4px;text-decoration:none;text-align:right;background: #fff;border-top: 1px solid #ccc;}
	
/*tab nav 
*****/
#tabnav {clear: both; font-size: 1em; padding-top:93px; margin:0 auto; width:750px;}
#tabs {margin-top:3px;padding:0 0 3px 10px; margin-left:0;margin-bottom:0;border-bottom:3px solid #fff;}

#tabs li {list-style:none;margin:0;display:inline;}
#tabs li a {padding:3px;margin-left:0;border:1px outset #666;font-weight:bold;border-bottom:none;background:#B6C1B5; text-decoration:none;}

#tabs li a:link {color: #333;}
#tabs li a:visited {color: #333;}
#tabs li a:hover{color: #fff; background:#f90; border: 1px outset #fff; border-bottom:none;}
#tabs li a#current {color:#333; background: #fff;border-color:#666;border-bottom:1px solid #fff;}

/*products 
-----*/
			.basketbox {padding:5px;margin:0 0 10px 0; border: 1px solid #f90; border-top:none; background:#fff; line-height:1.2em;}
			.basketbox li {text-align:left; margin:2px 0 0 10px; padding-bottom:2px; list-style:url(arrow.gif);}
			.basketbox ul {margin:2px 0 0 14px; padding:0;}
			.basketboxh {background:none;padding:2px 0 2px 0;margin:0;}

			.basketbox a:link, .basketbox a:visited {text-decoration:none; color:#f00;}
			.basketbox a:hover, .basketbox a:active{text-decoration:underline; color:#000;}

/*Main product lists*/
			#productwrap {clear: both; display: block; padding:0; margin:0; }
			
			.productbox {font-size:1.1em; margin:0; padding-bottom:2px; width:100%;}
			.productbox li {text-align:left; margin:0; padding:4px 0 4px 0; list-style:url(libullet.gif);background:url(thinline.htm) bottom repeat-x;}
			.productbox ul {margin:0 0 0 16px; padding:0;}
			
			.twocolumnlist {font-size:1.1em; margin:0; padding-bottom:2px; width:190px; float:left;}
			.twocolumnlist li {text-align:left; margin:0; padding:4px 0 4px 0; list-style:url(bullet.gif);}
			.twocolumnlist ul {margin:0 0 0 20px; padding:0;}

			.prodimg {float: left; width:75px;height:75px; background:#fff; margin:5px;padding:0; border:1px solid #ccc;}
			#main_prodimg img {margin:0 auto; padding-bottom:12px; /*width:250px; height:250px;*/ }
			#main_prodimg div {margin:0; padding:0;}

/*Product display box*/
			.browseheading {font-size:1.7em; margin:5px 0;padding:0; color:#f90;}
			div.prodcontainer {margin-top: 4px; padding:0; border: 1px solid #B6C1B5; background: #fff; position: relative; float: left; width: 100%}
			div.prodinner { padding:10px; margin:0 auto; }
			
			.prodcontainer form { clear: both; display:inline; margin:0; padding:0; text-align:center;}
			.prodcontainer p {margin:0;padding:3px 0 3px 0; }
			.prodcontainer div {margin:0 10px;padding:10px 0 10px 0;display:block;}
			.prodcontainer h3{margin:5px 10px;}
			
			.rating {padding:0;margin:0 3px 0 0; width:12px; height:11px;}
			.number {font-weight:bold; color:#f90; font-size:1.5em; padding:0; margin:0; }
			.pay {border-bottom:1px solid #F99500; border-left:1px solid #F99500; background:#fc6;width:60%;}

/*top selling box*/
			.h_hotseller {color: #fff; background: #333; padding: 2px; margin: 10px 0 0 0; font-weight: bold; border:1px solid #B6C1B5; border-bottom: none; }
			.topsell {border:1px solid #B6C1B5; margin:0 0 5px 0; padding: 4px; }
			.topsell img {float:left; max-width:90px; background:#fff; margin:5px 8px 5px 5px;padding:0; border:1px solid #ccc;}
			.topsell p {margin:0;padding:4px 0 2px 0;}

/*Shopping basket table
-----*/
			.jtable {width:100%; padding:3px; margin:0; color:#000;}
			.jtable td {padding:2px;margin:3px;}
			.jtable p {margin:0;padding: 0 6px 6px 6px;}
			.underline {border-bottom:1px solid #DADCCC; border-left:1px solid #DADCCC; background: #fff;}

			.ttitle, .tqty, .tmethod, .tcost  {background:#E2E4D6; border-bottom:1px solid #DADCCC; border-left:1px solid #DADCCC; color:#000;font-size:1em;padding:4px;}
			.ttitle {width:30%;}
			.tqty {width:8%;}
			.tmethod {width:40%;}
			.tcost {width:22%;}

			form.basketform {padding:0;width:98%;background:#fff;margin: 0 auto;}
			
			#loginmessage {margin:10px auto;padding:8px;border:1px solid #f90; font-size:1.2em;background:#fff url(error000.gif) left top no-repeat;}
			#loginmessage p {margin:0;padding:0 0 0 30px;}
			
/* Websections
*****/
#ccentre {clear: both; margin:0;padding:5px 0;}
#ccentre p {margin:0;padding:3px 0 4px 0;}
#ccentre h2 {margin:0;padding:0 0 10px 0;}

.addinfo {border:1px solid #B6C1B5;border-top:none;padding:0;background:url(h_underl.gif) repeat-x 0 0;margin-top:12px;}
.addinfo p {margin:0;padding:0 0 3px 0;}
.addinfo h3 {display: block; font-size: 1.1em; color: #333; background: #B6C1B5; padding: 3px; margin:0;}
.addinfo_padding {margin:0; padding: 0 8px 8px 8px;}

/* search
*****/
.leftm {margin-left:18px;padding:2px 0 10px 0;}

/*Sign in
*****/
.signin {position:relative;margin:0;padding:0; }
.signin div {text-align:left; padding-bottom:3px; font-size:1.1em;}
.minus {font-weight:normal;font-size:10px;padding:6px 0 2px 0;}
.minuserror {font-weight:bold;font-size:0.9em; padding:2px 0 2px 0;color:#b10;}

.sform {font-size:0.9em;padding:0;margin:0 auto;}
.sfield {border:1px solid #666; padding:1px; font-size:1em;margin:1px; }

.signedin {width: 125px; position:relative;margin:0;padding:0; }

/* forms
*****/
fieldset {border:1px solid #ccc;padding:5px;margin:0 0 10px 0; clear:both;}
legend { font-weight:bold;font-size: 1.2em;color:#333;}
label {float:left;width:44%;text-align:right;padding-top:0px;color:#333;font-weight:bold;}

form.jform {padding:0; width:100%; margin: 0 auto;}
form.jform div {clear:both; padding:0.8em 0 0 0;}

input.jform, textarea.jform {float:right;width: 53%;text-align:left;border:1px solid #333;padding:1px; font-size:1em;}
textarea.jform {border:1px solid #333;}

.readonly { float:right;width: 64%;text-align:left;border:1px solid #fff;padding:0px; font-size:1em;}

.datejform {border:1px solid #333; padding:1px; font-size:1em;}
.select {padding:0; font-size:1em; float:right; margin-left:4px; border:1px solid #333; width: 54%;}
.field {border:1px solid #333; padding:1px; font-size:11px;}

/*form error box*/
.errorbox {width:100%;height:45px; margin: 0 auto; margin-bottom:15px;padding:4px;display:block;color:#c00;font-weight:bold;font-size:1.3em;vertical-align: middle;}
.errori {float:left;margin:0;padding-right:10px;height:45px;width:45px;}
.star {color:#c00;font-weight:bold;font-size:1.1em;}

/*buttons*/
.button, .rbutton {font-size:11px; border:1px outset #333; background:#ddd; padding: 0; margin:0; text-align: center;}
.rbutton, .rprodbutton {float: right;}
.redbutton {float: right; font-size:11px; border:1px outset #f00; background:#ddd; padding: 0; margin:0; text-align: center; }
.prodbutton, .rprodbutton {margin: 5px; font-size:11px; border:1px outset #f00; background:#ddd; padding: 0; text-align: center; white-space: nowrap;}
.image_button {font-size:13px; border:1px outset #333; background:#ddd; padding: 0 6px; margin:0; text-align: center; font-weight: bold;}

.gte {margin-top:10px!important;}
.gte b {color:#FF9900;font-weight:bold;font-size:11px;}

.ste {padding:20px;font-size:11px;}
.ste b {color:#333;font-weight:bold;padding:9px 1px 1px 9px;}