﻿body {
padding:0px; 
margin:0px auto;
background: #000000 url(images/bg.gif) repeat-x;
font-family: Helvetica;
color:#99FF99;
font-size:12px; 
}

a {color:#00FF00;}
a:hover{color:#FFFF00;}

h1 { font-size:130%;}
h2 {font-size:120%;}
h3,h4,h5,h6 {font-size:110%;}

.highslide-heading {color:#000000;}
.highslide-heading a {color:#666666;}
.highslide-caption {color:#000000;}
.highslide-caption a {color: blue;}

.header-container {width:1000px; height:300px; 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:150px; margin:10px auto 0px auto; padding:10px; overflow:hidden; text-align:center; background:#006600 url(images/footer.gif) repeat-x bottom center; color:#FFFF00;}

.site-name {position: absolute; width:500px; height:120px; top:15px; 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%; color:#006600;}
.site-name a {margin: 0px; padding: 0px; color:#006600;}
.site-name a:hover {text-decoration: none; color:009900;}


.Menu-Login {position:absolute; top:80px; padding:0px; margin:0px; width:400px; margin-left:520px; color:black; 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:155px; 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: #99FF00; text-decoration: none;}
.Menu-Top a:hover {color:#FFFF00;}

.alertBox {color:#FF0000; background:#FFFFCC; 	border:1px solid #FF0000; padding:15px; margin:5px;}

.searchBox {position:absolute; top:120px; height:40px; width:500px; padding-left:560px;}
.searchBox form {margin:0px; padding:0px; border:0px solid;}
.searchBox input.txtSearch{ border:1px solid #999999; width:200px; height:18px;}
.searchBox input.cmdSearch{ border:1px; cursor:hand; font-size:120%; font-weight:bold; color:#FFFFFF; background:none; margin:0 auto 0 auto;}
.searchBox label { display:inline; color:#FFFFFF; font-size:120%;}

.smallCart {position:absolute; top:20px; background:none; width:200px;padding-left:650px; color:#006600;  }
.smallCart p {margin:2px; font-size:1.5em; font-weight:bold; color:#006600;}
.smallCart a {color:#993300;}
.smallCart a:hover {color:#FFFF00;}
.smallCart ul { margin:0px; padding:0px;}
.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:#006600; font-weight:bold; width:190px; overflow:hidden; border:1px solid #006600;}
.JoinList form{margin:0px; padding:5px; border:0px;}
.JoinList p {margin-bottom:2px; font-size:120%; background:#006600; 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; margin:5px;}
Form label span {color:#FF0000; font-size:100%; display:inline;}
Form #vCode {width:150px; margin-top:1em;}
Form input.btn { border:1px solid; padding:2px; 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:#FFFF33;}
.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: #111111; border:1px dashed #006600;}
.thumbnailBox p.itemname{position:absolute; top: 1px; 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:#FFFF33;}
.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:#FFFF33;}
.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:#009900; padding:0px; margin: 10px 0px 0px 0px;}
.Prod_Header2 {float:left;width:100%;border:0px #CCCCFF solid; background:#000000; padding:0px; margin: 0px 0px 10px 0px;}
.Prod_Header_Line {float:left;width:100%; border:0px #5868E8 solid; background:#33CC00; padding:0px; margin: 0px 0px 0px 0px; height:4px;}

.Prod_Summery {float:left;width:550px; border:0px #CCCCFF solid; background:#000000; 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:#FFFF33;}
.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;  background:#000000; 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 #006600;}

.Prod_AskSeller { clear:both; float:none; padding:15px; }
.Prod_AskSeller p.headline { padding:5px; font-weight:bold; font-size:130%; border-bottom:2px solid #006600;}

.Prod_ShowRelateProduct { clear:both; float:none; padding:15px; }
.Prod_ShowRelateProduct p.headline { padding:5px; font-weight:bold; font-size:130%; border-bottom:2px solid #006600;}



.smText{font-size:80%;}

.shadetabs{margin-left:5px; color:#; font-weight:bold; width:190px; overflow:hidden; border:1px solid #006600;; border-bottom:none;}
.shadetabs p {margin:0px; font-size:120%; background:#006600; 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:#66FF00; text-decoration: none; padding-left:15px; background:url(../../../Web_img/smallunchecked.gif) center left no-repeat;}
.shadetabs li a:hover{ color:#FFFF00;}
.shadetabs li a.selected{ background:url(../../../Web_img/smallchecked.gif) center left no-repeat; color:#00FF00; text-decoration:underline;}
.tabcontent{ margin-left:5px; padding:5px;  color:#006600; font-weight:bold; width:180px;  border:1px solid #006600; border-top:none; }
.tabcontent span a {display:list-item; list-style:none; padding: 2px 2px 2px 12px; color:#99FF66; border-bottom:0px solid #CCFFCC; text-decoration:none;}
.tabcontent span a:hover {color:#FF0000; background:#99FF66}

.cartDetail table{ background:#000000; border:0px solid; font-size:120%;}
.cartDetail .tableHeader {background:#006600;}
.cartDetail .tableContent {background:#000000;}
.cartDetail .tableFooter {background:#006600;}
.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;}

.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:#000000 url(images/tab-header.jpg) no-repeat; height:61px; color:#FFFFFF; font-size:2.5em; padding-left:55px; padding-top:15px;}