body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #666666;
	/*behavior: url(http://www.datascope.com/css/csshover2.htc);*/
}
* {
	margin:0;
	padding:0;
} /* set global margin to zero */
/* Establishes the box surrounding the header elements */
.header {
	border-bottom: 1px solid #D0D1D2;
	height: auto;
	width: 775px;
	text-align: left;
	margin: 0px;
	padding: 5px 0px 0px;
	background-repeat: repeat-x;
	background-image: url(../images/header_bg.gif);
	background-color:#fff;
}

/* Contains the Datascope Logo */
#logo {
	width: 329px;
	float: left;
	padding-top: 0px;
	height: 67px;
}

/* Contains the Contact & Online store links */
#topLinks {
	width: 141px;
	float: left;
	height: 38px;
	padding-top: 22px;
	padding-left:23px;
	margin-bottom: 14px;
	margin-right: 1px;
}
/*#contact, #store {
	padding-left: 16px;
	width: auto;
	padding-bottom: 9px;
	position: relative;
}*/
#store a {
	width:93px;
	display:block;
	position: relative;
}

/* Sets link behavior for Contact and Store links */
#contact a:link, #contact a:visited, #contact a:active, #contact a:hover,
#store a:link, #store a:visited, #store a:active, #store a:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; /* light blue */
	font-weight: bold;
	text-decoration: none;
}
#contact a:hover, #store a:hover {
	text-decoration: underline;
}

/* Search Text */
#search {
	float: left;
	padding-left: 17px;
	text-transform: uppercase;
	padding-top: 45px;
	padding-right: 11px;
	height: 28px;
	color: #FFFFFF;
}

/* Seach Field */
#searchBox {
	float: left;
	margin-top: 43px;
	height: auto;
	width: 153px;
}
#searchBox input {
	width: 152px;
}
input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;  
	border: 1px solid #A6A6A6;
	padding: 1px;
}

/* Search Go Button */
#searchGoButton {
	float: left;
	margin-top: 43px;
	margin-left: 7px;
	margin-right: 0px;
}

/* Container for main navigation */
#menu1 {
	height: 18px;
	width: 775px;
	clear: both;
}

/* Breadcrumb trail */
#trail {
	padding-top: 10px;
	color: #A6A6A6;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 6px;
	padding-left: 15px;
	height: auto;
	width: auto;
	text-indent: -80px;
	margin-left: 80px;
	clear: both;
}

#orangeTrail {
	color: #5187B9;
}

/* Link Behavior for trail */
#trail a:link, #trail a:visited, #trail a:active{
	color: #A6A6A6;
	text-decoration: none;
	font-weight: bold;
}
#trail a:hover {
	color: #A6A6A6;
	text-decoration: underline;
	font-weight: bold;
}
#topNavBar {
	clear: both;
	z-index: 900;
	width: 678px;
	display: block;
	float: none;
	margin-left: 5px;
	position: absolute;
	top: 38px;
	left: 278px;
	/*width: 775px;*/
}
#topNavBarFix {
	clear: both;
	z-index: 900;
	width: 775px;
	display: block;
	height: auto;
	visibility: visible;
	position: absolute;
	/*top: -62px;*/
	top:35px;
	left: 272px;
	text-align: left;
	/*width: 775px;*/
}
/*LIST-BASED MENUS WITHOUT IDs OR CLASSES ON THE LIST ELEMENTS
 tested in NN7, Opera, Firefox, IE6, IE5.5, IE5, on Windows and Safari and IE5 on Mac 
has hacks for Opera (clipping problem) and IE postioning*/

body {behavior: url(csshover.htc);} /* DO NOT MOVE FROM THIS LOCATION! THANK YOU - THE MANAGEMENT */


div#topNavBar ul {
	padding: 0px;
	height: 18px;
	width: 775px;
	margin: 0px;
	z-index: 900;
	}
div#topNavBar li {
	float:left;
	position:relative;
	list-style-type:none;
	width: auto;
	margin: 0px;
	padding: 0px;
	}
div#topNavBar a { /* closes a gap between the parent and child menus */
	display:block;
	text-decoration:none;
	}
div#topNavBar ul li ul li ul li a { /* styles the text in the sub nav element */
	padding:3px 5px 1px 13px;
	color: #666666;
	font: 11px Arial, Helvetica, sans-serif;
}	
div#topNavBar ul li:hover ul li ul {display:none;}/* shows the drop-down when the menu is hovered */
div#topNavBar ul li ul li:hover ul {display:block;}

div#topNavBar ul li ul li:hover ul li ul {display:none;}/* shows the drop-down when the menu is hovered */
div#topNavBar ul li ul li ul li:hover ul {display:block;}

div#topNavBar ul li ul li ul li:hover ul li ul {display:none;}/* shows the drop-down when the menu is hovered */
div#topNavBar ul li ul li ul li ul li:hover ul {display:block;}
	
/* ------------------- */	
/* the menu ends here  */
/* the drop-down starts here */
/* ------------ 2nd level menu ----------- */
div#topNavBar ul li ul { /* container for the 1st level menu elements */
	z-index:21; /* sets the sub menu infront of the menu */
	position:absolute;
	width:auto;
	left:-1px; /* pushes the submenu to left one pixle */
	}
div#topNavBar ul li ul li { /* sub nav element */
	width:100%;
	border-left:2px solid #D2D2D2;
	/*border-bottom:1px solid #A6A6A6;*/
	border-right:2px solid #D2D2D2; 
	clear: both; /* forces the elemens to stack vertically */
	background: #D2D2D2	;  /*2nd level dark gray bkgd jjo*/
	height: 17px;
}
/* ------------ added for 3rd level ---------------- */
div#topNavBar ul li ul li ul{ /* container for the child menu elements */
	z-index:66; /* sets the sub menu infront of the menu */
	position:absolute;
	width:auto;
	top: -1px;
	/*left:142px;  pushes the submenu to the right */
}
div#topNavBar ul li ul li ul li{ /* sub nav element */
	z-index:67;
	width:100%;
	border-left:2px solid #E6E6E6;
	/*border-bottom:1px solid #A6A6A6;*/
	border-right:2px solid #E6E6E6;
	clear: both; /* forces the elemens to stack vertically */
	background: #E6E6E6;    /*3rd level light gray bkgd jjo*/
	height: 17px;
}
div#topNavBar ul li ul li a, div#topNavBar ul li ul li ul li a { /* styles the text in the sub nav element */
	display:box;
	padding:3px 0px 1px 23px;
	color: #1d4071;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
div#topNavBar li:hover { /* highlights the elements with the yellow arrow and gray bg , white bkgd, no image jjo 9-01-09*/
	background: #FFFFFF /*url(../images/menu_item_bg.gif) no-repeat left -1px;
	background-image: url(../images/menu_wht110_box.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	}

	
/* make the drop-down display as the menu is rolled over */
div#topNavBar ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#topNavBar ul li:hover ul {display:block;} /* shows the drop-down when the menu is hovered */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */

#footer {
	font-size: 10px;
	color: #999999;
	width: 775px;
	clear: both;
	border-top: 1px solid #D0D1D2;
	float: none;
	height: 100%;
	margin-top: 15px;
	padding: 5px 0px 10px;
	text-align: left;
	background: #FFFFFF;
}
#store a img {
	position: absolute;
	top: -4px;
	right: -1px;
}
.yellowArrow {
	position: absolute;
	left: 0px;
	top: 0px;
}
#navWrapper {
	position: relative;
	clear: both;
	height: 18px;
	float: left;
}
#searchGoButton #Go {
	margin: 0px;
	padding: 0px;
	float: none;
	border-style: none;
}
.header #searchForm {
	margin: 0px;
	padding: 0px;
	float: left;
}
#topNavBarFix-normalPage {

	clear: both;
	z-index: 900;
	width: 775px;
	display: block;
	height: auto;
	visibility: visible;
	position: absolute;
	top: 76px;
	left: 0px;
	text-align: left;
}
 
.flash_top {
	padding: 0px;
	clear: both;
	float: inherit;
	height: 100px;
	width: 765px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #487db6;
	border-right-color: #487db6;
	border-bottom-color: #487db6;
	border-left-color: #487db6;
}
.Ess_Function {
	width: 500px;
	float: left;
}
.Ess_Function_Per {
	width: 30px;
	float: left;
}