input { font: 11px Arial, Helvetica, sans-serif; color: #333; }
select { font: 11px Arial, Helvetica, sans-serif; color: #333; }
textarea { font: 11px Arial, Helvetica, sans-serif; color: #333; }

body { margin: 0 auto; padding: 0; text-align: center; background: #FFF url(../img/subpage_bkgd.gif) repeat-x; font:13px Arial, Helvetica, sans-serif; }  

p { margin: 0; }

.errors { color:#F00; }

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

#bodyL { float: left; display: inline; width: 510px; background: #5D4B39; }
#bodyR { float: right; display: inline; width: 250px; }

#subbodyL { float: left; display: inline; width: 510px; background: #FFF url(../img/subbody_bkgd.gif) repeat-x; }

#mainbody { clear: both; float: left; display: inline; width: 770px; margin: 10px 0px 0px 0px; }



#homebody { clear: both; float: left; display: inline; width: 770px; margin: 10px 0px 0px 0px; background: #3A2714 url(../img/homebody_bkgd.gif) repeat-x; }

#formbody { float: left; display: inline; width: 770px; background: #FFF url(../img/subbody_bkgd.gif) repeat-x; }
#formbody2 { float: left; display: inline; width:750px; margin: 0px 10px 0px 10px; }
#formbodyL { float: left; display: inline; width: 360px; margin-right: 10px; }

#bodyL2 { float: left; display: inline; padding: 10px 10px 10px 0px; width: 250px; }
#bodyR2 { clear: left; float: right; display: inline; padding: 10px 10px 10px 0px; width: 250px; }

.entry {background:#eedec5; width:100%; border:solid 1px #442e1d; }
.entry td{padding:5px; border:solid 1px #FFFFFF;}

.product-nav li{padding-left:8px; padding-top:15px; text-transform:uppercase; font-size:14px; font-weight:bold;}
.product-nav ul li{padding-left:8px; padding-top:2px; text-transform:none; font-size:11px; font-weight:normal;}

.h1, h1 { font: 15px Arial, Helvetica, sans-serif; color: #FAFAFA; line-height: 24px; text-transform: uppercase; padding: 15px 10px 10px 10px; }
.h1, h1 b { font: 24px Arial, Helvetica, sans-serif; font-weight: bold; color: #EBD8B8; line-height: 24px; }

.h2, h2 { font: 21px Arial, Helvetica, sans-serif; color: #DCA85D; line-height: 24px; text-transform: uppercase; padding: 15px 10px 10px 10px; }
	.product-row h2 { text-transform:none; }
	.product-row h2 a, .cart-row h2 a { color: #8E7D66; text-decoration:none; }
	.product-row h2 a:hover, .cart-row h2 a:hover { color: #583906; text-decoration:underline; }
	.product-row h2 a:active, .cart-row h2 a:active { color: #DCA85D; text-decoration:none; }

.h3, h3 { font: 18px Arial, Helvetica, sans-serif; color: #8E7D66; line-height: 24px; text-transform: uppercase; padding: 15px 10px 10px 10px; }

.h4, h4 { font: 14px Arial, Helvetica, sans-serif; color: #9C6215; line-height: 18px; text-transform: uppercase; padding: 15px 20px 10px 10px; }
.h4, h4 a { color: #9C6215; text-decoration: none; }
.h4, h4 a:hover { color: #583906; text-decoration: none; }
.h4, h4 a:active { color: #852E11; text-decoration: none; }
.h4, h4 b { font: 24px Arial, Helvetica, sans-serif; font-weight: bold; color: #583906; line-height: 24px; }
	h4.prod { display:block; border-bottom:dotted 1px #6c532e; margin:0 5px 5px 5px; }

.h5, h5 { font: 21px Arial, Helvetica, sans-serif; color: #583906; line-height: 24px; text-transform: uppercase; padding: 12px 10px 10px 10px; border-top: 1px dotted #594838; }

.bodyText { font: 12px Arial, Helvetica, sans-serif; color: #EEE; line-height: 18px; padding: 0px 10px 10px 10px; }
.bodyText b { color: #EBD8B8; }

.bodyText2 { font: 12px Arial, Helvetica, sans-serif; color: #DDD; line-height: 15px; padding: 0px 10px 10px 10px; }
.bodyText2 b { color: #EBD8B8; text-transform: uppercase; }

.subText { font: 12px Arial, Helvetica, sans-serif; color: #594838; line-height: 18px; padding: 0px 20px 30px 10px; }
.subText a { color: #594838; text-decoration: underline; }
.subText a:hover { color: #271A11; text-decoration: none; }
.subText a:active { color: #852E11; text-decoration: none; }
.subText b { color: #EBD8B8; }

.subText2 { font: 11px Arial, Helvetica, sans-serif; color: #594838; line-height: 15px; padding: 5px 10px 20px 5px; }
.subText2 a { color: #594838; text-decoration: underline; }
.subText2 a:hover { color: #271A11; text-decoration: none; }
.subText2 a:active { color: #852E11; text-decoration: none; }

.subText2 .product-nav { font: 11px Arial, Helvetica, sans-serif; color: #594838; line-height: 15px; }
	.subText2 .product-nav li span { font-size:18px; font-weight:normal; }
		.subText2 .product-nav li ul li span { font-size:14px; font-weight:normal; }
.subText2 .product-nav a { color: #594838; text-decoration: none; }
.subText2 .product-nav a:hover { color: #271A11; text-decoration: underline; }
.subText2 .product-nav a:active { color: #852E11; text-decoration: none; }

.subText3 { font: 11px Arial, Helvetica, sans-serif; color: #594838; line-height: 12px; text-align: right; padding: 3px 5px 0px 0px; }

.subText4 { font: 12px Arial, Helvetica, sans-serif; color: #594838; line-height: 18px; padding: 0px 20px 10px 10px; }
.subText4 a { color: #594838; text-decoration: underline; }
.subText4 a:hover { color: #271A11; text-decoration: none; }
.subText4 a:active { color: #852E11; text-decoration: none; }

#subSect { border-top: 1px dotted #852E11; }

.subHead { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #271A11; line-height: 12px; padding: 5px 10px 5px 5px; }
.subHead a { color: #271A11; text-decoration: none; }
.subHead a:hover { color: #121212; text-decoration: underline; }
.subHead a:active { color: #852E11; text-decoration: none; }

.bodyLink1 { font: 11px Trebuchet, "Lucida Grande", sans-serif; color: #EEE; line-height: 18px; text-transform: uppercase; padding: 10px 0px 0px 0px; }
.bodyLink1 a { color: #EEE; text-decoration: none; }
.bodyLink1 a:hover { color: #FFF; text-decoration: underline; }
.bodyLink1 a:active { color: #DCA85D; text-decoration: none; }

.bodyLink2 { font: 11px Trebuchet, "Lucida Grande", sans-serif; color: #DCA85D; line-height: 18px; text-transform: uppercase; padding: 10px 0px 0px 0px; }
.bodyLink2 a { color: #DCA85D; text-decoration: none; }
.bodyLink2 a:hover { color: #DCA85D; text-decoration: underline; }
.bodyLink2 a:active { color: #FFF; text-decoration: none; }

.bodyLink3 { font: 11px Trebuchet, "Lucida Grande", sans-serif; color: #852E11; line-height: 18px; text-align: right; text-transform: uppercase; padding: 0px 10px 0px 0px; }
.bodyLink3 a { color: #852E11; text-decoration: none; }
.bodyLink3 a:hover { color: #852E11; text-decoration: underline; }
.bodyLink3 a:active { color: #DCA85D; text-decoration: none; }

.bodyLink4 { font: 11px Trebuchet, "Lucida Grande", sans-serif; color: #852E11; line-height: 18px; text-transform: uppercase; padding: 0px 10px 0px 0px; }
.bodyLink4 a { color: #852E11; text-decoration: none; }
.bodyLink4 a:hover { color: #852E11; text-decoration: underline; }
.bodyLink4 a:active { color: #DCA85D; text-decoration: none; }

#prodTable { padding: 30px 0px 10px 0px; }
.prodTable { font: 12px Arial, Helvetica, sans-serif; color: #271A11; line-height: 15px; padding: 0px 10px 0px 5px; }
.prodTable b { font-size: 12px; font-weight: bold; color: #271A11; text-transform: uppercase; }

#homefooter { float: left; display: inline; width: 770px; background: url(../img/home_footer.gif) repeat-x; padding: 0px 0px 30px 0px; }
.homefooter { font: 11px Arial, Helvetica, sans-serif; color: #EEE; line-height: 18px; padding: 30px 0px 30px 10px; }
.homefooter b { font-size: 12px; color: #EBD8B8; }
.homefooter a { color: #EEE; text-decoration: none; }
.homefooter a:hover { color: #FFF; text-decoration: underline; }
.homefooter a:active { color: #DCA85D; text-decoration: none; }

#subfooter { float: left; display: inline; width: 770px; background: url(../img/sub_footer.gif) repeat-x; padding: 0px 0px 30px 0px; }
.subfooter { font: 11px Arial, Helvetica, sans-serif; color: #7C7067; line-height: 18px; padding: 30px 0px 30px 10px; }
.subfooter b { font-size: 12px; color: #9C6215; }
.subfooter a { color: #7C7067; text-decoration: none; }
.subfooter a:hover { color: #594838; text-decoration: underline; }
.subfooter a:active { color: #271A11; text-decoration: none; }

#desc { color:#EEE; font-size:10px; font-weight: 200; margin: 0px 6px 0px 0px; }

#navcontainer {	float: left; position:relative; margin: 0 auto; display: inline; width: 770px; height: 21px; background: url(../img/nav_bkgd.gif) repeat-x; z-index:999; }

/* DROP DOWN NAVIGATION */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	font: 13px Trebuchet, "Lucida Grande", sans-serif;
	line-height: 21px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px 24px 0px 10px;
}

#nav li {
	float: left;
	background: url(../img/nav_bkgd.gif) repeat-x;
}

#nav li:hover, #nav li.sfhover {
	float: left;
	background: url(../img/nav_bkgd_over.gif) repeat-x;
}

#nav li ul {
	position: absolute;
	display: block;
	left: -999em;
	width: 190px;
	background: #231806;
	filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

#nav li ul a {
	display: block;
	width: 190px;
	font: 11px Trebuchet, "Lucida Grande", sans-serif;
	line-height: 12px;
	color: #EEE;
	text-align: left;
	text-transform: none;
	background: #231806;
	border-bottom: 1px solid #583906;
	padding: 5px 10px 5px 10px;
}

#nav li ul a:hover, #nav li ul a.sfhover {
	display: block;
	width: 190px;
	color: #231806;
	background: #DCA85D;
}

#nav li ul a:active {
	display: block;
	width: 190px;
	color: #DCA85D;
	background: #231806;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

form#checkout div { border-top:2px solid #eedec5; border-left:2px solid #eedec5; border-right:2px solid #eedec5; padding:5px; min-height:30px; }
	form#checkout div.last { border-bottom:2px solid #eedec5; }
#checkout label { display: inline; float: left; margin-right: 10px; padding:7px 0px 0px 7px;text-transform: none; width: 165px; }
#checkout input.textfield { width:260px; padding:7px 3px 3px; }
	#checkout div.checkbox { background:none; }
		#checkout div.checkbox label { float:none; padding:0 0 0 7px; }
#checkout input.btn { margin:15px; float:right; }
#checkout div strong { line-height:30px; }


/*
----------------------------------------------------------
08. PRODUCT LISTING
---------------------------------------------------------- */		

/* PAGINATION */

	div.pagination { clear:both; font-size:12px; margin-bottom:1em; overflow:hidden; position:relative; margin:0 5px; padding:2px; border-bottom:dotted 1px #6c532e;}
		div.pagination p { color:#b9b3aa; display:inline; float:left; margin:0; padding:4px 0 0 6px; }
		div.pagination ul { position:absolute; right:0; }
			div.pagination li { float:left; background:none; margin:2px 1px 0 0; padding:0; }
			div.pagination li a { color:#b9b3aa; font-weight:bold; border:1px solid transparent; display:block; padding:3px 2px 1px; text-decoration:none; }
			div.pagination li a:hover { font-weight:normal; border:1px solid transparent; color:#852E11; }
			div.pagination li a.active { font-weight:normal; border:1px solid #6c532e; color:#6c532e; }



	form.pagination div.pagination p.results { border-right:1px dotted #6c532e; margin-right:3px; padding-right:10px; width:auto; }
	form.pagination div.pagination p.sort { margin-right:10px; width:auto;}
	form.pagination div.pagination ul { top:0;}
	form.pagination div.pagination ul li { background:none; padding:0;}
	form.pagination div.pagination select { margin-top:2px; width:120px;}


	


 div.product-row {width:150px; float:left; padding:5px; margin:5px; display:block; background:#FFFFFF; min-height:225px;}



/* STORE FRONT */


 #product-picture {text-align:center; }
 .product-row #product-picture {width:115px; overflow:hidden;}
 #product-details {padding:10px; clear:both; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:14px; }
 #product-details p{padding-bottom:10px;}
 
 #product-details #subtitle{font-size:11px; color:#6c532e; font-weight:bold; }
 #product-details h2{padding:0px; font-size:12px; line-height:14px; font-weight:bold;}
 #product-details #abstract { font-size:10px; line-height:11px; color:#6c532e; }
 #product-details #abstract a { color:#0785a5; font-weight:bold; }
 #product-details #abstract a:hover { text-decoration:underline; }
 #product-details #description, .cart-row #abstract { font-size:11px; line-height:14px; color:#6c532e; }

 
 .extra-info {padding:10px; border:dotted 1px #FF0000; margin:10px 0 10px 0; font-size:11px; font-weight:bold; color:#b9b3aa;}
 .remove a { font-size:10px; font-weight:bold; color:#b9b3aa; text-transform:uppercase; padding:4px 10px 3px; border:1px solid #b9b3aa; text-decoration:none; }
 .remove a:hover { color:#bc2525; border-color:#bc2525; }
 .remove a:active { color:#000; border-color:transparent; }
 
 .cart-row td { border-bottom:1px dotted #ccc; }
 .cart-row #subtitle{font-family:Arial, Helvetica, Verdana, sans-serif; letter-spacing:1px; font-size:12px; color:#888; margin-bottom:4px;}
 .cart-row h2{height:16px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:16px;}

 #catalog { height:43px; background:url(../../store/assets/images/icon_pdf.jpg) no-repeat; }
 #catalog p { font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#dca85d; margin:0 0 0 53px; }
 #catalog a { color:#6f3422; text-transform:uppercase; text-decoration:none; }
 	 #catalog a span { font-size:18px; }
 #catalog a:hover { text-decoration:underline; }
 #catalog a:active { text-decoration:none; color:#dca85d; }
 
 #product-sku {float:left; width:125px}
 
 #product-sku #variant, #product-sku2 #variant {padding-bottom:4px; font-family:'SpathaSans', Arial, Helvetica, Verdana, sans-serif; letter-spacing:1px; float:left; text-transform:uppercase; padding:21px 0 0 0; font-size:12px;}
 #product-sku #price,  #product-sku2 #price, .item-cost {font-size:20px; line-height:21px; color:#bc2525;}
 
 
    div.product { padding:15px 0; }
	div.product h3 { margin:0 0 0.2em 147px;}
	div.product div.image { margin-right:25px;}
		 div.product a.details { margin-top:-2em;}	
	 div.product div.description { clear:left;}
	 div.product div.description p{ padding-bottom:10px;}
		 div.product ul { font-weight:bold; }
		 div.product ul li { width:50%;}
	
/* PRODUCT DETAIL */
body.product hr { margin-top:4em;}
	body.product div.last { background:none;}
	body.product ul.checkout { display:none;}
	body.product #content-primary ul { margin-bottom:2em;}

  .submit-button { background:url(../../store/assets/images/add-to-cart.jpg) no-repeat; width:118px; height:18px; border:0px; margin:15px 0; cursor:pointer; }
  .submit-button:hover { background:url(../../store/assets/images/add-to-cart-ON.jpg) no-repeat; }
  
  .checkout-button { background:url(../../store/assets/images/btn_checkout.jpg) no-repeat; width:195px; height:43px; border:0px; cursor:pointer; }
  .checkout-button:hover { background:url(../../store/assets/images/btn_checkout-ON.jpg) no-repeat; }

  .checkout-submit { background:url(../../store/assets/images/btn_submit.jpg) no-repeat; width:195px; height:43px; border:0px; cursor:pointer; }
  .checkout-submit:hover { background:url(../../store/assets/images/btn_submit-ON.jpg) no-repeat; }


/*
----------------------------------------------------------
09. PRODUCT DETAIL
---------------------------------------------------------- */
#store h2.product-subhead { margin:-0.75em 0 2em }
#product-purchase { }
	#product-purchase h3 { color:#FF4100; font-size:25px; margin-bottom:0.25em;}
	#product-purchase select { display:inline; float:left; margin:0 1em 1em 0;}
		
	#product-purchase div.submit { background:url(../images/bg/buttons.png) no-repeat 0 -60px; clear:both; float:left; font-weight:bold; height:30px; padding-left:15px; width:auto; }
 	#product-purchase input.submit { background:url(../images/bg/buttons.png) no-repeat right -60px; color:#3F3F3F; float:left; font-weight:bold; font-size:12px;height:30px; margin:0; padding:7px 15px 10px 0; text-transform:lowercase; }
	#product-purchase div.submit:hover { background:url(../images/bg/buttons.png) no-repeat 0 -90px; cursor:pointer; }
		#product-purchase input.submit:hover, #product-purchase div.submit:hover input  { background:url(../images/bg/buttons.png) no-repeat right -90px; }
	
	#demos { padding-bottom:2em; overflow:hidden;}
		#demos div { display:inline; float:left; margin-right:15px; width:220px;}
		#demos div.nomargin { margin-right:0;}
		
/*
----------------------------------------------------------
10. CART
---------------------------------------------------------- */
#store.cart #content { background:#fff;}
    
    .cart-row a { text-decoration:none; }
    .cart-row td{padding:10px;}
    
	
	
/*
----------------------------------------------------------
11. RECEIPT
---------------------------------------------------------- */
#order-number h2 { color:#FF4100;}
#receipt { border-top:1px dotted #333; margin:1.5em 0; padding-top:1.5em;}
	#receipt div.order-summary { display:inline; float:left; padding:0 20px 3em 0; width:220px;}	
	#receipt #cart { clear:left; }