/**

 * Main CSS Stylesheet

 *

 * @package templateSystem

 * @copyright Copyright 2003-2006 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $

 */





a{color: #492b20; text-decoration: none;}



/*wrappers - page or section containers*/

#mainWrapper {

	background-color:#ffffff; padding:0;

	margin:0 auto;

	text-align: left;

	vertical-align: top;

	clear:both;

	}



.leftBoxContainer,.rightBoxContainer {/*left&right box border */	

	margin-bottom:6px;

	background: #eee url(../images/boxcenter---.jpg) repeat-y;

	border:1px solid #c2b9a0;

}

.leftBoxHeading,.rightBoxHeading {/*left BOX tittle*/

	background:#c2b9a0 url(../images/boxtop---.jpg) no-repeat left top; 

	height:25px; 

	color: #492b20; 

	font-size:12px; 

	font-weight:bold;

	padding-left:10px;

}

.leftBoxHeading a,.rightBoxHeading a { color: #492b20; }

.leftBoxHeading a:hover,.rightBoxHeading  a:hover { color: #CC6600;text-decoration:none;}

.sideBoxContent { padding:5px; overflow:hidden;}

.wrapper ul { list-style:none;}

.wrapper ol{ color:#000000}

.wrapper ol li a { color:#000000}

.wrapper ol li a:hover{color:#000000 }



#000categories{/* categories box*/

	background:url(../images/leftbg.jpg) repeat-y center; margin-bottom:6px;

}



#categoriesContent{ padding:0px;border:0px solid #CCCCCC}

#categoriesContent ul { margin:0; padding:0; list-style-type:none; }

#categoriesContent ul li {border-bottom:1px solid #fff; line-height:20px }

#categoriesContent ul li a { font-size:11px}

#categoriesContent ul li a.category-top{ display:block; background:#fff;padding-left:10px; color: #955b2a;}

#categoriesContent ul li a.category-top:hover{ text-decoration:underline;}

#categoriesContent ul li a.category-products{ background:#fff;padding-left:10px; color: #CC9966;}

#categoriesContent ul li a.category-products:hover{ color: #FF6600; text-decoration:underline }



/*categorylistboxContent*/

#categorylistboxHeading {

	background: url(../images/cheading.gif) repeat-x left top; 

	line-height:10px; 

	color: #FF6600; 

	font-size:12px; 

	font-weight:bold;

	padding-left:20px;

}

#categorylistboxContent{padding:1px; border:0px solid #CCCCCC}

#categorylistboxContent ul { margin:0; padding:0; list-style-type:none; }

#categorylistboxContent ul li { margin:1px; margin-top:5px; border-bottom:1px solid #efefef; line-height:15px; }

#categorylistboxContent ul li a.category-top{ font-weight:bold;padding-left:15px; color:#000000;}

#categorylistboxContent ul li a.category-top:hover{ color: #000; text-decoration:underline}

#categorylistboxContent ul li a.category-products{ color:#444; padding-left:15px;background:url(../images/dot00.gif) no-repeat 16px center;}

#categorylistboxContent ul li a.category-products:hover{ color: #FF6600; text-decoration:underline }

/*categorylistboxContent*/



.rightBoxContainer img { margin:3px 0;}

#ezpagesContent ul li { margin:3px; border-bottom:1px solid #eeeeee; }

#ezpagesContent ul li a {background:url(../images/dot.gif) no-repeat 3px center;padding-left:20px; color:#000000;}

#ezpagesContent ul li a:hover { color:#FF6600}

.centerBoxWrapper {/*center box border */ 

	height: 1%;

	margin-bottom:8px;

	padding:1px;

	text-align:center;

	border:1px solid #c2b9a0; 

}

.centerBoxHeading{/*center box tittle */

	margin: 0em;

	padding:3px 15px; text-align:left;

	font-size:12px;

	color:#492b20; 

	background:url(../images/cheading000.gif) top left repeat-x;

	height:34px;



}



#contentMainWrapper {/* content a  table */

	margin-top:5px;

	padding:0;

}

#navColumnOne, #navColumnTwo {/*table left and right td */

	background-color: transparent;

}

#navColumnOneWrapper, #navColumnTwoWrapper {

	margin:auto;

}



.centerColumn{ /* no need in index because have many single div*/



	padding:0 0 0 10px ;

	/*border:1px solid #006AB6;*/

}

                                                                                                             /*ҳʽ*/

#indexDefault{ padding:0 0 0 10px }/*Ҫͬʱ.centercolumn*/

#indexDefaultMainContent { margin-bottom:10px;text-align:center; background:#fff; }/*index main text*/

#indexDefaultMainContent td { padding:5px 0} 



h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS,.larger{

	font-size: 1.1em;

	}







h1, h2, h3, h4, h5, h6 {

	margin: 0;

	}



/*  Might uncomment either or both of these if having problems with IE peekaboo bug:

h1, h2, h3, h4, h5, h6, p {

	position: relative;

	}

*html .centerColumn {

	height: 1%;

	}

*/



CODE {

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 1em;

	}



FORM, INPUT {

	display: inline;

	font-size: 1em;

	margin: 0px;

	}



TEXTAREA {

	float: left;

	margin: auto;

	display: block;

	width: 95%;

	}



input:focus, select:focus, textarea:focus {



	}



FIELDSET {

	padding: 0.5em;

	margin: 0.5em 0em;

	border: 1px solid  #ccc;

	}



LEGEND {

	color:#000;

	font-weight: bold;

	padding: 0.3em;

	}



LABEL, h4.optionName {

	line-height: 1.5em;

	padding: 0.2em;

	}



LABEL.checkboxLabel, LABEL.radioButtonLabel {

	margin: 0.5em 0.3em;

	}



#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

	float: left;

	}



LABEL.inputLabel {

	width: 9em;

	float: left;

	}



LABEL.inputLabelPayment {

	width: 14em;

	float: left;

	padding-left: 2.5em;

	}



LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {

	width: 11em;

	float: left;

	}



#checkoutPayment LABEL.radioButtonLabel {

	font-weight: bold;

	}



P, ADDRESS {

	padding: 0.5em;

	}



ADDRESS {

	font-style: normal;

	}



.clearBoth {

	clear: both;

	}



HR {

	height: 1px;

	margin-top: 0.5em;

	border: none;

	border-bottom: 1px solid #9a9a9a;

	}



/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {

	line-height: 1.8em;

	padding: 0.2em;

	border: 1px solid #9a9a9a;

	}



.messageStackWarning, .messageStackError {

	background-color: #ff0000;

	color: #ffffff;

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}



.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}







#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul,  #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

	}









#sendSpendWrapper {

	border: 1px solid #cacaca;

	float: right;

	margin: 0em 0em 1em 1em;

	}



.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {

	margin: 0;

	width: 47%;

	}

	.floatingBox{ height:145px;}

 #accountLinksWrapper { border:0px solid #FF9900;  padding:20px;}

.wrapperAttribsOptions {

	margin: 0.3em 0em;

	}



/*navigation*/



.navSplitPagesResult {}

.navSplitPagesLinks {}



.navNextPrevCounter {

	margin: 0em;

	font-size: 12px;

	}

.navNextPrevList {

	display: inline;

	white-space: nowrap;

	margin: 0;

	padding: 0.5em 0em;

	list-style-type: none;

	margin:0 5px;

	}



#payments{

	float:left;

	background:url(../images/payments.gif) center center no-repeat;

	width:25%;

	padding:1em 0;

	}

#bottomNav{

	margin:auto; 

	}

#bottomNav ul {}

	

#bottomNav a, #bottomNav a:visited{

	color:#333;

	text-decoration:underline;

	}



#navCatTabsWrapper {

	background-color: #000;

	color: #9a9a9a;

	background-image:none;

}



#navMain ul, #navSupp ul, #navCatTabs ul {

	margin: 0;

	padding: 0.5em 0em;

	list-style-type: none;

	text-align: center;

	line-height: 1.5em;

	}



#navMain ul li, #navSupp ul li, #navCatTabs ul li {

	display: inline;

	}



#navMain ul li a, #navSupp ul li a, #navSupp ul li a:visited, #navCatTabs ul li a {

	text-decoration: none;

	padding: 0em 0.5em;

	margin: 0;

	color: #444;

	white-space: nowrap;

	}

#navSupp ul li a:hover {

	text-decoration:underline;

	}



#navCatTabs ul li a {

	color: #9a9a9a;

	}



#navEZPagesTOCWrapper {

	font-weight: bold;

	float: right;

	height: 1%;

	border: 1px solid #9a9a9a;

	}



#navEZPagesTOC ul {

	margin: 0;

	padding: 0.5em 0em;

	list-style-type: none;

	line-height: 1.5em;

	}



#navEZPagesTOC ul li {

	white-space: nowrap;

	}



#navEZPagesTOC ul li a {

	padding: 0em 0.5em;

	margin: 0;

	}



#navCategoryIcon, .buttonRow, #indexProductListCatDescription {

	margin: 0.5em;

	}



#navMainSearch {

	float: right;

	}









/*The main content classes*/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

	vertical-align: top;

	}



/*.content,*/ 



.alert {

	color: #FF0000;

	margin-left: 0.5em;

	}

.advisory {}

.important {

	font-weight: bold;

	}

.notice {}

.rating{}

.gvBal {

	float: right;

	}





#bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {

	padding: 0 0 0 .6em;

	}

#bannerOne{

	padding:0;

	margin: .5em 0 0 0;

	}

.banners img{

	padding:0;

	}





.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay

{

	padding: 0.5em 0em;

}

.cartRemoveItemDisplay

{

	padding: 1.8em 0em 0.5em 1em;

}

.cartUnitDisplay, .cartTotalDisplay {

	text-align: right;

	padding-right: 0.2em;

	}



#scUpdateQuantity {

	width: 2em;

	}



.cartQuantity {

	width: 4.7em;

	}





#mediaManager {

	width: 50%; 

	margin: 0.2em;

	padding: 0.5em;

	background-color: #E4FEf5;

	border: 1px solid #003D00;

	}



.normalprice, .productSpecialPriceSale {

	text-decoration: line-through;

	}



.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {

	color: #ff0000;

	}



.orderHistList {

	margin: 1em;

	padding: 0.2em 0em;

	list-style-type: none;

	} 



#cartBoxListWrapper ul, #ezPageBoxList ul {

	list-style-type: none;

	}



#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {

	margin: 0;

	padding: 0.2em 0em;

	} 



#cartBoxEmpty, #cartBoxVoucherBalance {

	

	}



.totalBox {

	width: 5.5em;

	text-align: right;

	padding: 0.2em;

	}



.lineTitle, .amount {

	text-align: right;

	padding: 0.2em;

	}



.amount {

	width: 5.5em;

	}



/*Image Display*/

 #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {

	margin: 0em 1em 1em 0em ;

	}

#productMainImage{ margin: 0em 10em 1em 0em ;}

.likedashed,.likedashedup{ border-bottom:#999999 1px dashed; border-top-style:none; border-left-style:none; border-right-style:none;}

.likedashedup{ width:411px; float:left;}

.BreadCrumb{ background-color:#eeeeee; margin-left:5px; margin-bottom:5px; margin-top:5px;}

#cartImage {

	margin: 0.5em 1em;

	}



/*Attributes*/

.attribImg {

	width: 20%;

	margin: 0.3em 0em;

}



.attributesComments {}



/*list box contents*/

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {

	margin: 5px 0; 

	}







/*sideboxes*/

.columnLeft {}





.login { padding:5px 10px;}







#bestsellersContent {

	color: #FFFF99;

	font-weight:bold;

	}

#informationContent a,#bestsellersContent, 

#bestsellersContent a{

	color: #000000;

	font-size:12px;

	}

	

#informationContent a:hover, #bestsellersContent, 

#bestsellersContent a:hover{

	color: #FF6600;

	font-size:12px;

	}

#extralinks{

	padding: .5em 0 .5em 1em;

	}







#bestsellers .wrapper {

	margin: 0em 0em 0em 1.5em;

	}



#bestsellers ol {

	padding: 0;

	margin-left: 1.1em;

	}



#bestsellers li {

	padding: 0;

	margin: 0.3em 0em 0.3em 0em;

	}

.ic{

	display:none;

	}

#bannerboxHeading {

	background-color: #0000CC;

}



#upProductsHeading {

	text-align: left;

	}



#upDateHeading {

	text-align: right;

	}



/* categories box parent and child categories */

A.category-top, A.category-top:visited {

	color:#492b20;

	text-decoration: none;

	}

A.category-top:hover

{

	text-decoration:underline;

}	

A.category-links, A.category-links:visited {

	color: #333333;

	font-weight:bold;

	}

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color:#990000;
	text-decoration: none;
	}

SPAN.category-subs-parent {

	font-weight: bold;

	}

SPAN.category-subs-selected {

	font-weight: bold;

	}

/* end categories box links */



/*misc*/

.back { float:left;

	

	}



.forward, #shoppingCartDefault #PPECbutton {

	float: right;

	}



.bold {

	font-weight: bold;

	}







.hiddenField {

	display: none;

}

.visibleField {

	display: inline;

}



CAPTION {

	/*display: none;*/

	}



#myAccountGen li, #myAccountNotify li {

	margin: 3px;

	list-style-type:none;

	padding-left:15px;

	} 



.accountTotalDisplay, .accountTaxDisplay {

	width: 20%;

	text-align: right;

	/*vertical-align: top*/

	}



.accountQuantityDisplay {

	width: 10%;

	vertical-align: top

	}



#siteMapList {

	width: 90%;

	float: right;

	}



.ratingRow {

	margin: 1em 0em 1.5em 0em;

	}



LABEL#textAreaReviews {

	font-weight: normal;

	margin: 1em 0em;

	}



#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {



	}



/***IMAGE HANDLER SUPPORT ***/



#trailimageid {

  position: absolute;

  visibility: hidden;

  left: 0px;

  top: 0px;

  width: 220px;

  height: 0px;

  z-index: 1000;

}



#trailimageid div {

  padding: 5px;

  background-color: #FFF;

  border: 1px solid #888;

  text-align: center;

}



#trailimageid h1 {

  font-size: 100%;

  font-weight: normal;

  margin: 0;

  padding: 2px 0px;

  text-align: left;

  width: 100%;

}



#trailimageid img {

  margin: 2px;

  border: none;

}





#navBreadCrumb

{

	font-size:11px;

	font-weight:bold;

	height:35px;

	background-repeat:no-repeat;

	margin:14px 0px 10px 0px;

	line-height:35px;

	display:block;

	color:#000;

}

#navBreadCrumb a:hover{ color:#FF0099;}

#navSuppWrapper{border-top:0px solid #b2100d;text-align: center; background:#eee}/*footer*/

#navSuppWrapper ul { background: #eee; }

#navSuppWrapper ul a { color:#999999}

#siteinfoIP { } 

#siteinfoLegal { text-align:center; font-size:11px; color:#333}

#siteinfoLegal a { color:#333}

#siteinfoLegal a:hover { color: #CC3300}

#siteinfoLegal img { margin:0 10px;}





/*product_info*/

.categoryIcon {border-bottom:1px solid #CCCCCC; padding:3px; margin-bottom:10px;  background:#eeeeee}

.navNextPrevWrapper { margin-bottom:10px;}

#categoryDescription { border-bottom:1px solid  #eeeeee}

#productMainImage { border:1px solid #eeeeee; text-align:center; padding:5px;}

	.imgLink{ }

#productName{ }

#productDescription, .shippingEstimatorWrapper {

	padding:3px;

	}

	.biggerText {font-size: 1.2em;}

	ul{ list-style:none;}



.tabTable {margin-bottom: 1.0em; }/* Ʒб common tpl_tabular_display.php*/

.tabTable tr { border:1px solid red}

	td p{ text-align:left; font-size:12px;}

	.productListing-rowheading{}

	.productListing-heading{ background:#006AB6; color:#FFFFFF; padding:3px;

	 }

	.productListing-data { padding-left:3px;}/**/

	.productListing-odd { }/*ʽ1*/

	.productListing-even{ background: #efefef}/*ʽ2*/
/*ҳ tpl_shopping_cart_default.php*/

#cartContentsDisplay { }/*б*/

.tableHeading {

	background-color: #eeeeee; 

	}

.tableHeading th{

	border-bottom: 2px solid #FF9900;

	}

.rowOdd {

	background-color: #eeeeee;

	height: 1.5em;

	vertical-align: top;

	}

.rowEven {

	background-color: #ffffff;

	height: 1.5em;

	vertical-align: top;

	}



#cartSubTotal {

	border: 1px solid #FF9900;

	margin-top:5px;

	font-weight: bold;

	text-align: right;

	line-height: 2.2em;

	padding-right: 2.5em;

	}

	

/*Ҳ๺*/

.cartNewItem {

	color: #FF9900;

	position: relative;  /*do not remove-fixes stupid IEbug*/

	}



.cartOldItem {

	color: #000000;

	position: relative;  /*do not remove-fixes stupid IEbug*/

	}



.cartBoxTotal {

	text-align: right;

	font-weight: bold;

	}



.cartRemoveItemDisplay {

	width: 3.5em;

	}



.cartAttribsList {

	margin-left: 1em;

	}



/*----------------------------header css-----------------------------*/

#headerWrapper {

	margin: auto;

	clear: both;

	width: 900px; background:#c2b9a0;

}

#logoWrapper{ background:url(../images/logobg.gif) repeat-x left top; height:83px;}

#logo { width:220px; float:left; }

#list { float:right; width:500px; color:#FFFFFF}

#list ul { text-align:right}

#list ul li { float:left; margin:6px 0;}

.bag { background:url(../images/shoppingbag.jpg) no-repeat left center; padding-left:30px;}

#cart { background:url(../images/cart.gif) no-repeat left center; padding-left:20px; margin-top:50px}

#list a {margin:0 10px;color:#fff;font-weight:bold}

#list a:hover {color:#ff6600}





#menu{ margin:1px auto; padding:0; background: #847963; border-top:0px solid #492b20;border-bottom:3px solid #6b6050; height:28px; color:#fff; font-weight:bold}

#menu .banner { background: red}

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

#menu li{ line-height:28px;  float:left; border-right:1px solid #c2b9a0;}

#menu li a{

    cursor:pointer;

	float:left;

	height:28px;

	line-height:28px;

	padding-left:20px;

	padding-right:20px;

	color:#fff;

	font-weight:bold }

#menu li a:hover{ text-decoration: underline; color: #eee;}





#submenu { background:#ddd; padding:5px 0 3px 15px;}

.notice { float:left; font-weight:normal;

	width:540px; 

	background:url(../images/noticedot.gif) no-repeat 10px center; padding-left:30px}

#topBar{ background:url(../images/noticebg.jpg) repeat-x left bottom;

	margin:0 auto;

	color:#2C2C2C;

	font-weight:bold; padding:5px; height:15px

	}



.topBox{

	float:left; text-align:right;



	}

#nav_header{ border:none; }/*Home login*/

#lang_header{ border:none; padding:0 10px; float:right;}

#currency_header{ border:none; float:right}

#cart_header{

	background:url(../images/cart_bg.gif) 2em 0 no-repeat;

	padding:.2em 0 0 8em;

	}

/*------------------------header css---------------------------------*/



/* login */

.textlist { padding-left:5px; margin:0}

.textlist ul { margin:0}

.textlist ul li { margin:3px; line-height:150%}



input,textarea,{padding:0; vertical-align:middle;COLOR:#492b20;}
/*login box background effects*/

#loginbox{ background: url(../images/loginbg.jpg) repeat-x top;}



#loginContent{background: url(../images/loginbg_key.jpg) no-repeat 100% -28px;}



#loginbox div.btn { float:right; clear:both;}

#loginbox .btn input {/*ť*/ 

	vertical-align: middle;

	text-align:center;

	color:#fff;

	font-weight:bold;

	height: 26px;

	width: 67px;

	border:0;

	cursor:pointer;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

} 



.servicebg { background: #efefef url(../images/servicebg.jpg) bottom center no-repeat; height:100px;}

#livechat {  width:120px;height:60px; margin-top:100px;

display: block}



/* login */





#whatsnew .sideBoxContent { text-align:center}

#productListing { text-align:center}

.categoryListBoxContents { text-align:center; vertical-align:middle; color:#FF6600; font-weight:bold; background:#eee; padding-bottom:10px}

#ttt { background:#000000; padding:3px; color:#FFFFFF; padding-left:20px}



#indexCategoriesHeading { color:#000; margin:10px 0}





#featured .centeredContent { text-align:center;}

#productListing .centerBoxContentsProducts { color:#FF6600; font-weight:bold}



.additionalImages {text-align:center;}

.additionalImages a img {padding:10px;}

#productAdditionalImages .centeredContent { }





#navSupp { background:#fff; padding:5px; border-top:5px solid #c2b9a0}

#bottomNav {}

#bottomNav ul { background:none}

#bottomNav ul li a{ color: #993300;}

#bottomNav ul li a:hover{ color:#CC6633; text-decoration:underline}

3.







#productDescription { background:#fff; border:solid 1px #CCCCCC;}

#productDescription div {  border:1px solid #999900; background:url(../images/noticebg.jpg) repeat-x top; margin:10px; padding:5px;padding-top:30px;}

#productDescription ul {  list-style:disc; font-size:14px; color:#ff9900; margin:25px}





#number {

	width:30%;

	height:234px;

	float:left;

	clear:right;

	line-height:40px;

	text-align:left;

}



-->



#pic_go{

	width:70%;

	height:250px;

	float:left;

	clear:left;

}

.likespan{

width:95%;

height:40px;

border:#00FF00 solid 1px;

cursor:pointer;

text-align:center;

}