@charset "utf-8";
/* CSS Document */

body, html
{background: url(images/bg.jpg) repeat-x top left;background-color: #8c962e;margin: 0;padding: 0;height: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #654623;font-size: 12px; line-height: 16px}

h1
{margin: 0;padding: 0;padding-bottom: 4px;line-height: 1em;border: 0;font-size: 20px;font-weight: normal;}
h2, h3 {margin: 0;padding: 0;padding-bottom: 4px;line-height: 1em;border: 0;font-size: 18px;font-weight: normal;}
h4, h5, h6 {margin: 0;padding: 0;padding-bottom: 2px;line-height: 1em;border: 0;font-size: 15px;font-weight: normal;}
h7 {margin: 0;padding: 0;padding-bottom: 2px;line-height: 1em;border: 0;font-size: 13px;font-weight: normal;}




#title {margin: 0 0 -17px 0;padding: 0 0 0 15px;padding-bottom: 0px;line-height: 1em;border: 0;font-size: 25px;font-weight: normal;}

img, a, p, img
{
margin: 0;
padding: 0;
padding-bottom: 4px;
/*line-height: 1em;*/
border: 0;
text-decoration: none;
}

a:link{color: #666;text-decoration: none; font-size: 13px;}
a:visited {color: #534741;text-decoration: none; font-size: 13px;}
a:hover{color: #95ac41;text-decoration: none; font-size: 13px;}

p
{
font-size: 12px;
color: #654623;
/*line-height: 13px;  PUT IN TO HELP MAKE SPACING LOOK CONSISTANT THROUGHOUT SITE*/
margin-bottom: 5px;
line-height: 24px;
}

.bigp
{
font-size: 14px;
color: #666;
line-height: 16px;
margin-bottom: 5px;
}

#size
{margin: 0;padding: 0;padding-bottom: 2px;line-height: 1em;border: 0;font-size: 12px;font-weight: normal; color: #666; display: block}
#cost
{margin: 0;padding: 0;padding-bottom: 2px;line-height: 1em;border: 0;font-size: 12px;font-weight: normal; color: #95ac41; display: block}

#productname
{margin: 0;padding: 0;padding-bottom: 2px;line-height: 1em;border: 0;font-size: 16px;font-weight: normal; color: #666; display: block}


ul
{
font-size: 12px;
color: #666;
line-height: 20px;
}


#mainbg
{
width: auto;
height: 400px;
background: url(images/main_bg.gif) repeat-x top;
margin-top: 100px;
}

#maincontantbg
{
width: auto;
height: 200px;
background: url(images/bot_bg.gif) repeat-x bottom;

}

#mainContainer
{
margin: 0 auto;
margin-top: 40px;
padding: 0;
width: 800px;
min-height: 600px;
background-color:#FFFFFF;

}

#mainContainer #mainHeader
{
position:relative;
width: 995px;
height: 131px;

}
#footer
{margin: 0 auto;
padding: 0;
background:#814a09;
width: 800px;height: 20px;
font-size: 10px;
color:#FFFFFF}

#footer a {color:#CCCCCC; font-size: 10px;}


#narrowleftColumntop{position: relative;left: 0px;display: block;width: 216px;height: auto;float: left; padding-top: 10px;}
#centerColumntop{position: relative;left: 10px;display: block;width: 630px;height: auto;float: left;}
#rightColumntop{position: relative;right: 5px;display: block;width: 530px;height: auto;float: right; padding-top: 70px; font-size:14px; text-align: right;}


#narrowleftColumntop #topleft{height: 183px;}
#centerColumntop #topcenter{height: 183px;}
#rightColumntop #topright{height: 183px; margin-top: -15px;}

#narrowleftColumnbot{position: relative;left: 5px;display: block;width: 216px;height: auto;float: left;}
#centerColumnbot{position: relative;left: 10px;display: block;width: 430px;height: auto;float: left;}
#rightColumnbot{position: relative;right: 10px;display: block;width: 370px;height: auto;float: left;}

#centerColumnsubbot{position: relative;left: 10px;display: block;width: 500px;height: auto;float: left;}
#rightColumnsubbot{position: relative;right: 10px;display: block;width: 300px;height: auto;float: left;}


.products {float: left; height: 120px; width: 18%; margin-right: 10px;}

.clearfix {clear: both}

.spacer40{height: 40px;width: 100%;clear: both;}
.spacer20{height: 20px;width: 100%;clear: both;}
.spacer30{height: 30px;width: 100%;clear: both;}
.spacer15{height: 15px;width: 100%;clear: both;}
.spacer10{height: 10px;width: 100%;clear: both;}
.spacer5{height: 5px;width: 100%;clear: both;}

#navbar{  }


#brownbox {background: transparent; margin:15px 0px 5px 0px; width: 100%;}

.bbtop, .bbbottom {display:block; background:transparent; font-size:1px;}
.bb1, .bb2, .bb3, .bb4 {display:block; overflow:hidden;}
.bb1, .bb2, .bb3 {height:1px;}
.bb2, .bb3, .bb4 {background:#fff; border-left:1px solid #eee7de; border-right:1px solid #eee7de;}
.bb1 {margin:0 5px; background:#eee7de;}
.bb2 {margin:0 3px; border-width:0 2px;}
.bb3 {margin:0 2px;}
.bb4 {height:2px; margin:0 1px;}

.brownboxcontent {display:block; background:#fff; border:0 solid #eee7de; border-width:0 1px; padding:10px;}
.brownboxcontentnp {display:block; background:#fff; border:0 solid #eee7de; border-width:0 1px; padding: 5px 5px 0 5px;}

.brownboxheader h1{
border-bottom: 1px solid #0B93D1; }



/*PRODUCT MOUSE OVERS*/


/*TABS MENU*/
/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
float: left;
padding: 2px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #fcf8e8;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{

/*float: left;*/
padding: 5px;

}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

/*colors */
#green {color: #99ab3b}

.backgroundimage {width: 361px; height: 402px; background: url(images/backgroundpic.gif) no-repeat left center}
.backgroundimagesub {width: 260px; height: 290px; background: url(images/backgroundpic_sm.gif) no-repeat left center}
.rotatingimg {padding: 7px 0 0 7px;}

/*dropdown*/



ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 14px;
}

ul.dropdown li img {margin-top: 10px}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
 background-color: #9ca646;
opacity:0.9;filter:alpha(opacity=90);
 padding: 7px 14px 7px 10px;
 color:#FFFFFF;
}

/*second*/




ul.dropdown li a {
 display: block;
 padding: 7px 12px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 140px 7px 14px;
	 
	}

	ul.dropdown ul li.dir {
	 padding-right: 5px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	 padding: 4px 5px 4px 5px;
	 width: 100px; text-align:left; /* Especially for IE */
	 color:#FFFFFF;
	}

	ul.dropdown ul a:hover {
	 background-color: #d0dbaf;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #76b900;
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	/* background-color: #2e2e2e;*/
	 color: #76b900;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: #76b900;
	 color: #fff;
	}
	
	
/*css for rotate image*/



/*
 * jQuery Nivo Slider v1.8
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
/* The Nivo Slider styles */


#slider {
	position:relative;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
		
}
#slider a {
	border:0;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

dl.retail { display: block; position: relative;  padding-top:10px; margin-left: -30px }