/****************************************

     HANNUSH ENTERPRISES, LLC
     WebCSS V1.1 STYLE
     Date originated: 06 FEB 2008
     Writer: Drew Hannush
     www.hannush.com

*****************************************/

/****************************************
***** UNIVERSAL ELEMENTS ****************
*****************************************/

html, body, #wrapper {
	min-height: 400px;  /* WRAPPER 1: To fix a major bug in #wrapper being relative instead of float  */
}

body {
	background-color: #382A0F;
	color: #000000;
	font-family: "Franklin Gothic Book";
	font-size:100%; /* IE6 FONT SIZE FIX For use with ems */
	font-size: 12px;
	margin:0px;
	padding:0px;
	text-align:center;  /* CENTER PAGE 2: Set text-align to center to fix IE6- margin recognition error in #wrapper  */
}

a {
	color:#7D4B00;
	text-decoration:none
}

a:hover {
	
	color:#291D0D;
}

h1, h2 {	/* MAIN HEADLINE: Large Font  */
	color: #171F80;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase
}

h3, h4 {  /* SECONDARY HEADLINE: Medium Large Font  */
	color:#FF6600;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 25px
}

h5, h6 {  /* PARAGRAPH HEADER: Bold Font  */
	color: #4870A3;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px
}

#float-clear {
	clear:both
}
#search {
	font-family: Mistral, "Brush Script MT";
	font-weight: bold;
	font-size: 17px;
	color: #E39626;
	text-transform: uppercase;
	padding-top: 20px;
}
#searchbox {  /*  Make input name and id "searchbox"  */
	background-color: #CC690E;
	border: 1px #AF4302 solid;
	color: #FFFFFF;
}

 .messageStackError {
 	color:red;
	font-size:12px;
	}

td.inputRequirement {
	font-size:11px;
	}


/****************************************
***** LAYOUT ELEMENTS: Wrapper ********** 
*****************************************/

#wrapper {
	background-color: #FFFFFF;
	background-image: url("../res_images/wrapper_background.jpg");
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 960px;
}
#wrapper_content {
	margin-bottom: 32px;
	padding: 0px 42px 42px 42px;
}
	
/****************************************
***** LAYOUT ELEMENTS: Masthead ********* 
*****************************************/

#masthead {
	float: left
}

#logo_bg {
	background-image: url("../res_images/bandanna_warehouse.jpg");
	background-position: left;
	float: left;
	height: 185px;
	width: 540px;
}

#logo {
	color: #FFFFFF;
	font-family: Mistral, "Brush Script MT";
	font-size: 60px;
	font-weight: bold;
	padding-top: 10px;
	text-align: right;
	text-transform: uppercase;
}

#slogan {
	color: #EAD2B5;
	font-family: "Tempus Sans ITC";
	font-size: 30px;
	font-weight: bold;
	padding-top: 10px;
	text-align: right;
}

#slogan_note {
	color: #FFFFFF;
	font-family: "Franklin Gothic Book";
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	text-align: right;
}


#header_right {
	background-image: url("../res_images/background.jpg");
	color: #F6DEC0;
	float: left;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: right;
	width: 336px;
}
#header_right_links {
	color: #E39626;
}
#header_right_links a {
	color: #E39626;
}
#header_right b {
	color: #E39626;
}
#seperator {
	padding: 8px 0px;
}

/****************************************
***** LAYOUT ELEMENTS: Main Content ***** 
*****************************************/

#sidebar {
	float: left
}

#left_side {
	float: left;
	width: 540px;
}
#right_side {
	float: left;
	width: 336px;
}

#left_block {
	float: left;
	width: 540px;
}
#left_block_text {
	padding: 0px 46px;
	color: #000000;
}

#left_block_text .contentBoxHeadingCenter, h1 {
	background-color: #FFF;
	border: solid 1px #CCC;
	color: #000;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
}

#right_block {
	float: left;
	width: 270px;
	padding-left: 66px;
}
#right_block_text {
	padding: 0px 20px;
	color: #000000;
}
.right_header, #right_block_text .infoBoxHeadingCenter {
	font-family: Mistral, "Brush Script MT";
	font-size: 17px;
	text-transform: uppercase;
	padding-bottom: 0px;
	padding-left: 10px;
}
#right_block_text form input {
	font-size: 10px;
	margin-left: 10px;
	margin-bottom: 3px;
	background-color: #CC690E;
	border: 1px #AF4302 solid;
	color: #FFFFFF;

}
#right_block_text form b {
	font-size: 12px;
}
#right_block_text form a {
	color: #000000;
}

.side_bar {
	padding: 0px 0px 10px 0px;
}
#right_block_text ol, #right_block_text ul {
	margin: 5px 0 0 0;
	font-size: 12px;
	color: #5B3700;
}
#right_block_text a {
	color: #5B3700;
}

#right_block_text ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#right_block_text ul li {
	list-style-image: url(../res_images/bullet.gif);
	margin-bottom: 5px;
}

/****************************************
***** LAYOUT ELEMENTS: Footer *********** 
*****************************************/

#footer {
	color: #FFFFFF;
	text-align: right;
	padding-top: 16px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
}

#footer a {
	color: #FFFFFF;
}

#copyright {
	color: #F6DEC0;
	padding-top: 5px;
	padding-bottom: 16px;
	text-align: right;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
}
	
/****************************************
***** NAVIGATION ************************
*****************************************/

#top_nav {
	float: left;
	width: 540px;
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: url("../res_images/background.jpg");
}
#nav_links {
	width: 540px;
	padding: 8px 0px;
	text-align: center;
	font-family: Mistral, "Brush Script MT";
	font-size: 17px;
	color: #E39626;
	text-transform: uppercase;
}

#nav_links a {
	color: #E39626;
}

.parahead {
	font-weight: bold;
}


/****************************************
***** CRE LOADED ************************
*****************************************/

#left_block_text td {
	font-size:14px;
	}

#left_block_text td.infoBoxHeading, #left_block_text td.pageHeading {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	border: 1px solid #CCCCCC;
	padding-left:5px;
	}

td.category_desc {
	padding-top:10px;
	}

#featuredproducts, #productListing, table.contentBoxHeading {
	padding-top:8px;
	}

#featuredproducts table.contentBox img, td.productListing-data img, td.navBbrown img{
	padding:1px;
	border:1px solid #CCCCCC;
	}

#featuredproducts td.BoxBorderRight img, #featuredproducts td.BoxBorderLeft img {
	border:none;
	}

td.productListing-data, td.navBbrown {
	color: #717143;
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding-bottom:5px;
	text-align: center;
	}

td.productListing-data a, td.navBbrown a {
	color: #000000;
	font-size: 13px;
	margin: 5px 0 0 0;
	text-align: center;
	font-weight:normal;
	}

td.smallText {
	font-size:12px;
	color:#000000;
	margin-top:4px;
	padding-top:4px;
	}

td.smallText img {
	border: 1px solid #CCCCCC;
	}

td.main, td.products_options, span.products_size {
	font-size:12px;
	}

td.main input, td.main option, td.main select {
	font-size:12px;
	}

.products_name {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-top: 10px;
	}

.products_price {
	color: #5E5E38;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	}

.products_options {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	}

.products_size {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

#rightside {
	border-top: 30px #5E5E38 solid;
	float: left;
	padding: 20px;
	width: 165px;
}

#rightside p {
	margin-left: 15px;
	margin-right: 15px;
}

#rightside p a {
	color: #996633;
}

#rightside h3 {
	margin-bottom: 10px;
	margin-top: 20px;
}

#rightside .strong {
	font-weight:bold;
	color: #7D7D4B;
	padding-top:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	border-top:1px solid #CCCCCC;
	}

td.strong {
	font-weight:bold;
	color: #7D7D4B;
	font-size:12px;	
	padding:5px 0;
	}

#rightside form {
	margin: 0;
	padding: 0;
}

#rightside form input {
	background-color: #7D7D4B;
	border: 1px #717143 solid;
	color: #FFFFFF;
	width: 160px;
}

#rightside form div.button {
	text-align: right;
}

#rightside form div.button input {
	background-color: #E5E2D1;
	border: 0;
	color: #7D7D4B;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: auto;
}

td.pageHeading img {
	display:none;
	}