/*
this is the styles for the etonbio.com web site main navigation menu

*/


#menuMain {
	/*list-style:none;*/
	width:628px;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	font-family:'PlayRegular', verdana;
	position:relative;
	left:240px;
	color:#474841;/* Rounded Corners */
}
#menuMain li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:25px;
	margin-top:7px;
	border:none;
}
#menuMain li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	/* Background color and gradients of drop down div*/
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F9F9F9, #DBDBD6);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#DBDBD6));
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#menuMain a.more:link {
	color:#474841;
}
#menuMain a.more:visited {
	color:#474841;
}
#menuMain a.more:hover {
	color:#B2B7AA;
}
#menuMain a.more:active {
	color:#474841;
}
div.servicesRow #left ul {
	padding-top:0px;
	clear:both;
	margin-left:30px;
	width:100%;
}
div.servicesRow #left ul li {
	margin-bottom:1px;
	padding-left:5px;
	width:100%;
}
div.servicesRow #left ul li:hover {
	margin-bottom:1px;
	padding-left:5px;
}
div.servicesRow #left ul li a:link {
	color:#474841;
}
div.servicesRow #left ul li a:visited {
	color:#474841;
}
div.servicesRow #left ul li a:hover {
	color:#8B8F7E;
}
div.servicesRow #left ul li a:active {
	color:#474841;
}
div.servicesRow #center ul li a:link {
	color:#474841;
}
div.servicesRow #center ul li a:visited {
	color:#474841;
}
div.servicesRow #center ul li a:hover {
	color:#8B8F7E;
}
div.servicesRow #center ul li a:active {
	color:#474841;
}
div.servicesRow #right ul li a:link {
	color:#474841;
}
div.servicesRow #right ul li a:visited {
	color:#474841;
}
div.servicesRow #right ul li a:hover {
	color:#8B8F7E;
}
div.servicesRow #right ul li a:active {
	color:#474841;
}
#menuMain li a {
	/*the actual top-level menuMain item text*/
	font-family:'PlayRegular', verdana;
	font-size:18px;
	color:#7B7B7B;
	display:block;
	outline:0;
	text-decoration:none;/*text-shadow: 1px 1px 1px #000;*/
}
/*
#menuMain li .drop {
	background:url("img/drop.png") no-repeat right 7px;
}
#menuMain li:hover .drop {
	background:url("img/drop.png") no-repeat right 7px;
}
*/
.dropdown_support, .dropdown_aboutUs, .dropdown_3columns, .dropdown_services, .dropdown_products {
	z-index:100;/*need this to place drop down content on top of main page content*/
	margin: 5px auto;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:20px solid #8BDA40;
	background-color:#ffffff;
	background-image:url(/images/arrow_mega_menu.png);
	background-position: 50px 0px;
	background-repeat:no-repeat;/* Gradient background */
}
.dropdown_support {
	width: 225px;
}
.dropdown_aboutUs {
	width: 820px;
}
.dropdown_3columns {
	width: 420px;
}
.dropdown_services {
	width: 974px;
	padding-left:12px;
}
.dropdown_products {
	width: 630px;
}
/*where the drop down div lines up under the tab link*/
 
#menuMain li:hover .dropdown_3columns {
	left:-1px;
	top:auto;
}
#menuMain li:hover .dropdown_aboutUs {
	left:-310px;
	top:20px;
	background-image:url(../../../images/menu/about_us_img3.jpg);
	background-position:8% 95%;
	background-repeat:no-repeat;
}
#menuMain li:hover .dropdown_products {
	left:-275px;
	top:20px;
}
#menuMain li:hover .dropdown_services {
	left:-540px;
	top:20px;
}
#menuMain li:hover .dropdown_support {
	left:-35px;
	top:20px;
}
#menuMain li:hover .dropdown_products p.products_description {
	font-size:16px;
}
/*product search elements*/
div.dropdown_products #results {
	margin: 0 0 0 20px;
}
div.dropdown_products #results form input, select {
}
div.dropdown_products #results form input#SearchInput {
	position:relative;
	border: 1px solid #8E8E8E;
	padding: 1px 0 1px 0;
}
div.dropdown_products #results form input.searchImage {
	position: relative;
	top: 5px;
}
.col_1, .col_2, .col_3, .col_4, .col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {
	width:340px;
	font-size:12px;
	font-color:#0B1F73;
}
.col_2 {
	width:450px;
	min-height: 410px;
}
#menuMain li:hover .dropdown_aboutUs .col_2 p {
	font-size:12px;
}
.col_3 {
	width:410px;
}
.col_4 {
	width:550px;
}
.col_5 {
	width:690px;
}
.servicesRow {
	width:600px;
	font-size:12px;
	font-color:#0B1F73;
}
/*contact us branch divs*/
.col_1 #MA {
	width: 135px;
	min-height: 185px;
	margin-bottom: 10px;
	padding-right: 5px;
	margin-left: 10px;
	float: left;
}
.col_1 #NC {
	width: 165px;
	min-height: 185px;
	margin-bottom: 10px;
	padding-right: 5px;
	float: left;
}
.col_1 #SD p, .col_1 #NC p, .col_1 #MA p {
	width:130px;
	font-weight:bolder;
	color:#474841;
	font-size:12px;
}
.col_1 #SD p.branchTitle, .col_1 #NC p.branchTitle, .col_1 #MA p.branchTitle {
	width:130px;
	font-weight:bolder;
	color:#474841;
	font-size:16px;
}
.col_1 #aboutEmail {
	width: 340px;
	float: left;
	padding: 0 0 0 5px;
	border-top: 1px solid #DBDBD6;
}
.col_1 #aboutEmail p {
	font-size: 14px;
	line-height: 14px;
}
.col_1 #aboutEmail p.emails {
	font-weight: bold;
	margin: 10px 0 10px 0;
}
.col_1 #aboutEmail table.aboutInfo {
	margin: 10px 0 0 0;
	font-size: 14px;
}
.col_1 #aboutEmail table.aboutInfo td {
	padding: 0 10px 1px 0;
}
.col_1 #aboutEmail table.aboutInfo th {
	padding: 5px 0 5px 0;
}
#menuMain .menuMain_right {
	/*float:right;*/
	margin-right:0px;
	padding-left:10px;
}
#menuMain li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
}
#menuMain li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}
#menuMain p, #menuMain h2, #menuMain h3, #menuMain ul li {
	font-family:'PlayRegular', verdana;
	line-height:21px;
	font-size:16px;
	text-align:left;/*text-shadow: 1px 1px 1px #FFFFFF;*/
}
#menuMain ul li.support {
	line-height:31px;
}
#menuMain h2 {
	font-size:22px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;/*border-bottom:1px solid #666666;*/
}
#menuMain h3 {
	font-size:18px;
	margin:7px 0 14px 0;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left;
}
#menuMain p {
	line-height:18px;
	margin:0 0 10px 0;
}
#menuMain li:hover div a {
	font-size:14px;
	color:#015b86;
}
#menuMain li:hover div a:hover {
	color:#B2B7AA;
}
.strongAbout {
	display:block;
	font-weight:bold;
	margin-top:8px;
	margin-bottom:3px;
}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}
#menuMain li ul {
	/*list-style:none;*/
	padding:0;
	margin:0 0 12px 0;
}
#menuMain li ul li {
	font-size:14px;
	line-height:18px;
	position:relative;
	/*text-shadow: 1px 1px 1px #ffffff;*/
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:175px;
}
#menuMain li ul.support li {
	line-height:24px;
}
#menuMain li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#menuMain li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;
	/* Rounded Corners */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#menuMain li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
#SearchResults a.dropdownLinks:link {
	color:#474841;
}
#SearchResults a.dropdownLinks:visited {
	color:#474841;
}
#SearchResults a.dropdownLinks:hover {
	color:#ABABAB;
}
#SearchResults a.dropdownLinks:active {
	color:#474841;
}
/*services tab links*/


#menuMain li div.dropdown_services table tr td table.linkTable tr td a.serviceLink:link {
	color:#666666;
	display:inline
}
#menuMain li div.dropdown_services table tr td table.linkTable tr td a.serviceLink:visited {
	color:#666666;
	display:inline
}
#menuMain li div.dropdown_services table tr td table.linkTable tr td a.serviceLink:hover {
	color:#ABABAB;
	display:inline
}
#menuMain li div.dropdown_services table tr td table.linkTable tr td a.serviceLink:active {
	color:#666666;
	display:inline
}
#menuMain li div.dropdown_support div.col_1 ul.support li a.supportLink:link {
	color:#474841;
	display:inline
}
#menuMain li div.dropdown_support div.col_1 ul.support li a.supportLink:visited {
	color:#474841;
	display:inline
}
#menuMain li div.dropdown_support div.col_1 ul.support li a.supportLink:hover {
	color:#8B8F7E;
	display:inline
}
#menuMain li div.dropdown_support div.col_1 ul.support li a.supportLink:active {
	color:#474841;
	display:inline
}
/********* MAIN PRODUCT MENU **************/
#menuMain #prodDisplay {
}
#menuMain #prodDisplay ul.productCats {
	margin: 5px 0 0 10px;
}
#menuMain #prodDisplay ul.productCats li {
	display:inline-block;
	width: 180px;
	height: 35px;
	margin: 0 0 0 15px;
	line-height: normal;
	padding: 10px 0 0 7px;
	float: left;
	background-image:url(../../../images/menu/triangle3.jpg);
	background-repeat:no-repeat;
	background-position:left tops;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#menuMain #prodDisplay ul.productCats li a {
	margin: 0 0 0 0;
	position:relative;
	top: -14px;
	color:#474841;
}
#menuMain #prodDisplay ul.productCats li a:hover {
	color: #8B8F7E;
}
/******** MEGA MENU SERVICE CSS ***********/		
#headerWrapper #header .service_menu_layout {
	width: 300px;
	min-height: 150px;
	margin: 0 10px 5px 5px;
	float: left;
	display: inline-block;
}
#headerWrapper #header .service_menu_lent {
	width: 300px;
	margin: 0 10px 5px 0;
	display: inline-block;
}
#headerWrapper #header #service_menu_layout img.menu_image {
	float: left;
	margin: 10px 5px 0 0;
}
#headerWrapper #header #nav ul#menuMain li.menu_right div.dropdown_services .service_menu_layout ul.service_list {
	margin: 5px 0 0 0;
	list-style-image: url(../../../images/menu/triangle3.jpg);
}
#headerWrapper #header #nav ul#menuMain li.menu_right div.dropdown_services .service_menu_layout ul.service_list li {
	font-size: 14px;
	width: 200px;
	margin: 0 0 0 35px;
	display: list-item;
}
#headerWrapper #header #nav ul#menuMain li.menu_right div.dropdown_services .service_menu_layout ul.service_list li a {
	color: #474841;
}
#headerWrapper #header #nav ul#menuMain li.menu_right div.dropdown_services .service_menu_layout ul.service_list li a:hover {
	color: #8B8F7E;
}
#headerWrapper #header #nav div.service_menu_layout .list_title {
	width: 265px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	top: -10px;
	display: inline-block;
 margin:;
	height: 25px;
	border-bottom: 1px solid #BBBBBB;
}
#headerWrapper #header #nav ul#menuMain li.menu_right div.dropdown_support ul.support li a.supportLink:link {
	color: #8B8F7E;
}
#headerWrapper #header #nav div.service_menu_layout .service_list a {
	font-size: 13px;
}
#headerWrapper #header #nav div.service_menu_layout .service_list li ul.service_list_drop {
	margin: 0 0 0 50px;
}
ul.accordion div.subStrong {
	display: block;
	font-weight: bold;
	cursor: pointer;
}
#headerWrapper #header #nav div.service_menu_layout li.service_list {
	list-style-image: url(/images/menu/triangle3.jpg);
}
.accordion ul {
	display: none;
}
.clear {
	clear: both;
}
/* clearfix */	
.group:after {
	content: "";
	display: table;
	clear: both;
}