 @charset "utf-8";
body {
	background:#2d648c;
	text-align:center;
	margin:0;
	padding:0;
	font-size:93%;
	font-family: Arial, Tahoma, helvetica, sans-serif;
}
.container {
	background:#FFF;
	width:100%;
	text-align:center;
	min-width:1000px;
}

#hd .line1 {
	height:97px;
background:url(../images/clawhealer-logo-bg.png) repeat-x;


}

#hd .line12 {
	height:97px;
	background:url(../images/clawhealer-logo-bg.jpg) no-repeat top left;
	background-position:center;
}

#hd .line11 {
	height:97px;
background:url(../images/clawhealer_banner_01.jpg) no-repeat top left;
}


#hd .line1 .search {
	height:5px;
	float:left;
	vertical-align:middle;
	margin-top:55px;
	margin-left:10px;
width:242px;
	text-align:left;
}
#hd .line1 .banner {
	float:right;
}
#hd .line1 .banner-left {
	float:left;
}
#hd .line1 .search span {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
}
#hd .line1 .search .input {
	margin-left:1px;
}

#hd .line1 .search .input div {
	display:inline;
float:right;
}

#hd .line1 .search .input input
{
}
#hd .line1 .image {
	float:left;
}



#hd .line2 {
	height:18px;
	background:url(../images/c-line2-bg.gif) repeat-x;
	margin-top:3px;
}


#hd .line3 {
	height:25px;
	background:url(../images/line3-bg.jpg) repeat top left;
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
}
#hd .line4 {
	height:34px;
	background:url(../images/line4-bg.jpg) repeat top left;
	text-align:left;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
}

.left {
	width: 195px;
	text-align:center;
	float:left;
	white-space:nowrap;
background-color:#D5D6D8;
}

.nav-bg
{

}
#bd
{
background:none;
}

.bd1
{
background-color:#d5d7d8;	
}
/*left new */

.left .product {
	text-align:left;
}
.left .product .title {
	height:26px;
	background:url(../images/left-bg.jpg) repeat-x;
	text-align:left;
	vertical-align:middle;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:100%;
	padding:3px 0 0 5px;
}
.left .product ul {
}
.left .product li {
	list-style:none;
	margin-left:2px;
	border-bottom: 1px solid #dadada;
	
}
.left .product li a {
	color: #a70303;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left center;
	padding: 2px 0 2px 1px;
	text-decoration: none;
	font-weight: normal;
	font-size: 85%;
	font-family:Arial, Helvetica, sans-serif;
}
.left .product li a:hover
{
	text-decoration:underline;
}
.left .disease li.first:before {
	content: '';
	padding-right: 0;
}

.left .seperator
{
height:3px;
clear:both;
}

/*new nav */
.main
{
	margin-left:200px;
	background-color:#FFF;
}
/*new nav */

#ft
{
	margin-top:10px;
background:#FFF;	
}

#ft .line2 {
	height:25px;
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
	font-family:Verdana, Geneva, sans-serif;
	color: #0d72ba;
}
#ft .line2 li {
	display: inline;
	padding: 0 2px;
}

#ft .line2 li a {
	color: #0d72ba;
	padding: 3px 5px;
	text-decoration: none;
	font-size:100%;
	text-transform:uppercase;
}
#ft .line2 li a:hover {
	color: #000;
}
#ft .line2 hr
{
color:#0d72ba;
width:55%;

}
#ft .line3 {
	background:url(../images/shipping-payment-method.jpg) no-repeat;
	height:60px;
	background-position:center;
	margin-left:0;
	text-align:right;
	width:100%;
}




.copyright {
	padding-top:10px;
	width:100%;
	text-align:center;
	font-size:83%;
}
.copyright span {
	display:block;
}
.copyright .disclaimer {
	width:99%;
	text-align:justify;
	font-size:85%;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.copyright .disclaimer p{
	margin-top:5px;
}
.copyright a {
	text-decoration:none;
	color:#FFF;
}
.copyright .author {
	float:right;
	font-size:90%;
	padding:23px 20px 0 17px;
}
.copyright .copy {
	float:left;
	padding:23px 0 0 17px;
	font-size:90%;
}

/* Home page*/
.home-intro
{
	text-align:justify;
	padding:10px 10px 10px 10px;
	color:#000;
	margin:0 0 0 10px;
	font-weight:80%;
	background-color:#F2F2F2;
	background:url(../images/paw_bg.png);
}

.main-nav{
height:30px;
}
.main-nav td
{
text-align:center;
white-space:nowrap;
text-transform:uppercase;
border-left:2px solid #FFF;
}
.main-nav td:hover
{
background-color:#00ADEF;
}
.main-nav a{
color:#FFF;
text-decoration:none;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
font-size:95%;
}

.homepage
{
text-align:justify;
padding:15px;
}



/* Navigation */
ul.leftnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
}
ul.leftnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.leftnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.leftnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.leftnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.leftnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.leftnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.leftnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.leftnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.leftnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}


/* Navigation */


/* Top Nav */
.topnav{
float:left;
margin-top:5px;
height:30px;
}
.topnav li {
	display: inline;
	padding: 6px 10px;
	font-weight:bold;
background-color:#00477b;

}
.topnav .people-nav
{
background-color:#83bf5d;
}
.topnav .dogs-nav
{
background-color:#f8931d;
}
.topnav li:hover
{
background-color:#00ADEF;
}

.topnav li a {
	color: #FFF;
	padding: 3px 3px;
	text-decoration: none;
	font-size:94%;
	font-weight:bold;
}
.topnav li  a:hover {
	color: #FFF;
}
.topnav li  a:selected {
	color: #FFF;
}
 /* Top Nav */

/* Source link */
.main-content
{
background-color:#D5D6D8;
width:99%;
float:left;
}

.main-left
{

min-height:620px;
text-align:justify;
padding:5px;
background:url(/images/yinyang_watermark.png) no-repeat center 250px;
background-color:#FFF;
}
.main-left-product
{
margin-right:0;
}
.source-link
{
float:right;
width:180px;
background:url(../images/ClawHealer_Sourcelinks_image.png) no-repeat top left;
height:100px;
}

.surveytitle
{
	width:100%;
	background:url(../images/clawhealer-survey-title.png) no-repeat;
	background-position:center;
	height:28px;
}

.rp-15
{
	float:right;
	width:180px;
	height:96px;
	background:url(../images/feline-rp-click.jpg) no-repeat;
	background-position:center;
	background-color:#FFF;
}

.prd-row1
{
	background-color:#F7921E;
color:#FFF;
text-align:left;
font-weight:bold;
font-size:100%;
padding-left:5px;
whitespace:nowrap;
border-right:1px solid #666;
}

.prd-row2
{	background-color:#82C05D;
color:#FFF;
text-align:center;
font-weight:bold;
font-size:100%;
whitespace:nowrap;
padding-right:5px;
}


.prd-link
{
display:block;
	margin-top:8px;
}

.prd-link a
{

color:#D24300;
text-decoration:underline;
font-size:90%;
font-weight:bold;


}

.prd-link a:hover
{
color:#0db14b;	
}

.prd-col1, .prd-col2, .prd-col3
{
white-space:nowrap;
width:33%;
vertical-align:top;
}
.prd-col1-header, .prd-col2-header, .prd-col3-header
{
background-color:#82bf5c;
text-align:center;
}

.prd-col1-header
{
color:#00477b;
font-weight:bold;
font-size:110%;
}

.prd-col2-header
{
color:#FFF;
font-weight:bold;
font-size:110%;
padding-left:5px;
}
.prd-col3-header
{
color:#00477b;
font-weight:bold;
font-size:110%;
padding-left:5px;
}

.prd-col2-detail
{
background-color:#d5d7d8;

}
.additional
{
background:url(../images/feline-additional.gif) no-repeat;
background-position:center;
height:26px;
}
.prd-price-box
{
vertical-align:top;
white-space:nowrap;
padding-left:10px;

}
.prd-price-box input
{
margin-top:6px;

}
.campaign
{
color:#F7921E;
font-weight:bold;
}

.prd-name
{
color:#007647;
font-weight:bold;
font-size:110%;
margin-bottom:10px;
}

.prd-buy
{
margin-top:10px;
}

.dosage, .ingredients
{
text-align:justify;	
}

.content
{
padding-top:20px;	
}

.under
{
background:url(/images/FELINE_SPLASH_PAGE.jpg) no-repeat top left;
width:100%;
height:385px;

}
.cats-item
{
background-color:#24487c;
padding:3px;
text-align:left;
margin-top:2px;

}
.cats-item a
{
text-decoration:none;
color:white;
font-weight:bold;
font-size:85%;

}

.cats-item a:hover
{
text-decoration:underline;
}

.cats-item:hover
{
background-color:orange;
}




.cats-item-main
{
background-color:#83bf5d;
padding:3px;
text-align:center;

}
.cats-item-main a
{
text-decoration:none;
color:white;
font-weight:bold;
font-size:120%;

}

/* product page*/
.formula a
{
	text-decoration:none;color:white;
font-weight:bold;	
	
}
.formula a:hover
{
	text-decoration:underline;
	
}
.formula .title
{
	background-color:transparent;
padding-left:50px;

}
.formula .product li
{
white-space:nowrap;

}
.title .link a{
	text-decoration:none;
	color:#4f5123;
	font-weight:bold;
}
.title .link a:hover{
color:orange;
text-decoration:underline;	
}
/* End Product Page*/
.more-cats
{
background:url(/images/cats/MORE_Button1.png) no-repeat center left;
height:46px;
width:300px;
padding-left:45px;
padding-top:23px;
margin-top:-20px;
}

.more-cats a
{
color:#2E92D4;
font-size:95%;
font-weight:bold;

}

.newlayout-top
{
text-align:center;
font-size:170%;
font-family:Verdana;
font-weight:bold;
color:#FFF;
}
