body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #49545A;
	text-align: left;
	background: url(../images/bg.gif) repeat-x left top;
	background-color: #333;
	text-decoration:none;
}

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

h1,h2,h3,h4,h5,h6,form,input,lable,p {
	margin: 0px;
	padding: 0px;
}
h1 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #335ea8;
	text-align: left;
}
h1 span {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #335ea8;
	text-align: left;
}
h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #215A86;
	text-align: left;
}
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
}
p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #49545A;
	text-align: left;
}
.main_div {
	width: 880px;
}
.main {
	width: 850px;
	padding: 5px 15px;
	background: url(../images/body_bg.gif) repeat-y left top;
	float: left;
}
.main_site {
	width: 850px;
	float: left;
}
.header {
	width: 850px;
	height: 189px;
	text-align: left;
	float: left;
}

#banner_container
{
	width: 850px;
	height: 189px;
	position: relative;
}
#banner_container img
{
	width: 850px;
	height: 189px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

img.show
{
	display: none;
	z-index: 1 !important;	
}

.menu {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	height: 42px;
	width: 104px;
	width: 850px;
	position: relative;
	float: left;
	background: url(../images/menu_normal.jpg) repeat-x left top;
}
.menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.menu li {
	float: left;
	height: 42px;
	width: 104px;
	list-style-type: none;
}
.menu li a:link, .menu li a:visited {
	display: block;
	float: left;
	height: 29px;
	width: 104px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #280F0F;
	text-decoration:none;
	text-align:center;
	padding: 13px 0px 0px 0px;
}
.menu li a:hover {
	display: block;
	float: left;
	height: 29px;
	width: 104px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	text-align:center;
	padding: 13px 0px 0px 0px;
	background: url(../images/menu_hover.jpg) repeat-x left top;
}
.menu li.current a:link, .menu li.current a:visited {
	display: block;
	float: left;
	height: 29px;
	width: 104px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	text-align:center;
	padding: 13px 0px 0px 0px;
	background: url(../images/menu_hover.jpg) repeat-x left top;
}
.menu li.current a:hover {
	display: block;
	float: left;
	height: 29px;
	width: 104px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	text-align:center;
	padding: 13px 0px 0px 0px;
	background: url(../images/menu_hover.jpg) repeat-x left top;
}

.body_area {
	width: 850px;
	float: left;
	padding: 10px 0px 0px 0px;
}
.left_area {
	width: 200px;
	float: left;
}
.leftbox {
	width: 200px;
	float: left;
	background-color: #cccccc;
	text-align: left;
	margin-bottom: 14px;
}
.leftbox h2 {
	width: 190px;
	height: 25px;
	padding: 7px 0px 0px 10px;
	float: left;
	text-align: left;
	background: url(../images/leftbox_top.gif) repeat-x left top;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #fff;
}
.leftbox h3 {
	width: 190px;
	height: 18px;
	padding: 3px 0px 0px 10px;
	float: left;
	text-align: left;
	background: url(../images/leftbox_top2.gif) repeat-x left top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
}
.leftbox h4 {
	width: 190px;
	height: 18px;
	padding: 3px 0px 0px 10px;
	float: left;
	text-align: left;
	background: url(../images/leftbox_top2.gif) repeat-x left top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.leftbox ul {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 22px;
	float: left;
}
.leftbox li {
	margin: 0px;
	padding: 4px 0px 4px 13px;
	width: 180px;
	text-align: left;
	background: url(../images/arrow_02.gif) no-repeat left 8px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #383838;
	list-style-type: none;
	text-decoration: none;
}

.leftbox li a:hover {
	display: block;
	margin: 0px;
	width: 145px;
	text-align: left;
	background-color: #63a1dc;
	color: #ffffff;
	list-style-type: none;
	text-decoration: none;
}

.leftbox li.current a:link, .leftbox li.current a:visited {
	display: block;
	margin: 0px;
	width: 145px;
	text-align: left;
	background-color: #63a1dc;
	color: #ffffff;
	list-style-type: none;
	text-decoration: none;
}

.content_area {
	width: 630px;
	padding: 0px 2px 0px 2px;
	float: right;
}

.content_area2 {
	width: 630px;
	padding: 0px 2px 0px 300px;
	float: left;
}

.footer {
	width: 850px;
	height: 30px;
	padding-top: 5px;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	border: solid 1px;
	text-align: center;
	margin-top: 18px;
	background: url(../images/others/iso9001.gif) no-repeat left;
	background-color: #fdea0a;
}

#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner th
{
	padding: 2px;
	font-weight: normal;
	font-size: 13px;
	width:300px;
	color: #000000;
	background: #fdea0a;
}
#rounded-corner td
{
	padding: 2px;
	background: #cccccc;
	width:300px;
	border-top: 1px solid #fff;
	color: #333333;
}

#headingRow
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
}
#headingRow th
{
	padding: 2px;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	background: #000000;
}
#product_image
{ 
position: relative;
float: right;
margin: 25px 0 0 3px;
}

#contact-form
{
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	width: 630px;
	text-align: left;
	border-collapse: collapse;
}
#contact-form th
{
	padding: 2px;
	font-weight: normal;
	font-size: 15px;
	width:315px;
	color: #000000;
	background: #ffffff;
}
#contact-form td
{
	padding: 2px;
	background: #ffffff;
	width:315px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	color: #669;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#669;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff}

a.info span{display: none}

a.info:hover span
{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:15em;
    border:2px solid #15b72c;
    background-color:#ebebeb; 
	color:#000;
    text-align: center;
}

#disclaimer {
	width: 570px;
	padding: 5px;
	float: left;
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
	border: solid 1px;
	text-align: left;
	margin-top: 18px;
	margin-left: 20px;
	background-color: #ebebeb;
}

#imageholder
{
padding: 10px;
}

#promo_banner
{
	position: absolute;
	padding: 210px 0px 0px 850px;
	height: 750px;
	z-index: 4;
}

#livechat{
position: absolute;
padding: 10px 0px 0px 630px;
height: 30px;
z-index: 4;
}

#hybridadvert
{
	position: absolute;
	margin: 250px 0px 0px 855px;
	height: 300px;
	z-index: 5;
}

#powadvert
{
	position: absolute;
	margin: 550px 0px 0px 855px;
	height: 300px;
	z-index: 5;
}

#jdadvert
{
	position: absolute;
	margin: 250px 0px 0px 855px;
	height: 150px;
	z-index: 5;
}
#perkadvert
{
	position: absolute;
	margin: 400px 0px 0px 855px;
	height: 150px;
	z-index: 5;
}
#adverttextOne
{
	position: absolute;
	margin: 340px 0px 0px 895px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	z-index: 10;
}
#adverttextTwo
{
	position: absolute;
	margin: 490px 0px 0px 895px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	z-index: 10;
}


/*-- NEW MENU SYSTEM --*/

#menuDrop{
	margin: 0px;
	width: 850px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
	}
#menuDrop ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#menuDrop li{
		float:left;
		padding:0px;
		background:#333333 url(../images/menu/bg_menu.gif) repeat-x left top;
		}
	#menuDrop li a{
		background: url(../images/menu/menu_divider.gif) bottom right no-repeat;
		color:#FFFFFF;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 20px;
		text-align:center;
		text-decoration:none;
		}
		#menuDrop li a:hover, #menuDrop ul li:hover a{
			background: url(../images/menu/hover_menu.gif) repeat-x left top;
			color:#000000;
			text-decoration:none;
		}
	#menuDrop li.current{
			background: url(../images/menu/hover_menu.gif) repeat-x left top;
	}
	
	#menuDrop li.current a{
			color: #000000;
	}
	
	#menuDrop li ul{
		background:#333333;
		color: #FFFFFF;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:180px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#menuDrop li:hover ul{
		display:block;
		
		}
	#menuDrop li li {
		background:#333333;
		color: #FFFFFF;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:180px;
		}
	#menuDrop li:hover li a{
		background:none;
		color: #FFFFFF;
		}
	#menuDrop li ul a{
		display:block;
		height:30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#menuDrop li ul a:hover, #menuDrop li ul li:hover a{
			background:#f9e701 url("./images/menu/hover_sub.gif") center left no-repeat;
			border:0px;
			color:#333333;
			text-decoration:none;
			}
	#menuDrop p{
		clear:left;
		}