/* CSS Document */
body{
	background-color:#c4c4c4;
	margin-top:10px;
}

.main{
	width:958px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

.topcurve{
	width:958px;
	float:left;
	position:relative;
	background-color:#c4c4c4;
}

.bottomcurve{
	width:958px;
	float:left;
	position:relative;
	padding-bottom:10px;
	background-color:#c4c4c4;
}

.logo{
	width:958px;
	float:left;
	background-color:#FFFFFF;
}

.topbanner{
	width:958px;
	float:left;
	padding-top:2px;
	background-color:#FFFFFF;
}

.homepagemain{
	width:958px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
}

.homepageleftpart{
	width:708px;
	float:left;
	position:relative;
}

.homepagerightpart{
	width:248px;
	float:right;
	height:350px;
	position:relative;
	background-color:#f9fdec;
	border-left:1px solid #c4c4c4;
}

.menupart{
	width:958px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
}

.footerpart{
	width:958px;
	float:left;
	position:relative;
	background-color:#046c01;
}

.footerleft{
	width:40%;
	float:left;
	position:relative;
	font-family:tahoma;
	color:#FFFFFF;
	padding:8px 0px 8px 8px;
	font-size:11px;
}

.footeright{
	width:50%;
	float:right;
	text-align:right;
	position:relative;
	font-family:tahoma;
	color:#FFFFFF;
	padding:8px 8px 8px 0px;
	font-size:11px;
}
.footeright a{text-decoration:underline; color:#FFFFFF}
.footeright a:hover{text-decoration:none; color:#FFFF00;}

.moretxt{	
	font-family:arial;
	font-size:12px;
	color:#000000;
	padding:8px 0px 8px 0px;
}
.moretxt a{text-decoration:underline; color:#000000}
.moretxt a:hover{text-decoration:none; color:#FF0000;}

.welcomeheadtxt{
	font-family:arial;
	font-size:12pt;
	color:#009900;
	font-weight:bold;
	padding:6px 0 6px 8px;
}

.homepagetxt{
	font-family:arial;
	font-size:12px;
	color:#000000;
	padding:4px 8px 4px 8px;
	line-height:22px;
}	

.homedistributortxt{
	font-family:arial;
	font-size:12px;
	color:#000000;
	line-height:22px;
	padding:4px 8px 4px 8px;
}	

.homepagetxt ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/*menu part*/
.preload1 {background: url(drop3/blank_over.gif);}
.preload2 {background: url(drop3/blank_overa.gif);}

.menu2 {width:958px;padding:0 0 0 0px; margin:0; list-style:none; height:28px; background-image:url(../images/bg-menu.gif); position:relative; z-index:500; font-family:tahoma; font-size:11px;float:left;}
.menu2 li.top {display:block; float:left;}
.menu2 li.separtor {color:#FFFFFF;height:28px;float:left; padding-top:7px;font-weight:bold; font-family:tahoma; font-size:10px;}
.menu2 li.top:hover {background:#35e035; height:28px;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 25px; cursor:pointer;background: url(drop3/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 25px 0 0px; height:28px;background:url(drop3/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 25px 0 0px; height:36px; background:url(drop3/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#000; background:url(drop3/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#000; background: url(drop3/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(drop3/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(drop3/blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:28px; background: #046c01; padding:3px; border:0px solid #3a93d2; white-space:nowrap; width:138px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:138px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:138px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#046c01 url(drop3/arrow.gif) 120px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#35e035; color:#000;}
.menu2 :hover ul.sub li a.fly:hover {background:#35e035 url(drop3/arrow_over.gif) 120px 7px no-repeat; color:#000;}
.menu2 :hover ul li:hover > a.fly {background:#35e035 url(drop3/arrow_over.gif) 120px 7px no-repeat; color:#000;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:92px; top:4px; background: #da1010; padding:3px; border:0px solid #3a93d2; white-space:nowrap; width:130px; z-index:400; height:auto;}
/*menu part*/

/************************************************
*	Subnavbar      								*
************************************************/

/* Sub Nav */
#subnav {
	width: 227px;
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	font-family:verdana;
	font-size:11px;
}

#subnav ul {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom: 1px solid #eeeeee;
	position: relative;
}

#subnav li {
	margin:0;
	padding:0;
}
#subnav li a {
	color: #333333;
	padding: 8px 20px;
	display: block;
	text-decoration: none;
	background: url(../images/ar_subnav.gif) top left no-repeat;
}
#subnav li a:hover {
	color: #ff9600; display: block;
	background: url(../images/ar_subnav.gif) top left no-repeat;
}
#subnav #current a { 
	color: #000000; display: block; font-weight: bold;
}

#subnav #current_on a {
	color: #333333;
	font-weight: bold;
}

#subnav #current_off a {
	color: #333333;
}

#subnav #L2 {
	border-bottom: none;
}

#subnav #L3 {
	border-bottom: none;
}

#subnav #L2 a {
	color: #666666;
	margin-left: 16px;
	padding: 5px 4px 5px 14px;
	background: url(../img/ar_subnav_l2.gif) top left no-repeat;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#subnav #L2 a:hover {
	color: #000000;
	background: url(../img/ar_subnav_l2.gif) top left no-repeat;
}

#subnav #L2_current a { 
	color: #000000; display: block; font-weight: bold;
	background: url(../img/ar_subnav_l2.gif) top left no-repeat;
}

#subnav #L3 a {
	color: #666666;
	margin-left: 28px;
	padding: 5px 4px 5px 14px;
	background: url(../img/ar_subnav_l3.gif) top left no-repeat;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
#subnav #L3 a:hover {
	color: #000000;
	background: url(../img/ar_subnav_l3.gif) top left no-repeat;
}

#subnav #L3_current a { 
	color: #000000; display: block; font-weight: bold;
	background: url(../img/ar_subnav_l3.gif) top left no-repeat;
}
/*subnav*/	

/*products*/
.productpagemain{
	width:958px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
}

.productleftpart{
	width:227px;
	float:left;
	height:500px;
	position:relative;
	background-color:#f9fdec;
	border-right:1px solid #c4c4c4;	
}

.productrightpart{
	width:730px;
	float:right;
	position:relative;

}

.productheadtxt{
	font-family:arial;
	font-size:12pt;
	color:#009900;
	font-weight:bold;
	padding:6px 0 6px 8px;
}

.productpagetxt{
	font-family:arial;
	font-size:12px;
	color:#000000;
	padding:4px 8px 4px 8px;
	line-height:22px;
}	

/*products*/