@CHARSET "UTF-8";
/* # version:   1.0                                  # */
/* # author:    Andrew cui     # */
/* ################################################### */
/* GLOBAL RESET */
/* ################################################### */
html { text-align:center;  height:100%; }
body { min-width:1000px; max-width: 1200px; margin:0 auto; text-align:left;
 font-family:  Georgia,Arial, Helvetica, sans-serif;
 font-size: 0.9em;
	padding: 0 auto;
	height:100%;
}

h1 {
	font-family:  Arial;
	font-size: 1.7em;
	font-weight: normal;
	margin: 10px 5px;
	padding: 5px 0px 5px 15px;
	color: #271304;
	border-bottom: 2px solid #CAC5B2;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #A09777;
}
.titleFont_1{
	  font-size: 24px;
	  font-weight: bold;
	  color: black;
	  line-height: 30px; 
}
#divWrap {
	min-height: 100%;
	border: 1px solid #592003;
	padding: 0 auto;
	margin: 0 auto;
   background-color: #351804;
}

#divMain {
	overflow:auto;
	padding-bottom: 100px;  /* must be same height as the footer */
}
#divFooter {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
		background-color: #1F0D02;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


#divHeader-nav{
	background-color: #000;
display: block;
	width: 100%;
	height: 50px;
}
#divHeader-nav a{
	  text-decoration: none;
	color: white;
}
#divHeader-nav-content{
display: inline-block; float: right; margin-right: 40px;margin-top: 5px; 
}
#divHeader-nav-content a{
	color: #fff;
}
#divHeader{
	background-color: #351804;
	width: 100%;
	height: 100px;
}


#divContent{
	display: block;
	padding:0px 5px 10px 5px;
}

#divLogo{
	display: block;
	width: 300px;
	float: left;
}

#divSearch{ display:inline-block;float: left;  min-width: 400px; width: 40%; padding: 30px;}
#divHeaderRight{ display:inline-block;  height: 100px; }

#divLeft{
 display: inline-block;
 clear: left;
	 float: left;
 min-width: 280px;
 width: 28%;
 min-height: 400px;
 margin: 0;
 padding: 0;
}
#divRight{
   color: #AA6D36;
 display: inline-block;
 float: left;
 min-width: 700px;
 width: 70%;
 min-height: 500px;
 margin-bottom: 20px;
 padding: 0;
 background-color: #E9E3CD;
	 border :1px solid #351804;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


#divFooter-content{
	text-align: center;
	padding-top:10px;
	color: white;
}
#divFooter-content ul {
margin-left: 200px;
  overflow: auto;
  list-style-type: none;
}
 
#divFooter-content li {
  height: 25px;
  float: left;
  margin-right: 0px;
  border-right: 1px solid #aaa;
  padding: 0 20px;
}
 
#divFooter-content li:last-child {
  border-right: none;
}
 
#divFooter-content li a {
  text-decoration: none;
  color: #ccc;
  font: 18px Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
#divFooter-content li a:hover {
  color: #F2DE87;;;
}
 
li.active a {
  font-weight: bold;
  color: #333;
}

/* style form */
.frmStyle{
	line-height: 30px;
}
.frmStyle label{
	display: inline-block;
	width: 120px; text-align: left;
	vertical-align: text-top;
	font-weight: bold;
}


   .frmStyle input, .frmStyle textarea {
	padding: 5px;
	font-size: 15px;
	width: 180px;
	outline: none;
	text-shadow: 0px 1px 0px #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	}
	 
	input:focus,textarea:focus {
	border: 1px solid #fafafa;
	-webkit-box-shadow: 0px 0px 6px #007eff;
	-moz-box-shadow: 0px 0px 5px #007eff;
	box-shadow: 0px 0px 5px #007eff;
	}
	
label.error{
	  display:inline-block;
	  margin-left: 5px;
	  width: 16px;
	  height: 16px;
	  background: url("../images/icons/cancel.png") no-repeat ;
text-indent:-500em;
}
input.error {
	border: 1px solid red;
	background-color: #ffd5d5;
}

.boxStyle{
	display: block;
	border :1px solid #AA6D36;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}



/**
*  divLogin
*/
#divLogin{
	display: block;
	width: 350px;
	float: right;

}

#divRegister{
	display: block;
	padding: 10px 0 20px 100px;
}
   

	   .button {
   border-top: 1px solid #AA6D36;
   background: #b09b7d;
   background: -webkit-gradient(linear, left top, left bottom, from(#9d7d4d), to(#b09b7d));
   background: -webkit-linear-gradient(top, #9d7d4d, #b09b7d);
   background: -moz-linear-gradient(top, #9d7d4d, #b09b7d);
   background: -ms-linear-gradient(top, #9d7d4d, #b09b7d);
   background: -o-linear-gradient(top, #9d7d4d, #b09b7d);
   padding: 5px 18px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #9d7d4d;
   background: #9d7d4d;
   color: #ffffff;
   }
   
   
#divNewCustomer
{
	display: inline-block;
	min-width: 300px;
	width: 45%;
	float: left;
	padding: 10px;
	border-right: 1px dotted #9A8856;
	
}

.divLeftBox
{
	display: inline-block;
	margin: 0px 10px 10px 10px;
	min-width: 260px;
	width: 90%;
	background: #724319 url("/images/bg1.gif") repeat-x fixed top;
		border :1px solid #AA6D36;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.divLeftBox h3
{
   margin: 0;padding:10px 0 0px 20px;color: #F2DE87;font-size: 1.5em;font-weight: bold; 
}

 #frmRegister label
 {
   width: 160px;  
 }
#frmRegister input
{
   width: 200px; 
}

 .listMenu { display: block;margin:0px; padding:15px; }
.listMenu li
{
   list-style-type:none; 
   padding: 5px 5px 0px 5px; border-bottom: 1px dashed #5C4529; list-style: none; width:220px;
}
.listMenu li a
{
	display: block; 
   text-decoration: none;
   color: white;
   line-height: 20px;
   padding-left: 3px;
   font-weight: bold;  
}
.listMenu li a:hover
{
   color: #F2DE87;
   font-size: 18px;
   text-decoration: none;  
}
.listMenu a:visited
{
   color: white;
   text-decoration: none;  
}
/**
* artsits index
*/
#artistsIndex a
{
	display: inline;
	font-size: 16px;
	padding-left : 10px; 
   text-decoration: none;
   color: white;
   line-height: 25px;
   font-weight: bold;  
}
#artistsIndex  a:hover
{
   color: #F2DE87;
   font-size: 16px; 
   text-decoration:underline;  
}
#artistsIndex  a:visited
{
   color: white;
   text-decoration: none;  
}


/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	width: 100%;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;  
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	min-width: 300px;
	width: 85%;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	min-width: 27px;
	width: 10%;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

#menu a{
color:#B85700;
}

#menu-artists{
	min-height:50px;
}

#menu-artists a{
color:#B85700;
text-decoration: underline;
}
#menu-artists li a:hover, #menu-artists li a:visited   
{
   color: #B85700;
   text-decoration: underline;  
}
#menu-artists li a:hover
{
   color: black;
   text-decoration: underline;  
}

#divMenu-artists
{
	display: block;
	width: 90%;
	line-height: 30px;
	background-color: white;
	text-align: center;
	margin-left: 25px;
	border-radius: 10px;
	padding: 5px 0 5px 0;
	 
}
#divMenu-artists a,#divMenu-artists a:visited,.divListArtists a,.divListArtists a:visited{
	color: #2D64B3;
text-decoration: none;
}
#divMenu-artists a:hover,.divListArtists a:hover{
	color: #2D64B3;
text-decoration:underline;
}

#divArtist-list,.divDetail
{  
	
	display: block;
width: 98%;
	min-height: 25px;
	background-color: white;
	text-align: left;
	margin-left: 10px;
	border-radius: 10px;
	 
}

.divListArtists
{
	display: inline-block;
	text-align: left;
	min-width: 150px;
	width: 20%;
	padding-left: 10px;
	min-height: 50px;
	vertical-align: text-top;
}

/*==============
artist detail
-----------------*/
.divArtistDetail{
	display: block;
	width: 650px;
	background-color: white;
	height: 150px;
	margin-left: 25px;
	border-radius: 10px;
	padding: 5px 0 5px 0;
}
.divArtistDetail-image{
	display: inline-block;
	width: 150px;
	float: left;
	padding: 5px 0 5px 10px;
}

.divArtistDetail-image img{
	display: inline-block;
	border: 1px solid #eee;
	border-radius: 5px;
}
.divArtistDetail-content{
	display: inline-block;
	width: 450px;
	float: left;
	padding: 5px 0 5px 0px;
}

/**===============
* product list
*/
.U_productList{list-style-type: none;}
.U_productList li{float: left;  height: 230px;}

/*
.divProductList{
	clear: both;
	display : inline-block;
	padding: 0;
	margin: 0;
	width: 170px;
	height: 200px;
	text-align: center;
	border: 1px solid #000; 
	
}
*/
.divProductList{
	clear: both;
	display : inline-block;
	background-image: url('/images/frame1.png');
	background-repeat:no-repeat;
	width: 185px;
	height: 220px;
	margin: 0px;
	padding: 0px;
	text-align: center;	
}
.divProductList-image
{
		clear: both;
	display:table-cell;
	width: 180px; 
	height: 150px;
	vertical-align:middle;

}
.divProductList-image img{
	padding-top: 30px!important;
	padding-top: 35px;
   max-width: 120px; 
   border: 0;
} 
.divProductList-content{
	clear: both;
	width: 180px;
 font-size: 0.75em; 
 text-align:center;
 padding-top: 3px;  
}
/*
.divProductList
.divProductList-image{
	margin: 5px;
	display : inline-block;
	height: 125px;

} 
*/ 
   
/**
* product detail css
*/

#divProductDetail-img{
	display: inline-block;
	width: 400px;
	height: 350px;
	float: left;
	border: 1px solid #000; 
}


/**
*  css menu
*/
ul#cssMenu,ul#cssMenu ul{
	margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
ul#cssMenu ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#FFFFFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;padding:0 10px 10px;}
ul#cssMenu li:hover>*{
	display:block;}
ul#cssMenu li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#cssMenu li:hover{
	z-index:1;}
ul#cssMenu ul ul{
	position:absolute;left:100%;top:0;}
ul#cssMenu{
	font-size:0;z-index:9999;position:relative;display:inline-block;zoom:1;padding:0;
	*display:inline;}
* html ul#cssMenu li a{
	display:inline-block;}
ul#cssMenu>li{
	margin:0;}
ul#cssMenu a:active, ul#cssMenu a:focus{
	outline-style:none;}
ul#cssMenu a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Tahoma;color:#fff;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#444;background-image:url("/images/mainbk.png");background-repeat:repeat;background-position:0 100px;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#cssMenu ul li{
	float:none;margin:10px 0 0;}
ul#cssMenu ul a{
	text-align:left;padding:4px;background-color:#FFFFFF;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#D09043;text-decoration:none;}
ul#cssMenu li:hover>a,ul#cssMenu li a.pressed{
	background-color:#D09043;border-color:#C0C0C0;border-style:solid;color:#fff;text-shadow:#FFF 0 0 1px;background-image:url("/images/mainbk.png");background-position:0 100px;text-decoration:none;}
ul#cssMenu span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#cssMenu ul span{
	padding-right:12px;}
ul#cssMenu ul li:hover>a,ul#cssMenu ul li a.pressed{
	background-color:#FFFFFF;background-image:none;color:#c1c1c1;text-decoration:none;}
ul#cssMenu li.topfirst>a{
	border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#cssMenu li.toplast>a{
	border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}

/**
* my shopping cart
*/
#divMyShoppingCart{
   color: #AA6D36;
 display: inline-block;
 width: 100%;
 min-height: 550px;
 margin-left: 0;
 padding: 0;
 text-align: left;
 background-color: #E9E3CD;
	 border :1px solid #351804;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/**
* back to top
* 
*/

p#back-to-top{
	  position:fixed;
	  bottom:100px;
	  right:5px;
	  z-index: 999;
}
p#back-to-top a{
	  text-align:center;
	  text-decoration:none;
	  color:#d1d1d1;
	  display:block;
	  width:70px;


	  -moz-transition:color 1s;
	  -webkit-transition:color 1s;
	  -o-transition:color 1s;
}
p#back-to-top a:hover{
	  color:#979797;
}
p#back-to-top a span{
	  background:#d1d1d1 url(/images/back_to_top.gif) no-repeat center center;
	  border-radius:6px;
	  display:block;
	  height:70px;
	  width:70px;
	  margin-bottom:5px;


	  -moz-transition:background 1s;
	  -webkit-transition:background 1s;
	  -o-transition:background 1s;
}
#back-to-top a:hover span{
	  background:#979797 url(/images/back_to_top.gif) no-repeat center center;
}

/**===============
*  div list item
*=========*/
.divListItems{margin:0; width: 100%;}
.divListItems ul{list-style-type: none;}
.divListItems ul li{float: left;  height: 180px; width: 150px;}
.divListItems ul li img
{        
	clear: both;
	display:table-cell;
	vertical-align:bottom;
	width: 120px;
	height: 120px; 
filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	
	outline:none;
}
.divListItems ul li img:hover
{        
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.divListItems-content{
	clear: both;
	display:table-cell;
	height: 30px;
	width: 120px;
 font-size: 0.75em; 
 text-align:center;
 vertical-align: middle;
 background:#351804!important;
	background:transparent;
	
}

.divListItems-content a:link, .divListItems-content a:visited{ color:#fff; text-decoration: none; }
.divListItems-content a:hover{  text-decoration:underline; }