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

html, body{
	height:100%;
	background: #999188 url(/images/bg-body.gif) center top repeat-x;
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background: url(/images/bg_purple.gif) center center repeat-y;
}
/*---------------------------------------------------------------------------------------GUI*/
#backend{
	width: 100%;
	/*height: 100% !important;*/
	color: #958b81;
	font: 12px "Trebuchet MS";
}
.topShadow, .bottomShadow{
	height: 4px;
	background: url(/images/bg_shadows.gif) center 1px repeat-x;
	padding-left: 30px;
}
.bottomShadow{
	background-position: center -5px;
}
.right{
	background: #99701f url(/images/bg_rightpanel.gif) left top repeat-x;
}
/*---------------------------------------------------------------------------------------HEADER*/
.header{
	height: 125px;
	padding: 0 0 0 52px;
	background: url(/images/bg-platform.gif) 30px top repeat-y;
}
	.header .wrapper{
		float: right;
		color: #570c16;
		font: italic 24px Georgia, "Times New Roman", Times, serif;
		line-height: 1em;
		text-align: left;
		width: 600px;
	}
	.header .wrapper div{
		float: right;
		color: #766c61;
		font: italic 25px Georgia, "Times New Roman", Times, serif;
		text-align: right;
		line-height: 1em;
	}
	.header .wrapper span{
		font: italic 13px "Times New Roman", Times, serif;
	}
/*---------------------------------------------------------------------------------------CONTAINER*/
.container{
	width: 749px;
	height: 440px !important;
	background: white url(/images/bg_container.gif) center right repeat-y;
	border-left: 1px solid #948d85;
	padding: 0 150px 0 0;
	line-height: 1.4em;
}
	.container .wrapper1, .container .wrapper2{
		padding: 30px;
		width: 689px;
	}
	.container .wrapper2{
		width: 355px;
	}
	.featImg{
		float: right;
		display: block;
		width: 330px;
	}
/*---------------------------------------------------------------------------------------FOOTER*/
.footer{
	background: url(/images/bg-platform.gif) 30px top repeat-y;
}
.copyright{
	width: 645px;
	color: #dad5cc;
	font: 10px "Trebuchet MS";
	text-transform: uppercase;
	line-height: 1.2em;
	text-align: center;
	float: right;
	padding: 30px 0 30px 0;
}
	.copyright a{ color: #dad5cc; text-decoration: none;}
	.copyright a:hover{ text-decoration: none; color: #570c16;}
/*---------------------------------------------------------------------------------------TEXT*/
h1{
	color: #bb8925;
	font: italic normal 30px "Times New Roman", Times, serif;
	margin: 0 0 20px 0;
	line-height: 1em;
	letter-spacing: -1px;
}
	h1 span{
		color: #bfb5aa;
		font: italic 11px "Trebuchet MS";
		line-height: 1em;
		letter-spacing: normal;
	}
.textSmall{
	color: #bfb5aa;
	font: italic 11px "Trebuchet MS";
	line-height: 1em;
}
.textYellow{
	color: #bb8925;
	font: italic 18px "Times New Roman", Times, serif;
	line-height: 1.5em;
	letter-spacing: -1px;
}
a{
	color: #570c16;
	text-decoration: none;
}
	a:hover{
		text-decoration: underline;
	}
/*---------------------------------------------------------------------------------------CONTENT*/
.sidePanel{
	float: left;
	margin: 0 0 0 30px;
	width: 220px;
	text-align: left;
}
.bodyPanel{
	width: 590px;
	float: left;
	background: white url(/images/bg_shadow-white.gif) center top repeat-x;
	padding: 30px;
	text-align: left;
	margin-top: -4px;
	line-height: 1.4em;
	z-index: 100;
}
.productLinks{
	width: 220px;
}
	.productLinks a{
		display: block;
		padding: 10px 5px 10px 25px;
		border-bottom: 1px solid #60252d;
		color: #9c6169;
		text-decoration: none;
	}
	.productLinks a:hover{
		color: #b98a90;
		background: #420810;
	}
.address{
	color: #887d71;
	font: 12px "Trebuchet MS";
	line-height: 1.3em;
	width: 190px;
	padding-left: 25px;
}
	.address span{
		color: white;
	}
.hotButtons{
	width: 268px;
	height: 65px;
	border: 1px solid #e1e1e1;
	background: #f2f2f2;
	padding: 20px 0 0 20px;
	line-height: 1.1em;
}
	.hotButtons a{
		color: #958b81;
		text-decoration: none;
	}
	.hotButtons a:hover{
		color: #99701f;
	}
	.hotButtons span{
	   font: bold 13px "Trebuchet MS";
	   color: #570c16;
	 }
	.hotButtons img{
		float: right;
		margin-top: -45px;	
	}
/*---------------------------------------------------------------------------------------FORM*/
form{
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	border: 1px solid #e1e1e1;
}
	form span{
		color: #570c16;
	}
.inputField{
	height: 15px;
	width: 200px;
	color: #91615e;
	font: italic 11px "Lucida Sans";
	float: right;
	margin-left: 10px;
}
.textField{
	width: 200px;
	color: #91615e;
	font: italic 11px "Lucida Sans";
	float: right;
	margin-left: 10px;
}
select{
	width: 204px;
	color: #91615e;
	font: italic 11px "Lucida Sans";
	margin-left: 10px;
	padding: 2px 0 2px 0;
}
.btnForm{
	background: url(/images/btn-form.gif) left top no-repeat;
	width: 64px;
	height: 22px;
	color: white;
	font: italic 12px "Lucida Sans";
	border: none;
}
	.btnForm:hover{
		background: url(/images/btn-form.gif) left bottom no-repeat;
	}
	
	
	
/*---------------------------------------------------------------------------------------PRODUCTS*/
	
.productCategory {
		border-bottom:1px solid #e8e8e8;
		padding:10px 20px 10px 20px;
		width:600px;
		position:relative;
		height:60px;
	}
	.productCategory div {
		position:absolute;
		top:10px;
		left:0px;
		width:60px;
		height:60px;
		background-color:#e8e8e8;
	}
	.productCategory span{
		color: #bb8925;
		font: italic normal 20px "Times New Roman", Times, serif;
		margin: 0;
		line-height: 1em;
		letter-spacing: -1px;
		display:block;
		position:absolute;
		top:30px;
		left:90px;
	}

	.productThumb {
		float:left;
		display:inline-block;
		border: 1px solid #dad5cc;
		padding:2px;
		position:relative;
		margin-right:10px;
		margin-bottom:20px;
	}
	.productThumb div {
		width:120px;
		height:120px;
		background-position:center;
	}
	.productThumb:hover { border: 1px solid #570c16;}
	.productThumb span {
		position:absolute;
		height:25px;
		top:126px;
		overflow:hidden;
		text-indent:4px;
		display:block;
	}
	
.details{
	margin-bottom: 20px;
	padding-right: 10px;
	text-align: left;	
}
.finish{
	float: left;
	display: block;
	height: 21px;
	width: 110px;
	background: url(/images/btn-finish.gif) left top no-repeat;
	padding: 5px 0 0 30px;
}
.glass{
	float: left;
	display: block;
	height: 21px;
	width: 50px;
	background: url(/images/btn-glass.gif) left top no-repeat;
	padding: 5px 0 0 30px;
}