/* Labconco Homepage Style Sheet  */
/* Developed by Ebeacon */


body {
	background-color:#FFFFFF;
	background-image:url(/pics/bkg/header_bg.jpg);
	background-repeat:repeat-x;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}

#wrapper {
   width:995px;
   margin:0 auto;
   padding:0;
   }

h1 {
		font-size: 18px;
		font-family: Verdana, Arial, Verdana, sans-serif;
		color: #000000;
		padding-bottom: 5px;
		margin:0;
		}

h2 {
		color: #333333;
		margin:5px 0;
		padding:0;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
   }

h3 {
		background: #F5F5F5;
		border-width: 0px 0px 1px 0px;
      	border-style:solid;
      	border-color:#DFDEE8;
		color: #333333;
		font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		padding: 2px 6px;
		margin: 0px 0px 4px 8px;
   }

h4 {
	font-size:12px;
   }

h5 {
   background-color:#5E2163;
   background-image:url('/pics/bkg/home_side_box_bkg.gif');
   background-repeat:no-repeat;
   margin:0px;
   padding:3px 6px 3px 6px;
   color:#FFFFFF;
   }
   
h5 a:link, h5 a:visited {
   background-image:url('/pics/img/side_box_right_arrow.gif');
   background-repeat:no-repeat;
   padding:0 0 0 20px;
   color:#FFFFFF;
   text-decoration:none;
   }

h5 a:hover {
   background-image:url('/pics/img/side_box_right_arrow_hover.gif');
   background-repeat:no-repeat;
   color:#FFFFFF;
   padding:0 0 0 20px;
   text-decoration:underline;
   }


h6 {
	background-color:#DFDEE8;
   	margin:0px;
	padding:5px;

	}

h6 a:link {
   color:#000066;
   text-decoration:none;
   font-size:10px;
   }
   
h6 a:visited {
   color:#000033;
   text-decoration:none;
   font-size:10px;
   }

h6 a:hover {
   text-decoration:underline;
   }
   
h7, h7 a:link, h7 a:visited {
   margin:0px;
   padding:3px 0px 3px 3px;
   font-size: 12px;
   font-weight: bold;
   font-style: italic;
   line-height:8px;
   color: #336699;
}


img {
   border:none;
   }

h6 img {
   margin:0px 3px 10px 8px;
   }
   
hr {
	border: 0;
	color:#1273B6;
	background-color: #1273B6;
	height: 1px;
	width: 100%;
	}

a {
   color:#5E2163;
   }

a:visited {
   color:#9b64a0;
   }

a:hover {
   text-decoration:underline;
   }

a.details_link:link, a.details_link:hover {
   margin:0 0 0 3px;
   border-width:0px 1px 0px 1px;
   border-style:solid;
   border-color:#5F2163;
   padding:0px 5px 0px 5px;

   color:#5F2163;
   text-decoration:underline;
   }

a.details_link:visited {
   margin:0 0 0 3px;
   border-width:0px 1px 0px 1px;
   border-style:solid;
   border-color:#5F2163;
   padding:0px 5px 0px 5px;

   color:#5F2163;
   text-decoration:underline;
   }
   
a.menu_option:link, a.menu_option:visited, a.menu_option:hover, a.menu_option:active{
   display:block;
   font-weight:bold;
   text-decoration:none;
   color:#00004C;
   z-index:8;
   }

   /* Drop Down menu options */

   /* White BG rows */
a.nav:link, a.nav:visited {
  display: block;
  float: left;
  height:18px;
  font-weight: bold;
  text-decoration: none;
  color:#FFFFFF;
  padding:5px 10px;
  }
  
a.nav_a:link, a.nav_a:visited {
   	display:block;
   	background-color:#207fbe;
	width:200px;
   	margin:0px;
   	padding:5px;
   	font-size:11px;
   	color:#ffffff;
   	text-decoration: none;
   	}

   /* Gray BG Rows */
a.nav_b:link, a.nav_b:visited {
   display:block;
   background-color:#207fbe;
   margin:0px;
   padding:5px;
	width:200px;
   font-size:11px;
   color:#ffffff;
   text-decoration: none;
   }

   /* Hover and Active states for both gray and white rows */
a.nav_a:hover, a.nav_a:active, a.nav_b:hover, a.nav_b:active {
   display:block;
   background-color:#E5EDF2;
	width:200px;
   padding:5px;
   font-size:11px;
   color:#000000;
   text-decoration: none;
   }

   /* Wide (for products) White BG rows */
a.nav_aw:link, a.nav_aw:visited {
   display:block;
   background-color:#207fbe;
	width:200px;
   margin:0px;
   padding:5px;
   font-size:11px;
   color:#ffffff;
   text-decoration: none;
   }

   /* Wide (for products) Gray BG Rows */
a.nav_bw:link, a.nav_bw:visited {
   display:block;
   background-color:#207fbe;
	width:200px;
   margin:0px;
   padding:5px;
   font-size:11px;
   color:#ffffff;
   text-decoration: none;
   }

   /* Hover and Active states for both Wide (for products)  gray and white rows */
a.nav_aw:hover, a.nav_aw:active, a.nav_bw:hover, a.nav_bw:active {
   display:block;
   background-color:#E5EDF2;
	width:200px;
   padding:5px;
   font-size:11px;
   color:#000000;
   text-decoration: none;
   }

div.home_prod_lg p a:link, div.home_prod_lg p a:visited {
   font-weight:bold;
   color:#000066;
   text-decoration:none;
   }

div.home_prod_lg p a:hover {
   font-weight:bold;
   color:#000066;
   text-decoration:underline;
   }

   
   /* Header Bits */

#header {
	width:995px;
	height:80px;
	display:block;  
	margin:0;
	padding:0;
	margin:0;
	padding:0;
   }
   
#head_nav {
	padding:10px 0;
	width:500px;
	height:60px;
	display:block;
	float:right;
	text-align:right;
	}
   
#searchbox {
	margin:0;
   	padding:0;
   	}
	
#user_account {
	margin-top:10px;
	}
   
#menubar {
	background-image:url(../pics/bkg/bg_topnav.png);
   	background-repeat:repeat-x;
   	width:995px;
   	height:28px;
   	margin:0;
   	padding:0;
   	}


/* Center Column Bits */

#image_viewer {
	width:350px;
	height:350px;
	display:block;
	overflow:hidden;
	float:left;
	padding:0;
	margin-right:23px; /* 2 pixels for border, 25px full */
	margin-bottom:15px;
	border:1px solid #1273B6;
	background-color:#FFFFFF;
	}
	
#product_info {
	width:600px;
	float:left;
	margin-bottom:15px;
	}
	
div.home_intro {
   background-color:#FFFFFF;
   background-image:url('/pics/bkg/home_introText_bkg.jpg');
   background-repeat:no-repeat;
   position:relative;
   top:0px;
   left:0px;
   clear:both;
   display:block;
   height:98px;
   border-width:1px;
   border-style:solid;
   border-color:#FFFFFF;
   margin:0px 0px 0px 0px;
   padding:0;
   }

div.product_intro {
   background-image:url('/pics/bkg/home_center_header_bkg.gif');
   background-color:#5E2163;
   background-repeat:no-repeat;
   width:100%;
   margin:0px;
   display:block;
   padding:0px;
   }

div.row {
   display:block;
   clear:both;
   }

div.home_prod_lg {
   float:left;
   display:block;
   width:144px;
   height:120px;
   margin:0px;
   padding:1px 0 0 1px;
   }

div.home_prod_lg_pair {
   display:block;
   position:relative;
   top:0px;
   left:0px;
   float:left;
   width:290px;
   margin:4px 2px 0px 0px;
   border-width:1px 0px 0px 0px;
   border-color:#FFFFFF;
   border-style:solid;
   padding:0px;   
   }

div.home_prod_sm {
   display:block;
   float:left;
   width:290px;
   margin:4px 2px 0px 0px;
   border-width:1px 0px 0px 0px;
   border-color:#000000;
   border-style:solid;
   padding:0px;   
   }

   /* Left and Right Column Bits */

div.home_side_box {
   background-color:#FFFFFF;
   position:relative;
   top:0px;
   left:0px;
   clear:both;
   display:block; 
   margin:5px 0px 0px 0px;
   padding:0;
   }

div.floating_right_arrow {
   position:relative;
   z-index:4;
   top:-83px;
   left:2px;

   width:1px;
   height:1px;

   margin:0px;
   padding:0px;
   }

#footer {
   	height:70px;
   	width:955px;
	display:block;
	clear:both;
   	margin:0;
   	padding:20px;
	background-image:url(/pics/bkg/footer_bg.jpg);
	background-repeat:repeat-x;
	border-top:solid 1px #6699CC;
	font-size:10px;
   	}

.footer_element {
	float:left;
	margin-right:20px;
	}

   /* Div Styles For Structure -------- Div Styles for Structure */

div.left_column {
   float:left;   
   width:195px;
   margin:0px;
   padding:0px;
   }

div.center_column {
   display:block;
   float:left;  
   width:587px;
   margin:4px 4px 4px 8px;
   padding:0px;
   }

div.right_column {
   display:block;
   float:right;
   width:195px;
   margin:0px 2px 0px 0px;
   padding:0px;
   }


   /* Menu Divs ----------------------------------------------------- Menu Divs */
  /*-------------------------------
   Leftmost Menu Option; all other 
   menus are relative to this    
   z-index should match div.menu
   --------------------------------*/ 
div.menu_arrow {
   display:inline;
   height:7px;
   width:8px;
   margin:0px 5px 0px 0px;
   z-index:6;
   }

   /* -----------------------------
   All other menu options. To change
   the space between menu options,
   simply change the margin-left
   attribute.
   z-index must be higher than
   div.dropKiller.   
   -----------------------------*/
div.menu {
   position:relative;
   top:0px;
   display:block;
   float:left;
   z-index:8;   
   }


   /*-------------------------------
   div.dropDown draws the box for 
   the drop down menu including the 
   gray borders.
   z-index must be higher than
   div.dropKiller.
   --------------------------------*/
div.dropDown {
   position:absolute;
   top:26px;
   left:0px;
   z-index:7;
   border-left:solid 1px #6faad3;
   border-right:solid 1px #6faad3;
   border-bottom:solid 1px #6faad3;

   padding:0;
   text-align:left;
   visibility:hidden;
   }


   /*------------------------------ 
   Kills dropdown menu on mouseover 
   z-index must be LOWER than the 
   z-index for dropDown and menu
   ------------------------------*/
div.dropKiller {
	position:absolute;
	left:-50px;
	top:25px;

	width:1000px;
	height:500px;
   
	z-index:3;
	visibility:hidden;
   }

div.dropKiller2 {
	position:absolute;
	left:-50px;
	top:-50px;

	width:1000px;
	height:500px;
   
	z-index:3;
	visibility:hidden;
   }

   /* Legacy Style */
select.flat {
   background-color:#F5F5F5;

   border-width:1px;
   border-color:#639ACE;
   border-style:solid;
   
   font-size:11px;
   color:#000000;
   }

   /* Legacy Style */
div.instructions {
   background-color:#F5F5F5;

   border-width:0px 0px 0px 7px;
   border-style:solid;
   border-color:#639ACE;

   padding:5px;

   width:100%;
   display:block;
   }

/* Content Style Definitions */
div.crumb {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		padding:7px 0;
		margin:0;
		color: #333333;
		}

div.crumb a:link {
		color: #333333; 
		text-decoration: none;}

div.crumb a:visited {
		color: #333333; 
		text-decoration: none;}

div.crumb a:hover {
		color: #000000; 
		text-decoration: underline;}

#main {
		margin:0;
		padding:0;
		}

/* Paragraph Styles ------------------------------------- Paragraph Styles */

div.product_intro p {
   margin:0px;
   padding:3px 0px 4px 5px;
   color:#FFFFFF;
   font-size:11px;
   font-weight:bold;
   }

div.home_side_box p {
   background-color:#FFFFFF;

   margin:0px 0px 0px 0px;
   padding:5px 5px 5px 7px;

   font-family: Tahoma, Arial, Verdana, sans-serif;
   font-size:11px;
   line-height:145%;
   color:#000000;
   }

div.home_intro p {
   margin: 15px 10px 0px 15px;
   font-size:12px;
   line-height:130%;
   color:#000000;
   }

div.home_prod_lg p {
   background-color:#DFDEE8;

   position:relative;
   top:-1px;
   left:0px;
   height:28px;

   margin:0px 0px 0px 0px;
   padding:3px;

   font-weight:bold;
   color:#000066;
   }

div.home_prod_sm p {
   position:relative;
   top:0px;
   left:6px;
   height:38px;
   width:190px;

   margin:0px 0px 0px 0px;
   padding:0px;
   line-height:150%;
   }

table {
		margin:0 0 20px 0;
		font-size:12px;
		}

table td { 
		border-width: 0px;
		vertical-align: top; 
		}

/* Legacy Custom Span Classes */	
.sm {
		font-size: 10px; 
		line-height: 13px;}

.txtindent {
		display:block;
		padding:8px;
		margin-right:10px;
		}


   /* For Ebeacon Branding */
#ebeacon_text {
   margin:0px;
   font-size:10px;
   color:#000000;

   }

#ebeacon_link:link, #ebeacon_link:visited {

   margin:0px;
   font-size:10px;
   color:#000000;
   text-decoration:underline;
   }

#ebeacon_link:hover {
   margin:0px;
   font-size:10px;
   color:#A5BE08;
   text-decoration:underline;
   }
		
a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#0066CC;
    text-decoration:none}

a.info:hover{z-index:25; color:#77B3EF}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#BCE1F3; color:#000}