/** ?ɫ#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: #FF5500; 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 {/*left&right box border */



margin-bottom:6px;	



padding-bottom:6px;



		border:1px solid #eeeeee;



	border-top:0px; 

}



#categories{ border:0px}



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



margin-bottom:6px;	



padding-bottom:6px;



	border:1px solid #eeeeee;



	border-top:0px;







}



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







font-size:12px;







	height:34px; 



	color: #FF9300; 



	font-size:12px; 



	font-weight:bold;



	padding-left:20px;



	padding-top:3px;



}



.rightBoxHeading {



background:transparent url(../images/right_title_bg.gif) no-repeat scroll center top;



}



.leftBoxHeading{



background:transparent url(../images/left_title_bg.gif) no-repeat scroll left top;



}



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



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



.sideBoxContent { padding-left:0px;}







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



.wrapper ol li a { color:#000000}



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







#categories{/* categories box*/



	margin-bottom:6px;



}







#categoriesHeading {/*categoriesheading BOX tittle*/



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



	line-height:20px; 



	color:#000000; 



	font-size:12px; 



	font-weight:bold;



	padding-left:20px;



}











#categoriesContent ul{



margin: 0;



padding: 0;



list-style-type: none;



width: 190px; /* Width of Menu Items */



}



	



#categoriesContent ul li{



position: relative;



list-style:none;



border:1px solid #D6D6D6;



border-top:0px;



}



	



/*1st level sub menu style */



#categoriesContent .erji{



left: 190px; /* Parent menu width - 1*/



position: absolute;



width:183px; /*sub menu width*/



top: -1px;



display: none;



border-top:1px solid #D6D6D6;



border-right:1px solid #D6D6D6;



background-color:#FFFFFF;







}



#categoriesContent .erji div{ padding:0; -height:100%;border-bottom:1px solid #D6D6D6;}







/*All subsequent sub menu levels offset */



#categoriesContent .erji li { width:98%; border:0px;border-bottom:1px solid #D6D6D6;}



#categoriesContent .erji li a{background-image:none;}



/* menu links style */



#categoriesContent ul li a{



display: block;



color: #444444;



font-weight:bold;



padding-left:15px;



padding-right:5px;



text-decoration: none;



background:#fff url(../images/dot.gif) no-repeat 170px 50%;



*+margin-top:-5px;



line-height:25px;



}





#categoriesContent ul li .erji li a{ font-weight:normal; line-height: normal; padding:3px 3px 0px 10px;_padding:3px 3px 5px 10px; height: auto; }



#categoriesContent ul li a:visited{



color: black;



}



#categoriesContent ul li a:hover{



color:#FF5500;



background-color: #FFFFFB;



}



.shuliang{ float:right;



font-size:11px;



color:#666



}



#categoriesContent ul li a:hover span{ color:#069}	



#categoriesContent ul li .category-products{ font-weight:normal;



margin-left:30px; background:none;



font-size:11px;}







/* Holly Hack for IE */



* html #categoriesContent  ul li { float: left; height: 1%; }



* html #categoriesContent  ul li a { height: 1%; }



























.rightBoxContainer{}







.centerBoxWrapper {/*center box border */ 



	border:1px solid  #eeeeee;



	border-top:0px;



	height: 1%;



	margin-bottom:8px;



	text-align:left;



}



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



.centerBoxWrapper a:hover img { border:1px solid #CACACA; 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: #3399FF; 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:center; background:#eeeeee; }/*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:14px; margin-bottom:5px; color:#FF5500;







	}







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;



	}









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 {



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



}







#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:1px solid #E1DEDE;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{ }



#productName{ }



#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; }/* ???��?񠣯mmon 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:blod; width:150px; overflow:hidden;}



	.listingDescription  {padding:5px;line-height:120%; font-size:11px; width:150px; overflow:hidden; 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 { 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}















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; padding:10px; font-size:14px;}



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







}







ul, li, form {



	margin:0;



	padding:0



}



#newheadwraper a {



	text-decoration:none



}



#newheadwraper a:hover {



	text-decoration:underline;



	color:#ff5500;



}







#logo { width:205px;



	float:left;



}



#welcome { width:258px; line-height:28px; float:left; margin-top:50px; margin-left:10px}



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



#list {



margin:0;



padding:0;







}



#list a {



	margin:0 10px;



	color:#555;



	font-weight:bold



}



#list a:hover {



	color:#ff6600



}



#list li {



	display:inline



}



.xialacaidan{



padding-left:133px;



padding-top:22px;



margin-right:0px;



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



}



ul#topmenu{ }



ul#topmenu,ul#topmenu ul{



	margin: 0 auto;



	text-align:left;



	padding: 0;



	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;



}







ul#topmenu li {



	position: relative;



	z-index:999;



	float:left;



	width:90px;



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



	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;



}



/*ד?˵??Ĩoverѹʽ*/











/* 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:160px;



	border:0;



}



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



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



text-indent:0;



padding-bottom:0px;}



/* 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:645px;



	margin-left:20px;



	padding-top:20px;



}



#main_search #search_box span {



	line-height:25px;



	display:block;



	float:left;



	font-weight:bold;



	color:#ffffff;



	font-size:16px;



}



#main_search input, select {



	font-family:Arial;



	font-size:12px;



	padding:0;



	margin:0;

}



#main_search input {



	width:300px;



	margin:0 10px;





}



*html #main_search .select{

	margin-left:5px;

	margin-right:10px;

}



#main_search select {



	width:200px;



}



#main_search #main_search_go {





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



	text-decoration: underline;



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







#main_search #cart .a_search:hover{ color:#ffffff; 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:55px; margin-right:5px; font-size:15px }



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



#main_search #cart a.mycart:link span {color:#ffffff}



#pop_search {



clear:both;



	width:900px;



	padding-left:50px;



	padding-top:8px;



	color:#8B8B8B;







}











/*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;}











#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:30px; 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%;}





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



.centerBoxContentsNew{ width:150px; overflow:hidden;}

.centerBoxContentsNew a{ width:150px; overflow:hidden;}



#specialsListing .specialsListBoxContents,.leftBoxContainer .centeredContent,.rightBoxContainer .centeredContent{

	text-align:center;

}



/* footer */

#footer {

 	/* height:170px; */

	padding:10px 0px 0px 0px;

	font-size:11px;

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

    background: #ffffff /* url("../images/footer_bg.gif") bottom repeat-x */; 

	border-top: 2px solid #666666;

}



#footer ul li a:hover {

	color:#930;

	text-decoration:none;

	font-weight:bold;}

	

#aboutus{

	float:left;

	padding-left:50px;

	width:175px;

}

#aboutus ul li{

	background:url("footarrow.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/footarrow.gif*/) 15px no-repeat;

	padding-left:15px;

}



#customerinfo{

	float:left;

	padding-left:15px;

	width:175px;

}

#customerinfo ul li{

	background:url("footarrow.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/footarrow.gif*/) 15px no-repeat;

	padding-left:15px;

}



#Shopping_Guide{

	float:left;

	padding-left:15px;

	width:175px;

}

#Shopping_Guide span{

	color:#3C1D0B;

	font-weight:bold;

	font-size:14px;

	background:url("Guide.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/Guide.gif*/) no-repeat;

	padding-left:15px;

}

#Shopping_Guide ul li{

	background:url("footarrow.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/footarrow.gif*/) 12px no-repeat;

	padding-left:15px;

}



#comment{

	float:left;

	padding-left:15px;

	width:175px;

}

#comment span{

	color:#3C1D0B;

	font-weight:bold;

	font-size:14px;

	background:url("payments.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/payments.gif*/)  no-repeat;

	padding-left:15px;

}

#comment ul li{

	background:url("footarrow.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/footarrow.gif*/) 10px no-repeat;

	padding-left:15px;

}



#Special_Terms{

	float:left;

	padding: 0 15px;

	width:175px;

}

#Special_Terms span{

	color:#3C1D0B;

	font-weight:bold;

	font-size:14px;

	background:url("Guide.gif"/*tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/Guide.gif*/)  no-repeat;

	padding-left:15px;

}

#Special_Terms ul li{

	background:url("footarrow.gif"tpa=http://www.christianslouboutin.com/includes/templates/cyl98/images/footarrow.gif*/) 12px no-repeat;

	padding-left:22px;

}

#footerBottom {

    clear:both;

	padding-bottom: 10px;

	text-align: center;

	background: #F2F2F2 url("body_bg.gif"/*tpa=http://www.ugg2you.org/includes/templates/ugg2youcouk/images/body_bg.gif*/);

  padding-top:10px;}