@charset "utf-8";
/* CSS Document */

/*default
----------------------------------------------- */
body{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#847c6d; margin:0; background-color:#f5f5f5; line-height:16px; height:100%;}
img{border:none;}
h1{margin-top:0px; font-size:22px;}
h2{margin-top:2px; font-size:18px; line-height:20px; font-style:italic;}
a{text-decoration:none; color:#483C32;}
a:hover{text-decoration:underline; color:#483C32;}
html{width:100%; height:100%; margin:0; padding:0;}
p{margin-top:10px; margin-bottom:15px;}
img{border:none;}
input{border:1px solid #ccc; font-size:11px; background-color:#f2f2f2;}
select{border:1px solid #ccc; font-size:11px; background-color:#f2f2f2; padding-bottom:2px;}
.button{padding:0px 4px 0px 4px; background-color:#eee; color:#847C6D; text-align:center; font-weight:bold; font-size:10px; text-transform:uppercase;}
.button_logout{padding:0px 4px 0px 4px; background-color:#eee; color:#847C6D; text-align:center; font-weight:bold; font-size:10px; text-transform:uppercase; border:none;}
.ckbox{background:none; border:none;}
form{margin:-1px; padding:0px;}
label{margin:0; padding:0;}
#el06 {border:none; background:none;}
.inputbox{width:120px;}
#colistothout_mcontentwrapper img{margin:0 10px 10px 0;}

/*layout - position
----------------------------------------------- */
#container {
	position:absolute;
	width:956px;
	height:586px;
	margin-bottom:auto;
	margin-left:-478px;
	margin-right:auto;
	margin-top:-293px;
	left:50%;
	top:50%;
	/*background-color:#0000FF;*/
}
#header{position:relative; float:left; width:956px; height:20px; background:#eee; border-bottom:2px solid #f5f5f5; z-index:99; font-size:10px; text-align:right;}
#bodi{position:relative; float:left; width:956px; height:520px; background-color:#e8e6d7;}
#footer{position:relative; float:left; width:956px; height:44px; background:#0f0;}

/*in bodi
----------------------------------------------- */
#left{position:relative; float:left; width:162px; height:520px; background:#*e9e7d9;}
#left a{color:#666666;}
#left a:hover{color:#000000; text-decoration:underline;}
#right{position:relative; float:left; width:774px; height:500px; background:#e8e6d7; padding:10px;}
#contents{position:relative; float:left; width:774px; height:500px; background:none;}

/*in footer
----------------------------------------------- */
#menu{width:956px; height:20px; background:#847c6d; border-top:2px solid #f5f5f5;}
#copyr{width:956px; height:17px; background:#eee; border-top:2px solid #f5f5f5; text-align:center; font-size:9px; color:#b3b1b1; padding:2px 0px 1px 0px; }
#copyr a{color:#a2a1a1; text-decoration:none;}
#copyr a:hover{color:#000; text-decoration:underline;}

/*in eshop
----------------------------------------------- */
.eshop{height:426px; width:774px;}
.productmenu{width:228px; height:424px; float:left; margin-right:4px; background-color:#e6e4d5;}
.productthumb{width:310px; height:424px; float:left; margin-right:0px;}
.productthumbtitle{display:block; background-color:#847c6d; color:#eeeeee; border-top: solid 1px #E8E6D7; border-bottom: solid 1px #E8E6D7; margin: 0px; padding: 2px 0px 2px 6px; font-weight:bold;}
.productthumblist{width:294px; height:104px; float:left; margin:0px 0px 0px 0px; border-top:1px solid #ebeade; border-bottom:1px solid #d0cdbe; background-color:#e6e4d5;}
.productthumblistdesc{width:162px; height:92px; float:left; padding:6px 0px 6px 0px; text-align:right; font-weight:bold;}
.productthumblistdesc span{font-size:13px; margin-top:10px; margin-bottom:4px; display:block;}
.productthumblistdescling{width:60px; float:right; padding:2px; background-color:#b8b6aa; color:#eeeeee; text-align:center; margin-left:6px;}
.productthumblistdescling a{font-size:11px; text-align:center; color:#f2f2f2;}
.productthumblistdescnew{width:60px; float:right; padding:2px; background-color:#483C32; color:#eeeeee; text-align:center; margin-left:6px;}
.productthumblistimage{width:122px; height:92px; float:left; padding:6px 0px 6px 10px;}
.bottombar{width:774px; float:left; margin-top:2px; height:20px; background:#dedbcc; filter:alpha(opacity=100); -moz-opacity:100; opacity:100;}
.bottombar2{width:744px; float:left; margin-top:2px; height:20px; background:#dedbcc; filter:alpha(opacity=100); -moz-opacity:100; opacity:100;}
.previous{width:116px; height:18px; float:left; padding:2px 6px 0px 6px; font-weight:bold; color:#eeeeee; background:#c0beb2;}
.wholesale{width:646px; height:18px; padding-top:2px; float:left; text-align:center;}

/*in eshop detail
----------------------------------------------- */
.eshopdetail{height:auto width:774px;}
.widthSD1{width:91px; float:left; font-weight:bold;/*font-size:12px;*/}/*update width 20f09*/
.widthSD2{width:240px; float:left; font-weight:bold; /*font-size:12px;*/}/*update width 20f09*/
.imgdetail{width:64px; height:64px; float:left; margin:10px 10px 0px 0px;}
.btnaddcart{height:20px; background-color:#847c6d; border:1px solid #847c6d; color:#eeeeee; font-weight:bold; letter-spacing:1px;}
.yclas{font-weight:bold;}
span.mandatory{color:#FF0000;}

/*contact us
----------------------------------------------- */
#enquiries{float:left;}
.enqinputwidth{width:240px;}
#enquiries textarea{width:240px; height:80px; overflow:auto; border:1px solid #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#f2f2f2;}

/* Boxes
----------------------------------------------- */
.content_panel {width:542px; height:424px;}
.container2 {width:542px; height:424px; float:left; z-index:10;}

/* Effect Boxes
----------------------------------------------- */
#content_box{/*background:#483C32;*/}
#product_box{float:left;}

/* sIFR
----------------------------------------------- */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active h5#pullquote {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  z-index:-999;
}

.sIFR-active h1 {
  padding-bottom: 0;
}

.sIFR-active h2 {
  font-size: 21px;
  display: block;
  font-weight:bold;
}

.sIFR-active h3 {
  font-size: 18px;
}

.sIFR-active h4 {
  font-size: 21px;
  font-weight: normal;
}

.sIFR-active h5#pullquote {
  font-size: 24px;
}

/* media
----------------------------------------------- */
.media{width:520px; height:413px; margin-right:20px; float:left;}
.mediaimg{width:240px; height:320px; border:1px solid #ccc; float:left; margin-right:18px; margin-bottom:18px;}
#media-list{width:250px; height:358px; float:left;}
#media-list a{display:block; padding:2px 0px 2px 10px; border-bottom:1px solid #ccc;}
#medialisttitle{display:block; height:60px; width:240px; padding-left:10px; float:left;}
span.nextprevbtn{padding:2px 6px 2px 6px; background-color:#666666; color:#FFFFFF;}
span.nextprevbtn a{ background-color:#666666; color:#FFFFFF;}
span.nextprevbtn a:hover{background-color:#666666; color:#FFFFFF; text-decoration:none;}

/* how to
----------------------------------------------- */
.howtolist1{
	width:748px; float:left;
}
.howtolist{
	float:left; margin-right:20px; margin-bottom:20px; width:225px;
}
.howtolistimg{
	height:120px; float:left; width:224px; margin-bottom:10px; border:1px dotted #DEDBCC;
}
/* basket
----------------------------------------------- */
#basket{width:774px; height:400px;}
#basket tr.fontbold td{font-weight:bold; text-align:center; padding-bottom:4px; padding-top:4px; background-color:#d1cdb9;}
#basket tr.bottom td{font-weight:bold; text-align:center; padding-bottom:4px; padding-top:4px; background-color:#DEDBCC;}
#basket tr.btmborder td{border-bottom:1px dotted #666; padding-bottom:6px; padding-top:4px;}
#basket tr.total td{font-weight:bold; padding-bottom:3px; padding-top:3px;}
#basket td.fontbold{font-weight:bold;}
#basket td.centerpos{text-align:center;}
#basket td.rightpos{text-align:right; padding-right:10px;}

/* personal detail
----------------------------------------------- */
#personaldetail{ width:100%; float:left;}
#personaldetail tr.bottom td{font-weight:bold; text-align:center; padding-bottom:4px; padding-top:4px; background-color:#DEDBCC;}

/* collection_detail.php
----------------------------------------------- */
#colldetocontainer{width:774px; height:488px;}
#colldetoleft{float:left; height:478px; width:424px; padding:10px 10px 0px 10px;}
.colldetoimgview{float:left; width:424px; height:336px;}
#colldetothdetail{width:424px; width:px; height:104px; float:left; margin-top:10px;}
#colldetothdetailtitle{width:414px; height:19px; font-weight:bold; background-color:#dedbcc; padding-left:10px; padding-top:1px;}
#colldetoposback{float:left; width:414px; height:19px; font-weight:bold; background-color:#dedbcc; padding-left:10px; padding-top:1px; margin-top:9px; text-align:center;}
#colldetoright{width:330px; height:488px; float:left;}
#colldetotitle{width:331px; float:left;}
#colldetorightdetail{height:406px; width:331px; padding-bottom:7px; float:left;}
#colldetodescriptions{float:left; border-bottom:1px solid #dedbcc; padding-bottom:10px;}
#colldetospec{float:left; margin-top:10px;}
#colldetoposbtn{float:left; width:100%; margin-top:10px; border-bottom:1px solid #dedbcc; border-top:1px solid #dedbcc;}


/* collection_list.php
----------------------------------------------- */
#colistocontainer{width:774px; height:488px;}
#colistoleft{width:209px; height:488px; position:relative; float:left;}
#colistolefttitile{width:198px; height:20px; font-weight:bold; background-color:#847c6d; color:#eee; padding-left:11px;}
#colistotreecontainer{width:209px; top:0px; height:468px;}
#colistoright{position:relative; float:left; width:564px; height:488px;}
#colistorighttitle{width:554px; height:20px; background-color:#d5d3c1; color:#000; font-weight:bold; text-align:right; text-transform:uppercase; padding-right:10px;}
#colistothcontainer{width:564px; height:468px; top:20px;}
#colistothout{position:relative; float:left; width:537px; height:438px; margin-top:10px; margin-left:27px;}
.colistothbox{position:relative; float:left; width:152px; height:200px; margin-right:27px; margin-bottom:19px;}
.colistoboxtitle{width:152px; float:left; position:relative; font-weight:bold; padding-top:0px; padding-bottom:6px; text-transform:uppercase;height:30px;}
.colistoboximg{height:96px; width:152px; position:relative; float:left;}
.colistoboxprice{height:21px; width:152px; float:left; position:relative; font-weight:bold; padding-top:6px; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc;}
.colistoboxbtn{padding-top:2px; height:20px; display:block; width:152px; float:left; position:relative; font-weight:bold; display:table-column; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; background-color:#847c6d; color:#eeeeee;}
.colistboxtodetail{margin-top:2px; padding-top:2px; height:20px; display:block; width:152px; float:left; position:relative; font-weight:bold; display:table-column; text-transform:uppercase; text-align:center; border-bottom:1px solid #ccc; background-color:#d5d3c1; color:#eeeeee;}
#colistopaging{position:relative; float:left; width:554px; height:20px; background-color:#d5d3c1; color:#000; font-weight:bold; text-align:right; text-transform:uppercase; padding-right:10px; text-align:center;}

/*box*/
.box{
  height:50px;
  -moz-border-radius:10px;
  width:400px;
  background:#999999;
  text-align:center;
  margin:0 auto;
}