/* CSS Document */
@import url(font_calibri.css);
*:focus {
    outline: 0;
}
body{
margin:0;
padding:0;
background-color:#000000;
color:#CCCCCC;
}
img{
border:0px;	
}
a{
 color:#fff;
 text-decoration:none;
}
a:hover, a.selected{
 color:#ad834f;
 text-decoration:none;
}

div{
float:left;
}
#headerbg{
	background-attachment: scroll;
	background-image: url(producer_images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#membermenu{
float:right;
}
#membermenu a{
  color:#ccc;	
}
#membermenu div{
float:left;
}

#headerbg{
height:220px;
background-color:#000000;
width:100%;
position:absolute;
left:0;
top:0;
z-index:0;
}
#wrap {
	width:1000px;
	font-family: "Microsoft JhengHei", "微軟正黑體", Calibri, Arial, STXihei, "华文细黑", Tahoma, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", sans-serif;
	font-size:12px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	z-index:500;
}
.item{
	width:100%;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #CCCCCC;
	border-bottom-color: #000;
	border-left-color: #CCCCCC;
}
.item div{
margin-bottom:5px;
padding-top:5px;
margin-right:0px;

}
.topic{

	color:#999999;
	font-weight:bold;
}
a.showDetail{
	width:30px;
	text-align:center;
	margin-top:0px; 
	float:left; 
	display:block;
	margin-bottom: 5px;
    padding-top: 5px;
}
.detail{
	/*height:350px;*/
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #c09158;
	border-left-color: #000;
	display:none;
	overflow:hidden;
}
.detailbold{
	color:#CCCCCC;

}
.detailbold{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c09158;
	border-right-color: #c09158;
	border-bottom-color: #c09158;
	border-left-color: #c09158;
}
.Current{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #c09158;
}
.detailbold, .Current div{
color:#00CCFF;
}
.item .btnBuy{
float:right;
font-family:Arial, Helvetica, sans-serif;
	border: 0px solid #ad834f;
margin-bottom:0px;
padding-top:0px;
padding-right:0px;
	padding:3px;
	margin:0px;
	background-color:#ad834f;
	font-size:11px;
	color:#FFFFFF;
	
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.item .btnBuy a{
 color:#fff;	
}
.item .joinusname{
width:300px;
height:20px;
}
.item .joinusfield{
width:300px;
height:20px;
}
.item .joinusfield .joinusInputA{
width:100%;
	padding:5px;
	border: 0px solid #ad834f;
		-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #EBEBEB;
}
.item.title3{
font-size:18px;
margin-top:50px;
margin-bottom:20px;
border: 0px solid #ad834f;
}
#header{
width:100%;
height:220px;
color:#fff;
overflow:hidden;
}
#header #topheader{
width:100%;
height:40px;

}
#header #topheader div{
padding-left:15px;
padding-right:15px;
margin-top:10px;
margin-right:5px;
padding-top:5px;
height:25px;
text-align:center;

		-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	color:#999999;
	cursor:pointer;
}
#header #headerL{
float:left;
width:40%;
}
#header #headerR{
float:right;
width:60%;
}
#header #headerR #R1{
	width:100%;
	text-align:right;
	float:right;
	height:35px;
	margin-bottom:10px;
	margin-top:10px;
	font-family: Century;
	font-size:14px;
	color:#b49169;
}
#header #headerR #R2{
	font-size:16px;
	float:right;
	margin-bottom:15px;
	height:33px;
	width:585px;
	font-weight:bold;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b49169;
	border-right-color: #b49169;
	border-bottom-color: #b49169;
	border-left-color: #b49169;
}
#header #headerR #R2 div:hover{
color:#fff;
}
#header #headerR #R3{
width:585px;
height:40px;
text-align:right;
float:right;
color:#999999;
}
#header #headerR #R2 div{
float:left;
padding:5px;
padding-left:14px;
padding-right:0;
color:#999999;
}
#header #headerR #R3 .basket{
float:right;
margin-left:10px;
margin-right:10px;
margin-top:5px;
}
.showCartView{
color:#999999;
}
.bodyL{
width:150px;
margin-top:30px;
}
.bodyMain{
width:850px;
margin-top:30px;
}
.bannerL{
width:50%;
background-color:#333333;
height:150px;
margin-top:10px;
}
.bannerR{
width:50%;
height:150px;
background-color:#666666;
margin-top:10px;
}
.footer{
padding-top:15px;
margin-top:50px;
margin-bottom:50px;
}
#loginid,#loginpassword,#newletterEmail,#clear-pw{
	padding:3px;
	background-color:#232323;
	border: 1px solid #333333;
	color:#fff;
	width:94%;
}
#keyword{
	padding:1px;
	background-color:#232323;
	border: 1px solid #333333;
	color:#999999;
	width:150px;
}
#basketQTY{
background-color:#b49169;
padding:3px;
width:50px;
text-align:center;
float:right;
color:#FFFFFF;
margin-top:2px;
}
#rightpanel{
position:fixed;
right:0;
top:300px;
width:36px;
height:38px;
}
.message{
width:60%;
padding-top:30px;
padding-bottom:30px;
padding-right:40%;
font-size:18px;
}
#advancedsearch{
	position:absolute;
	width:300px;
	height:350px;
	background-color:#000000;
	border: 2px solid #00aac1;
	top:630px;
	left:50%;
	margin-left:-500px;
	z-index:999;
}
#advancedsearch .advanceditem{
width:100%;
margin-bottom:3px;
font-size:13px;
}
#advancedsearch .advanceditem .title{
width:24%;
margin:3%;
margin-top:0;
margin-bottom:0;
}
#advancedsearch .advanceditem .content{
width:64%;
margin:3%;
margin-top:0;
margin-bottom:0;
}
#advancedsearch .advanceditem .content .ASfield1{
width:95%;
}
#advancedsearch .advanceditem .content .ASfield2{
width:41%;
}
#advancedsearch .advanceditem .content .ASfield3{
	width:43%;
	padding:3px;
	background-color:#00aac1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#memberloginbox{
	position:absolute;
	width:300px;
	height:180px;
	background-color:#000000;
	border: 2px solid #00aac1;
	top:40px;
	left:50%;
	margin-left:200px;
	z-index:999;
	display:none;
}
#newlettersubscribebox{
	position:absolute;
	width:300px;
	height:130px;
	background-color:#000000;
	border: 2px solid #00aac1;
	top:176px;
	left:50%;
	margin-left:-85px;
	z-index:999;
	display:none;
}
#NeweletterSubscribe{
	border: 1px solid #b49169;
	background-color: #b49169;
	padding:1px;
	cursor:pointer;
}
#cartBoxViewClose,
#memberloginCloseBTN{
cursor:pointer;
}
.itemList div{
overflow:hidden;
}
.submenu{
	position:absolute;
	top:125px;
	left:540px;
	background-color:#000000;
	width:150px;
	border: 1px solid #00aac1;
	
}
.submenu div{
padding:3px;
}

#fancybox-content {
 background-color: #FF0000; /* or whatever */
} 


@media screen and (min-width: 100px) and (max-width: 1160px) {
body{

}
#wrap{
left:580px;
}
}
@media screen and (min-height: 10px) and (max-height: 650px) {

}