/**



 * 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 $



 */



body { 



	background:#333;



	margin:0; 



	font-size:12px; 



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



	color: #000000;



	line-height:150%;



	text-align:center; padding:5px;



}



a{color: #000000; text-decoration: none;}



a:hover { color: #FF6600; text-decoration: none;}



a img{ border:0;}



/*wrappers - page or section containers*/



#mainWrapper {



	background-color:#ffffff; border:0px solid #999; padding:5px;



	margin:10px auto;



	text-align: left;



	width: 930px;



	vertical-align: top;



	clear:both;



	}



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



#headerWrapper {



    margin-top:0;



	margin: auto;



	clear: both;



	width: 930px;background: #FFFFFF no-repeat 270px center;



}



#logoWrapper{height:100px; margin-bottom:1px;}



#logo { width:258px; float:left; margin-top:10px}



#freeshipping {width:138px;float:left; margin-left:30px; margin-top:6px;}

#list { float:right; width:490px;}



#list ul { text-align:right; list-style-type:none;}



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



#list input { border:1px solid #444}



.bag { background:url("../images/shoppingbag.jpeg") 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:#555;font-weight:bold}



#list a:hover {color:#ff6600}



#menu{ margin:1px auto; padding:0; background: #8C6238; height:30px; color:#fff; font-weight:bold}



#menu .banner { background: red}



#menur { float:left; height:30px; line-height:30px;}



#menur a { padding:0 8px; color:#fff; text-decoration:underline;}



#menur a:hover { text-decoration:none}



#menu ul{ list-style:none; margin:0; padding:0; float:left; padding-right:30px; height:30px;background:#000 url("../images/menubrown.gif") no-repeat right center}



#menu li{ line-height:25px; padding-left:6px; float:left; font-size:14px}



#menu li a{cursor:pointer;



	float:left;



	height:25px;



	line-height:25px;



	padding-left:10px;



	padding-right:10px;



	color:#fff;



	font-weight:bold;



	background:url("../images/menudiv.gif")  no-repeat right center;}



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



#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---------------------------------*/



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



	margin-bottom:6px;



	border:1px solid #ccc;



	padding:1px



}



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



	background: url("../images/brownboxHeadingbg.gif") left top; 



	height:30px; 



	color:#fff; 



	font-size:14px; 



	font-weight:bold;



	padding-left:20px;



	padding-top:3px;



}



.leftBoxHeading a,.rightBoxHeading a { color:#fff; }



.leftBoxHeading a:hover,.rightBoxHeading  a:hover { color:#fff;text-decoration: underline;}



.sideBoxContent {padding:10px; 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;



}



#categoriesHeading {/*categoriesheading BOX tittle*/



	background: url("../images/lefttop---.jpg") no-repeat center top; 



	height:20px; 



	color:#000; 



	font-size:14px; 



	font-weight:bold;



	padding-left:20px;



}



#chcategoriesHeading {/*categoriesheading BOX tittle*/



	line-height:20px; 



	color:#000; 



	font-size:14px; 



	font-weight:bold;



	padding-left:20px;



	display:none



}



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



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



#categoriesContent ul li { margin:1px; border-bottom:1px solid #efefef; line-height:25px }



#categoriesContent ul li a.category-top{ padding-left:20px;}



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



#categoriesContent ul li a.category-products{ color:#333; padding-left:30px;background:url("../images/dot.gif") no-repeat 18px center;}



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



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



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



#chcategoriesContent ul li { margin:1px; border-bottom:1px dashed #ccc; line-height:25px }



#chcategoriesContent ul li a.category-top{ display:block; padding-left:20px; font-weight:bold; font-size:12px;



background: url("../images/brownboxHeadingbg.gif"/) left top; }



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



#chcategoriesContent ul li a.category-products{ color:#333; padding-left:10px;background:url("../images/dot.gif") no-repeat 8px center;}



#chcategoriesContent ul li a.category-products:hover{ text-decoration:underline }



.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 */ 



	border:0px solid  #eeeeee;



	height: 1%;



	margin-bottom:8px;



	padding:1px;



	text-align:center;



}



.centerBoxHeading{/*center box tittle */



	margin: 1em;



	padding:0; text-align:left;



	font-size:12px;



	color: #333;



	height:20px;



	border-bottom:2px solid #333;



}



#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;}/*index main text*/



#indexDefaultMainContent td { padding:5px 0} 



#indexDefault .centeredContent,#shoppingCartDefault .centeredContent { /*centerbox content*/



	text-align: center;



	padding:0;	



}



#navBreadCrumb {/*导航*/



	padding:5px;



	font-size:12px;



	font-weight: bold;



	margin-left:10px; background:#eee;



	}



#navSuppWrapper{border-top:3px solid #ddd;text-align: center; margin-top:5px; background:#fff}/*footer*/



#payments{



	float:left;



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



	width:25%;



	padding:1em 0;



	}



#bottomNav{



	margin:auto;



	}



#bottomNav ul { background:#000}



#bottomNav a, #bottomNav a:visited{



	color:#9a9a9a;



	text-decoration:underline;



	}



#navSuppWrapper ul { background: #fff; }



#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 dashed #CCCCCC; padding:3px 0; margin-bottom:10px;  background:#eeeeee; font-weight:bold; font-size:14px;}



.navNextPrevWrapper { margin-bottom:10px; width:auto;}



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



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



	.imgLink{ }



#productName{ color:#000000; font-size:14px}



#productDescription, .shippingEstimatorWrapper {



	padding:3px;



	}



	.biggerText {font-size: 1em;}



	



#cartAdd {



	text-align: center;



	margin: 1em;

	float:right;

	border: 1px solid #CC6600;



	padding: 1em;



	}



.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:#333; color:#FFFFFF; padding:3px;



	 }



	.productListing-data { padding:5px; border-bottom:1px dashed #CCCCCC; text-align:left}/*表格文字*/



	.productListing-data a { text-decoration:underline; font-weight:bold}



	.productListing-data a img { border:1px solid #fff; padding:5px;}



	.productListing-data a:hover img { border:1px solid #eee; padding:5px;}



	.productListing-odd { }/*行样式1*/



	.productListing-even{ background: #fff}/*行样式2*/



	.itemTitle { padding:0;line-height:150%; font-weight:normal; font-size:12px}



/*购物页面 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;



	}



h1 {



	font-size:12px; margin-bottom:5px; font-weight:normal;



	}



h2 {



	font-size: 1.4em;



	}



h3 {



	font-size: 1.3em;



	}



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, SELECT, INPUT {



	display: inline;



	font-size: 1em;



	margin: 0.1em;



	}



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%;



	}



 #accountLinksWrapper { border:5px 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;



	}



#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;



	}



#whatsNew { text-align:center}



/*.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, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {



	padding: 0.5em 0em;



	}



.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 {



	font-weight: bold;



	}



.totalBox {



	width: 5.5em;



	text-align: right;



	padding: 0.2em;



	}



.lineTitle, .amount {



	text-align: right;



	padding: 0.2em;



	}



.amount {



	width: 5.5em;



	}



/*Image Display*/



#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {



	margin: 0em 1em 1em 0em ;



	}



#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 {}



#categoriesHeading {



	font-size:15px;



	}



.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:#FFFF99;



	text-decoration: none;



	}



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: #FF0000;



	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;



}



/*右侧购物框*/



.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;



	}



/* login */



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



.textlist ul { margin:0}



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



.btn {



	vertical-align: middle;



	color: #FFFF99;



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



	height: 25px;



	width: 52px;



	border:0;	



	margin:0;



	font-size:12px;



	border:none



}



input,textarea,select { background: #FFFFFF; padding:0; vertical-align:middle;



	background: #fff;



	COLOR: #000000;}



/*login box background effects*/



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



#loginboxHeading{background: url("../images/loginbg_key.jpg") no-repeat top right;}



#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}



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



marquee { border:0px solid #cccccc; background:#000; width:700px; color:#fff; font-weight:bold;}



#indexCategoriesHeading { color:#000; margin:10px 0; font-size:12px}



#productListHeading { color:#000; margin:10px 0; font-size:12px}