/************************************ Start of Rest styles **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, sup{  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn, th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
.clearfix:after { content: ""; display: block; clear: both;}
/************************************ End of Rest styles **********************************/




/************************************ Layout styles **************************************/
body {
	color:#636466;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%; /* 10px */	
	line-height: 1.3;
	background:#fff url(../images/bg_sli.gif) repeat-x 0 0;
}
#wrapperoutter {
	background:url(../images/img_shadow.png) repeat-y 0 0;
	width:867px;
	position:relative;
	margin:24px auto 0 auto;
	
	
	
	}
#wrapper{
	width:847px;
	margin:0px auto;
	position:relative;
	z-index:1000;
	
}

#nav{ 
	width:845px; 
	height:37px; 
	background:#13672f;
}


#col1{
	width:225px;
	padding:17px 0 40px 0;
	float:left;
	min-height:470px;
	height:auto !important;
    height:470px;

	z-index:1;
}
#breadcrum{
	margin:20px 0;
	position:relative;

	
}

#col2{
	width:615px;
	float:left;
	padding-bottom:50px;

}

#bottomshadow  {
	background:url(../images/shadow_bottom.gif) no-repeat 0 0; 
	float:left;
	height:33px;
	width:867px;
	margin-left:-1px;
	position:relative;
	} 

#footer{
	float:left;
	width:100%;
}

/************************************ End of Layout styles **************************************/

/************************************ Fonts styles **************************************/
h1 {font-size:1.8em; color:#13672f; font-weight:bold; margin-top:20px; margin-bottom:10px;}
h2 {font-size:1.5em;}
h3 {font-size:1.6em; color:#006633; font-weight:bold; background:url(../images/hr_img.gif) no-repeat 0 34px; margin:20px 0 0 0; line-height:36px; height:40px;} 
h4 {font-size:1.5em;  color:#13672f; font-weight:bold; margin:15px 0px 7px 0;}
h5 {font-size:1.3em;}
h6 {font-size:1.2em;}

p { font-size:1.3em; color:#333333; width:90%; line-height:1.5em;}
a { font-weight:bold; text-decoration:none; color:#006633;}
sup { line-height:0.5em;}
/************************************ End of Fonts styles **************************************/

/************************************ breadcrum styles **************************************/


#breadcrum {  color:#1bac4d; position:relative;}
#breadcrum a { color:#1bac4d; text-decoration:none; font-size:1.4em;}
#breadcrum a:hover { text-decoration:underline;}

#breadcrum a.shopBt, .homeSPlit2 a.shopBt { background:url(../images/buyOnline_but.gif) no-repeat -119px 0; height:28px; width:117px; display:block; float:right; text-decoration:none; margin-right:25px; position:relative; z-index:1000;}
#breadcrum a.shopBt:hover, .homeSPlit2 a.shopBt:hover { background-position:0px; text-decoration:none;}
.homeSPlit2 a.shopBt, #breadcrum a.shopBt, { position:absolute; right:0px; top:0px; display:block; z-index:2500;}
/************************************ col1 styles **************************************/
#col1 img {
	margin:20px 0 0 27px;
}
.homeSPlit1 { 
	width:385px;
	float:left;
	position:relative;
	z-index:200;
}
.homeSPlit1 p {
	width:97%;
	
	}
.homeSPlit1 ul, .homeSPlit1 ul li { 
	font-size:12px!important;
	line-height:18px!important;
	width:100%;
	margin-bottom:5px;
}	
.homeSPlit1 ul { margin-left:0px!important; padding-left:20px;}
.homeSPlit2 {
	background:#fdfdfd url(../images/right_cl_bg.gif) no-repeat 0 0; 
	width:224px;
	float:left;
	position:relative;
	z-index:200;
	padding-bottom:30px;
	
}

p.shop { 
	color:#13672f; 
	font-size:11px; 
	width:100%; 
	font-weight:bold; 
	margin:22px 0 0 21px; 
	line-height:22px;
	position:relative;
}
.social {
	background:#13672f;
	margin :20px 0 0 15px;
	padding:10px;
}
.social h2 {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	
}
.social p {
	font-size:10px;
	color:#FFF;
}
.twitr { background:url(../images/social_btn.gif) no-repeat 0 -25px; display:block; width:97px; height:24px; display:inline-block;} 
.faceb { background:url(../images/social_btn.gif) no-repeat -100px -25px; display:block; width:89px; height:24px; display:inline-block;} 
.twitr:hover { background-position: 0 0;}
.faceb:hover { background-position: -100px 0;}
#social_pan { position:fixed; top:23px; right:0px;}
#social_pan .twitr { background:url(../images/social_side.gif) no-repeat -24px -93px; display:block; height:97px; width:25px; display:inline-block; float:left;  clear:both; margin-bottom:5px;} 
#social_pan .faceb { background:url(../images/social_side.gif) no-repeat -24px -1px; display:block; height:89px; width:25px; display:inline-block; float:left; clear:both;} 
#social_pan .twitr:hover { background-position: 1px -93px;}
#social_pan .faceb:hover { background-position:  1px -1px;}

.lNews  {
	background:url(../images/news-Icon.gif) no-repeat 0 0;
	padding-left:35px;
	margin:0 0 0 25px;
	}

.lNews h3 {
	color:#333333;
	border:none;
	font-size:14px;
	height:auto;
	line-height:17px;
}
.lNews p a
{
	color:#17af4b;
	font-size:14px;
	height:auto;
	line-height:17px;
}
.lNews p a:hover { text-decoration:underline;}
.pdfpprod { background:url(../images/pdf_icon.gif) no-repeat 0 5px; margin-left:25px; margin-top:15px; padding-left:40px; padding-bottom:200px; position:relative;}
html>body .pdfpprod { background:url(../images/pdf_icon.gif) no-repeat 0 10px;}
.pdfpprod1 { background:url(../images/pdf_icon.gif) no-repeat 0 0px; margin-left:25px; margin-top:15px; padding-top:5px; padding-left:40px;  padding-bottom:200px; position:relative;}
.pdfpprod  h3 { border-bottom:0px; font-size:12px; height:auto; background:none; margin-top:0px;}
.pdfpprod  a, .pdfpprod1 a { color:#1bad4b; font-size:12px;}
.pdfpprod  a:hover, .pdfpprod1 a:hover { text-decoration:underline;}
.readmore { border-bottom:1px dotted #1BAC4D; padding-bottom:5px; font-weight:normal;}
.readmore a { font-weight:normal;}
html>body #.email { margin-left:15px!important; margin-top:20px;}
html>body .mc-field-group { margin-left:5px!important;}
html>body .ie7fix { margin-left:-10px!important;}
/************************************ Panel styles  **********************************/
.panel { 
	height:90px;
	width:175px;
	background:url(../images/box_background.gif) no-repeat 0 0;
	margin-left:20px;
	position:relative;
	}
	
.panel img {
	padding:8px 21px;
	margin:6px 7px;
	}
.imageBackground {
	background:url(../images/new.jpg);
	bottom:11px;
	height:208px;
	position:absolute;
	right:25px;
	width:819px;
	}
.imageBackground1 {
	background:url(../images/new1v.jpg) no-repeat -20px 18px;
	bottom:11px;
	height:208px;
	position:absolute;
	right:11px;
	width:819px;
	}
.subpage {
	background:url(../images/img_subpage_bgpic.gif) no-repeat bottom right;
	bottom:11px;
	position:absolute;
	right:12px;
	width:312px;
	height:83px;
	}
.panel a  { color:#13672f; text-align:center; font-size:1.2em; text-decoration:none; display:block; cursor:pointer; height:65px; width:145px;
	
}
.panel a span { display:none;}
.panel a:hover span { 
display:block;
background:white none repeat scroll 0 0;
display:block;
float:left;
left:15px;
position:absolute;
top:15px;	
height:65px; width:145px;

						}
.spray a  {
	height:90px;
	width:175px;
	background:url(../images/logo_spray.gif) no-repeat 24px 12px;
	}
.spray span {
	height:90px;
	width:175px;
	background:url(../images/logo_spray.gif) no-repeat 24px 12px;
	display:block;
	}
.paneltext img { margin-top:0px!important;} 	

.spray a:hover { background:url(../images/hover_txt1.gif) no-repeat 12px 12px;}
.spray a.txt { background:url(../images/hover_txt1.gif) no-repeat 12px 12px;}

.protect a  {
	height:90px;
	width:175px;
	background:url(../images/logo_protect.gif) no-repeat 24px 12px;
	}
.protect span  {
	display:block;
height:90px;
width:175px;
background:url(../images/logo_protect.gif) no-repeat 24px 12px;
}
.protect a:hover { background:url(../images/hover_txt2.gif) no-repeat 12px 12px;}
.protect a.txt { background:url(../images/hover_txt2.gif) no-repeat 12px 12px;}

.breathe a  {
	height:90px;
	width:175px;
	background:url(../images/logo_breathe.gif) no-repeat 24px 12px;
	}
	.breathe span  {
		display:block;
	height:90px;
	width:175px;
	background:url(../images/logo_breathe.gif) no-repeat 24px 12px;
	}
.breathe a:hover { background:url(../images/hover_txt3.gif) no-repeat 12px 12px;}
.breathe a.txt{ background:url(../images/hover_txt3.gif) no-repeat 12px 12px;}

.stable a  {
	height:90px;
	width:175px;
	background:url(../images/logo_stable.gif) no-repeat 24px 12px;
	}
.stable span  {
	height:90px;
	width:175px;
	background:url(../images/logo_stable.gif) no-repeat 24px 12px;
	display:block;
	}
.stable a:hover { background:url(../images/hover_txt4.gif) no-repeat 12px 12px;}
.stable a.txt {background:url(../images/hover_txt4.gif) no-repeat 12px 12px;}

.habitat a  {
	height:90px;
	width:175px;
	background:url(../images/logo_habitat.gif) no-repeat 24px 12px;
	}
.habitat span  {
	display:block;
	height:90px;
	width:175px;
	background:url(../images/logo_habitat.gif) no-repeat 24px 12px;
	}
.habitat a:hover { background:url(../images/hover_txt5.gif) no-repeat 12px 12px;}
.habitat a.txt { background:url(../images/hover_txt5.gif) no-repeat 12px 12px;}


.p_protect a  {
	height:90px;
	width:175px;
	background:url(../images/logo_pet_protect.gif) no-repeat 24px 12px;
	}
.p_protect span  {
	display:block;
	height:90px;
	width:175px;
	background:url(../images/logo_pet_protect.gif) no-repeat 24px 12px;
	}
.p_protect a:hover { background:url(../images/hover_txt2.gif) no-repeat 12px 12px;}
.p_protect a.txt { background:url(../images/hover_txt2.gif) no-repeat 12px 12px;}

.p_breathe a  {
	height:90px;
	width:175px;
	background:url(../images/logo_pet_breath.gif) no-repeat 24px 12px;
	}
.p_breathe span  {
	display:block;
	height:90px;
	width:175px;
	background:url(../images/logo_pet_breath.gif) no-repeat 24px 12px;
	}
.p_breathe a:hover { background:url(../images/hover_txt3.gif) no-repeat 12px 12px;}
.p_breathe a.txt { background:url(../images/hover_txt3.gif) no-repeat 12px 12px;}


#bottomshadow img {
		bottom:10px;

		position:absolute;
		left:40px;

}
/************************************ Footer styles  ***********************************/
#footer p { text-align:center; margin:0px 0 10px 0; width:100%;	}
#footer p a { color:#006633; text-decoration:none;}

#footer p strong { color:#4abd71; font-weight:bold;}

/************************************ General styles  **********************************/
.clear        { clear:both; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.last 		  { margin:0px;}
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }
.largertext { font-size:16px;}
.hide{ /* Hide stuff without resorting to display:none; */
	visibility:hidden;
	width:0!important;
	height:0!important;
	line-height:0!important;
	padding:0!important;
	margin:0!important;
}
.lgGreen {
	width:521px;
	height:94px;
}
.lgGreen.pets { background:url(../images/green_text_pets.gif) no-repeat 0 0;}
.lgGreen.equine { background:url(../images/green_text_Equine.gif) no-repeat 0 0;}
.lgGreen.poultry { background:url(../images/green_text_Poultry.gif) no-repeat 0 0;}
.lgGreen.pLs { background:url(../images/green_text_PigsLivestockSmallholder.gif) no-repeat 0 0;}
/************************************ End of General styles  ******************************/


/* NAV STYLES */
/* ----------- */
#nav {

}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:660px;
	margin:0 auto;
	z-index:10000;
}
#nav ul li {
	
	position: relative;
	float: left;
	z-index:10001;
}
#nav ul li a, #nav ul li span {
	display: block;
	cursor: pointer;
	background:url(../images/img_nav.gif) repeat-x 0 0;
	padding: 0em 1em;
	color: #FFF;
	text-decoration: none;
	line-height:37px;
	height:37px;
	vertical-align:middle;
	font-size:1.3em;
	font-weight:bold;
	float:left;
	
}
#nav ul li span { cursor:default;}
#nav ul li a:hover, #nav ul li a:focus, #nav ul li span:hover {
	background-color: #33C;
	color: #FFF;
	background:url(../images/img_nav_hover.gif) repeat-x 0 0;
}

/*SUB MENU STYLES*/
/*---------------*/
#nav ul li ul {
	position: absolute;
	left: 0;
	top:40px;
	width: 176px;
	display: none;
	margin-top:-4px;
	background-color:#d7e5dc;
	 border-left:1px solid #13672f;
	 border-right:1px solid #13672f;
}
#nav ul li:hover ul {
	display: block;
}
#nav ul li ul li {
	float: none;
	border-bottom:none;
	height:28px;
}
#nav ul li ul li a {
	 background:#d7e5dc; 
	 color:#13672f; 
	
	 border-bottom:1px solid #13672f; 
	 width:150px; 
	 height:27px; 
	 line-height:27px;
	 float:left;
}
#nav ul li ul li a:hover {
	background:#13672f!important; color:#fff;
	 padding-top:0px;
	 padding-bottom:0px;
	  height:27px; 
	 line-height:27px;
}
#nav ul li ul li span { 
position:relative;
top:-5px;}
#nav ul li ul span { 
position:relative;
top:-5px;}
ul.subnav { position:relative; margin-top:10px; display:block;}
#nav ul img { float:left;}

#col2 ul { list-style:disc; margin:15px 0 20px 20px;}
#col2 ul li { color:#333333;
font-size:1.3em;
width:90%;
vertical-align:middle;
line-height:1.5em;

}
#col2 ul#portfolio li { width:100%;}
#col2 ol { list-style:decimal; margin:15px 0 20px 20px;}
#col2 ol li { color:#333333;
font-size:1.3em;
width:90%;
vertical-align:top;
line-height:1.5em;

}

#col2 ol li ul li { color:#333333;
font-size:13px;
width:90%;
vertical-align:top;
line-height:1.5em;
}

.imgright { float:right; padding:5px 0 10px 10px}
.imgleft 
{ float:left; padding:5px 10px 0  10px}
/************************************ Field Results **********************************/

.quote { 
	background:url(../images/quote_sli.jpg) repeat-y 0 0; 
	width:491px; 
	display:block;
}
.quote.version1 {
	margin-left:40px;
	
}
.quote em { 
	background:url(../images/quote_top.jpg) no-repeat 0 0; 
	font-size:13px; 
	width:451px; 
	display:block; 
	padding:17px 20px 0 20px;
}
.quote span { 
	background:#ffffff url(../images/quote_bottom1.jpg) no-repeat 0 0; 
	width:491x; 
	display:block; 
	padding-top:38px; 
	color:#333333; 
	font-size:13px;
	padding-bottom:20px;
}
.quote.version1 span { 
	background:#ffffff url(../images/quote_bottom2.jpg) no-repeat 40px 0; 
	margin-left:-40px;
	width:531px;
}

#col2 #portfolio ul li { width:100%;}


/************************************ From styles  **********************************/
form fieldset {
  background:transparent url(../images/hr_img.gif) no-repeat scroll 0 5px;
  color:#006633;
  font-size:13px;
  margin-top:20px;
  }
form  legend {
  padding: 0 2px;
  font-weight: bold;
  padding-bottom:10px;
  
  color:#006633;
}
form  label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  color:#1BAC4D;
  font-size:13px;
  text-align:right;
  padding-right:7px;
}

form  label.qty {
	text-align:left;
	width:80px;
	
}

form input {
	border:1px solid #006633;
	height:18px;
	line-height:15px;
	padding-left:5px;
	padding-top:4px;
	width:275px;
}

form input.checkbox {
	width:50px;
	border:none;
}

form input.qty {
	border:1px solid #006633;
	height:18px;
	line-height:15px;
	padding-left:5px;
	padding-top:4px;
	width:55px;
}
form input.submit, .submit_box {
	background-color:#006633;;
	width:112px;
	height:34px;
	color:#FFF;
	padding-top:0px;
}

form input.submit_hover {
	background-color:#006633;;
	width:112px;
	height:34px;
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
	padding-top:0px;
	
}

form  fieldset ol {
  margin: 0;
  padding: 0;
}
form  fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form  fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form  fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form  fieldset fieldset label {
  display: block;
  width: auto;
}
form  em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form  label {
  width: 123px; /* Width of labels */
}
form  label.double {
  width: 90%; /* Width of labels */
  text-align:left;
}
form  fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
.order label {
  text-align:left;
  width:75px;
}
.order span input {
	width:35px;
}
.order span select {
	margin:0 50px;
	
}
span.size {
	color:#1BAC4D;
display:inline-block;
font-size:13px;
line-height:30px;
padding-right:7px;
text-align:left;
vertical-align:top;
margin:0 40px 7px 0;
	}
	
span.price {
	color:#1BAC4D;
display:inline-block;
font-size:13px;
line-height:30px;
padding-right:7px;
text-align:left;
vertical-align:top;
margin:0 40px 7px 0;

}

span.quant {
	color:#1BAC4D;
display:inline-block;
font-size:13px;
line-height:1.8;
padding-right:7px;
text-align:left;
vertical-align:top;
}

span.quant input { margin-bottom:7px; width:55px;}

.spacer { width:230px; display:block; float:left;}
.green {color:#006633;}

.smaller { font-size:90%;}

.twit { margin-bottom:-8px; margin-left:6px;}



/***** slider style ***/

.coda-slider-wrapper {
height:227px;
overflow:hidden !important;
padding:6px 0 0 8px;
position:relative;
width:648px;
}
.coda-slider {
}
.coda-slider-no-js .coda-slider {
height:200px;
overflow:hidden !important;
padding-right:20px;
}
.coda-slider, .coda-slider .panel {
width:644px;
}
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
width:644px;
background:none;
height:auto;
margin-left:0px;
width:auto;
}

.coda-slider .panel img {
	margin:0px;
	padding:0px;
	
}
.coda-slider-wrapper.arrows .coda-slider {
}
.coda-nav-left a, .coda-nav-right a {
display:none;
}
.coda-nav ul li a.current {
background:none repeat scroll 0 0 #3399CC;
}
.coda-slider {
}
.coda-slider p.loading {
padding:20px;
text-align:center;
}
.coda-nav ul {
display:none;
}
.coda-slider-wrapper {
clear:both;
overflow:auto;
margin:20px 0 0 -20px;
}
.coda-slider {
float:left;
overflow:hidden;
position:relative;
width:617px !important;
}
.coda-slider .panel {
display:block;
float:left;
}
.coda-slider .panel-container {
overflow:hidden;
position:relative;
}
.coda-nav-left, .coda-nav-right {
display:none;
}
.coda-nav-left a, .coda-nav-right a {
display:block;
text-align:center;
text-decoration:none;
}
.boarder {
left:0;
position:absolute;
top:0;
}

#portfolio  { margin:0px!important; list-style:none!important; padding:7px 0 0 7px;}


