/* 

client: AP Exhaust Products
author: Atlantic BT - www.atlanticbt.com

original based off final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk)
modified by Atlantic BT

==================================================================================================================*/

/* navigationSubmenu
==================================================================================================================*/


/* for centered design */

.navigationSubmenu{
	background: none repeat scroll 0 0 #54777B;
    color: #FFFFFF;
    float: left;
    margin: 0;
    width: 684px;
}

.navigationSubmenu ul { 
	float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
 }

.navigationSubmenu ul li{ 
    display: inline;
    float: left;
    text-align: center;
	border-right:1px solid #F2F0F0;
   /* width: 97px;*/

}

.navigationSubmenu ul li:last-child{ 
	border-right:none;
   /* width: 97px;*/

}

.navigationSubmenu ul li a{
	color: #fff;
    float: left;
    font-size: 10pt;
    margin: 0;
    padding: 8px 14px 4px 14px;
    text-align: center;
    text-decoration: none;
   /* width: 93px;*/
	text-transform:uppercase;
	border-bottom:5px solid #54777B;
}
	
.navigationSubmenu ul li a:hover{
	/*background:url(../images/bt_over.png) no-repeat;*/
	border-bottom:5px solid #ca8b32;
	color:#FFF;

}

.navigationSubmenu ul li.selected{
	background:url(../images/bt_over.png) no-repeat;
	color:#FFF;

}

.navigationSubmenu ul li ul li{ 
    text-align: left;
	border:none;
}

.navigationSubmenu ul li ul.menu li a{ 
    text-align: left !important;
	font-size:9pt !important;
	text-transform:none;
	border:none;
	
}
 

/* =Reset/Override Layout, just in case		!!! DO NOT EDIT !!!
==================================================================================================================*/
/** html body { behavior: url(/css/csshover2.htc); } /* allow IE to follow :hover rules */
.navigationSubmenu ul { z-index: 800; }
.navigationSubmenu li { position: relative; display:inline-block; font: 12px Tahoma, Geneva, sans-serif; color: #231f20; }
/* hide sub navs */
.navigationSubmenu li .drop,
/*#container .navigationSubmenu li li .drop { position: absolute; left: -9000em; top: 0; margin: 0; }*/
/* base drop downs */
.navigationSubmenu .drop ul { position: relative; top: auto; left: auto; float: none; display: block; background: none; width:100%; }

.navigationSubmenu .drop ul.subSubMenu{
	margin:3px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0;
	}
	
.navigationSubmenu .drop ul.subSubMenu h4{
		background:#EDEDED;
		padding:5px;
		margin:0;
}
	
.navigationSubmenu .drop ul.subSubMenu li{
	padding-left:15px;
	}


#container .navigationSubmenu li .drop,
#container .navigationSubmenu li li .drop { display: block; position: absolute; z-index: 900; }
/* overrides for sprites */ 
.navigationSubmenu li ul,
.navigationSubmenu li li,
.navigationSubmenu li li a { height: auto; /* override height from nav */ background: none; text-indent: 0; font-size:8pt; }


.navigationSubmenu .drop .product ul li.categoria { display:inline-block; float:left; width:180px; background:#033; }

/* =Base Styles 	---Editable---
==================================================================================================================*/

/* 1st level */
.navigationSubmenu li .drop {
	top: 34px; /* top = height of primary nav button */
	font-size: 100%; /* override height from nav */
	margin: 0; 
	padding: 9px; 
	width: 237px; 
	background: #fff; 
	border: 1px solid #ca8b32; 
	font-size: 1.2em; 
	white-space: normal; /*box-shadow: #000 1px 1px 3px; -moz-box-shadow: #000 1px 1px 3px; -webkit-box-shadow: #000 1px 1px 3px;*/ 
}
	
.navigationSubmenu li:hover .drop { 
	left: 0; 
}

.navigationSubmenu li#n-sales .drop {
	 left: -100px !important; 
}

.navigationSubmenu li .wide {
	 width: 650px; 
}

.navigationSubmenu li:hover .wide { 
	left: -320px; 
}
.navigationSubmenu .drop-group {
	float: left; 
	display: inline; 
	padding-top: 5px; 
	padding-right: 20px; 
	text-indent: 0;
}
.navigationSubmenu .last { 
	padding-right: 0; 
	background: none;
}
.navigationSubmenu .product { 
	padding-bottom: 1em; 
	margin-bottom: 1em; 
}

.navigationSubmenu h4 { 
	margin: 0 0 5px 5px; 
	font-size: 9pt; 
	font-weight: bold; 
	color: #41575B; 
}

.navigationSubmenu .menu li h4 a{ 
	margin: 0 0 5px 0; 
	font-size: 9pt; 
	font-weight: normal !important; 
	color: #41575B !important; 
	padding:0 !important;
}

.navigationSubmenu .menu li h4 a:hover{ 
	color: #ca8b32 !important; 
}


.navigationSubmenu .emissions h4 { 
	color: #82ba41; 
}

.navigationSubmenu .heavy h4 { 
	color: #ff6e0d;
 }
.navigationSubmenu .industrial h4 {
	 color: #f4a721; 
}

.navigationSubmenu .performance h4 {
	 color: #005b7f; 
}
		
		
.navigationSubmenu li ul { 
	float: left!important; 
	height: auto; 
}	

.product ul li{
	/*width: 165px !important; */
	float: left !important;
	display:block;
	
}
.product ul li ul.menu {
	margin:0 5px 10px 0px;
	padding:0 0 10px 0;
	display:block;
	border-bottom:none;
	border-right:none;
}
.product ul li ul.menu li{
	display:block;
	float:none !important;
	margin:0 20px 0 0;
	padding:0;
	border-bottom:none;
	border-right:none;
}

.product ul li ul.menu li a{
	float: none; 
	display: block; 
	padding: 0 0 0 0; 
	text-decoration: none; 
	color: #231f20;
	border-bottom:none;
	border-right:none;
	text-align:left;
}

.product ul li ul.menu li a:hover{
	color: #ed1f24; 
}

#container .navigationSubmenu li li { float: none; display: block; margin-right: 10px; background: none;/* width: 180px;*/ line-height: 1.5em; }

#container .navigationSubmenu li li a { float: none; display: block; padding: 2px 5px; width: auto; background: url(../images/i_arrow.gif) no-repeat 5px .7em; text-decoration: none; color: #666; }
#container .navigationSubmenu li ul a:hover { color: #ca8b32; }
	#container .navigationSubmenu li .emissions ul a:hover { color: #82ba41; }
	#container .navigationSubmenu li .heavy ul a:hover { color: #ff6e0d; }
	#container .navigationSubmenu li .industrial ul a:hover { color: #f4a721; }
	#container .navigationSubmenu li .performance ul a:hover { color: #005b7f; }


/* 2nd level */
/* for these IE might need a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
/*#container .navigationSubmenu li li:hover ul { left: 170px; top: 0; width: 160px; font-size: 100%; }*/