/* A/B TESTING, top nav in IE doesn't work if behavior url is relative to current file */
body {
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	behavior: url("/style/csshover.htc"); 
	text-align:center;  /*IE 5 IE 5.5*/
	}

.clearfloats {clear:both; padding-top:.05px; }

div#listmenu ul {padding: 0; margin: 0;}
div#listmenu ul li.home a {width:69px; height:30px; border-right:3px solid #dcdcdc;}
div#listmenu ul li.products a {width:104px; height:30px; border-right:3px solid #dcdcdc;}
div#listmenu ul li.products ul li a {border-right:none!important;}
div#listmenu ul li.resources a {width:113px; height:30px;}

.nav li span {display:none;}
.nav a:hover {background-image:none!important;}

.nav ul {padding: 0; margin: 0;}
.nav ul li.home {background: url("../images/nav-home.v2.gif") -69px 0 no-repeat;}
.nav ul li.home a {background: url("../images/nav-home.v2.gif") 0 0 no-repeat; width:69px;}
.nav ul li.products {background: url("../images/nav-products.v2.gif") -104px 0 no-repeat;}
.nav ul li.products a {background: url("../images/nav-products.v2.gif") 0 0 no-repeat; width:104px;}
.nav ul li.resources {background: url("../images/nav-resources.v2.gif") -113px 0 no-repeat;}
.nav ul li.resources a {background: url("../images/nav-resources.v2.gif") 0 0 no-repeat; width:113px;}

/*making current page nav item highlighted:*/
/* div#listmenu ul li.active a {background-image: none;} */

/* the horizontal menu starts here */
div#listmenu { position: absolute; top:60px; left:210px; width:300px;}
div#listmenu ul {float:left; padding: 0; margin: 0;}
div#listmenu li { display: block; float: left; text-align: center; position:relative; list-style-type:none; }
div#listmenu ul li a {padding: 0; display:block; text-decoration:none;}
div#listmenu ul li a:hover {text-decoration: underline;}
/* the menu ends here */



/* the drop-down starts here */
div#listmenu ul li ul {
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:161px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	border-bottom:1px solid #ccc;
	background : url(../images/drop-down-gradient.gif) repeat-x bottom left #fff;
	padding: 0;
	margin: 0;
	}

div#listmenu ul li ul li { width:159px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
div#listmenu ul li ul li a {  color:#32216e; height:auto!important; border-right: none!important; background-image: none;/* sets the type color */ font-size:12px; text-align: left; padding: 4px; width:151px!important;  }
div#listmenu ul li ul li a:hover { color:#32216e; background-image: none; width:151px!important;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* Top-right */
fieldset#login {
	margin: 0;
	padding: 0;
}

/*vertical navigation*/
#nav.column {float:left; width:153px; padding:20px 10px 20px 0;}
#nav.column .mainNav {padding-left:6px; width:147px;}
#nav.column .mainNav h3 {font-weight: bold; color:#690; font-size:14px; padding:5px 0 3px 0; margin: 0;}
#nav.column .mainNav ul {list-style-type: none; width:137px; margin: 1px 0 12px 10px; border-top: 2px dotted #336; padding: 0;}
#nav.column .mainNav ul li a {display:block; padding:3px 0; color:#336; text-decoration:none; font-weight:bold; width:137px; font-size: .78em; border-bottom: 2px dotted #336; font-family: Arial, Helvetica, sans-serif;}
#nav.column .mainNav ul li a:hover {text-decoration:underline;}

	/*second level:*/
	#nav.column .mainNav ul ul {list-style-type: none; width:127px; margin: 1px 0 3px 10px; border-top: none; padding: 0;}
	#nav.column .mainNav ul ul li a {display:block; padding:2px 0; font-size:11px; color:#336; text-decoration:none; font-weight:normal; width:127px; border: none;}
	
	/*third level:*/
	#nav.column .mainNav ul ul ul {list-style-type: none; width:117px; margin: 1px 0 1px 0; border-top: none; padding: 0; }
	#nav.column .mainNav ul ul ul li a {display:block; padding:1px 0 1px 10px; font-size:10px; color:#336; text-decoration:none; font-weight:normal; width:117px; border: none;}

	/*active styles*/	
	#nav.column .mainNav ul li a.active-selected {color:#538015;}
	#nav.column .mainNav ul ul ul li a.active-selected {background:url(../images/nav-bullet.gif) top left no-repeat;  background-position: 1px 5px; font-weight:bold;}
	
	
#nav.column .helpNav {clear:both; float:left; width:158px; background : url(../images/bg-help-base.v2.gif) no-repeat bottom left; padding-bottom:10px; margin:20px -5px 0 0;}
#nav.column .helpNav h3 {font-weight: bold; color:#332272; font-size:14px; padding:15px 0 3px 6px; background : url(../images/bg-help-cap.v2.gif) no-repeat top left; margin: 0;}
#nav.column .helpNav ul {list-style-type: none; width:127px; margin: 10px 0 12px 10px; border-top: 2px dotted #333; padding: 0; }
#nav.column .helpNav ul li a {display:block; padding:3px 0; font-size:12px; color:#333; text-decoration:none; width:127px; font-size:12px; border-bottom: 2px dotted #333;}
#nav.column .helpNav ul li a:hover {text-decoration:underline;}           
#nav.column .helpNav fieldset {border:0; padding-left:6px;}
#nav.column .helpNav fieldset input {float:left;}
#nav.column .helpNav fieldset input.helpText {width:112px; margin-right:3px; padding:1px 0 1px 3px; background-color:#eeedf4; border: 1px solid #332d4a; height:15px; font-size:12px;}

.inside ul {
	margin: 0;
	padding: 0;
}