/* 
CSS by Ben Rabicoff (At Least I've Got Chicken)
*/

/*****************************************************
* Global
*****************************************************/

* {
	padding				: 0px;
	margin				: 0px;
	color				: #FFFFFF;
	}
	
input, select, textarea, option {
	color				: #333333;
}

html { 
	min-height			: 100%;
	margin-bottom		: 1px;
	}

body {
	font				: 100.01% verdana, arial, sans-serif;
	background-color	: #425212;
	}

p {
	color				: #eeeeee;
	font-size			: 75%;
	line-height			: 1.5em;
	padding				: 0 0 10px 0;
	font-family: verdana, arial, sans-serif;
	}

ul {
	color				: #FFFFFF;
	font-size			: 80%;
	line-height			: 1.2em;
	}

.clearboth {
	clear				: both;
	}

.gutter {
	width				: 960px;
	margin				: 0 auto;
	}

.nav-gutter {
	width				: 960px;
	height				: 50px;
	margin				: 0 auto;
	background			: transparent url(../_images/nav-gutter.jpg) no-repeat 0 0;
	}

.banner-gutter {
	width				: 960px;
	height				: 180px;
	margin				: 0 auto;
	background			: transparent url(../_images/banner.jpg) no-repeat 0 0;
	}

.img-outline {
	border				: 3px solid #ffffff;
	}

h1,h2,h3,h4,h5,h6 {
	color				: #FFFF00;
}

h1 {
	font-size			: 130%;
	margin				: 6px 0 6px 0;
}

div.errors {
	font				: bold 105% arial, helvetica, sans-serif;
	letter-spacing		: -0.03em;
	color				: #FFFF00;
	background-color	: #424733;
	border				: 1px solid #666666;
	margin				: 0 0 10px 0;
	padding				: 7px 3px 7px 3px;	
}

div.info {
	font				: bold 105% arial, helvetica, sans-serif;
	letter-spacing		: -0.03em;
	color				: #FFFF00;
	background-color	: #424733;
	border				: 1px solid #666666;
	margin				: 0 0 10px 0;
	padding				: 7px 3px 7px 3px;	
}

/*****************************************************
*Layout
*****************************************************/

#header {
	width				: 100%;
	height				: 100px;
	margin				: 0 auto;
	background			: #ffffff url(../_images/header-bg.gif) repeat-x 0 0;
	}
	
#headerL {
	float				: left;
	width				: 237px;
	padding				: 25px 0 0 0;
	}

#headerR {
	float				: right;
	width				: 305px;
	padding				: 20px 0 0 0;
	}

#wholesaler {
	float				: left;
	padding				: 9px 0 0 0;
	}

#contact-numbers {
	float				: left;
	padding				: 5px 0 0 10px;
	font-weight 		: bold;
	font-size			: 105%;
	}

#navigation {
	height				: 50px;
	background			: #ffffff url(../_images/nav-bg.gif) repeat-x 0 0;
	}

#navigationL {
	float				: left;
	width				: 624px;
	}
#navigationR {
	float				: right;
	}

#banner {
	height				: 180px;
	background			: #ffffff url(../_images/banner-bg.gif) repeat-x 0 0;
	}

#banner-text {
	width				: 250px;
	}

#main {
	padding				: 10px 0 20px 0;
	background-color	: #333333;
	}

#sidenav {
	float				: left;
	width				: 200px;
	}

#sidenav-top {
	width				: 200px;
	height				: 64px;
	background			: transparent url(../_images/sidenav-top.gif) no-repeat 0 0;
	}

#sidenav-top-client {
	width				: 200px;
	height				: 64px;
	background			: transparent url(../_images/sidenav-top-client.gif) no-repeat 0 0;
	}

#sidenav-mid {
	width				: 200px;
	background			: transparent url(../_images/sidenav-mid.gif) repeat-y 0 0;
	}

#sidenav-bot {
	width				: 200px;
	height				: 22px;
	background			: transparent url(../_images/sidenav-bot.gif) no-repeat 0 0;
	}
	
#content {
	float				: right;
	width				: 730px;
	}

#featured {
	margin				: 15px 0 15px 0;
	}

#introL {
	float				: left;
	width				: 72px;
	}
#introR {
	float				: right;
	width				: 650px;
	}

#footer {
	height				: 105px;
	padding				: 14px 0 0 0;
	background			: #dddbd4 url(../_images/footer-bg.gif) repeat-x 0 0;
	}

#footerL {
	float				: left;
	}
	
#footerR {
	float				: right;
	width				: 255px;
	height				: 76px;
	background			: transparent url(../_images/master-dealer.gif) no-repeat 0 0;
	}

/*****************************************************
* Lists
*****************************************************/

ul#nav li {
	display					: block;
	float					: left;
	list-style-type			: none;
	}

ul#nav li a {
	display					: block;
	outline					: 0;
	}
	
ul#nav li a.home {
	width					: 88px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat 0 0;
	}

ul#nav li a.home:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat 0 -50px;
	}
	
ul#nav li a.store {
	width					: 85px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -88px 0;
	}

ul#nav li a.store:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -88px -50px;
	}
	
ul#nav li a.policies {
	width					: 100px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -173px 0;
	}

ul#nav li a.policies:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -173px -50px;
	}
	
ul#nav li a.shows {
	width					: 119px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -275px 0;
	}

ul#nav li a.shows:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -275px -50px;
	}

ul#nav li a.about {
	width					: 105px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -394px 0;
	}

ul#nav li a.about:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -394px -50px;
	}

ul#nav li a.contact {
	width					: 125px;
	height					: 50px;
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -499px 0;
	}

ul#nav li a.contact:hover {
	background				: transparent url(../_images/nav-buttons.gif) no-repeat -499px -50px;
	}

/* Side NAV*/
ul#sidenav-list {
	width					: 193px;
	font-size				: 70%;
	list-style-type			: none;
	margin					: 0 0 0 4px;
	}

ul#sidenav-list li {
	display					: block;
	padding					: 3px 0 3px 0;
	border-top				: 1px solid #7b8c4a;
	border-bottom			: 1px solid #36440a;
	}

ul#sidenav-list li.subcat {
	display					: block;
	padding					: 3px 5px 3px 13px;
	border-top				: 0px solid #637431;
	border-bottom			: 0px solid #7d8e47;
	background-color		: #899a55;

	}

ul#sidenav-list li.first {
	border-top			: none;
	}
	
ul#sidenav-list li.last {
	border-bottom			: none;
	}
	
ul#sidenav-list li a {
	display					: block;
	padding					: 0 0 0 5px;
	color					: #ffffff;
	font-weight				: bold;
	text-decoration			: none;
	}

ul#sidenav-list li a:hover {
	text-decoration			: underline;
	}

ul#footer-links {
	list-style-type	: none;
	font-size		: 65%;
	color			: #818181;
	}
	
ul#footer-links li {
	list-style-type	: none;
	display			: inline;
	}

ul#footer-links li a {
	color			: #818181;
	}
	
/*****************************************************
* Typography
*****************************************************/

h1#welcome {
	display			: block;
	width			: 395px;
	height			: 30px;
	padding			: 0 0 5px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/h1-welcome.gif) no-repeat;
	}

h2#prop {
	display			: block;
	width			: 214px;
	height			: 39px;
	padding			: 0 0 5px 0;
	text-indent		: -9999px;
	overflow		: hidden;
	background		: url(../_images/featured-prop-h2.gif) no-repeat;
	}

#banner-text p {
	color				: #666666;
	padding				: 10px 0 0 0;
	}

#footerL p, #footerR p {
	font-size		: 65%;
	color			: #818181;
	}

#contact-numbers p {
	color			: #ffff00;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	}

span.featured-title a {
	font			: bold 75% helvetica, arial, sans-serif;
	color			: #cdee85;
	text-decoration	: none;
	}

span.featured-price a {
	font			: normal 180% helvetica, arial, sans-serif;
	color			: #FFFF00;
	text-decoration	: none;
	}

span.featured-title a:hover, span.featured-price a:hover {
	text-decoration	: underline;
	}

#footer p {
	color			: #ffffff;
	font-size		: 65%;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
	}
/*****************************************************
* Links
*****************************************************/

a#logo {
	display				: block;
	width				: 214px;
	height				: 58px;
	background			: transparent url(../_images/logo.gif) no-repeat 0 0;
	}

a#faq-btn {
	display				: block;
	width				: 73px;
	height				: 33px;
	margin				: 8px 0 0 0;
	background			: transparent url(../_images/faq-btn.gif) no-repeat 0 0;
	}

a.yellow {
	color				: #ffff00;
	}

#footerL a {
	color				: #ffffff;
	text-decoration		: none;
	}
	
/*****************************************************
* Search Form
*****************************************************/

form#search {
	}

form#search br {
	clear				: both;
	}
	
form#search input#searchbox {
	float				: left;
	width				: 220px;
	color				: #666666;
	font-size			: 105%;
	padding				: 3px;
	border				: 1px solid #333333;
	background			: transparent url(../_images/field-bg.gif) no-repeat 0 0;
	}

form#search input#search-button {
	float				: left;
	margin				: 0 0 0 5px;
	}

/*****************************************************
* Search Form
*****************************************************/
	
label.checkout-login {
	width				: 200px;
	float				: left;
}	

div#login-page	{
	text-align			: left;
	font				: bold 100% arial, helvetica, sans-serif;
	letter-spacing		: -0.03em;
	color				: #e87e1e;
}

div#login-page	a{
	color				: #FFFFFF;
}

div#login-page input#but_submit { 
	color				: #333333;
	font-size			: 105%;
	padding				: 3px;
}

div#login-page #email, #username, #password { 
	width				: 240px;
	color				: #666666;
	font-size			: 105%;
	padding				: 3px;
	border				: 1px solid #333333;
	background			: transparent url(../_images/field-bg.gif) no-repeat 0 0;
}

td {
	color				: #FFFFFF;
}

/*****************************************************
* Contact Form
*****************************************************/

label.contact {
	float				: left;
	font-weight			: bold;
	width				: 180px;
	line-height			: 1.4em;
}

.contact-edit {
	margin				: 0 0 5px 0;
	padding				: 2px;
	font				: bold 105% arial, helvetica, sans-serif;
	border-top			: 1px solid #bbbbbb;
	border-left			: 1px solid #cccccc;
	border-right		: 1px solid #cccccc;
	border-bottom		: 1px solid #dddddd;
	background			: #ffffff url(../_images/fieldbg.gif) repeat-x 0 0;	
}

.contact-text {
	width				: 505px;
	margin				: 0 0 5px 0;
	padding				: 2px;
	font				: bold 105% arial, helvetica, sans-serif;
	border-top			: 1px solid #bbbbbb;
	border-left			: 1px solid #cccccc;
	border-right		: 1px solid #cccccc;
	border-bottom		: 1px solid #dddddd;
}

.contact-submit {
	font				: bold 115% arial, helvetica, sans-serif;
	width				: 180px;
	margin				: 10px 0 0 0;
	padding				: 5px 5px 3px 5px; 
	color				: #333333;
}