/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}/***** End the reset **************/
/***** Get started with style ******/
body{
	background:url(images/bodybg.jpg) top left repeat #fff;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
}
td{
    font-size:98%;
}


a, a:link, a:visited {color:#fff;}

a:hover{color:#D57237}

h2{
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:18px;
	margin-bottom:10px;
}
#normalpagecontent h2{
	color:#d57237;
	}
h3{
	padding:0px;
	margin:0px;
	font-size:17px;
	font-weight:bold;
	color:#D57237;
}
h4{
	margin:0px;padding:0px;
}
#newsbox h3,#productsdiv h3,#buttons div h3{
	padding-left:16px;
	padding-top:5px;
}
#contentwrap{
	width:955px;
	margin:15px auto;
	border:0px solid #fff;
}
#header{
	width:100%;
	height:90px;
}
#logo {
	width:220px;
	float:left;
	position:relative;
	background-color:transparent;
	margin-top:0px;
}
#footer {
	text-align:center;
	color:#fff;
	background-color:#000;
	margin-top:50px;
}
#footer a{
	color:#fff;
}
#contenttopbar{
	width:100%;
	height:20px;
	background:url(images/contenttop1.gif) no-repeat transparent;
}
#contentbottombar{
	width:100%;
	height:20px;
	background:url(images/contentbottom.png) no-repeat;
}
#content{
	width:100%;
	float:left;
	background-color:#000;
	overflow:hidden;
}
#thecontentarea{
	width:100%;
	background-color:#000;
	overflow:hidden;
	margin-bottom:20px;
}

#contenttophome{
	width:100%;
	margin-bottom:10px;
}
#contenttophome .ptext {
	margin-left:10px;
	width:60%;
	}
#contenttophome .ptext p {
	padding:0px;
	margin:0px;
	padding:5px 0px 3px 0px;
}	
#productphotos{
	width:100%;
	height:90px;
	margin-left:10px;
	text-align:justify;
}
#productphotos img {
	margin:0px 4px;
}
#products{
	float:left;
	width:100%;
	position:relative;
	margin-left:20px;
}
#products p{ padding:10px;}
#products div.row {
	width:100%;
	overflow:hidden;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	background-color:#000;
	border:0px;
	}
#products div {
	width:290px;
	float:left;
	position:relative;
	min-height:200px;
        _height:200px;
	height:auto;
	height:100%;
	margin-right:10px;
	background-color:#333333;
	border:0px solid #333333;
	margin-bottom:10px;
	padding:10px;
	margin-bottom: -100px; 
	padding-bottom: 100px;
	}
#products img{
	margin:10px;
	margin-top:0px;
}
#products ul {margin-left:50px;}
#products ul  li {width:100%;}	
#homepagebottom{
	float:left;
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	overflow:hidden;
	background-color:#000;
}
#roundthemup {
        float:left;
}
#newsbox { 
	float: left; 
	background: url(images/gradientback257.png) top left no-repeat transparent; 
	width: 200px; 
	height:257px;
	margin-right: 5px; 
	margin-bottom:30px;
}
#middle {
         float:left;
	height:257px;
	width: 530px; 
	margin-right: 5px; 
	margin-bottom:30px;
}
#normalpagecontent{
	float:left;
	width:700px;
	margin-right:25px;
	margin-bottom:30px;
}
.white{
	background-color:#fff;
}
.article{
	width:100%;
	margin:10px 0px;
	padding-bottom:10px;
}
.article .date{
	font-size:0.9em;
	color:#999999;
}
#buttons {
	float: left; 
	background: transparent; 
	margin-right:5px;
	width: 200px; 
	margin-bottom:30px;
}
#buttons img{
        padding-left:40px;
}
#productlinks, #yoo-login {
	float: left; 
	width: 200px; 
	background:url(images/prodgradbottom.png) bottom left no-repeat transparent; 
        margin-bottom:50px;
}
#productlinkstop, #yoo-logintop{
	float: left; 
	text-align:center;
	padding-top:10px;
	height:25px;
	width:200px;
	background:url(images/prodgradtop.png) top left no-repeat transparent; 
        margin-left:0px;
}
#productlinksbottom, #yoo-loginbottom{
	float: left;
	position:absolute;
	left:700px;
	height:8px;
	width:200px;
}
#productlinks ul, #yoo-login form{
	background:url(images/prodgradmiddle.png) top left repeat-y transparent; 
	list-style-type:none;
	margin-top:0px;
	margin-bottom:8px;
	margin-left:0px;
}
#productlinks li{
	padding:5px 0px;
	font-size:90%;
	padding-left:30px;
	/*margin-left:30px;*/
}

.recipe p{margin:0px;padding:0px;text-align:center;padding:10px 5px 0px;}
.recipe a{
	color:#fff;
}
.rest img,.champs img{margin:3px 0px 0px 35px;}
.clear { clear: both; padding-top: 10px; }

#news dl{
}
#news dd{
	padding:0px 0px 15px 0px;
	width:160px;
	margin-left:25px;
}
#news a:link,#news a:visited,#buttons a:link,#buttons a:visited {
	display: block;
	text-decoration:underline;
	color:#fff;
}
#news a:hover,#buttons a:hover{color:#D57237;}
#productsdiv{
	
	border:0px solid #333;padding-left:20px;
	/*background: url(../images/gradientbackslice.png) top left repeat-x transparent; */
}
#productsdiv h3{
	padding-left:0px;
}
#homeproducts ul {
	display:inline;
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-left:15px;
}
#homeproducts li {
	display:inline;
	float: left;
	width:10em;
	padding:5px 5px 5px 0px;
}
#buttons div{
	width:198px;
	height:80px;
	margin-bottom:5px;
	background: url(images/gradientbackbuttons.png) top left no-repeat transparent; 
}	
#newsbox h3,#productsdiv h3,#buttons div h3 {padding-top:10px;}
/***************** Nav style *******************/
#navdiv{
	padding: 0;
	margin: 0;
	border-bottom:1px solid #fff;
	width:665px;
	position:relative;
	margin-left:285px;
	height:30px;
	padding-top:30px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	vertical-align:bottom;
}
#nav a {
	display: block;
	padding:5px 13px 5px 10px;
	text-decoration:none;
	color:#fff;
}
#nav a:visited{color:#fff;}
#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: -220px;
	padding-top:5px;
}
#customers{
       clear:both;
       width:530px;
       float:left;
}
#wholesale{
       position:relative; 
        width:230px;
        margin-left:20px;
	height:95px;
margin-top:20px;
}
#retail{
       position:relative; 
       float:right;
       width:230px;
	height:95px;
      margin-right:20px;
margin-top:20px;
}
#clickin{
	margin-top:8px;
	width:100%;
	height:25px;
	background-color:#1a8aca;
	vertical-align:bottom;
}
/**************************************************/

#accessories TR {background-color:#333;}
#accessories TR img{margin:auto auto;}
#accessories TD {padding:10px;}

.nounderline {text-decoration:none;}

a.nounderlineorange {color:#d57237;text-decoration:none;}



#linkme {width:100%;font-size:60%;color:#000;}

#linkme a, #linkme a:hover,#linkme a:visited{color:#000;text-decoration:none;}

.recipes h3{margin-top:10px;}
.recipes {margin-left:20px;}
.recipes p {padding:10px 0px}
.recipes ul {margin-left:50px;list-style-type:disc}
.reclink {text-transform:capitalize;color:#fff;line-height:1.5em;}
.reclink a:visited{color:#fff;}
.reclink a:hover{color:#D57237}

div li {padding:5px 0px}

.latestnews li {padding:5px 0px;margin-left:20px;list-style-type:disc;}