body {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	background: #fff url(../img/grad-bg.gif) repeat-x top center ;
	}
	
.spacer {
clear: both;
}
img {
	border: 0;
	}
	
#maincontent img {
	border: 0;
	margin: 0;
	}
	
#sidebar img {
	border: 0;
	margin: 0;
	}

.imagefloatright {
float: right;
margin: 5px 0 5px 5px;
padding: 0;
}



.imagefloatleft {
float: left;
padding: 5px 10px 5px 0;
margin: 0;
}

.imagefloatright p {
font-size: 100%;
font-weight: normal;
color: #AA4A9B;
margin-left: 10px
}

/* PAGE STRUCTURE */

#wrap {
	margin: 0 auto;
	padding: 0 15px 15px 15px; 
	width: 930px;
	background: #fff;
	}
#header {
	width: 930px;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 0;

	}

#image {
	color: #000;
	width: 763px;
	float: left;

	}
#contentwrap { 
	width: 930px;
	clear: both;
	padding: 0;
	margin: 2em 0;
	min-height: 350px;
	}

#maincontent { 
	color: #333;
	margin-left: 15px;
	padding: 0;
	width: 500px;
	float: left;
	}
#maincontent table th{ 
    color: #fff;
   
    }
#maincontenthome { 
	color: #333;
	margin: 0;
	padding: 0;
	width: 930px;
	float: left;
	}

#sidebar { 
	float: left;
	padding: 0;
	margin: 0;
	width: 180px;
	min-height: 350px;
	}
#sidebar-rh { 
	float: right;
	padding: 0;
	margin-left: 0;
	width: 200px;
	}
#footer { 
	width: 930px;
	clear: both;
    padding-top: 1.5em;
    text-align: center;
}

#footer a {
    text-decoration: underline;
    color: #004e27;
       font-weight: bold;
         padding-right: 1.5em;
    }


#maincontentwide { 
	color: #333;
    margin-left: 15px;
    
    padding: 0;
	width: 735px;
	float: left;
	}

#maincontentxwide { 
	color: #333;
    margin-left: 15px;
    margin-top: 15px;
	width: 930px;
	float: left;
	}

#maincontentscience { 
	color: #333;
	margin: 25px 0 2em 0px;
	padding: 0;
	width: 930px;
	float: left;
	}
#maincontentsub { 
	color: #333;
	margin: 25px 0 0 10px;
	padding: 0;
	width: 500px;
	float: left;
	min-height: 470px;
	}

.module { 
	margin-bottom: 25px;
}
#regions {
float: left;
width: 360px;
margin: 2.5em 0 0 0;
padding: 0;
	clear: both;

}

#holder {
	width:310px;
margin: 0;
padding: 0;
	float: right;
}

#links {
margin: 0;
clear: both;
}

#links img {
margin: 0 0 0 15px;
}



/* PRODUCT RANGE */

.productrange h3 {
background: #006227;
color: #fff;
margin-bottom: 10;
padding: 0;
font-size: 110%;
float: left;
width:100px;

}
.productrangeheader {
background: #006227;
color: #fff;
margin: 0;
padding: 0;
font-size: 110%;

}
.deliveryheader {
background: #006227;
color: #fff;
margin: 0;
padding: 0;
font-size: 110%;
FONT-SIZE: 8pt;

    font-weight: 900 ;

}
.productrange {
margin: 0;
padding-bottom: 5px;

}

.product-holder {

margin-left: 3px;
position:relative;
text-align:center;
width: 120px;
float: left;
}

.product-thumbnail {
margin: 0;
padding: 0;
width: 120px;

}
.range-thumbnail {
margin: 0;
padding: 0;

    width:310px;
}
.rangedescimage
{
    float:left;
    width: 310px;
}
.product-button {

float:left;
       width:100px;
     ;
 
}
.range-button {
margin-top: 15px;
margin-left: 5px;
padding: 0;
float:right;
width:100px;
   
}
.product-shortdescription {
font-size: 80%;
margin: 0;
padding: 0;
text-align: center;
width: 120px;

}
.basket-shortdescription {
font-size: 80%;
margin: 0;
padding: 0;
text-align: center;
width: 120px;

}

.range-shortdescription {
font-size: 80%;
margin: 0;
padding: 0;
text-align: left;
width: 300px;
margin-top:15px;


}
.rangedetail   {
    width:615px;
   clear:both;
        margin-top:10px;
            margin-bottom:10px;
         
        
            

}
.product-row {

border: 5px solid #006227;
vertical-align:middle;
}

.basket-price-joints {
    color: #006227;
    font-weight: 900 ;
    font-size:1.0em;
}
.price-plusvat {
font-size: 80%;
margin: 0;
padding: 0;
text-align: left;
}
/* tabs - consistant */

.productdetail   {
    width:390px;
    float:left;

}
.productprice   {
    float:left;
    margin-left:30px;
       width:160px;
    
 
}
.rangeprice   {
    float:left;
    margin-left:18px;
    padding-bottom:10px;
       
       
      
        
 
}

.productpricedetail   {
    float:left;
        margin-top:15px;
       
    
}
.rangepricedetail   {
    float:left;
    margin-top:15px;
    height:35px;
     
    
}
.rangenewline   {
    clear:both;
     
    
}

.productdetail img  {
    text-align: center;
}
.search {
    color: #006227;
    font-weight: 900 ;
    font-size:1.0em;
    text-decoration: none;
    position: relative;
    left: 150px;
    float: left;
    
}
.backTo a {
    color: #D3D3D3;
    font-weight: 900 ;
    font-size:1.0em;
    clear : both;
    text-decoration: none;
        margin-bottom: 2em;
}
.backTo  {
    color: #D3D3D3;
    font-weight: 900 ;
    font-size:1.0em;
    clear : both;
    text-decoration: none;
    margin-bottom: 4em;
}
.backTo a hover{
    color: #006227;
    text-decoration: underline;
}
.basket  {
    width:100%;
}
.basket  h3{
    color: #fff;
    width: 100%;
    padding-bottom: 0.3em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   background: #006227;
   font-size:1.5em;
   font-weight: 900 ;
}

.radiobuttons{
    width: 100%;
    padding: 0 0 0 0;
    float: left;
    overflow: auto;
    width: 150px;
 
    
}
.address-left {
margin: 0;
padding: 0;
float: left;

}


.address-right {
margin-left: 30px;
padding: 0;
float: left;

}

.address-top  {
    width:100%;
    border: 1px solid #006227;
}
.address-bottom  {
    width:100%;
    border: 1px solid #006227;
    margin-top:10px;
}
.address-header  {
    color: #fff;
    width: 925px;
    padding-bottom: 0.3em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   margin-right: 30px;
   background: #006227;
   font-size:1.5em;
   font-weight: 900 ;
    float: left;
}
.address-footer {
    width: 100%;
    background: #EEF3E2;
    margin-top: 10px;
    float: left;
    }

.address-label {
width: 350px;
padding: 3px;
}
.address-field {

padding: 0;
}

.login-left {
float: left;
margin-left: 30px;
}
.login-right {
float: left;
}
.login-label {
margin-top: 18px;
}
.receipt 
{
    margin-left: 18px;
    color: #006227;
    font-weight: 900 ;
}
.receipt-below 
{
margin-left: 18px;
margin-top: 5px;
color: #006227;
    clear: both;
}
.receipt-items 
{
margin-left: 178px;
    color: #006227;
}
.login-field {
margin-top: 16px;
margin-left: 5px;
}
.basketshipping{
    width: 220px;
    text-align:left;
    float: left;   
}

.merchants-header  {
    color: #fff;
    width: 925px;
    padding-bottom: 0.3em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   margin-right: 30px;
   background: #0078C1;
   font-size:1.5em;
   font-weight: 900 ;
}
.merchanttableheader  {
    color: #fff;
    width: 925px;
    padding-bottom: 0.3em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   margin-right: 30px;
   background: #0078C1;
   font-size:1em;
   font-weight: 900 ;
}
.merchanttabledetail  
{
    border-bottom: 1px solid #0078C1;
    border-left: 1px solid #0078C1;
    padding-bottom: 0.3em;
   padding-top: 0.3em;
   padding-left: 0.3em;
   margin-right: 30px;
    
}
.message  
{
   padding-top: 30px;
  
    
}
/* UPL PAGE LINKS */

.divider {
	border-bottom: 1px solid #CD9DC7;
		clear: both;
		overflow: auto;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;

}
.divider-bottom {
	border: 0;
	clear: both;
	overflow: auto;

}

/* LINKS */
a {
	text-decoration: underline;
	font-weight: normal;
	color: #004e27;
	}
a:active {
	color:#004e27;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}




/* TYPOGRAPHY */

p {
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 130%;
	color: #333;
	}

h1 {
	color: #004e27;
	font-size: 170%;
	line-height: 1.1em;
	margin: 0 0 0.8em 0;
	font-weight: normal;
	letter-spacing: -.5px;
	}

h2 { /* Main Page subheads */
	font-size: 110%;
	line-height: 1.1em;
	color: #BBAF50;
	margin: 10px 0 .5em 0;
	font-weight: bold;
	padding: 0;

	}
#sidebar-rh h2 { 
	font-size: 110%;
	color: #004e27;
	margin: 0 0 .5em 0;
	font-weight: normal;
	border: 0;
	}


h3 { /*sub heads */
	font-size: 120%;
	margin: 0 0 6px 0;
	font-weight: bold;
	padding: 0;
	}

h4 {
	font-size: 100%;
	line-height: 1.1em;
	color: #004e27;
	margin: 0 0 .5em 0;
	}
h6 {
	font-size: 110%;
	line-height: 1.1em;
	color: #fff;
	margin: 0;
	font-weight: normal;
	background: #F3811F;
	padding: 2px 0 2px 5px;
}
#sidebar p {
	margin: 0 10px 1em 0;
	font-weight: normal;
	font-size: 90%;
	}

.caption {
margin: 1px 10px 20px 0;
font-size: 85%;
font-weight: normal;
}
.zoomcaption {
margin: 1px 10px 8px 0;
font-size: 85%;
font-weight: normal;
text-align:center;
}
.smalltext {
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 100%;
	font-size: 85%;
	color: #333;
	}

.highlight {
color: #AA4A9B;
}

.partner-contact {
font-style:italic;
color: #6CADDF;
}
/* BULLET POINT FORMATTING */


.bullets ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.bullets li {
background-image: url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1em;
margin-bottom: 8px;
list-style-type: none;

}
.bullets {
margin: 0 0 2em 0;
padding: 0;
color: #000;
font-weight: bold;
color: #AA4A9B;

}

/* STANDARD TEXT BULLET POINT FORMATTING */

ul {
	margin-left: 0;
	padding-left: 1em;
	}
li {
padding: 0;
margin: 0;

}
 
/* Quote FORMATTING */

blockquote {
margin: 20px 0;
padding: 0;
color:#666;
font-style:italic;
}
blockquote.quote {
margin: 20px 0;
padding: 0;
color: #AA4A9B;
font-style:italic;
}


/* HEADER CONTENT */

.logo {
	float: left;
	margin: 0;
	}

.c2a {
	float: right;
	margin: 0;
	padding: 0;
	}



/* Home panel Navigation
----------------------------------------------- */


	.joints, .hooves, .breathing, .digestion, .performance, .calming, .vitality, .immunity, .health, .support, .care, .leather, .c-joints, .c-jointcomfort, .c-generalhealth, .c-digestion, .c-temperament, .veterinary_support,.c-shampoo, .c-care {width: 26px; float: left;}
    
    .joints a {display:block; width:26px; background-color: #006227}
    .joints a:hover {background-color: #005020}

    .naturalintx a {display:block; width:26px; background-color: #94c948}
    .naturalintx a:hover {background-color: #94c948}

    .hooves a {display:block; width:26px; background-color: #F3811F}
    .hooves a:hover {background-color: #CA6D21}

    .breathing a {display:block; width:26px; background-color: #1F3C92}
    .breathing a:hover {background-color: #1C357C}

    .digestion a {display:block; width:26px; background-color: #DA1B83}
    .digestion a:hover {background-color: #B91971}
	
	.performance a {display:block; width:26px; background-color: #D3A94A}
    .performance a:hover {background-color: #AF8D3C}

    .calming a {display:block; width:26px; background-color: #0078C1}
    .calming a:hover {background-color: #0B659E}
	
    .vitality a {display:block; width:26px; background-color: #FFDD00}
    .vitality a:hover {background-color: #D8BC11}
	
    .immunity a {display:block; width:26px; background-color: #756149}
    .immunity a:hover {background-color: #5D4D3A}

    .veterinary_support a {display:block; width:26px;height:160px; background-color: #00AEEF}
    .veterinary_support a:hover {background-color: #2B8FBB}


	
    .health a {display:block; width:26px; background-color: #00A650}
    .health a:hover {background-color: #0B8D46}
	
	.support a {display:block; width:26px; background-color: #669900}
    .support a:hover {background-color: #5E7F0D}

    .leather a {display:block; width:26px; background-color: #C12427}
    .leather a:hover {background-color: #AA1D25}

    .care a {display:block; width:26px; background-color: #DA1B83}
    .care a:hover {background-color: #B91971}


/* Main Navigation Bar
----------------------------------------------- */

#mainnav {
clear: both;
padding: 0;
margin: 0;
background-color: #004e27;
width: 930px;
}


#mainnav ul
{
padding: 0;
margin: 0;
background-color: #004e27;
color: #fff;
float: left;
width: 782px;
}

#mainnav ul li {
display: inline;
}

#mainnav ul li a
{
padding: 0.2em .7em;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
text-align: left;

}

#mainnav ul li a:hover
{
background: #80a693 url('/img/active-bg.jpg') repeat-x top center;
}

/* You are here */
body#home .home a,
body#about .about a,
body#contact .contact a,
body#newsevents .newsevents a,
body#fivestarclub .fivestarclub a,
body#yourstory .yourstory a,
body#products .products a {
background: #80a693 url('/img/active-bg.jpg') repeat-x top center;
}


/* Links ot other NAF sites */
.sitelinks {
float: right;
width: 148px;
background-color: #004e27;
padding: 2px 0 1px 0;
}

.c-sitelinks {
float: right;
width: 148px;
background-color: #7e4c3e;
padding: 2px 0 1px 0;
}

.lg-sitelinks {
float: right;
width: 148px;
background-color: #AF121F;
padding: 2px 0 1px 0;
}



/* NAVIGATION */

.submenu {
	width: 180px;
	margin: .3em 0;
	padding: 0;
	font-size: 85%;
	}
.submenu dl {
	padding: 0;
	margin-bottom: 20px;
	}
.submenu dt {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	}
.submenu dd strong {
	color: #004e27;
	}
.submenu dd {
	margin: 0;
	padding: 1px 8px;
	line-height: 100%;
	border-bottom: 2px solid #fff;
	}
.submenu dt a, .submenu dt a:visited {
	color: #fff;
	display: block;
	padding: 2px 8px;
	background: url(arrow.gif) no-repeat 10px 10px;
	width: 164px;
	text-decoration: none;
	}

.submenu dd a, .submenu dd a:visited {
	color: #666;
	padding: 0;
	text-decoration: none;
	}
.submenu dt a:hover, .submenu dd a:hover {
	/* border-left: 2px solid #fff;  */
	text-decoration: underline;
	}

dt.sub-veterinary_support {
  background: #00AEEF;

}


dt.sub-joints {
    background: #006227;
}
dt.sub-naturalintx {
    background: #94c948;
}
dt.sub-hooves {
	background: #F3811F;
}
dt.sub-breathing {
	background: #1F3C92;
}
dt.sub-digestion {
	background: #DA1B83;
}
dt.sub-performance {
	background: #FDB913;
}
dt.sub-calming {
	background: #0078C1;
}
dt.sub-vitality {
	background: #FFDD00;
}
dt.sub-immunity {
	background: #756149;
}
dt.sub-health {
	background: #00A650;
} 
dt.sub-support {
	background: #669900;
}
dt.sub-care {
	background: #DA1B83;
} 

dt.sub-leather {
	background: #C12427;
}



dt.sub-lg-lifeguard {
    background: #fdb813;
}
#productrange-life-guard-tonic h3 , #productrange-life-guard-naturals h3 {
background: #fdb813;
color: #fff;
margin: 0;
padding: 1px 0 1px 5px;
font-size: 110%;
}
#productrange-life-guard-tonic, #productrange-life-guard-naturals {
margin: .5em 0;
border: 1px solid #fdb813;
overflow: auto;
padding-bottom: 5px;
}
   .lg-lifeguard a {display:block; width:26px; background-color: #fdb813}
    .lg-lifeguard a:hover {background-color: #fdb813}
    
    /* additional for lifeguard */


#lifeguard-detail #feed, #lifeguard-detail #kingr, #lifeguard-detail #ingr, #lifeguard-detail #inst, #lifeguard-detail #nutr, #lifeguard-detail #vita, #lifeguard-detail #elem, #lifeguard-detail #mine {
    background-color: #fedb89;
    border-top: 1px solid #fdb813;
}


#lifeguard-detail ul li a.selected {
    background-color: #fdb813;
    border-bottom: 1px solid #fdb813;
    color: #fff;
}

#lifeguard-detail table th {
border-bottom: 1px solid #fdb813;
text-align: left;
padding: 2px 0;

}


#lifeguardheader {
    width: 930px;
    height: 100px;
    margin: 0 0 1px 0;
    padding: 0;

    }

/* PRODUCT FEEDING
----------------------------------------------- */

.feeding table {
	margin: .5em 0 1em 0;
	background: #b0c9bc;

}


.life-guard-intro {
margin-top: 20px;
width: 460px;
float: left;
text-align: left;
}


.lg-news {
width: 440px;
float: left;
margin-top: 5px;
clear:both;
}
.lg-news p, .lg-news p {
line-height: 100%;
margin-bottom: 2px;
}
.lg-banners {
margin-top: 20px;
width: 440px;
float: right;

}
.lg-banners img {
margin:0;
padding: 0;
}
.feeding table th, .feeding table td {
	margin: 0;
	padding: 2px 10px;
	text-align: center;
	font-size: 85%;
}
.feeding table caption {
	margin: 0;
	padding: 2px 0;
	text-align: left;
	font-size: 100%;
	color: #004e27;
	font-weight: bold;
}
.feeding {
	margin-bottom: 10px;
	width: 340px;
}
.feeding table .col1 {
	padding: 2px 10px;
	text-align: left;
	color: #333;
	font-weight: bold;
}


/* INGREDIENTS TABLE
----------------------------------------------- */

.ingredients table {
	position: relative;
	margin: .5em 0;
}
.ingredients table th, .ingredients table td {
	margin: 0;
	padding: 2px 0;
	text-align: center;
	font-size: 85%;
}
.ingredients table caption {
	margin: 0;
	padding: 2px 0;
	text-align: left;
	font-size: 100%;
	color: #004e27;
	font-weight: bold;
}
.ingredients {
	margin-bottom: 10px;
}
.ingredients table .col1 {
	padding: 2px 0;
	text-align: left;
	color: #333;
}




/* PRODUCTS A-Z */

#a-z input {
	width: 160px;
font-size: 80%;
	}



/* FOOTER */

#footer p {
	background: url(../img/navicon-blue.gif) no-repeat center left;
	padding: 5px 0 10px 0;
	font-size: 85%;
	color: #000;
	}

#footer img {
float: left;
}


/* Retailer area
----------------------------------------------- */

#logindetails {
clear: both;
padding: 0;
margin: 0;
background-color: #fff;
text-align: right;
width: 930px;
color: #666666;
}
.retailername {
font-weight: bold;
}


.retailersubmenu {
	width: 180px;
	margin: .3em 0;
	padding: 0;
	font-size: 85%;
	}
.retailersubmenu dl {
	margin: 0 auto;
	padding: 0;
	}
.retailersubmenu dt {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	}
.retailersubmenu dd strong {
	color: #004e27;
	}
.retailersubmenu dd {
	margin: 0;
	padding: 1px 8px;
	line-height: 100%;
	border-bottom: 2px solid #fff;
	}
.retailersubmenu dt a, .retailersubmenu dt a:visited {
	color: #666;
	display: block;
	padding: 2px 8px;
	background: url(arrow.gif) no-repeat 10px 10px;
	width: 164px;
	text-decoration: none;
	}

.retailersubmenu dd a, .retailersubmenu dd a:visited {
	color: #666;
	padding: 0;
	text-decoration: none;
	}
.retailersubmenu dt a:hover, .retailersubmenu dd a:hover {
	/* border-left: 2px solid #fff;  */
	text-decoration: underline;
	}

/* download links */

.download img {
	float: right;
	margin: 0 0 20px 20px;
	}

div.download {
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
	border: 0;
	}

div.float {
	float: left;
	margin-right: 10px;
	text-align:center;
	}
	  
div.float p {
	text-align: center;
	width: 200px;
	}

div.container {
	background: #fff;
	}



/*
      NAF-UK.COM
      
      Created by OOMPH! design
      email: mail@oomphdesign.co.uk
      last updaed:  9 October
      
      NAF CORPORATE COLORS:
      
      Dark Green: #004e27
      Pale Green: #

      PRODUCT RANGE COLORS:

      Joints: #
      Hooves: #
      Breathing: #
      Digestion: #
      Performance: #
      Behaviour: #
      Immunity: #
      Veteran: #
      Health: #
      Vitality: #

*/


/* PRODUCT FEEDING
----------------------------------------------- */

.feeding table {
    margin: .5em 0 1em 0;
    background: #b0c9bc;

}

/*.tbl-Joints {
    background: #b0c9bc;

}
.tbl-Hooves {
    background: #333;

}*/
.feeding table th, .feeding table td {
    margin: 0;
    padding: 2px 10px;
    text-align: center;
    font-size: 85%;
}
.feeding table caption {
    margin: 0;
    padding: 2px 0;
    text-align: left;
    font-size: 100%;
    color: #004e27;
    font-weight: bold;
}
.feeding {
    margin-bottom: 10px;
    width: 340px;
}
.feeding table .col1 {
    padding: 2px 10px;
    text-align: left;
    color: #333;
    font-weight: bold;
}


/* INGREDIENTS TABLE
----------------------------------------------- */

.ingredients table {
    position: relative;
    margin: .5em 0;
}
.ingredients table th, .ingredients table td {
    margin: 0;
    padding: 2px 0;
    text-align: center;
    font-size: 85%;
}
.ingredients table caption {
    margin: 0;
    padding: 2px 0;
    text-align: left;
    font-size: 100%;
    color: #004e27;
    font-weight: bold;
}
.ingredients {
    margin-bottom: 10px;
}
.ingredients table .col1 {
    padding: 2px 0;
    text-align: left;
    color: #333;
}


/* NEWS TABLE OFFER */
.oldrrp {
text-decoration: line-through;
color: #FF0000;
}

/* PRODUCTS A-Z */

#a-z input {
    width: 160px;
font-size: 80%;
    }



/* FOOTER */

#footer p {
    background: url(../img/navicon-blue.gif) no-repeat center left;
    padding: 5px 0 10px 0;
    font-size: 85%;
    color: #000;
    }

#footer img {
float: left;
}


/* Product detail tables
----------------------------------------------- */

/* PRODUCT DETAIL FORMATTING */

.smalltext {

margin: 10px 0;}

/* tabs - consistant */

.tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
.tabs ul li a {
    padding: 2px;
    background-color: #ccc;
    color: #000;
    text-decoration: none;
    margin: 0;
    font-size: 70%;
}
.tabs ul li a:hover {
    background-color: #333;
    border-bottom: 1px solid #333;
    color: #fff;
    
}
.tabs ul li a:focus {
    outline: 0;
}
div.tabs {
    width: 100%;
    margin-top: 2em;
}
div.tabs > div {
    padding: 5px;
    margin-top: 3px;
}
div.tabs > div h2 {
    margin-top: 0;
}
/* tabs - consistant */


.productdetail table  {
    margin: .5em 0 0 0;
    width: 100%;
    line-height: 100%;
    font-size: 80%;
}
.productdetail table td {
    margin: 0;
    padding: 2px 0;
    text-align: left;
}
.productdetail table caption {
    font-size: 120%;
    margin: 0 0 6px 0;
    font-weight: bold;
    padding: 0;
    text-align: left;
}
.col1 {
    padding: 2px 0;
    width: 150px;
    text-align: left;
    color: #333;
}
/* tabs - range styling */

/* tabs - range styling */
#veterinary_support-detail #feed, #veterinary_support-detail #kingr, #veterinary_support-detail #ingr, #veterinary_support-detail #inst, #veterinary_support-detail #nutr, #Vveterinary_support-detail #vita, #veterinary_support-detail #elem, #veterinary_support-detail #mine {
    background-color: #90d7f2;
    border-top: 1px solid #00aeef;
}
#veterinary_support-detail ul li a.selected {
    background-color: #00aeef;
    border-bottom: 1px solid #00aeef;
    color: #fff;
}
#veterinary_support-detail table th {
border-bottom: 1px solid #00aeef;
text-align: left;
padding: 2px 0;

}

#joints-detail #feed, #joints-detail #kingr, #joints-detail #ingr, #joints-detail #inst, #joints-detail #nutr, #joints-detail #vita, #joints-detail #elem, #joints-detail #mine {
    background-color: #b2d5c1;
    border-top: 1px solid #006227;
}
#naturalintx-detail #feed, #naturalintx-detail #kingr, #naturalintx-detail #ingr, #naturalintx-detail #inst, #naturalintx-detail #nutr, #naturalintx-detail #vita, #naturalintx-detail #elem, #naturalintx-detail #mine {
    background-color: #94c948;
    border-top: 1px solid #94c948;
}

#naturalintx-detail ul li a.selected {
    background-color: #94c948;
    border-bottom: 1px solid #94c948;
    color: #fff;
}

#naturalintx-detail table th {
border-bottom: 1px solid #94c948;
text-align: left;
padding: 2px 0;

}



#hooves-detail #feed, #hooves-detail #kingr, #hooves-detail #ingr, #hooves-detail #inst, #hooves-detail #nutr, #hooves-detail #vita, #hooves-detail #elem, #hooves-detail #mine {
    background-color: #fddeba;
    border-top: 1px solid #F3811F;
}

#breathing-detail #feed, #breathing-detail #kingr, #breathing-detail #inst, #breathing-detail #ingr, #breathing-detail #nutr, #breathing-detail #vita, #breathing-detail #elem, #breathing-detail #mine {
    background-color: #bccae4;
    border-top: 1px solid #1F3C92;
}
#digestion-detail #feed, #digestion-detail #kingr, #kingr-detail #inst, #digestion-detail #inst, #digestion-detail #ingr, #digestion-detail #nutr, #digestion-detail #vita, #digestion-detail #elem, #digestion-detail #mine, #digestion-detail #amino {
    background-color: #f7c2df;
    border-top: 1px solid #DA1B83;
}
#performance-detail #feed, #performance-detail #kingr, #performance-detail #inst, #performance-detail #ingr, #performance-detail #nutr, #performance-detail #vita, #performance-detail #elem, #performance-detail #mine {
    background-color: #ffedb2;
    border-top: 1px solid #D3A94A;
}
#calming-detail #feed, #calming-detail #kingr, #calming-detail #ingr, #calming-detail #inst, #calming-detail #nutr, #calming-detail #vita, #calming-detail #elem, #calming-detail #mine {
    background-color: #b2dcf0;
    border-top: 1px solid #0078C1;
}
#vitality-detail #feed, #vitality-detail #kingr, #vitality-detail #ingr, #vitality-detail #inst, #vitality-detail #nutr, #vitality-detail #vita, #vitality-detail #elem, #vitality-detail #mine {
    background-color: #fff6b2;
    border-top: 1px solid #FFDD00;
}
#immunity-detail #feed, #immunity-detail #kingr, #immunity-detail #ingr, #immunity-detail #inst, #immunity-detail #nutr, #immunity-detail #vita, #immunity-detail #elem, #immunity-detail #mine {
    background-color: #dbd5cd;
    border-top: 1px solid #756149;
}
#health-detail #feed, #health-detail #kingr, #health-detail #ingr, #health-detail #inst, #health-detail #nutr, #health-detail #vita, #health-detail #elem, #health-detail #mine {
    background-color: #b2e8cf;
    border-top: 1px solid #00A650;
}
#support-detail #feed, #support-detail #kingr, #support-detail #ingr, #support-detail #inst, #support-detail #nutr, #support-detail #vita, #support-detail #elem, #support-detail #mine {
    background-color: #d6e4b2;
    border-top: 1px solid #669900;
}
#care-detail #feed, #care-detail #kingr, #care-detail #ingr, #care-detail #inst, #care-detail #nutr, #care-detail #vita, #care-detail #elem, #care-detail #mine {
    background-color: #f7c2df;
    border-top: 1px solid #DA1B83;
}
#leather-detail #feed, #leather-detail #kingr, #leather-detail #ingr, #leather-detail #inst, #leather-detail #nutr, #leather-detail #vita, #leather-detail #elem, #leather-detail #mine {
    background-color: #f1c2c0;
    border-top: 1px solid #C12427;
}


#joints-detail ul li a.selected {
    background-color: #006227;
    border-bottom: 1px solid #006227;
    color: #fff;
}
#naturalintx-detail ul li a.selected {
    background-color: #94A948;
    border-bottom: 1px solid #94c948;
    color: #fff;
}

#hooves-detail ul li a.selected {
    background-color: #F3811F;
    border-bottom: 1px solid #F3811F;
    color: #fff;
}
#breathing-detail ul li a.selected {
    background-color: #1F3C92;
    border-bottom: 1px solid #1F3C92;
    color: #fff;
}
#digestion-detail ul li a.selected {
    background-color: #DA1B83;
    border-bottom: 1px solid #DA1B83;
    color: #fff;
}
#performance-detail ul li a.selected {
    background-color: #D3A94A;
    border-bottom: 1px solid #D3A94A;
    color: #fff;
}
#calming-detail ul li a.selected {
    background-color: #0078C1;
    border-bottom: 1px solid #0078C1;
    color: #fff;
}
#vitality-detail ul li a.selected {
    background-color: #FFDD00;
    border-bottom: 1px solid #FFDD00;
    color: #fff;
}
#immunity-detail ul li a.selected {
    background-color: #756149;
    border-bottom: 1px solid #756149;
    color: #fff;
}
#health-detail ul li a.selected {
    background-color: #00A650;
    border-bottom: 1px solid #00A650;
    color: #fff;
}
#support-detail ul li a.selected {
    background-color: #669900;
    border-bottom: 1px solid #669900;
    color: #fff;
}
#care-detail ul li a.selected {
    background-color: #DA1B83;
    border-bottom: 1px solid #DA1B83;
    color: #fff;
}
#leather-detail ul li a.selected {
    background-color: #C12427;
    border-bottom: 1px solid #C12427;
    color: #fff;
}

#joints-detail table th {
border-bottom: 1px solid #006227;
text-align: left;
padding: 2px 0;

}
#joints-detail table th {
border-bottom: 1px solid #009EE0;
text-align: left;
padding: 2px 0;

}

#hooves-detail table th {
border-bottom: 1px solid #F3811F;
text-align: left;
padding: 2px 0;

}
#breathing-detail table th {
border-bottom: 1px solid #1F3C92;
text-align: left;
padding: 2px 0;

}
#digestion-detail table th {
border-bottom: 1px solid #DA1B83;
text-align: left;
padding: 2px 0;

}
#performance-detail table th {
border-bottom: 1px solid #D3A94A;
text-align: left;
padding: 2px 0;

}
#calming-detail table th {
border-bottom: 1px solid #0078C1;
text-align: left;
padding: 2px 0;

}
#vitality-detail table th {
border-bottom: 1px solid #FFDD00;
text-align: left;
padding: 2px 0;

}
#immunity-detail table th {
border-bottom: 1px solid #756149;
text-align: left;
padding: 2px 0;

}
#health-detail table th {
border-bottom: 1px solid #00A650;
text-align: left;
padding: 2px 0;

}
#support-detail table th {
border-bottom: 1px solid #669900;
text-align: left;
padding: 2px 0;

}
#care-detail table th {
border-bottom: 1px solid #DA1B83;
text-align: left;
padding: 2px 0;

}
#leather-detail table th {
border-bottom: 1px solid #C12427;
text-align: left;
padding: 2px 0;

}


.packsize dl {
    margin: 1em 0;
    padding: 0;
}
.packsize dt {
    padding: 0;
    margin: 0;
    text-align: left;
        font-weight: bold;

}
.packsize dd {
    margin: 0;
    padding: 0;
}