@charset "UTF-8";
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#666666;

margin-top:0px;

}
.bodytext{
text-align:center;	
	}
img{
display:block;
border:none;
}
a, a:link, a:visited, a:active{
color:#ff9900;
text-decoration: none;
font-weight: bold;
}
a:hover{
text-decoration: underline;
}
li{
	padding-left:0px;	
	margin-left:50px;
	line-height:1.5em;	
}
#container{
width:960px;
padding-left:10px;
padding-right:10px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#header{
height:100px;
}
#logo{
padding-top:16px;
}
#slogan{
float:right;
font-size:1.4em;
margin-top:47px;
}
#menu{
height:25px;
width:960px;
background-image:url(../images/wl_menu_bg.jpg);
background-repeat:no-repeat;
margin-bottom:35px;
font-size:1em;
text-transform:uppercase;
color:#000000;
text-align:center;
padding-left:90px;
_padding-left:40px;
}
#menu a{
color:#000000;
text-decoration:none;
font-weight: normal;
}


/* big menu */

ul#mainnav{
	margin-left:auto;
margin-right:auto;
	}
ul#mainnav li{
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	list-style: none;
}
* html #mainnav li {}  /* for IE 6 */


ul#mainnav li a.in,ul#mainnav li span.in{
	display:block;
	width:auto;
	cursor:pointer;
	background-image:url(../images/wl_menu_line.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-left:13px;
	padding-right:13px;
	padding-top:5px;
	height:20px;
	 }
* html 	ul#mainnav li a.in,ul#mainnav li span.in,ul#mainnav li span.out{
	_width:60px; white-space: nowrap;
	
	}
ul#mainnav li a.out,ul#mainnav li span.out{ display:block;width:auto;padding-left:10px;padding-right:10px;padding-top:5px; height:20px;background:none;}
ul#mainnav li.mega div.subnavdiv{display:none;width:0px;}
ul#mainnav li.mega div.subnavdiv {
	position:absolute;
	top:25px;
	left:0em;
	width:inherit;
	padding :0px;
	margin:0px;
	background-color:#ffffff;
	background-image:url(../images/msmback.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
	border-top: 1px silver solid;
	text-align: left;
	*width:auto;
	_width:100px;
	}


ul#mainnav li.hovering div.subnavdiv {
	display:block;
	}
ul#mainnav li.hovering div.subnavdiv td div.thirdnavdiv{display:none;position:relative;}
ul#mainnav li.hovering div.subnavdiv td.hovering div.thirdnavdiv{
	display:block;
	position:absolute;
	width:inherit;
	left:95%;
	top:0px;
	margin:0px;
	/*padding-left:7px;*/
	background-color:#ffffff;
	background-image:url(../images/msmback.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-left: 1px silver solid;
	border-right: 1px silver solid;
	border-bottom: 1px silver solid;
	border-top: 1px silver solid;
	text-align: left;
	z-index:100;
}
ul#mainnav li.hovering div.subnavdiv img{
	
	}	
ul#mainnav li.hovering div.subnavdiv a{
	display:block;
	/*width:100%;*/
	margin:0px;
	line-height:25px;
	padding-left: 5px;
	padding-right: 5px;
	border:1px white solid;
	text-transform: none;
	}
ul#mainnav li.hovering div.subnavdiv a:hover{
	/*background-color:#ff9900;*/
	border:1px #ff9900 solid;
	background-color:#ffb777;
	}
ul#mainnav li div.subnavdiv td, div.thirdnavdiv td{
	margin:0px;
	
	text-align:left;
	}
div.thirdnavdiv td.thirdnohover{
	/*background-color:silver;*/
	padding-left:4px;
	padding-right:4px;
	width:31px;
	text-align:center;
	}
div.subnavdiv td.nohover{
		padding-left:4px;
	padding-right:4px;
	width:15px;
	text-align:center;
	}
	
ul#mainnav li.hovering a.in,ul#mainnav li.hovering a.out,ul#mainnav li.mega a.current,
ul#mainnav li.hovering span.in,ul#mainnav li.hovering span.out,ul#mainnav li.mega span.current{
	background-color:#ff9900;
	color:white;
	}

.subnav_btm{
background-image:url(../images/wl_menu_btm.jpg);
background-repeat:repeat-x;
height:10px;
width:100px;
	}
/* end big menu */
#scenario, #right{
float:right;
position:relative;
left:10px;
_left:505px;
*left:0px;
z-index:1;
}
#scenario_header, #products_header{
height:41px;
}
#scenario_header{
background-image:url(../images/wl_prod_il_hover_bp3.jpg);
background-repeat:no-repeat;
width:465px;
z-index:100;
}
#products_header{
background-image:url(../images/wl_prod_il_hover3.jpg);
cursor:pointer;
/*background-image:url(../images/wl_prod_il_hover_bp.jpg);*/
background-repeat:no-repeat;
width:465px;
z-index:-1;
 }
 #top_module{
 height:250px;
 width:960px;
 _height:200px;
 
 }
#scenario_content{
width:465px;
height:208px;
background-image:url(../images/wl_top_module_bg.jpg);
background-repeat:no-repeat;
}
#scenario_content p{
margin:0;
}
#scenario_content_in{
padding-top:8px;
padding-left:20px;
padding-right:20px;
}
#scenario_content_inner{
background-image:url(../images/wl_top_module_bg.jpg);
padding-top:8px;
padding-left:20px;
padding-right:20px;
padding-top:18px;
font-family:Arial, Helvetica, sans-serif;
}
#scenario_content_inner p{
font-family:Arial, Helvetica, sans-serif;
		margin:0px;
padding-top:2px;
padding-bottom:2px;
}

/*
#scenario_content_inner a,#scenario_content_inner a:link ,#scenario_content_inner a:visited,#scenario_content_inner a:active{
color:#ee4f26;
text-decoration: none;
}
*/
#scenario_content_inner a:hover{
text-decoration: underline;
}
#products_content{
position:absolute;
z-index:1;
background-image:url(../images/wl_top_module_bg.jpg);
background-repeat:no-repeat;
width:465px;

}
#products_content p{
margin:0;
}
#products{position:relative;_top:-260px;*top:0px;}
#content{
margin-top:25px;
color:#7d7d7d;
margin-left:10px;
min-height:300px;
_height:300px;
overflow:auto;
_overflow:visible;
overflow-x:hidden;
}
#right{
float:right;
width:310px;
position:relative;
_left:0px;
/*z-index:-1;*/
}
#main_small{
width:620px;
text-align:left;
}
.yellow_block{
color:white;
font-size:1.8em;
background-color:#ff9900;
height:34px;
width:285px;
padding-left:15px;
padding-top:6px;
}


#news_module{
margin-top:0px;
padding-left:15px;

background-image:url(../images/wl_left_mod_mid.jpg);
background-repeat:repeat-y;
height:225px;
width:295px;
}
#news_module h1,#left_module h1{
margin:0px;
padding-bottom:0px;
/*padding-top:15px;*/
font-size:2em;
color:#80a9bd;
font-weight:normal;
}
#news_module h2, #left_module h2{
margin:0;
padding-bottom:0px;
padding-top:10px;
font-size:1em;
color:#80a9bd;
}
#content #right #news_module p,#left_module p{
padding:0px;
margin:0px;
line-height:normal;
padding-bottom:0px;
padding-right:15px;
}
#content #right #news_module a,#content #right #news_module a:visited,#content #right #news_module a:link{
	color:#7d7d7d;
	text-decoration:none;
	}
#news_module a:hover{text-decoration: underline;}
#footer{
	margin-top:10px;
	}
#copyright{
float:right;
}

#footer_nav a{
color:#7d7d7d;
text-decoration:none;
}
#footer_nav a:hover{
text-decoration:underline;
}
#footer_nav ul{
margin:0px;
padding:0px;
}
#footer_nav ul li{
display:inline;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
border-left:1px solid #7d7d7d;
}
#footer_nav ul li:first-child{
border:none;
}
p{
font-stretch:expanded;
line-height:1.5em;
margin-top:10px;
}
h1{margin-top:10px;
	font-size:1.5em;}
h2{margin-top:10px;font-size:1.3em;}
h3{margin-top:10px;font-size:1.2em;}
h4{margin-top:10px;font-size:1.1em;}
h5{font-size:1.0em;}
h6{margin-top:5px;font-size:1.2em;}
/* slider */
.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 208px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden;
			/*top:-208px;		/*margin: auto;*/
			width: 455px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 208px;
			clear: both;
			}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 455px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 15px;
			padding-top: 12px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
				display:none;
					}
		
		.cross-link{
		border:none;
		text-decoration:none;
		display:block;
		float:left;
		width:227px;
		height:40px;
		}
		.cross-link:hover, .cross-link:link, .cross-link:active, .cross-link:visited {
		
		outline: none;
		}
.yellow_block a,.yellow_block a:link,.yellow_block a:visited,.yellow_block a:active{
color:white;
text-decoration:none;
}
#left_module{
background-image: url("../images/wl_left_mod_mid.jpg");
background-repeat:repeat-y;
margin:0px;
padding:0px;
padding-left:10px;
padding-right:10px;
min-height:200px;
_height:200px;
}
#left_module_top{
	margin-top:10px;
background-image: url("../images/wl_left_mod_top.jpg");
background-repeat:no-repeat;
height:15px;
}
#left_module_btm{
background-image: url("../images/wl_left_mod_btm.jpg");
background-repeat:no-repeat;
background-position:bottom left;
height:15px;
}
blockquote{
margin-left:18px;
}
hr{
color: #ccc;
height: 1px;
	}