
/*
#######################
#    2010 NAVIGATION   #
#######################
*/
#nav_2010{
	background: url(http://www.gates.co.uk/images/2010_main_bg_nav.gif) bottom right no-repeat;
	/*border-bottom:1px solid #d4d2d3;*/
  	font: bold 1.3em Arial;
	font-size:12px;
 	width: 910px;
 	z-index: 999;
	}

#nav_2010, #nav_2010 ul{
     margin:0;			
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:12px; /*EDITED : 1.5em*/
	 height: 31px!important;
	 z-index: 1;
 }


@media screen and (-webkit-min-device-pixel-ratio:0){
                #nav_2010, #nav_2010 ul{

	   height: 31px!important;

 }
}

  #nav_2010 ul {
    position:absolute;
    width:401px;
	height: 31px!important; /*ADDED*/
    top:30px;
    display:none;
  	z-index:20000;
  }
 #nav_2010 a:link, #nav_2010 a:active, #nav_2010 a:visited {
    display:block;
    padding:11px 5px;
	color:#ffffff; /*EDITED : #052146 */
    text-decoration:none;
    /*background-color:#326396; REMOVED */
 }

#nav_2010 a.End:link,
#nav_2010 a.End:active,
#nav_2010 a.End:visited{
   padding:5px 10px;
   }
 * html #nav_2010 a.End:link,
 * html #nav_2010 a.End:active,
 * html #nav_2010 a.End:visited{
   padding:5px 14px 5px 15px;
   }
#nav_2010 a:hover{
  background-color:#FFFFFF;
  color:#333;
  }
#nav_2010 li{
  float:left;
  position:relative;
  /*top:0px;*/
  top:-1px;
  left:3px;
}
	#nav_2010 li.2010_menu_border{
  	border-right:1px solid #333; /*EDITED : e6da1a */
  	border-left:1px solid #666; /*EDITED : fff890 */
	}
	#nav_2010 li.2010_menu_first {
  	border-right:1px solid #333; /* ADDED */
  	border-left:none;
	margin-left:25px !important; 	/*ADDED*//*CONTROLS INSET OF MAIN MENU LIST FROM LEFT*/
	margin-left:0px; 				/*ADDED*//*CONTROLS INSET OF MAIN MENU LIST FROM LEFT*/
	}
	#nav_2010 li.2010_menu_last {
	border-right:none;
  	border-left:1px solid #666; /* ADDED */
	}

  #nav_2010 li a{
  background: url(http://www.gates.co.uk/images/2010_bg_nav.gif) bottom right repeat-x;
  }
  #nav_2010 li a:hover{
  background: url(http://www.gates.co.uk/images/2010_bg_nav.gif) top right repeat-x;
  color:#FFFFFF;
  }
  #nav_2010 li:hover a{
  background: url(http://www.gates.co.uk/images/2010_bg_nav.gif) top right repeat-x;
  color:#FFFFFF;
  }
  #nav_2010 table.navTable a{
  padding: 10px 0 11px !important;
  }
  #nav_2010 li ul li {
  background:none!important;
  }
  #nav_2010 li ul li a{
  background:none!important;
  padding:8px 14px !important;
  padding:4px 7px;
  }
  #nav_2010 li ul{ /* Drop down panel */
  /*font-size:0.9em!important;*/
  font-size:12px!important;
  font-weight:normal;
  }
  #nav_2010 li ul li{
   /* background: #326396 url(/images/template/navBg.gif) top left repeat-y !important;*/
    background: #cc3333 url(http://www.gates.co.uk/images/template/navBg.gif) top left repeat-y !important;
	
	
  }
  #nav_2010 li ul li a:hover{
  /*background:#6686B1!important;*/
  background:#cc0000!important;
  
  }
  #nav_2010 li ul a{
  	background:#326396;
  	/*background:#000000;	*/
  	color:#FFFFFF !important;
  	margin:0;
  	padding:0;
  	width: 100%;
  }
  #nav_2010 ul ul{
  	top:auto;
	z-index:999; /* ADDED */
	
  	}
  #nav_2010 li:hover ul ul, #nav_2010 li:hover ul ul ul, #nav_2010 li:hover ul ul ul ul{
      display:none;
      }
  #nav_2010 li:hover ul, #nav_2010 li li:hover ul, #nav_2010 li li li:hover ul, #nav_2010 li li li li:hover ul{
      display:block;
      }
  .nav-col{
  	float:left;
  	width:200px;
  	padding: 0 0 10px 0;
  	overflow:hidden;
	border-right: 1px solid #990000;
  }
  	.nav-col img{
  		margin:0px auto;
  		}
	.ShopAd {
		margin:0;
		}
  #nav_2010 ul.two-col {
	  width:416px!important;
	  }
  #nav_2010 ul.three-col {
	  width:602px!important;
	  }
 #nav_2010 ul.four-col {
	  width:803px!important;
	  }
  #nav_2010 ul.single-col{
	  width:200px!important;
    }
  #nav_2010 div.shop-col{
    float: left;
    padding: 20px 0 0;
    text-align: right;
    width:370px!important;
  }
  #nav_2010 div.shopAd-col {
    background: url(/images/shop/navXmas.jpg) top left no-repeat;
    float: left;
    height: 59px;
    overflow:hidden;
    padding:0 !important;
    margin:0 !important;
    width:602px !important;
  }
  #nav_2010 div.shop-col a:hover,
  #nav_2010 div.shopAd-col a:hover {
    background: none !important;
  }
	#nav_2010 a.external img {
	  padding: 0 0 0 4px;
	}
	#nav_2010 h2{
	/*background: #6686B1;*/
	background: #990000;	  
  	color: #FFFFFF;
  	font: bold 1em Arial;
  	margin: 0 0 1px 0;
  	padding: 6px 12px;
	}	
		
	#nav_2010 h2 div.dealershipcontainer{
	position:relative; 
	display:inline;
	width:200px;
	overflow:hidden;
	line-height:12px;
  	padding: 0px 0px;
	}
	#nav_2010 h2 div.dealershipcontainer a,
	#nav_2010 h2 div.dealershipcontainer a:visited,
	#nav_2010 h2 div.dealershipcontainer a:active{
	/*margin-left:31px!important;
	margin-left:41px; */
	width: 180px;
	padding-left:20px !important;
	padding-left:20px;
	}
	#nav_2010 h2 div.dealershipcontainer a:hover{
	background-color:#CCC;
	}
	#nav_2010 h2 div.dealershipimage{
	width:20px; 
	position:absolute; 
	left:0px;
	top:10px !important;
	top:5px;
	display:inline;
	text-align:center;
	}
	#nav_2010 h2 div.dealershiptext{
	position:absolute; 
	left:0px;
	padding-left:20px;
	/*width:110px;*/
	display:inline;
	}

	
	ul.OurCompany{
		left:-8px;
	}
	ul.ContactUs{
		left:-148px;
	}
	ul.CustomerCare{
		left:-8px;
	}
	ul.NewVehicles{
		left:-308px;
	}
	ul.UsedVehicles{
		left:-358px;
	}
	ul.CommercialVehicles{
		left:-8px;
	}
	ul.Motability {
    left:-140px;
	}
	ul.Aftersales {
    left:-127px;
	}
	ul.PartsAndAccs {
    left:-200px;
	}
	.Last{
		border:none;
	}
	#nav a.last-nav{
		padding:5px 14px 5px 15px;
	}



span.StoriesBL, span.StoriesBR {
width: 7px; /* Size of corner */
height: 7px; /* Size of corner */
display: block;
margin:-7px 0 0;
position: relative;
overflow: hidden;
}

.StoriesBL {
background:url(/images/StoriesBL.gif) 0px 14px;
float: left;
margin-bottom: -1px;
margin-left:0px;
}

.StoriesBR {
background: url(/images/StoriesBR.gif) 0px 14px;
float: right;
margin-bottom: -1px;
margin-right: 0px;
}

table.RelatedNews td {
color:#2B3D6F;
font-size:1.1em;
font-weight:bold;
padding:10px;
}

table.RelatedNews td a{
color:#727171;
font-weight:bold;
}

#showseason{
	float:right;
	}

.player_select_box {
float:right;
margin:0 5px;
}

.Button_marg {
padding-right:10px;
padding-top:5px;
padding-left:5px;
}

#article .MatchDetailsLeft {
padding:0;
}

.BuyTic span {
padding:5px 30px!important;
}

/* QUICK LINKS */
.QuickLinks td {
  color:#b2aeae;
  margin-left:15px;
  padding:10px 0 10px 15px;
}
  .QuickLinks td.bottom {
  border-bottom:1px solid #DADADA;
  }
  .QuickLinks td.top {
  border-top:1px solid #FFFFFF;
  }
  .QuickLinks td a {
  font-size:13px;
  font-weight:bold;
  color:#2B3D6F!important;
  }

img.CompLogoMatch {
margin-bottom:10px;
}
table.QuickLinks {
}

.ComponentPad {
padding:0 0 10px 1px;
}

.banner{
	z-index:0;
}

#banner{
	z-index:-1000;
}

.games img{
	width:309px;
	height:247px;
}

#form_table input, #form_table_wide input {
}

#form_table input.noBorder, #form_table_wide input.noBorder  {
border:0;
}




.matchComment_box {
color:#112A58;
float:left;
margin: 0;
width:360px;
}

#form_table_wide {
background:#F5F8FE none repeat scroll 0 0;
margin:15px 10px 10px 10px;
padding:10px;
width:605px;
}

table.TableLeftMarg td, table.TableLeftMarg th {
padding-left:15px!important;
}

.display_none{display:none;}

