/****************************/
/*Author: www.APGOGO.com*/
/****************************/

/* basic */
body {margin: 0px; padding: 0px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 12px; background: url(images/headerbg.jpg) no-repeat center 59px;}
h4 {margin: 0px; padding: 0px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px;}
h5 {margin: 0px; padding: 0px; font-family: Verdana, Helvetica, Arial, sans-serif; }
h6 {margin: 0px 0px 10px 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;}
ul, li {list-style: none; margin: 0px; padding: 0px;}
a {color: #9e3026; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0px; vertical-align: bottom;}
p {font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px;}
.clear {clear:both; font-size:1px; line-height:0px; height:0px;}
input, select, textarea {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
form {margin: 0px; padding: 0px;}
.dotted {font-size:1px; line-height:0px; height:0px; border-bottom: 1px solid #d2d2d2;}
hr {height: 4px; background: #9e3026; border: 0px; color: #9e3026; margin: 5px 0px; padding: 0px;}
hr.style1 {height: 0px; background: #ffffff; border: 0px; color: #ffffff; margin: 0px; padding: 0px; line-height: 0px;}
hr.style2 {height: 2px; background: #9e3026; border: 0px; color: #9e3026; margin: 1px 0px; padding: 0px;}
a.button {background: #e5e5e5 url(images/pxbg.gif) repeat-x 0px 0px; font-size: 11px; color: #9e3026; padding: 5px 10px; border: 1px solid #d2d2d2;}
a.button2 {background: url(images/icon.gif) no-repeat 0px -45px; padding: 5px 8px; margin-left: 10px; color: #336cca;}
.space {height: 10px; font-size: 1px; line-height: 1px;}

/* header */
#header {width: 960px; height: 121px; margin: 0px auto;}
#logo {width: 373px; height: 80px; float: left; background: url(images/logo.gif) no-repeat 0px 0px;}
#logo a {width: 373px; height: 80px; display: inline-block;}
#logo a:hover {background: url(images/logo.gif) no-repeat 0px -80px;}
.header_r {float: right; margin-top: 20px;}
#lang_converter {width: 300px; margin: 8px 2px 0px 0px; font-size: 11px;}
#welcome {width: 300px; height: 20px; line-height: 28px; padding: 0px; font-weight: bold; color: #000000; font-size: 11px;}
.header_bottom {height: 40px; clear: both;}
#shopping_cart {width: 202px; height: 40px; position: absolute; left: 50%; margin-left: 275px;}
#shopping_cart a {width: 202px; height: 40px; display: inline-block;}
#search {height: 40px; line-height: 40px; font-weight: bold; margin: 0px 0px 0px 50px; position: absolute; left: 50%; margin-left: -250px;}
.header_category {background: url(images/border.gif) no-repeat -1000px 3px; width: 165px; height: 41px; color: #ffffff; line-height: 41px; padding-left: 35px; position: absolute; left: 50%; margin-left: -480px;}
.header_category h4, .header_category a {color: #ffffff; font-size: 13px;}

#display_category {width: 198px; padding-left: 30px; position: absolute; top: 0px; left: 50%; margin-left: -480px; margin-top: 121px; background: #ffffff; border-bottom: 3px solid #9e3026; border-left: 1px solid #9e3026; border-right: 1px solid #9e3026; padding: 10px 0px;}
#display_category li {font-size: 11px; font-weight: bold; background: url(images/icon.gif) no-repeat 135px -77px; letter-spacing: 1px;}
#display_category li a {width: 176px; display: block; line-height: 22px; text-decoration: none; padding: 0px 5px 0px 15px; color: #5d5d5d; border-bottom: 1px dotted #d2d2d2; }
#display_category li a:hover, #display_category li a.select {background: #efefef; padding: 0px 5px 0px 15px; width: 178px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026;}

/* wrapper */
#wrapper {width: 960px; margin: 0px auto; z-index: 1; position: relative;}
#category_top {z-index: 3000; width: 960px; position: absolute; left: 50%; margin-left: -480px;}

/* footer */
#footer {width: 960px; margin: 30px auto 5px auto; font-size: 12px; text-align: center;}
#footer a {color: #666666; text-decoration: none;}
#footer a:hover {color: #9e3026; text-decoration: underline;}

/*=========================== homepage ==========================*/
/* layout */
.leftside {width: 200px; float: left; margin:0px; margin-right:14px; padding: 0px;}
.rightside {width: 200px; float: right; margin: 10px 0px 0px 14px; padding: 0px; overflow:hidden;}
.content {margin: 0px; padding: 10px 0px 0px 0px; *height:100%; *float: left; overflow:hidden;}

/* boxstyle */
.box_in {border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; background: #efefef;}
.box_01 {background: #efefef; margin-bottom: 10px;}
.box_01_in {border: 1px solid #d2d2d2; padding: 10px 0px 15px 0px; background: #efefef;}
.box_01 a {color: #000000;}
.box_01 h4 {line-height: 30px; background: url(images/border.gif) no-repeat 0px 0px; color: #ffffff; padding-left: 12px;}
.box_02 {margin-bottom: 10px;}
.box_02 h4 {line-height: 30px; background: url(images/border.gif) no-repeat -200px 0px; color: #ffffff; padding-left: 12px;}
.box_02_in {border: 1px solid #d2d2d2; padding: 10px 0px 20px 0px;}
.box_03 {margin-bottom: 10px; text-align: center; border: 1px solid #d2d2d2; background: #f1f1f1 url(images/pxbg.gif) repeat-x 0px -42px; padding-bottom: 6px;}
.box_03 h4 {color: #9e3026; padding: 5px 12px; text-align: left;}
.box_03 a {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000c6;}
.box_04 {background: url(images/border-1.gif) repeat-y -400px 0px; margin-bottom: 6px; text-align: center;}
.box_04 h4 {line-height: 30px; background: url(images/border.gif) no-repeat -800px 0px; color: #9e3026; padding-left: 12px; text-align: left;}
.box_04 a {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0000c6;}
.boxbottom4 {height: 11px; background: url(images/border-1.gif) no-repeat -960px bottom;}
.box_05 {margin-bottom: 10px;}
.box_05 h4 {line-height: 30px; background: url(images/border.gif) no-repeat -600px -0px; color: #ffffff; padding-left: 12px;}
.box_05_in {border: 1px solid #e7cea7; padding: 10px 0px 10px 0px;}
.box_02 p {padding: 12px; font-size: 13px;}
.box_06 {margin-bottom: 10px; text-align: center; border: 1px solid #d2d2d2; background: #ffffff; padding-bottom: 6px;}
.box_06 h4 {line-height: 20px; color: #9e3026; padding: 5px 12px 0px 12px; text-align: left;}
.box_07 {margin-bottom: 10px; color: #000000; font-size: 12px; line-height: 16px;}
.box_07 h4 {line-height: 30px; background: url(images/border.gif) no-repeat -400px 0px; color: #9e3026; padding-left: 12px;}
.box_07_in {border: 1px solid #d2d2d2; padding: 10px; background: #efefef;}
.box_08 {margin-bottom: 10px; border: 1px solid #d2d2d2; background: #f1f1f1 url(images/pxbg.gif) repeat-x 0px -42px; padding: 10px; line-height: 18px;}
/* errorarea */
.checkarea_right {background: url(images/formicon.gif) no-repeat -2px -5px; width: 200px; height: 22px; position: absolute; margin-left: 2px; margin-bottom: 5px; display: inline; padding-left: 21px; color: #58be2b; line-height: 20px;}
.checkarea_error {background: url(images/formicon.gif) no-repeat -2px -105px; width: 200px; height: 22px; position: absolute; margin-left: 2px; margin-bottom: 5px; display: inline; padding-left: 21px; color: #dd0000; line-height: 20px;}
.check_error {background: url(images/formicon.gif) no-repeat -2px -105px; padding-left: 21px; color: #dd0000; line-height: 20px;}

/* leftside */
#category {background: #ffffff; border-bottom: 3px solid #9e3026; border-left: 1px solid #9e3026; border-right: 1px solid #9e3026; width: 198px;}
#category_location {background: #ffffff; border-bottom: 3px solid #9e3026; border-left: 1px solid #9e3026; border-right: 1px solid #9e3026; width: 198px;}
#category_location li {font-size: 11px; font-weight: bold; margin: 0px; letter-spacing: 1px; padding: 0px; position: relative; width: 100%;}
#category_location li a {width: 162px; display: block; line-height: 19px; text-decoration: none; padding: 2px 20px 2px 15px; color: #5d5d5d; border-bottom: 1px dotted #d2d2d2; position: relative; z-index: 1040;}
#category_location li a:hover {background: #fef6de; padding: 2px 20px 2px 15px; width: 163px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026;}
/*#category li a {width: 176px; display: block; line-height: 22px; text-decoration: none; padding: 0px 5px 0px 15px; color: #5d5d5d; border-bottom: 1px dotted #d2d2d2;}
#category li a:hover, #category li a.select {background: #efefef; padding: 0px 5px 0px 15px; width: 178px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026;}*/

/** category-sprycss **/
ul.MenuBarVertical {margin: 0px; padding: 0px; width: 188px;}
ul.MenuBarActive {z-index: 1040;}
ul.MenuBarVertical li {font-size: 11px; font-weight: bold; margin: 0px; letter-spacing: 1px; padding: 0px; position: relative; width: 100%;}
ul.MenuBarVertical li a {width: 162px; display: block; line-height: 19px; text-decoration: none; padding: 2px 20px 2px 15px; color: #5d5d5d; border-bottom: 1px dotted #d2d2d2; position: relative; z-index: 1040; background: url(images/icon.gif) no-repeat 135px -77px; }
ul.MenuBarVertical li a:hover {background: #fef6de url(images/icon.gif) no-repeat 142px -77px; padding: 2px 20px 2px 15px; width: 163px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026; border-right: 1px solid #fef6de;}
ul.MenuBarVertical li .select {background: #fef6de url(images/icon.gif) no-repeat 142px -77px; padding: 2px 20px 2px 15px; width: 163px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026; border-right: 1px solid #fef6de;}
ul.MenuBarVertical li a.nochild {background: url(images/icon.gif) no-repeat 1000px -77px;}
ul.MenuBarVertical li a:hover.nochild {background: #fef6de url(images/icon.gif) no-repeat 10000px -77px; padding: 2px 20px 2px 15px; width: 163px; color: #9e3026; border-top: 1px solid #9e3026; border-bottom: 1px solid #9e3026; border-right: none;}

ul.MenuBarVertical ul {margin: 0px 6px 0px 198px; position: absolute; z-index: 1020; left: -1000em; top: 0px; border: 1px solid #9e3026; background: #fef6de; padding-bottom: 5px;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible {left: 0px;}
ul.MenuBarVertical ul li {width: 190px; padding: 0px; line-height: 17px; font-size: 11px; color: #000000;}
ul.MenuBarVertical ul li a {width: 170px; color: #000000; font-weight: normal; text-decoration: none; padding: 2px 5px 2px 15px; background: #fef6de url(images/icon.gif) no-repeat -1000px -77px;}
ul.MenuBarVertical ul li a:hover {color: #9e3026; text-decoration: underline; border: 0px; background: #fffcf1 url(images/icon.gif) no-repeat -1000px -77px; width: 154px;}
ul.MenuBarVertical iframe {position: absolute; z-index: 1010; display: none;}
@media screen, projection
{
ul.MenuBarVertical li.MenuBarItemIE {display: inline; float: left;}
}


#brand li {font-size: 11px; font-weight: bold; background: url(images/icon.gif) no-repeat 15px 10px; border-bottom: 1px dotted #d2d2d2; letter-spacing: 1px; }
#brand li a {width: 163px; display: block; line-height: 22px; text-decoration: none; padding: 0px 5px 0px 25px; color: #5d5d5d;}
#brand li a:hover, #brand li a.select {background: #efefef; padding: 0px 10px 0px 25px; width: 163px; color: #ff6600;}

#top5 {margin-top: 10px;}
#top5 ul {margin: 10px;}
#top5 li {margin: 5px 0px; clear: both; text-align: left;}
#top5 li img {float: left; margin: 3px; padding: 2px; border: 1px solid #b9b9b9;}
#top5 a {color: #000000;}
#banner_left {margin-bottom: 10px;}
#banner_left img {border: 0px; margin-bottom: 3px; *margin-bottom: 5px;}

/* rightside */
#signin .log {text-align: right; margin: 0px 5px 5px 0px; line-height: 20px; font-weight: bold;}
#signin .log input {margin: 2px 0px; *margin: 0px 0px;}
#signin .remeber {font-weight: normal; line-height: 20px; font-size: 11px; text-align:center; margin-bottom: 5px;}
#signin .check_error {margin-left: 10px;}
#signin a.button2 {color: #336cca;text-decoration: underline;}
#signin a:hover.button2 {color: #666666;text-decoration: none;}

#buyer_guide li {font-size: 11px; font-weight: bold; background: url(images/icon.gif) no-repeat 15px 10px; border-bottom: 1px dotted #d2d2d2; letter-spacing: 1px; }
#buyer_guide li a {width: 163px; height: 22px; display: block; line-height: 22px; text-decoration: none; padding: 0px 5px 0px 25px; color: #5d5d5d;}
#buyer_guide li a:hover {background: #efefef; padding: 0px 10px 0px 25px; width: 163px; color: #9e3026;}

.p_name {font-size: 11px; font-weight: bold; line-height: 15px; margin: 2px 0px;}
.p_name a {font-size: 11px; font-weight: bold; color: #000000;}
.p_price {font-size: 14px; font-weight: bold; color: #e51300;}
#banner_right {margin-bottom: 10px;}
#banner_right img {border: 0px; margin-bottom: 1px; *margin-bottom: 5px;}
#recommend_p ul {margin: 10px;}
#recommend_p li {margin: 0px 0px 8px 0px;}

.forgotpw h5 {color: #9e3026; font-size: 14px; line-height: 25px;}
.forgotpw p {font-size: 12px; line-height: 18px;}

/* content */
#msg {font-size: 12px; margin-bottom: 10px;}
#msg h4 {padding-left: 10px; height: 25px; line-height: 25px; color: #9e3026; font-size: 15px;}
#msg p {margin: 0px 10px; line-height: 18px; font-size: 11px;}
#banner_center {margin-bottom: 6px; height: 200px;}
#banner_center .banner {z-index:1; position: absolute; border: 1px solid #d2d2d2;}
#banner_center .pageno {z-index: 2; position: absolute; line-height: 20px; font-size: 12px; text-align: center; padding: 0px 0px 0px 410px;}
#banner_center .pageno a {display: inline-block; padding: 0px 8px 0px 8px; background: #f6edd3; color: #000000; line-height: 20px;  height: 20px; font-size: 11px; border: 1px solid #e7d6a7; text-decoration: none;}
#banner_center  .pageno a:hover, #banner_center .pageno a.select {display: inline-block; padding: 0px 8px 0px 8px; background: #fda92a; color: #ffffff; line-height: 20px;  height: 20px; border: 1px solid #e7d6a7;}

.fragment ul {padding: 5px; height: 208px; margin: 0 auto;}
.fragment li {float: left; width: 172px; *width: 172px; _width: 170px; margin-right: 7px;}
.p_des {color: #555555; font-size: 11px;}
#award {margin-bottom: 6px; overflow: hidden;}

#feature_category ul {margin-top: 10px;}
#feature_category li {float: left; width: 152px; *width: 152px; _width: 146px; margin-bottom: 4px; border-right: 1px dotted #999999;  padding: 0px 10px; margin-bottom: 12px;}
#feature_category .c_name a {color: #000000; font-weight: bold; font-size: 13px; padding: 4px 0px; display: block;}
#feature_category ul.feature_category_sub {padding: 0px 0px 10px 0px; margin: 0px; overflow: hidden;}
#feature_category ul.feature_category_sub li {padding: 0px 0px 0px 10px; border: none; background: url(images/icon.gif) no-repeat 0px 6px;}
#feature_category ul.feature_category_sub li a {display: block; margin-bottom: 0px; color: #666666; width: 146px; height: 12px; overflow: hidden;}

#newproduct, #feature_category {margin-bottom: 6px;}
#newproduct h4, #feature_category h4 {background: url(images/icon.gif) no-repeat 0px -275px; padding-left: 25px; line-height: 30px; color: #9e3026; font-size: 15px; border-bottom: 1px dotted #999999;}

#newproduct ul {padding: 10px; margin-bottom: 20px;}
#newproduct li {float: left; width: 170px; *width: 172px; _width: 170px; margin-bottom: 10px; height: 220px;}
#newproduct a img {border: 1px solid #ffffff; padding: 2px;}
#newproduct a:hover img {border: 1px solid #b9b9b9; padding: 2px;}
#newproduct .p_des, #newproduct .p_name, #newproduct .p_price {padding: 0px 6px;}

#msg1 {width: 960px; margin: 0px auto; font-size: 12px; margin-bottom: 10px; clear: both;}
#msg1 .msg_top {background: url(images/border-1.gif) no-repeat 0px top; height: 13px;}
	/*add by John Huang*/
	#msg_header {font-size: 12px; margin-bottom: 10px;}
	#msg_header h4 {/*background: url(images/icon.gif) no-repeat 6px -158px;*/ padding-left: 10px; height: 30px; line-height: 30px; color: #9e3026; }
	#msg_header p {margin: 0px 10px; line-height: 18px;}

#msg1 .msg_bottom {background: url(images/border-1.gif) no-repeat 0px bottom; height: 11px; clear: both;}
#msg1 .msg1_box {float: left; width: 238px; border-top: 1px dotted #c2c2c2; padding: 5px 0px;}
#msg1 p {margin: 0px 10px; line-height: 18px;}
#msg1 h4.msg_icon04 {background: url(images/icon.gif) no-repeat 6px -155px; padding-left: 45px; height: 30px; line-height: 30px; color: #9e3026;}
#msg1 h4.msg_icon01 {background: url(images/icon.gif) no-repeat 6px -338px; padding-left: 45px; height: 30px; line-height: 30px; color: #9e3026;}
#msg1 h4.msg_icon02 {background: url(images/icon.gif) no-repeat 6px -420px; padding-left: 45px; height: 30px; line-height: 30px; color: #9e3026;}
#msg1 h4.msg_icon03 {background: url(images/icon.gif) no-repeat 6px -500px; padding-left: 45px; height: 30px; line-height: 30px; color: #9e3026;}
#msg1 p.note {clear: both; font-size: 11px; color: #949494; border-top: 1px dotted #c2c2c2; line-height: 13px;}

/*=========================== category ==========================*/
.recommen {margin-bottom: 10px;}
.recommen .recommendp {width: 178px; border: 1px solid #e7d6a7; background: #fffaed; padding:10px 10px; margin-bottom: 5px;}
.topbanner h4 {background: url(images/icon.gif) no-repeat 0px -275px; padding-left: 25px; line-height: 30px; color: #9e3026; font-size: 15px; border-bottom: 1px dotted #999999; margin-bottom: 5px;}
.topbanner p {font-size: 12px; line-height: 18px; padding: 10px;}
.topbanner p b {font-size: 13px;}

.pagenumber {width: 500px; line-height: 20px; font-size: 12px; text-align: center; margin: 0px auto 20px auto; padding: 0px 10px;}
.pagenumber a, .pagenumber a:visited {display: inline-block; padding: 0px 8px 0px 8px; background: #f6edd3; color: #000000; line-height: 20px;  height: 20px; font-size: 11px; border: 1px solid #e7d6a7; text-decoration: none;}
.pagenumber a:hover, .pagenumber .now {display: inline-block; padding: 0px 8px 0px 8px; background: #9e3026; color: #ffffff; line-height: 20px;  height: 20px; border: 1px solid #9e3026;}

#categoryproduct {margin-bottom: 6px;}
#categoryproduct h4 {background: url(images/icon.gif) no-repeat 0px -273px; height: 24px; padding-left: 20px; font-size: 14px; color: #9e3026; line-height: 24px;} 
#categoryproduct ul {padding: 10px; margin-bottom: 20px;}
#categoryproduct li {float: left; width: 170px; *width: 172px; _width: 170px; margin-bottom: 10px; height: 220px;}
#categoryproduct a img {border: 1px solid #ffffff; padding: 2px;}
#categoryproduct a:hover img {border: 1px solid #b9b9b9; padding: 2px;}
#alert .alert_note {font-size: 11px; margin-top: 8px; padding-left: 35px; background: url(images/icon.gif) no-repeat 0px -848px;}

.category_fuction {background: #dedede url(images/pxbg.gif) repeat-x 0px 0px; font-size: 11px; margin: 10px 0px; padding: 8px; border: 1px solid #d2d2d2; display: block; height: 18px; line-height: 18px;}
.category_fuction select {font-size: 11px;}
.category_fuction span {margin-right: 10px;}

/*=========================== products ==========================*/
#relateproduct .plist {padding: 10px 0px; border-bottom: 1px solid #e9e9e9;}
#relateproduct .plist img {border: 1px solid #ffffff; padding: 2px;}
#cateory_tree {font-size: 11px; text-align: left; padding: 0px 5px 10px 0px; clear: both; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 16px;}
#cateory_tree a, #cateory_tree a:visited {color: #336cca;}
#pre-next_p {height: 103px; background: url(images/pre-next.gif) repeat-x 0px -103px; margin-bottom: 10px;}
#pre-next_p a.pre {width: 20px; height: 103px; display: inline-block; background: url(images/pre-next.gif) no-repeat 0px 0px; float: left;}
#pre-next_p a.next {width: 20px; height: 103px; display: inline-block; background: url(images/pre-next.gif) no-repeat -25px 0px; float: left;}
#pre-next_p .pre-next_img {width: 895px; _width: 890px; float: left; margin-left: 25px;}
#pre-next_p .pre-next_img a {border: 1px solid #b9b9b9; padding: 2px; margin: 13px 15px 0px 15px; display: inline-block;}
#pre-next_p .pre-next_img a:hover {border: 1px solid #000000; padding: 2px;}

.line_through {text-decoration: line-through;}
.product {font-size: 12px; margin: 10px 0px 5px 0px; }
.detail_left {float: left; width: 350px;}
.detail_right {float: left; width: 375px; padding-left: 8px;}
.smallsize {width: 385px; height: 80px; margin-top: 5px;}
.smallsize a.pre {background: url(images/pre-next.gif) no-repeat -1px -10px; width: 17px; height: 80px; display: inline-block; float: left;}
.smallsize a.next {background: url(images/pre-next.gif) no-repeat -27px -10px; width: 17px; height: 80px; display: inline-block; float: left;}
.smallsize .small_img {height: 80px; float: left; margin-left: 5px;}
.smallsize .small_img a {border: 1px solid #b9b9b9; padding: 2px; margin: 2px 8px 0px 0px; display: inline-block;}
.smallsize .small_img a:hover {border: 1px solid #000000; padding: 2px;}
.product_name {line-height: 30px; color: #9e3026; font-size: 15px; border-bottom: 1px dotted #999999; margin-bottom: 5px; font-weight: bold;}
.product_no {color: #777777; font-size: 12px; font-weight: normal;}
.product_content {line-height: 22px; margin: 3px 0px 10px 0px;}
.product_unitp {color: #ff0000; font-size: 16px; font-weight: bold;}

.order_detail {width: 184px; float: right; border: 1px solid #ffc57a; background: #fff8e8; padding: 8px; margin: 0px 0px 0px 15px; height: 320px;}
.order_detail li {margin-bottom: 10px; border-bottom: 1px dotted #ffc57a; padding-bottom: 5px;}
.order_detail .other_link {padding: 10px;}
.order_detail .other_link a {color: #336cca;text-decoration: underline; font-size: 11px;}
.order_detail .other_link a:hover {color: #666666;text-decoration: none;}

#productdetail {font-size: 12px; margin: 0px 0px 20px 0px; float: left; width: 746px;}
.pdetail_title {font-size: 12px; color: #ffffff; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 22px; padding: 0px 5px; margin: 0px 0px 10px 0px; background: #9e3026;}
.des_content, .spe_content {font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; line-height: 20px; padding: 0px 5px; margin-bottom: 15px;}
.des_content li, .spe_content li {list-style: disc; margin-left: 10px;}
.reviews_content {line-height: 20px; padding: 0px 5px;}
.reviews_content .review_info {font-size: 12px; color: #666666;}
.reviews_content .review_info b {color: #000000;}
.review {margin-bottom: 10px;}
.review .reply {background: #f1f1f1 url(images/pxbg.gif) repeat-x 0px -42px; border: 1px solid #ebebeb; margin: 5px 25px; padding: 5px 8px; font-size: 11px;}
.product_reviews .review_box {border: 1px dotted #999999; margin: 20px 30px 25px 30px; padding: 15px 10px 10px 130px; background: url(images/R_icon.gif) no-repeat 5px 10px; line-height: 30px;}

#alsobuy_p ul {width: 180px; text-align: center; margin: 10px 0px;}
#alsobuy_p li {float: left; width: 90px; text-align: center; margin-bottom: 10px;}
#alsobuy_p .p_price {font-size: 11px;}

/*=========================== Shopping Cart ==========================*/
.shoppingcart_note h5 {color: #9e3026; font-size: 14px; background: url(images/icon.gif) no-repeat 0px -613px; line-height: 38px; padding-left: 45px; margin-top: 10px; *margin-top: 10px; _margin-top: 0px;}
.shoppingcart_note p {font-size: 12px; margin: 5px; line-height: 18px;}
#shoppingcart table {border: 1px solid #9e3026;}
#shoppingcart th {background: #9e3026; color: #ffffff; font-size: 12px;}
#shoppingcart td {font-size: 12px; border-bottom: 1px solid #d7d7d7;}
#shoppingcart .marketprice {text-decoration: line-through;}
#shoppingcart .total {font-size: 13px; font-weight: bold; border-top: 2px solid #9e3026; border-bottom: 1px solid #ffffff;}
#shoppingcart .shipping p {color: #666666; margin: 3px 0px; font-size: 11px; line-height: 11px; }

/*== step ==*/
#shopping_step .step_select {float: left; font-size: 12px; background: url(images/border-1.gif) no-repeat right 0px; width: 192px; height:30px;}
#shopping_step .step {float: left; font-size: 12px; background: url(images/border-1.gif) no-repeat -1300px 0px; width: 192px; height:30px; color: #999999;}
#shopping_step .step_select p, #shopping_step .step p {padding-left: 10px;}
#idcheck {border: 1px solid #d2d2d2; clear: both; margin: 0px; padding: 0px; overflow: auto; height: 100%;}
#idcheck a {color: #ff9000;}
.return_guest {float: left; width: 320px; margin: 15px 0px 18px 18px; *margin: 15px 0px 18px 18px; _margin: 15px 0px 18px 9px;font-size: 12px; background: #eeeeee; padding: 10px 15px; line-height: 20px;}
.return_guest a {color: #0f608f;}
.new_guest {float: right; width: 520px; margin: 15px 18px 18px 18px; *margin: 15px 18px 18px 18px; _margin: 15px 9px 18px 9px;font-size: 12px; background: #eeeeee; padding: 10px 15px; line-height: 20px;}
.return_guest h5, .new_guest h5 {font-size: 14px; color: #9e3026; background: url(images/icon.gif) no-repeat 0px -274px; height: 30px; padding-left: 25px; line-height: 26px;}
.address span {float: left; margin-right: 4px;}
.checkbutton {background: url(images/continue_checkout.gif) no-repeat; height: 33px; border: 0px;}

#orderlist {border: 1px solid #d2d2d2; clear: both; margin: 0px; padding: 0px; overflow: auto; height: 100%; font-size: 12px; padding: 10px;}
#orderlist h5 {color: #9e3026; font-size: 14px;}
#orderlist table.orderlist {border: 1px solid #9e3026;}
.orderlist th {background: #9e3026; color: #ffffff; font-size: 12px;}
.orderlist td {font-size: 12px; border-bottom: 1px solid #d7d7d7; text-align: left;}
.orderlist .marketprice {text-decoration: line-through;}
.orderlist .total {font-size: 13px; border-top: 2px solid #9e3026; border-bottom: 1px solid #ffffff;}
.subtotal {line-height: 22px; margin: 5px 210px 10px 0px; text-align: right;}
#workingday {margin: 5px 0px 10px 0px; text-align: center;}
#workingday .question1 {width: 20px; height: 20px; position: absolute; background: url(images/icon.gif) no-repeat 0px 0px; margin: 0px;}
#workingday .question1 a {width: 20px; height: 20px; position: absolute; margin: 0px;}
#ordersuccess {border: 1px solid #d2d2d2; clear: both; margin: 0px; padding: 0px; overflow: auto; height: 100%; font-size: 12px; padding: 10px;}
#ordersuccess p {line-height: 20px; font-size: 13px;}
#ordersuccess h5 {color: #9e3026; font-size: 14px;}
.ordersuccess_link {margin-bottom: 10px;}


/*=========================== sign in ==========================*/
.signin_right {float: right; width: 340px; font-size: 12px; margin-top: 8px; *margin-top: 8px; _margin-top: 0px;}
.signin_left {float: left; width: 610px; margin-top: 8px; *margin-top: 8px; _margin-top: 0px;}
.signinbox, .creatnewbox {margin-bottom: 6px; color: #666666; line-height: 18px;}
.signinbox h4, .creatnewbox h4 {line-height: 30px; color: #9e3026; padding-left: 12px;}
.signinbox a, .creatnewbox a {color: #0f608f; font-weight: normal; font-size: 12px;}
.signinbox_in {background: #efefef; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
.signinbox_top {background: url(images/border-1.gif) no-repeat -960px 0px; height: 8px; line-height: 1px;}

/*=========================== create account ==========================*/
.wellcome_register {float:left; width: 700px; margin-top: 8px; *margin-top: 8px; _margin-top: 0px; margin-bottom: 15px;}
.wellcome_register p {font-size: 12px; margin: 0px 10px 0px 10px; line-height: 16px;}
#creataccount h5 {color: #9e3026; font-size: 14px; margin: 0px 5px 0px 10px;}
#gotologin {float:right; width: 200px; margin-bottom: 8px; color: #666666; font-weight: bold; font-size: 12px; line-height: 16px; text-align: center; margin-top: 8px; *margin-top: 8px; _margin-top: 0px;}
#gotologin h4 {line-height: 30px; background: url(images/border.gif) no-repeat -400px 0px; color: #9e3026; padding-left: 12px;}
#gotologin a {color: #0f608f; font-weight: normal; font-size: 11px;}
#creataccount table {font-size: 12px;}
#creataccount textarea {font-size: 12px; padding: 5px;}

/*=========================== Singlepage ==========================*/
.contactus {margin: 0px; line-height: 18px; font-size: 12px;}
.contactus h4,.aboutus h4, .terms h4, .privacy h4, .commitment h4 {background: url(images/icon.gif) no-repeat 0px -275px; padding-left: 25px; line-height: 30px; color: #9e3026; font-size: 15px; border-bottom: 1px dotted #999999;}
.contactus p {padding-left: 20px;}

.aboutus, .terms, .privacy, .commitment {margin: 0px; padding: 0px 0px 10px 0px; line-height: 20px; margin-top: 8px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.aboutus p, .terms p, .privacy p, .commitment p {padding: 10px 15px;}

li.type1 {list-style: square outside; background: none; padding-left: 0px; margin: 2px 12px 2px 32px;}
li.type2 {list-style: decimal outside; background: none; padding-left: 0px; margin: 2px 12px 2px 26px;}
li.type3 {background: url(images/icon.gif) no-repeat 4px -47px; padding-left: 15px; margin: 0px 0px 0px 26px;}
.difference {float: left; margin: 6px 10px; color: #444444; line-height: 18px; width: 340px;}
.difference_in {background: #efefef; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
.difference_top {background: url(images/border-1.gif) no-repeat -960px 0px; height: 8px; line-height: 1px;}
.difference p {color: #000000; padding-left: 12px; font-size: 13px; margin-bottom: 5px;}
.difference ul {padding: 5px 10px; height: 160px; border-top: 2px solid #9e3026;}
.difference li {background: url(images/icon.gif) no-repeat -40px -77px; padding-left: 15px;}
#customercare .box_02_in {background: url(images/contact.gif) no-repeat 5px 5px; padding-left: 75px; font-size: 11px;}
#customercare .box_02_in a {font-weight: bold; display: block; font-size: 12px; margin: 10px 0px;}

/*=========================== Account ==========================*/
#myaccount_function li {font-size: 11px; font-weight: bold; background: url(images/icon.gif) no-repeat 15px 10px; border-bottom: 1px dotted #d2d2d2; letter-spacing: 1px; }
#myaccount_function li a {width: 163px; display: block; line-height: 22px; text-decoration: none; padding: 0px 5px 0px 25px; color: #5d5d5d;}
#myaccount_function li a:hover, #myaccount_function li a.select {background: #ffffff; padding: 0px 10px 0px 25px; width: 163px; color: #9e3026;}

#yourrecommend h4 {background: url(images/icon.gif) no-repeat 0px -275px; padding-left: 25px; line-height: 30px; color: #9e3026; font-size: 15px; border-bottom: 1px dotted #999999;}
#yourrecommend ul {padding: 10px; margin-bottom: 20px;}
#yourrecommend li {float: left; width: 173px; *width: 175px; _width: 173px; margin-bottom: 8px; height: 220px;}
#yourrecommend a img {border: 1px solid #ffffff; padding: 2px;}
#yourrecommend a:hover img {border: 1px solid #b9b9b9; padding: 2px;}
#yourrecommend .p_des, #yourrecommend .p_name {padding-right: 10px;}

#account_setting h4, #account_qa h4, #account_orders h4 {height: 30px; padding-left: 5px; font-size: 13px; color: #9e3026; line-height: 25px;}
.settingnav {font-size: 11px; line-height: 35px; height: 35px;}
.settingnav li.but01 {float: left; width: 180px; background: url(images/accountbg.gif) no-repeat -192px 0px;}
.settingnav li.but01 a {text-decoration: none; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #666666; padding-left: 15px;}
.settingnav li.but01 a:hover {color: #9e3026; font-weight: bold;}
.settingnav li.but02 {float: left; width: 192px; background: url(images/accountbg.gif) no-repeat -0px top; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;}
.settingnav li.but02 a {background: url(images/accountbg.gif) no-repeat 0px top; float: left; width: 192px; *width: 192px; _width: 177px; text-decoration: none; color: #000000; font-weight: bold; padding-left: 15px;}
.settingcontent {border-left: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; border-right: 1px solid #a7a7a7; margin-right: 1px; *margin-right: 0px; _margin-right: 1px; font-size: 12px; line-height: 24px;}
.settingtitle {background: url(images/icon.gif) no-repeat 0px -45px; padding-left: 15px;}
.settingcontent p {font-size: 11px; line-height: 16px; color: #9e3026; font-family: Verdana, Arial, Helvetica, sans-serif;}

#account_vieworders table {border: 1px solid #a7a7a7; font-size: 12px; text-align: center;}
#account_vieworders td {border-bottom: 1px solid #c5c5c5;}
#account_vieworders th {background: url(images/accountbg.gif) no-repeat -35px -1px; height: 24px; border-bottom: 1px solid #a7a7a7; font-size: 11px;}
#account_vieworders .nowdisplay {background: #fff7e3;}
.orderview_link {background: url(images/formicon.gif) no-repeat -3px -209px; height: 18px; display: block;}
#orderlist.displaycontent {line-height: 20px; padding: 10px; text-align: left; border-top: 2px solid #9e3026; border-left: none; border-right: none; border-bottom: none;}
#orderlist.displaycontent th {background: #9e3026; color: #ffffff; font-size: 12px;}
#orderlist p {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}

.account_question {font-size: 12px; font-size: 11px; background: url(images/icon.gif) no-repeat 0px -688px; line-height: 20px; font-weight: bold; padding: 6px 0px 0px 27px;}
.account_answer {font-size: 11px; padding: 4px 0px 0px 27px; line-height: 18px;}


