/* general layout */
a:link { color: #666; text-decoration: underline;}
a:visited { color: #666; text-decoration: underline;}
a:hover { color: #333; text-decoration: underline;}
a:active { color: #666; text-decoration: underline;}
body {
	margin: 0;
	background: url(../img/common/bg.gif) center top repeat-x;
	}
.clear { clear: both;}
#container { margin: 0 auto; text-align: center;}
#content { margin: 0 auto; width: 1000px; background-color: #FFF; height: auto;}
#left-cont { float: left; width: 164px; height: auto; text-align: center;}
#right-cont { float: left; width: 836px; height: auto; text-align: left;}
#lgo {
	width: 164px;
	height: 120px;
	padding-top: 30px;
	background-color: #A7A9AC;
	}
.main-contact,
#topimg {width: 836px; height: auto; float: right;}
.login {
	float: right; 
	height: 36px; 
	border-bottom: 1px #999 solid; 
	width: 111px; 
	background: url(../img/common/bt_login.gif) top left no-repeat; 
	cursor: pointer;
	}
.logout {
	float: right; 
	height: 36px; 
	border-bottom: 1px #999 solid; 
	width: 111px; 
	background: url(../img/common/bt_logout.gif) top left no-repeat; 
	cursor: pointer;
	}
.login-roll {
	float: right; 
	height: 36px; 
	border-bottom: 1px #666 solid; 
	width: 111px; 
	background: url(../img/common/bt_login_r.gif) top left no-repeat; 
	cursor: pointer;
	}
.logout-roll {
	float: right; 
	height: 36px; 
	border-bottom: 1px #666 solid; 
	width: 111px; 
	background: url(../img/common/bt_logout_r.gif) top left no-repeat; 
	cursor: pointer;
	}
.homesquare {float: left; width: auto; padding: 20px 30px 0 0;}
#footer {
	width: 1000px; 
	border-top: 1px #CCC dashed; 
	border-bottom: 1px #CCC dashed; 
	height: 32px; 
	padding: 10px 0 5px 0; 
	margin: 20px 0 10px 0; 
	text-align: left;
	}
.partner {float: left; width:auto;}
.taglne {float: right; width:auto;}
.address {float: right; width:auto;}
/* navigation */
#topnav { float: left; height: 36px; border-bottom: 1px #CCC dashed; width: 724px}
.nav-item { 
	height: 14px;
	margin-top: 8px;
	padding: 2px 32px 0 32px;
	border-right: 1px #CCC solid;
	float: left;
	cursor: pointer;
	}
.sidenav-item,
.sidenav-item-roll { 
	text-align: left; 
	border-bottom: 1px #CCC dashed; 
	height: 24px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 144px;
	padding: 10px 10px 0 10px;
	font-size: 11px;
	font-style: normal;
	cursor: pointer;
	}
.sidenav-item { 
	color: #999;
	background: url(../img/common/arrow.gif) right center no-repeat;
	}
.sidenav-item-roll { 
	color: #888;
	background: #F3F3F3 url(../img/common/arrow_r.gif) right center no-repeat;
	font-weight: bold;
	}
.dropmenudiv {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #999;
	position: absolute;
	margin-top: 0px;
	padding-top: 12px;
	margin-left: -17px;
	border-bottom-width: 0;
	z-index: 100;
	visibility: hidden;
	width: 170px;
	left: 326px;
	top: 22px;
	}
.dropmenudiv a {
	height: 14px;
	color: #999;
	width: auto;
	border: 1px #CCC dashed;
	display: block;
	text-indent: 16px;
	border-bottom: 1px #CCC dashed;
	padding: 10px 0;
	text-decoration: none;
	font-weight: normal;
	border-top: none;
	background: #FFF url(../img/common/arrow.gif) right center no-repeat;
	}
.dropmenudiv a:hover {
	color: #999;
	font-weight: bold;
	background: #F3F3F3 url(../img/common/arrow_r.gif) right center no-repeat;
	}
* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
	}
/*text*/
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	color: #999;
	}
/*collections*/
.coll-left {float:left; width: 407px; margin-top: 20px; text-align:left; padding-left: 20px;}
.coll-right {float:right; width: 407px; margin-top: 20px; text-align: right;}
.prod-wrap {width: 806px; height: 160px; padding:20px 0 20px 30px; border-bottom: 1px #CCC dashed; float:right; text-align: left;}
.prod {float: left; width: 350px; padding-left: 20px; }
.prod-ti {float: left; width: 280px; padding-top:50px; }
/*collection detail*/
.prod-main {float: right; width: 756px; height: 99px; padding:45px 20px 0 60px; text-align: left;}
.prod-big {float: right; width: 756px; padding:0 20px 20px 60px; text-align: left;}
.prod-copy {width: 600px; float:left;}
/*who's lathering*/
.partners {width: 264px; float: left; margin-top: 20px; padding-left: 30px;}
.grey-bar {height: 15px; padding:8px 10px 11px 13px; background-color: #EDEDEE;margin-bottom:20px; text-align: left;}
.testimonials {width: 520px; float:right; margin-top: 20px; text-align: left;}
/*who we are*/
.colmn {float:left; width:262px;margin-top: 20px; padding-left:15px; text-align: left;}
/*history*/
.txt-cont {width: 490px; float: left; text-align: left; padding: 20px;  margin-top: 20px; }
.side-square {width: 214px; height: 203px; border: 1px #B5B5B5 solid; margin: 20px 0; padding:8px }
/*hotel login*/
#topimg-welcome {width: 836px; height: 287px; float: right; background:url(../img/login/main_welcome.jpg) top center no-repeat;}
#topimg-login {width: 836px; height: 287px; float: right; background:url(../img/login/main.jpg) top center no-repeat;}
#topimg-contact2 {width: 836px; height: 287px; float: right; background:url(../img/contact/main_contact2.jpg) top center no-repeat;}
.img-txt {float:left;width:400px;padding:160px 0 0 75px;text-align:left;line-height:18px}
.ffield {width: 184px; height:13px; padding:1px;font-size: 11px; border: 1px #CCC solid;}
.quantity {background-color: #F1F1F1}
table {border-bottom: 1px #CCC dashed;}
.first {background-color:#E1E1E1; color:#666; font-weight:bold; height:34px;}
.head {float: right; width: 756px; height: 128px; padding:15px 20px 0 60px; text-align: right; background:url(../img/shop/bg.jpg) bottom center no-repeat;}
.head-hist {float: right; width: 796px; height: 123px; padding:20px 20px 0 20px; text-align: right; background:url(../img/shop/bg.jpg) top center no-repeat;}
.ffield2 {width: 120px; height:13px; padding:1px; font-size: 11px; border: 1px #CCC solid;}
.ffield3 {width: 30px; height:13px; padding:1px; font-size: 11px; border: 1px #CCC solid;}
/*contact*/
.grey-box {padding:12px 30px 12px 30px; background-color: #EDEDEE; text-align: left;padding-bottom: 76px; float:left}
.ff-contact {width: 490px; height:13px; padding:1px;font-size: 11px; border: 1px #CCC solid;}
/*contact II*/
.lavender {color: #731472}
.required {font-size: 10px; color: #333;"}