/************************************ 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;
	
}

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


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

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

	
}

#col2{
	width:585px;
	float:left;
	padding-bottom:75px;

}

#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.6em;}
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.4em;}
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;}
#breadcrum a { color:#1bac4d; text-decoration:none; font-size:1.4em;}
#breadcrum a:hover { text-decoration:underline;}

/************************************ col1 styles **************************************/
#col1 img {
	margin:20px 0 0 27px;
}

/************************************ 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/new1.jpg);
	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 {
	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 a:hover, #nav ul li a:focus {
	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:top;
line-height:1.5em;

}
#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;
}
/************************************ 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;
}

/************************************ 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;}