﻿/* -- page layout --*/
html{background:url(img_site/bgtile.gif) center repeat-y #EBECED;cursor:default}
body{margin:0;padding:0;font-family: Arial, Helvetica, sans-serif}
html,body{height:100%!important}
#page{width:770px;height:100%;margin:0 auto;background:url(img_site/bgtile.gif) repeat-y #EFEFEF;position:relative}
a:hover,select:hover, .button:hover{cursor:pointer}
input:hover{cursor:text}
/* -- header -- */
h1{height:78px;margin-right:1px;border:solid black;border-width:0 0 1px 1px;text-indent:-999em;background:url(img_site/head.jpg) no-repeat;overflow:hidden}
h4{margin:0 0 5px 0;padding:0}
h3{margin:2px 0}
/* -- content -- */
#content{width:589px;height:100%!important;padding:5px 10px 10px 10px;position:absolute;top:78px;right:0}
#content h2, .looklikeh2{margin:0;padding:0;font-size:19px;color:purple}
.fullbox, .halfbox, .silos{float:left;padding:5px 10px;border:solid #858585;border-width:1px 2px 2px 1px;background:#FAF9EF;display:inline}
h2 em{display:block;font-size:13px;font-weight:normal}
	/* -- breadcrumb -- */
	#breadcrumb{width:599px;border:solid black;border-width:1px 0;position:absolute;top:0;left:0;margin:0;padding:2px 0 3px 10px;font-size:12px;background:#DDD}

	/* -- news -- */
	.fullbox{width:560px;margin:8px 0}
	.fullbox p, .fullbox em{margin:5px 0 0 0;font-size:13px}
	.fullbox dl{float:left;margin:0;padding:0}
	.fullbox dt{font-weight:bold;font-size:15px}
	.fullbox dt.date{font-size:10px;font-weight:normal;color:#999}
	.fullbox dd{margin:0 0 5px 0;padding:0 0 10px 0;font-size:13px;border-bottom:2px solid #DEDDD4}
	
	.halfbox{width:263px;font-size:13px}
	.halfbox table{width:100%}
	.halfbox a{text-decoration:none;color:blue}
	.halfbox a:hover{text-decoration:underline}
	.halfbox ul, .halfbox li{margin:0;padding:0;list-style:none}
	
	/* -- silos aka 'quick catalogue' --*/ 
	.silos{width:559px;margin-top:10px}
	.silos h3{margin:0 0 5px 0;padding:0 0 0 5px}
	.silos ul{margin:0;padding:0}
	.silos li{font-weight:bold;list-style:none;margin:0;padding:0}
	.silos li a{text-decoration:none}
	.silos table{font-size:13px;border:1px solid black} 

	.silos td{padding-right:25px}
	
	/* -------------------------- */
	#order_cat img{float:left}
	#order_cat form {float:right;width:350px}
	#order_cat label{width:100px;text-align:right;margin-right:10px}
	#order_cat table{margin-left:20px}
	#order_cat input{float:left}
	#order_cat .submit{margin:0 auto;width:50px;display:block}
	#order_cat textarea{width:200px;height:80px}
	#order_cat form, #order_cat img{float:left!important}
	
	/* -- Front Page 'Specials and Features' -- */
	#features_fp table, #special_fp table{border-collapse:collapse}
	#features_fp li, #special_fp td{padding:2px 5px}
	#features_fp .altbgc, #special_fp .altbgc{}
	#features_fp.halfbox  ul, #features_fp.halfbox  li{list-style-type:circle!important;list-style-position:inside}
	#features_fp{width:200px}
	#special_fp{width:326px}
	.halfbox .vmore{font-size:10px}
	
	/* -- Quick Catalogue styles -- */
	#quickcat ul, #quickcat li{list-style:none;display:inline;margin:0;padding:0}
	#quickcat li ul{margin-left:20px}
	.qcc{display:block;text-decoration:none;border:1px solid #CCC;padding:2px 4px;margin:5px 0;font-size:15px}
	.qcc:hover{color:white!important;background:url(img_site/navbg.jpg) 0 44px #5FAFEA!important;border:1px solid #A1BFE1}
	.qcs{font-size:12px;text-decoration:none;background:#F2EFD7;padding:0 1px}
	.qcs:hover{background:#5FAFEA;color:white}
	
	/* -- Category Thumbs/Index -- */
	.prod{display:inline;float:left;margin-left:4px}
	.prod li a img{border:none}
	.prod li{display:inline;float:left;width:112px;margin:0 17px 10px 0!important;background:#E7E1B4;border:5px solid #F2EFD7}
	.prod li a{display:block;width:105px;height:137px;margin:0 auto;padding:0 5px 5px 0;color:black;border:1px solid #B5B08D;background-repeat:no-repeat;font-size:12px;font-weight:bold;text-align:center}
	* html .prod li a{padding-right:0;overflow:hidden}
	.prod li a:hover{background-color:#EEE;color:blue;border-color:#595897}
	.prod li:hover{border-color:#F2F1E6}
	.prod .empty{border:0;background:transparent;float:none;width:100%}
	.prod .empty a{border:0;background:transparent}
		
  /* -- Product Info (product listing) -- */
  .item{border:1px solid #CEC166;background:#F2EFD7;margin:0 auto 5px auto;padding:5px;position:relative;width:545px;float:left}
  .item img{margin:0;border:1px solid #CEC166;float:left}
  .incart img{border-color:#66AC5E}
  .incart{padding-top:26px}
	.incart .n,.info .n{border-bottom:1px solid #66AC5E;position:absolute;top:0;left:0;width:551px;text-align:center;font-size:14px;color:#024C00;background:#B3D374;padding:2px;margin-bottom:5px;font-weight:bold}
  .info .incart{position:relative;padding-top:26px}
	.info .incart .n{width:352px}
	.item h4, .item p{margin:0;padding:0}
  .item h4{font-size:14px;margin-bottom:10px}
  .item div{margin:0 0 0 120px;font-size:12px}
  .item table{margin:5px 0 0 0;border:none!important;background:#F0EDD0;border-collapse:collapse}
  .item td{padding:2px}

	/* -- Product Page  -- */	
	#product{padding:5px;width:98%}
	#product img{float:left;border:1px solid #CCC;}
	#product .info{float:left;width:358px;margin-left:10px}
		.sidenotes{position:absolute;top:250px;width:200px;padding:10px 5px}
		.sidenotes p{margin:0}
	
  /* -- 'add to cart' form -- */
	#product .inform{background:#F0EDCE;border:1px solid #E6DFAA;padding-left:5px}
	#product .inform p{margin:0}
	.inform{margin:5px 0;padding:5px 0}
	.inform select{width:200px}
  .incart .inform{background:#DAE3BE;background:transparent;border-color:transparent}
  .item .inform{margin:10px 0 0 0;}
  .item .inform table{margin:0;padding:0}
  .item .inform tr:hover{background:transparent}
  .incart{border-color:#66AC5E!important;background-color:#DAE3BE!important}
  .incart table{background-color:#DAE3BE}
	textarea{font-family: Arial, Helvetica, sans-serif}
		
	/* -- Shopping Cart -- */	
	#shopcart table{width:100%;border-collapse:collapse;border:1px solid #96958F}
	#shopcart th{padding:5px;background:#DFDDC6;font-size:14px;border-bottom:2px solid black}
	#shopcart td{font-size:13px;padding:3px}
	#shopcart .bt td{border-top:2px solid black}
	#shopcart .btt td{border-top:3px double #AAA}
	#shopcart .hilitegrey{background-color:#FEFEFE}
	#shopcart .total td{font-size:16px}
	#shopcart .quant span{color:#777}
	#options{margin-top:10px;position:relative}
		.quant{color:#777}
		.quant strong{color:black}
		.warn {color:red!important}
		#proceed_button{float:right}
	#ia_nav input,.options{width:170px}
		.ia_item{width:357px!important}
				
	/* -- Checkout form -- */
	#checkout, 	#checkout input, 	#checkout select, 	#checkout textarea{font-size:12px}
	#checkout form, #checkout table{border:0}
	#checkout h4{margin:10px 0}
	#checkout .txt{width:80%}
	#checkout .pst{width:10%}
	#checkout .sub{width:20%;font-size:15px;cursor:pointer;margin-top:10px}
	#checkout dd{margin-left:25px}
	#checkout #notes{height:100px}
	#receipt table{border-collapse:collapse}
	#receipt td, #receipt th{padding:2px 5px 2px 10px;text-align:left}
	#receipt .bt{border-top:2px solid #AAA}
	#receipt .bot{background-color:#FEFEFC}
	#receipt .btt td{font-size:14px;border-bottom:2px solid #AAA;border-top:3px double #AAA}
	
/* -- left nav menu -- */
#nav{float:left;display:inline;border:solid black;padding:0 0 50px 0;border-width:0 1px;background:url(img/navtile.gif);position:absolute;top:78px;left:0}
#nav, #nav ul{width:159px}

/*#nav ul{padding:1px 0!important;background:#8C5246!important}*/
#nav ul,#nav li{margin:0;padding:0;list-style:none}
#nav ul{margin:10px 0 0 0;border-top:1px solid black}
#nav li{border-bottom:1px solid black;height:20px}
#nav li a{font-family:Verdana, Arial;width:147px;height:18px;padding:0 0 0 10px;border:1px solid #A1BFE1;line-height:17px;font-size:12px;display:block;background:url(img_site/navbg.jpg) 0 44px #76A2D3;text-decoration:none;overflow:hidden}
#nav li a:hover{background:url(img_site/navbg.jpg) 0 22px #82B3E9;border-color:white}
#cart{color:#FDFCE1!important}
#cart:hover{color:white!important}
#nav .mp0 a,#nav #n_cart a{color:#FFF}
#nav .n_cat a{color:#FFF}
#nav .special a,#nav .info a{color:yellow}
#n_quickcat{color:#FFD84F}
#n_scart a{background-image:url(img_site/navbg_sc.jpg)!important;border-color:#9BC5A9!important;color:white}
.ng_np	a{background-image:url(img_site/navbg.jpg)!important}
.nav_currentpage{background:url(img_site/navbg.jpg) 0 0 !important;color:blue!important}


.prevnext a{text-decoration:none;border:1px solid #D4D2BC;padding:2px 5px;background:#F0EED5;display:block;float:left;margin:0 4px 4px 0}
.prevnext .cur{border:1px solid #000;background:#F8F7EA;color:red}

/* -- Search Form Styles -- */
#search form{margin:0;font-size:12px}
#search .submit{margin-left:10px;cursor:pointer}
#srch_results dl{margin-top:10px}
#search div{display:inline}
	
/* -- footer -- */
#footer{width:583px;float:left;border:solid black;border-width:1px 0;background:white;font-size:10px;text-align:center;padding:3px 0;margin-top:50px}
#footer p{display:inline}
#footer ul{margin-left:10px}
#footer ul, #footer li{list-style:none;display:inline;margin:0;padding:0}
#footer a{text-decoration:none}
#footer a:hover{text-decoration:underline}

/* -- help -- */
#help *{padding:0;margin:0}
#help h3{margin-bottom:5px}
#help h4{margin-top:10px}
#help h4:target{color:red;padding:4px;background:#CCCC66}
#help p{margin-bottom:5px}
#help ol{margin-left:20px;font-size:12px}
#help dd{border:none;margin:0 0 10px 0}
#help dt{margin-bottom:0}
#help ul{margin-left:20px;font-size:13px}

/* -- accessability links -- */
#access{font-size:2px;text-indent:-999em;text-decoration:none}

/* -- misc util classes and styles -- */
form{margin:0;padding:0}
.mp0{margin:0!important;padding:0!important}/*remove margins and paddings*/
.lm10px{margin-left:10px!important}
.bm0px{margin-bottom:0!important}
.altbgc, .note{background:#F0EED5}
.altbdc2{background:#EEEAC8}
.h{display:none}
.f12px a{font-size:12px!important}/*smaller links*/
.f11px{font-size:11px!important}/*slightly smaller text*/
.f13px a{font-size:16px!important}/*larger text*/
.chem{color:blue!important}
.ra{text-align:right!important}
.bold{font-weight:bold}
.new{font-size:12px;font-weight:normal;color:red}
.emptycart{background:#DDD;color:red;padding:20px 10px!important}
.note{border:1px solid #D4D2BC;padding:2px 5px}
::-moz-selection{color:red;background:#EBE7BE}/*moz only styling of user selected text*/
.nope{cursor:default!important;color:#777}
.onspecial{color:red}
.crdno{margin-right:5px}
.vmore{float:right;margin-top:5px}
.pr{padding-right:10px;color:red}
html body div .unavail{margin:10px!important;padding:4px;border:1px solid #BEBEBE;color:red}
.warn{color:red}
.submit{cursor:pointer}

/* -- IE5.5/Win hax0r -- */
@media tty { 
 i{content:"\";/*" "*/}}@m; @import 'ie55win1.css'; /*";}
}/* */

/* -- IE5.0/Win hax0r, for now identical to IE5.5/Win hax0r -- */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie55win1.css'; {;}/*";}
}/* */