/***************************************** 
Client: Roof Rack City Canberra          *
Type: Navigation                         *
By: Tim Green                            *
Version:1.0                              *
*****************************************/

/*NAVIGATION*/

/*Top Level Navigation*/

div#top-level{
	background:url(../images/top-menu-back.png) no-repeat;
	clear:both;
	float:right;
	height:39px;
	margin-top:-27px;
	margin-right:-1px;
	width:680px;
}

ul.superfish-topmenu{
	float:left;
	height:17px;
	font-size:11px;
	line-height:1.5;
	margin-top:0;
	margin-left:16px;
	padding:0;
	position:absolute;
	text-transform:capitalize;
	width:665px;
}

li.top{
	background:url(../images/topmenu.png) repeat-x;
	float:left;
	list-style-type:none;
	margin:0;
	text-decoration:none;
	width:auto;
}

li.top a{
	color:#1A1A1A;
	display:block;
	font-size:11px;
	height:18px;
	padding:10px 12px 11px;
	text-decoration:none;
}

li.top a:hover{
	background:#F0B856 url(../images/top-menu-hover.png) repeat-x;
}


.nav li ul {
	width:240px;
}

li.dropdown{
	background:#F0B856 url(../images/top-menu-hover.png) repeat-x top;
	list-style-type:none;
	margin-left:-40px;
	margin-right:-25px;
	padding-left:0;
}

li.dropdown a{
	color:#1A1A1A;
	font-size:11px;
	height:18px;
	text-decoration:none;
}

li.dropdown a:hover{
	background:#E8AA3F;
	color:#000000;
	list-style-type:none;
}


li.sfHover{
	background:#F0B856 url(../images/top-menu-hover.png) repeat-x;
}


/*Second Level Navigation*/
div#second-level{
	background:url(../images/second-menu.png) no-repeat;
	border-left:none;
	border-right:#323030 1px solid;
	clear:left;
	height:45px;
	margin-top:-65px;
	width:976px;
}


ul.superfish-second{
	float:left;
	height:17px;
	font-size:11px;
	margin-top:0;
	margin-left:14px;
	padding:0;
	width:975px;
}

li.second{
	background:url(../images/nav-div.png) no-repeat right center;
	float:left;
	list-style-type:none;
	margin:0;
	text-decoration:none;
	width:auto;
}

li.second a{
	color:#FAFAFA;
	display:block;
	font-size:11px;
	height:18px;
	line-height:1.5;
	padding:14px 12px 11px;
	text-decoration:none;
}

li.second a:hover{
	background:url(../images/second-hover.gif) repeat-x;
}