/* top navigation styles */
#topnavdh {
  clear: both; 
  z-index: 3000;
  position: relative; 
  background: url(../images/bkgd_topnav.png) repeat-x;   
  _background: url(../images/bkgd_topnav.gif) repeat-x;  
 
  width: 930px;
  height: 25px; 
  padding: 0 15px 13px 15px;
  font-size: 1.2em;}
#topnavdh ul {
    float:left;
  margin: 0;
  padding: 0;
  list-style-type: none;
	position: relative;
}

#topnavdh ul li {
  margin: 0;
  padding: 0;
	float: left;
	display: inline;
	position: relative;} 
	
#topnavdh ul li a {
	float: left;
	display: inline;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0;
    margin: 0 10px 0 0;
	text-decoration:none;
    text-indent:-5000px;
	height: 25px;}
#topnavdh ul li a:hover {color: #ffbc03;}	
#topnavdh ul li a.selected, #topnavdh ul li a.selected:hover {color: #000;}	

#topnavdh ul li.topnav1 a {width: 53px; background: url(../images/topnav_home.gif) no-repeat;}
#topnavdh ul li.topnav2 a {width: 83px; background: url(../images/topnav_products.gif) no-repeat;}
#topnavdh ul li.topnav3 a {width: 76px; background: url(../images/topnav_services.gif) no-repeat;}
#topnavdh ul li.topnav4 a {width: 98px; background: url(../images/topnav_promotions.gif) no-repeat;}
#topnavdh ul li.topnav5 a {width: 78px; background: url(../images/topnav_carcare.gif) no-repeat;}
#topnavdh ul li.topnav6 a {width: 120px; background: url(../images/topnav_choosehavoline.gif) no-repeat;}
#topnavdh ul li.down-country a {width: 171px; background: url(../images/topnav_region.gif) no-repeat;}
#topnavdh ul li.down-search a {width: 75px; background: url(../images/topnav_search.gif) no-repeat;}

#topnavdh ul li a:hover, #topnavdh ul li.tnonstate a {background-position: 0 -25px;}

/* top navigation - the second level */
#topnavdh ul ul {
  position: absolute;
  top: 25px;
  left:0px;
  display: block; 
  clear: left;
  width: 140px!important;
  padding: 11px 20px 10px 20px;
  background: url(../images/bkgd_dropdown.png);
  background-repeat: no-repeat;
  
	background-color:#af0009;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	
    overflow: visible!important; 
	z-index: 500;
}
#topnavdh ul ul {display: none;}
#topnavdh ul ul li {
	display: block;
	float: none!important;} 

#topnavdh ul ul li a {
	display: block;
	float: none!important;
    text-indent:0px!important;
    background: none!important;
    height: auto!important;
    width: auto!important;
    text-transform: none!important;
    margin: 0px!important;
    padding: 0 0 4px 0;
  font-size: 12px!important;
  line-height: 14px!important;}

#topnavdh ul ul ul {  display: none!important; }
  
#topnavdh ul#tools {
    float: right; 
	z-index:100;
}
#search-open a, #search-open a:visited,
#country-open a, #country-open a:visited {
    font-size: 12px;
	color: #fff;
	text-decoration:none;
}
#search-open a:hover,
#country-open a:hover {
	color: #ffbc03;
}
#search-open a.selected, #search-open a.selected:hover,
#country-open li.selected a, #country-open li.selected a:hover {
    color: #999; 
	cursor: default;
}	
#country-open, #search-open {
	position: absolute;
	right: 0px;
	top:105px;
	display:block;
    width: 270px;
    padding: 15px 20px 5px 20px;
    overflow: visible!important;
    background: url(../images/bkgd_dropdown.png);
    background-repeat: repeat-x;
	background-color:#af0009;
	filter:alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	z-index:150;
}
#search-open {right: 15px; width: 140px;}
#country-open ul {
	width: 130px;
	float: left;
	display: inline;
}
#country-open ul.colRight {
	width: 140px;
}
#country-open li {  
    font-size: 12px;
	padding-bottom: 5px;
	width: 125px;
	float: left;
	display: inline;
}
#country-open ul.colRight li {
	width: 140px;
}
#country-open .region {
	color: #000;
	font-weight: bold;
	padding-top: 3px;
}
#country-open li a {  
    padding-left: 5px;
}
#country-open p#country-close a,
#search-open p#search-close a {
	font-size: 11px;
	background: url(../images/check-box-on.png) no-repeat right 4px;
	padding: 0 13px 0 0;
	cursor:pointer;
	position: absolute;
	right: 20px;
	bottom: 13px;
}
#country-open p#country-close a:hover,
#search-open p#search-close a:hover {
	background: url(../images/check-box.png) no-repeat right 3px;
}

/*temporary untill we build search module, delete all below after that*/
#topnavdh ul li.down-search a {display: none; }

#country-open p.other-int a {
    border-top:1px solid #f00;
    clear:left;
    display:block;
    padding:7px 0;
    width:270px;
    margin: 8px 0 0 0;
}
#country-open  p {margin: 0px!important;
    clear:left;
    display:block;}