* { margin: 0; padding: 0; }
html, body {height: 100%;}
body {background:#fff url(/images/grd.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a { color: #609; text-decoration: none; }
a:hover { text-decoration: underline; }

#container {border: 0px solid #000; height: auto; height: 100%; margin-bottom: -4em; margin-left: auto; margin-right: auto; margin-top: 0; min-height: 100%; padding: 0px; width: 960px;}
#header {background:url(/images/grd.jpg) repeat-x; height:85px; padding: 0px; margin: 0px; width: 960px;}
#navigation {float:right; height:28px; margin-top: 0px; padding: 0px; width:800px; position: relative; top: -25px; }
#show-logo {float:left; height:85px; width:215px;}
#show-logo h1 {display:none; margin:0px; padding:0px; text-indent:-9999px;}
#contact-us {float:right; height:37px; margin:5px 0px 20px 0px; text-align:right; width:745px;}
#contact-us span {color:#666; font-size:14px; padding:5px;}
#contact-us span a {color:#666;}
#contact-us span a:hover {color:#000;}
#footer {background:#fff url(/images/footer.jpg) no-repeat; clear: both; font-size:12px; height: 4em; line-height:1.5em; margin: 55px 0 0 0; padding:5px 0 10px 0; text-align:center; color: #c9f;}
#footer a {color:#306;}
#banner {height:100px; margin:0 0 10px 0; width:960px;}
#breadcrums {font-size:12px; padding:0 0 10px 0;}
/*--   Start Main Navigation Menu   --*/
ul.menu {float:right; font-family:Arial, Helvetica, sans-serif; font-size:13px; list-style:none; margin:0; padding:0; text-align:center;}
ul.menu a {color:#000; display:block;}
ul.menu a:hover {color:#000; text-decoration:none;}
ul.menu li {float:left; position:relative; margin:0px;}
ul.menu ul {background:#d1d1d1; display:none; font-weight:bold; left:0; list-style:none; opacity:0; position:absolute; text-align:center; top:25px;}
ul.menu ul li {border-left:1px solid #5e008d; border-right:1px solid #5e008d; margin:0; position:relative; width:105px;}
ul.menu ul li a {background-color:#fff; color:#5e008d; display:block; padding:3px 7px 5px;}
ul.menu ul li a:hover {background:#96c; color:#FFF;}
ul.menu .menulink {border-left:0px solid #666; font-weight:bold; padding:6px 15px 6px;}
ul.menu .menulink:hover, ul.menu .menulink-dealer:hover, ul.menu .menulink-firstrate:hover, ul.menu .menuhover {background:url(../images/nav-grd.gif) repeat-x;}
.dd-first {border-top:1px solid #5e008d;}
.dd-last {border-bottom:1px solid #5e008d;}
/*--   End Main Navigation Menu   --*/
/*--   Start Homepage   --*/
/*--   Slider Menu   --*/
.sm {display:block; height:250px; list-style:none; margin:0 0 20px 0; overflow:hidden; width:960px;}
.sm li {display:inline; float:left; overflow:hidden;}
.sm div.sm-container {height: 250px; margin: 0px; padding: 0px 0px 0px 90px; width: 612px;}
.sm li h2 {border-left:#fff 3px solid; height: 250px; margin: 0px; position: absolute; width: 83px;}
.sm li h2 span {cursor:pointer; height: 250px; position: absolute; text-indent:-9999px; width: 80px;}
.sm li h2 span.beef {background:url(/images/hrzmn-beef.gif) no-repeat;}
.sm li h2 span.goat {background:url(/images/hrzmn-goat.gif) no-repeat;}
.sm li h2 span.sheep {background:url(/images/hrzmn-sheep.gif) no-repeat;}
.sm li h2 span.swine {background:url(/images/hrzmn-swine.gif) no-repeat;}
.sm li .sm-content {font-size:14px; height:100%; line-height:1.5em; width:100%;}
.sm li .sm-content td {padding:5px; vertical-align:top; width:50%;}
.sm li .sm-content h3 {color:#660099; font-size:20px; margin: 0 0 5px 0;}
.sm li .sm-content img {padding:0 5px 5px 5px;}
/*
.sm li .sm-content a {font-size:12px; margin:0 10px 0 0;}
*/
/*--   Homepage content   --*/
.row {height:200px; margin:5px 0 0 0; width:960px;}
.row .third {background-color:#FFF; border:1px solid #fff; float:left; margin-left:10px; width:311px;}
.row .two-third {background-color:#FFF; border:1px solid #fff; float:left; margin-left:10px; width:634px;}
.row .half {background-color:#FFF; border:1px solid #fff; float:left; margin-left:10px; width:473px;}
.row .first {margin-left:0px;}
.third-content {background:#fff; font-size:14px; line-height:1.5em; margin:0; padding:0px;}
.third-content h3 {color:#660099; font-size:20px; margin: 0 0 10px 0;}
.third-content img {padding:0 5px 5px 5px;}
/*
.third-content a {font-size:12px; margin:0 10px 0 0;}
*/
/*--   End Homepage   --*/
/*--   Start Subpage   --*/
/*--   Start Subpage left column   --*/
#left-col {float:left; width:240px;}
#left-nav {height:262px; width:240px;}
#left-nav #beef, #left-nav #goat, #left-nav #sheep, #left-nav #swine {background:#fff; border:1px solid #666; height:40px; margin:0 0 4px 0; padding:10px; width:218px;}
#left-nav #beef:hover, #left-nav #goat:hover, #left-nav #sheep:hover, #left-nav #swine:hover {background:#eee;}
#left-nav img {float:left; padding:0 10px 0 0;}
#left-nav h3 {font-size:16px;}
#left-nav p {font-size:10px; line-height:1.1em;}
#left-nav a {color:#000;}
#left-nav a:hover {text-decoration:none;}
#left-nav p a.underline:hover {text-decoration:underline;}
/*--   End Subpage left column   --*/
/*--   Start Subpage main content   --*/
#main {margin:10px 0 0 0; padding: 0px;}
/*#page {float:right; margin:0 0 0 5px; width:715px;}*/
#page {float:right; margin:0 20px; width:680px;}
#page div.half-left {float:left; margin:0 0 10px 0; width:350px;}
#page div.half-right {float:right; margin:0 0 10px 0; width:350px;}
#page div.full {float:left; margin:0 0 10px 0; width:715px;}
#page h2 {font-size:36px; margin:-5px 0 10px 0;}
#page h3 {font-size:20px;}
#page p {font-size:14px; line-height:1.5em; margin-bottom:7px;}
.feeding-guide {margin:0 0 35px 0; width:715px;}
.feeding-guide-half {margin:0 0 35px 0; width:350px;}
.specie-row {height:260px; margin:0 0 5px 0; width:715px;}
.specie-row .specie-left {float:left; width:350px;}
.specie-row .specie-right {float:right; width:350px;}
.specie-row .specie-full {float:left; width:715px;}
.specie-content {font-size:14px; height:260px; line-height:1.5em; margin:0; padding:0;}
.specie-content h3 {color:#609; font-size:20px; margin: 0 0 5px 0;}
.specie-content img {padding:0 5px 5px 5px;}
.product-row {display: block; min-height:250px; margin:0 0 25px 0; width:715px;}
.product-row .product-left {float:left; padding:0 15px 0px 0;width:345px; }
.product-row .product-right {float:right; width:345px;}
.product-row .product-full {float:left; width:715px;}
.last-row {border:0px solid #666;}
.product-content {font-size:14px; line-height:1.5em; margin:0; padding:0;}
.product-content td {vertical-align:top;}
.product-content h3 {color:#609; font-size:20px; margin: 0 0 5px 0;}
.product-content img {padding:0 5px 5px 5px;}
.show-awards h4.table-header {font-size:18px; text-align:center;}
.show-awards h4 {font-size:16px; margin:15px 0 0 0;}
.show-awards h4.steers {margin:0px;}
/*--   End Subpage main content   --*/
/*--   End Subpage   --*/
/*--   Start General styles   --*/
.legal {font-size:70%;}
.big {font-size:16px; font-weight:bold;}
.right {float:right;}
.left {float:left;}
img.left {float:left; padding:0 5px 5px 0;}
img.right {float:right; padding:0 0 5px 5px;}
ol.ordered-list {font-size:14px; margin:0 0 0 30px;}
ol.ordered-list li {padding:2px;}
ul.unordered-list {font-size:14px; list-style:square; margin:0 0 0 30px;}
ul.unordered-list li {padding:2px;}
h5.prpl {color:#609; font-size:14px;}
p.smaller {font-size:12px; line-height:1.3em;}
table.nowidth-table {font-size:14px;}
table.data-table {font-size:14px; width:100%;}
table.data-table td, table.nowidth-table td {padding:3px; vertical-align:top;}
table.data-table td.al-left, table.nowidth-table td.al-left {text-align:left;}
table.data-table td.al-right, table.nowidth-table td.al-right {text-align:right;}
table.data-table .alt-row, table.nowidth-table .alt-row {background:#eee;}
#pictureShow { position: relative; width: 600px; height: 429px; padding: 0; margin: 0; margin-bottom: 20px; }
#pictureShow img { border: none; margin: 0; padding: 0; }
ul#contentRotate li { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none; }
#contentOverlay	{ position: absolute; bottom: -62px; width: 600px; height: 62px; z-index: 9998; background: url(/images/feedchampions/overlayBG.png) no-repeat; margin: 0; padding: 0; }
#contentOverlayText { text-align: left; }
#contentOverlayText h1 { font-family: Arial, Verdana, sans-serif; color: #fff; text-decoration: none; font-weight: normal; margin-top: 15px; padding-left: 10px; }
ul#contentOverlayText li { margin: 0; padding: .7em 1em; list-style: none; color: #fff; }
ul#contentOverlayText li a { color: #fff; }
ul#contentOverlayText li a:hover { text-decoration: none; color: #d82d39; }
ul#contentOverlayText li ul li { margin: 0; padding: 0; padding-left: 5px; list-style: none; }
ul#contentOverlayText li ul li p { color: #aaa; margin: 0; padding: 0; line-height: 1.3em; }
ul#contentOverlayText li ul li p a { color: #d82d39; font-size: .8em; text-decoration: none; }
ul#contentOverlayText li ul li p a:hover { color: #820000; text-decoration: none; }
.contentOverlayTextHeading { position: relative; margin: auto; width: 400px; padding: 0; top: -7px; left: 15px; text-align: left;  }
.contentOverlayTextHeading h4 { color: #96C; }
.contentOverlayTextHeading p { font-size: 12px; line-height: 1.4em; }
.clear { clear: both; }

#page p.note { font-style: italic; font-size: 1em; margin-top: .5em; }
#footer p.copy { font-size: .8em; margin: 1em 0; color: #333;}
.product-content p a { font-size: 12px; }
#page div.full h5 { font-weight: bold; font-size: 1em; margin-top: 6px; }
#page p.warn { font-weight: bold; color: red; margin-top: 6px; }
#page p.warn strong { text-transform: uppercase; }

/*--   End General styles   --*/
@media print {
	#contact-us, #navigation, #left-col, #breadcrums {display:none;}
	#page {float:none;}
}