/* Eric Meyer's Reset Reloaded: because all browsers are not created equal :) */
@import url('reset.css');

/* universal styles */
body {
	background: #ebebef url(../images/img-bg.gif) repeat-x 0 0;
}

.clear{
	clear: both;
	height: 0px;
    overflow: hidden;
}
/*text styles*/
h2{
	font-family:Arial, Helvetica, sans-serif;
	font: bold 25px sans-serif;
	color:#3b5b76;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font: bold 13px sans-serif;
	color:#d54c1c;
	line-height: 18px;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font: bold 12px sans-serif;
}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font: bold 20px sans-serif;
	color:#3b5b76;
	line-height: 18px;
}

/* layout styles */
.prodpic {
	float:left;
	width: 423px;
}
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#contentholder {
	width: 1000px;
	position: relative;
	margin-top: 139px;

}
#homeWhite{
	width: 1000px;
	height:438px;
}
#contenthome {
	background-image: url(../images/homepage.png);
	background-repeat:no-repeat;
	width: 1000px;
	height:438px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	line-height: 18px;
}
#homeleft {
	height:300px;
	width: 385px;
	padding-top: 95px;
	float:left;
	line-height: 15px;
}
#homeleftImg{
	float: left;
	width: 218px;
}
#dw{
	width: 210px;
	margin: 8px 0 43px 0;
}
#offleash{
	width: 117px;
	margin: 0 0 0 49px;	
}
#homeleftContent{
	float: right;
	width: 155px;
	padding: 0 12px 0 0;
}
#homeleftContent h1{
	font-size: 22px;
	color: #676565;
}
#homeleftContent p{
	margin: 9px 0 13px 0;
}
#homeright {
		float:left;
		height: 400px;
		width: 615px;
}
#homelink1 {
	float: left;
	margin-top: 30px;
	width: 246px;
	height: 109px;
	padding: 250px 28px 0 26px;
	background: url(../images/bg-homeHealthy.png) no-repeat 0 0;
}
#homelink2 {
	float: left;
	margin-top: 30px;
	width: 255px;
	height: 109px;
	padding: 250px 42px 0 17px;
	background: url(../images/bg-homeBPL.png) no-repeat 0 0;
}

.homebutton{
	margin: 9px 0 0 0;	
}

.homebutton a{
	float: right;
}
#contentinternal {
	background: url(../images/internalcontent_background.png) repeat-y 0 0;
	min-height: 300px;
  	height: auto !important;
  	height: 300px;
}
*html #contentinternal {
	background: url(../images/internalcontent_background.gif) repeat-y 0 0;
}
#contentinternaltop {
	background-image: url(../images/internalcontent_top.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 1000px;
}
*html #contentinternaltop {
	background-image: url(../images/internalcontent_top_ie6.gif);
}
#veges_left {
	background-image: url(../images/veges_l.jpg);
	background-repeat: no-repeat;
	height: 405px;
	width: 209px;
	position: absolute;
	top: 0;
	left: -209px;
}
#header {
	position: absolute;
	height: 143px;
	width: 1000px;
	top: -143px;
}
#veges_right {
	height: 405px;
	width: 211px;
	background-image: url(../images/veges_r.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -211px;
}
#rightdog {
	height: 232px;
	width: 301px;
	background-image: url(../images/background_02.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 405px;
	right: -301px;
}
#leftbone {
	height: 143px;
	width: 160px;
	background-image: url(../images/background_03.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 550px;
	left: -160px;
}
#contentinternalbottom {
	background-image: url(../images/footer_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	height: 44px;
	width: 1000px;
}
*html #contentinternalbottom {
	background-image: url(../images/footer_top_ie6.gif);
}
#footer {
	background-image: url(../images/footer_bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 325px;
	width: 1001px;
}

#content {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size:12px;
	float:left;
	width: 563px;
	line-height: 18px;
}
*html #content {
	float:none;
}

.textarea {
	width: 330px;
	margin-right: 20px;
	float:left;
}

.textarea1 {
	width: 540px;
	margin-right: 20px;
	float:left;
}


.em {font-style:italic;
}


.strong {font-weight:bold;
}


.pagetitle {
	width: 330px;
	padding-bottom: 10px;
	border-bottom:solid 1px #CCC;
	margin-bottom: 10px;
}

.pagetitlemeals {
	width: 560px;
	padding-bottom: 10px;
	border-bottom:solid 1px #CCC;
	margin-bottom: 10px;
}
.imagearea {
	width: 210px;
	float:left;
}
#prod_img_all {
	width:571px;
	padding-top:10px;
	float:left;
}
#prod_txt_all {
	width:571px;
	float:left;
	padding-top:10px;
}
.prodtext {
	padding-bottom: 10px;
	line-height: 15px;
}
.prodlink {
	margin-top:20px;
}
.table_prods {
	margin-top:35px;
}

.analysis {
	width:210px;
	
}

.bullets {
	width:330px;
	
}

.bulletsimage {
	width:10px;
	
}
.bulletstext {
	width:200px;
	
}
.analysistext {
	width:135px;
	font-size: 11px;
	
}
.analysisnumber {
	width:75px;
	font-size: 11px;
}
.ingredients {
	font-size: 11px;
}

/*list styles*/
.list1 li{
padding-left: 25px;
background-image: url(../images/ingredients/beefsmall.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #dadbdc;
}

.list2 li{
padding-left: 25px;
background-image: url(../images/ingredients/calcium.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #dadbdc;
}

.list3 li{
padding-left: 25px;
background-image: url(../images/ingredients/omega.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #dadbdc;
}

.list4 li{
padding-left: 25px;
background-image: url(../images/ingredients/corn.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #dadbdc;
}
.list5 li{
padding-left: 25px;
background-image: url(../images/ingredients/iron.jpg);
background-repeat: no-repeat;
margin-top: 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #dadbdc;
}

#logo{
	float: left;
	width: 180px;
	height: 73px;
	margin: 13px 0 0 26px;
}

*html #logo{
	
}

#sign{
	float: left;
	width: 138px;
	height: 115px;
	margin: 0 0 0 30px;
}

*html #sign{
	margin: 0 0 0 51px;
}
/*nav styles*/

#navholder {
	float: left;
	height: 48px;
	width: 609px;
	margin-top: 26px;
	margin-left: 168px;
	padding: 13px 0 0 0;
	background: url(../images/bg-nav.png) 5px 0 no-repeat;
}

*html #navholder {
	margin-left: 144px;	
}

.signup {
display:block;
width: 122px;
height:31px;
float:inherit;
text-decoration: none;
}


.button a {
display:block;
width: 110px;
height:28px;
overflow:hidden;
padding:7px 0px 0px 0px;
font: bold 20px sans-serif;
color:#fff;
background: url(../images/navbutton_short.gif) 0 0 no-repeat;
text-decoration: none;
margin-right: 4px;
float:left;
text-align:center;
}

.button a:hover { 
background-position: 0 -35px;
color:#fff;
}
.button a:active {
background-position: 0 -70px;
color:#fff;
}

.button .current {
display:block;
width: 110px;
height:28px;
overflow:hidden;
padding:7px 0px 0px 0px;
font: bold 20px sans-serif;;
color:#fff;
background: url(../images/navbutton_short.gif) 0 -70px no-repeat;
text-decoration: none;
margin-right: 4px;
float:left;
text-align:center;
}
.button2 a {
display:block;
width: 186px;
height:28px;
overflow:hidden;
padding:7px 0px 0px 0px;
font: bold 20px sans-serif;;
color:#fff;
background: url(../images/navbutton_long.gif) 0 0 no-repeat;
text-decoration: none;
float:left;
text-align:center;
margin-right: 4px;
}
.button2 .current {
display:block;
width: 186px;
height:28px;
overflow:hidden;
padding:7px 0px 0px 0px;
font: bold 20px sans-serif;;
color:#fff;
background: url(../images/navbutton_long.gif) 0 -70px no-repeat;
text-decoration: none;
float:left;
text-align:center;
margin-right: 4px;
}
.button2 a:hover { 
background-position: 0 -35px;
color:#fff;
}
.button2 a:active {
background-position: 0 -70px;
color:#fff;
}

/*subnav styles*/
ul.subhtabs li{
	float: left;	
}

.prepmenu1 a{
display:block;
width: 137px;
height:35px;
overflow:hidden;
padding:75px 0px 0px 0px;
font: bold 13px sans-serif;
color:#ab405c;
background: url(../images/button_prep1.jpg) 0 0 no-repeat;
text-decoration: none;
margin-right: 3px;
text-align:center;
}

.prepmenu1 a:hover { 
background-position: 0 -125px;
color:#666;
}
.prepmenu1 a:active {
background-position: 0 -250px;
color: #ab405c;
}

.prepmenu2 a{
display:block;
width: 137px;
height:35px;
overflow:hidden;
padding:75px 0px 0px 0px;
font: bold 13px sans-serif;
color:#f48222;
background: url(../images/button_prep2.jpg) 0 0 no-repeat;
text-decoration: none;
margin-right: 3px;
text-align:center;
}

.prepmenu2 a:hover { 
background-position: 0 -125px;
color:#666;
}
.prepmenu2 a:active {
background-position: 0 -250px;
color: #f48222;
}
.prepmenu3 a{
display:block;
width: 137px;
height:35px;
overflow:hidden;
padding:75px 0px 0px 0px;
font: bold 13px sans-serif;
color:#04adb0;
background: url(../images/button_prep3.jpg) 0 0 no-repeat;
text-decoration: none;
margin-right: 3px;
text-align:center;
}

.prepmenu3 a:hover { 
background-position: 0 -125px;
color:#666;
}
.prepmenu3 a:active {
background-position: 0 -250px;
color: #04adb0;
}
.prepmenu4 a{
display:block;
width: 137px;
height:35px;
overflow:hidden;
padding:75px 0px 0px 0px;
font: bold 13px sans-serif;
color:#ca932c;
background: url(../images/button_prep4.jpg) 0 0 no-repeat;
text-decoration: none;
margin-right: 3px;
text-align:center;
}

.prepmenu4 a:hover { 
background-position: 0 -125px;
color:#666;
}
.prepmenu4 a:active {
background-position: 0 -250px;
color: #ca932c;
}
.prepmenu1 a.subnavon {
background-position: 0 -250px;
color: #ab405c;
}
.prepmenu2 a.subnavon {
background-position: 0 -250px;
color: #f48222;
}
.prepmenu3 a.subnavon {
background-position: 0 -250px;
color: #04adb0;
}
.prepmenu4 a.subnavon {
background-position: 0 -250px;
color: #ca932c;
}

#subnav .health {
	background-image: url(../images/subnav1.png);
	background-repeat: no-repeat;
	height: 685px;
	width: 371px;
	padding-top: 75px;
	padding-left: 43px;
	float:left;
}


#subnav .products {
	background-image: url(../images/subnav2.png);
	background-repeat: no-repeat;
	height: 685px;
	width: 371px;
	padding-top: 44px;
	padding-left: 39px;
	float:left;
}


#subnav .offtheleash {
	background-image: url(../images/subnav3.png);
	background-repeat: no-repeat;
	height: 685px;
	width: 371px;
	padding-top: 75px;
	padding-left: 35px;
	float:left;

}
#subnav ul {
	list-style-image:url(../images/subnav_arrow.gif);
	margin-left: 15px;
	margin-top:10px;
}
#subnav a{
	list-style-image:url(../images/subnav_arrow.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	line-height: 18px;
	text-decoration:none;
}

#subnav a:hover {
	font-weight:bold;
	color:#ede347;
}


#subnav a.subnavon {
	font-weight:bold;
	color:#ede347;
}

/* New Footer */
#flashWrapper{
	padding: 10px 0 0 0;
	background: #fff;
	margin: -6px 0 0 0;
}
#tv {
	width:370px;
	height:168px;
	float:left;
	margin-top: 4px;
}
*html #tv {
	margin-left: 10px;
	margin-right: 8px;
}
#scroller {
	height:168px;
	width:580px;
	float:left;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 4px;
}
#purinaFooterOutter{
	background: #fff;
	padding: 5px 20px;
}
#purinaFooter {
	position: relative;
	width: 960px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #000;
	height:50px;
	font-size:small;
	z-index: 100;
}
#fVege1{
	position: absolute;
	width: 156px;
	height: 295px;
	top: -145px;
	left: -156px;
}
#fVege2{
	position: absolute;
	width: 448px;
	height: 119px;
	top: 45px;
	left: 0;
}
#fVege3{
	position: absolute;
	width: 312px;
	height: 107px;
	top: 20px;
	right: 0px;
}
#fVege4{
	position: absolute;
	width: 80px;
	height: 286px;
	top: -160px;
	right: -80px;
}
#purinaFooter ul.nav {
	margin: 0;
	padding:10px 5px 2px 18px;
	list-style: none;
	text-transform:lowercase;
}
#purinaFooter ul.nav li {
	margin: 0;
	padding:0;
	display:inline;
	line-height:inherit;
	list-style-image:none;
	list-style-type:none;
	line-height: inherit;
}
#purinaFooter ul.nav li a {
	border-right:1px solid #6F4D44;
	color:#AFAFAF;
	display:block;
	float:left;
	font-size:78%;
	line-height:110%;
	padding:0 5px 0;
	text-decoration:none;
}
#purinaFooter ul.nav li a:hover {
	color: #CCC;
}
#purinaFooter #footerContent {
	color: #afafaf;
	width:500px;
	float:left;
}
#purinaFooter #copyright {
	clear:both;
	padding-left:23px;
	font-size: 78%;
}
#purinaFooter #footerLogo {
	text-align:right;
	margin: 0 23px 0 0x;
	width:182px;
	float:right;
	height:30px;
}
#footerbottom {
	background-image:url(../images/footerbackground.png);
	background-repeat:no-repeat;
	width:1000px;
	height:11px;
}

#footerbottomsidedog {
	background-image:url(../images/background_01.gif);
	background-repeat:no-repeat;
	width:209px;
	height:403px;
	position:relative;
	top:-246px;
	left:-209px;
}

.textarea1 ol{
	padding: 0 0 0 15px;
	list-style: decimal;
}

*html .textarea1 ol{
	padding: 0 0 0 35px;
	list-style: decimal;
}

.textarea1 ol li{
	margin: 0 0 10px 0;	
}