@charset "utf-8";
/* CSS Document */
body {
font-family: Helvetica,'Trebuchet MS','Lucida Grande',Verdana,'Myraid Pro', Arial, sans-serif; font-size:13px; background-color:#eee;
}
div.Wrap {
margin:0 auto;
width:99%;
background-color:#fff; clear:both; padding:10px;
/* max-width:1000px; */
}
.line {color:#f00; text-decoration:line-through;}
.center {text-align:center;}
address {border-bottom:1px dotted #aaa}
div.Text {margin:0px 10px; }
/* End Common Page CSS */
caption { 	background-color:#464646; color:#ccc; font-family:'Trebuchet MS','Lucida Grande',sans-serif,Helvetica,Arial,Verdana;font-size: 14px; line-height:1.5 }
/*--- form related --*/
div.CapBox{clear:left; }
div.dataBox{clear:left; width:99%}
div.Col3 {float:left; width:31%; padding:1%; border:1px solid #ddd; min-height:200px; background-color:#fff;border-radius:5px;}
div.Col3 h3 {margin-top:0px;}
.OneThird {float:left; width:32%}
.TwoThird {float:left; width:64%; padding:1%;border:1px solid #ddd; min-height:200px; background-color:#fff; border-radius:5px;}

div.Submit {clear:left; margin:20px; text-align:center}
div.Capt {float:left; width:39%; clear:left; margin-top:3px; color:#888}
div.data{float:left; width:60%; margin-top:3px;}
.Two {float:left; width:48%}
/*-- End form related --*/
h1{
	font-family: 'Trebuchet MS','Lucida Grande',sans-serif,Helvetica,Arial,Verdana;
	font-size:26px;	margin:8px 0 4px 0;
	color:#351938; font-weight:normal; text-shadow: 1px 1px 2px #DDDDDD;
}

h2{
	font-family:'Trebuchet MS','Lucida Grande',sans-serif,Helvetica,Arial,Verdana;
	font-size:21px; 
	font-weight:normal; margin-bottom:5px;text-shadow: 1px 1px 2px #DDDDDD;
}

h3{
	font-family:'Trebuchet MS','Lucida Grande',sans-serif,Helvetica,Arial,Verdana;
	font-size:16px; color:625a4f;
	font-weight:bold;text-shadow: 1px 1px 2px #DDDDDD;
}
h4 {margin:5px 0px 5px 0px}
img { border:0}
img.border{
	border-style:solid;
	border-width:1px;
	border-color:#BBBBBB;
}
table {border-collapse:collapse;background-color:#fff; border-color:#ccc;}
td,tr {font-size:12px; border-color:#ccc;}
tr:hover{ background-color:#eee;}
th{
	font-size:12px;font-weight:normal;color:#000; text-align:left; padding-left:10px;background-color:#eee;
}
/*---------------- form related ------------------*/
*:focus { outline: none;}

select{
	font-size:12px;
	border:1px solid #bbbbbb;
	background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;	
	padding:3px;
}
option {background-color:transparent;}
input{
	background-color: #EFEFEF;
	font-size:12px;
	color:#333333;
}
input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password]{
padding:3px;border:1px solid #bbbbbb;font-family:inherit;font-size:1.0em;background:#fff;border-radius:2px;font-size:12px; width:95%; margin:1px; max-width:450px;
}
input[type=search],input[type=date],input.normal{
padding:3px;border:1px solid #bbbbbb;font-family:inherit;font-size:1.0em;background:#fff;border-radius:5px; width:inherit !important; max-width:450px;
}
input[type=text].center {width:100px; text-align:center;}
input.small {width:30px; }
textarea{
padding:3px;border:1px solid #bbbbbb;font-family:inherit;font-size:1.0em;background:#fff;border-top-right-radius:5px;	
	color:#333333; width:99%; min-height:70px; max-width:450px;
}
input.Submit {margin-top:10px;margin-bottom:10px;padding:10px 20px;color:#fff;font-weight:bold;border:1px solid #334664;background:#334664;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px; text-transform:uppercase;}
fieldset { border:1px solid #888;padding:10px; background-color:#f0f0f0}
legend {padding:2px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;font-size:14px; color:#506050; font-weight:600;text-shadow: 1px 1px 2px #DDDDDD;}
fieldset.SBlock {display:inline-block; max-width:150px; margin:5px;}
fieldset.SBlock label {display:block;}

.login {margin:0 auto;margin-top:100px; width:90%; max-width:300px; height:270px;background-color:#fff; padding:10px; box-shadow:0 0 5px #444;}
.tiny {font-size:9px; color:#c59c6c;}

.login label {display:block; margin:10px;}
.login input[type=email],.login input[type=password] {padding:10px 0 2px 0; border:none; border-bottom:2px solid #aaa; font-size:20px;}

/*------------ End of form ------------*/
p{line-height:1.5; text-align:justify; color:#333333}
hr {color:#eee; background:none; border-color:#eee}

#ImgArray { width:300px; float:right; height:300px; overflow:scroll; display:none;}
#ImgArray a {display:inline-block; margin:2px;}
#ShowComb {width:calc(100% - 350px);}
/* Tabs starting */
#Tabs {border-bottom:1px solid #888;}
#Tabs ul {
	list-style: none;

}

#Tabs li {
	display: inline;
	margin: 0 0.5em 0 0;
	float: left; 
	border: 1px solid #888 ; 
	border-bottom-width: 0;
	margin: 0 10px 0 0;
	background:#ccc url(images/tab.gif) repeat-x;
    height:40px; padding:0px 5px;
	text-align:center; cursor:pointer;
}
#Tabs li:hover { 	background:#ccc url(images/tabhover.gif) repeat-x; 
}
#Tabs li a {
	padding: 2px; color:#888; display:block;
}

#Tabs .selected {
	padding-bottom: 1px; 
	background: white url(images/tabbg.gif) repeat-x bottom;
	position: relative;
	top: 1px;	
	color:#000;
}
#Tabs .selected:hover{ background:white url(images/tabbghover.gif) repeat-x bottom;}
#Tabs .selected a {
	color:#000; text-decoration:none; display:block;
}
/* Tabs2 starting */
#Tabs2 ul {
	list-style: none;
	padding:0;
	margin:0;
}

#Tabs2 li {
	display: inline;
	margin: 0 0.5em 0 0;
	float: left; 
	border: 1px solid #555 ; 
	border-bottom-width: 0;
	margin: 0 10px 0 0;
	background:#ccc url(images/tab.gif) repeat-x;
    height:40px; padding:0px 5px;
	text-align:center; cursor:pointer;
}
#Tabs2 li:hover { 	background:#ccc url(images/tabhover.gif) repeat-x;
}
#Tabs2 li a {
	padding: 2px; color:#888; display:block; text-decoration:none;
}

#Tabs2 .selected {
	padding-bottom: 1px; 
	background: white url(images/tabbg.gif) repeat-x bottom;
	position: relative;
	top: 1px;	
	color:#000;
}
#Tabs2 .selected:hover{ background:white url(images/tabbghover.gif) repeat-x bottom;}
#Tabs2 .selected a {
	color:#000; text-decoration:none; display:block;
}
div.content {
	background-color:#fff; padding:10px; 
	clear: both;
}
div.clear {clear:left}
div.clearb{clear:both}
div.head {background-color:#eee; width:49%; padding:1px 2px;float:left;line-height:1.7;}
div.text {float:left;  width:49%; padding:1px 1px; }
div.text input {width:99%}
div.Error{margin:0 auto; width:400px; padding:10px; border:1px solid; border-color:#f00 #eee; background-color:#fee;  margin-top:40px; vertical-align:middle; line-height:1.5; }
ul.Float {margin:0px; padding:0px; list-style:none}
ul.Float li {float:left; margin:2px; display:inline}
ul.Float img {max-width:200px;}
div.Paging {margin:10px; text-align:right}
div.Paging a {padding:2px 4px; text-decoration:none; margin:2px; border:1px solid #888; background-color:#ccf; color:#444; line-height:1.5}
div.Paging a:hover {background-color:#464646;color:#eee;}
div.Paging b {border:1px solid #455; padding:2px 4px; margin:2px;}
.hid {width:15px; height:15px; position:absolute; margin-top:2px; margin-left:82px; }

a.Link {padding:2px 4px; text-decoration:none; border:1px solid #eee;border-color:#aaf #eee; background-color:#ccf; border-top:none; color:#000; font-size:10px; display:inline-block}
a.Link:hover {background-color:#454545; color:#fff}
#Notice {width:300px; border:1px solid #180; border-top:none; position:fixed; top:34px; left:40%; margin:0 auto; background-color:#eef; line-height:2; text-align:center; z-index:1002;}
div.Cols {float:left; text-align:center; width:180px;margin:3px; padding:1%; border:1px solid #ddd; margin-left:30px;min-height:150px; background-color:#FAFAFA;-moz-border-radius:5px;-webkit-border-radius:5px;}
div.Cols img {margin:3px;}
div.Cols h2 {margin:0px; padding:0px; font-size:16px;}
div.Cols h3 {margin:0px; padding:0px; font-size:12px;}
div.Capt1 {float:left; width:20%; clear:left; margin-top:3px; padding:5px; font-size:14px;}
div.Capt2 {float:left; width:10%; clear:left; margin-top:5px; padding-left:30px; font-size:14px;}
div.head {font-weight:bold; background-color:#6CF;width:100%; text-align:center}

/* ---- Top Menu ---*/
#Menu {
	font:normal 13px/28px sans-serif;
	color:#ccc;
	text-shadow:#444 0 -1px 0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	background-color:#464646;
	border-bottom:1px solid #000;
	background-image:-ms-linear-gradient(bottom, #373737, #464646 5px);
	background-image:-moz-linear-gradient(bottom, #373737, #464646 5px);
	background-image:-o-linear-gradient(bottom, #373737, #464646 5px);
	background-image:-webkit-gradient(linear, left bottom, left top, from(#373737), to(#464646));
	background-image:-webkit-linear-gradient(bottom, #373737, #464646 5px);
	background-image:linear-gradient(bottom, #373737, #464646 5px);	
}
#Menu * {margin:0px; padding:0px; list-style:none; position:relative;}

#Menu ul li {float:left;border-right:1px solid #555; color:#ccc;white-space:nowrap;min-width:50px;}
#Menu ul li:hover {	background:#fafafa;	color:#333; border-bottom:none;	}
#Menu ul li a { display:block;color:#ccc; text-decoration:none; padding:3px 10px;}
#Menu ul li a img { float:left; margin-right:5px}
#Menu ul li a:hover{ }
#Menu ul>li>ul {display:none; text-shadow:none; -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);}
#Menu ul > li:hover > ul {display:inline-block; position:absolute; width:200px;}
#Menu ul>li>ul>li { float:none; text-align:left; color:#333; background-color:#fafafa; margin-top:-5px; border:none;}
#Menu ul>li>ul>li:first-child {margin-top:0px;}
#Menu ul>li>ul>li:hover {background-color:#eaf2fa;}
#Menu ul>li>ul>li>a {color:#eaf2fa; color:#4e75c1; }

#QLinks {margin-left:10px;float:left; min-width:60%}

#LLinks {float:right; }

#Menu #LLinks ul li {border-left:1px solid #555; color:#ccc;white-space:nowrap;min-width:50px;}
#Menu #LLinks ul.Logout {display:none; padding-left:100px; min-height:100px; background:url(images/defimg.png) 10px 50% no-repeat #fafafa;}
#Menu #LLinks ul>li>ul>li:first-child {margin-top:0px;}
#Menu #LLinks ul>li:hover>ul {display:inline-block; right:0px; width:170px;}
#Menu #LLinks ul>li>ul>li { float:none; text-align:left; color:#333; margin-top:-4px; border:none;}

/* Order Detail Related  */
.ODTL {background-color:#565656; color:#ccc}
.ODTL a {color:#ccc; text-decoration:none; padding:5px; margin:2px 5px; display:inline-block}
.ODTL a:hover {background-color:#000; color:#fff}

ul.Status {list-style:decimal;}
ul.Status li { padding:5px;}
ul.Status div {width:100px; float:right}
ul.Status div a {display:inline-block}

div.OrderStatus { margin:2px; float:left; }
div.OrderStatus a { font-size:10px;padding:2px; line-height:2; height:25px; text-decoration:none;border-left:1px solid #fff;display:inline-block;background:url(images/ostatus.png) bottom repeat-x }
div.OrderStatus a.sel {background:url(images/ostatuss.png) center bottom repeat-x;}

div.QSold {display:inline-block; padding:5px; background-color:rgba(255,255,255,0.6); color:#000; position:absolute; border:1px solid #aaa; border-radius:3px;}
div.QSold.D {color:#f00; border:1px solid #f00;}
div.QSold.O {color:#800; border:1px solid #880;}

div.PPrice {border-top:1px solid #880;border-bottom:1px solid #880;display:inline-block; padding:5px; background-color:rgba(200,255,200,0.6); color:#00f; position:absolute; border-radius:3px; margin-top:40px;}
div.PPrice span.strike { color:#f00; text-decoration:line-through; }
#userupdate
{
position:absolute;
top:300px;
right:150px;
}
.hide{display:none;}
.line {text-decoration:line-through; color:#f00; padding:2px;}