/* CSS Document */

html	{height:100%;}

body {
background-color:#d1d1d1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #666;
margin:0;
padding:0 0 28px;
text-align: left;
}
p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
img a {border:0;}

h1, h2, h3, h4, h5	{font-family: Arial Narrow, Arial, Helvetica, sans-serif;}
.clear	{clear:both;}

#imprint { background:url(../images/andover-logo.jpg) top left no-repeat; margin:0 auto; width:1051px; }
#container { width:919px; margin:0 auto; position:relative; }
#header { position:relative;  }
a#ghost_logo { position:absolute; width:150px; height:117px; display:block; }
.search_function { padding:20px 12px 5px; }
.utility_links { text-align:right; color:#0053a0; padding:0 0 5px 0; }
.utility_links a { text-decoration:none; color:#0053a0; }
.utility_links a:hover { text-decoration:underline; }

a.order_btn_small {
margin-left:12px;
display:block;
width:100px;
height:28px;
background:url(../images/howtoorder_sm.gif) top left;
position:absolute;
left:545px;
top:12px;
}

a.order_btn_small:hover { background-position:0 28px; }

							
.textinput { 
width:175px;
padding:4px 0 0 7px;
border:none;
background:url(../images/searchbox_bk.gif) top left no-repeat;
font-size:11px;
line-height:17px;
color:#0053a0;
height:17px;
margin:0 0 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

* + html .textinput { padding-top:0px; height:21px; line-height:21px; }
* html .textinput { padding-top:0px; height:21px; line-height:21px; }
.search-btn { position:relative; top:10px; }



/*styles for navigation drop-down menu*/
#navigation { position:relative; width:766px; float:right; }

.menu {
 /* solve a Opera7/IE display bug */
    display:inline;
	top: 0;
/*	left: 10px;*/
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;
}

.menu ul {
    position: absolute; /* important */
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 39px;
	z-index:15;
	
}
.menu li ul {
    visibility:hidden; 
	float: left;
	width:217px;
	margin: 0;
	position:absolute;
}

.menu li#menuitem1 ul {
	margin-left:12px;
}

#navigation ul.menu a {
	color: #fff;
}

.menu li a {
    display:block;
    text-decoration:none;
	margin: 0px 0px 0px 0px;
	color: #fff;
	line-height: 39px;	
	padding:2px 0 0;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/nav_middle.gif) no-repeat;
}

.menu li a.about { background:url(../images/nav_left.gif) top left no-repeat; padding-left:10px;  width:67px; }
.menu li a.products { width:135px; }
.menu li a.animal { width:155px; }
.menu li a.sports { width:162px; }
.menu li a.distributors { width:119px; }
.menu li a.news { background:url(../images/nav_right.gif) top left no-repeat; width:108px; padding-right:10px; }

.menu li a.onstate, .menu li a:hover	{ background-position: bottom left; color:#0053a1; }

.menu li li a {
	border: 0px;
	background:none;
	background:url(../images/subnav_bk.jpg) repeat;
    text-align:left;
	color:#0053a1;
    display:block;
    text-decoration:none;
	margin-left: 0px;
    padding:0 0 0 8px;
	font-size: 11px;
    font-weight: normal;
    line-height: 25px;
	width: 217px;
}

.menu li li a:hover { background-position:bottom left; color:#fff; }

.menu li li a.top { background:url(../images/subnav_bk_top.gif) repeat; padding-top:9px; }
.menu li li a.bottom { background:url(../images/subnav_bk_btm.gif) repeat; padding-bottom:2px; }

.menu li li a:hover { background-position:bottom left; color:#fff; }

.menu li li {
	width: 191px;
    border: 0px;
	padding: 0px 0px 0px 0px;
    display:block;
	font-size: 11px;
    float: left;
	margin-left: 0px;
}

.menu li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    display:inline;
    display/**/:block;
	float: none;
    float:/**/left;
	margin-left: 0px;
	position:relative;
}

.content { background:url(../images/frame_middle.gif) repeat-y; }
.content_top_home { height:14px; background:url(../images/frame_top.gif) top left no-repeat; }
.content_top { background:url(../images/banner_template.jpg) top right no-repeat; height:219px; }
.content_top h1 { padding:47px 0 0 67px; color:#fff; font-family:Arial, Helvetica, sans-serif; 
font-size:29px; font-weight:normal; margin:0; }
.content_top .images { margin:22px 67px; height:90px; }
.content_top .images img { margin-right:10px; border:1px solid #fff; height:88px; width:88px; }

.sports { background:url(../images/banner_sports.jpg) top left no-repeat; }
.animals { background:url(../images/banner_animals.jpg) top left no-repeat; }
.healthcare { background:url(../images/banner_healthcare.jpg) top left no-repeat; }
.about { background:url(../images/banner_about.jpg) top left no-repeat; }
.distributor { background:url(../images/banner_distributor.jpg) top left no-repeat; }
.news { background:url(../images/banner_news.jpg) top left no-repeat; }

.content_bottom { background:url(../images/frame_bottom.gif) no-repeat; height:18px; }

#banner_home { width:872px; height:284px; margin:0 auto; }

.banner_secondary { background:url(../images/banner_secondary.jpg) top left no-repeat;
width:875px; height:206px; margin:0 auto; }
.banner_secondary h1 { padding:35px 0 0 45px; color:#fff; font-family:Arial, Helvetica, sans-serif; 
font-size:29px; font-weight:normal; margin:0; }
.banner_secondary .images { margin:22px 45px; height:90px; }
.banner_secondary .images img { margin-right:5px; border:1px solid #fff; height:88px; width:88px; }
.banner_secondary #banner_img { position:absolute; right:40px; top:131px; }
.banner_secondary #banner_img_healthcare { position:absolute; top:144px; right:70px; }

.welcome_text { color:#666; font-size:14px; line-height:22px; margin:30px 0 0 50px; width:400px; float:left; display:inline; }
.welcome_text h1 { font-family:Arial, Helvetica, sans-serif; font-size:27px; font-weight:normal; color:#0053a0; }

.welcome_products { background:url(../images/welcome_products_bk.gif) top left no-repeat;
width:400px; 
float:left; 
margin:5px 0 0 35px; }

.product_spot { background:url(../images/product_spotlight.gif) top left no-repeat; 
padding:33px 10px; 
margin:15px 0 0 18px;
position:relative; }

.product_spot ul { margin:0 25px 0 15px; padding:10px 0 0 0; }
.product_spot ul li { list-style:outside; }
#spotlight_img { position:absolute; top:-10px; right:-10px; }		

.product_new { background:url(../images/new_product.gif) top left no-repeat; 
padding:45px 10px; 
margin:0 0 0 18px;
position:relative; }

#new_img { position:absolute; top:-10px; right:0;  }
#new_text_img { float:right; padding:0 5px; }

.product_new ul { margin:15px 25px 0 15px; padding:0; }
.product_new ul li { list-style:outside; }

.left_nav_bg { margin:0 0 0 29px; background:url(../images/left_nav.gif) top left repeat-y; }
.left_nav_gradient { background:url(../images/left_nav_grad.gif) bottom left no-repeat; }

.left_nav { margin:28px 0; width:227px; float:left; }
.left_nav ul { margin:0; padding:0; list-style:none; }
.left_nav ul li { margin:0; padding:0; }
.left_nav ul li a { 
display:block; 
height:35px;
padding-left:12px;
background:url(../images/left_nav_btn.gif) top left repeat-y; 
color:#fff;
font-weight:bold;
text-decoration:none;
line-height:35px;
}

.left_nav ul li a:hover { background-position:bottom left; }

.historylist li {font-size:12px; line-height:22px; }

.breadcrumb { padding:0 16px; font-size:10px; color:#999; }
.breadcrumb a { color:#0052c7; text-decoration:underline; }
.breadcrumb a:hover { text-decoration:none; }

.content_area { float:left; width:647px; }
.content_area h1 { color:#0053a0; font-size:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0; }
.content_area h2 { color:#0053a0; font-size:21px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0; }
.content_area .copy { padding:0 16px; width:500px; }
.content_area p { color:#666; font-size:12px; line-height:22px; }
.content_area p a { text-decoration:none; color:#0052c7; }
.content_area p a:hover { text-decoration:underline; }

.product { background:url(../images/product_bg.gif) top left no-repeat; width:645px; margin:0 0 5px 1px; float:left; clear:both; }
.pro_image { float:right; padding:10px 20px 3px 0; height:115px; width:250px; overflow:hidden; text-align:right; }
.pro_description { padding:12px 20px 0 20px; }
.pro_description .secondary_pro_image { height:30px; width:340px; padding:0; overflow:hidden; }
.poro_description .pro_logo { height:60px; width:340px; overflow:hidden;  }
.pro_description p { font-size:12px; line-height:16px; color:#666; margin-top:10px; }
.pro_bullets { 
clear:right;
float:left;
width:477px;
background:url(../images/pro_bullet_bx_top.gif) top left no-repeat;
padding:15px 0 0;
margin-left:8px;
}
.pro_bullets ul { width:477px; padding:0 0 15px; margin:0; background:url(../images/pro_bullet_bx_btm.gif) bottom left no-repeat; }
.pro_bullets ul li { margin:0 25px 0 38px; border-bottom:1px solid #e5e5e5; line-height:18px; }

.pro_highlight { padding:10px 0; }
.pro_highlight table td { padding:0; vertical-align:top; }
.pro_highlight table td .hlight { padding:5px 10px 0 0; height:100; width:120; overflow:hidden; text-align:center; }
.pro_highlight table td.message { 
color:#000; 
font-weight:bold; 
line-height:normal; 
text-align:center; 
width:100px;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.pro_highlight table td.message a { color:#000; text-decoration:none; }


.pro_highlight table td.right { padding-left:10px; width:100px; }

.colorsprints {
clear:right;
width:477px;
padding:15px 0 0;
margin-left:8px;
}

.pro_imagepacks { float:left; width:125px; height:80px; overflow:hidden; text-align:center; padding:10px 0; }
.pro_imagepacks img { border:0; }

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#preview img { padding-bottom:4px; }

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

.pro_information { padding:10px 0 20px 10px; float:right; width:340px; }
.pro_information p { font-size:11px; line-height:14px; }
.pro_information table { padding-bottom:10px; }
.pro_information table td { padding:0 0 3px; }

.information { padding:10px 0 0 30px; }
.information img { vertical-align:middle; border:none; padding-right:2px; }
.information a { text-decoration:none;color:#0a58a3; font-size:10px; }
.information a:hover { text-decoration:underline; }
.pro_resources { 
background:#f0f2f6 url(../images/pro_resources_btm.gif) bottom left no-repeat;
width:133px;
padding-bottom:15px;
margin-left:12px;
position:relative;
top:-3px;
}
.pro_resources .top { background:url(../images/pro_resources.gif) top left no-repeat; height:34px; }
.pro_resources .divider { width:110px; height:1px; border-top:1px solid #c6c8cb; margin:0 auto 0; padding:0 0 0 0; line-height:0px; font-size:0px; }
.pro_resources a { 
display:block;
color:#0052c7;
text-decoration:none;
padding-left:31px;
width:95px;
min-height:25px;
margin:15px 0 10px;
background:url(../images/pdf.gif) top left no-repeat;
}
.pro_resources a:hover { text-decoration:underline; }

.resources {
float:left;
width:133px;
}

a.order_btn {
margin-left:12px;
display:block;
width:133px;
height:38px;
background:url(../images/how_to_order.gif) top left;
}

a.order_btn:hover { background-position:0 38px; }

.products_end { background:url(../images/product_end.gif) top left no-repeat; clear:both; float:left; height:9px; width:635px; }

.sitemap	{}
	.sitemap ul	{list-style-type:none;}
	.sitemap li	{ margin:5px 0;}
	.sitemap li a	{text-decoration:none; color:#0052c7;}
	.sitemap li a:active	{color:#0052c7;}
	.sitemap li a:visited	{color:#0052c7;}
	.sitemap li a:hover		{text-decoration:underline;}



form { margin:0; padding:0; text-align:right; }

table#contact_form td {padding:5px 0;}
table#contact_form input, table#contact_form textarea {width:300px;}
table#contact_form input.short{width:125px;}
												


#video_resources {width:200px; margin-left:14px; padding:20px 0 0;}
	#video_resources .top {width:200px; height:45px; background:url(/images/bg_video_resources_top.gif) no-repeat;}
	#video_resources .videos {background:#f0f2f6;}
	#video_resources .videos a {display:block; background:url(/images/bg_video_resource_play.gif) no-repeat center left; line-height:24px;  padding-left:34px; color: #0052c7;text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
		#video_resources .videos a:hover {text-decoration:underline;}
	#video_resources .divider {height: 1px; width:178px; margin-left:11px; display:block; border-top-width: 1px; border-top-style: solid; border-top-color: #c6c8cb; padding-bottom:10px; margin-top:10px;}
	#video_resources .bottom {width:200px; height:9px; background:url(/images/bg_video_resources_bot.gif) no-repeat;}




.scriptlink{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;

}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: red;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: green;
}






#footer { margin:0px 25px 50px 0px; height:51px; }
#footer p { float:left;  color:#666; padding: 20px 60px 0; }
#footer p a { color:#666; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
#footer img { float:right; }