html,body {
	height: 100%; 
}
body {
	margin: 0px;
	padding: 0px;
	font: 14px Arial, Helvetica, sans-serif;
	display:inline;
	text-align:center;
	background: transparent url("../images/background_gradient.jpg") repeat-y center top;
}

img
{
	border: 0px;	
}

#container_outer {
	
	
}
#container {
/*	background: #22b648 url(../images/background_gradient.jpg) repeat left top;*/
	margin: 0 auto;
	width:1019px;
	text-align: center;
/*	height:630px;*/
    /*zoom:1;            /* clears float for IE6           */
	position: relative;
	min-height:100%;
	
}
#header {
	margin: 0 auto;
	height:100px;
	background: #474747;
}


#body_layer1 {
	width:100%; 
	height:100%; 
	min-height: 600px;
	/*position:relative;z-index:0;top:-24px;*/
	/*background: url( ../images/background_swirl-trans.png) no-repeat left top;*/
	overflow: hidden;
	background: url(../images/background_flattened.jpg) no-repeat left top;
	padding-top: 160px;
}
/*
#body_layer2 {
	width:100%; height:100%;
	
}
*/

.nav_bak_green {
	height:45px;width:300px;position:relative; /*z-index:-1;*/
}

/* navigation */
#nav
{
	background: #474747 url(../images/nav_background_with_trans.png) no-repeat;	/* previously nav_background_light_gray-trans.png */
}

#nav, #nav ul { /* all lists */
	clear:both;z-index:2;
	padding: 0;	margin: 0;
	list-style: none;
	margin: 0; padding:0; 
	height:45px;
	vertical-align:middle;
	/*padding: 27px 0 25px 0;*/
	list-style-type:none;
	/*overflow: hidden;*/
	position: relative;
	
}
#nav ul {
	/*left:300px;position:relative*/
	
}
#nav a {
	display: block; 
	width: 109px;font-size:17px;
	/*background:#414141 url(../images/nav_inactive-trans.png) center center;*/
	color:#fff; text-decoration:none; font-weight:normal; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	position:relative;top:-10px;
}

#nav li { /* all list items */
	z-index:4;
	float: left;
	width: 109px; /* width needed or else Opera goes nuts */
	height: 69px; 	float: left; line-height:69px;
	text-decoration: none;	border: none;
	-webkit-transition: color .3s linear;
	background: url(../images/nav_inactive_with_trans.png) no-repeat top left;
	color: #fff;
	text-align: center;
	overflow:visible;
}

#nav li:hover {		z-index:5; position:relative;	 
}

#nav li.sub:hover {		/* .sub class also used for ul later in different*/
	z-index:5; 
	height:69px; width:109px;
}
#nav li.home:hover    { background: url(../images/nav_roll_drop_home-trans.png) no-repeat top left !important; }
#nav li.products:hover { background: url(../images/nav_roll_drop_products-trans.png) no-repeat top left !important; }
#nav li.about_us:hover { background: url(../images/nav_roll_drop_about_us-trans.png) no-repeat top left !important; }
#nav li.wellness:hover { background: url(../images/nav_roll_drop_wellness-trans.png) no-repeat top left !important; }
#nav li.links:hover    { background: url(../images/nav_roll_drop_links-trans.png) no-repeat top left !important; }


#nav li ul { /* second-level lists */
	position: absolute; position:relative;z-index:201;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;

	width: 109px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul li { /* third-and-above-level lists */
	margin: -1em 0 0 109px;position:relative;z-index:200;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
	background:url(../images/nav_roll_drop_highlight-trans.png);

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
	background:url(../images/nav_roll_drop_highlight-trans.png);
	

}

#nav ul.sub li {
	z-index:3;
	overflow:visible;
	height:27px; z-index:999999;
	float: left; line-height:27px;
	text-decoration: none;	border: none;
	-webkit-transition: color .3s linear;
	color: #666666; text-align: left;
	background:#666666 url();width:109px;
	 font-family:Arial, Helvetica, sans-serif;
	display: table-cell;vertical-align:middle;  
	
	
}
#nav ul.sub li.sub_large {
	height:40px;line-height:normal; position:relative;
}
#nav ul.sub li.sub_large  a {
	height:40px;line-height:normal; display: table-cell;vertical-align:middle; position:relative;top:5px; /*left:1px;     */
}
#nav ul.sub li.sub_large  a:hover {
	background: #666666 url(../images/nav_roll_drop_highlight_2_line-trans.png) repeat center center ;
}
#nav ul.sub a {
	padding: 0px 5px 0px 5px;  display: table-cell;vertical-align:middle; position:relative;top:5px;
	background: #666666 url() no-repeat left top ;width:99px;
	font-size:12px; height:100%; 
}
#nav ul.sub a:hover { 
	background: #666666 url(../images/nav_roll_drop_highlight-trans.png) repeat center center ;
}
#nav ul.sub li.sub_last {
	background-color:white;
	background: transparent url(../images/nav_roll_drop_bottom_cnrs-trans.png) repeat left bottom  ;}
#nav ul.sub li.sub_last a {
	background:  transparent url(../images/nav_roll_drop_bottom_cnrs-trans.png) no-repeat left bottom ;
	
}
#nav ul.sub li.sub_last a:hover {
	background: transparent url(../images/nav_roll_drop_highlight-trans.png) no-repeat center center ;
}


body.products #nav li.products, body.about_us #nav li.about_us, body.wellness #nav li.wellness, body.links #nav li.links
{
	background-image: url("../images/nav_active_with_trans.png");
}





/* Content Div - appears on most pages */
/*
#block_outer {
	clear:both;
	position:relative;
	top: 160px;left:0px;
}
*/

#block_a {
	font-family: Arial, Helvetica, sans-serif;
	border:none;
	float: left; 
	position:relative; left:105px;
	z-index:1;
	
}
#block_a .text, #block_a .text2 {
	clear:both;
	float:left;
	position:absolute;
	 /*override where needed*/
	left:20px;
	font-size:18px;width:175px;
	text-align:left;
	
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	
	/*border:1px solid #fff;*/
}
#block_a .click_more {
	clear:both;
	float:left;
	position:absolute;
	 /*override where needed*/
	left:20px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	top:280px;left:20px;vertical-align:middle;width:200px;
}
#block_a .text_tick {
	clear:both;
	float:right;
	position:absolute;
	font-size:16px;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	color:#fff;
	top:135px;left:476px;
	width:155px; height:37px; 
	border: 0px solid white;
	background: url(../images/content_tick.png) no-repeat right center;
}
#block_a .text_tick img {
	line-height:37px; height:37px;
}
#block_a .text_tick_left img.left {
	line-height:28px; height:28px;
}

#block_a .text_tick_left {
	clear:both;
	float:right;
	position:absolute;
	font-size:16px;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	color:#fff;
	padding-left:45px;
	top:135px;left:20px;
	width:205px; height:28px; 
	border: 0px solid white;
	background: url(../images/content_allnatural_tick.png) no-repeat left center;
}


#block_a .activeplus-text {
	clear:both;
	float:left;
	position:absolute;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
	color:#fff;
	top:120px;left:38px;
	width:155px; height:33px; 
	border: none;
	padding-left: 39px;
}

#block_a .activeplus-text.activeplus-meat { background: url(../images/activeplus-meat.png) no-repeat left center; }
#block_a .activeplus-text.activeplus-carbo { background: url(../images/activeplus-carbo.png) no-repeat left center; }
#block_a .activeplus-text.activeplus-amino { background: url(../images/activeplus-amino.png) no-repeat left center; }
#block_a .activeplus-text.activeplus-omega { background: url(../images/activeplus-omega.png) no-repeat left center; }

#block_a .activeplus-text img {
	line-height:33px; height:33px;
}

#block_a .activeplus.click_more {
	left:470px;
}


#block_a a{
	text-decoration:none;
	color:#000;
	text-decoration:none;
}
#block_a img {
	border:none;
	vertical-align:middle;
}

#block_a1 {
	background-color:#349800;
	height:325px;width:643px;

}
#block_a2 {

}
#block_b {
	width:190px;height:385px;
	float: left;
	position:relative; top:-35px;left:113px;
	z-index:1;
}
#block_b1 {
	height:43px;
	background: url(../images/block_b_top-trans.png) no-repeat left top;
}
#block_b1 b {	/* B. Squire - removed p and span! */
	color:#fff; font-weight:bold; font-size:16px;
	line-height:normal;position:relative;left:-38px;top:4px;
	text-align:left;
}
#block_b2 {
	text-align:left;
	background-color:#666666; color:#fff;
	font-size:10px; font-weight:bold;
	width:170px;height:337px;padding-left:10px;padding-right:10px;
	 
}
#block_b2 input {font-size:10px; height:10px;}
#block_b2  select {font-size:10px; height:16px;}

#block_b2 table tr td input { /*border: 2px hidden #FFFFFF;*/}

#block_b2_a {
	display:block;position:relative;
}
#block_b2_b {
	display:none; position:relative;
}


/*reCapture */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#666666 !important; /*reCaptcha widget background color*/
 }
 
 #recaptcha_table {
   border-color: #666666 !important; /*reCaptcha widget border color*/
 }
 
 #recaptcha_response_field {
   border-color: #666666 !important; /*Text input field border color*/
   background-color:#666666 !important; /*Text input field background color*/
 }


#block_b3 {
	height:11px;
	background: url(../images/block_b_bottom-trans.png) no-repeat left top;
}

/*block nav*/
#block_a2 {
	padding: 0;	margin: 0;
	list-style: none;
	margin: 0; padding:0; 
	 height:41px; 
	 position:relative;top:-11px;
	vertical-align:middle;
	/*padding: 27px 0 25px 0;*/
	list-style-type:none;
	width:643px;
}
#block_a2_1, #block_a2_1 ul { /* all lists */
	padding: 0;	margin: 0;
	list-style: none;
	background-color:#000;
	margin: 0; padding:0; 
	 height:30px; 
	 /*position:relative;top:-11px;*/
	vertical-align:middle;
	/*padding: 27px 0 25px 0;*/
	list-style-type:none;
	/*overflow: hidden;*/
}

#block_a2_1 ul {
	/*height:30px; position:relative;top:11px;*/
	/*left:300px;position:relative*/
}
#block_a2_1 a {
	display: block; 
	width: 160px; height:30px;/*position:relative;*/
	font-size:12px;
	color:#fff; text-decoration:none; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;
}

#block_a2_1 li { /* all list items */
	float: left;
	width: 160px; /* width needed or else Opera goes nuts */
	height: 30px; 	float: left; line-height:30px;
	text-decoration: none;	border: none;
	-webkit-transition: color .3s linear;
	color: #fff;
	text-align: center;
	border-left:  1px solid #fff;
	border-top: 1px solid white;display:block;overflow:visible;
}
#block_a2_1 .first   {
	border:none;
	border-top: 1px solid white;display:block;overflow:visible;
}
#block_a2_1 li:hover {		
	/*background-color:#333333 ;*/
}
#block_a2_1 li a:active {
	height:30px;position:relative;line-height:30px;
}
/*#block_a2_1 li a.new_active {       background: #D3382F url(../images/content_allnatural_btn_highlight_box.png) no-repeat left -10px;  }  */ /* removed a.new:active, */
#block_a2_1 li a.new_active {      background:none;position:relative;z-index:10;}   /* removed a.new:active, */
/*#block_a2_1 li a.walkabout_active { background: #2D8600 url(../images/content_walkabout_btn_highlight_box.png) no-repeat left top; } */ /* removed a.walkabout:active, */
#block_a2_1 li a.walkabout_active { 	  background: none; position:relative;z-index:10;} 
/*#block_a2_1 li a.gravy_active { 	  background: #DD8400 url(../images/content_gravy_btn_highlight_box.png) no-repeat left top; } */ /* removed a.gravy:active, */
#block_a2_1 li a.gravy_active { 	  background: none; position:relative;z-index:10;} /* removed a.gravy:active, */

/*#block_a2_1 li a.puppies_active {   background: #D08097 url(../images/content_puppy_btn_highlight_box.png) no-repeat left top; }*/ /* removed a.puppies:active, */
#block_a2_1 li a.puppies_active { 	  background: none; position:relative;z-index:10;} 

#block_a2_2 {
	height:11px;
	position:relative;color:#993333;
	/*background-color:#CC6633;*/
}

#block_a2_2 .new {
	background-image: url(../images/content_allnatural_btn_highlight_arrow.png);
}  
  



#block_a2_1 li ul { /* second-level lists */
	position:relative;z-index:201;
	background:#fff url() no-repeat left top;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#block_a2_1 li ul ul { /* third-and-above-level lists */
	position:relative;z-index:200;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
}

#block_a2_1 li:hover ul ul, #block_a2_1 li:hover ul ul ul, #block_a2_1 li.sfhover ul ul, #block_a2_1 li.sfhover ul ul ul {
	left: -999em;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
}

#block_a2_1 li:hover ul, #block_a2_1 li li:hover ul, #block_a2_1 li li li:hover ul, #block_a2_1 li.sfhover ul, #block_a2_1 li li.sfhover ul, #block_a2_1 li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background:#349800 url(../images/nav_active_with_trans.png) no-repeat left top;
}



#block_b2 table{
	padding: 0px; 
}	
#block_b2 table th{
	text-align: left;
	height: 1.5em;
	vertical-align: top;
}
#block_b2 input[type=text], boxcontent.input[type=text] {
	width:162px; height:12px;
	font-size:9px;padding: 0 0 0 0;
	}

#block_b2 input[type=text].input_small , #block_b2 .input_small {
	width:72px;
	}

#block_b2 input[type=text].input_medium , #block_b2 .input_medium {
	width:108px;
	}



img.drop_shadow {
/* specify the dimension of the image */
	display: block;
	position: absolute;
	z-index: -1;
/* force the image to show below the content */
	left: -3px;
	bottom: 4px;
}

#block_message {
 	margin-left: auto ;
 	margin-right: auto ;
	width:200px;
	z-index:1;
    
	color:white;
	position:relative;top:70px;
	text-align:left;
	
}
#block_form {
 	margin-left: auto ;
 	margin-right: auto ;
	width:500px;
	z-index:1;
    
	color:white;
	position:relative;top:0px;
	text-align:left;
	
}
#block_message_top {
}
#block_message_middle {
	
}
#block_message_bottom {

}

/*Stuart Nichols at css play curved corners */

/* Inset 3D Raised - dark gray */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#494949; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#494949; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#494949; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#494949; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#494949; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#494949; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#494949; border-left:1px solid #fff; border-right:1px solid #999;padding:15px 15px 15px 15px}



#table_details_disp {margin-left: auto; margin-right: auto; border:1px solid #999999}
#table_details_disp th { font-weight:bold; text-align:right; background-color:#666666; padding-left:7px;}
#table_details_disp td { border: 1px solid black ; color: #CCCCCC; text-align:left; }

#table_details_update {margin-left: auto; margin-right: auto; }
#table_details_update th { text-align:left; }
#table_details_update td { text-align:left; }



h2
{
	font-size: 12px;
	font-weight: bold;
	color: #009933;
}

h3
{
	font-size: 14px;
	font-weight: normal;
	color: #009933;
	margin: 10px 0px 5px;
}

h4
{
	font-size: 13px;
	font-weight: normal;
	color: #009933;	
	margin: 8px 0px 3px;
}

p { margin: 0px 0px 5px; line-height: 1.2em; }

.side_img
{
	text-align: center;
	float: right;
	margin: 5px 0px 5px 5px;
}

div.tabbed_content_container
{
	background: transparent url(/images/tabbed_panel_top_shadows.png) no-repeat;
}

div.tabbed_content_container.firstselected
{
	background: transparent url(/images/tabbed_panel_top_shadows_firstselected.png) no-repeat;
}

div.tabbed_content_container strong
{
	font-weight: normal;
	color: #009933;
	font-size: 12px;
}

div.tabbed_content_container a
{
	color: #009933;
	text-decoration: underline;	
}

div.tabbed_panel
{
	padding-bottom: 9px;
	overflow: hidden;
	color: #000;
	text-align: left;
	font-size: 11px;
}

#activeplus_content, #puppyfood_content, #gravy_content, #allnatural_content
{
	background: transparent url(/images/tabbed_panel_bottom.png) no-repeat bottom left;
	width: 300px;
}

div.tabbed_panel_tabs h2
{
	margin: 0px;
	height: 24px;
	line-height: 24px;
}

div.tabbed_panel_content
{
	background: transparent url(/images/tabbed_panel_middle.png) repeat-y;
	padding: 1px 10px 11px;
	margin-top: 7px;
	min-height: 313px;
}

div.tabbed_panel_content ul
{
	margin: 0px;
	padding: 0 0 0 14px;
	list-style-position: outside;
}


div.tabbed_panel_content.expandable
{
	padding-bottom: 2em;	/* padding to allow the read more/less button */	
}

.trigger_expander
{
	background-color: #fff;
	position: absolute;
	bottom: 4px; /* was set to -17px as a "fix" previously, not sure why */
	width: 95%;
	height: 1.5em;
	text-align: center;
	padding-top: 10px;
}

.trigger_expand
{	
	background: #009933;
	padding: 4px 36px 4px 8px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	
	positon: absolute;
	bottom: 0px;
	left: 100px;
}

.readmore
{
	background: #009933 url(/images/readmore.jpg) no-repeat center right;
}

.readless
{
	background: #009933 url(/images/readless.jpg) no-repeat center right;
}


.unexpanded
{
	height: 316px;
	overflow: hidden;
}

.expanded
{
	height: auto;
	
}


table.info_table td
{
	width: 100px;
}

ul.product_info_ticks
{
	list-style-type: none;
	margin: 0px;
	padding: 0px!important;
}

ul.product_info_ticks li
{
	background: transparent url(/images/product_bullet_tick.png) no-repeat left 3px;
	padding-left: 14px;
	margin-bottom: 5px;
}



.white_content_container
{
	background: transparent url(/images/white_content_bg_bottom.png) no-repeat bottom left;
	padding-bottom: 6px;	
}

.white_content_container_top
{
	background: transparent url(/images/white_content_bg_top.png) no-repeat top left;
	padding-top: 6px;	
}

.white_content
{
	background: transparent url(/images/white_content_bg_middle.png) repeat-y;
	width: 270px;
	padding: 16px;
}


/***** Feature panels *****/
.feature_panel#gravy
{
	background: transparent url(/images/orange_shadowed_feature.png) no-repeat;
	width: 494px;
	height: 324px;
	padding: 20px;
	float: left;
	position: relative;
	left: 105px;
	margin-right: 3px;
	text-align: left;
}

#gravy_content_container
{
	float: left;
	margin-left: 106px;
	position: relative;
	overflow: hidden;
}

#gravy_content div.side_img
{
	margin-top: -1px; /* pull it up a bit to fit it in unexpanded	*/
}


#feature_gravy_text
{
	float: left;
	width: 275px;
	margin-right: 40px;
	font-size: 11px;
}

#feature_gravy_ticks
{
	margin-top: -8px;	
	float: left;	
}

.feature_panel#allnatural
{
	background: transparent url(/images/palegreen_shadowed_feature.png) no-repeat;
	width: 494px;
	height: 324px;
	padding: 20px;
	float: left;
	position: relative;
	left: 105px;
	margin-right: 3px;
	text-align: left;
}

#allnatural_content_container
{
	float: left;
	margin-left: 106px;
	position: relative;
	overflow: hidden;
}

#allnatural_background
{
	position: absolute;
}

#allnatural_images_link
{
	position: absolute;
	bottom: 25px;
	left: 20px;
}

.feature_panel#allnatural p
{
	position: absolute;
	left: 310px; 
	top: 50px;
	font-size: 12px;
	width: 200px;
}

.feature_panel#puppyfood
{
	background: transparent url(/images/pink_shadowed_feature.png) no-repeat;
	width: 494px;
	height: 324px;
	padding: 20px;
	float: left;
	position: relative;
	left: 105px;
	margin-right: 3px;
	text-align: left;
}

#puppyfood_content_container
{
	float: left;
	margin-left: 106px;
	position: relative;
	overflow: hidden;
}

#puppyfood_background
{
	position: absolute;
}

.feature_panel#puppyfood p
{
	position: absolute;
	left: 300px; 
	top: 50px;
	font-size: 12px;
	width: 200px;
}

#puppy_feeding_guide_container1
{
	background: transparent url(/images/nontabbed_panel_top.png) no-repeat;
	padding-top: 18px;
	position: absolute;
	left: 643px;
	top: 204px; 
	color: #000; 
	width: 300px;
	display: none;
	z-index: 20000;
	overflow: hidden;
}

#puppy_feeding_guide_container
{
	background: transparent url(/images/tabbed_panel_bottom.png) no-repeat bottom left;
	padding-bottom: 9px;
}

#puppy_feeding_guide
{
	background: transparent url(/images/tabbed_panel_middle.png) repeat-y;
	padding: 1px 10px 11px;
	text-align: left;
	font-size: 11px;
}

#puppy_feeding_guide div#content
{
	background-color: transparent;	
	margin-top: -18px;
}

#puppy_feeding_guide div#closebtn
{
	position: absolute;
	right: 0px;
	padding-right: 30px;
	top: 3px;
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	

}


.feature_panel#activeplus
{
	background: transparent url(/images/pink_shadowed_feature.png) no-repeat;
	width: 494px;
	height: 348px;
	padding: 12px 20px 4px;
	float: left;
	position: relative;
	left: 105px;
	margin-right: 3px;
	text-align: left;
}

#activeplus_content_container
{
	float: left;
	margin-left: 106px;
	position: relative;
	overflow: hidden;
}

#activeplus_background
{
	position: absolute;
}

.feature_panel#activeplus p
{
	position: absolute;
	left: 32px; 
	top: 15px;
	font-size: 11px;
	width: 215px;
}

#activeplus_content #feeding th
{
	font-weight: normal;
	font-size: 10px;
}

#activeplus_content #feeding th, #activeplus_content #feeding td
{
	text-align: right;
}


#activeplus_content #feeding .left
{
	text-align: left;	
}

div#closebtn.hover
{
	cursor: pointer;	
}

#puppy_feeding_guide table td
{
	text-align: center;	
	padding: 2px;
}

#puppy_feeding_guide table th
{
	text-align: left;	
	color: #009933;	
	padding: 2px;
}


#puppy_feeding_guide table
{
	border-left: 1px solid #009933;
	border-top: 1px solid #009933;
}

#puppy_feeding_guide table td, #puppy_feeding_guide table th
{
	border-right: 1px solid #009933;
	border-bottom: 1px solid #009933;
}


#activeplus_feeding_guide table td
{
	text-align: center;	
	padding: 2px;
}

#activeplus_feeding_guide table th
{
	text-align: left;	
	color: #009933;	
	padding: 2px;
}


#activeplus_feeding_guide table
{
	border-left: 1px solid #009933;
	border-top: 1px solid #009933;
}

#activeplus_feeding_guide table td, #activeplus_feeding_guide table th
{
	border-right: 1px solid #009933;
	border-bottom: 1px solid #009933;
}


#contactus_feature_panel_container
{
	background: transparent url(/images/deep_green_feature_bottom.png) no-repeat bottom left;
	float: left;
	position: relative;
	left: 10px;
	margin-right: 3px;
	text-align: left;
	color: #fff;
	padding-bottom: 8px;
}

#contactus_feature_panel_container_top
{
	background: transparent url(/images/deep_green_feature_top.png) no-repeat top left;
	padding-top: 7px;
}

#contactus_feature_panel
{
	background: transparent url(/images/deep_green_feature_middle.png) repeat-y;
	width: 500px;
	padding: 16px 16px 13px 16px;
}

#contactus_content_container
{
	float: left;
	margin-left: 106px;
	position: relative;
	overflow: hidden;
}

#contactus_content
{
	height: 320px;
	text-align: left;
	font-size: 11px;
}

#contactus_content h3.first
{
	margin-top: 0px;
}

#contactus_form table td
{
	vertical-align: top;
	font-size: 12px;
}

#contactus_form input[type="submit"]
{
	float: right;
	margin-top: 3px;
}

#contactus_form span.form_row
{
	padding: 2px 10px 2px 20px;
}

#mailinglist_feature_panel_container
{
	background: transparent url(/images/deep_green_thin_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 390px;
	margin-right: 3px;
	text-align: left;
	color: #fff;
	font-size: 11px;	
	padding-bottom: 9px;
}

#mailinglist_feature_panel_container_top
{
	background: transparent url(/images/deep_green_thin_bg_top.png) no-repeat top left;
	padding-top: 10px;
}

#mailinglist_feature_panel
{
	background: transparent url(/images/deep_green_thin_bg_middle.png) repeat-y;
	width: 270px;
	padding: 20px;
}

#mailinglist_feature_panel h3
{
	color: #fff;	
	margin-top: 0px;
}

#mailinglist_form span.form_row
{
	padding-top: 5px;
}

#mailinglist_form input[type="text"]
{
	width: 144px;
	height: 12px;
	font-size: 11px;
}

#mailinglist_form input[type="submit"]
{
	margin-top: 6px;
}

#the2ofus_feature_panel_container
{
	background: transparent url(/images/pink_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 90px;
	margin: 10px 3px 20px 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;	
	padding-bottom: 36px;
}

#the2ofus_feature_panel_container_top
{
	background: transparent url(/images/pink_bg_top.png) no-repeat top left;
	padding-top: 36px;
}

#the2ofus_feature_panel
{
	background: transparent url(/images/pink_bg_middle.png) repeat-y;
	width: 713px;
	padding: 10px 75px 10px 60px;
	font-size: 13px;
	color: #000;
}

#the2ofus_feature_panel .feature
{
	color: #e2007a;
	font-weight: bold;
}

#the2ofus_feature_panel h2 { margin: 0px 0px 17px ; }
#the2ofus_feature_panel h3 { margin: 13px 0px; }

#photo1 { float: right;  margin: 45px -40px 15px 15px; }
#photo2 { float: left; margin-left: -24px; padding-right: 6px; }
#hearts { float: right;  margin: -10px -40px 0px 0px; }


	/* Custom headings */
	#the2ofus-heading { overflow: hidden; width: 433px; height: 70px; }
	#the2ofus-subheading { overflow: hidden; width: 276px; height: 38px; }
	#the2ofus-subheading2 { overflow: hidden; width: 343px; height: 67px; margin-top: 40px;}



#firstaid_feature_panel_container
{
	background: transparent url(/images/white_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 90px;
	margin: 10px 3px 20px 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;	
	padding-bottom: 24px;
}

#firstaid_feature_panel_container_top
{
	background: transparent url(/images/white_bg_top.png) no-repeat top left;
	padding-top: 24px;
}

#firstaid_feature_panel
{
	background: transparent url(/images/white_bg_middle.png) repeat-y;
	width: 738px;
	padding: 10px 55px;
	font-size: 18px;
	color: #000;
}

#firstaid_feature_panel h2 { margin: -12px 0px 34px; }
#firstaid_feature_panel h3 { margin: 0px 0px 10px; }

#firstaid_feature_panel a, #firstaid_feature_panel .standout { color: #e2001a; }

#firstaid_feature_panel p { margin: 1em 0px; }

#kitimage { float: right; margin: 10px -10px 10px 10px; }

	/* Custom headings */
	#firstaid-heading { overflow: hidden; width: 737px; height: 332px; }
	#firstaid_feature_panel h3#firstaid-subheading1 { overflow: hidden; width: 538px; height: 48px; }
	#firstaid_feature_panel h3#firstaid-subheading2 { overflow: hidden; width: 709px; height: 45px; margin-top: 30px; }
	#firstaid_feature_panel h3#firstaid-subheading3 { overflow: hidden; width: 709px; height: 61px; margin-top: 40px; }



#funpack_feature_panel_container
{
	background: transparent url(/images/blue_grad_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 90px;
	margin: 10px 3px 20px 0px;
	text-align: left;
	color: #fff;
	font-size: 11px;	
	padding-bottom: 24px;
}

#funpack_feature_panel_container_top
{
	background: transparent url(/images/blue_grad_bg_top.png) no-repeat top left;
	padding-top: 24px;
}

#funpack_feature_panel
{
	background: #fff url(/images/blue_grad_bg_middle.png) no-repeat;
	width: 736px;
	padding: 10px 55px;
	font-size: 18px;
	color: #000;
}

#funpack_feature_panel h2 { margin: -12px 0px 34px; }
#funpack_feature_panel h3 { margin: 0px 0px 10px; }

#funpack_feature_panel a, #funpack_feature_panel .standout { color: #36a9e1; }

#funpack_feature_panel p { margin: 1em 0px; }

	/* Custom headings */
	#funpack-heading { overflow: hidden; width: 751px; height: 302px; }
	#funpack_feature_panel h3#funpack-subheading1 { overflow: hidden; width: 538px; height: 48px; }
	#funpack_feature_panel h3#funpack-subheading2 { overflow: hidden; width: 264px; height: 51px; margin-top: 30px; }



#vetsopinion_feature_panel_container
{
	background: transparent url(/images/orange_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 90px;
	margin: 10px 3px 20px 0px;
	text-align: left;
	color: #fff;
	font-size: 14px;	
	padding-bottom: 21px;
}

#vetsopinion_feature_panel_container_top
{
	background: transparent url(/images/orange_bg_top.png) no-repeat top left;
	padding-top: 21px;
}

#vetsopinion_feature_panel
{
	background: transparent url(/images/orange_bg_middle.png) repeat-y;
	width: 737px;
	padding: 10px 55px;
	font-size: 14px;
	color: #fff;
}

#vetsopinion_feature_panel h3 { font-size: 18px; color: #fff; }

#vetsopinion_feature_panel a, #vetsopinion_feature_panel .standout { color: #e2001a; }

#vetsopinion_feature_panel p { margin: 1em 0px; }

	/* Custom headings */
	#vetsopinion-heading { overflow: hidden; width: 737px; height: 151px; }
	

#introducingvet_feature_panel_container
{
	background: transparent url(/images/white_bg_bottom.png) no-repeat bottom left;
	position: relative;
	left: 90px;
	margin: 10px 3px 20px 0px;
	text-align: left;
	color: #1d1819;
	font-size: 14px;	
	padding-bottom: 24px;
}

#introducingvet_feature_panel_container_top
{
	background: transparent url(/images/white_bg_top.png) no-repeat top left;
	padding-top: 24px;
}

#introducingvet_feature_panel
{
	background: transparent url(/images/white_bg_middle.png) repeat-y;
	width: 723px;
	padding: 10px 70px 10px 55px;
	font-size: 14px;
	color: #1d1819;
}

#introducingvet_feature_panel h2 { margin: 0px; }
#introducingvet_feature_panel h3 { margin: 0px; }
#introducingvet_feature_panel h4 { font-size: 18px; color: #dc9128; }

#introducingvet_feature_panel p { margin: 1em 0px; }

#introducingvet_feature_panel .polaroid-right { float: right; margin: 0px -35px 35px 0px; }

#introducingvet_feature_panel .polaroid-left { float: left; margin: 0px 30px 0px 0px; }

	/* Custom headings */
	#introducingvet-heading { overflow: hidden; width: 447px; height: 137px; }
	#introducingvet-subheading { overflow: hidden; width: 447px; height: 69px; }	


.strong { font-weight: bold; }
.success { color: #0C0; }

#links
{
	width: 845px; /*844px*/
	margin: 0px auto;
}

#links .ui-tabs-nav
{
	margin-left: 177px;	
}

#links.ui-tabs .ui-tabs-nav li a
{
	padding-right: 14px;	
}

#links.ui-tabs .ui-tabs-nav li a span
{
	min-width: 73px;
	padding-left: 14px;
}

#links.ui-tabs .ui-tabs-nav li a, #links.ui-tabs .ui-tabs-nav li a span
{
	background-image: url(/images/tabs-green-and-white.png);
}

#links.ui-tabs .ui-tabs-nav li a, #links.ui-tabs .ui-tabs-nav .ui-tabs-disabled li a:hover, #links.ui-tabs .ui-tabs-nav .ui-tabs-disabled li a:focus, #links.ui-tabs .ui-tabs-nav .ui-tabs-disabled li a:active
{
	color: #339900;
}

#links.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #links.ui-tabs .ui-tabs-nav li a:hover, #links.ui-tabs .ui-tabs-nav li a:focus, #links.ui-tabs .ui-tabs-nav li a:active
{
	color: #fff;
}

#links-tab-container
{
	background: transparent url(/images/links_bg_bottom.png) no-repeat bottom left;	
	padding-bottom: 12px;
}

#links-tab-container-top
{	
	background: transparent url(/images/links_bg_top.png) no-repeat top left;	
	padding-top: 10px;

}

#links .tabbed_panel_content
{
	margin-top: 0px;
	padding: 25px 25px 25px 0px;	 
	background: transparent url(/images/links_bg_middle.png) repeat-y;
	width: 845px; /*844px*/
}

table.links_table
{
	margin-left: 177px;
	color: #fff;
}

table.links_table td
{
	padding-bottom: 20px;	
}

table.links_table td.image
{
	width: 178px;	
}

table.links_table td.details
{
	padding-right: 60px;
	width: 180px;;	
}

table.links_table a
{
	color: #fff;	
	text-decoration: underline;
}

#testimonials_intro
{
	float: left;	
	margin-left: 100px;
	text-align: left;
	font-size: 10px;
}

#testimonials_intro h3.first
{
	margin-top: 0px;
	font-weight: bold;	
}

#testimonials
{
	float: left;
	margin-left: 10px;
}

.testimonial-container
{
	background: transparent url(/images/testimonial_bg_bottom.png) no-repeat bottom left;	
	padding-bottom: 9px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 10px;
	text-align: left;
}

.testimonial-container-top
{	
	background: transparent url(/images/testimonial_bg_top.png) no-repeat top left;	
	padding-top: 9px;
}

.testimonial
{
	padding: 3px 20px;	 
	background: transparent url(/images/testimonial_bg_middle.png) repeat-y;
	width: 492px;
}


/*** Stockists ***/
.stockists .col_3rd { width: 188px; padding-left: 24px; float: left }
.stockists .col_3rd.first { padding-left: 0; }

table.stockist_results
{
	border-top: 2px solid #369900;
	border-left: 2px solid #369900;	
	font-size: 11px;
	margin: 0px auto;
	float: left;
}

.stockist_results td, .stockist_results th
{
	border-right: 2px solid #369900;
	border-bottom: 2px solid #369900;
}

.stockist_results th
{
	background-color: #72b84d;
	color: #fff;
	text-align: center;	
	padding: 2px;
	width: 85px;
}

.stockist_results td
{
	background-color: #afd699;
	color: #000;
	text-align: left;	
	text-transform: capitalize;
	padding: 2px;
}

.stockist_results td:hover
{
	cursor: pointer;	
}
	
tr.highlight td
{
	background-color: #93d46e;
}

.stockist_details
{
	float: left;
	background-color: #afd699;
	color: #000;
	border: 2px solid #369900;
	width: 310px;
}

#stockist_details_cont
{
	padding: 10px 25px;
}

#stockist_heading {
	background-color: #72B84D;
	color: #fff;
	text-align: center;	
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
}

#stockist_contact table th, #stockist_contact table td
{
	vertical-align: top;	
}

#stockist_contact td
{
	padding-left: 5px;	
}

#stockist_contact table th
{
	color: #339900;
}

#products_table
{
	border-top: 2px solid #369900;
	border-left: 2px solid #369900;	
	font-size: 11px;
	margin: 0px auto;
}

#products_table td, #products_table th
{
	border-right: 2px solid #369900;
	border-bottom: 2px solid #369900;
	vertical-align: top;		
}

#products_table th
{
	background-color: #72b84d;
	color: #fff;
	text-align: center;	
	padding: 2px;
	width: 118px;
	padding: 2px;
}

.product_subtable
{
	width: 100%;
	border: 0px;	
}

.product_subtable td
{
	border: 0px!important;	
}

.product_subtable tr
{
	border-right: 0px;
	border-bottom: 2px solid #369900;!important
}

.product_subtable td {
	padding: 2px;
}

#stockist_details_cont h3
{
font-weight: bold;
font-size: 11px;
color: #339900;
}

.stockists select, .stockists input[type="text"]
{
	width: 100%;	
	margin-bottom: 11px;
}

	/* stockist background */	
	.stockists-container
	{
		background: transparent url(/images/stockists_bg_bottom.png) no-repeat bottom left;	
		padding-bottom: 7px;
		color: #fff;
		font-size: 11px;
		text-align: left;
		left: 101px;
		position: relative;
	}
	
	.stockists-container-top
	{	
		background: transparent url(/images/stockists_bg_top.png) no-repeat top left;	
		padding-top: 7px;
	}
	
	.stockists-inner
	{
		padding: 20px 20px 15px;	 
		background: transparent url(/images/stockists_bg_middle.png) repeat-y;
		width: 803px;
		color: #FFFFFF;
	}
	
	.stockists-inner h3
	{
		color: #FFFFFF;
	}


/*** Forms ***/
.standard_form label
{
	display: block;
	margin-bottom: 2px;
}

label.checkbox_label
{
	display: inline;	
	font-size: 11px;
}

.standard_form textarea
{
	width: 256px;	
	height: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
	overflow: auto;
	border: 2px solid white;
}

.standard_form input[type="text"]
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 200px;
	height: 13px;
	padding: 3px;
	border: 2px solid white;
}

.standard_form input[type="text"].long
{
	width: 400px;
}

.standard_form input[type="text"].text_postcode
{
	width: 80px;	
}

.standard_form input[type="text"].text_pct
{
	width: 60px;	
}

.standard_form input[type="submit"]
{
	border: 0px;
	background: transparent url(/images/submit_btn.png) no-repeat;
	width: 71px;
	height: 25px;
	padding: 0px 4px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
}


.standard_form span.form_row
{
	display: block;
}

.standard_form table
{
	font-size: 12px;
}

.standard_form .form_pcts_table { width: 60%; }
.standard_form .form_pcts_table td { width: 20%; vertical-align: top; }
.standard_form .form_pcts_table td.colspan2 { width: 50%; }

.standard_form .form_pcts_table td a { color: #000!important; }

/*** Customised forms ****/

	/**** First Aid Booklet Download ****/
	
	#firstaid_download_form.standard_form label
	{
		float: left;
		width: 245px;
		text-align: right;
		padding-right: 	8px;
		font-size: 12px;
		color: #000;
		margin-bottom: 0px;
	}
	
		#firstaid_download_form.standard_form label a
		{
			color: #000;
		}

	#firstaid_download_form.standard_form input[type="text"], #firstaid_download_form.standard_form textarea
	{
		border: 1px inset #efefef;
		background-color: #efefef;
		color: #000;
		float: left;
	}
	
	#firstaid_download_form.standard_form select
	{
		border: 1px inset #efefef;
		background-color: #efefef;
		color: #000;
		float: left;
	}
	
	#firstaid_download_form.standard_form input[type="radio"], #firstaid_download_form.standard_form input[type="checkbox"]
	{
		margin: 1px 5px 0px 0px;	
		float: left;
	}
	
	#firstaid_download_form.standard_form textarea#textarea_companswer
	{
		width: 474px;
		height: 100px;
		float: right;	
	}
	
	#firstaid_download_form.standard_form span.form_row
	{
		clear: both;	
		padding-top: 16px;	
	}
	
	#firstaid_download_form input[type="submit"]
	{
		background: url(/images/firstaid-submit.jpg) no-repeat;
		border: none;
		width: 241px;
		height: 51px;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	#firstaid_download_form #button-row
	{
		text-align: center;
		margin-top: 20px;
	}

	#firstaid_download_form .LV_validation_message { display: none; }

	#firstaid_download_form .LV_valid_field, #firstaid_download_form input.LV_valid_field:hover, #firstaid_download_form input.LV_valid_field:active,
		#firstaid_download_form textarea.LV_valid_field:hover, #firstaid_download_form textarea.LV_valid_field:active
	{
		border: 1px inset #EFEFEF!important;
	}

	/*** Summer 2011 Fun Packs ****/
	
	#funpack_download_form.standard_form label
	{
		float: left;
		width: 245px;
		text-align: right;
		padding-right: 	8px;
		font-size: 12px;
		color: #000;
		margin-bottom: 0px;
	}
	
	#funpack_download_form.standard_form label.full-strong {
		float: none;
		display: block;
		font-size: 18px;
		width: 100%;
		padding: 0px;
		text-align: left;
		font-weight: bold;
		margin: 1em 0em;
	}
	
		#funpack_download_form.standard_form label a
		{
			color: #000;
		}

	#funpack_download_form.standard_form input[type="text"], #funpack_download_form.standard_form textarea
	{
		border: 1px inset #efefef;
		background-color: #efefef;
		color: #000;
		float: left;
	}
	
	#funpack_download_form.standard_form select
	{
		border: 1px inset #efefef;
		background-color: #efefef;
		color: #000;
		float: left;
	}
	
	#funpack_download_form.standard_form input[type="radio"], #funpack_download_form.standard_form input[type="checkbox"]
	{
		margin: 1px 5px 0px 0px;	
		float: left;
	}
	
	#funpack_download_form.standard_form textarea#textarea_companswer
	{
		width: 474px;
		height: 100px;
		float: right;	
	}
	
	#funpack_download_form.standard_form span.form_row
	{
		clear: both;	
		padding-top: 16px;	
	}
	
	#funpack_download_form input[type="submit"]
	{
		background: url(/images/funpack-submit.jpg) no-repeat;
		border: none;
		width: 241px;
		height: 51px;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	#funpack_download_form #button-row
	{
		text-align: center;
		margin-top: 20px;
	}

	#funpack_download_form .LV_validation_message { font-size: 12px!important; }
	#funpack_download_form .LV_invalid { color: #ff0000!important; }

	#funpack_download_form .LV_valid_field, #funpack_download_form input.LV_valid_field:hover, #funpack_download_form input.LV_valid_field:active,
		#funpack_download_form textarea.LV_valid_field:hover, #funpack_download_form textarea.LV_valid_field:active
	{
		border: 1px inset #EFEFEF!important;
	}

.error_message
{
	background-color: #ff0000;
	color: #fff;
	padding: 5px;
}

a.lightbox
{
	text-decoration: none!important;
}

/***** float clearing for boxes *****/
.group:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .group /* IE6 */
{
	height: 1%;
}

*:first-child+html .group /* IE7 */
{
	min-height: 1px;	
}


