@charset "UTF-8";
/* CSS Document */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a img {border:none;}
.hidden{display:none;}
/* typography.css */
body {
	font-size:13px;
	line-height:1.5;
	color:#222;
	background:#636466;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image: url(../../media/images/siteBG.jpg);
	background-repeat: repeat-x;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1em; margin-bottom: 0.4em; line-height: 1.2em;}
h3 { font-size: 1em; line-height: 1em; margin-bottom: .5em; }
h4 { font-size: .8em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
h1 span{font-weight:normal;}
/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img#left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #3c683c; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Page Layout
-------------------------------------------------------------- */
body{text-align:center;}
#site_wrap{
	margin: 0 auto;
	width: 980px;
}
.clear{clear:both;}
.logo{
	float: left;
	margin:43px 0 0 18px;
}
#header{height: 148px;}
#search_box{
    width: 530px;
	padding: 35px 22px 23px 18px;
	margin: 0 20px 0 0;
	background:#3c683c;
	background-image: url(../../media/images/searchBG.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: right;
	font-size: 1em;
}
#search_box a{color: #fff; text-decoration: none; padding: 0 7px; border-right: 1px solid #fff;}
#search_box a:hover{color: #aaa;}
#search_box div#search {display:inline;}
input{border:1px solid #3c683c;}
.niceinput{border:none; background-color: #d4ddd4;margin-right:5px;}
.top_btn{background-color:#fff;color:#3c683c;}

#header ul { list-style-type: none; padding: 0; margin: 0; }
#header ul li { float: left; }
#header ul.topdropmenu li { float: none; padding: 2px 4px; }

#content_area_wrap{padding: 0;margin: 0;}
#wrap_top{
	background-image:url(../../media/images/contentTOPbg.png);
	background-position: top;
	background-repeat: no-repeat;
	height:19px;
}
#wrap_bot{
	background-image:url(../../media/images/contentBOTbg.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height:19px;
}

#content_area_wrap .home{	
	background-image:url(../../media/images/homeMIDbg.png);
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 20px;
	min-height:100%; /*friggin IE7 needs this*/
}
#content_area .top{
	background-image:url(../../media/images/top_contentBG.jpg);
	background-repeat: no-repeat;
	background-position:top;
	height: 348px;
	padding: 20px 0 0 0;
}
#content_area .top p{
	float:left;
	text-align: left;
	padding: 30px 0 0 30px;
	width: 450px;
}
#content_area .col{
	font-size: .9em;
	float:left;
	width: 275px;
	padding: 15px;
	text-align: left;
}
.col3 h2{margin: 0 0 15px 0;}
.col3 p{text-align:left;font-size:1em;}
.col3 img{float:left;width:48px;border:none;margin: 0 0 0 10px;}
.col3 div{float:left;width:200px;margin: 0 0 0 10px;}

#content_area .midcol{border-right: 1px solid #3c683c;border-left: 1px solid #3c683c;}
#content_area h2{
	text-transform: uppercase;
	color: #3c683c;
	font-weight: bold;
}
.spotlight{
	background-image: url(../../media/images/spotlightBG.jpg);
	background-repeat: no-repeat;
	background-position:  right bottom;
	width: 280px;
	height: 180px;
}
.spotlight span{color:#7d463f;font-weight:bold;text-transform: uppercase;}
.spotlight p{padding: 15px 95px 0 15px;}
div.left-menu{
	float:left;
	width: 267px;
	padding: 20px 10px;
}
/* Styles for the left menu */
div.left-menu ul{
	list-style-type: none;
	text-align: left;
}
div.left-menu li{
	display: block;
	line-height: 1.1em;
	padding: 4px 15px;
	text-decoration:none;
}
div.left-menu li a, div.left-menu label{text-decoration:none;color:#3c683c;text-transform: uppercase;font-weight:bold;}
div.left-menu li a:hover{color:#222;}
/* Second tier */
div.left-menu li ul{
	margin: 0;
}
/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/
div.left-menu li ul li{border:none;margin: 0;padding: 5px 10px;font-size:.9em;}
div.left-menu li ul li a{text-decoration: none;text-transform:none;color:#222;font-weight:normal;}
div.left-menu li ul li a:hover{color:#666;}
div.left-menu p{text-align:left;font-size:.85em;}
div.left-menu img{float:left;width:32px;border:none;margin: 0 0 0 10px;}
div.left-menu div{float:left;width:200px;margin: 0 0 0 10px;}

div.left-menu .search { text-align: left; } div.left-menu .search span { margin: 0; padding: 0; display: inline; }
    div.left-menu .search .niceinput { background: #fff; margin-right: 5px; width: 155px;}
div.left-menu .search strong { color:#3c683c; text-transform:uppercase; font-size:9pt; }
div.left-menu a div p strong { font-size: 9pt; text-transform:uppercase; }
div.left-menu{
	background:url(../../media/images/bg/beef.png) no-repeat;
	background-position: left bottom;
	min-height:510px;
	height: 550px;
}
div.left-menu-1 { background:url(../../media/images/bg/beef.png) no-repeat left bottom; }
div.left-menu-2 { background:url(../../media/images/bg/dairy.png) no-repeat left bottom; }
div.left-menu-3 { background:url(../../media/images/bg/equine.png) no-repeat left bottom; }
div.left-menu-4 { background:url(../../media/images/bg/goat.png) no-repeat left bottom; }
div.left-menu-5 { background:url(../../media/images/bg/sheep.png) no-repeat left bottom; }
div.left-menu-6 { background:url(../../media/images/bg/wildlife.png) no-repeat left bottom; }
div.left-menu-7 { background:url(../../media/images/bg/equine.png) no-repeat left bottom; }

#right{
	float:left;
	width: 633px;
	padding: 20px 10px;
	text-align: left;
}
#right h2{border-bottom: 1px solid #3c683c;}
#content_area_wrap .page{
	background-image:url(../../media/images/contentMIDbg.png);
	background-repeat:repeat-y;
	margin: 0;
	padding: 0 0 0 20px;
	min-height:100%;
}
.rightBG{
	background:url(../../media/images/contentBG.jpg) no-repeat;
	background-position: right bottom;
	height: 520px;
	min-hight: 520px;
}
#right h1{font-size:1.4em;color:#3c683c;text-transform: uppercase;font-weight:bold;}
#right h3, div.left-menu span, .col3 span{font-size:1.2em;padding:3px 10px;margin:0;color:#3c683c;font-weight:bold;}
#right h3 a{text-decoration:underline;}
#right p{padding: 2px 10px;}

div.user-content ul, div.user-content ol { margin: 5px 25px; }

.blocklist img{ float:left;width:109px;}
.blocklist div{ margin-left: 109px; padding: 0 10px;width:470px;}

.prodlist{margin: 10px 35px; list-style-image: url(images/arrowR.png); line-height: 20px;}
.prodlist li{padding: 2px;}

.products p{padding: 0; margin: 0 10px 5px 0;font-size:.8em;}
.products img{padding:1px; border: 1px solid #ddd;}
.products img:hover{border: 1px solid #3c683c;}

div.territory_popups div { display: none; }
div.territory_popup
{
    position: absolute; z-index: 10000; display: block;
    width: 200px; height: 100px; padding: 15px; border: 2px solid;
    background: #f7f7f7 url(../../media/images/layout/footerbg.jpg1);
    opacity: 0.94; -moz-opacity: 0.94; filter: alpha(opacity=94);
    font-size: 10pt;
}
div.territory_popup_off { display: none; }

ul.topdropmenu {
    display:none; position:absolute; background: #0a6836; border-bottom: 1px solid #bbb;
    padding: 12px 10px 10px 10px; text-align:left; margin: 0 0 0 0 !important;
}
ul.topdropmenu a { border-right: 0px none !important; }
a.topdropmenu { background: url(images/da.gif) no-repeat 95% center; position: relative; z-index: 10; }

.generalTable tr th {background: #e2d4b9; color: #000; text-align: left; font-weight: bold; margin: 1px; padding: 6px 3px;}
.generalTable tr td {text-align: left; margin: 1px; padding: 3px;}
.generalTable tr.subhdr td {border-bottom: 1px solid #0a6836; font-weight: bold; margin: 1px; padding: 10px 3px 3px 3px;}

div.state-list a { display: block; float: left; padding: 8px; margin-right: 5px; font-size: 9pt;
    color:#fff; font-weight:bold; background: #0a6836; border: 1px solid grey;
} div.state-list a:hover { border: 1px solid silver; }
div.distributor-state-header { background: #e0d5b7; padding: 8px; font-weight: bold; }
div.dist-top-lnk { width:50px;float:right;margin-top:-25px;background:transparent; }
div.dist-top-lnk a { text-decoration: none; }

div.testimonial-nav { width: 300px; text-align: right; float:right; margin-top: 15px; margin-right: 10px; }
div.testimonial-nav a { padding: 5px; }

table.form td.lbl
{
    text-align: right;
    background: #f7f7f7;
    width: 110px;
    padding: 2px 6px 2px 0;
}
table.form input.btn { }

a.learnmore{padding:0 0 0 18px;line-height:18px;background: url(images/arrowR.png) no-repeat left 2px;}

#footer{font-size: .86em; margin: 10px; z-index:1000;}
#footer li{display:inline; padding: 0 7px; border-right: 1px solid #fff;}
#footer a{color: #fff; text-decoration: none;}
#footer a:hover{text-decoration:underline;}
#footer p{color: #fff;}

