/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}
.clear {clear:both; height:0px;}
/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
* { margin: auto; }

html, body { 
	height: 100%;
}
body,p { 
	font: 11px/15px Tahoma, Arial, sans-serif; color: #000;
margin:0px;
}
table { 
	/*border-collapse: collapse; */
                     text-align: left; 
}

.req {
color: #ff0000;
}

td { 
vertical-align: top; 
}
img { 
	border: 0 none; 
}
hr { 
	border: none 0; border-top: 1px solid #D1DFED; height: 1px; margin: 0; padding: 0; 
}

/* Split BG */

div#bg_lft {
	position: absolute;	
	top: 0;
	left: 0;	
	width: 50%;
	height: 580px;
	background: url("../images/bg_lft.jpg") repeat-x top left;
	z-index: -1;
}

div#bg_rt {
	position: absolute;		
	top: 0;
	right: 0;
	width: 50%;
	height: 580px;
	background: url("../images/bg_rt.jpg") repeat-x top right;
	z-index: -1;
}

div#bg_lft_sp {
	position: absolute;	
	top: 0;
	left: 0;	
	width: 50%;
	height: 274px;
	background: url("../images/bg_lft_sp.jpg") repeat-x top left;
	z-index: -1;
}

div#bg_rt_sp {
	position: absolute;		
	top: 0;
	right: 0;
	width: 50%;
	height: 274px;
	background: url("../images/bg_rt_sp.jpg") repeat-x top right;
	z-index: -1;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -293px;
}  /* footer stick wrapper */

/* Header */

#bg_hdr {
	background: url("../images/bg_tag2.gif") center bottom no-repeat;
	/* border: 1px solid red; */
}

/* Navbar */

#navbar {
	padding-top: 69px;

}
#ss {
	padding-top: 14px;
}

/* Product bar */

#prod_accumeg,#prod_accubath,#prod_iqs,#prod_accuheat,#prod_resistgard {
	font: normal 9px/12px Tahoma, sans-serif;
	color: #4e4e4e;
}

#prod_accumeg {
	width: 193px;
	border-left: 4px solid #8e3455;
	padding: 0 9px 0 9px;		
}
#prod_accubath {
	width: 193px;
	border-left: 4px solid #10519b;
	padding: 0 9px 0 9px;	
}
#prod_iqs {
	width: 191px;
	border-left: 4px solid #7f3c7a;
	padding: 0 8px 0 8px;
}
#prod_accuheat {
	width: 193px;
	border-left: 4px solid #e97349;
	padding: 0 9px 0 9px;
}
#prod_resistgard {
	width: 184px;
	border-left: 4px solid #008358;
	padding: 0 0 0 9px;
}

/* Content MP */

#newsbox {
	width: 213px;
	padding: 18px 20px 30px 20px;
	background: url("../images/bg_news.jpg") repeat-y;
}
#oemhdr {
	width: 424px;
	height:40px;
	padding: 10px 0 0 20px;
	background: url("../images/bg_spec.jpg") top left repeat-x;


}
#spchdr {
	width: 236px;
	height: 40px;
	padding: 10px 0 0 20px;
	background: url("../images/bg_spec.jpg") top left repeat-x;
}
#oem_content {
	width: 384px;
	padding:5px;
      background: url("../images/bg_oem.gif") top left repeat-y;
}
#spc_content {
	width: 256px;
	padding: 0;
	background: url("../images/bg_spc.gif") top left repeat-y;
}
p.spc {
	padding: 15px 12px 15px 13px;
	border-bottom: 1px solid #ccc;
}
#nobdr {
	border: 0 none;
}
.boxbtm {
	height: 6px;
	margin: 0; 
	padding: 0;
	background: url("../images/bg_box_btm.gif") repeat-x;
}

#wbox {
	width: 659px;
	padding: 30px 20px 30px 30px;
	background: url("../images/bg_welcom.jpg") repeat-y;
}

/* SP cols */

#sp_lft {
	width: 200px;
	padding: 0 20px 0 20px;
	border-left: 1px solid #c6c6c6;
}
#sp_rt {
	padding: 0 30px 0 30px;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
}

.txt_pad {
	padding: 20px 0 20px 0;
}
.txt_pad p {
	padding: 0 10px 10px 10px;
}

.txt_pad2 p {
	padding: 0 0 10px 0;
}

/* Content SP Tabs */

#tab_box_bdr {
	border: 1px solid #b2b2b2;	
}
.tab_box_bdr_lft {
	border-left: 1px solid #b2b2b2;
}
#tab_box_lft {
	width: 280px;
	padding: 15px 16px 0 16px;
}
#tab_box_rt {
	width: 628px;
	padding: 15px 16px 0 16px;
}

/* Navtabs */

#nav ul {
	float: left;
	padding: 0;
	margin: 0;	
	font: normal 10px Tahoma, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin-top:2px;
}
#nav ul li { float:left; padding:0; margin:0;}
#nav ul li a {
	float: left;
	padding: 12px 0px;
	text-align:center;
	width:124px;
	border-right: 1px solid #fff;
	background: url("../images/bg_tabs_grey.gif") repeat-x;
	color: #000;
	text-decoration: none;
}
#nav ul li a:hover {
	background: url("../images/bg_tabs_gold.gif") repeat-x;
	color: #000;
}
body#current a#menu_current {
	background: url("../images/bg_tabs_gold.gif") repeat-x;
	color: #000;
}

/* prod */

.prod {
	width: 625px;
	margin: 0 0 3px 0;
	border: 1px solid #c6c6c6;
	text-align: center;
	padding: 3px 0 3px 0;
}
body#current a#prod_current {
	font-weight: bold;
}

.prod_iqs {
	width: 626px;
	margin: 3px 0 0 0;
	border: 1px solid #c6c6c6;
	text-align: center;
	padding: 5px 0 5px 0;
}

#iqs_tab {
	width: 613px;
	height: 26px;
	padding: 6 0 0 15px;
	margin: 0px;
	border: 0;
	background: url("../images/bg_tabs_grey.gif") repeat-x;
}

.title {
	background: url("../images/bg_tabs_grey.gif") repeat-x;
}
.tab01 {
       width:100%;
       height:15px;
	padding: 0px;
	margin: 0px;
       border: 1px solid #c6c6c6;
}

.tab02 {
	width:100%;
       height:15px;
	border: 1px solid #c6c6c6;
	padding: 0px;
	margin: 0px;
	background: url("../images/bg_tabs_grey.gif") repeat-x;
}

/* Footer */

.footer, .push {
    height: 288px;
	padding-top: 5px;
	background: url("../images/bg_ftr.jpg") bottom left repeat-x;
}
.ftr_pad_lft {
	padding: 35px 0 0 20px;
}
.ftr_pad_rt {
	padding: 35px 20px 0 0;
}
.ftr_rt {
	padding-top: 35px;
}
.ftr_bdr {
	background: url("../images/bdr_ftr.gif") repeat-y;
}
.copyrt {
	padding-top: 30px;
}

/* Fonts */

h1 {
	font: bold 18px/20px Arial, sans-serif; 
	color: #242424;
}
.oemlg {
	font: bold 24px/24px Arial, sans-serif; 
	color: #fff; 
	letter-spacing: 2px;
}
.spclg {
	font: bold 22px/22px Arial, sans-serif; 
	color: #fff; 
	letter-spacing: 2px;
	width: 236px;
	background: url("../images/bg_spec.jpg");
	background-repeat:repeat-x;
}
.phone {
	font: bold 22px/22px Arial, sans-serif; 
	color: #e5e5e5;
}
h2 {
	font: bold 14px/20px Arial, sans-serif; 
	color: #242424;
	margin:0px;
	padding:0px
}
h4 {
	font: bold 12px/20px Arial, sans-serif; 
	color: #242424;
	margin:0px;
	padding:0px
}
.spcr { 
	margin-bottom: 15px;
}
h3 {
	font: bold 12px/20px Arial, sans-serif; 
	color: #242424;
}
.smtxt {
	font: normal 9px/12px Tahoma, sans-serif;
	color: #4e4e4e;
}
.white { color: #fff; }
.caps { text-transform: uppercase; }
.right { text-align: right; }
.center { text-align: center; }
.flt_lft { float: left; }
.flt_rt { float: right; }
.clr { clear: both; }

.padlft { padding-left: 10px; }

/* Links */

a:link,a:visited,a:active { color: #0042AC; text-decoration: none; }
a:hover { text-decoration: underline; }

a.news:link,a.news:visited,a.news:active { font: normal 11px/14px Arial, sans-serif; color: #0042AC; text-decoration: none; }
a.news:hover { text-decoration: underline; }

a.sm:link,a.sm:visited,a.sm:active { font: normal 11px/14px Tahoma, Arial, sans-serif; color: #0042AC; text-decoration: none; }
a.sm:hover { text-decoration: underline; }

a.btm:link, a.btm:visited, a.btm:active { font: normal 9px/16px Tahoma, Arial, sans-serif; color: #fff; }
a.btm:hover { color: #fa9b51; text-decoration: underline; }


.greyBg {
background: url(../images/bg_tabs_grey.gif) repeat-x;
background-color: #ff0000 repeat-x;
height:36px;
padding-left:5px;
padding-top:10px;
}

.txt-black{
color:#000000;
text-decoration:none;
}
.txt-black:hover{
color:#000000;
text-decoration:underline;
}
li {
margin-left:15px;
padding:0px;
}
ul {
margin-left:15px;
padding:0px;
}

/*
-----------------------------------------
ADDED BY Filia D - 05.02.2010
----------------------------------------- 
*/
/* Menu */
#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 69px;
	width:auto;
	z-index:9000;
}
#topnav ul {
	margin:0;
	padding:0;
	z-index:9000;
}
#topnav ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;	
	position:relative;
	z-index:9000;
}
#topnav a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 10px;
	display:block;
	float:left;
	z-index:9000;
}

#topnav .last2 {
	background:none;

}

#topnav h2 {
font-weight:normal;
padding:0;
margin:0;
}

#topnav a:hover {
	color:#f8bd6f;
	z-index:9000;
}

#topnav ul ul {
	position: absolute;
	z-index: 9000;
	top:100%;
	left:0;
	padding:0;
	margin: 0 0 0 15px;
	width:200px;
	background-color:#ffffff;
	border:solid 1px #f8bd6f;
}

html>body #topnav ul ul {
	z-index:9000;
}


#topnav ul ul li {
	display:block;
	padding:0;
	background:none;
	width:100%;
	border-bottom:solid 1px #f8bd6f;
	padding:5px 0;
	z-index:9000;
}
#topnav ul ul li a {
	text-decoration: none;
	text-transform:none;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:0;
	color:#000;
	padding: 0 15px;
	float:left;
	display:block;
	z-index:9000;
}
#topnav ul ul li:hover {
	background-color:#ffebd1;
	width:100%;
	z-index:9000;
}
#topnav ul ul li a:hover {
	color:#000;
	z-index:9000;
}
#topnav ul ul li.last2 a {
	border:none;
	z-index:9000;
}

#topnav ul ul ul {
	position: absolute;
	top: 0;
	left:92%;
	z-index:9000;
}
#topnav ul ul li a {
}

#topnav ul ul,
#topnav ul li:hover ul ul,
#topnav ul ul li:hover ul ul
{display: none;}

#topnav ul li a:hover ul ul,
#topnav ul li a:hover ul ul li,
#topnav ul ul li a:hover ul ul li  {
	display:none;
}

#topnav ul li:hover ul,
#topnav ul ul li:hover ul,
#topnav ul ul ul li:hover ul
{display: block;}

#topnav li:hover ul, li.over ul { display: block; float:left;}

[if lt IE 7]>
#topnav{float:left;}
body{behavior:url(csshover.htc); }
#topnav ul li{ display:block; float:left;}
#topnav a{height:1%;}

#topnav ul li a:hover ul ul,
#topnav ul li a:hover ul ul li {
	display:none;
}

<![endif]