#nav{
	float:left;
	width:100%;
	background:#FC5703;
	height:45px;
	border-bottom:1px solid #A13600;
	border-top:1px solid #A13600;
	clear:both;
	z-index:10000;
	box-shadow:0 0 2px #A13600;
	-moz-box-shadow:0 0 2px #A13600;
	-webkit-box-shadow:0 0 2px #A13600;
}

#nav ul{
	list-style-type:none;
	text-align:left;
	/*margin-left:360px;*/
	margin-top:16px;
	width:100%;
	position:absolute;
}
#nav ul li{
	display:inline-block;
	margin:0 23px;
	font-size:18px;
	line-height:1;
}

#nav ul li:first-child {
	margin: 0 23px 0 10px;

}

#nav ul li a{
	text-decoration:none;
	color:#FFFFFF;
	-webkit-transition:color 0.7s ease-in;  
	-moz-transition:color 0.7s ease-in;  
	-o-transition:color 0.7s ease-in;  
	transition:color 0.7s ease-in; 
	font-family:'Exo', Arial, sans-serif;
}
#nav ul li.current a{
	color:#5E2906;
}
#nav ul li a:hover{
	color:#5E2906;
}

#nav .nav_icon div {
	color: #fff;
}
/*#nav .nav_icon {
	float: right;
}*/

/* Hide the list item that contains the link that should open and close the topnav on small screens */
#nav ul li.nav_icon {display: none;}

.carfoxtab {
	position: absolute;
	top:-45px;
	left: 0px;
}
.rounded_left {
	border-top-left-radius: 20px;
}
.rounded_right {
	border-top-right-radius: 20px;
}
.dividertab {
	position: absolute;
	top: -45px;
	left: 158px;
}

.tyrefoxtab {
	position: absolute;
	top: -45px;
	left: 169px;
}
.car_and_tyre_logo {
	display: none;
	height: 0;
	width: 0;
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:780px) {

  #nav ul li {display: none;} /*:not(:first-child)*/
  #nav ul li.nav_icon {
    float: right;
    display: inline-block;
  }

  #nav ul.responsive {
  	position: relative;
	background-color:#FC5703;
  }
  #nav ul.responsive li.nav_icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  #nav ul.responsive li {
    float: none;
    display: inline;
  }
  #nav ul.responsive li a {
    display: block;
    text-align: left;
    padding:5px 10px;
  }

  .carfoxtab, .tyrefoxtab, .dividertab {
  	display: none;
  }

  .car_and_tyre_logo {
  	display: block;
    position: absolute;
    left: 0;
    top: 0;
}
}