@charset "UTF-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	behavior: url(csshover.htc);
	z-index:1; 
}
a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
#container  {
	width: 1000px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
#header  {
	height: 125px;
	width: 997px;
	margin: 0px;
	padding: 0px;
	background-color: #B7D69D;
	position: relative;
} 
#header a:link, #header a:visited {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0px;
	font-family: Arial, San-serif;
	font-weight: bold;
}

#header  h1  {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#mainContent  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 180px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
	width: 560px;
	position: relative;
	top: 5px;
	z-index: 1;
}
#mainContent0510  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 180px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 30px;
	width: 600px;
	position: relative;
	top: 5px;
} 
#mainContent0510 h1 {
	font-size: 1.5em;
	color: #009a37;
	text-align: center;
}
#mainContent h1 {
	font-size: 1.5em;
	color: #009a37;
	text-align: center;
}
#mainContent-norightcolumn h1 {
	font-size: 1.5em;
	color: #009a37;
	text-align: center;
}
#mainContent h2 {
	font-size: 1.2em;
}
#mainContent-norightcolumn h2 {
	font-size: 1.2em;
	color: #000000;
	margin:0px; padding: 0px;
}
#mainContent  h3 {
	font-size: 1.2em;
	color: #222222;
	line-height: 1.2em;
}
#mainContent h4 {
	color: #777777;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#mainContent-norightcolumn h5 {
	font-size: 1.5em;
	color: #009a37;
	text-align: center;
	text-decoration:underline;
	}
#mainContent-norightcolumn h4 {
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#mainContent a:hover {
	text-decoration: underline;
}
#mainContent a {
	font-weight: bold;
}
#mainContent table {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	width: 545px;
}
#mainContent td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}
#mainContent li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContent-norightcolumn li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mainContent-norightcolumn p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	margin-bottom:0px; 

}
#mainContent blockquote {
	font-style: italic;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
	background-image: url(../image-files/quote_up.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #B6CA01;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/* left menu SBI Includes */
#sidebar1  {
	float: right;/* since this element is floated, a width must be given */
	width: 180px;
	top: 125px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: absolute;
	left: 0px;
	margin: 0px;
	background: #FFF;
	text-decoration: none;

}
#sidebar1 ul{ 
	margin-left:0;
	padding-left: 0; 
	list-style:none; 
	margin-bottom:1px; 
	margin-top:2px; 
	font-size:14px;
}
#sidebar1 li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px; 
	margin: 0;
	font-size: 12px;
	text-decoration: none;
	line-height:20px;
	background: url(../image-files/navbullet2b.gif) no-repeat left center;
}
#sidebar1 li a:link {
	text-decoration: none;
	color: #000000;
}
#sidebar1 li a:visited {
	text-decoration: none;
	color: #000000;
}
#sidebar1 li a:hover {
	text-decoration:underline;
	color: #360;
}
#sidebar1 h2 {
	text-align: center;
	background: #FFF url(../image-files/h2bgb.gif) no-repeat center top;
	height: 30px;
	padding: 0;
	margin: 10px 0 0 -10px;
	line-height: 30px;
	font-size: 12px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
}
#sidebar1 h2 a {
	display: block;}
#sidebar1 h2 a:link {
	text-decoration: none;
	color: #000;
	
}
#sidebar1 h2 a:visited {
	text-decoration: none;
	color: #000;
}
#sidebar1 h2 a:hover {
	color:#FFF;
	background: url(../image-files/h2bg2b.gif) no-repeat center top;
}

#sidebar1 h2.hlink { background: transparent; }
#sidebar1 h2.hlink a, #sidebar1 h2.hlink a:visited { color: #000;}
#sidebar1 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	
/* end left menu */
}
#sidebar2  {
	float: right; /* since this element is floated, a width must be given */
	width: 170px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	top: 125px;
	position: absolute;
	left: 827px;
	margin: 0px;
	background-color: #bbdb88;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
}
#sidebar2 p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.3em;
	margin-left: 10px;
	text-align: left;
}
#sidebar2 h3 {
	color: #EEEEEE;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#sidebar2 h4 {
	font-style: normal;
	font-size: 1em;
	color: #0000FF;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 0px;
	text-align: center;
}

#footer  {
	text-align: center;
	margin-top: 100px;
	padding-top: 100px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	background-color: b6ca01;

} 
#footer a {
	color: #0000FF;
}
#footer  p  {
	margin: 10; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer a:hover {
	text-decoration: underline;
}
#mainContent-norightcolumn {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 180px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 600;
	position: relative;
}
#mainContent-norightcolumn-line {
	border-top-style: none;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666;
	}
#mainContent-norightcolumn h2 {margin: 0px;
}
/* Product Table on Home Page */
#homeprodtable {
	background-color:#bbdb88;
	border: 1px #0c8a2d dotted;
	padding-left:5px;
	color: #000;
}
#homeprodtable a:link,#homeprodtable a:visited, #homeprodtable a:hover, #homeprodtable a:active{font-size:12px; font-weight:bold; color: #050568; text-decoration:none; margin:10px 10px 10px 0px; font-family:Arial, Helvetica, sans-serif;}
#homeprodtable a:hover {color:#0000FF; text-decoration:underline;}
#homeprodtable img{margin-right:3px;margin-top:3px;
margin-bottom:5px;}
#bestsellers {width:600px; margin: 16px 0px; border-color: #d4e2fe; border-bottom: solid 5px; border-left: solid 5px; border-right: solid 5px; border-top: solid 5px; display: block;}
#newsletter {margin-left:auto; margin-right:auto; padding-left:0px; padding-right:280px;}
#topnav { position: absolute; bottom: 0; left: 0;  background: #009A37 url(../image-files/gradient1.jpg) repeat-x left top; z-index:500; width: 100%; text-align: center;}


ul.dropdown {
 font-weight: bold; /* background-color: #009A37;*/  height: 31px;z-index:500; width: 600px; margin: 0 200px;}

	ul.dropdown li {
	
	 width: 150px;
	 color: #FFF;
	text-align: center;
	 font-size: 14px;
	 line-height: 30px;
	 /* background-color: #009A37; */
	}

	ul.dropdown li.sfHover,
	ul.dropdown li:hover {
	 
	 background: #b6ca01 url(../image-files/gradient2.jpg) repeat-x left top;

	}
	ul.dropdown li:hover a {color: #017129;}
	ul.dropdown li:hover li a {color: #FFF; }
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #FFF; text-decoration: none; display: block; }
	ul.dropdown a:hover		{ color: #009A37; }
	ul.dropdown a:active	{ color: #FFF; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 background-color: #009A37;
	 background-image: none;
	 padding: 0;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 text-align: left;
		}
	ul.dropdown ul li a {	position: relative; left: 5px;}
	ul.dropdown ul li.sfHover, ul.dropdown ul li:hover { background-color: #009A37; background-image: none;}
	ul.dropdown ul li a:hover		{ color: #B6CA01; }


.basictab{
font-size:16px;
clear:both;
margin: 0;
padding:0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

#header .basictab li a{
background:#b6ca01;
text-decoration: none;
padding: 3px 7px 0;
margin-right: 0px;
border-bottom: none;
color: #fff;
}


#header .basictab li a:visited{
color: #fff;
}

#header .basictab li a:hover{
background: #009a37;
color: #fff;
}

#header .basictab li a:active{
color:#fff;
background: #009a37;
}

#header .basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background: #009a37;
color: #fff;
}

#equipment {
display:block;
font-size:14px;
text-align:left;
padding: 6px 1px 5px;
background:#009a37;
width: auto;
}

.submenustyle{
font-size:14px;
text-align:left;
padding: 6px 1px 5px;
background:#009a37;
width: auto;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

#header #equipment a, #header .submenustyle a{
padding: 1px 5px;
text-decoration: none;
color:#fff;
}

#header .submenustyle a:hover, #header #equipment a:hover{
background-color: #009a37;
color:#b6ca01;
}

 #topInfo {
	width: 254px;
	float:right;
	text-align:left;
	margin:10px 15px 0 0;
 }
 
  #topInfo h2 {
        font-size:16px;
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;}

#header_nav {
   width: 300px;
	text-align:left;
	font-family: Arial, Tahoma, helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	position: absolute;
left:710px;
top: 55px;
	margin-top:10px;
color: #000; 
}

#header_nav ul{
	list-style:none;
	margin:0;
	padding:0;	
}
#header_nav ul li{
	display:inline;
	margin-right:1em;
	padding-right:1em;
	border-right:1px solid #FFF;
}
#header_nav ul li.last { border: none;}
#header_nav ul li a{ 
	color:#FFF;
	font-weight:bold;

}

#header h1{
	background:#BAD69D url(../image-files/wlc-logo.jpg) no-repeat top left;
	float:left;
	font-size:1.5em;
	height:97px;
	padding:0;
	margin:0;
	/*padding-left:14px;
	padding-top:17px;*/
	text-align:left;
	width:697px;
}


#display_homepage_title a{
	text-indent:-99999px;
	display:block;
	width:697px;
	height:97px;
	text-align:left;

}
#display_homepage_title #homepage_title{
	background:transparent none repeat scroll 0% 0%;
	display:block;
	font-size:30px;
	height:100%;
	text-align:left;
	text-indent:0pt;
	width:100%;
}
#articlesidebar { background-color: #BBDB88; width: 170px; float: right; text-align: center; margin: 0 3px 0 1em; height: 700px;}
#articlesidebar a img { border: 0;}
#articlesidebar p { margin-top: 0.5em; padding: 0; margin-bottom: 0.25em;}
 

.newslettersidebar { width: 172px; height: 200px; background: url(../image-files/newsletterbg.jpg) no-repeat center top; font-size: 12px; font-family: verdana,sans-serif; text-align: justify; margin: 0; color: #FFF; padding: 0;}
.newslettersidebar p { width: 160px; margin: auto; padding: 5px 0 0 0;}
.newslettersidebar p .newsletterimg { padding: 0 5px;}