/** 蓝色#146eb4 橙色 #cc6600

 * 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:#ffffff; 

	margin:0;

	padding:0; 

	font-size:12px; 

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

	color: #000000;

	line-height:150%;

	text-align:center;

}



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

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



a img{ border:0;}







/*wrappers - page or section containers*/

#mainWrapper {

	background-color:#ffffff;

	margin:0 auto;

	text-align: left;

	width: 950px;

	vertical-align: top;

	clear:both;

	}



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


margin-bottom:6px;


padding-bottom:6px;




border:1px solid #ccc; 

}


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



font-size:12px;

	height:22px; 

	color: #FF6600; 

	font-size:12px; 

	font-weight:bold;

	padding-left:20px;

	padding-top:3px;
	border:none;

}

.rightBoxHeading,.leftBoxHeading {

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

}
#categoriescssHeading{
background:#CCCCCC;
}



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

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



.sideBoxContent { padding:10px; }

#categories .sideBoxContent{ padding:0;  }



#leftkey {width:180px; padding:5px; 

	background: url(../images/bj2.jpg) left bottom no-repeat; padding-bottom:70px; margin-left:5px; font-size:11px;}

#whatsnew .sideBoxContent {text-align:center;}

.wrapper ul { list-style:none; margin:0}

.wrapper ol{ color:#000000; margin:0; list-style:none}

.wrapper ol li { border-bottom:1px dashed #ddd;}

.wrapper ol li a { color:#000000}

.wrapper ol li a:hover{color: #146eb4 }



#000categories{/* categories box*/
	background:url(../images/leftbg.jpg) repeat-y center; margin-bottom:6px;
}
#categoriesHeading {/*categoriesheading BOX tittle*/}
#categoriesContent{padding:1px; border:1px solid #CCCCCC}
#categoriesContent ul { margin:0; padding:0; list-style-type:none; }
#categoriesContent ul li { margin:1px; border-bottom:1px solid #fff; line-height:25px }
#categoriesContent ul li a.category-top{ text-decoration:underline;  padding-left:25px; color:#444444;background:url(../images/cdot.gif) no-repeat 10px center;}
#categoriesContent ul li a.category-top:hover{ color: #ff6600; text-decoration:none; border-bottom:0px solid #FF9900}
#categoriesContent ul li a.category-products{ color:#444444; padding-left:25px;}
#categoriesContent ul li a.category-products:hover{ color: #ff6600; text-decoration:underline }



#chcategoriesHeading {/*categoriesheading BOX tittle*/ }
#chcategoriesContent{padding:1px; border:0px solid #CCCCCC}
#chcategoriesContent ul { margin:0; padding:0; list-style-type:none; }
#chcategoriesContent ul li { margin:1px; border-bottom:1px solid #fff; line-height:22px }
#chcategoriesContent ul li a.category-top{display:block; padding-left:10px;color:#444444;font-weight:bold; background:#eee}
#chcategoriesContent ul li a.category-top:hover{color: #ff6600; text-decoration:none;}
#chcategoriesContent ul li a.category-products{ display:block; color:#444444; height:22px;background:url(../images/cdot.gif) no-repeat right center;border-bottom:1px solid #fff }
#chcategoriesContent ul li a.category-products:hover{ color: #ff6600; text-decoration:none; border-bottom:1px solid #ff6600}








.rightBoxContainer{ background: url(../images/box_bg.jpg)  bottom  repeat:none; padding-bottom:6px;}



.centerBoxWrapper {/*center box border */ 

	border:1px solid  #ddd;

	border-top:0px;

	height: 1%;

	margin-bottom:8px;

	text-align:left;

}

.centerBoxWrapper a img { border:1px solid #fff; padding:5px;}

.centerBoxWrapper a:hover img { border:1px solid #90C92D; padding:5px;}



.centerBoxHeading{/*center box tittle */

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

	margin: 0em;

	padding:3px 6px 6px 20px;

	font-size:12px;

	color:#FF6600;

}



#cbox_wraper { border:1px solid #efefef; border-top:0px; height:100%; overflow:hidden}

#cbox_wraper li { list-style-type:none; color:#999999; font-size:11px;}

#cbox_wraper .more a{ color:#FF6600; text-decoration:underline;}



.cbox {  width:30%; float:left; padding:3px; margin:0; padding-left:10px}

.ctitle a { padding-left:10px; font-size:12px}







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

	margin:0 6px;

	padding:6px;

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

}





  /*首页样式*/

#indexDefault{ margin:0 6px;}/*不要同时用.centercolumn*/

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

#indexDefaultMainContent td { padding:5px 0} 

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

	text-align: center;

	padding:0;	

}

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

#productListing .centeredContent a img { }

#productListing .centeredContent a:hover img { border:1px solid #eeeeee}



h1 { 

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



	}



h2 {

	font-size:12px;

	}



h3 {

	font-size:12px;

	}



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

	font-size:12px;

	}







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

	}



LEGEND {

	color:#FF5500;

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

	color: #ffffff;

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}



.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}







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

	margin: 0 auto;

	padding: 0em ;

	}





#tagline {

	color:#000000;

	font-size: 1.8em;

	text-align : center;

	vertical-align: middle;

	}



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



.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) 1.5em 0 no-repeat;

	width:25%;

	padding:1em 0;

	}

#bottomNav{

	margin:auto;

	}





#navCatTabsWrapper {

	background-color: #fff;

	color: #000000;

	background-image:none;

	text-align:left;

}



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

	margin: 0;

	padding: 0.5em 0em;

	list-style-type: none;

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

	white-space: nowrap;

	}

#navSupp ul li a:hover {

	text-decoration:underline;

	}



#navCatTabs ul li a {

	color: #000000;

	}



#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:0 20px 20px 0;

	}





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







#informationContent a:link, #informationContent a:visited, #bestsellersContent, 

#bestsellersContent a:link, #bestsellersContent a:visited{



	}

#extralinks{

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

	}







#bestsellers .wrapper {

	}



#bestsellers ol {

	padding: 0;

	margin:0;

	}



#bestsellers li {

	padding: 0;

	margin:0;

	}

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

	

	}



.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 {/*导航*/

	padding:3px 6px 3px 6px;

	font-size:12px;

	font-weight: bold;

	margin: 0 6px 6px 6px;

	background:#eeeeee

	}

#navSuppWrapper{border-top:3px solid #f4f4f4;text-align: center;}/*footer*/

#navSuppWrapper ul {}

#siteinfoIP { } 

#siteinfoLegal { text-align:center;}

#siteinfoLegal img { margin:0 10px;}

.tags { font-size:11px; color:#000000}

/*category pages*/

#indexCategoriesHeading,#productListHeading { color: #FF5500; margin-top:-5px; margin-bottom:5px; padding-left:5px; font-size:18px}

#categoryImgListing { text-align:center; }

.categoryListBoxContents a { font-size:14px; font-weight:bold; margin-bottom:5px}



/*product_info*/

#productinfoBody { background:#ffffff}

#productinfoBody #contentMainWrapper { margin:5px auto }

#productinfoBody .rightBoxContainer {

	margin-bottom:6px; 

	width:200px

}

#reviewsWriteHeading { font-size:12px}



.sidepbox {text-align:center;  height:60px;padding-left:10px;}

.sidepbox a img { float:left}

.sidepbox .proname {float:left; width:120px; text-align:left; margin-left:10px;}



.allinfo { clear:both; font-size:12px; font-weight:bold;}

#topajax { border:1px solid #CCCCCC; height:150px; overflow:hidden}

#topajax .left {height:120px; width:30px; background: url(../images/lefta.gif) no-repeat center center; float:left; cursor:pointer;}

#topajax .right {height:120px; width:30px; background: url(../images/rightb.gif) no-repeat center center; float:right; cursor:pointer;}

#topajax .pbox {text-align:center; width:100px; height:100px;   float:left;  margin-left:10px;}

#topajax .pbox { line-height:100%}

#contentMainWrapper #navBreadCrumb { margin:0 6px 6px 0; padding:3px; background:none}

.categoryIcon {border-bottom:1px solid #CCCCCC;}

.navNextPrevWrapper { margin-bottom:10px;}

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

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

	.imgLink{ }

#productDescription, .shippingEstimatorWrapper {

	padding:3px; 

	}

	.biggerText {font-size: 1.2em;}

	ul{ list-style:none;}

#cartAdd {

	float: left;

	text-align: center;

	margin:10px 0;

	padding:10px;

	}

#productDescription { clear:both; border:1px solid #FFCC66; background: #FFFFF7; padding:10px;}

#productListing { border:3px solid #eeeeee; margin:5px auto; padding:3px}



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

	 }

	.productListing-data { padding-left:3px;}/*表格文字*/

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

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

	.itemTitle { padding:5px;line-height:120%; font-size:11px; font-weight:normal;}

	.listingDescription  {padding:5px;line-height:120%; font-size:11px; font-weight:normal; }

	





/*购物页面 tpl_shopping_cart_default.php*/

#cartContentsDisplay { }/*包含购物列表*/

.tableHeading {

	background-color: #eeeeee;

	}

.tableHeading th{

	border-bottom: 2px solid #FF9900; color:#FFFFFF;

	}

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

	}







#headerWrapper {

	margin: auto;

	clear: both;

	background:#ffffff;

}

#logoWrapper{ background:red; height:88px; background:url(../images/bannertop.jpg) no-repeat right center;}

#menu{padding-right:20px;

height:28px; background:url(../images/menubg.gif);

}

#menu ul{ float:right;

height:25px;

margin:0;

padding:0;}

#menu li{ height:25px;

float:left;

margin-right:1px;

list-style:none;}

#menu a{ background:url(../images/menu.gif) no-repeat 0 -50px;

float:left;}

#menu a span{ cursor:pointer;

	background:url(../images/menu.gif) no-repeat 100% -75px;

	float:left;

	height:25px;

	line-height:25px;

	padding-left:20px;

	padding-right:20px;

	color:#fff;

	font-weight:bold}

#menu a:hover{ background-position:0 0; text-decoration:none;}

#menu a:hover span{ background-position:100% -25px;

color:#fff;}

#menuhover a,#menuhover a:hover,#menu a:active{ background-position:0 0; }

#menuhover a span,#menuhover a:hover span,#menu a:active span{ background-position:100% -25px;

color:#fff;}

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







h2 { font-size:14px; text-align:left;}





.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/bn_log.jpg) no-repeat center center;

	height: 31px;

	width: 64px;

	border:0;	

	margin: 7px 3px 5px;

	font-size:12px;

}

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 right no-repeat; height:300px;}

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

display: block}



/* Clear Fix */

.clearfix:after 

{ 

content:"."; 

display:block; 

height:0; 

clear:both; 

visibility:hidden; 

} 

.clearfix 

{

display:inline-block;

}

/* Hide from IE Mac \*/ 

.clearfix {display:block;} 

/* End hide from IE Mac */ 

/* end of clearfix */







.back {

	float: left;

	}

.centerBoxContentsAbout{ text-align:left; padding-left:5px;}

#productName { background:none;font-size:12px;}

.abcd { background: #CC6600; color:#FFFF99; font-weight:bold; padding:0 3px; text-align:center;}

.payimg {width:166px; height:133px; background:url(../images/paylink.gif) no-repeat center center; }

.cartimg { width:80px; height:79px; background:url(../images/virtuemart_cart.gif) no-repeat center center; margin:0 auto }

.rmb { width:300px; float:left;}



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

	margin:0 auto;

	color:#2C2C2C;

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

	}

marquee { border:1px solid #cccccc; background:#FFFFFF; width:400px; color:#006AB6; font-weight:bold;}

.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; float:right;

	}

	

/*----------------------------------------top start----------------------------------------------------------*/





#newheadwraper{ 

	width:950px;

	margin:10px auto;

	clear:both;

	height:100%;

	position:relative;



}



ul, li, form {

	margin:0;

	padding:0

}

#newheadwraper a {

	text-decoration:none

}

#newheadwraper a:hover {

	text-decoration:underline;

	color:#ff5500;

}



#logo {float:left;}

#welcome { width:200px; line-height:28px; float:left; margin-top:40px; margin-left:10px; color:#555}

#welcome a { color:#FF5500; margin:0 5px;}

#list { margin:0;padding:0;}
#list a {margin:0 5px;color:#555;font-weight:bold;}
#list a:hover {	color:#ff6600}
#list li {display:inline}

.xialacaidan{padding-left:63px;

padding-top:22px;
right:10px;



background:url(../images/top_menu_left.gif) no-repeat right 22px}



ul#topmenu,ul#topmenu ul{

	margin: 0 auto;

	text-align:left;

	padding: 0;
	right:10px;

	list-style: none;

	z-index:2000;



}

ul#topmenu {

padding-left:30px;

	display:block;

	height:27px;

	clear:both;

	margin-right:-10px;

}

ul#topmenu{ background:url(../images/top_menu_right.gif) no-repeat 20px 0px; right:10px;

}



ul#topmenu li {

	position: relative;

	z-index:999;

	float:left;

	width:10px;

	font-weight:bold;

	background:url(../images/tpm.gif) no-repeat 0 7px;



}

ul#topmenu ul li{

	display:block;

	background-image:none;

	font-weight:normal

}

ul#topmenu ul { padding-left:0;

	width:345px;

	_width:365px;

	height:auto;

	padding:5px 5px 5px 10px;

	position: absolute;

	top:20px;

	text-align:left;

	left:-10px;

	background:#fff;

	display: none;

	border:solid 1px #ccc;

	border-bottom:1px solid #888;

	border-right:1px solid #888;

		background-color:#FFFFF4

}



/*当鼠标在子菜单和父菜单上时，父菜单的样式*/

ul#topmenu li.over a,ul#topmenu li:hover a{

}

/*将子菜单的样式清除*/

ul#topmenu li.over ul a,ul#topmenu li:hover ul a{

	font-weight:normal;

	color:#777;

}

/*子菜单的hover样式*/





/* Styles for Menu Items */

ul#topmenu a {

	font-size:12px;

	line-height:25px;

	display: block;

	color: #777;

	height:17px;

	text-indent:10px;

}



ul#topmenu ul li{

	width:360px;

	border:0;

}

ul#topmenu ul li a{ padding-top:0px;

padding-right:0; padding-left:5px;

text-indent:3px;

padding-bottom:0px; }

ul#topmenu .cate_two li a{ color:#FF0000!important}

.cate_two a{ display:inline-block!important; font-weight:normal!important; line-height:18px!important;}

.cate_two span a{ font-weight:bold!important; display:block}

.cate_two span { display:block}

/* Fix IE. Hide from IE Mac \*/

* html ul#topmenu li { float: left; height: 17px; }

* html ul#topmenu li a {  height: 17px; }

/* End */



ul#topmenu ul a {border:0;} /* Sub Menu Styles */

		

ul#topmenu li:hover ul,ul#topmenu  li.over ul { display: block; } /* The magic */





#main_search {

	width:950px;

	margin:auto;

	clear:both;

	background:url(../images/search_bg.gif);

	height:83px;

	overflow:hidden

}

#main_search .left {

	background:url(../images/main_search_l.gif) no-repeat left;

}

#main_search .right {

	background:url(../images/main_search_r.gif) no-repeat right;

	height:63px;

}

#main_search #search_box {

	width:640px;

	margin-left:10px;

	padding-top:20px;

}

#main_search #search_box input { border:1px solid #888;}

#main_search #search_box span {

	line-height:25px;

	display:block;

	float:left;

	font-weight:bold;

	color:#444444;

	font-size:16px;

}

#main_search input, select {

	font-family:Arial;

	font-size:12px;

	padding:0;

	margin:0;

	border:0px solid #A7A6AA;

	padding:2px 10px 2px 10px;

 

}

#main_search input {

	width:300px;

	margin:0 10px

}

#main_search select {

	width:200px;

}

#main_search #main_search_go {

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

	border:0;

	height: 23px;

	line-height:23px;

	width: 39px;

	cursor:pointer;

}

#main_search #cart {

	width:280px;

	float:right;

	padding-top:10px;

}

#main_search #cart .a_search {

	color: #000000;

	text-decoration: underline;

	font-size:13px; display:block; float:left; line-height:35px;}



#main_search #cart .a_search:hover{ color:#000000; text-decoration:none;}

#main_search #cart .mycart {

text-align:left;

	display: block;

	width: 150px; float:left; padding-top:10px; color:#373737;

	background: url(../images/car001.gif) no-repeat left 2px;

	height:26px;

	margin-left:10px;

}

#main_search #cart .mycart:hover{ text-decoration: none;background: url(../images/car002.gif) no-repeat left 2px;}

#main_search #cart .mycart span{ font-weight:bold; margin-left:35px; margin-right:5px; font-size:15px }

#main_search #cart a.mycart:hover span {color:#f33f00}




#pop_search {clear:both;width:900px;padding-left:10px;padding-top:12px;	color:#8B8B8B;}
#pop_search ul { margin:0}
#pop_search li {display:inline; float:left}
#pop_search li a {margin:0 5px;color:#555;font-weight:bold; padding-left:15px; padding-right:15px}
#pop_search li a:hover {	color:#ff6600}




/*search_div  start */

#search_div{

width:150px; 

height:200px; 

float:left; 

background:white; 

margin-left:20px; 

margin-top:10px;



}

#search_div div{

width:150px; 

height:130px; 

background:white; 

text-align:center;

}

/*search_div  end */



#bottom_search {

	margin:auto;

	background:#ececec;

	border:1px solid #ccc;

}

#bsn{ border-left:1px solid #fff;

border-top:1px solid #fff;

padding:10px;

text-align:center}



#bottom_search #search_box {

	width:650px;

	margin-left:20px;

	padding-top:5px;

}

#bottom_search #search_box span {

	line-height:25px;

	display:block;

	float:left;

	font-weight:bold;

	color:#fff;

	font-size:16px;

}

#bottom_search input, select {

	font-family:Arial;

	font-size:12px;

	padding:0;

	margin:0;

	height:19px;

	line-height:19px;

	border:1px solid #b1b1b1;

}

#bottom_search input {

	width:300px;

	margin:0 10px

}

#bottom_search select {

	width:170px;

}

#bottom_search #main_search_go {

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

	border:0;

	height: 23px;

	line-height:23px;

	width: 39px;

}



/*------------------------------------------top end-----------------------------------------------------------*/

/*----------------------show menu------------------------------------------------*/

#allc { margin:0; padding:0; float:left; position:relative;} /* margins for this demonstration only */

#allc li {	}

#allc li a.tl {}

#allc div {display:none;}



#allc li a:hover {text-decoration:underline; white-space:normal; }

#allc li:hover > a {text-decoration:underline; white-space:normal;}



#allc :hover div

{display:block; width:360px; z-index:2000; background:#efefef; position: absolute; left:0px ; top:26px;  

border:1px solid #cccccc; 

 padding:5px 0px 10px 10px;}



#allc :hover div dl { font-size:11px;display:inline; padding:0; margin:0; float:left; width:120px; text-align:left; border-bottom:1px solid #eeeeee;}

	#allc :hover div dl dt {width:120px;  margin:0; text-decoration:none; line-height:20px; }

		#allc :hover div dl dd {padding:0; margin:0;}

	#allc :hover div dt a {text-decoration:none; color:#000; font-size:11px;font-weight:normal;}

	#allc :hover div dt a:hover {color: #FF6600; text-decoration:underline;}

		#allc :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:10px; color:#000; text-indent:10px; line-height:15px;}

		#allc :hover div dd a:hover {text-decoration:underline;}



#allc .clear {clear:both;}

.clear {clear:both;}



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

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

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



/* pages 123456*/

#specialsListingBottomLinks { border:1px solid #3366CC; padding:5px;}







/*lightbox*/

/* lightbox \*/

#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}

#lightbox a img{ border: none; }

#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}

#imageContainer{padding: 10px;}

#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}

#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}

#imageData{padding:0 10px;}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold;}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}

#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.clearfix:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}

* html>body .clearfix {display: inline-block;width: 100%;}

* html .clearfix {height: 1%;}

/*top's and bottom's search pagination        start*/

.div_style div{

width:50px;

height:20px;

float:left;

text-align:center;

background:#FFFFFF;

}

.div_style{

background:#E3E3E3;

width:610px;

height:auto;

float:left;

text-align:center;

padding-top:4px;

padding-bottom:4px;

padding-left:10px;

margin-right:20px;

text-align:center

}

#categoriesContent ul li.end_cate_main_rs,.end_cate_sub_rs{ border-bottom:0px!important;}

.tableHeading th{ color:#000000}

.rowOdd td{ background-color:#FFFFF7}

#productQuantityDiscounts{ width:320px;}

h3#attribsOptionsText{ color:#666666}

.wrapperAttribsOptions h4 .attribsSelect{ margin:0; padding:0;}

.wrapperAttribsOptions .pro_sty{ padding-top:5px; padding-left:5px;}

#bottomNav ul{ text-align:center}

#list{ text-align:right}

#bannerboxall #bannerboxallContent{ text-align:center;}

#whatsnew #whatsnewHeading{ margin-bottom:8px;}



#bannerThree { margin:0 6px}


#bestsellersContent {color: #FF3300; padding:0;}
#bestsellersContent ol { list-style:none; margin:0}
#bestsellersContent ol li { border-bottom:1px dashed #ccc;color:#FF6600; margin:0 3px; }
#bestsellersContent ol li a { color:#444; font-size:11px; line-height:150%}
#bestsellersContent ol li a:hover { color:#FF6600; text-decoration:none}

#featured .sideBoxContent { text-align:center; color:#ff6600}
#whatsnew .sideBoxContent { text-align:center; color:#ff6600}

/*ADD BY BENNY*/

.sideBoxContent_2{
text-align:center; 
color:#ff6600
	}
.hr_d {background:url(../images/hr_d.gif) 0 50% repeat-x;height:10px;}
.margin_t {margin-top:10px;}
.pad_10px {padding:10px;}
.pad_l {padding-left:4px;}
.pad_text {padding-left:2px;}
.pad_l_90px {padding-left:90px;}
.pad_1em {padding-left:10px;}
.pad_em {padding-right:10px;padding-left:10px;}
.pad_r_5px {padding-right:5px;}
.pad_l_28px {padding-left:28px;}
.pad_t {padding-top:0;}
.pad_top {padding-top:10px;}
.pad_bottom {padding-bottom:10px;}
.pad_b2 {padding-bottom:2px;}
.pad_5 {padding:5px;}
.pad_3 {padding:3px;}

.font_normal{font-style:normal;font-weight:normal;}

.maxwidth{width:100%;}
.halfwidth {width:50%;}
.fl{float:left;}
.fr{float:right;}

/*img_float*/
.img_fl {float:left;margin:0.5em 0.8em 0 0;}
.img_fr {float:right;margin:0.5em 0 0 0.8em;}
/*letter_spaing*/
.letter_1px {letter-spacing:1px;}
/*cursor*/
.hand {cursor:pointer;}
/*forms*/
.s_select,.s_input,.l_select,.l_input {border:1px solid #b9b9b9;}
.s_input,.l_input {font-size:12px;}
.s_select {width:93px;}
.s_input {width:90px;}
.l_select {width:323px;}
.l_input {width:320px;}
.h1 {display:inline;font-size:12px;}
.flow {overflow:hidden;}

.red, a.red:link, a.red:visited {
	color:#579345;
}

/*==========define forms element===========*/
textarea,input, select {font-size:11px;font-family:Arial,Helvetica,sans-serif;font-weight:normal;}
.input_4 {width:140px; height:14px !important; height:14px; line-height:14px;border:1px solid #ddd;padding:5px;}
.input_5 {width:250px; height:14px; line-height:14px; border:1px solid #ddd;padding:5px;}
.textarea1 {width:350px; height:120px; font-size:12px; border:1px solid #ddd;padding:5px;}
/*btns*/
button {
background:url(../images/button.gif) repeat-x;
cursor:pointer;
border:1px solid #ddd;
line-height:18px;
font-family:Arial,Helvetica,sans-serif;
}
button:hover,button:active{background:url(../images/button_over.gif) repeat-x;color:#333;}
#menu_index_top li{ overflow:hidden;}
#menu_index_top li a:link,#menu_index_top li a:visited{color:#fff;font-size:15px;width:184px;height:38px;display:block;color:#fff;margin-top:6px;font-weight:bold;text-indent:1em;line-height:38px;}/*#8E0314 */
#menu_index_top li a:hover {background-position:0 -38px;}

.cate_title {background:#8e0011 url(../images/cate_title.gif) no-repeat 2px 0; height:26px;text-indent:14px; color:#000; line-height:26px; font-weight:bold; width:184px;font-size:12px}

.product_title {font-size:12px; font-weight:bold; line-height:100%;}

.blue_con {border:1px solid #ddd;padding-bottom:8px;clear:both;}

.blue_con h3 {background:url(../images/blue_head_bg.gif) repeat-x;height:28px;line-height:28px;margin-bottom:6px;padding:0;}
.blue_con h4 {background:#E1F1F6 url(../images/blue_head_bg.gif) repeat-x;margin-bottom:6px;padding:6px 0;}
.blue_con p {padding:0 12px;margin:0;}
.blue_con p strong {font-size:12px;}

.order_news {background-color:#fff;margin:0 6px;display:block;padding:4px 5px;}
.order_news input {margin:3px 0;}

.bg_letter {background:url(../images/bg_letter.gif) no-repeat;padding:10px 0 10px 60px;}
.g_t_m {vertical-align:middle;}