/*
Title:     Natures Menu CSS Sheets
Author:     ollie blackmore, info@selesti.com
Updated:    7 Oct 2005
Notes:		Some begged, borrowed and stolen css features here!  Thanks to Simplebits, ALA, etc etc....
*/

/* EMERGENCY CODE

body {text-align:center;
 font-size: x-small; /* IE5 Win 
   voice-family: "\"}\""; 
   voice-family: inherit;
   font-size: small;
 }
html>body { /* be nice to Opera 
 font-size: small;
 }
#wrap {text-align:left;
 width: 770px; /* IE5 Win 
   voice-family: "\"}\""; 
   voice-family: inherit;
   width: 750px;
 }
 
 */

html,body { 	height: 100%; background: #fff;  font: 1em/1.6 verdana, Arial, Helvetica, sans-serif; color: #000; background-image : url(../images/grey_bg.gif); background-repeat : repeat-x; }
* {margin:0; padding:0;}
/* ---[ links ]------------------------------- */


/* ---[ common elements ]--------------------- */
a { color: #774b0d; text-decoration:none; }
a:hover { color: #be740a; text-decoration: underline; }

p {
	margin: 1em 0 .8em;
	padding: 0;
	}

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
address {
	margin: 0;
	padding: 0 0 0 .4em;
	font-style: normal;
	font-size: .9em;
	}

/* ---[ top ]------------------------------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding-top: 5px;
	font-size: 95%;
	text-align: left;
  	width: 750px;
  	background: #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;	

	}
	
html>body #wrap {
	width:770px;
	}

	
#top_text { text-align: left; font-size: .7em;}
#top_text_side { text-align: left; font-size: .7em;}
#top_text a { color: #774b0d; text-decoration:none; }
#top_text a:hover { color: #FDA100; text-decoration:underline; }
#img_logo { padding: 20px 0 20px 0 }

.contentt
{

	border: 1px solid #ff9805;
	background-image : url(../images/testbg.gif);
}

.nav_corners { 	border: 1px solid #A6E840; }


/* ************************************
 * classes needed for rounded corners *
 ************************************ */
.roundedCornerSpacer {
	margin: 0px; padding: 0px; border: 0px;
	clear: both;
	font-size: 1px; line-height: 1px;
}
.borderTL, .borderTR, .borderBL, .borderBR {
	width: 14px; height: 14px;
	padding: 0px; border: 0px;
	z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
	margin-left: -4px;
	/*margin-left: -1px;*/
}
html>body .borderTL  {
	margin-left: -1px;
}
.borderTR {
	margin-right: -4px;
	/*margin-right: -1px;*/
}
html>body .borderTR  {
	margin-right: -1px;
}
.borderBL {
	margin-left: -3px;
/*	margin-left: 0px;*/
}
html>body .borderBL {
	margin-left: 0px;
}
.borderBR {
	margin-right: -3px;
/*	margin-right: 0px;*/
}
html>body .borderBR {
	margin-right: 0px;
}

/* navigation */

img {border:0px;
}

#menu { margin: 10px 0 0 0;}
#menu dl {margin: 0; padding: 0; width:190px;}
#menu dt {margin:0; padding: 6px 0 6px 0 ; font-size: 11px; font-weight:bold; background: #f8cb6e;}
#menu dd {margin:0; padding:5px 0 3px 9px;  font-size: 10px; background: #ffe1b5;}
#menu a, #menu a:visited {color:#774b0d; text-decoration:none; display:block; padding-left: 11px;}

#menu a:hover {color:#be740a; text-decoration: underline;}
#menu a:active { color:#54402D; }

.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  }

.white_border_top {
	border-top: 1px solid #fff;
	/*list-style-image:url(../images/link_bullet_trans.gif);*/
}

.white_border_top1 {
	border-top: 1px solid #fff;
/*	list-style-image:url(../images/link_bullet_trans.gif);*/
}

.nav_fill {background: #ff9805;}
.top_nav_bg {background: url(../images/top_nav_curve.gif) 0 0 #ff9805;	background-repeat : no-repeat; }
#bot_nav_bg {background: url(../images/bottom_nav_curve.gif) 0 22px #ff9805;	background-repeat : no-repeat; }

#menu dd a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}
	
#menu dd a:link, #menu dd a:visited {
	/*background: url(../images/leftnav_arrow.gif) 0 3px;
	display: block;	
	background-repeat : no-repeat;*/
}
/*
#menu dd a:hover {
	background: url(../images/leftnav_arrow.gif) 0 -9px;
	background-repeat : no-repeat;
}
*/
#menu dd a:active {
	color:#54402D;
	/*background: url(../images/leftnav_arrow.gif) 0 -9px;
	background-repeat : no-repeat;	*/
}	

/* ----adam -----*/
#sidebar {
	width: 190px;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #888;
	}
#menu {
	width: 190px;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #888;
	}

.section { padding:0px; }

#menu #root li ul {display:none;}

#secbooks #root #feeding ul,
#secbooks #root #vets ul,
#secbooks #root #books ul,

#secfeedingtips #root #feeding ul,
#secfeedingtips #root #vets ul,
#secfeedingtips #root #feedingtips ul,

#secNormal #root #feeding ul,
#secNormal #root #vets ul,

#secSuccess #root #feeding ul,
#secSuccess #root #vets ul,
#secSuccess #root #success ul,

#secAll #root #feeding ul,
#secAll #root #vets ul,
#secAll #root #success ul,
#secAll #root #books ul,
#secAll #root #feedingtips ul 
{
display:block;
}

#menu li { list-style-type:none;}
#menu li ul li {padding-left: 10px; padding-top: 6px; padding-bottom: 6px;}

#menu li ul li a {background-image: url(../images/link_bullet_trans.gif);  background-repeat : no-repeat; background-position:0px 6px;}

#menu li ul li a:hover {
	color:#be740a;
	text-decoration: underline;
	background-image: url(../images/link_bullet_trans_dark.gif);
	background-repeat : no-repeat;
	background-position:0px 6px;
}
	

#menu img { border:0;}
#menu { margin: 10px 0 0 0; font-size: 10px;  font: 1em/1.6 verdana, Arial, Helvetica, sans-serif; }
#menu a, #menu a:visited {color:#774b0d; text-decoration:none; padding-left: 10px;}
#menu a:hover {color:#be740a; text-decoration: underline;}
#menu a:active { color:#54402D; }
#menu li a:link, #menu li a:visited { }

/*.white_border_top { border-top: 1px solid #fff;background: #f8cb6e; padding-top:6px; padding-bottom:6px; font-weight:bold; font-size: 11px; }*/
.white_border_top { border-top: 1px solid #fff;background: #f8cb6e; height:15px;padding-top:6px; padding-bottom:6px; font-weight:bold; font-size: 11px; }

.white_border_top_no_sub {border-top: 1px solid #fff; margin:0; padding: 6px; font-size: 11px; font-weight:bold; background: #f8cb6e;}
.nav_fill {background: #ff9805;border-top: 1px solid #fff;  background: url(../images/bottom_nav_curve.gif) 0 22px #ff9805; background-repeat : no-repeat; padding:6px; font-weight:bold; font-size: 11px;}
/*.top_nav { background: url(../images/top_nav_curve.gif) 0 0 #ff9805; background-repeat : no-repeat; font-size: 11px; font-weight:bold; padding-top:6px; padding-bottom:6px;}*/
.top_nav1 {
	width:174px;
	background: url(../images/top_nav_curve.gif) left top #ff9805;
	background-repeat: no-repeat;
	height:30px;
/*	border:1px solid #000000;*/
	font-size: 11px;
	font-weight:bold;
	padding:7px 8px 0px 7px;
	margin:0px;
}

.top_nav2 {
	width:174px;
	background: url(../images/left_nav_searchbg.jpg) left top;
	background-repeat:no-repeat;
	height:30px;
/*	border:1px solid #000000;*/
	font-size: 11px;
	font-weight:bold;
	padding:7px 8px 0px 7px;
	margin:0px;
}

.top-main
{
	background: url(../images/left_nav_searchbg.jpg) left top;
	background-repeat:no-repeat;	
}

.top_nav1_left
{
	width:140px;
	/*border:1px solid #FF0000;*/
	height:18px;
	float:left;
	padding:0px;	
	margin:0px;
}

.top_nav1_left-input
{
	width:140px;
	font-size:10px;
	/*border:1px solid #FF0000;*/
	height:16px;
	float:left;
	color:#676767;
	padding:4px 2px 2px 2px;
	margin:0px;
	border:none;
}

.top_nav1_right
{	
	/*border:1px solid #FF0000;*/
	text-align:left;
	float:right;
	padding:0px 0px 0px 0px;
	color:#794b0f;
	margin:3px 2px 0px 0px;
}

/*
#top_nav1_left
{
	width:150px;
	float:left;
	padding:0px;
	margin:0px;
}

#top_nav1_right
{	
	width:20px;
	float:right;
	padding:0px 5px 0px 0px;
	margin:0px;
}
*/
/*.top_nav_search { background: url(../images/top_nav_curve.gif) 0 0 #ff9805; background-repeat : no-repeat; font-size: 11px; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:5px;}
.top_nav_search input
{
	width:110px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:18px;
}*/

.searchLink:link {color:#FDA209;font-size:11px;font-weight:bold; text-decoration: none;}
.searchLink:active {color:#FDA209;font-size:11px;font-weight:bold; text-decoration: none;}
.searchLink:visited {color:#FDA209;font-size:11px;font-weight:bold; text-decoration: none;}
.searchLink:hover {color:#000000;font-size:11px;font-weight:bold; text-decoration: none;}

#root {  font-size: 10px; font-weight:normal; margin:0; padding: 0px 0px 0px 0px ; background: #ffe1b5;}


/* ---[ main column ]----------------------------- */

#main-body {
	float: right;
	width: 550px;
	margin: 10px 0 0 0;

	}






/* ---[ right column ]----------------------------- */

#sidebar {
	width: 190px;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #888;
	}




/* ---[ footer ]----------------------------------- */

#footer {

	clear: both;
	margin: 0;
	height: 26px;
	padding: 0;
	font-size: 90%;
	color: #666;
	background:  url(../images/footer_bg.gif) repeat-x;
	text-align: center;
	}
	
#footer p {
	margin: 0;
	padding: 25px 25px 5px 25px;
	
	}
#footer a {
	color: #888;
	border-bottom-color: #333;
	}
#footer a:hover {
	color: #ccc;
	}

/* ---[ Stockist ]------------------------------------ */

#stockist_finder { background: #E9E9E9; width: 190px; height: 125px; margin-top: 10px;}
#stockist_finder p {
	/*padding: 0 7px;  font: .9em/1.3 verdana, Arial, Helvetica, sans-serif; color: #000;*/
	padding: 0 7px; 
	font-size: .9em;
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#stockist_finder label { font-size: .9em; color: #000; }
#stockist_finder_pad { padding: 0 7px; }

/* ---[ forms ]------------------------------------ */

.sBox { 	 font-size:90%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF6600; font-weight: bold; background: #fff; border: 1px solid #7E9DB9; height: 18px; padding: 3px 0 0 3px;}
.height16 { height: 20px; font-size:90%; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF6600; font-weight: bold;  }

/* ---[ misc. ]---------------------------------------- */


h3 img {
	vertical-align: middle;
	}
a img {
	border: none;
	}
.hide {
	display: none;
	}
	
.hide_properly {
	text-indent: -999999px;
	margin: 0;
	padding: 0;
	font-size: 0px;
	}

/* Style to hide the main web page title - Added By Gopi - 22 October 2007 */
.hideWebTitle {
	display:none;
	margin: 0;
	padding: 0;
	font-size: 0px;
}

.clearing { clear: both; }
	
.bread { margin-top: -5px; font-size: .8em; color: #774b0d;}
/*.bread a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}*/
.bread2 { margin-top: -20px; font-size: .6em}
.img_float_right { float: right; }
/*.img_float_left { float: left; }*/
.img_float_left1 { float: left; }
.img_pad { padding: 0 5px 5px 0; }
/* ---[ content blocks. ]---------------------------------------- */

.product_block { width: 176px;font: .8em/1.2 verdana; color: #838383; }
.product_block h3 { font-size: 1.1em; color: #2E4092; }
.product_block .highlight { color: #467F48; }

/* Press Centre */
.press_block { width: 260px;font: .8em/1.2 verdana; color: #838383; }
.press_block_article { width: 400px;font: .8em/1.2 verdana; color: #838383; }
.press_block_skinny { width: 100px;font: .8em/1.2 verdana; color: #838383; }
.press_block h3 { font-size: 1.2em; color: #2E4092; }
.press_block h1 { font-size: 1.1em; color: #000; }
.press_block_article h1 { font-size: 1.1em; color: #000; }
.press_block_article p { font-size: 1.1em; color: #000; }
.press_block .highlight { color: #467F48; }
.press_highlight {  color: #2E4092; }

#press_list { font-size: 12px}

.more_link a { font-size: 1.1em; font-weight: bold; color: #774b0d; text-decoration: none; }
.link2 a { font-size: 1em; color: #774b0d;}
.more_link a:hover { color: #be740a; text-decoration: underline; }
.padder { padding-right: 5px; }
.padder10 { padding-right: 10px; }
.paddertop15 { padding-top: 15px; }
.paddertop10 { padding-top: 10px; }
.paddertop30 { padding-top: 30px; margin-left: -87px; }
.paddertop5 { padding-top: 5px; }
.padleft10 { padding-left: 10px; }
.padleft5 { padding-left: 10px; }
.paddbot { margin-bottom: 15px;}
.a10bot { padding-bottom: 10px; }
.top_dot { border-top: 1px dotted #ccc; margin-top: 15px;}
.bottom_dot { border-bottom: 1px dotted #ccc; margin-top: 15px; }

#row2 { margin-top: 15px; }
#row2 h2 { font-size: 1.1em; color: #774B0D; }
.row2b { margin-top: 15px; }
.row2b h2 { font-size: 1.1em; color: #774B0D; }
#row3 { background: #b8ee65; }
#row3 h1 { font-size: .9em; color: #774B0D; padding: 3px; }
#row3b { background: #b8ee65; }
#row3b h1 { font-size: .9em; color: #774B0D; padding: 3px; }
.row3c { background: #b8ee65; }
.row3c h1 { font-size: .9em; color: #774B0D; padding: 3px; }
.bigger {font-size: 2em; }
#row4 { margin: 1em 0 0 0; padding: 0; font-size: .9em; line-height: 1.1em;}

.block_left { float: left; }
.block_middle { position: absolute; right: 187px; }
.block_right { float: right;   }
.wide265 { width: 265px; }
.wide245 { width: 245px; }

#homepage { font-size: .9em; }

.padbottom10px { padding-bottom: 10px; }

.accesspage h2 { font-size: .9em; margin-bottom: -1em; }
.accesspage p { font-size: .9em; line-height: 1.3em}

.font9 { font-size: 1.1em;}

#selesti { font-variant: small-caps; font-size: .8em; }
#selesti a { color: #0099FF; text-decoration: none;}
#selesti a:hover { color: #FF9C00; text-decoration: underline;}

#ingredients { width: 390px; }

.hp_bg { background: url(../images/veg.jpg) 0 0;	background-repeat : no-repeat; background-position:right; }

.errormessage {color:#CC0000;}

/* ---- [ tab bar css ] ---- */
#tabbar {float:right; padding-right:22px;}
#topnavdiv {
/*background:;*/
	padding:0px;
	clear:both;
	height:20px;
}


#mainMenu {float:right; height:20px;padding-right:22px;}
#mainMenu li { margin: 0; padding: 0; list-style-type: none; display:inline; float: left; background-image: url(../images/tab-nav.gif); }

#mainMenu a {   text-decoration:none !important; display:block; font-size:1px; background-image: url(../images/tab-nav.gif); overflow: hidden; height:20px; }

#mainMenu a span { visibility:hidden; }

#menu01nm, #menu01nm a {
  background-position: 0 0;
  width: 88px;
}
#menu01nm a:hover, #menu01nm a.selected {
  background-position: 0px 20px;
}

#menu02pc, #menu02pc a {
  background-position: -88px 0;
  width: 90px;
}
#menu02pc a:hover, #menu02pc a.selected {
  background-position: -88px 20px;
}

#menu03ukbc, #menu03ukbc a {
  background-position: -178px 0;
  width: 88px;
}

#menu03ukbc a:hover, #menu03ukbc a.selected {
  background-position: -178px 20px;
}


.abf_div {  font-size:11px;}
.abf_div_h2 {font-size:12px; color:#774b0d; display:block; padding:6px; padding-left:0px;}
.abf_div_p {font-size:11px; color:#000000;}
.adformspacing{ float:right; margin:6px; }


/* ---- [ freezer deal ] ---- */

#freezerdeal {position: absolute; top:85px; right:20px;}