﻿body {
padding:0px; 
margin:0px auto;
background: #FFFFFF url(images/bg.gif) repeat-x;
font-family: Helvetica;
font-size:12px; 
}

a {color: #336699;}
a:hover{color:#3333FF;}

h1 { font-size:130%;}
h2 {font-size:120%;}
h3,h4,h5,h6 {font-size:110%;}

.highslide-caption a {color: blue;}

.header-container {width:1000px; height:315px; margin:0px auto; padding:0px; overflow:hidden; background:url(images/header.gif) no-repeat;}
.content-container { clear:both; width:1000px; min-height:400px; margin:0px auto 0px auto; padding:0px; overflow:hidden;}
.footer-container {clear:both; width:980px; height:50px; margin:10px auto 0px auto; padding:10px; overflow:hidden; text-align:center; background:#336699 url(images/footer.gif) repeat-x bottom center; color:#FFFFFF;}

.site-name {position: absolute; width:500px; height:120px; top:5px; z-index: 1; overflow: hidden; margin: 0px; padding:0px; margin-left:100px;}
.site-name p.title  {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 2em;}
.site-name p.subtitle  {clear: both; margin: 0px 0px 0px 5px; padding: 0px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size:80%;}
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color:#336699;}
.site-name a:hover {text-decoration: none;}


.Menu-Login {position:absolute; top:95px; padding:0px; margin:0px; width:400px; margin-left:350px; z-index:2;}
.Menu-Login p {clear: both;display:none;}
.Menu-Login ul {margin:0px; padding:0px;}
.Menu-Login li {display:inline; padding:5px;}
.Menu-Login a {color:#CC0066;}
.Menu-Login a:hover {color: #FFFF00; }

.Menu-Top {position:absolute; height:28px; top:280px; background:none; margin-left:450px;}
.Menu-Top ul {margin:0px; padding:0px;}
.Menu-Top li {display:inline; list-style:none; float:left; font-size:110%; font-weight:bold; padding:0px; margin-left:2.5em;}
.Menu-Top a {color: #336699; text-decoration: none;}
.Menu-Top a:hover {color:#3333FF;}

.alertBox {color:#FF0000; background:#FFFFCC; 	border:1px solid #FF0000; padding:15px; margin:5px;}

.searchBox {position:absolute; top:210px; height:40px; width:500px; padding-left:400px;}
.searchBox form {margin:0px; padding:0px; border:0px solid;}
.searchBox input.txtSearch{ border:1px solid #999999; width:200px; height:18px;}
.searchBox input.cmdSearch{ color:#3333FF; cursor:hand; font-size:120%; font-weight:bold; background:none; margin:0 auto 0 auto;}
.searchBox label { display:inline; color:#3333FF; font-size:120%;}

.smallCart {position:absolute; top:10px; width:200px;padding-left:530px; color:#336699;  }
.smallCart p {margin:2px; font-size:1.5em; font-weight:bold; color:#336699; background:url(images/cart.gif) no-repeat; padding-left:28px;}
.smallCart a {color:#993300;}
.smallCart ul { margin:0px; padding:0px; padding-left:28px;}
.smallCart li.detail {  margin:0px; display:inline; list-style:none;}
.smallCart li.viewcart { display:inline; list-style:none; margin-top:5px;}

.JoinList{margin-left:5px; color:#336699; font-weight:bold; width:190px; overflow:hidden; border:1px solid #336699;}
.JoinList form{margin:0px; padding:5px; border:0px;}
.JoinList p {margin-bottom:2px; font-size:120%; background:#336699; color:#FFFFFF; padding:5px;}
.JoinList ul {margin:0px; padding:0px;}
.JoinList li {list-style:none; margin:0px; padding:0px;}
.JoinList label {display:block; font-weight:bold;}
.JoinList #txtEmail { border:1px solid}
.JoinList #cmdJoin{}

#pageHeader { width:100%;}
#pageHeader h1 { font-size:2em; font-weight:bold; margin:0px; padding:0px;}
#pageHeader p { margin:10px;}
.pageHeader { width:100%;}
.pageHeader h1 { font-size:2em; font-weight:bold; margin:0px; padding:0px;}
.pageHeader .showPerPage p,ul {display:inline; margin-left:1px;}
.pageHeader .showPerPage li {display:inline; margin-left:5px; }

#frmLogin {padding:2em 2em 2em 2em;}

Form {margin:0px; padding:2em 2em 2em 2em; border:0px dotted #CCCCCC;}
Form h1 {font-size:120%;}
Form fieldset {margin-top:1.5em; width:100%; background:none; border:0px;}
Form legend { font-size:130%; font-weight:bold; background:none; padding:5px;}
Form label { font-weight:bold; display:block;}
Form label span {color:#FF0000; font-size:100%; display:inline;}
Form p { margin:5px;}
Form #vCode {width:150px; margin-top:1em;}
Form input.txt {}
Form input.btn { cursor:hand;}
Form span {font-size:80%;display:block;}


.menuleft { float:left; width: 200px; margin:0px; padding:0px;}
.contentA { float:right; width:790px; margin:0px; padding:0px; background:url(images/pic001.gif) no-repeat top right;}
.contentB {float: left; width: 990px; margin:0px; padding:0px; background:url(images/pic001.gif) repeat-y top right;}


.menuright {overflow: hidden; float: right; top:0px; width: 115px; position: relative; z-index: 7; min-height: 250px; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-left:1px dotted #666666;}


.ListView { display:block; border-top: 1px solid #CCCCCC;padding: 5px;}
.ListView p.itemIMG {display:inline; padding: 5px; width:10px;}
.ListView p.price{ display:inline; width:100px;font-size:150%; font-weight:bold; color:#FF6600;}
.ListView p.itemname{display:inline; font-weight:bold; text-align:left;}
.ListView p span{
background:url('../../../Web_img/new.gif') no-repeat;
float:none;
width:28px;
height:11px;
position:absolute;
text-indent:-9999px;
top:5px;
left:10px;
}

.thumbnailBox {float: left; position: relative; width:240px; height:120px; margin:5px; padding:5px; z-index:0; background: #EFEFEF; border-bottom:1px dashed #CCCCCC;}
.thumbnailBox p.itemname{position:absolute; font-size:120%;top: 5px; left:110px; font-weight:bold; margin:0px; padding:0px; width:130px;}
.thumbnailBox p.itemname a{text-decoration:none;}
.thumbnailBox p.price{position:absolute;  top:80px; left:110px; margin:0px; padding:0px; font-size:150%; font-weight:bold; color:#FF0000;}
.thumbnailBox ul{position:absolute; top:100px; left:110px; margin:0px;padding:0px;}
.thumbnailBox li {display:inline; list-style:none; margin:0px; padding:0px;}

.itemFound { padding:5px; height:80px; background:url(images/pic001.gif) no-repeat top right;}
.itemFound p.head { font-size:150%; font-weight:bold; color:#000000;}
.itemFound span.Number { color:#FF6600;}
.itemFound span.keyword {color:#FF6600;}.




.WB_Detail
{
Clear:both;
float: left;
width: 410px;
padding: 5px 5px 5px 5px;
border: 1px solid #DDDDDD;
}

.Prod_Header1 {float:left;width:100%;border:0px #99FF66 solid; background:#6699FF; padding:0px; margin: 10px 0px 0px 0px;}
.Prod_Header2 {float:left;width:100%;border:0px #CCCCFF solid; background:#FFFFFF; padding:0px; margin: 0px 0px 10px 0px;}
.Prod_Header_Line {float:left;width:100%; border:0px #5868E8 solid; background:#003366; padding:0px; margin: 0px 0px 0px 0px; height:4px;}

.Prod_Summery { background:#CCCCFF; float:left;width:550px; border:0px #CCCCFF solid;  padding:4px; margin-left:10px; margin-bottom:1em;}
.Prod_Summery_IMG {float:left; text-align:center; width:250px; padding:5px;}
.Prod_Summery_Content{ padding:5px; color:#666666;}
.Prod_Summery_Content p.Price {font-size:150%; font-weight:bold; color:#FF0000;}
.Prod_Summery_Content ul.Spect { font-weight:bold; list-style:none; margin-left:0px;}
.Prod_Summery_Content ul.LinkTool { font-weight:bold; list-style:none; margin-left:0px;}
.Prod_Summery_Content form { margin:0px; padding:2px;}
.Prod_Summery_Content .cmdAddCart { border:1px solid #FF6600; }
.Prod_SPECIFICATION { float:left;  padding-left:50px;}

.Prod_Description_Content { clear:both; float:none; padding:15px; }
.Prod_Description_Content p.headline { padding:5px; font-weight:bold; font-size:130%; border-bottom:2px solid #336699;}

.Prod_AskSeller { clear:both; float:none; padding:15px; }
.Prod_AskSeller p.headline { padding:5px; font-weight:bold; font-size:130%; border-bottom:2px solid #336699;}

.Prod_ShowRelateProduct { clear:both; float:none; padding:15px; }
.Prod_ShowRelateProduct p.headline { padding:5px; font-weight:bold; font-size:130%; border-bottom:2px solid #336699;}



.smText{font-size:80%;}

.shadetabs{margin-left:5px; font-weight:bold; width:190px; overflow:hidden; border:1px solid #336699;; border-bottom:none;}
.shadetabs p {margin:0px; font-size:120%; background:#336699; color:#FFFFFF; padding:5px;}
.shadetabs ul {margin:0px; padding:0px;}
.shadetabs li{ display:block; list-style:none; padding:2px; font-size:120%;}
.shadetabs li a{ color:#336699; text-decoration: none; padding-left:15px; background:url(../../../Web_img/smallunchecked.gif) center left no-repeat;}
.shadetabs li a:hover{ color:#3333FF;}
.shadetabs li a.selected{ background:url(../../../Web_img/smallchecked.gif) center left no-repeat; color:#3333FF; text-decoration:underline;}
.tabcontent{ margin-left:5px; padding:5px;  color:#336699; font-weight:bold; width:180px;  border:1px solid #336699; border-top:none; }
.tabcontent span a {display:list-item; list-style:none; padding: 2px 2px 2px 12px; border-bottom:0px solid #CCFFCC; text-decoration:none;}
.tabcontent span a:hover {color:#FF0000; background:#FFFFFF}

.cartDetail table{ background:#FFFFFF; border:0px solid; font-size:120%;}
.cartDetail .tableHeader {background:#336699;}
.cartDetail .tableContent {background:#FFFFFF;}
.cartDetail .tableFooter {background:#336699;}
.cartDetail .tableShipping { font-size:120%;}
.cartDetail .tableSumTotal { font-size:150%;}

.orderList-contrainer { margin:5px; padding:5px; width:730px; border:1px solid #336600;} 
.OrderRecord {float:left; width:400px; height:2.5em;}
.OrderStatus { float:left ; text-align:right; margin:0px; padding:0px; height:2.5em;}
.OrderStatus li {list-style:none; display:inline; margin:0px; padding:5px;}
.OrderNote {clear:both}
.OrderName { float:left; margin:5px; width:500px;}
.OrderDetail { clear:both; float:none;}

.memberMenu {width:250px; height:80px; float:left;}
.memberMenu a {text-decoration:none; color:#00CC00;}
.memberMenu p.logo {float:left; margin:5px;}
.memberMenu p.title { font-weight:bold; font-size:120%; margin:2px; padding:0px;}
.memberMenu p.subtitle { font-size:90%; margin:0px; padding:0px; color:#99CC00;}

.memberMenu {width:250px; height:80px; float:left;}
.memberMenu a {text-decoration:none; color:#00CC00;}
.memberMenu p.logo {float:left; margin:5px;}
.memberMenu p.title { font-weight:bold; font-size:120%; margin:2px; padding:0px;}
.memberMenu p.subtitle { font-size:90%; margin:0px; padding:0px; color:#99CC00;}

.BBquote{
	border: 2px dashed #009900;
	background-color: #003300;
	font-style:italic;
	font-size: 100%;
	width: 97%;
	padding: 5px;
	margin: 8px 0px;
	text-align: left;
	overflow: auto;
	display: block;
	padding: 5px;
}

.TabHeader {background:#FFFFFF; height:61px; color:#FF0000; font-size:2.5em; padding-left:55px; padding-top:15px;}



.ItemDetailTabs{padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.ItemDetailTabs ul li{display: inline;
margin: 0; padding:10px;}

.ItemDetailTabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: #CCCCCC url(shade.gif) top left repeat-x;
}
.ItemDetailTabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.ItemDetailTabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
background:white;
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.ItemDetailTabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabDetail{display:none;}
