@charset "utf-8";

/* basic page structure elements -------------------------------------------------------------*/

html, body {

	margin: 0;

	padding: 0;

}



body {

	background: #3f2111 url(images/bg-main.gif) repeat-x left top;

	color: #FFFFFF;

	text-align: left;

	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif;

}



a:link, a:visited {	color: #99a9b0; text-decoration: none;}

a:hover, a:active {	color: #ffffff;	text-decoration: none;}



h1, h2, h3, h4 { text-transform: uppercase;	font-weight: normal;}



h1{

	font-size: 20px;

	margin: 10px 0;

	line-height:22px;

}

h2{

	font-size: 18px;
	line-height: 21px;
	margin: 9px 0;

}

h3{

	font-size: 14px;

	font-weight: bold;

	margin: 7px 0;

}

h4{

	font-size: 12px;

	font-weight: bold;

	margin: 6px 0;

}



ul, li {

	margin: 0;

	padding: 0;

}











/* page heading and menu styles -------------------------------------------------------------*/

#header {

	height: 160px;

	width: 800px;

	background: url(images/bg-header.jpg) no-repeat left top;

	position: relative;

}



.cartbox {

	height: 63px;

	width: 152px;

	background: url(images/bg-cartbox.jpg) no-repeat right top;

	position: absolute;

	top: 0px;

	right: 0px;

}

.cartbox ul{

	margin: 17px 0 0 8px;

	list-style: url(none) none;

}

.cartbox ul li {

	font-size: 9px;

	line-height: 13px;

}



.menubox {

	height: 60px;

	width: 600px;

	position: absolute;

	right: 0px;

	bottom: 0px;

}



.menubox ul {}

.menubox ul li {

	list-style: url(none) none inside;

	display: inline;

	margin-right: 10px;

	line-height: 60px;

	text-transform: uppercase;

	font-size: 11px;

}

.menubox .active {

	color: #99a9b0;

}

.menubox a:link, .menubox a:visited {	color: #ffffff; text-decoration: none;}

.menubox a:hover, .menubox a:active {	color: #99a9b0;	text-decoration: none;}









/*main container  -------------------------------------------------------------*/

#main {

	height: auto;

	width: 800px;

	position: relative;

}









/*left column -------------------------------------------------------------*/

#leftcol {

	margin: 20px 0px 20px 20px;

	padding: 0px;

	float: left;

	height: auto;

	width: 180px;

	display: inline;

}

#leftcol h1 {

	margin: 0 0 10px 20px;

}

#leftcol ul{

	list-style: none;

}

#leftcol ul li {

	padding: 0px 20px;

	line-height: 18px;

	display:block;

	width: 180px;

}

.menuboxer {

	padding: 0px 20px;

	line-height: 18px;

	width: 180px;

}



#leftcol a:link, #leftcol a:visited {	color: #99a9b0; text-decoration: none;}

#leftcol a:hover {	color: #ffffff;	text-decoration: none;}

#leftcol a:active {	color: #ffffff;	text-decoration: none; background: #694634; }

#leftcol .active {color: #ffffff; background: #694634; }









/*right column ------------------------------------------------------------- */

#rightcol {

	float: right;

	height: auto;

	width: 600px;

	color: #000000;

	display: inline;

	position: absolute; /* keeps the right column pinned down in case of width issues */

	top: 160px;

	right: 0px;

}



#rightcol a:link, #rightcol a:visited {

	color: #6397D1;

	text-decoration: none;

}

#rightcol a:hover, #rightcol a:active {	color: #99a9b0;	text-decoration: underline;}



.hotzone {

	padding: 20px;

	background: #e5e9eb url(images/bg-rightcol.gif) repeat-x left top;

}

#rightcol ul {

    margin: 10px 30px;

    padding: 0;

    list-style: disc;

}



#rightcol li {

	margin: 0;

	padding: 0;

	line-height: 17px;



	

}







/*footer ------------------------------------------------------------- */

.footer {

	height: 40px;

	width: 600px;

	background: url(images/bg-footer.gif) no-repeat left top;

	margin: 15px 0;

}



.copyright {

	font-size: 9px;

	color: #684534;

	height: 40px;

	width: 300px;

	text-align: right;

	margin: -5px 0 15px 0;
	float:right;

}

.enews {
	float:left;
	width:299px;
	margin:0 0 20px;
}







/*misc tools ------------------------------------------------------------- */

.clr {clear: both;}

.hide {display: none;}

a img {border: none;}


.social {
	position:absolute;
	top:20px;
	left:538px;
	width:120px;
}
.social p {
	font-size:9px;
	float:left;
	line-height:9px;
	height:21px;
	vertical-align:middle;
}
.icon {
	height:21px;
	width:21px;
	margin:0 0 0 10px;
}
.enewsForm {
	width:240px;
	text-align:right;
}
.enewsForm p {
	float:left;
	width:55px;
	text-align:left;
}