/**************************************************************************
------------------------------ GENERAL ------------------------------------
**************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #E0DEDD;
	margin: 15px;
	text-align: center;
	background-color: #584942;
	background-image: url(../_images/bg_type.gif);
	background-repeat: repeat;
	}

#content {
	width: 750px;
	margin: 0px auto 15px;
	background: #32211A;
	color: #E0DEDD;
	background-image: url(../_images/bg_wrapper.gif);
	background-repeat: repeat-y;
	}

#content_border {
	width: 750px;
	margin: 0px auto;
	}

#header { 
	width: 742px;
	margin: 0px auto; 
	}

#container {
	width: 742px;
	margin: 0px auto;
	background-image: url(../_images/content_bg.gif);
	background-repeat: repeat-y;
	}

#container_top {
	width: 742px;
	min-height: 190px;
	margin: 0px auto;
	background-image: url(../_images/content_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
		
/* mac hide */
* html #container_top { height: 190px; }
/* end hide */

#container_bottom {
	width: 742px;
	height: 42px;
	margin: 0px auto;
	background-image: url(../_images/content_bottom.gif);
	background-repeat: no-repeat;
	clear: both;
	}

a { color: #E0DEDD; text-decoration: none; }
a:hover { color: #32211A; text-decoration: none; }

p { margin: 0px 0px 10px; }

#hr {
	line-height: 1px; /*needed for IE/win*/
	font-size: 1px; /*needed for IE/win*/
	height: 1px;
	width: 175px;
	background: #32211A;
	margin: 0px;
	}
	
.search {
	font-size: 12px;
	line-height: normal;
	width: 88px;
	height: auto;
	background-color: #E0DEDD;
	border: 1px solid #32211A;
	padding: 2px;
	margin-right: 3px;
	}

ul, ol { list-style: none }

ul#home_pics {
	height: 369px;
	width: 553px;
	margin: 0;
	padding: 0;
	z-index: 0;
	overflow: hidden;
}

.qty {
	font-size: 11px;
	line-height: normal;
	width: 30px;
	height: auto;
	background-color: #E0DEDD;
	border: 1px solid #32211A;
	padding: 2px;
	margin-left: 3px;
	}
	
#qty {
	width: 175px;
	border-top: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
}

#qty p {
	margin: 0px 0px 5px;
	padding: 0px;
}

#buy {
	margin: 15px 0px;
}

/* Sidebar
------------------------------------------------------------------------*/
#sideBar {
	width: 133px;
	height: 400px;
	float: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 18px 0px 0px;
	background-image: url(../_images/sidebar_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	}
	
#connect-nav {
	border: 1px solid #32211A;
	border-style: solid none;
	height: 35px;
	float: right;
	margin: 10px 0 8px;
}
#connect-nav .sm-title {
	float: left;
	font-size: 13px;
	line-height: 35px;
	margin: 0 4px 0 2px;
}
#connect-nav a {
	height: 16px;
	width: 16px;
	text-align: center;
	text-decoration: none;
	background: url(../_images/sprite.png) no-repeat 0 0 transparent;
	float: left;
	margin: 9px 2px 0 3px;
}
#connect-nav a em, .hide {
	left:-9999em;
	position:absolute;
}
#connect-nav .fbk a { background-position: 0 0; }
#connect-nav .fbk a:hover { background-position: 0 -18px; }
#connect-nav .twt a { background-position: -18px 0; }
#connect-nav .twt a:hover { background-position: -18px -18px; }
#connect-nav .blogspot a { background-position:-36px 0; }
#connect-nav .blogspot a:hover { background-position:-36px -18px; }

#retailers {
	clear: both;
}

#retailers a {
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	color: #E0DEDD;
	float: right;
	margin: 9px 2px 0 3px;
}

#retailers a:hover {
	color: #32211A;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	z-index: 1000;
	font-size: 13px;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 133px;
	}
	
/* hack for IE5.5 */
* html .menu ul { margin-left: -16px; ma\rgin-left: 0; }
/* position relative so that you can position the sub levels */
.menu li {
	position: relative;
	padding: 0px 0px 10px;
	}

/* get rid of the table */
.menu table { position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100; font-size: 13px; }

/* style the links */
.menu a, .menu a:visited {
	text-decoration: none;
	line-height: 16px;
	color: #E0DEDD;
	text-align: right;
	display: block;
	width: 122px;
	padding: 0px 1px 0px 9px;
	}
	
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited { width: 122px; w\idth: 122px; }
/* style the link hover */
* html .menu a:hover {
	color: #32211A;
	background: url(../_images/spacer.gif) no-repeat; /* this background is necessary for flyout to work in IE6 */
	}
.menu :hover > a { color: #32211A; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 133px;
	width: 145px;
	margin-top: -9px;
	background-image: url(../_images/subnav_bg.gif);
	background-repeat: repeat-y;
	}

.menu ul li ul li a, .menu ul li ul li a:visited{ text-align: left; font-size: 12px; margin-left: 10px; width: 125px; }
.menu ul li ul li a:hover { color: #32211A; }
.menu ul li ul li a.top { border-top: 1px solid #32211A; padding-top: 9px; }
.menu ul li ul li.subnav_top {
	background-image: url(../_images/subnav_top.gif);
	background-repeat: no-repeat;
	background-position: top;	
	}

.menu ul li ul li.subnav_bottom {
	background-image: url(../_images/subnav_bottom.gif);
	background-repeat: no-repeat; 
	background-position: bottom;
	}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{ visibility:hidden; }

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{ visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible; }

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { visibility:visible; }	
	
/* Content
------------------------------------------------------------------------*/
#container_text {
	width: 579px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 37px 0px 0px;
	float: right;
	}

/* Begin One Column Table */
table#oneColumn {
	width: 555px;
	border-top: 1px solid #32211A;
	border-left: 1px solid #32211A;
	}

table#oneColumn td.alt {
	font-size: 18px;
	color: #A39B98;
	line-height: 25px;
	padding: 10px;
	}
	
table#oneColumn td.alt a {
	color: #A39B98;
	}	
	
table#oneColumn td {
	font-size: 16px;
	line-height: 22px;
	color: #A39B98;
	padding: 10px;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	vertical-align: top;
	}
	
table#oneColumn td p {
	font-size: 12px;
	line-height: 20px;
	color: #E0DEDD;
	margin: 10px;
	text-align: justify;
	}
	
table#oneColumn td li {
	font-size: 12px;
	line-height: 18px;
	color: #E0DEDD;
	margin: 0;
	text-align: justify;
	list-style: square;
	}	
	
table#oneColumn td p img.right {
	margin-left: 15px;
	margin-bottom: 15px;
	}
	
table#oneColumn td p img.left {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
table#oneColumn td p img#border {
	border: 1px solid #32211A;
	}

table#oneColumn td p.question {
	font-size: 12px;
	line-height: 20px;
	color: #A39B98;
	margin: 10px 10px 0px;
	}
	
table#oneColumn td p.answer {
	font-size: 12px;
	line-height: 20px;
	color: #E0DEDD;
	margin: 5px 10px 20px;
	}
	
table#oneColumn td p a {
	text-decoration: underline;	
	}

table#oneColumn td p a:hover, table#oneColumn td li a:hover {
	color: #A39B98;
	text-decoration: underline;	
	}	
/* End One Column Table */

/* Begin Two Column Table */
table#twoColumn {
	width: 553px;
	margin: 0px 1px;
	border-top: 1px solid #32211A;
	border-left: 1px solid #32211A;
	}

table#twoColumn td.alt {
	font-size: 18px;
	color: #A39B98;
	line-height: 25px;
	padding: 10px;	
	}
	
table#twoColumn td {
	width: 50%;
	font-size: 16px;
	line-height: 22px;
	color: #A39B98;
	padding: 20px 9px 10px 15px;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	vertical-align: top;
	}
	
table#twoColumn td p {
	font-size: 12px;
	line-height: 20px;
	color: #E0DEDD;
	padding-top: 5px;
	}
	
table#twoColumn td p.desc {
	font-size: 12px;
	line-height: 18px;
	color: #E0DEDD;
	padding-top: 10px;
	padding-bottom: 10px;
	}

table#twoColumn td ul.description {
	font-size: 12px;
	line-height: 18px;
	color: #E0DEDD;
	margin: 0;
	padding-bottom: 5px;
	}

table#twoColumn td ul.description li {
	margin: 0 0 5px -25px;
	list-style-type: square;
	}
	
table#twoColumn td.altimg {
	padding: 15px;
	text-align: center;
	vertical-align: top;
	}
	
table#twoColumn td.altimg img{
	border: 1px solid #32211A;
	}
/* End Two Column Table */

/* Begin Three Column Table */
table#threeColumn {
	width: 555px;
	margin: 0px;
	border-top: 1px solid #32211A;
	border-left: 1px solid #32211A;
	}

table#threeColumn td.alt {
	padding: 0px;	
	}
	
table#threeColumn td {
	width: 185px;
	font-size: 10px;
	line-height: 13px;
	color: #A39B98;
	padding: 6px;
	background-color: #44332B;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	}
	
table#threeColumn td img.borderthumb {
	border: 1px solid #32211A;
	margin: 0px 10px 0px 0px;
	}
	
.homeSplash { border: 0px none; }

/* End Three Column Table */

/* Begin Four Column Table */
table#fourColumn {
	width: 553px;
	margin: 0px 1px;
	border-top: 1px solid #32211A;
	border-left: 1px solid #32211A;
	}

table#fourColumn td.alt {
	font-size: 18px;
	color: #A39B98;
	line-height: 25px;
	padding: 10px;
	width: 553px;	
	}
	
table#fourColumn td {
	width: 137px;
	font-size: 12px;
	line-height: 16px;
	padding: 20px 9px 10px 15px;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	}
	
table#fourColumn td p {
	font-size: 10px;
	line-height: 20px;
	color: #A39B98;
	padding-top: 5px;
	}
	
table#fourColumn td.altimg {
	background-color: #44332B;
	padding: 0px;
	width: 2%;
	}
	
table#fourColumn td a:hover, table#threeColumn td a:hover { color: #A39B98; text-decoration: none; }	
/* End Four Column Table */

/* Begin Four Column Table Used on Products Info Page */
table#fourColumnProds {
	width: 553px;
	margin: 0px 1px;
	border-left: 1px solid #32211A;
	}

table#fourColumnProds th {
	background-color: #584942;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	}
	
table#fourColumnProds td.alt {
	font-size: 14px;
	color: #A39B98;
	line-height: 25px;
	padding: 6px 5px 4px 12px;
	background-color: #584942;
	border-bottom: none;
	}
	
table#fourColumnProds td {
	width: 25%;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	border-right: 1px solid #32211A;
	border-bottom: 1px solid #32211A;
	background-color: #44332B;
	}
/* End Four Column Table Used on Products Info Page */
	
#altwhite, .altwhite { color: #A39B98; }
#brown { background-color: #44332B; }
#altbrown { background-color: #584942; }
#drkbrown { background-color: #32211A; }

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #E0DEDD;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
	}

h2 {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	}
	
h4 {
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.5em;
	}
	
/* Sub Nav Bottom of Page
------------------------------------------------------------------------*/

#sub_nav {
	width: 742px;
	margin: 10px auto;
	}

#sub_nav p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #E0DEDD;
	}
	
#sub_nav p img.div {
	margin: 0px 4px 2px;
	}
	
#sub_nav p a { color: #E0DEDD; text-decoration: none; }
#sub_nav p a:hover { color: #5A4B44; text-decoration: none; }	


/* Footer
------------------------------------------------------------------------*/

#footer {
	width: 750px;
	margin: 15px auto;
	}

#footer p.copyright {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #E0DEDD;
	}
	
/* Tooltip Products Info Pages
------------------------------------------------------------------------*/

#tt {
	width: 201px;
	height: 215px;
	position: absolute;
	z-index: 100;
	background: url(../_images/_tt/ttbg_bottom.gif) no-repeat center bottom;
	margin: 0;
	display: none;
}
#ttimg {
	float: right;
	padding: 10px 10px 0 0;
}
#ttcont {
	color: #E0DEDD;
	background-color: #5A4B44;
	padding: 15px 15px 15px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	text-align: left;
	border-top: 1px solid #32211A;
	border-left: 1px solid #32211A;
	border-right: 1px solid #32211A;
}
.layer {
    display:none;
}

/* Searchbar Forms
------------------------------------------------------------------------*/

#searchbar {
	margin: 0px auto;
	width: 742px;
	height: 25px;
	}
	
#forms { width: 742px; }

#sarea {
	width: 150px;
	height: 20px;
	float: left;
	padding: 4px 0 0 10px;
	}

#hlinks {
	width: 450px;
	height: 20px;
	float: right;
	padding: 4px 10px 0 0;
	}

#hlinks img { float: right; }
	
#n-submit {
	float: right;
	margin-left: 4px;
	}
	
#n-input {
	float: right;
	width: 115px;
	height: 15px;
	border: 1px solid #5A4B44;
	font-size: 10px;
	color: #E0DEDD;
	background-color: #32211A;
	padding: 0 3px 0 3px;
	}

#s-input {
	float: left;
	width: 95px;
	height: 15px;
	border: 1px solid #5A4B44;
	font-size: 10px;
	color: #E0DEDD;
	background-color: #32211A;
	padding: 0 3px 0 3px;
	}

#s-submit {
	float: left;
	margin-left: 4px;
	}
	
/* Contact Form
------------------------------------------------------------------------*/
#contact_form input, #contact_form textarea {
	font-size: 12px;
	line-height: normal;
	height: auto;
	background-color: #E0DEDD;
	border: 1px solid #32211A;
	padding: 2px;
	/*-moz-opacity: 0.7;
	opacity: 0.7;*/
}
#contact_form input:hover, #contact_form textarea:hover, #contact_form input:focus, #contact_form textarea:focus {
	background-color: #fff;
	/*-moz-opacity: 1.0;
	opacity: 1.0;*/
}
#contact_form textarea {
	width: 400px;
}
#contact_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#contact_form fieldset p {
	margin-bottom: 5px;
}
#contact_form input#submit {
	cursor:pointer;
	padding:5px 10px;
	background:#EE8436;
	font-size: 14px;
	font-weight: bold;
	color:#E0DEDD;
	/*-moz-opacity: 1.0;*/
	opacity: 1.0;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#contact_form input#submit:hover {
	background:#32211A;
}