/**

STYLE SHEET FOR Redmax
Created by Silvio Merucci & Elles van der Veen for Intermax Interactive B.V. 2009
www.intermaxinteractive.nl

ToC
	1. Structure
	2. Link Markup
	3. Mouseovers
	

Notes :


*/

/* --------- 1. structures  --------- */
.mainMenuContainerWide {
	margin-top: 95px;
}
.mainMenuContainerWide ul li.top {
	list-style	    : none;
	list-style-image: none;
	float			: left;
	display			: block;
	font-family		: Georgia, serif;
	font-size    	: 13px;
	padding	        : 0px 10px 0 10px;
	text-align		: left;
	border-right	: 1px solid #f7961e;
	margin-top		: 2px;
	font-weight		: bold;
	position 		: relative;	
}


.mainMenuContainerWide a {
	color			: #93856e;
	text-decoration	: none;
}
.mainMenuContainerWide a:hover {
	color			: #f58312;
}

.mainMenuContainerWide ul li.top ul.sub{
	position 		: absolute;
	left			: 0px;
	top				: 14px;
	
	list-style-type : none;	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
	
	margin			: 0;
	
}

.mainMenuContainerWide ul li.top ul.sub li{
	
}

.mainMenuContainerWide ul li.top ul.sub li a{
	font-weight: bold;
	
}

.mainMenuContainerWide ul li.top ul.subSmall{
	position 		: absolute;
	left			: 0px;
	top				: 14px;
	
	list-style-type : none;	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
	
	margin			: 0;
	
}

.mainMenuContainerWide ul li.top ul.subSmallLast{
	position 		: absolute;
	right			: 20px;
	top				: 14px;
	
	list-style-type : none;	
	font-family 	: Arial, Verdana, sans-serif;
	font-size   	: 11px;
	
	display 		: none;
	
	margin			: 0;
	
}



.mainMenuContainerWide ul li ul li ul{
	list-style-image: url("/images/puntp/arrow-xxl.gif");		
}

.mainMenuContainerWide ul li ul.subSmall{
	list-style-image: url("/images/puntp/arrow-xxl.gif");
	margin-left: 20px;
}

.mainMenuContainerWide ul li ul.subSmallLast{
	list-style-image: url("/images/puntp/arrow-xxl.gif");
	margin-left: 20px;
}


.mainMenuContainerWide ul li ul.subSmall li a{
	padding-left: 7px;
}

.mainMenuContainerWide ul li ul.subSmallLast li a{
	padding-left: 7px;
}



.mainMenuContainerWide .xlBottomShadowSpacer{
	height			: 20px;
	width			: 656px;
	background-image: url("/images/puntp/xlMenuBackgroundSpacer.png"); 	
}

.mainMenuContainerWide .xlBottomShadow {
	height			: 13px;
	width			: 656px;
	background-image: url("/images/puntp/xlMenuBackgroundBottom.png" ); 
	margin-left		: -1px;
		
}


.mainMenuContainerWide .bottomShadowSub {
	height			: 62px;
	width			: 215px;
	background-image: url("/images/puntp/bottomShadowSub.png" );
	background-repeat: no-repeat;
		
}

.mainMenuContainerWide .xlTopShadow {
	height			: 6px;
	width			: 216px;
	background-image: url("/images/puntp/xlTopShadow.png" );  
	
}

.mainMenuContainerWide .topShadowSub {
	height			: 25px;
	width			: 215px;
	background-image: url("/images/puntp/topShadowSub.png" );  
	background-repeat: no-repeat;	
		
}

/* --------- 2. Link markup  --------- */
.mainMenuContainerWide ul li.top {
	color:	#968871;
}

.mainMenuContainerWide ul li.top:hover {
	color:	#F58312;
}`


.mainMenuContainerWide ul li ul.sub li a{
	font-size: 12px;
	color:	#6a5f4d;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 2px;
	text-decoration: none;
}

.mainMenuContainerWide ul li ul.sub li a:hoover{
	color:	#F58312;
}

.mainMenuContainerWide ul li ul.sub .xlMenu .menuBlock li ul{
	margin-left		: 14px;	
	padding-bottom	 : 10px;
}

.mainMenuContainerWide ul li ul.sub .xlMenu .menuBlock li ul li{
	margin 	: 0px;
	padding	: 0px;	
	width	: 170px;
	list-style-image: url("/images/puntp/arrow-xxl.gif" );
}

.mainMenuContainerWide ul li ul.subSmall .subMenuBlock {
	margin 	: 0px;
	padding-left: 30px;	
	
	width	: 170px;
}

.mainMenuContainerWide ul li ul.subSmallLast .subMenuBlock {
	margin 	: 0px;
	padding-left: 30px;	
	
	width	: 170px;
}

.mainMenuContainerWide ul li ul.sub .xlMenu .menuBlock li ul li a{
	text-decoration: none;	
	font-weight : normal;
	
}

.mainMenuContainerWide ul li ul.sub .xlMenu li a:hover {
	color:	#F58312;
}

.mainMenuContainerWide ul li ul.sub .xlMenu .menuBlock li ul li a:hover{
	color:	#F58312;
}


/* --------- 3. Mouseovers  --------- */

.mainMenuContainerWide ul li.top:hover ul.sub{
	display			: block;	
}

.mainMenuContainerWide ul li.top:hover ul.subSmall{
	display			: block;	
}

.mainMenuContainerWide ul li.top:hover ul.subSmallLast{
	display			: block;	
}

