/* menu */
#frame {
height:34px; 
width:593px;
float:right; 
position:relative; 
z-index:100;
}

.menu, .menu ul {
list-style-type:none; 
padding:0; 
margin:0; 
font-family:Arial; 
font-size:11px;
}

.menu li.top {
	display:block;
	float:right;
	position:relative;
	overflow: visible;
}

.menu li.top a.top_link {
display:block; 
float:left; 
height:34px;
}

.menu li.p1 {
width:100px; 
height:34px; 
background:url(../images/carinsurance_down.gif) 
no-repeat; 
padding-right:1px;
}

.menu li.p2 {
width:100px; 
height:34px; 
background:url(../images/motorbikeinsurance_down.gif) 
no-repeat; 
padding-right:1px;
}

.menu li.p3 {
width:100px; 
height:34px; 
background:url(../images/vaninsurance_down.gif) 
no-repeat; 
padding-right:1px;
}

.menu li.p4 {
width:100px; 
height:34px; 
background:url(../images/house_down.gif) no-repeat; 
padding-right:1px;
}

.menu li.p5	{
width:88px;
height:34px;
background:url(../images/co_uk.jpg) no-repeat;
}


.menu li.p6	{
width:100px; 
height:34px; 
background:url(../images/travel_down.gif) no-repeat; 
padding-right:1px;
}





.menu li a#car {
width:100px; 
background:url(../images/carinsurance_up.gif) 
no-repeat;
}

.menu li a#motorbike {
width:100px; 
background:url(../images/motorbikeinsurance_up.gif) 
no-repeat;
}

.menu li a#van {
width:100px; 
background:url(../images/vaninsurance_up.gif) 
no-repeat;
}

.menu li a#house {
width:100px; 
background:url(../images/house_up.gif) 
no-repeat;
}


.menu li a#travel {
width:100px; 
background:url(../images/travel_up.gif) 
no-repeat;
}





/* for IE6 */
.menu a:hover {
visibility:visible;
} 

/* for IE7 */
.menu li:hover {
position:relative; 
z-index:200;
} 

.menu li a#car:hover, .menu li:hover a#car,
.menu li a#motorbike:hover, .menu li:hover a#motorbike,
.menu li a#van:hover, .menu li:hover a#van,
.menu li a#van:hover, .menu li:hover a#travel,
.menu li a#house:hover, .menu li:hover a#house {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0;
}

/* set up the first drop down sub level */
.menu :hover ul.sub1 {
left:0; 
top:34px; 
background: #fff; 
padding-right: 15px; 
border:1px solid #ffcc00; 
white-space: nowrap; 
width:125px; 
height:auto; 
margin-left:-50px; 
padding-right: 25px;
}

.menu :hover ul.sub2 {
left:0; 
top:34px; 
background: #fff; 
border:1px solid #ff7b24; 
white-space:nowrap; 
width:125px; 
height:auto; 
margin-left:-50px; 
padding-right: 25px;
}

.menu :hover ul.sub3 {
left:0; 
top:34px; 
background: #fff; 
padding-right: 30px; 
border:1px solid #00cc00; 
white-space:nowrap; 
width:125px; 
height:auto; 
margin-left:-55px;
}

.menu :hover ul.sub4 {
left:0; 
top:34px; 
background: #fff; 
padding-right: 41px; 
border:1px solid #3333ff; 
white-space:nowrap; 
width:124px; 
height:auto;
margin-left:-65px;
}



.menu :hover ul.sub6 {
left:0; 
top:34px; 
background: #fff; 
padding-right: 41px; 
border:1px solid #86E1FE; 
white-space:nowrap; 
width:124px; 
height:auto;
margin-left:-65px;
}



/* inside dropdown box */
.menu :hover ul.sub1 li a {
display:block; 
height:20px; 
width:130px; 
line-height:20px; 
text-indent:0px; 
color:#000; 
text-decoration:none; 
padding-left:20px; 
padding-right:5px; 
border-bottom: 1px solid #FFFFFF; 
background-image: url(../images/dot.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}
	
.menu :hover ul.sub2 li a {
display:block; 
height:20px; 
width:125px; 
line-height:20px; 
text-indent:0px; 
color:#000; 
text-decoration:none; 
 
padding-left:20px; 
padding-right:5px; 
border-bottom: 1px solid #FFFFFF; 
background-image: url(../images/dot.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}
	
.menu :hover ul.sub3 li a {
display:block; 
height:20px; 
width:130px; 
line-height:20px; 
text-indent:0px; 
color:#000; 
text-decoration:none; 
padding-right:5px; 
padding-left:20px; 
border-bottom: 1px solid #FFFFFF; 
 
background-image: url(../images/dot.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}
	
.menu :hover ul.sub4 li a {
display:block; 
height:20px; width:140px; 
line-height:20px; 
text-indent:0px; 
color:#000; 
text-decoration:none; 
padding-right:5px; 
padding-left:20px; 
border-bottom: 1px solid #FFFFFF; 
 	
background-image: url(../images/dot.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}


.menu :hover ul.sub6 li a {
display:block; 
height:20px; width:140px; 
line-height:20px; 
text-indent:0px; 
color:#000; 
text-decoration:none; 
padding-right:5px; 
padding-left:20px; 
border-bottom: 1px solid #FFFFFF; 
 	
background-image: url(../images/dot.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}




.menu :hover ul.sub1 li a:hover {
background:#ffcc00; 
color:#fff; 
background-image:url(../images/dot_white.gif); 
background-repeat:no-repeat; 
background-position:10px 10px;
}

.menu :hover ul.sub2 li a:hover {
background:#ff7b24; 
color:#fff;
background-image:url(../images/dot_white.gif); 
background-repeat:no-repeat; 
background-position:10px 10px;
}

.menu :hover ul.sub3 li a:hover {
background:#00cc00; 
color:#fff; 
background-image: url(../images/dot_white.gif); 
background-repeat: no-repeat; 
background-position:10px 10px;
}

.menu :hover ul.sub4 li a:hover {
background:#3333ff; 
color:#fff; 
background-image:url(../images/dot_white.gif); 
background-repeat:no-repeat; 
background-position:10px 10px;
}


.menu :hover ul.sub6 li a:hover {
background:#86E1FE; 
color:#fff; 
background-image:url(../images/dot_white.gif); 
background-repeat:no-repeat; 
background-position:10px 10px;
}