/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
BODY {
  color: #000000;
  margin: 0px;
}
table, div, td, p{font-family:Arial, Helvetica, sans-serif; font-size:11px}

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

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

a img{border:none}

FORM {
	display: inline;
}

/*topmenus update 2008-10 mycommerce.cn  */
#tabs {width:309px; text-align:left; background:url(images/system/tabs_bg.gif) no-repeat; float:right}
#tabs ul {padding:0; margin:0; width:310px; position:relative;}
#tabs ul li {float:left; display:inline;}
#tabs ul li a.outer {display:block;height:26px;line-height:20px;text-decoration:none;text-indent:1em;font-size:12px;margin-top:2px;font-weight:bold;}
#tabs ul li strong.outer {display:block;height:26px;line-height:20px;text-decoration:none;text-indent:1em;font-size:12px;margin-top:2px;font-weight:bold;}

#tabs ul li a.one {background:url(images/system/tabs_1_.gif) no-repeat;width:105px;}
#tabs ul li a.two {background:url(images/system/tabs_2_.gif) no-repeat;width:64px;}
#tabs ul li a.three {background:url(images/system/tabs_3_.gif) no-repeat;width:140px;}

#tabs ul li div {padding:5px; position:absolute; top:-2400px;}
 
#tabs ul li a div.tab_left,#tabs ul li div.tab_left {left:0;text-indent:1em;background:url(images/system/tab_left.gif) no-repeat;height:79px;width:146px;}
#tabs ul li a div.tab_center,#tabs ul li div.tab_center{left:105px;text-indent:1em;background:url(images/system/tab_center.gif) no-repeat;height:101px;width:130px;}
#tabs ul li a div.tab_right,#tabs ul li div.tab_right{left:169px;text-indent:1em;background:url(images/system/tab_right.gif) no-repeat;height:135px;width:130px;}

#tabs ul li:hover > a.one {color:#000; background:url(images/system/tabs_1_.gif) 0 -28px no-repeat; height:26px; }
* html #tabs ul li a.one:hover {height:26px; color:#000;background:url(images/system/tabs_1_.gif) 0 -28px no-repeat;cursor:pointer;} 
#tabs ul li:hover > a.two {color:#000; background:url(images/system/tabs_2_.gif) 0 -28px no-repeat; height:26px; }
* html #tabs ul li a.two:hover {height:26px; color:#000;background:url(images/system/tabs_2_.gif) 0 -28px no-repeat;cursor:pointer;}
#tabs ul li:hover > a.three,#tabs ul li a.three:hover {color:#000; background:url(images/system/tabs_3_.gif) 0 -28px no-repeat; height:26px; cursor:default;}
* html #tabs ul li a.three:hover {height:26px; color:#000;background:url(images/system/tabs_3_.gif) 0 -28px no-repeat;cursor:default;} 

#tabs ul li:hover div,#tabs ul li a:hover div  {top:24px;}
#tabs p {padding:0;margin:0;}
div.tab_left p a,div.tab_center p a {line-height:160%;background:url(images/system/list_ca_l.gif) left center no-repeat;padding-left:1em;}
#tabs em {text-decoration:underline; font-style:normal;font-weight:normal;margin-left:5px;}
.tab_right p {height:18px;}
.tab_right img {margin-right:0.5em;}
#tabs li div p{font-weight:normal; }
/*end top menu*/
/*define menu*/
.menu ul, .menu li {padding:0;margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.menu {font-size:12px;width:182px;padding-left:2px;background:#88B502;padding-bottom:4px;float:left; z-index:500; position:relative;}
.menu ul {background:transparent; float:left;}
.menu ul ul {width:183px;}
.menu ul li {float:left; text-align:left; display:block;width:180px;height:24px;line-height:24px;border-top:1px solid #88B502;font-weight:bold;background:#EAFFD8 url(images/system/menu_arrow_bg.gif) no-repeat -1px -101px;}


.menu ul ul li {display:block;width:161px;height:auto; line-height:140%;border:0;font-weight:normal;padding:2px 0 2px 20px; border-right:1px solid #88B502;background-position:0 -32px;background-color:#fff;}
.menu ul ul .b_top {background-position:0 0;border-top:1px solid #88B502;border-right:1px solid #88B502;padding-top:10px;}
/*
.menu ul ul li {display:block;width:161px;height:auto; line-height:140%;border:0;font-weight:normal;padding:2px 0 2px 20px;background-position:0 -32px;background-color:#fff;}
.menu ul ul .b_top {background-position:0 0; padding-top:10px; background:url(images/system/menu_top.gif) right top no-repeat}
*/

.menu a, .menu a:visited {display:block;float:left;height:100%; width:180px; font-size:1em;text-decoration:none;color:#000; padding:0;text-indent:1em;}

.menu ul ul li a, .menu ul ul li a:visited {display:inline;color:#004B91;background:none;text-indent:0; width:auto;}
.menu ul ul li a:hover {color:#E77D10;background:none;text-decoration:underline;}
.menu ul ul :hover > a {color:#E77D10;background:none;text-decoration:underline;}

.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:10;}
* html .menu a:hover {color:#000;position:relative; z-index:100; text-decoration:none;background:#fff url(images/system/menu_arrow_bg.gif) no-repeat -1px -130px;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#000;background:#fff url(images/system/menu_arrow_bg.gif) no-repeat -1px -130px;}
.menu ul ul {position:absolute;height:0;top:-10000000px;left:156px; width:183px;padding-bottom:4px;height:auto;background:url(images/system/menu_arrow_bg.gif) no-repeat 0 100%;}
.menu ul :hover ul {top:-1px;}
.select-free {z-index: 10;position: absolute;}
.select-free iframe {display: block; z-index: -1; filter: mask(); left: 0px; width: 183px; position: absolute; top: 0px; height: 20px;}



/**end menu******/
.sub_open b{ font-size:14px;}
.sub_open b a{display:block; font-weight:bold; font-size:12px; color:#C62C2C; margin-top:10px}
.sub_open ul{padding:0px; margin:0px; list-style:none}
.sub_open ul li{padding:0px; margin:0px; font-size:12px}
.sub_open ul li a{background:url(images/system/small_arrow.gif) no-repeat 5px #f4f4f4;  padding:3px 3px 3px 15px; font-weight:bold; margin-left:5px; display:block}
.sub_open ul li a:hover{ background:url(images/system/small_arrow.gif)  no-repeat 5px #f4f4f4;color:#EA820D}
.sub_open .sub3 a, .sub_open .sub3 a:hover{background:none; font-weight:normal; padding-left:5px; font-size:11px}

/*main menu*/
.welcome{}
.welcome a{ font-weight:bold}

.main_menu ul{list-style:none; padding:0px; margin:0px; padding-left:15px; background:url(images/system/head_dot.gif) repeat-x bottom; height:33px; zoom:1}
.main_menu ul li{float:left; padding:0px; margin:0px}
.main_menu ul li a{ display:inline-block; background:url(images/system/menu.gif) no-repeat left bottom #d0e6f0; padding-left:16px; font-size:12px; font-weight:bold; color:#000000;}
.main_menu ul li a span{ height:33px;  line-height:33px; cursor:pointer; display:inline-block; background:url(images/system/menu.gif) no-repeat right -33px; padding-right:16px; }
.main_menu ul li a:hover{ color:#0072b9; text-decoration:none}


.main_menu  .in_catalog{background:url(images/system/menu.gif) no-repeat left -66px #a0c9dc}
.main_menu  .in_catalog span{ background:url(images/system/menu.gif) no-repeat right top;}

.in_catalog a:hover{}

.main_menu ul li div{ margin-left:150px}
.main_menu ul li div a, .main_menu ul li div a:hover { background:none; height:auto; width:auto; display:inline; line-height:normal; font-weight:normal}

.head_search{ height:43px; background:url(images/system/search_bk.gif) repeat-x  #a0c9dc; border:1px solid #67a5c4; border-top:none;}
.head_search td{padding-left:10px}
.s1{border-bottom:1px solid #67a5c4; border-left:1px solid #67a5c4}
.s2{border-bottom:1px solid #67a5c4; border-right:1px solid #67a5c4; }
.s2 a{color:#FFFFFF; font-size:12px; font-weight:bold}
.s2 img{margin-right:5px}
.s2 span{ padding:0px 3px; color:#FF591A}

.head_search li{float:right}

.show_cart{width:250px; padding:0px; margin:0px; list-style:none;  color:#FFFFFF; font-size:12px; font-weight:bold; float:right}
.show_cart a{ display:block; color:#ffffff; padding-left:45px; background:url(images/system/cart_bk.gif) no-repeat left top; height:31px; line-height:31px}
.show_cart a:hover{color:#ffffff; text-decoration:none; background:url(images/system/cart_bk.gif) no-repeat left bottom; }
.show_cart span {padding:0px 5px; color:#FF9900}
/*main menu*/
.column_left{ padding-right:5px}
.column_right{padding-left:5px;}

.new_box{border:1px solid #CCCCCC; padding:5px; background:url(images/system/box_bk.gif) top repeat-x}
.new_box h3{ padding:0px; margin:0px; font-size:12px; margin-bottom:20px; color:#444444}
.bestseller div{ border:1px solid #E5E3E3; width:50px; padding:3px}
.bestseller span{ display:block; color:#FF0000; font-weight:bold}
.move_txt{padding-left:5px}

.login_box{}
.login_box h3{ padding:0px; margin:0px; background:url(images/system/till_bk.gif) no-repeat left; height:26px; line-height:26px; padding-left:20px; font-weight:bold; font-size:12px; color:#ffffff} 
#andyscroll{border:1px solid #0072b9; padding-left:5px; border-top:none}
#andyscroll td{height:65px; padding-right:5px; overflow:hidden}
.catalog_box{}

.catalog_box div{ background:url(images/system/bt2.gif) no-repeat left; height:26px; line-height:26px; padding-left:20px; font-weight:bold; font-size:12px} 

.catalog_box {padding:0px; margin:0px; list-style:none; border:1px solid #0072b9; border-top:none;}
.catalog_box  li{font-size:11px; font-weight:bold;}
.catalog_box  li a{color:#666666; font-family:Tahoma; display:block; padding:6px 0px; padding-left:5px; border-bottom:1px solid #DBD9D9; zoom:1}
.catalog_box  li.has_catalog a{ font-size:12px; font-weight:normal; padding-left:15px; background:url(images/system/a8.gif) no-repeat right;}
.catalog_box  li a:hover{text-decoration:none;  background:url(images/system/a9.gif) no-repeat right #F4F4F4; color:#ffa51d}


.boxes_like div input{margin-left:10px}
.boxes_like div{ padding-left:10px; font-weight:bold; font-size:13px; height:30px; line-height:30px}

td.brand_icon{padding:4px 0px 8px 0px; text-align:center}
.brand_icon img{ margin:0px 3px}

.recommend{background:#E7E7E7 url(images/system/bt3_02.gif) repeat-x; color:#44447B;}
.recommend a{color:#999999;}
.recommend span{padding:0px 10px; font-weight:bold}


.featured_brand {border:1px solid #CCCCCC}
.featured_brand td{padding:10px}
.featured_brand img{border:1px solid #CCCCCC}
.featured_brand h1{padding:0px; margin:0px; font-size:14px}
.featured_brand ul{padding:0px; margin:0px; list-style:none}

.footer_img{width:200px; text-align:center}
.footer_img img{padding:0px; margin:0px}

.footer_links{border:1px solid #0072B9; border-top:3px solid #0072B9;}
.footer_links td{padding:10px}
.footer_links div{margin-top:5px}

.specials_till{height:25px; background:#0078AE; color:#FFFFFF; font-weight:bold; font-size:14px; padding-left:10px}
.specials_till a{color:#FFFFFF;}
.specials_name{ background-color:#D6E4F1; color:#0078AE; padding-left:10px; height:25px}
.special_price{ font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center}

.special_price image{display:block; margin:10px}
.specials_img{padding:10px}
.translate{list-style:none; padding:0px; margin:0px; background:url(images/system/translate.jpg) no-repeat center top; padding:70px 0px 20px 40px}
.translate li{margin:2px 0px}


.list{}
.list td{text-align:center; width:25%}

.details_main_img{ text-align:center}
.details_main_img div{margin-top:10px}
.small_img{text-align:left;}
.small_img img{margin:2px; border:1px solid #cccccc; width:80px; height:auto}
.pd_name{ font-size:14px; font-weight:bold; color:333333;}
.pd_m{ font-size:12px; font-weight:bold; color:98CC05; margin-top:5px}
.pd_model{font-size:11px; color:0078AE; margin:5px 0px}
.pd_price{ border-top:1px solid #B1D8FE; font-size:14px; margin:10px 0px; font-weight:bold; padding:5px; color:#FF0000}

.qty_price{ border:1px solid #A6CFF2; background:#ffffff}
.qty_price td{padding-left:5px; height:14px;}
.qty_head{ background:#A6CFF2; color:#FFFFFF}
.sp{color:#ff0000; font-weight:bold; font-size:14px}

/*tpage*/
.tab {position:relative; width:100%; height:200px}
.tab dt {position:relative; z-index:2; float:left; font-size:12px; padding:2px 0px; font-weight:bold; color:#666666; margin-right:1px; padding:0 12px; border:1px solid #cccccc; background:url(images/system/box_bk.gif) repeat-x; color:#333333; cursor:pointer;}
.tab .current {border-bottom:1px solid #fff; font-weight:bold; background:#fff; color:#CCCCCC;}
.tab dd {position:absolute; z-index:1; top:19px; left:0px; width:100%; padding:5px; margin:0px;  border:1px solid #CCCCCC; background:#fff;}
/*tpage*/

.cart_box{ font-size:12px; font-weight:bold; margin-top:5px; display:block; color:#C40202}

.why_till{background:url(images/system/nav_bk.gif) repeat-x bottom; font-weight:bold; padding:5px 10px;}

.mlist{ border-bottom:1px  dotted #CCCCCC; margin:10px; padding:10px; clear:both}
.mlist h1{ font-size:14px; color:#0072B9}
.mlist ul{ float:left}

s{color:#999999}


.nav{margin-top:2px; background:url(images/system/homepic.gif) #D6E4F1 no-repeat 10px 4px; color:#000000; padding:0px 30px; font-size:11px; height:25}


.show_reviews{}
.show_reviews dl{border:1px solid #CCCCCC; padding:5px}
.show_reviews dl dd, .show_reviews dl dt{ padding:0px; margin:0px}
.show_reviews dl dd span{padding-left:20px}
.show_reviews dl dt{background:#efefef; padding:5px}
.show_reviews dl dt div{background:#FFFFFF; border:1px dotted #CCCCCC; padding:5px}



A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
 color:#666666;
 font-size:11px;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #C6C6C6;
}

.infoBoxContents {
  background: #F9F9F9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #D6E4F1;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #0078AD;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
border:1px solid #C6C6C6; border-bottom:none;
}

.productListing-heading {
 background:url(images/system/nav_bk.gif) repeat-x bottom;
 color:#000000;
 height:28px;
 font-weight:bold;
 white-space:nowrap
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right:1px solid  #C6C6C6;
  border-bottom: 1px solid  #C6C6C6;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0078AE;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }