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

.form_light {font-family: Arial, sans-serif; font-size:11px; color:#000000;  font-weight: normal; text-align:right;}

.form_left {font-family: Arial, sans-serif; font-size:11px; color:#000000;  font-weight: normal; text-align:left;}

.form_price_blk {font-family: Arial, sans-serif; font-size:12px; color:#000000;  font-weight: normal; text-align:left;}

.form_purple {font-family: Arial, sans-serif; font-size:12px; color:#5A1386;  font-weight: normal; text-align:left;}

.form_red {font-family: Arial, sans-serif; font-size:12px; color:#961515;  font-weight: bold; text-align:left;}

.form_green {font-family: Arial, sans-serif; font-size:12px; color:#7b9e0e;  font-weight: bold; text-align:left;}

.form_green_large {font-family: Impact, sans-serif; font-size:38px; color:#004c23;  font-weight: normal; text-align:center;}

.form_gray_large {font-family: Impact, sans-serif; font-size:38px; color:#777777;  font-weight: normal; text-align:center;}

.form_Red_large {font-family: Impact, sans-serif; font-size:36px; color:#961515;  font-weight: normal; text-align:center;}

.form_Brown_large {font-family: Impact, sans-serif; font-size:38px; color:#603813;  font-weight: normal; text-align:center;  line-height:80%;}

.form_DarkBrown_large {font-family: Impact, sans-serif; font-size:38px; color:#a97f47;  font-weight: normal; text-align:center;}

.form_brown_small {font-family: Arial, sans-serif; font-size:20px; color:#a97f47; font-style:italic;  font-weight: normal; text-align:center; line-height:80%;}

.required {font-family: Arial, sans-serif; font-size:11px; color:#000000;  font-weight: Normal;}

.required.error { background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; color:#000000;  font-weight: Normal; width:150px; height:18px;}



h1#header{margin: 0px 0px 0px 0px; font-size: 18px; text-align:center; color: #002157}
h1{margin: 0px}
#content{width: 950px; margin: 0px auto; background:url(images/contentbg.jpg) repeat-y;}

#hero{width: 950px; height: 516px; margin: auto; background:url(images/formbg.jpg) no-repeat;}
#spacer{display: block; height: 120px}
#formtable{display: block; width: 400px; margin-left: 525px; font-size: 15px}

#leftcontent{width: 540px; float: left}
h2#header2{margin: 0px 15px 10px 30px; font-size: 16px; text-align:left; color: #002157;}
#experts{width: 450px; background:url(images/experts.jpg) repeat-y; padding: 10px 0px 10px 40px;  color: #002157; font-size: 16px; margin-bottom: 10px; font-weight: bold}
#quote{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #000000; font-style:italic}
#quotee{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #002157; font-weight: bold}
#quote2{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #000000; font-style:italic}
#quotee2{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #002157; font-weight: bold}
#scale{border: 1px solid #002157; margin-right: 10px}
#quote3{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #000000; font-style:italic}
#quotee3{margin: 0px 15px 10px 30px; font-size: 14px; text-align:left; color: #002157; font-weight: bold}
#joggers{border: 1px solid #002157; margin-left: 10px}

#rightcontent{width: 362px; float: right; margin: 0px 36px 0px 0px}
#topics{margin: 0px 0px 0px 10px; font-size: 18px; text-align:left; color: #002157;}
ul#chapters{font-size: 18px; text-align:left; color: #595959;list-style-image:url(images/check.png);}
#holt{margin: 0px 0px 10px 0px; font-size: 14px; text-align:left; color: #002157; background: #c0cee5; padding: 10px}
#holtpic{border: 1px solid #002157; margin-left: 10px;}
#institute{margin: 0px 0px 10px 0px; font-size: 14px; text-align:left; color: #002157; padding: 10px; float: left; width: 200px}
#institutepic{margin-left: 5px; float: left}


.overlaylink {color: #603813; text-decoration:underline; font-weight:bold; }


P{
line-height:140%;
font-family: arial; 
font-size: 14px; 
color: #111111;
text-align:left;
}

body{
line-height:140%;
font-family: arial; 
font-size: 14px; 
color: #111111;
/*text-align:left;
*/}

.Bullet
{
	font-family:Arial, Helvetica, sans-serif;
	line-height: 50%;
	color:#7b9e0e;
	/*text-align:center;*/
	font-size: 30px; 
	font-weight:normal;
	}
	
.Bullet_Text {
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
	color:#111111;
	text-align:left;
	font-size: 14px; 
	}	


.TestimonailText1{
line-height:130%;
font-family: arial; 
font-size: 14px; 
color: #000000;
}


.Page_Title{
font-family: impact; 
font-size: 30px; 
color: #7b9e0e; 
font-style:normal;
line-height:130%;
text-align:left;
}


.Sub_Title{
font-family: impact; 
font-size: 24px; 
color: #7b9e0e; 
font-style:normal;
line-height:130%;
text-align:left;
}

.Sub_TitleBld{
font-family: arial; 
font-size: 20px; 
color: #7b9e0e; 
font-style:bold;
line-height:100%;
text-align:left;
}

.Box_title {
font-family: arial; 
font-size: 16px; 
color: #507810; 
font-style:normal;
line-height:100%;
}

.testimonial {
font-family: arial; 
font-size: 16px; 
color: #507810; 
font-style:normal;
line-height:100%;
text-align:right;
}

.Box_Text{
line-height:100%;
font-family: arial; 
font-size: 12px; 
color: #555555; 
}

.Box_TextBK{
line-height:100%;
font-family: arial; 
font-size: 12px;
font-weight:normal;
color: #000000; 
}

H2 {
font-family: arial; 
font-size: 16px; 
 
font-style:normal;
line-height:110%;
}

.graybar{
width: 914px;
height: 40px; 
background-color:#ECECEC;

}

.graybartext{
/*font-family: arial; 
font-size: 16px; 
color: #000000; 
font-style:normal;*/
line-height:110%;
text-align:left;
padding: 8px 0px 8px;}

.frame1{
width: 608px;
height: 462px;
z-index:100;
/*background-color:#009900;*/
background-image: url(images/HomeHero.jpg);
}
.frame2{
width: 608px;
height: 462px;
z-index:100;
/*background-color:#FF3333;*/
background-image: url(images/HomeHero2.jpg);
}
.frame3{
width: 608px;
height: 462px;
z-index:100;
/*background-color:#0033CC;*/
background-image: url(images/HomeHero3.jpg);
}

.HeaderLogo {
width: 975px;
height: 90px;
z-index:100;
background-color:#603913;
background-image: url(images/HeaderLogo.png);
background-repeat: repeat-x;
}

.footer{
width: 100%;
/*height: 462px;*/
z-index:100;
background-color:#603913;
background-image: url(images/FooterFade.png);
background-repeat: repeat-x;
}



.footer1{
line-height:130%;
font-family: arial; 
font-size: 11px; 
color: #d7c3af; 
}

.footer2{
line-height:130%;
width: 800px; 
font-family: arial; 
font-size: 11px; 
color: #999999; 
}


.footer3{
line-height:130%;
width: 500px; 
font-family: arial; 
font-size: 11px; 
color: #000000;
}

.Body_text_frame{
width: 580px; 
font-family: arial;
}

.Body_text_frame2{
width: 450px; 
font-family: arial;
}

.FDA_frame{
width: 500px;

padding: 5px 7px 5px;

border-top:#000;
border-top:thin;
border-top-style:solid;

border-left:#000;
border-left:thin;
border-left-style:solid;

border-right:#000;
border-right:thin;
border-right-style:solid;

border-bottom:#000;
border-bottom:thin;
border-bottom-style:solid;

background-color:#FFF;
}


/*#boxes{padding-top:0px;}

#boxes p{
	margin-bottom: 14px;	
}
#boxes table, #boxes tr
{
	border:none;	
}
#boxes td{
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 12px;

	 height: 125px;
}

#boxes h2{
	font-size: 1.2em;	
}*/
.boxes {
	width:100%;
height: 192px;
background-color:#eef6d5;
background-image: url(images/LowerBoxesFade.png);
background-repeat: repeat-x;
}

.affiliations {
	width:100%;
height: 100px;
background-color:#7b9e0e;
}

.lowerBoxText {
	margin-bottom: 14px; }

.box_left {
	padding-top:0;
	width:299px;
	height: 192px;
	padding-right: 80px !important;
	background: url(images/LowerBoxes_01.png) no-repeat;
	/*background-position: 162px 10px;*/
}

.box_middle{
	padding-top:0;
	width:291px;
	height: 192px;
	padding-right: 75px !important;
	background: url(images/LowerBoxes_02.png) no-repeat;
	/*background-position: 162px 10px;*/
}

.box_right{
	padding-top:0;
	width:385px;
	height: 192px;
	padding-right: 105px !important;
	background: url(images/LowerBoxes_03.png) no-repeat;
	/*background-position: 162px 10px;*/
}

.box_3{
	background: url(images/LowerBoxesBg3.jpg) no-repeat top right;	
	padding-right: 75px !important;
}


.Ask_box{
	padding-top:0;
	width:975px;
	height: 357px;
/*	padding-right: 475px !important;*/
	background: url(images/VetHeroBG.png) no-repeat;
	/*background-position: 162px 10px;*/
}

.Order_Form{
	padding-top:0;
	width:975px;
	height: 357px;
/*	padding-right: 475px !important;*/
	/*background: url(images/VetHeroBG.png) no-repeat;*/
	/*background-position: 162px 10px;*/
}

hr {
    background-color:#ccc;
    border:0;
    color:#ccc;
    height:1px;
    margin-bottom:22px;
}

a.button:link{display: block; height: 15px; width: 15px; border: 1px solid #713996; background-color:#713996; font-family: arial;color:#ffffff; text-decoration: none; font-size:14px; font-weight: bold; padding-top: 1px}

a.button:visited{display: block; height: 15px; width: 15px; border: 1px solid #713996; background-color:#713996; font-family: arial;color:#ffffff; text-decoration : none; font-size:14px; font-weight: bold ;padding-top: 1px}

a.button:active{display: block; height: 15px; width: 15px; border: 1px solid #713996; background-color:#713996; font-family: arial;color:#ffffff; text-decoration : none; font-size:14px; font-weight: bold; padding-top: 1px}

a.button:hover{display: block; height: 15px; width: 15px; border: 1px solid #cc0000; background-color: #FFFF00; font-family: arial;color:#ffffff; text-decoration: none; font-size:14px; font-weight: bold; padding-top: 1px}
 
a:link{font-family: Arial, Helvetica, sans-serif;color:#603913; text-decoration: none; font-size:14px; font-weight: normal; line-height:100%;}

a:visited{font-family: Arial, Helvetica, sans-serif;color:#603913; text-decoration : none; font-size:14px; font-weight: normal; line-height:100%;}

a:active{font-family: Arial, Helvetica, sans-serif;color:#603913; text-decoration : none; font-size:14px; font-weight: normal; line-height:100%;}

a:hover{font-family: Arial, Helvetica, sans-serif;color:#507810; text-decoration: none; font-size:14px; font-weight: normal; line-height:100%;}


a.graybarlink:link{font-family: Arial, Helvetica, sans-serif;color:#000000; text-decoration: none; font-size:16px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 0px 8px;}

a.graybarlink:visited{font-family: Arial, Helvetica, sans-serif;color:#000000; text-decoration : none; font-size:16px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 0px 8px;}

a.graybarlink:active{font-family: Arial, Helvetica, sans-serif;color:#000000; text-decoration : none; font-size:16px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 0px 8px;}

a.graybarlink:hover{font-family: Arial, Helvetica, sans-serif;color:#ed008c; text-decoration: none; font-size:16px; font-weight: underline; line-height:110%; text-align:left; padding: 8px 0px 8px;}


a.footernavlink:link{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration: none; font-size:14px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 10px 8px;}

a.footernavlink:visited{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration : none; font-size:14px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 10px 8px;}

a.footernavlink:active{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration : none; font-size:14px; font-weight: normal; line-height:110%; text-align:left; padding: 8px 10px 8px;}

a.footernavlink:hover{font-family: Arial, Helvetica, sans-serif;color:#d7c3af; text-decoration: none; font-size:14px; font-weight: underline; line-height:110%; text-align:left; padding: 8px 10px 8px;}


a.resnavlink:link{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration: none; font-size:14px; font-weight: bold; line-height:110%; text-align:left; padding: 0px 10px 8px;}

a.resnavlink:visited{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration : none; font-size:14px; font-weight: bold; line-height:110%; text-align:left; padding: 0px 10px 8px;}

a.resnavlink:active{font-family: Arial, Helvetica, sans-serif;color:#a46222; text-decoration : none; font-size:14px; font-weight: bold; line-height:110%; text-align:left; padding: 0px 10px 8px;}

a.resnavlink:hover{font-family: Arial, Helvetica, sans-serif;color:#7b9e0e; text-decoration:underline; font-size:14px; font-weight: bold; line-height:110%; text-align:left; padding: 0px 10px 8px;}

/* SLIDES CAPTION BOX*/
div.caption {
	position: absolute;
	margin-top: 115px; 
	margin-left: 123px;
	width: 350px;
	height: 50px;
	text-align: center;
	left: 50%;
	padding: 5px 0px;
	padding-top:8px;
	background-image:url(images/transparentblack.png);
	color: #FFF;
	font-family: arial; 
	font-size: 20px;
	font-weight:bold;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity: .8;
	z-index: 1500
}

/*#slideshowabout{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}
#slideshowresearch{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}
#slideshowtestimonials{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}
#slideshowblog{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}
#slideshowcare{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}
#slideshowproducts{
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%
}*/
#slidewrap{
width: 946px;
height: 200px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
z-index: 100;

}
#dr1{
position: absolute;
display: block;
background: url(CrossSlidePics/dr1.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#dr2{
position: absolute;
display: block;
background: url(CrossSlidePics/dr5.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#dr3{
position: absolute;
display: block;
background: url(CrossSlidePics/dr3.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#dr4{
position: absolute;
display: block;
background: url(CrossSlidePics/dr4.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#greeninteriorborder{
background: url(images/interior-radius.png) no-repeat;
display: block;
position: absolute;
z-index: 1000;
height: 200px;
width: 946px;
margin-left: -473px;
margin-top: 10px;
_margin-top: 0px;
left: 50%;
_background:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interior-radius.png', sizingMethod='scale');
}


#sc1{
position: absolute;
display: block;
background: url(CrossSlidePics/sc1.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
#sc2{
position: absolute;
display: block;
background: url(CrossSlidePics/sc2.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
#sc3{
position: absolute;
display: block;
background: url(CrossSlidePics/sc3.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
#sc4{
position: absolute;
display: block;
background: url(CrossSlidePics/sc4.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
}

#ut1{
position: absolute;
display: block;
background: url(CrossSlidePics/ut1.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#ut2{
position: absolute;
display: block;
background: url(CrossSlidePics/ut2.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#ut3{
position: absolute;
display: block;
background: url(CrossSlidePics/214.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#ut4{
position: absolute;
display: block;
background: url(CrossSlidePics/ut4.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}

#blog1{
position: absolute;
display: block;
background: url(CrossSlidePics/blog1.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#blog2{
position: absolute;
display: block;
background: url(CrossSlidePics/blog2.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#blog3{
position: absolute;
display: block;
background: url(CrossSlidePics/blog3.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}
#blog4{
position: absolute;
display: block;
background: url(CrossSlidePics/blog4.jpg);
width: 946px;
height: 200px;
margin-left: auto;
margin-right: auto;
_margin-left: -473px;
_left: 50%;
}

/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
	float:left;
	display:block;
	width:150px;
	position:relative;
	z-index:5000;
	margin:0;
	list-style:none;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			/*padding:8px 5px 0 5px; */
			font-weight:700;  
			height:49px; 
			text-decoration:none; 
			color:#fff; 
			font-size: 12px;
			text-align:left; 
			list-style:none;
			margin-bottom: 0px;
		}
		#nav li span {text-align:left; }

		#nav li a:hover {
			color:#fff;
			list-style:none;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
			list-style:none;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:-5px 0 0 0px; 
			padding:0; 
			list-style:none;
			z-index:700;
		}
		
		#nav ul li {
			width:220px; 
			float:left; 
			/*border-top:1px solid #fff;*/
			list-style:none;
		}
		
		#nav ul li ul{
		margin-top: -15px;
		margin-left: -30px;
		
		
		}
		#nav ul li ul li{background-color:#009900}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px 0px 5px; 
			color: #003300;
			list-style:none;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
			list-style:none;
			color: #900000;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
			list-style:none;
		}