html
{
    height: 100%;
}

html, form, fieldset, body
{
	margin: 0;
	padding: 0;
}

body
{
	font: 62.5% georgia, verdana, helvetica, sans-serif;
	color: #000;
	background: url(/images/bg-horizontal.jpg) repeat-x;
    text-align: center;	
    margin: 0 auto 0 auto;
}

img
{
	border: none;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address
{
	margin: 10px 0 2px 0;
	padding: 0;
    line-height: 1.5em;
}

p
{
	margin: 2px 0 2px 0;
	padding: 0;
    line-height: 1.5em;
}

h1
{
    color: #3F945B;
    font-size: 1.4em;
}

h2
{
    color: #3F945B;
    font-size: 1.3em;
    padding: 0 0 10px 0;
}

h3
{
	color: #3F945B;
    font-size: 1.2em;
    padding: 0 0 20px 0;
    clear: both;
}

h4,h5,h6
{
    font-size: 1.1em;
    color: #3F945B;
}



li, dd, blockquote
{
	margin-left: 1em;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

form label
{
	cursor: pointer;
}

fieldset
{
	border: none;
}

#main
{
	padding: 0px;
	width: 835px;
	text-align: left;
	background: transparent url(../images/bg-wrapper.jpg) repeat-y;  
    font-size: 1.3em;
    margin: 0 auto 0 auto;
}

#wrapper
{
	/*padding: 0 20px 0 20px;*/
	padding: 0;
	background: transparent url(../images/bg-main.jpg) no-repeat;
}

#header
{
	padding: 0 20px 0 20px;
}

#header img
{
	margin: 20px 0 20px 10px;
	border: none;
	float: left;
}

#header-text
{
	margin: 5px 0 5px 0;
	padding: 5px 0 10px 0;
    width: 470px;
    float: left;
    color: #3F945B;
}

#header-text p
{
	margin: 0;
	padding: 0;
    font-size: .85em;
    font-family: verdana;
}


#header-text h2
{
	margin: 0;
	padding: 25px 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
}


#breadcrumbs
{
    padding: 15px 0px 15px 0px;
}

#main-container
{
    clear: both;
    padding: 0px 20px 0px 20px;
}

#content
{
    clear:both;
	width: 550px;
	float: left;
	padding: 10px;
}

#content p
{
	padding: 0 0 10px 0;
	font-size: 0.9em;
	table-layout: auto;
}

#content h1
{
	padding: 0 0 15px 0;
}


#content img.right-align
{
    float: right;
    margin: 0 0 5px 10px;
}

#content img.left-align
{
    float: left;
    margin: 0 10px 5px 0px;
}

div#navigation
{
    float:left;
    border-bottom: #3F945B 1px solid;
    width: 98%;
    margin: 0 10px 0 10px;   
}
ul#mainNav
{
   
    margin:0;
    padding:0;
    /*float:right;*/
    list-style:none;
    padding-bottom: 30px;
}

ul#mainNav li
{
    margin: 0px;
    float:left;
    list-style-type:none;
    font-size: 1.3em;
    border-right: 1px solid silver;
    padding-right: 10px;
    margin-right: 10px;
    
    
}

ul#mainNav li.last
{
    border-right: 0px;
    padding-right: 0px;
}


#mainNav a 
{
    color: #888;
    display:block;
    text-decoration:none;
    
}

#mainNav a:hover
{
    color:#009756;
}


#right-nav
{
    
    border-left: solid 1px #3F945B;
    margin-left: 10px;
    margin-top: 0px;
	width: 195px;
	float: left;
}

#right-nav .panel
{
    padding: 0px 0 20px 10px;
}

#right-nav .panel h2
{
	padding: 0;
}

#right-nav .panel li
{
    
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
}

#right-nav .panel li p
{
    font: 0.85em verdana;
}

#affiliates
{
	text-align: center;
}

.green
{
	color: #006633;
}


a.active 
{
    color: #009756!important;
}

.news-date
{
	font-family: georgia, verdana, helvetica, sans-serif;
    font-weight: bold;
    display:block;
    color: #999;
    padding-bottom: 5px;
}

.full-width
{
    width:90%!important;
}

.prodimage
{
	clear: both;
	float: left;
	margin: 0 10px 20px 0;
}

ul.indent
{
	margin: 0 0 0 20px;
}

ul.indent li
{
	padding: 5px 0 0 0;
}


ul.horse-feed
{
	margin: 0 0 0 90px;
	list-style:none;
}

ul.horse-feed li
{
    list-style:none;
    padding: 0 0 10px 0;
}

ul#horse-bedding
{
    list-style:none;
    padding: 0;
    margin: 10px 0 0 0;
}


ul#horse-bedding li
{
    list-style:none;
    margin: 0 0 30px 0;
    padding: 0;
    clear:both;
}

ul#horse-bedding img
{
	margin: 0 10px 0 0;
    float:left; 
}

#footer-wrapper
{   
	background: transparent url(../images/bg-bottom.jpg) no-repeat bottom;
}


#footer
{
	margin: 50px 30px 0 30px;
	padding: 10px 10px 40px 10px;
	border-top: #00f289 1px dotted;
}

#footer p
{
	padding: 0;
	margin: 0;
}

#footer img
{
	float: right;
}


.cb
{
    clear:both;
}

#content td
{
	vertical-align: top;
	padding: 0 0 10px 0;
}

.prodname
{
	width: 175px;
}

dt 
{
	margin: 10px 0 0 0;		
	float: left;
	width: 80px;
}

dd
{
	margin: 10px 0 0 0;
	float: left;
}

dl
{
	margin: 0 0 20px 0;
}

.advice p
{
	padding: 0!important;
}

.advice h4
{
	padding: 10px 0 0 0;
}

.validator
{
	display:block;
}

.error-panel
{
	display:block;
	border: solid 2px red;
	color: red;
	padding: 10px;
	margin-bottom: 10px;
}

.fr
{
	float:right;	
}