@charset "utf-8";

/*
 * Lame...
 */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/*
 * Default formatting
 */

html body {
	width: 100%;
	margin: 0px 0px;
}

body
{
	font: 62.5% Verdana, Arial, sans-serif;
    color: #485F16;
	background-color: #711600;
}

h1, h2, h3, h4, h5, h6, h7, p
{
	margin: 0px;
    padding: 5px 0px;
}

h1
{
	color: #485F16;
    font-size: 1.6em;
}

h2
{
	font-size: 1.4em;
    color: #485F16;
}

	h2 a {
		color: #485F16;
	}
	
	h2 a:hover {
		color: #485F16;
	}

a
{
	color: #485F16;
    text-decoration: underline;
}

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

img
{
	border: 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.frame
{
	border: 2px solid #cbcbcb;
	margin: 5px 10px;
}

.icon {
	background-color: #cbcbcb;
}

.hidden {
	display: none;
}

/*
 * Styling and page layout
 */

/* Fronds Styles */
#container 
{
	width:807px;
	margin:0 auto;
}

#wrapper
{
	padding:0 8px 0px 8px;
	background:url('/asset/images/tpl/wrapper_bg.jpg') repeat-y top left;
}

#header
{
	height:239px;
	width:791px;
	position:relative;
}

	#main-nav
	{
		position:absolute;
		bottom:0px;
		z-index: 2;
		border-top:1px solid white;
		width:791px;
		background:url('/asset/images/tpl/menu_bg.png') top right repeat;

	}
	#main-nav ul { list-style:none; }
	#main-nav li {        
		list-style: none;
        float: left;
        padding: 0px;
		background:url('/asset/images/tpl/button_line.jpg') no-repeat right;
		}
	#main-nav li.last { background:none; }
	#main-nav li a 
	{
        float:left !important;
        display: block;
		height:37px;
		padding: 0px 20px;
		
		line-height:35px;
		font-size:1.4em;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		color:white;
	}
	#main-nav li a:hover 
	{
		background:url('/asset/images/tpl/menu_active_bg.png') top right repeat;
	}
	#main-nav li a.home { padding: 0px 32px 0px 31px; }
	
	#banner
	{
		position:absolute;
		top:0px;
		left:0px;
		z-index: 1;
	}

#body_container
{
	background:url('/asset/images/tpl/body_bg.jpg') top left no-repeat;
	padding:0 26px 20px 26px;
	border-top:1px solid white;
}
	#left_col 
	{
		width:218px;
		background-color:#FFFF1A;
		margin-right:2px;
		float:left;
		
        min-height: 400px;
		height: auto !important;
		height: 400px;
	}
		#left_col #search{ height:58px; border-bottom:1px solid #FFA200;}
		#left_col #search div { padding:17px 0 0 7px;  }
		#left_col #search div input { border:1px solid white; vertical-align:bottom; }
		#left_col #search div input.searchbox 
		{
			 background:url('/asset/images/tpl/search_bg.jpg') no-repeat top left;
			 width:177px;
			 height:23px;
			 color:#485F16;
			 line-height:25px;
			 font-size:1.7em;
			 vertical-align:middle;
		}
		#left_col #left_block { padding:14px 12px 20px 12px }
		#left_col #left_block ul#sub-nav{ list-style:none;  }
		
		#left_col div.links {
		    text-align: center;
		    margin-top: 25px;
		}
	
	#right_col
	{
		background:white;
		float:left;
		width:519px;
        
        min-height: 400px;
		height: auto !important;
		height: 400px;
		
		
		font-size:1.2em;
		line-height:1.2em;
	}
	#right_col h1 { font-size:1.5em; padding-bottom:20px; line-height:1.3em; }
	#right_col .wrapper { padding:15px 15px 15px 15px; }
	#right_col p { padding-bottom:10px; }
	
	#right_col ul {
		margin-left: 30px;
		margin-bottom: 10px;
	}
	#right_col ul#product-crumbs {
	   margin-left: -10px;
	}
	
	#right_col ul li {
		padding-left: 5px;		
	}
	
#footer
{
	background:url('/asset/images/tpl/footer_bg.jpg') no-repeat top left;
	width:100%;
	height:44px;
}
#footer p
	{
		padding-left:20px;
		padding-top:10px;
		color:#4A0E00;
	}
#footer a { color:#4A0E00; text-decoration:none; }
#footer a:hover { text-decoration:underline; }	

/*
 * Hax (don't look here)
 */
 
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
