﻿#menu
{
    position:absolute;
    display:inline;   
    left:10px;
    top:100px;
    z-index:3000;
}
#footer
{
    position:relative;
    width:840px;
    text-align:left;  
    clear:both;
    padding:20px 0 40px 0;
}
#footerNav
{
    position:relative;
    display:inline; 
    left:147px;  
}
  .swintonFooter
  {
    position:absolute;
    left:10px;   
    top:10px; 
  }
ul#menu, ul#footerNav {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
ul#menu li, ul#footerNav li
{
  position:relative;
  display:inline; 
}
ul#footerNav li a
{
  color:Black !important;
  text-decoration:none; 
  
}

ul#menu .nav
{
    float:left;
    height:30px;
    min-width:95px !important;
    margin:0 1px 0 1px;
    background:url(../images/layout/nav_back_off.gif);
    background-repeat:repeat-x; 
    text-align:center;
    
}
ul#menu li a
{
    color:#FFFFFF;  
    font-size:11px; 
    text-decoration:none;
    display:block;
    width:95px !important;
    padding:4px 0px 0px 0px;
    z-index:1000;
    font-weight:normal !important;
}
ul#menu li a.home 
{
  float:left;
  background:none;
  background:url(../images/layout/nav_home_off.jpg);
  background-repeat:no-repeat; 
  height:30px !important;
  width:93px !important;
  border:none;
  text-align:center;
}
ul#menu li a.home:hover 
{
  background:none;
  background:url(../images/layout/nav_home_on.jpg);
  background-repeat:no-repeat; 
  height:25px;
  width:93px !important;
  border:none;
}
ul#menu li a.carInsurance:hover, .carInsurance ul a:hover
{
  background:none;
  background:url(../images/layout/nav_car_on.gif);
  background-repeat:repeat-x; 
  height:20px;
  color:#000;
}

#menu .carInsurance  li
{
  background-color:#ffff50;
  vertical-align:middle;
}

ul#menu li a.homeInsurance:hover
{
  background:none;
  background:url(../images/layout/nav_home_on.gif);
  background-repeat:repeat-x; 
  height:20px;
}

#menu .homeInsurance  li
{
  background-color:#85ad33;
  padding-bottom:3px;
  vertical-align:middle;	
}

ul#menu li a.travelInsurance:hover
{
  background:none;
  background:url(../images/layout/nav_travel_on.gif);
  background-repeat:repeat-x; 
  height:20px;
}

#menu .travelInsurance  li
{
  background-color:#d53483;
  padding-bottom:3px;
  vertical-align:middle;
}

ul#menu li a.bikeInsurance:hover
{
  background:none;
  background:url(../images/layout/nav_bike_on.gif);
  background-repeat:repeat-x; 
  height:20px;
}

#menu .bikeInsurance  li
{
  background-color:#28a9d4;
  padding-bottom:3px;
  vertical-align:bottom;	
}

ul#menu li a.other:hover,ul#menu li a.aboutUs:hover,ul#menu li a.contactUs:hover
{
  background:none;
  background:url(../images/layout/nav_purple_on.gif);
  background-repeat:repeat-x; 
  height:20px;
}

ul#menu li .other
{
    width:118px !important;  
    display:block;  
}

/*ul#menu li a.aboutUs {width:1000px}*/

ul#menu li a.contactUs
{
  background:none;
  background:url(../images/layout/nav_contact_off.jpg);
  background-repeat:no-repeat; 
  height:20px;
  width: 106px !important;
}
ul#menu li a.contactUs:hover
{
  background:none;
  background:url(../images/layout/nav_contact_on.jpg);
  background-repeat:no-repeat;
  height:20px;
  width: 106px !important;
}
#menu .other li, #menu .aboutUs li, #menu .contactUs li
{
  background-color:#a64da6;
padding-bottom:3px;
  vertical-align:middle;	
}

#menu li {
	display:block;  
	position:relative;
	z-index:500; 
}
	
#menu a.selected {
	color:#f00;
}

#menu ul {
	position:absolute;
	top:22px; 
	margin-top:5px;
	left:0; 
	display:none; 
	margin:0px; 
	list-style:none;
	border:none;
}
#menu ul li {
	 
	float:left; 
	border-top:1px solid #FFF;
	padding:0px;
	margin: 0px;
	background-color:Black;    
}
#menu ul a 
{
	display:block;  
	margin: 0px !important; 
	min-height:15px !important;
	color:#FFF !important;
	font-size:9px;
	background-image:none !important;
}
#menu .carInsurance  li a
{
  color:#000 !important;	
}
#menu ul a:hover {
	text-decoration:none;	
}

*html #menu ul {
	margin:0 0 0 0px;
}


ul.other 
{
    visibility:hidden;
} 

html* ul#menu ul {width:95px}