/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css 1223 2005-04-22 03:46:20Z ajeh $
*/



#main {
	width: 780px;
	margin: 0 auto;
	padding: 0;	
}



#hd_menu {
	width: 780px;
	margin: 0 auto 10px auto;
	padding: 0;
	height: 22px;
	background-image: url(../images/hd_menu_bg.gif)
}



#headerWrapper .row{ width:100%; height:37px; overflow:hidden; background:url(../images/row-tail.gif) top repeat-x;}
#headerWrapper .menu{ float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px}
#headerWrapper .menu ul{ padding:11px 0 0 13px; margin:0;}
#headerWrapper .menu li{ float:left; background:url(../images/menu-separator.gif) no-repeat 0 0px; padding:1px 20px 2px 19px; list-style: none}
#headerWrapper .menu .li_un{ background:none;}
#headerWrapper .menu li a{ color:#fff; text-decoration:none;}
#headerWrapper .menu li a:hover{ color:#cec1b0;}

.search{ float:right; padding:6px 15px 0 0;}
.search input{ vertical-align:middle;}
.search .input1{ border:solid 1px #d9d9d9; background:#fff; width:166px; padding:2px 3px 2px 3px; margin:0 5px 0 0;}



#head_nav_menu {	
	margin:  0;
	padding: 0;	
	height: 22px; 
	list-style: none		
}

#head_nav_menu li{	
	display:block; 
	line-height:20px; 
	font-size: 12px;
	font-weight:bold;	
	width:110px; 
	color: #fff;	
	text-align:center;
	vertical-align:middle;		
	float:left
}

#head_nav_menu li a{
		display: block;
		border-right:1px solid #fff;		
		padding:1px 0 1px 0;
		color: #fff; 		
		text-decoration: none
}

#head_nav_menu li#last {
		width:120px; 	
		border-right:0px solid #fff;		
}


#head_nav_menu li a:hover{
		color:#fff; 
		background-image: url(../images/hd_menu_bg_over.gif)
}


.main_content {
	margin: 10px auto 10px auto;
  	padding: 0 ;
  	width: 578px;  	
}

.main_content h1{
	margin: 5px auto  5px auto;
	/*padding: 0 0 0 5px;	
	 background:  #FFF url(../images/tablebg.gif) repeat-x;	*/
}

.module {
	margin: 20px auto 10px auto;
  	padding: 0 ;
  	width: 548px;
  	border: 1px solid #ccc;  
}

.module h1{
	margin: 0;
  	padding: 0 0 0 10px ;
	color: #fff;
	font-weight: bold;
	font-size: 12px; 
	vertical-align:middle;
	line-height: 22px;  	
  	height: 22px;
	background-image: url(../images/ct_bg.gif)  
}

.column_left {		
	background-color:#c7c7c7;
}

.sidebox{
  margin: 10px auto 15px auto;
  padding: 0 ;
  width: 138px;
  border: 1px solid #666;
  background-color:#f5f5f5
}

.sidebox h2{
	margin: 0 auto;
  	padding: 0 ;
  	width: 138px;
	height: 20px;
  	background-image: url(../images/left_nav_hd.gif);
	line-height: 20px;
	text-align:center;
	vertical-align:middle;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff		
}

.sidebox h2 a{
	color: #fff		
}

.sidebox ul{
	margin: 0 ;
  	padding: 0;
	list-style: none

}

.sidebox li{
	margin: 3px 0 3px 0;
  	padding: 0;
	list-style: none
}

.sideBoxContent{
	margin: 5px auto 5px auto;
  	padding: 5px;

}

.plist {
	border: 1px #CCCCCC solid; 
	padding: 20px 0 20px 0; 
	margin: 20px 14px 20px 14px;
	background-color: #F8F8F8
}

/*

.centershop {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 780px !important;
} */

.center_column { 
  margin: 0 auto;  
  padding: 8px 20px 8px 20px;
  border: 1px solid #ccc;
  background-color:#fff; 
}






/* categories box parent and child categories and extra links

#footer{	
	margin: 0 auto;
	padding: 0;
	height: 70px;
	width: 780px;
	background-color:#606060
}

#footer p{
	display:block;
	margin: 0 auto;
	padding: 0;	
	color: #fff;
	vertical-align:middle;	
	text-align:center;
	line-height:18px;	
}

#footer a{	
	color: #fff;	
}

#footer a:hover {		
	text-decoration: underline;	
}



 */
a.category-top, a.category-links {  
  text-decoration: none;
}

a.category-subs, a.category-products { 
  color: #0000CC;
  margin: 0 0 0 5px;
  text-decoration: none;
}

span.category-subs-parent {
 font-weight: bold; 
 display: block;
}
span.category-subs-selected {
 color: #CC0000;
}


.categoriesdescription {
	margin: 15px 0 15px 0;	
	color:  #666 ; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.breadCrumb {
   font-size: 10px;
   font-weight: bold;
   color: #999;
   padding: 5px;
   border-bottom: 1px dashed #ccc;
}

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {  
  color: #f00;
  font-size: 10px;
  padding: 4px;
  border: 1px solid #f00;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; }

ul.frm{
	margin: 5px auto 5px auto;
	padding: 0;
	list-style:none;
}

ul.frm li{
	margin: 8px auto 8px auto;
	padding: 0;
	list-style:none;
}

span.left_note {
	margin: 0;
	padding: 0;		
	font-weight: bold;
	width: 130px; 
	float:left;
	display:block 
}

span.left_note_1 {
	margin: 0;
	padding: 0;		
	font-weight: bold;
	width: 150px;
	font-size:10px; 
	float:left;
	display:block 
}


span.left{
	margin: 0 0 0 15px;
	padding: 0;		
	font-weight: bold;
	width: 50px; 
	float:left;
	display:block 
}


span.right { 	
	margin: 0 0 0 120px;
	padding: 0;
	text-align: right;	
}

span.r1 {
	margin: 0 0 0 20px;
}

li#comment {	
	height: 120px
}

/* popup content */
div#popup_content { 
   margin: 6px;
   padding: 6px; 
   font-family:Verdana, Arial, Helvetica, sans-serif; 
   font-size:11px;  
   text-align: left;   
}

/*Forms styling */
#main_content .radio input, #main_content .radio span {
   border: none;
   display: inline;
   margin: 0;
   padding: 0 0 15px;
   top: 0;
   text-align: left;
}

#main_content .radio input {
   margin-left: 1em;
}

#main_content .checkbox {
   border: none;
   display: inline;
   margin: 0;
   padding: 0;
   top: 0;
   text-align: left;
}

#main_content .radio {
   padding-top: 15px;
}


div.buttons {
	/* margin: 10px auto 10px auto;  */ 
   text-align: right;
   width: 94%
}

div.buttons img {
   position: relative;
   margin: 5px 0 15px;
   float: left;
}

div.buttons input {
   position: relative;
   top: 0;
   margin: 5px 0 15px;
}

div.sorter {
	margin: 10px auto 10px auto;	
	padding: 0 ;
	text-align: right;	
}

#addbook_desc {
   width: 40%;
   float: left;
}

#addbook_primary {
   width: 45%;
   float: right;
} 

#addbook_primary_image {
   margin-top: 50px;
   float: right;
}

#addbook_delete {
   width: 50%;
   float: right;
}


/* Product pages styling
---------------------------------------------
   This stuff eventually needs to be consolidated
   with the css above. In the meantime, 
   this is to control the product pages layout 
   so it doesn't look all funky.
*/

#category-div {
   font-size: 10px;
   color: #999;
   margin: 5px auto 0 auto;  
}

#category-div .categoryInfo {
}

#category-div .categoryInfo img {
  /*  vertical-align: middle; */
}

div.categoryPaging {
   text-align: right;   
}

div.categoryPaging span {   
   margin: 0 12px 5px 12px;
   padding: 0 0 ;
   height: 10px;
   font-family:Verdana;      
   font-size:10px;
   font-weight:bold;  
}


#product-div {
}

#product-div form span {
   display: inline;
   margin: 0;
   padding: 0;
   top: 0;
}


div.productInfo {
   margin: 0 auto ;
   padding: 5px; 
   line-height: 1.4em;
}

div.productInfo p.p_sku{
   font-size: 14px;
   font-weight: bold;
   color: #333;
}

div.productInfo span.p_price{
   margin: 0 0 0 10px;
   font-size: 12px;
   font-weight: bold;
   font-family:Arial, Helvetica, sans-serif;
   color: #993300;
   
}

div.productAttributes {  
   margin-top: 20px;   
}

div.productAttributes h2 {
   margin: 5px 0 5px 0;
   color: #000
}


div.productRow {
   clear: both;
   border-bottom: 1px dotted #999;
   padding: 0;
   margin-bottom: 20px;
}

div.pageresults { 
   margin: 5px auto 5px auto;
   padding:0;
   font-size:10px;
   color: #333;
   width: 548px
  
}

div.products-attributes-images {
   margin-top: 1.4em;
   float: left;
}

div.products-attributes-images div {
   float: left;
}

ul.attributes {  
   margin: 5px; 
   padding: 5px;
   list-style: none     
}

ul.attributes li {
   display: block;
   margin: 5px 0 5px 0;
   padding: 0;
   background: transparent url(../images/arrow01.gif) no-repeat    
}

ul.attributes input {
   margin: 0;
   position: relative;
   top: 0;
}

div.p_desc{
	font-size: 12px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 10px 5px 10px;	
}


table.productListing-data {
	margin: 10px auto 10px auto;
	padding: 0;
	font-size:10px; 
	width: 548px;
	/* border:  #9a9a9a 1px solid;		 */
}

.productListing-heading {
	padding: 3px 3px 3px 3px;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	height: 20px;
	background-color: #c6beb8	
}


td.smallText, span.smallText, p.smallText {
   padding: 5px;	  
   font-size: 9px;
}

tr.productListing-odd {
	background-color: #ffffff
}
tr.upcomingProducts-odd {
	background-color: #ffffff
}
tr.productListing-even {
	background-color: #f6f4f2
}

ul.size_chart {
	margin: 15px 0 0 0;
	padding: 0;
	list-style:none;
}

ul.cartBox {  
   margin: 0; 
   padding: 0;
   background: transparent url(../images/arrow02.gif) no-repeat; 
   list-style: none     
}

ul.cartBox li{
   display: block;
   margin: 5px 0 5px 0;
   height: 20px;
   padding: 0;   
}

ul.cartBox input {
   margin: 0 0 0 25px;   
   position: relative;  
}

a.mini_pic {
	border: 1px solid #000;	
}

.note {
	color: #C33;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
}

.frm_head {
	margin: 25px auto 0 auto;
	padding: 0;	
	background: transparent url(../images/main_img1.gif) no-repeat !important; 
	background: transparent url(../images/main_img1.gif) no-repeat fixed bottom center;
	width: 540px;
	height: 10px;
}

.frm_footer {
	margin: 0 auto 25px auto;
	padding: 0;		
	background: transparent url(../images/main_img2.gif) no-repeat !important; 
	background: transparent url(../images/main_img2.gif) no-repeat fixed top center;
	width: 540px;
	height: 10px;
}

.frm_body {
	margin: 0 auto 0 auto;
	padding: 5px 20px 5px 20px;
	width: 500px;
	background: transparent url(../images/main_img3.gif) repeat-y ;	
}

.frm_body  h3{
	margin: 0 auto 12px auto;
	padding: 0;	
	color: #CC3300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px
}

.inputRequirement {
	color: #f00;
	margin: 0 0 0 5px;
	}
.help {
	list-style: decimal;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #006; 
	line-height: 18px;	
}

.help a{	
	color: #00c;		
}

.help a:hover{	
	color: #f00;		
}

/* checkout totals */
span.ot-subtotal-Text, span.ot-cod-fee-Text, span.ot-total-Text, span.ot-group-pricing-Text, span.ot-gv-Text, span.ot-loworderfee-Text, span.ot-shipping-Text, span.ot-subtotal-Text, span.ot-tax-Text, span.ot-coupon-Text {
   font-weight: bold;
}
span.ot-total-amount {
   font-weight: bold;
   border-top: 1px solid #999;
}

span.ot-subtotal-amount, span.ot-cod-fee-amount, span.ot-group-pricing-amount, span.ot-gv-amount, span.ot-loworderfee-amount, span.ot-shipping-amount, span.ot-subtotal-amount, span.ot-tax-amount, span.ot-coupon-amount {}

h2 img{
	margin: 5px 0 0 80px

}


.answer {
		margin: 10px 0 10px 0;		
		font-size:12px;				
}

ul#m_index {	
	list-style-type:decimal;
	
}

#tbl_body{		
	width: 550px;
	padding:0;
	margin: 0 auto;	
}

#tbl_body table {
	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px;
	border-collapse: collapse;  
	border:0;
}


#tbl_body table.border{
border-right: 1px solid #000; 
border-left: 1px solid #000; 
}

#tbl_body th {
margin:0px;
padding:2px 2px 2px 3px;
background-color:#979EA4;  
font-weight: bold;
text-align:left;
font-family: Verdana;
font-size: 10px;
color: white;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

#tbl_body td {
margin:0px;
padding:2px 2px 2px 3px;  
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;  
border-top: 1px solid #ccc;  
}

.cust{
	width: 600px;	
	margin: 0 auto;	
	padding: 0;		
}

.cust ul{	
	display: block; 
	list-style-type:decimal;   
}

.cust li{
	display: block;
	font-size: 12px;
	font-weight:normal;
	margin: 10px auto auto auto;	
	padding: 0;		
}

span.normalprice {
	text-decoration: line-through;
}

span.productSpecialPrice, span.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
}

span.productSpecialPriceSale {
  color: #ff0000;
	text-decoration: line-through;
}

span.productPriceDiscount, .inputRequirement {
  font-size: 10px;
  color: #FF0000;
}



.definedText {
	line-height: 18px;
}

.definedText a{ 
  text-decoration: underline; 
  color:#0000FF
}


#r_link ul{
	list-style: none
}

#r_link  li{
	margin: 10px auto 10px auto; 	
}

#r_link  li a{ 
font-weight: bold; 
}

.red {
	color: #FF0000;

}



.size_tbl_body{
	margin: 10px 0 30px 0;
	width: 680px;
    padding:0
}

.size_tbl_title{
	font-weight: 600;	
	font-size: 12px; 
	color: #FFF;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #930;
	text-align:center;
	line-height: 25px;
	padding:0px;
	margin: 0 auto;
	width: 680px;
	height: 25px
}

.size_tbl_body table{
	margin: 0;	
}
