/*
  $Id$

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

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
body {
  background: #fff;
  color: #000;
  margin: 0px;
  font-size: 12px;
  font-family:"Microsoft YaHei" Arial, Helvetica, sans-serif;
}

.ui-widget {
  font-family: "Microsoft YaHei" Arial, Helvetica, sans-serif;
  font-size: 12px;
}


#bodyWrapper {
}

#bodyContent { padding-top:5px
}

#header {
  height: 80px;
}

#storeLogo {
  float: left;
  margin-top: 5px;
}

#headerShortcuts {
  float: right;
  margin-top: 5px;
}

#columnLeft {
  padding-top: 5px;
}

#columnRight {
  padding-top: 5px;
}

.infoBoxContainer { }

.infoBoxHeading {
  font-size: 5px;
}

.infoBoxContents {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
		margin-bottom:5px
}

.contentContainer {
  padding-bottom: 10px;
}

.contentContainer h2 {
  font-size: 12px;
		color:#C21800;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText{
  padding: 5px 0 5px 0;
  font-size: 12px;
  line-height: 1.5;
}
.contentText table {
  padding: 2px 0;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  font-size: 12px;
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  font-size: 12px;
  line-height: 1.5;
}

h1 {
  font-size: 16px;
		color:#666;
  margin-bottom: 0;
  padding-bottom: 5px;
}

img {
  border: 0;
}

table, p {
  font-size: 12px;
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}

.boxText { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

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

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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


.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, 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: #f8f8f9;
}

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;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

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

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

SPAN.greetUser {
  font-family: Arial, Verdana, 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, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

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

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

/* message box */

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

/* input requirement */

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

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/*start customer*/
/*new width*/
.container_24 .grid_18{width:730px}
.container_24 .push_6{left:220px}
.container_24 .grid_6{width:210px}
.container_24 .pull_18{left:-740px}

#header{padding-top:10px}
#header_right{float:right;}
.langc{margin-top:5px;  padding-right:20px; text-align:right}
.langc a img{margin-left:8px; vertical-align:middle}
.langc select{vertical-align:middle; margin-left:8px; width:120px}

.header_link{ margin-top:15px; color:#666; width:600px; text-align:right;}
.header_link a{padding:0px 20px; color:#666}
.header_link a:hover{text-decoration:none; color:#C21800}

#menu{ height:77px; position:relative; background: url(images/template/menu_bk.gif) repeat-x center}
.mr_left{width:10px; height:77px; font-size:1px; position:absolute; left:0px; top:0px; z-index:10;  background: url(images/template/menu_bk.gif) no-repeat left top}
.mr_right{width:10px; height:77px; font-size:1px; position:absolute; right:0px; top:0px; z-index:10;  background: url(images/template/menu_bk.gif) no-repeat right bottom}

.cartbox {width:170px; height:64px; position:absolute; right:15px; top:6px; background:url(images/template/cart_boxbg.gif) no-repeat center top;}
.cartbox div{ padding-left:65px; padding-top:20px; font-size:12px; color:#333; font-weight:bold;}
.cartbox div a{display:block; font-weight:normal; font-size:12px; color:#C21800}

#menu1{height:24px; line-height:24px; padding:0px 15px; margin-top:10px;}
#menu1 a{display:block; float:left; font-size:14px; padding:0px 30px; color:#333; font-weight:bold}
#menu1 a:hover{text-decoration:none; color:#C21800}
#menu form{display:block; padding:0px; margin:0px; font-size:12px;  margin-top:14px; padding-left:20px; color:#333;}
#menu form input, #menu form select{vertical-align:middle; padding:0; margin:0; margin-left:10px; height:18px; line-height:18px}
#menu form select {height:20px; font-size:12px; color:#999}
#menu form a{padding-left:20px; color:#999; text-decoration:underline}
#menu form #searchkeywords{width:250px; padding-left:5px; color:#999}

.otbox{background:url(images/template/otbox_bg.gif) no-repeat bottom left; padding-bottom:5px; margin-bottom:10px}
.otbox_head{ background:url(images/template/otbox_bg.gif) no-repeat top left; height:30px; line-height:30px; padding:0; margin:0; font-size:14px; padding-left:20px; border:none; color:#333}
.otbox_head a{color:#333}
.otbox_content{border-bottom:none; border-color:#DFDFDF; background:#fff; margin:0}


/*cabox*/
.cabox{background:url(images/template/cabox_bg.gif) no-repeat bottom left #fff; padding-bottom:5px; margin-bottom:10px}
.cabox_head{padding:0; margin:0; background:url(images/template/cabox_bg.gif) no-repeat top left; height:30px; line-height:30px;  font-size:14px; padding-left:20px; border:none;}
.cabox_content{background:none; border:none; background:#fff; margin:0; border:1px solid #C21800; border-bottom:none; zoom:1}

.cabox_content ul{ list-style:none; padding:0; margin:0; background:#fff;}
.cabox_content ul li{position:relative; background:url(images/template/red_arrow.gif) no-repeat right center; zoom:1}
.cabox_content ul ul li{background:none; border:none}
.cabox_content ul li a{display:block; padding:5px 10px; height:100%}
.cabox_content ul li a:hover{ text-decoration:none; font-weight:bold; color:#C21800;}

.mf ul{ padding:0; margin:0; list-style:none}
.mf ul li{ padding:5px 10px; background:url(images/template/red_arrow.gif) no-repeat right center; border:1px solid #fff; border-bottom:1px dotted #ddd}
.mf ul li a{display:block; width:100%}
.mf ul li a:hover{text-decoration:none; color:#C21800;}

.level_2{border:1px solid #fff; border-bottom:1px dotted #ddd;}
.level_2:hover{ border:1px solid #c21800;}
.level_2:hover span{display:block; height:100%; width:4px; position:absolute; z-index:1000; right:0px; top:0px; background:#fff; font-size:1px;}

/*ie6*/
.level_2over{border:1px solid #c21800;}
.level_2over span{display:block; height:28px; width:4px; position:absolute; z-index:1000; right:0px; top:0px; background:#ffffff; font-size:1px;}
/*end ie6*/



.level_2round{width:200px; padding-top:5px; background:url(images/template/round_subbox.png) no-repeat top left; position:absolute; z-index:100; left:194px; top:-20px; display:none}
.level_2box{ border-left:1px solid #c21800; border-right:1px solid  #c21800}
.level_2round div{height:5px; font-size:1px; background:url(images/template/round_subbox.png) no-repeat left bottom;}

.cabox_content ul li:hover .level_2round{display:block}
.cabox_content ul ul ul li a{padding:2px 10px 2px 20px}
a.have3{font-weight:bold; color:#c21800;}

.contentContainer .ftill{margin:0px; font-size:16px; text-decoration:none; color:#333; border:none; margin-bottom:5px; font-weight:bold; border-bottom:1px dotted #ccc}

#move_products {border:1px solid #ddd; padding:10px; position:relative; width:708px; height:190px; overflow:hidden; margin-top:10px}
.moveproducts_list{margin-left:15px;}
.moveproducts_list li{margin-right:5px; text-align:center; padding-top:10px; width:130px}
.moveproducts_list li img{width:90px; height:90px; margin-bottom:5px}
#move_products button{width:19px; height:29px; cursor:pointer} 
.prev{position:absolute; bottom:70px; left:5px; border:none; background:url(images/template/arrow_scroller.png) no-repeat left top; }
.prev:hover{background:url(images/template/arrow_scroller.png) no-repeat left bottom}
.next{position:absolute; bottom:70px; right:5px;  border:none; background:url(images/template/arrow_scroller.png) no-repeat right top;}
.next:hover{ background:url(images/template/arrow_scroller.png) no-repeat right bottom}

.new_products{margin-top:10px; padding:10px; border:1px solid #ddd}
.new_products table td{padding-bottom:25px; font-weight:bold; color:#C21800}
.new_products table td img{width:90px; height:90px; margin-bottom:3px}
.new_products table td a{color:#666; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.new_products table td a:hover{color:#c21800;}
.footer{position:relative;  margin-bottom:10px; background:url(images/template/footer.jpg) repeat-x top; border-top:3px solid #ccc}
.footer a{color:#333}
.footer_link{text-align:center; padding-top:10px}
.footer_link a{padding:0px 5px}
.card{ position:absolute; top:30px; left:10px}