@charset "utf-8";
/* CSS Document */

body { font: 12px/17px Arial, Helvetica, sans-serif; color: #474646; margin: 0px; padding: 0px; position: relative; }

.maindiv {
background: url(../images/home-bg.jpg) repeat-x; width:100%; border-top:15px solid #90d16d;
}

.body_inner { height:auto; width:auto; border-top:15px solid #90d16d; margin:0px; padding-top:0px;}

.innerbodydiv{background:url(../images/bodybg_inner.gif) repeat-x #fff; width:100%;}



a { color: #474646; text-decoration: none }

a:hover { color: #474646; text-decoration: underline }

form{margin:0px; padding:0px;}

.lightgrey { color: #d8edcb; font-size: 11px }

img { border: none }

a {outline:none;}

.topbanner {padding:13px 0px 9px 0px;}

.header1{ background:url(../images/header1.jpg) no-repeat; width:428px; height:108px; padding-top:87px;}
/*.header3{ background:url(../images/header3.jpg) no-repeat left top; width:226px; height:56px; padding-top:139px;}*/
.header3{ background:url(../images/header3.jpg) no-repeat left top; width:226px; height:83px; padding-top:27px;}

.bannertext {font:bold 12px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}

.whitetitle { color: #fff; font-size: 13px; font-weight: bold; background:url(../images/title-rt.jpg) no-repeat }
.whitetitle a {color:#FFF; text-decoration:none;}
.whitetitle a:hover {color:#FFFFFF;}

.greybox { background: url(../images/greybox-bg.jpg) repeat-y; padding: 0 10px 0 10px }

.formfield { border: solid #dbdada 1px; background-color: #fff; width: 188px; height:auto; padding-top: 3px  }

.dottedline { border-top: dotted #787878 1px }

.infolink { padding-left: 13px; background: url(../images/arrow.jpg) no-repeat; color: #000; line-height:23px; font-size: 12px; text-decoration: none }

.infolink a{ color: #000; text-decoration: none }


.title-equine { padding-left: 38px; background: url(../images/title-equine.jpg) no-repeat; width: 460px; color: #fff; font-size: 13px; font-weight: bold; height: 33px; line-height: 33px; padding-bottom:5px;}
.title-equine a {color:#FFF; text-decoration:none;}
.title-equine a:hover {color:#FFFFFF;}

.title-canine { padding-left: 38px; background: url(../images/title-canine.jpg) no-repeat; width: 460px; color: #fff; font-size: 13px; font-weight: bold; height: 33px; line-height: 33px;  padding-bottom:5px; }
.title-canine a {color:#FFF; text-decoration:none;}
.title-canine a:hover {color:#FFFFFF;}

.title-human { padding-left: 38px; background: url(../images/title-human.jpg) no-repeat; width: 460px; color: #fff; font-size: 13px; font-weight: bold; height: 33px; line-height: 33px;  padding-bottom:5px; }
.title-human a {color:#FFF; text-decoration:none;}
.title-human a:hover {color:#FFFFFF;}

.human-box1 { background:  url(../images/human_bg1.jpg) no-repeat; width: 192px; height: 193px; color: #fff; font-weight: bold }

.human-box1 img {margin : 7px 0px 0px 9px;}

.human-box1 ul {margin:35px 0px 0px 20px; padding:0px; font:normal 11px/15px Arial, Helvetica, sans-serif; color:#FFF;}
.human-box1 ul li {margin:0px; padding-bottom:3px;}


.pricebox { height: 38px; background: url(../images/price-box.jpg) no-repeat; line-height:38px; padding: 0 13px 0 13px; color: #484848; font-size: 24px }


.equine-box { background:url(../images/equine-bg.jpg) no-repeat; width: 311px; height: 240px; color: #fff; font-weight: bold;  margin-top:15px;}

.equine-box img {margin : 7px 0px 0px 9px;}

.canine-box { background: url(../images/canine-bg.jpg) no-repeat; width: 311x; height: 240px; color: #fff; font-weight: bold; margin-top:15px; }


.canine-box img {margin : 7px 0px 0px 9px;}

.human-box { background: url(../images/human-bg.jpg) no-repeat; width: 311px; height: 240px; color: #fff; font-weight: bold; margin-top:15px; }

.human-box img {margin : 7px 0px 0px 9px;}

.chmatrix-box { background: url(../images/choose_matrix.jpg) no-repeat; width: 311px; height: 240px; color: #fff; font-weight: bold; margin-top:15px;}


.chmatrix-box img {margin : 7px 0px 0px 9px;}

.text {font-size:12px; line-height:14px; width:auto; height:140px; padding: 60px 0px 0px 9px;}
* html .text {font-size:12px; width:auto; height:135px; margin: 60px 0px 0px 9px; padding:0px; }
:first-child+html .text {font-size:12px; width:auto; height:135px; margin: 60px 0px 0px 9px; padding:0px; }

.text ul {margin:0px 0px 0px 8px; padding:0px 0px 0px 8px; list-style:disc;}

.text li {padding-bottom:5px;}

.textmatrix {font-size:12px; line-height:14px; width:auto; height:155px; padding: 45px 0px 0px 9px;}
* html .textmatrix {font-size:12px; width:auto; height:150px; margin: 45px 0px 0px 9px; padding:0px; }
:first-child+html .textmatrix {font-size:12px; width:auto; height:150px; margin: 45px 0px 0px 9px; padding:0px; }

.textmatrix ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}

.textmatrix li {background:transparent url(../images/bullet.gif) no-repeat; list-style:none; padding:0px 0px 5px 15px;}

.footer { height: 23px; border-top: solid #dbdada 1px; background-color: #f1f0f0; padding: 35px 13px 35px 13px }


/* -------------
 * Selects
 * ------------- */
span.select {
	position: absolute;
	width: 116px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 24px;
	padding: 2px 24px 0 8px;
	color: #4d4d4d;
	font: 11px/21px arial,sans-serif;
	background: url(select.jpg) no-repeat;
	overflow: hidden;
	text-align: left
}

input.styled { display: none; } select.styled { position: relative; width: 116px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }

.phcall3 {font: bold 19px/25px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left;}

fieldset.search {	border: none;	width: 196px;	margin: 0 auto;	}

.search input, .search button {	border: none;	float: left;}

.search input.box { color: 000;	font-size: 1.2em;	width: 98px;	height: 22px;	padding: 2px 0px 0 27px;	background: #616161 url(../images/search_bg.jpg) no-repeat left top;	margin-right: 0px;}

.search input.box:focus {	background: #616161 url(../images/search_bg.jpg) no-repeat left -24px;	outline: none;}

/*.search button.btn {	width: 69px;	height: 24px;	cursor: pointer;	text-indent: -9999px;	background: #fbc900 url(../images/search_bg.jpg) no-repeat top right;	}

.search button.btn:hover {	background: #fbc900 url(../images/search_bg.jpg) no-repeat bottom right;	}*/

input.btn {
  font:bold 11px/24px Arial, Helvetica, sans-serif;
  color:#000000;
  background:url(../images/btn_bg.gif) no-repeat;
  width:66px; height:24px;
}

ul.topnav {
	list-style: none;
	padding: 0px 0px;
	margin: 0;
	float: left;
	width: 760px;
	background: #222;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/topnav_bg1.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0px 15px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	
}
ul.topnav li a{
	padding: 7px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #828282;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #f1f0f0;
	border-width: 0 1px 1px 1px
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #f1f0f0; /*--Create bevel effect--*/
	border-bottom: 0px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #828282 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #434443 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}


/************************************ INNER PAGES **************************************/

.innertop_banner {padding-top:10px; padding-bottom:12px; width:auto;}
.innerbannerleft {background:url(../images/inner_topbanner_left.jpg) no-repeat right; width:597px; height:146px;}
.specialoffer {background:url(../images/banner_specialoffer.jpg) no-repeat; width:365px; height:146px;}

.middlecontent {padding:16px 0px 22px 0px;}

.headingtext {background:url(../images/heading_bg.gif) no-repeat; width:212px; height:33px; text-indent:27px; font:bold 13px/33px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

.product_heading1 {background:url(../images/product_details_heading.jpg) no-repeat; width:730px; height:33px; text-indent:40px; font:bold 13px/33px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
.product_heading2 {background:url(../images/product_details_heading1.jpg) no-repeat; width:730px; height:33px; text-indent:40px; font:bold 13px/33px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}
.product_heading3 {background:url(../images/product_details_heading2.jpg) no-repeat; width:730px; height:33px; text-indent:40px; font:bold 13px/33px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

.buy_now1 {background:url(../images/btn_buynow_bg.jpg) no-repeat; width:88px; height:24px; font:bold 12px/24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.buy_now1 a {color:#FFF; text-decoration:none; display:block;}
.buy_now1 a:hover {color:#FFF; text-decoration:underline;}

.buy_now2 {background:url(../images/btn_buynow_bg1.jpg) no-repeat; width:88px; height:24px; font:bold 12px/24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.buy_now2 a {color:#FFF; text-decoration:none; display:block;}
.buy_now2 a:hover {color:#FFF; text-decoration:underline;}

.buy_now3 {background:url(../images/btn_buynow_bg2.jpg) no-repeat; width:88px; height:24px; font:bold 12px/24px Arial, Helvetica, sans-serif; color:#FFF; text-align:center;}
.buy_now3 a {color:#FFF; text-decoration:none; display:block;}
.buy_now3 a:hover {color:#FFF; text-decoration:underline;}

.productbox {padding:15px 0px 15px 12px; border-bottom:1px dotted #7f7f7f;}

.productimg {border:1px solid #aaaaaa;}

.productdet {padding-left:12px;}

.textbold {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textnormal {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textnormal a {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline;}

.redlink {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#F00; text-decoration:none;}
.redlink a {color:#F00; text-decoration:underline;}

.bgborder {background:#f8f8f8; border:1px solid #dadada; padding:7px;}

.redbold {font:bold 12px/20px Arial, Helvetica, sans-serif; color:#F00; text-decoration:none;}

.price {font:bold 18px/22px Arial, Helvetica, sans-serif; color:#4c4c4c; text-decoration:none;}

/**************************************************************/

.product_detailsheading {font:bold 16px/25px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.textenlarge {font: normal 11px/15px Arial, Helvetica, sans-serif; text-decoration:underline; color: #474646;}
.textenlarge a {text-decoration:underline; color: #474646;}
.textenlarge a {text-decoration:underline; color: #000;}

.pricestrike {font:bold 23px/26px Arial, Helvetica, sans-serif; color:#626262; text-decoration:line-through;}
.pricered {font:bold 23px/26px Arial, Helvetica, sans-serif; color:#e70000; text-decoration:none;}

.common_heading {background:url(../images/common_headings.jpg) no-repeat; width:730px; height:33px; text-indent:40px; font:bold 13px/33px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;}

.textfield {background:#fff; border:1px solid #aaa; font:normal 11px Arial, Helvetica, sans-serif; color:#000; width:180px; height:auto;}
.textdrop {background:#fff; border:1px solid #aaa; font:normal 11px Arial, Helvetica, sans-serif; color:#000; width:300px; height:22px;}

/***************************** REVIEW CSS *************************************/

.reviewname {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#000000;}
.reviewname a {color:#000000; text-decoration:underline;}

.reviewbg_top {background:url(../images/review_bg_top.gif) no-repeat; width:583px; height:12px;}
.reviewbg_btm {background:url(../images/review_bg_btm.gif) no-repeat; width:583px; height:12px;}
.review_mid {background:#f8f8f8; border-left:1px solid #dbdada; border-right:1px solid #dbdada; padding:0px 12px;}
.textdrop {width:100px; height:20px; border:1px solid #000; background:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}

/* custom css */
.whitehead {
   font:bold 13px/33px Arial, Helvetica, sans-serif;
   color:#FFF; 
   text-decoration:none;
}
.whitehead a {color:#FFF; text-decoration:underline;}

.whitehead a:hover {color:#FFFFFF; text-decoration:underline;}
  

.pricegray {font:bold 23px/26px Arial, Helvetica, sans-serif; color:#626262; text-decoration:none;}
.specialLink { 
font : Arial, Helvetica, sans-serif;
color: #000; 
line-height:23px; 
font-size: 12px; 
text-decoration: none;
}

.specialLink a{ color: #000; text-decoration: none }

.footerLink { 
font : Arial, Helvetica, sans-serif;
color: #000; 
line-height:23px; 
font-size: 13px; 
text-decoration: none;
}

.footerLink a{ color: #000; text-decoration: none }

.smttxt { 
font : Arial, Helvetica, sans-serif;
color: #000; 
line-height:23px; 
font-size: 13px; 
text-decoration: none;
}

.smalltext { 
font : Arial, Helvetica, sans-serif;
color: #000; 
line-height:23px; 
font-size: 10px; 
text-decoration: none;
}


.normtext { 
font : Arial, Helvetica, sans-serif;
color: #000; 
line-height:18px; 
font-size: 13px; 
text-decoration: none;
}
.redtxt { 
font : Arial, Helvetica, sans-serif;
color: #ff0000; 
line-height:23px; 
font-size: 13px; 
text-decoration: none;
}
.boldtxt { 
font : Arial, Helvetica, sans-serif;
color: #000;
font-weight:bold;
font-size: 13px; 
text-decoration: none;
}
.messageStackError { 
font : Arial, Helvetica, sans-serif;
color: #ff0000; 
font-size: 11px; 
text-decoration: none;
}
.messageStackSuccess { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#009966; 
font-weight:bold; 
text-decoration: none;
}
.smalltext { 
font : Arial, Helvetica, sans-serif;
color: #000; 
font-size: 11px; 
text-decoration: none;
}
.bigtextlink { 
font : Arial, Helvetica, sans-serif;
font-weight:bold;
color: #000; 
font-size: 13px; 
text-decoration: none;
}
.bigtextlink a:hover {color:#000; text-decoration:underline;}

.normLink { 
font : Arial, Helvetica, sans-serif;
color: #000; 
font-size: 12px; 
text-decoration: none;
}

.normLink a{ color: #000; text-decoration: none }

.textboldLink{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000; 
text-decoration:none;
}
.textboldLink a:hover {color:#000; text-decoration:underline;}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #F0F0F0;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #F0F0F0;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.main {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}

.boxText {font:normal 12px/20px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}

.whitelink { 
font : Arial, Helvetica, sans-serif;
color: #FFFFFF; 
font-size: 13px; 
text-decoration: none;
}

.whitelink a{ color: #FFFFFF; text-decoration: none }
.whitelink a:hover{ color: #FFFFFF; text-decoration: none }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/*.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }*/

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/* search */
.searchbtnimg{background:url(../images/search_btn.jpg) 0 0 no-repeat; width:66px; height:24px; border:none; padding:0px; margin-right:20px;}
.searchfieldimg{background:url(../images/search_bg.jpg) 0 0 no-repeat; width:100px; height:24px; border:none; padding-top:3px; margin:0px;}
.searchfield{background:none; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:60px; padding:0px 0px 1px 0px; margin-left:27px; text-align:left;}
.searchbtn{background:none; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; width:60px; padding:0px; margin:0px;}

/*TR.headerError {
  background: #ff0000;
}*/

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
  font-weight : bold;
  text-align : center;
}

/*TR.headerInfo {
  background: #00ff00;
}
*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#009900;
  font-weight: bold;
  text-align: center;
}

.bigNewsText {
font-size:24px;
}