/****************************************************************
SUBMENU CATEGORIES
****************************************************************/
#mainMenu{
	height:118px;
	position:relative;
}

#mainMenu div{
	margin:0px 0px 0px 0px;
}

#mainMenu li div#subItem1,
#mainMenu li div#subItem2,
#mainMenu li div#subItem3,
#mainMenu li div#subItem4,
#mainMenu li div#subItem5,
#mainMenu li div#subItem7,
#mainMenu li div#subItem8,
#mainMenu li div#subItem6{
	visibility: hidden;
	position: absolute;
	z-index: 1;
	left: 0px !important;	
	top: 115px;
	width:960px;
	height: 1px;
	opacity: 0.1;
	background:white;
	border:1px solid #f2f2f2;
	/* Firefox */
	-moz-transition: height 1s ease-out, opacity 1s ease;
	/* WebKit */
	-webkit-transition: height 1s ease-out, opacity 1s ease;
	/* Opera */
	-o-transition: height 1s ease-out, opacity 1s ease;
	/* Standard */
	transition: height 1s ease-out, opacity 1s ease;
}

li#menuItem1:hover > div#subItem1, 
li#menuItem2:hover > div#subItem2, 
li#menuItem3:hover > div#subItem3, 
li#menuItem4:hover > div#subItem4, 
li#menuItem5:hover > div#subItem5, 
li#menuItem5:hover > div#subItem7, 
li#menuItem5:hover > div#subItem8,
li#menuItem6:hover > div#subItem6{
    display:block;
	visibility: visible;
	left: 0px !important;	
	width: 960px;	
	height: 295px;
	opacity: 1;
	background:white;
}

li#menuItem1:hover, 
li#menuItem2:hover, 
li#menuItem3:hover, 
li#menuItem4:hover, 
li#menuItem5:hover, 
li#menuItem7:hover, 
li#menuItem8:hover, 
li#menuItem6:hover{
	/*border-bottom:1px solid #fff3d1;*/
}

.ie9 div#subItem1, .ie10 div#subItem1{
	left: 0px;
}

ul.menu { 
	position: relative;
	z-index: 100;
	padding:0px;
	margin:0px 0px 0px 0px;
}

ul.menu li { 
	font:normal 14px/13px "Arial", sans-serif; 
	text-align:center;
	float:left; 
	list-style-type: none; 
	padding:0px;
	margin:0px 0px 0px 0px;
	
	height:35px;
	display:block;
	height:118px;
	/*width:16.6%;*/
	width:12%;
}

ul.menu li.current { 
	padding-top: 0; 
}
ul.menu li a { 
	display:block; 
	text-align:center; 
	vertical-align:middle;
	color:#ccc;
	margin:10px 18px 0px 18px; 
	padding:0px;
	text-decoration:none;
	cursor:pointer;
}

ul.menu li a:hover, ul.menu li a:actived { 
	margin:0px 18px 0px 18px; 
	padding:0px;
	color:#fff3d1;
	
}

body.ie9 ul.menu li a, body.ie9 ul.menu li.hover a, body.ie9 ul.menu li.actived a{
	padding:0px;
	margin:10px 18px 0px 19px; 
}

/*ul.menu li.first { 
	
}

ul.menu li.first a { 
	border: none; 
	padding:0px 0px 0px 0px; 
	margin:10px 18px 0px 18px; 
}

ul.menu li.doble a { 
	padding:0px 0px 0px 0px; 
	margin:4px 18px 0px 18px; 
}

ul.menu li.first a:hover { 

}*/
/********************************************************
btn menu icon 01
--------------------------------------------------------*/

	ul.menu li#menuItem1{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-01-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem1 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem1 a{
		margin:70px 30px 0px 22px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		width: 70px;		
		padding: 1px 7px 1px 4px;
	}
/*********/
	ul.menu li#menuItem1:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-01-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem1:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem1:hover a{
		background:#996633;
		color:white;
		text-transform:uppercase;
	}
/********/
	ul.menu li#menuItem1.active{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-01-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem1.active p{ 
		margin:0px 0px 0px 0px;
		
	} 
 
	ul.menu li#menuItem1.active a{
		background:#996633;
		color:white;
		text-transform:uppercase;
	}
/********************************************************
btn menu icon 02
--------------------------------------------------------*/

	ul.menu li#menuItem2{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-02-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem2 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem2 a{
		margin: 70px 30px 0px 22px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 7px 1px 4px;
		width: 60px;
	}

	ul.menu li#menuItem2:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-02-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem2:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem2:hover a{
		background:#cb6f2e;
		color:white;
		text-transform:uppercase;
	}
	/****************/
		ul.menu li#menuItem2.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-02-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem2.active p{ 
		margin:0px 0px 0px 0px;
		/*height:106px;*/
	} 
	ul.menu li#menuItem2.active a{
		background:#cb6f2e;
		color:white;
		text-transform:uppercase;
	}
/********************************************************
btn menu icon 03
--------------------------------------------------------*/

	ul.menu li#menuItem3{
		height:106px; 
		background:url("../img/iconsubmenu/bg-li-menu-03-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem3 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem3 a{
		margin:70px 30px 0px 22px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 7px 1px 4px;
		width: 60px;
	}

	ul.menu li#menuItem3:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-03-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem3:hover p{
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem3:hover a{
		background:#669966;
		color:white;
		text-transform:uppercase;
	}
	/************/
	ul.menu li#menuItem3.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-03-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem3.active p{
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem3.active a{
		background:#669966;
		color:white;
		text-transform:uppercase;
	}
	/********************************************************
btn menu icon 04
--------------------------------------------------------*/

	ul.menu li#menuItem4{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-04-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem4 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem4 a{
		margin:70px 30px 0px 12px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 7px 1px 4px;
		width: 79px;
	}

	ul.menu li#menuItem4:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-04-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem4:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem4:hover a{
		background:#5a86c3;
		color:white;
		text-transform:uppercase;
	}
	/***********/
	ul.menu li#menuItem4.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-04-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem4.active p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem4.active a{
		background:#5a86c3;
		color:white;
		text-transform:uppercase;
	}
/********************************************************
btn menu icon 05
--------------------------------------------------------*/

	ul.menu li#menuItem5{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-05-off.gif") 50% 50% no-repeat;
		width:14%;
	}
	ul.menu li#menuItem5 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem5 a{
		margin:70px 30px 0px 5px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 4px 1px 4px;
		width: 114px;
	}

	ul.menu li#menuItem5:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-05-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem5:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem5:hover a{
		background:#989fa7;
		color:white;
		text-transform:uppercase;
	}
	/*************/
		ul.menu li#menuItem5.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-05-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem5.active p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem5.active a{
		background:#989fa7;
		color:white;
		text-transform:uppercase;
	}

/********************************************************
btn menu icon 06
--------------------------------------------------------*/

	ul.menu li#menuItem6{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-06-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem6 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem6 a{
		margin:70px 30px 0px 17px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 5px 1px 4px;
		width: 70px;
	}

	ul.menu li#menuItem6:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-06-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem6:hover p{
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem6:hover a{
		background:#ac5ab3;
		color:white;
		text-transform:uppercase;
	}
/******************/
ul.menu li#menuItem6.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-06-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem6.active p{
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem6.active a{
		background:#ac5ab3;
		color:white;
		text-transform:uppercase;
	}

	/********************************************************
btn menu icon 07
--------------------------------------------------------*/

	ul.menu li#menuItem7{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-07-off.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem7 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem7 a{
		margin:70px 30px 0px 19px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 7px 1px 4px;
		width: 70px;
	}

	ul.menu li#menuItem7:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-07-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem7:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem7:hover a{
		background:#bebfbf;
		color:white;
		text-transform:uppercase;
	}
	/*************/
		ul.menu li#menuItem7.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-07-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem7.active p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem7.active a{
		background:#bebfbf;
		color:white;
		text-transform:uppercase;
	}

	/********************************************************
btn menu icon 08
--------------------------------------------------------*/

	ul.menu li#menuItem8{ 
		height:106px;
		background:url("../img/iconsubmenu/bg-li-menu-08-off.gif") 50% 50% no-repeat;
		width:14%;
	}
	ul.menu li#menuItem8 p{ 
		margin:0px 0px 0px 0px;
		
	} 
	ul.menu li#menuItem8 a{
		margin:54px 30px 0px 6px;
		background:none;
		color:black;
		font: .8em/1.5em "AvenirLTStd-Roman", Arial, sans-serif;
		text-transform:uppercase;
		padding: 1px 4px 1px 4px;
		width: 114px;
	}

	ul.menu li#menuItem8:hover{ 
		background:url("../img/iconsubmenu/bg-li-menu-08-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem8:hover p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem8:hover a{
		background:#7d7e80;
		color:white;
		text-transform:uppercase;
	}
	/*************/
		ul.menu li#menuItem8.active{ 
		background:url("../img/iconsubmenu/bg-li-menu-08-on.gif") 50% 50% no-repeat;
	}
	ul.menu li#menuItem8.active p{ 
		margin:0px 0px 0px 0px;
		height:106px;
	} 
	ul.menu li#menuItem8.active a{
		background:#7d7e80;
		color:white;
		text-transform:uppercase;
	}


	/****************************************************************************
	PANEL ULs -------------------------------------------------------------------
	---------------------------------------------------------------------------*/
	#subul2 div ul.list-style-panel2 {
		margin: 0px 0px 0px 15px;
		list-style: none;
		padding:0px;
	}
	#subul2 div ul.list-style-panel2 li{
		display:block;
		list-style: none;
		color:#333333;
		font:normal .8em/1em Arial,sans-serif;
		text-align: left;
		float: none;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		width: 90%;
		height:30px;

	}
	#subul2 div ul.list-style-panel2 li a.li-st-2{
		color:#333333;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st2-off.gif") 0% 0% no-repeat;
		width:180px;
	}

	#subul2 div ul.list-style-panel2 li a.li-st-2:hover{
		color:#cb6f2d;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st2-on.gif") 0% 0% no-repeat;
	}

	/******************************************************SUBM3*/

	#subul3 div ul.list-style-panel3 {
		margin: 0px 0px 0px 15px;
		list-style: none;
		padding:0px;
	}
	#subul3 div ul.list-style-panel3 li{
		display:block;
		list-style: none;
		color:#333333;
		font:normal .8em/1em Arial,sans-serif;
		text-align: left;
		float: none;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		width: 90%;
		height:30px;

	}
	#subul3 div ul.list-style-panel3 li a.li-st-3{
		color:#333333;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st3-off.gif") 0% 0% no-repeat;
		width:180px;
	}

	#subul3 div ul.list-style-panel3 li a.li-st-3:hover{
		color:#669966;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st3-on.gif") 0% 0% no-repeat;
	}

/******************************************************SUBM4*/

	#subul4 div ul.list-style-panel4 {
		margin: 0px 0px 0px 15px;
		list-style: none;
		padding:0px;
	}
	#subul4 div ul.list-style-panel4 li{
		display:block;
		list-style: none;
		color:#333333;
		font:normal .8em/1em Arial,sans-serif;
		text-align: left;
		float: none;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		width: 90%;
		height:30px;

	}
	#subul4 div ul.list-style-panel4 li a.li-st-4{
		color:#333333;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st4-off.gif") 0% 0% no-repeat;
		width:180px;
	}

	#subul4 div ul.list-style-panel4 li a.li-st-4:hover{
		color:#5a86c3;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st4-on.gif") 0% 0% no-repeat;
	}
/******************************************************SUBM5*/

	#subul5 div ul.list-style-panel5 {
		margin: 0px 0px 0px 15px;
		list-style: none;
		padding:0px;
	}
	#subul5 div ul.list-style-panel5 li{
		display:block;
		list-style: none;
		color:#333333;
		font:normal .8em/1em Arial,sans-serif;
		text-align: left;
		float: none;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		width: 90%;
		height:30px;

	}
	#subul5 div ul.list-style-panel5 li a.li-st-5{
		color:#333333;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st5-off.gif") 0% 0% no-repeat;
		width:180px;
	}

	#subul5 div ul.list-style-panel5 li a.li-st-5:hover{
		color:#989fa7;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st5-on.gif") 0% 0% no-repeat;
	}
/******************************************************SUBM6*/

	#subul6 div ul.list-style-panel6 {
		margin: 0px 0px 0px 15px;
		list-style: none;
		padding:0px;
	}
	#subul6 div ul.list-style-panel6 li{
		display:block;
		list-style: none;
		color:#333333;
		font:normal .8em/1em Arial,sans-serif;
		text-align: left;
		float: none;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: block;
		width: 90%;
		height:30px;

	}
	#subul6 div ul.list-style-panel6 li a.li-st-6{
		color:#333333;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st6-off.gif") 0% 0% no-repeat;
		width:180px;
	}

	#subul6 div ul.list-style-panel6 li a.li-st-6:hover{
		color:#c35ab7;
		padding: 0px 0px 3px 13px;
		margin: 0px 0px 0px 0px;
		font:normal 1em/1em Arial,sans-serif;
		text-align: left;
		background:none;
		text-transform: none;
		text-indent:0px;
		background:url("../img/iconsubmenu/bg-list-st6-on.gif") 0% 0% no-repeat;
	}