/**
 * main_navigation.css for www.debenhams.com
 * last updated 15 Oct 2009, 14:27
 */

#main_navigation {z-index:1600;}
#main_navigation, #main_navigation ul {list-style:none;line-height:1;margin:0;padding:0;}
#main_navigation a {display:block;text-decoration:none;background-color:transparent; border-bottom:none;}
#main_navigation a.tcatLink {font-size:16px; color:#fff;}
#main_navigation a.bloglink {font-size:16px; color:#fff;}
#main_navigation a.bloglink:hover {font-size:16px; color:#fff!important;}

#main_navigation li {float:left;position:relative;z-index:1601;}


#main_navigation li a:hover {}
#main_navigation li:hover a,
#main_navigation li.sfhover a {color:#454545; text-decoration:underline;}
#main_navigation li.selected a {text-decoration:none;}


#main_navigation li.nodrophed:hover a {color:#fff; text-decoration:underline;}

#main_navigation .nodrop {position:relative; padding:5px 10px; line-height:28px;}
#main_navigation li .nodrop {top:1px; z-index:1062;} 

#main_navigation .outer {position:relative;}
#main_navigation .mid {position:relative;}
#main_navigation .inner {position:relative; padding:0 10px}

#main_navigation li .outer {padding-right:2px}
#main_navigation li:hover .outer,
#main_navigation li.sfhover .outer {
	top:1px;
	z-index:1602;
	background: url(../images/nav_tab_hover_rt.gif) no-repeat bottom right !important;
	
	
}
#main_navigation li .mid {padding-left:2px;}
#main_navigation li:hover .mid,
#main_navigation li.sfhover .mid {background: url(../images/nav_tab_hover_lt.gif) no-repeat bottom left !important;}
#main_navigation li:hover .inner,
#main_navigation li.sfhover .inner {background: url(../images/mid.gif) repeat-x bottom left !important;}
#main_navigation li:hover .inner a,
#main_navigation li.sfhover .inner a {line-height:28px;}

#main_navigation li .inner a {line-height:30px; padding:5px 0;}


#main_navigation li:hover div ul li a,
#main_navigation li.sfhover div ul li a {color:#000;background-color:transparent;padding:0px 10px;line-height:20px;text-decoration:none;height:auto;}
#main_navigation li div ul li a:hover {color:#000;background-color:transparrent; text-decoration:none;}
 
#main_navigation li div.dropdown {z-index:1601; position:absolute; left:-999em;  background:#FFF; padding:10px; margin-left:1px;}
#main_navigation li div.dropdown h2 {font-size:1.4em; color:#DF2A71;}
#main_navigation li#topnav_jobs div.dropdown h2 {font-size:1.4em; color:#fe800f;}

#main_navigation li#topnav_jobs div.dropdown #hotlist {background-color:#fe800f; -moz-border-radius:5px;-webkit-border-radius: 5px; margin:10px 0 0 10px; width:145px; padding-left:5px}
#main_navigation li#topnav_jobs div.dropdown #hotlist li {width:140px;}
#main_navigation li#topnav_jobs div.dropdown #hotlist li.dotty {border-top:1px dotted #ffd1a8; width:125px; padding-bottom:4px; margin-top:3px; margin-left:8px;}
#main_navigation li#topnav_jobs div.dropdown #hotlist li.dotty:hover {background-color:#fe800f;}
#main_navigation li#topnav_jobs div.dropdown #hotlist li:hover {background-color:#ffd1a8;}
#main_navigation li#topnav_jobs div.dropdown #hotlist h2 {color:#fff; width:120px;}
#main_navigation li#topnav_jobs div.dropdown #hotlist h2:hover {background-color:#fe800f!important;}

#main_navigation li div.nav-c1 {width:170px;_width:172px;}
#main_navigation li div.nav-c2 {width:335px;_width:342px;}
#main_navigation li div.nav-c3 {width:325px;_width:327px;}
#main_navigation li div.nav-c4 {width:497px;_width:499px;}
#main_navigation li div.nav-c5 {width:750px;_width:752px;}

#main_navigation li div ul {width:165px;float:left;padding:10px 0;}
#main_navigation li div ul li {width:165px;line-height:20px;border:none;text-align:left;}
#main_navigation li div ul li:hover {background-color:#ebebeb; -moz-border-radius:5px;-webkit-border-radius: 5px;}
#main_navigation li div ul li.toppie {width:165px;line-height:25px;border:none;text-align:left; margin-bottom:5px;}
#main_navigation li div ul li.toppie:hover { background-color:#fff!important;}

#main_navigation li:hover div.align-left, 
#main_navigation li.sfhover div.align-left {right:auto;left:-1px;}

#main_navigation li:hover div.align-center3, 
#main_navigation li.sfhover div.align-center3 {right:auto;left:-240px;}

#main_navigation li:hover div.align-center4, 
#main_navigation li.sfhover div.align-center4 {right:auto;left:-290px;}

#main_navigation li:hover div.align-right, 
#main_navigation li.sfhover div.align-right {left:auto;right:-1px;}


/*styles*/
#main_navigation li h2 {display:block;font-size:14px;padding:0px 10px;color:#000;margin:0;}
#main_navigation li.align-right {text-align:right;}
#main_navigation li.align-right a {float:right;text-align:right;}