@charset "utf-8";
/* CSS Document */


/*===================================================MAIN NAVIGATION==================================*/

#nav {height: 86px; margin-bottom: 16px;}

#nav li { float: left; display: inline; position: relative; }
	
#nav li a {display: block;}

#nav li a em {display: none;}

#nav #main-menu { float: left; width: 730px; }
#nav #main-menu li {margin-right: 20px; z-index: 13;}
#main-menu li a {
	height: 28px;	
	background-image:url(../images/m1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 8px;
	padding-top: 8px;
}
#main-menu li a:hover {
	background-image:url(../images/m5.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration: none;	
}

#main-menu li a span { 
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	font-style:normal;
}

#main-menu li a:hover span {
	color:#FFF;
}

	
#main-menu ul li ul {
	width: 11em;	
	padding: 0 6px 4px 6px ;
	position: absolute;
	top: 26px;
	left: -8px;
	z-index: 12;
	background: #333;
	border-bottom: 2px solid #282828;
}
	
#main-menu li li {float: none; margin: 0; width: auto; }

#main-menu li li a {	
	padding: 4px 8px;
	color: #999;
	border-top: 1px solid #3C3C3C;
	border-bottom: 1px solid #313131;
	background-image:none;
}
#main-menu li li a span { 
	text-transform:lowercase;
	font-weight:normal;
}

#main-menu li li:first-child a {border-top: none}
	
#main-menu li li a:hover {color: #FFF; background:#2D2D2D;}

	
/*===============================================PRODUCT NAVIGATION============================================*/

#nav li.p1 a {width: 101px; background: url(../images/m_p01.gif)}
#nav li.p2 a {width: 158px; background: url(../images/m_p02.gif)}
#nav li.p3 a {width: 129px; background: url(../images/m_p03.gif)}
#nav li.p4 a {width: 132px; background: url(../images/m_p04.gif)}
#nav li.p5 a {width: 137px; background: url(../images/m_p05.gif)}
#nav li.p6 a {width: 147px; background: url(../images/m_p06.gif)}
#nav li.p7 a {width: 128px; background: url(../images/m_p07.gif)}

#nav li.p1 li a, #nav li.p2 li a, #nav li.p3 li a, #nav li.p4 li a, #nav li.p5 li a, #nav li.p6 li a, #nav li.p7 li a {
	display: inline;
	background: none;	
	color: #FFF;
	font-size: 11px;
	}


#nav #products-menu {clear: both; padding-top: 4px;}
*+html #nav #products-menu {padding-top: 6px;}
#nav #products-menu li {margin-right: 1px; z-index: 11}
#nav #products-menu li a {height: 32px;}

#products-menu li a:hover {background-position: bottom;}

#products-menu ul li ul {
	padding:40px 14px 8px 14px;
	margin: 0;
	position: absolute;
	top: 0;
	z-index: 10;
	}
	
#products-menu ul li.p1 ul {width: 73px; background: #ed1c24 url(../images/m_p01.gif) left -32px no-repeat;}
#products-menu ul li.p2 ul  {width: 130px; background: #ed1c24 url(../images/m_p02.gif) left -32px no-repeat;}
#products-menu ul li.p3 ul  {width: 101px; background: #ed1c24 url(../images/m_p03.gif) left -32px no-repeat;}
#products-menu ul li.p4 ul  {width: 104px; background: #ed1c24 url(../images/m_p04.gif) left -32px no-repeat;}
#products-menu ul li.p5 ul  {width: 109px; background: #ed1c24 url(../images/m_p05.gif) left -32px no-repeat;}
#products-menu ul li.p6 ul  {width: 119px; background: #ed1c24 url(../images/m_p06.gif) left -32px no-repeat;}
#products-menu ul li.p7 ul  {width: 100px; background: #ed1c24 url(../images/m_p07.gif) left -32px no-repeat;}
	
#products-menu ul li li, #main-menu ul li li {
	float: none;
	margin: 0;
	}
	
#products-menu ul li li a:hover {color: #660000; text-decoration: none;}
	
* html #nav ul ul li a {height: 1%;}
*+html #nav ul ul li a {height: 1%;}

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

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


/*================================================= LEFT MENU ==============================================*/

#left-nav {margin-bottom: 16px;}

#left-nav li {
	margin-bottom: 4px;
	list-style: none;
	background: #f0f0f0;
	border-left: 3px solid #CCC;
	}
	
#left-nav li.active {border-left: 3px solid red; padding-bottom: 4px;}
#left-nav li.active a {color: #111;}
	
#left-nav li a {
	display: block;
	padding: 4px 12px;
	color: #666;
	font-weight: bold;
	font-size: 14px;
	}
#left-nav li a:hover, #left-nav li.active a:hover {color: #111}
	
#left-nav li li {border: 0; margin: 0;}

#left-nav li.active li a {
	padding: 2px 0 2px 12px;
	margin-left: 12px;
	color: #666; 
	font-size: 11px; 
	font-weight: normal;
	background: url(../images/bullet_red-support.gif)  0 6px  no-repeat;
	}