/**

 * 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 url(../images/bg00.gif);

	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: 900px;

	vertical-align: top;

	clear:both;

	}





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

#headerWrapper {

	margin: auto;

	clear: both;

	width: 900px;background: #FFFFFF url(../images/topbg.jpg) no-repeat 270px center;

}

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

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

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

#list ul { text-align:right}

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

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

.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:#555;font-weight:bold}

#list a:hover {color:#ff6600}





#menu{ margin:1px auto; padding:0; background: #34B4D1; 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/menublue.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;

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

	border:1px solid #ccc;

	padding:1px

}

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

	background: url(../images/lrheading.gif) no-repeat 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 { background:url(../images/boxbottom---.jpg) no-repeat center bottom; 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; 

	line-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; color:#000000;}

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

#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{ color: #CC6600; 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; color:#fff; font-size:14px;

background: url(../images/lrheading.gif) no-repeat left top; }

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

#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{ color: #006699; 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: 0em;

	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; background:#eeeeee; }/*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;}

#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: 1.2em;}

	ul{ list-style:none;}

#cartAdd {

	text-align: center;

	margin: 1em;

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



	}



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:1.1em;

	}



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