@charset "UTF-8";
/* CSS Document */
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	background-image: url(/images/bodyBG.png);
	background-repeat: repeat-x;
}
.clear{clear:both;}
a{
	color: #f8bb49;
	text-decoration: none;
}
a:hover{
	color: #f8bb49;
	text-decoration: underline;
}
img {
  border: none;
}
h1 {
	color: #CCCCCC;
	font-weight: normal;
	font-size: 24px;
}
#container {
	width: 984px;
	padding: 0 3px 0 3px;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(/images/containBG.jpg);
	background-repeat: no-repeat;
}
#header {
	padding: 6px 25px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 84px;
}
#header img{
	margin: 0 0 0 80px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0;
	float: left;
	border: none;
}
.globalMenu {
	float: right;
	padding: 6px 30px 0 0;
	text-align: right;
 	color: #aaa;
	font-size: 11px;
}
.globalMenu p{
	padding: 0 5px 0 0;
}
.globalMenu a{
	color: #ccc;
	text-decoration: none;	
}
.globalMenu a:hover{
	color: #fff;
	text-decoration: underline;	
}
.globalMenu #search {
	margin-left: 15px;
	float: right;
}
.globalMenu #search input {
	background:transparent url(/images/searchBG.png) no-repeat scroll 0 0;
	border:none;
	height: 25px;
	padding-top: 5px;
	padding-left: 10px;
	color:#444444;
	width:166px;
	float:left;
}
.globalMenu #search input:focus, #search input:hover, #search button:focus, #search button:hover {
	background:transparent url(/images/searchBG.png) no-repeat scroll -200px 0;
}
.globalMenu #search button {
	background:transparent url(/images/searchBG.png) no-repeat scroll -176px 0px;
	border:none;
	padding:0px 0px 0px 0px;
	height:25px;
	width:24px;
	float:left;
}
#search button:focus, #search button:hover {
	background:transparent url(/images/searchBG.png) no-repeat scroll -378px 0px;
	padding-left: 10px;
	color:#fff;
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#leftColumn {
	float: left;
	width: 175px;
	padding: 0 10px 0 0;
}
#rightColumn {
	float: left;
	padding: 0 0 0 15px;
	width: 735px;
	border-left: 1px solid #555;
}
/* newsletter styles*/
#newsContain {
	border: 1px solid #4c4c4c;
	background-color: #000;
	background-image: url(/images/newsitemBG.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0 10px 10px 10px;
	margin: 10px 0 10px 0;
}
#newsContain h2{
	font-weight: normal;
}
#storyFooter{
	color: #999;
}
/* footer styles */
.footer {
	text-align: center;
	width: 950px;
	margin-top: 15px;
	padding: 10px 0 10px 0;
	 /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: solid 1px #555;
}
.footer ul{
	margin: 0;
	padding: 0;
}
.footer li{
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.footer .socialmedia {margin-top:15px;}
.footer .socialmedia li{display:inline;line-height:26px;border:none;}
.footer .socialmedia li a{padding:5px 5px 5px 30px;}
.footer .socialmedia .vimeo{background:url(/images/icons/vimeo.jpg) no-repeat left;}
.footer .socialmedia .facebook{background:url(/images/icons/facebook.jpg) no-repeat left;}
.footer .socialmedia .linkedin{background:url(/images/icons/linkedin.jpg) no-repeat left;}
.footer .socialmedia .twitter{background:url(/images/icons/twitter.jpg) no-repeat left;}
.footer .socialmedia .flickr{background:url(/images/icons/flickr.jpg) no-repeat left;}
.footer .socialmedia .blogger{background:url(/images/icons/blogger.jpg) no-repeat left;}

/* Sliding Navigation Bar LEFT COLUMN styles */
#navigation-block {
	position:relative;

}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 20px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 128px;
	padding: 5px 18px;

}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	font-size: 13px;
	background:#555 url(/images/heading_bg.jpg) repeat-y left;
	font-weight: normal;
	border-bottom: 1px solid #121212;
}

ul#sliding-navigation li.sliding-element a
{
	color: #f8bb49;
	background:#333 url(/images/tab_bg.jpg) repeat-y left;
	font-size: 12px;
	height: 20px;
	text-decoration: none;
	border-bottom: 1px solid #121212;
}

ul#sliding-navigation li.sliding-element a:hover { 
	color: #f8bb49;
	text-decoration: underline;
}
ul#sliding-navigation li.sliding-element a:active {
	outline: none; 
}
/*accordion style*/
.basic  {
	width: 100%;
	border: 1px solid #555;
}
.basic div {
	background-color: #aaa;
	color: #111;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:9px;
	margin-top: 0;
	text-decoration: none;
	
	font-size: 13px;
	color: #ddd;
	background-color: #333;
	border-top: 1px solid #222;
	
	background-image: url("/images/accord_on.gif");
}
.basic a:hover {
	color: #f8bb49;
	background-image: url("/images/accord_off.gif");
}
.basic a.selected {
	color: #f8bb49;
	background-image: url("/images/accord_off.gif");
}
/*base product bar on homepage*/
.baseBar {
	height:  92px;
	width:   970px;
	padding: 0;
	margin-top: -8px;
	margin-left: -12px;
	background-image: url(/images/baseBarBG.jpg);
	background-repeat: no-repeat;
}
.baseBarMid {
	float: left;
	color: #000;
	width: 510px;
	font-size: 11px;
	padding: 10px 0 0 0;
}
.baseBarMid h2{
	color: #666;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.baseBarRt {
	float: left;
	width: 110px;
	padding: 10px 0 0 20px;
}

/*fading pictures for homepage*/
.pics {
	height:  319px;
	width:   980px;
	padding: 0;
	margin-top: 3px;
	margin-left: -13px;
} 
 
.pics img {  
    background-color: #000;  
    width:  970px; 
    height: 309px; 
    top:  0; 
    left: 0; 
} 
/*sliding pictures for homepage*/
.pics2 {  
    float: left;
	height:  87px;  
    width:   275px;  
    padding: 0;
} 
 
.pics2 img {  
    border: none;   
    width:  290px; 
    height: 80px; 
	padding: 7px 0 0 0;
} 
/*tooltip code*/
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty {
	color: #000;
	border: none;
	width: 120px;
	padding: 15px;
	height: 40px;
	background: url('/images/tipshadow.gif');
}
#tooltip.pretty h3 {
	color: #000;
	font-size: 10px;
	font-weight: normal;
	width: 120px;
	text-align: center;
}
#tooltip.pretty div { width: 120px; text-align: left; }

.hidden {
  display: none;
}
#inline-sample-content {
  padding: 10px;
}
.clr {
	clear: both;
}

/*dropmenu navigation*/
#navMenu {
	height: 32px;
	background: url(/images/navBG.png) no-repeat;
	padding-left:45px;
}
#nav, #nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none; 
	z-index: 1000;
	list-style-position:outside;
	line-height: 30px;
}
#nav a {
	display: block;
	padding:0px 5px;
	color: #333;
	text-decoration: none;
}
#nav a:hover {
	color: #666;
	text-decoration: underline;
}
#nav li {
	float: left;
	color: #333333;
	display: inline;
	padding-right: 6px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	margin-bottom: -1px;
	font-size: 13px;
	text-transform: uppercase;
}
#nav li.last{border:none;}
#nav li ul {
	position: absolute;
	margin: -3px 0 0 0;
	width: 10em;
	left: -999em;
}


#nav li li {
	background-color: #333333;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	margin-top: -1px;
	font-size: 13px;
	text-transform: none;
	width: 170px;
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
}
#nav li li a{
	height: 30px;
	width: 160px;
	display: block;
	float: left;
	text-transform: none;
	text-decoration: none;
	color: #ccc;
}
#nav li li a:hover{
	text-decoration: none;
	color: #f8bb49;
}
#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {
	margin: 0 0 0 10em; 
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
} 
/*IE7 fix*/
#nav li:hover, #nav li.hover {
    position: static;
}
/* images in the menu system */
.arrow{
	background-image: url(/images/icons/sub_arrow.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
.pdf{
	background-image: url(/images/icons/pdf.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
.photos{
	background-image: url(/images/icons/pics.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
.docs{
	background-image: url(/images/icons/docs.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
.docspics{
	background-image: url(/images/icons/docspics.gif);
	background-repeat: no-repeat;
	background-position: right 6px;
}
/*Species Benefits styles*/
#species {

}
#species .exotic {
	width: 600px; height: 45px;
	border: 1px solid #666;
	padding: 45px 0 0 322px; margin: 3px 0 3px 0;
	background-image: url(/images/species/exotic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#species .bovine {
	width: 600px; height: 45px;
	border: 1px solid #666;
	padding: 45px 0 0 322px; margin: 3px 0 3px 0;
	background-image: url(/images/species/bovine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#species .domestic {
	width: 600px; height: 45px;
	border: 1px solid #666;
	padding: 45px 0 0 322px; margin: 3px 0 3px 0;
	background-image: url(/images/species/domestic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#species .equine {
	width: 600px; height: 45px;
	border: 1px solid #666;
	padding: 45px 0 0 322px; margin: 3px 0 3px 0;
	background-image: url(/images/species/equine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#species .swine {
	width: 600px; height: 45px;
	border: 1px solid #666;
	padding: 45px 0 0 322px; margin: 3px 0 3px 0;
	background-image: url(/images/species/swine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#species a{
	color: #fff;
}
#species .bovine:hover, #species .equine:hover, #species .domestic:hover, #species .swine:hover, #species .exotic:hover{
	border: 1px solid #f8bb49;
	color: #f8bb49;
}
/*Products pages styles*/
.Prod {
	height:  400px;
	width:   530px;
	padding: 20px 0 0 450px;
	margin-top: 5px;
	margin-left: -13px;
	background-image: url(/images/products/prodBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#productWrap {
  	min-height:460px;
 	height:auto !important;
 	height:460px;
	width:   530px;
	padding: 20px 0 0 0;
	margin-top: 5px;
	margin-left: -13px;
	background-image: url(/images/products/prodBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.Prod img {
	padding: 0;
	margin: 0;
	border: none;
}
.Prod h2{ font-size: 15px;}
.Prod h3{ font-size: 14px;}
.Prod h2, .Prod h3 {
	padding: 0 20px 0 30px;
	margin: 3px 0 0 0;
	border: none;
}
.Prod p {
	padding: 10px 20px 0 30px;
	margin: 0;
	border: none;
}
.Prod a{
	font-size: 14px;
	font-weight: bold;
}
.productimg{
	float: left;
	margin: 48px 0 0 20px;
	padding: 0; 
}
s
/* Styles for Tabset */
#tabwrap {
	margin: 10px 0 0 0px;
	width:549px;
	}
#tabnav a, #tabnav a:active, #tabnav a:visited {
	height: 50px;
	width: 173px;
	padding: 6px 0 6px 10px;
	_padding: 6px 0 6px 8px;
	color:#fff;
	z-index: 25;
	text-decoration:none;
	outline:none;
	background-image: url(/images/products/tab_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	float:left;
	text-decoration:none;
	outline:none;
	
	}
#tabnav a.selected, #tabnav a.selected:active, #tabnav a.selected:visited {
	z-index: 100;
	height: 50px;
	width: 173px;
	padding: 6px 0 6px 10px;
	color:#f8bb49;
	text-decoration:none;
	outline:none;
	background-image: url(/images/products/tab_selected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	}
#tabnav a.selected h1, #tabnav a.selected:active h1, #tabnav a.selected:visited h1{
	color: #fff;

}
#tabnav h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.hiddencontent {

	z-index: 50;
	padding:12px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-image: url(/images/species/sb/bgcolor.gif);
	display:none;
	}
.locationlist{float:left;width:300px;padding:0 10px;}
.maparea{width: 615px; height: 400px; margin: 10px 0 0 20px;float:left;}
.scroll-pane{height:350px;overflow:auto;}
.scroll-pane ul{margin: 0 ; padding: 0;}
.scroll-pane li{list-style-type:none;background: url(../gmap/images/icon.png) top left no-repeat;margin:10px 0;padding: 0 0 0 25px;}

.distinfo img, .distinfo p{float:left;}
.distinfo p{width:350px;margin-left:15px;}
.distinfo img{padding: 1px;border:5px solid #333;}
a.becomedist{display:block;background:url(../gmap/images/becomedist.jpg) top left no-repeat;text-align:left;height:28px;line-height:28px;color:#333;padding-left:42px;font-weight:bold;margin-left:25px;}
a.becomedist:hover{text-decoration:none;color:#f8bb49;}


/* BEGIN Styles for 3 Column Bottom Bar */
.bottomBar{color:#333;text-align:left;font-family:arial;font-size:11px;margin:0;padding:0;height:150px;}
.bottomBar a{color:#333;font-size:16px;font-family:Arial;font-weight:bold;}
.bottomBar h3{margin:10px 0 0 0;padding:0;color:#333;text-align:left;font-weight:bolder;font-size:16px;line-height:16px;}

.leftColumn,.middleColumn,.rightColumn{height:147px;float:left;}
.leftColumn > div,.middleColumn > div,.rightColumn > div{float:left;}

.leftColumn .leftElement,.rightColumn .leftElement{width:15px;height:100%;background:url('../images/whitebox.png') no-repeat left center;}
.leftColumn #leftIbexImage{float:right;position:relative;top:-73px;right:-10px;}
.leftColumn #productLink:hover{text-decoration:none;}
.leftColumn #nextArrow{float:left;}

.leftColumn .rightElement,.rightColumn .rightElement{width:15px;height:100%;background:url('../images/whitebox.png') no-repeat right center;}
.rightColumn{text-align:center;}
.rightColumn p{text-align:left;margin:0;}
.rightColumn #imageGallery{vertical-align:bottom;}
.rightColumn #photoGalleryLink:hover{text-decoration:none;}
.rightColumn a{top:-3px;position:relative;}

.leftColumn .centerElement,.rightColumn .centerElement{width:250px;height:100%;background:white;}
.middleColumn{margin:0;}
.middleColumn a{vertical-align:top;}
.middleColumn img{vertical-align:top;position:relative;top:-1px;}
/* END Styles for 3 Column Bottom Bar */

/*BEGIN Styles for Ibex Demo Button */
#ibexDemoButton{position:absolute;margin:-3px 0 0 315px;}
/*END Styles for Ibex Demo Button */