/*
****************************************************************
GENERIC MENU STYLES 
****************************************************************

- All shared styles relating to the menus on the screen layout.

*****************************************************************
*/
div.menu ul,
ul.menu
{
    list-style  : none;
    margin      : 0px;
    padding     : 0px;
}

div.menu ul li,
ul.menu li
{
    list-style          : none;
    list-style-image    : none;
    margin              : 0px;
    padding             : 0px;
    cursor              : pointer;
    float				: left;
}

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

/*
****************************************************************
SITE TOP MENU
****************************************************************

- The site top menu is the main site structure navigation.

*****************************************************************
*/   
/* Level 1 */
div.header div.menu.top.level1
{
	position : relative;
	width : 100%;
	height : 50px;		
	margin : 0;
	padding : 0;
	cursor : default;
	background : url('/GkGroup/assets/images/menu/menuBg.jpg') repeat-x;
	z-index : 100;
}  
div.header div.menu.top.level1 ul.menu.top.level1
{
	padding : 0;
	height : 50px;	
}
div.header div.menu.top.level1 ul.menu.top.level1 li
{
	background : url('/GkGroup/assets/images/menu/menuSplitter.jpg') no-repeat right;
	padding : 15px 10px 0px 10px;
	height : 35px;	
}
div.header div.menu.top.level1 ul.menu.top.level1 li.last
{
	background : none;
}
div.header div.menu.top.level1 ul.menu.top.level1 li:hover,
div.header div.menu.top.level1 ul.menu.top.level1 li.last:hover
{
	background : url('/GkGroup/assets/images/menu/menuHoverBg.jpg') repeat-x;
}
div.header div.menu.top.level1 ul.menu.top.level1 li a
{
	font-size : 11px;
	font-weight : bold;	
	display : block;
	color : White;
}
div.header div.menu.top.level1 ul.menu.top.level1 li a:hover
{
	
}
/* Level 2 */
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2
{
	position : absolute;	
	margin : 22px 0 0 -10px;
	padding : 0;
	cursor : default;
	/*border : solid 1px white;*/
	z-index : 101;
}
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2
{	
	padding : 0;
	height : 50px;	
}
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2 li
{	
	float : left;
	clear : left;
	background : none;
	background-color : #D63231;
	padding : 5px 10px 0px 10px;
	height : 20px;		
	width : 163px;
	text-align : left;
}
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2 li:hover,
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2 li.last:hover
{
	/*background : url('/GkGroup/assets/images/menu/menuHoverBg.jpg') repeat-x;*/	
}
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2 li a
{
	font-size : 10px;
	font-weight : bold;	
	color : White;
	display : block;
}
div.header div.menu.top.level1 ul.menu.top.level1 li div.menu.top.level2 ul.menu.top.level2 li a:hover
{
	text-decoration : underline;
}

/*
****************************************************************
SITE SECTION MENU
****************************************************************

- The site section menu contains menu elements relating to a given section.

*****************************************************************
*/   
/* Level 1 */
div.content div.sectionMenu
{
	z-index : 100;
}
div.content div.sectionMenu div.sectionContent
{
	padding : 0;
}
div.content div.sectionMenu div.menu.section.level1
{
	width : 223px;	
	margin : 0px auto;
	padding : 0;
	cursor : default;
	float : left;
}  
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1
{
	padding : 0;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li
{
	float : left;
	clear : left;
	width : 100%;
	margin : 0;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li a
{
	font-size : 10px;
	font-weight : bold;
	color : White;	
	padding : 7px 10px 10px 10px;
	display : block;	
	background-color : #1E3658;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li.selected a,
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li.parent.selected a
{
	background-color : #223D63;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li a:hover
{
	text-decoration : underline;
}
/* Level 2 */
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2
{
	width : 225px;	
	margin : 0;
	padding : 0;		
	float : left;		
}  
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2
{
	padding : 0;	
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li
{
	float : left;
	clear : left;
	width : 223px;
	margin : 0;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li a
{
	font-size : 10px;
	font-weight : normal;
	color : White;	
	padding : 3px 5px 3px 20px;	
	display : block;	
	background-color : #1E3658;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li a:hover
{
	text-decoration : underline;
}
div.content div.sectionMenu div.menu.section.level1 ul.menu.section.level1 li div.menu.section.level2 ul.menu.section.level2 li.selected a
{
	background-color : #223D63;
	text-decoration : none;
}
/*
****************************************************************
SITE RELATED MENU
****************************************************************

- The site related menu contains menu elements relating to a given section.

*****************************************************************
*/   
/* Level 1 */
div.content div.menu.related ul.menu.related
{
	padding : 0;
}
div.content div.menu.related ul.menu.related li
{
	float : left;
	clear : left;
	margin : 0 0 2px 0;
	padding : 0;	
	width : 200px;	
}
div.content div.menu.related ul.menu.related li a
{
	font-size : 10px;
	font-weight : bold;
	color : #02497F;	
	padding : 5px;
	display : block;		
}
div.content div.menu.related ul.menu.related li a:hover
{
	text-decoration : underline;
}

/*
****************************************************************
RANGE/RENTAL ACTIONS MENU
****************************************************************

- The range/rental actions menu contains the actions needed when viewing a particular vehicle.

*****************************************************************
*/ 
div.layout.range div.sectionContent div.actions
{
	width : 488px;
	height : 25px;
	margin-bottom : 5px;
}
div.rentalVehicles div.rentalVehicle div.actions
{
	width : 304px;
	height : 25px;
	margin-bottom : 5px;
}
div.layout.range div.sectionContent div.actions ul.actions,
div.rentalVehicles div.rentalVehicle div.actions ul.actions
{
	margin : 0;
	padding : 0;	
	text-decoration : none;
	list-style : none;
}
div.layout.range div.sectionContent div.actions ul.actions li
{
	height : 25px;
	width : 146px;
	background : transparent url('/GkGroup/assets/images/buttons/largeBlueButton.jpg') no-repeat 0px 2px;
	margin : 0 0 2px 0;
	float : left;		
}
div.rentalVehicles div.rentalVehicle div.actions ul.actions li
{
	height : 25px;
	width : 146px;
	background : transparent url('/GkGroup/assets/images/buttons/largeBlueButton.jpg') no-repeat 0px 2px;
	margin : 5px 0 0 0;
	float : right;	
}
div.layout.range div.sectionContent div.actions ul.actions li.book
{
	margin : 0px 24px 2px;
}
div.layout.range div.sectionContent div.actions ul.actions li a,
div.rentalVehicles div.rentalVehicle div.actions ul.actions li a
{
	text-align : center;
	font-size : 11px;
	font-weight : normal;
	color : White;	
	padding : 5px 0 0 0;
	display : block;
	height : 21px;
}
div.layout.range div.sectionContent div.actions ul.actions li a:hover,
div.rentalVehicles div.rentalVehicle div.actions ul.actions li a:hover
{
	color : #1E3658;
}

/*
****************************************************************
VACANCY ACTIONS MENU
****************************************************************

- The vacancy actions menu contains the actions needed when viewing a particular vacancy.

*****************************************************************
*/ 
div.layout.vacancy div.sectionContent div.actions
{
	width : 488px;
	height : 25px;
	margin-bottom : 5px;
}
div.layout.vacancy div.sectionContent div.actions ul.actions
{
	margin : 0;
	padding : 0;	
	text-decoration : none;
	list-style : none;
}
div.layout.vacancy div.sectionContent div.actions ul.actions li
{
	height : 25px;
	width : 146px;
	background : transparent url('/GkGroup/assets/images/buttons/largeBlueButton.jpg') no-repeat 0px 2px;
	margin : 0 0 2px 0;
	float : right;		
}
div.layout.vacancy div.sectionContent div.actions ul.actions li a
{
	text-align : center;
	font-size : 11px;
	font-weight : normal;
	color : White;	
	padding : 5px 0 0 0;
	display : block;
	height : 21px;
}
div.layout.vacancy div.sectionContent div.actions ul.actions li a:hover
{
	color : #1E3658;
}

/*
****************************************************************
VEHICLE ACTIONS MENU
****************************************************************

- The vehicle actions menu contains the actions needed when viewing a particular vehicle in the UVL.

*****************************************************************
*/ 
div.vehiclepanel div.sectionContent div.actions
{
	float : right;
	width : 146px;
	margin : 0;
	padding : 0;
	cursor : default;	
}  
div.vehiclepanel div.sectionContent div.actions ul
{
	margin : 0;
	padding : 0;	
	text-decoration : none;
	list-style : none;
}
div.vehiclepanel div.sectionContent div.actions ul li
{
	height : 25px;
	width : 146px;
	background : transparent url('/GkGroup/assets/images/buttons/largeBlueButton.jpg') no-repeat 0px 2px;
	margin : 0 0 2px 0;
	float : left;	
}
div.vehiclepanel div.sectionContent div.actions ul li.prev
{
	margin-right : 4px;
}
div.vehiclepanel div.sectionContent div.actions ul li.prev,
div.vehiclepanel div.sectionContent div.actions ul li.next
{
	background : transparent url('/GkGroup/assets/images/buttons/mediumBlueButton.jpg') no-repeat 0px 2px;
	width : 71px;	
}
div.vehiclepanel div.sectionContent div.actions ul li a
{
	text-align : center;
	font-size : 11px;
	font-weight : normal;
	color : White;	
	padding : 5px 0 0 0;
	display : block;
	height : 21px;
}
div.vehiclepanel div.sectionContent div.actions ul li a:hover
{
	color : #1E3658;
}
div.vehiclepanel div.sectionContent div.actions ul li.results,
div.vehiclepanel div.sectionContent div.actions ul li.compare,
div.vehiclepanel div.sectionContent div.actions ul li.favourites
{
	border-bottom : solid 1px #DBDBDB;
	margin-bottom : 5px;
	padding-bottom : 5px;
}
div.vehiclepanel div.sectionContent div.actions ul li.prev.hide a,
div.vehiclepanel div.sectionContent div.actions ul li.zoom.hide a,
div.vehiclepanel div.sectionContent div.actions ul li.next.hide a,
div.vehiclepanel div.sectionContent div.actions ul li.compare.hide a,
div.vehiclepanel div.sectionContent div.actions ul li.favourites.hide a 
{
	color : #1E3658; 
	cursor : default;
}

/*
****************************************************************
SITE TOOLS MENU
****************************************************************

- The site tools menu contains additional navigation to other areas of the site.

*****************************************************************
*/   
div.footer div.menu.tools
{
	margin : 0;
	padding : 25px 271px;
	cursor : default;
	background-color : #F2F2F2;
}  
div.footer div.menu.tools div.panel h2
{
	font-size : 11px;
	color : #808080;
	text-align : left;
}
div.footer div.menu.tools div.panel a
{
	margin : 3px 0px 0px 0px;
	font-size : 11px;
	font-weight : normal;
	color : #808080;	
	text-align : left;
	display : block;
}
div.footer div.menu.tools div.panel a:hover
{
	color : Black;
}
div.footer div.menu.tools div.panel
{
	width : 194px;
	float : left;
	padding : 0px 10px;
}
div.footer div.menu.tools div.panel ul
{
	width : 194px;
}
div.footer div.menu.tools div.panel ul li
{
	float : left;
	clear : left;
}