/*-------------------------------------------------------
 TOP NAVIGATION - Hardcoded top navigation
---------------------------------------------------------*/
#tnv {  }
#tnv ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
#tnv ul li { float: left; color: #e54125; width: 20%; text-align: center;  }
#tnv ul li a:link, #tnv ul li a:visited { color: #e54125; padding: 50px 5px 5px 5px; display: block; }
#tnv ul li a:hover, #tnv ul li a:active { color: #f6b332; text-decoration: none; }
#tnv ul li .title  { text-transform: uppercase; font-family: "Relay Comp"; font-style: normal; font-weight: bold; font-size: 1.3em; letter-spacing: 0.085em; line-height: 0.5em; }

#tnv ul li .summary { font-size: 0.75em; display: block; color: #c27f74; line-height: 1.4em; padding-top: 8px; }

#tnv ul li.who a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-team.png") no-repeat top center; }
#tnv ul li.member a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-member.png") no-repeat top center; }
#tnv ul li.train a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-events.png") no-repeat top center; }
#tnv ul li.theatre a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-theatre.png") no-repeat top center; }
#tnv ul li.job a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-jobv.png") no-repeat top center; }

/*---SOLT nav- colours are in variant.css--*/
#tnv ul li.team a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-soltteam.png") no-repeat top center; }
#tnv ul li.services a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-services.png") no-repeat top center; }
#tnv ul li.about a { background: transparent url("/EasySiteWeb/EasySite/StyleData/UKTheatres_master/Images/icon-calendar.png") no-repeat top center; }

/*mobile nav hide*/
.mob-nav-item-i {display: none;}


/*-------------------------------------------------------
 SIDE NAVIGATION 
---------------------------------------------------------*/
#sx-nav { float: left; width: auto; border-right: 1px solid #dfdfdf; padding-right: 20px; margin-right: 25px; }
.sx-no { margin: 0; }
.sx-ni {}
#sx-nav span.snv-parent-icon { display: none; }
/* general */
#sx-nav ul, #sx-nav li { list-style-type: none; padding: 0; margin: 0; }
#sx-nav li { float: left; width: 100%; overflow: hidden; padding: 12px 0; line-height: 1.3em; }
#sx-nav li, #sx-nav a, #sx-nav span { display: block; clear: both; text-decoration: none; }
#sx-nav span.text-i { padding: 4px 10px 4px 10px; color: #000; }
#sx-nav a:link, #sx-nav a:visited { color: #474747; }
/* current */
#sx-nav .current:link, #sx-nav .current:visited { background: none; color: #e54125; }
#sx-nav .current span.text-i { color: #fff; }
#sx-nav .depth1 a:link { font-weight: bold; }
/* level 2 pages */
#sx-nav .depth2 a:link { font-weight: normal; }
#sx-nav .depth2 .text-o { display: block; }
#sx-nav .depth2 span.text-i { padding-left: 30px; color: #00A0DE; }
/* level 2 current */
#sx-nav .depth2 .current .text-o { background: transparent; }
#sx-nav .depth2 .current span.text-i { color: #fff; }
/* level 3 pages */
#sx-nav .depth3 .text-o {  }
#sx-nav .depth3 span.text-i { padding-left: 45px; }

/* just a quick fix for the Recommended site */
li.depth1 span.text { margin-left: 20px; }
li.depth2 span.text { margin-left: 40px; }
li.depth3 span.text { margin-left: 60px; }
#sx-nav .current { color: #fff; }
								
/*-------------------------------------------------------
 FOOTER - CUSTOM NAVIGATION MENU
---------------------------------------------------------*/
#sx-fnv { background: #ddd; margin: 0; }
#sx-fnv .sx-element-inner { width: 960px; margin: auto; }
#sx-fnv .panel { float: left; width: 23%; border-left: 1px solid #eee; min-height: 150px; }
#sx-fnv .panel:first-child { border: 0; }
#sx-fnv ul, #sx-fnv li { list-style-type: none; margin: 0; padding: 0; }
#sx-fnv li, #sx-fnv a, #sx-fnv span { display: block; }
#sx-fnv li { float: left; margin: 0; width: 100%; }
#sx-fnv li a.title { font-size: 1.1em; color: #000; text-decoration: none; }
#sx-fnv li a.title span { padding: 3px 7px; }
#sx-fnv .ddl { padding: 0 10px; }
#sx-fnv .ddl li .text { padding: 0 0 0 10px; }

/*-------------------------------------------------------
 TOP NAVIGATION - CUSTOM NAVIGATION MODULE
---------------------------------------------------------

.custom-menu-sx-tnv { clear: both; position: relative; background: #f7f7f7; width: 960px; margin: auto; }
.custom-menu-sx-tnv .sx-element-inner { padding: 0 0 4px 0; }
.custom-menu-sx-tnv .sx-element-body {}

.custom-menu-sx-tnv ul, .custom-menu-sx-tnv li { list-style-type: none; margin: 0; padding: 0; background: none; }
.custom-menu-sx-tnv .panel { border-left: 1px solid #dbdbdb; float: left; display: block; padding: 0; background: transparent; }
.custom-menu-sx-tnv .panel:first-child { border-left: 0; }*/

/* titles 
.custom-menu-sx-tnv a.title:link, .custom-menu-sx-tnv a.title:visited { display: block; text-decoration: none; border-radius: 3px 3px 0 0; }
.custom-menu-sx-tnv a.title h2 { display: block; padding: 10px 24px; font-size: 1em; margin: 0; font-weight: normal; }*/

/* hover / active 
.custom-menu-sx-tnv .panel a.title:hover, .custom-menu-sx-tnv .panel a.title:active { color: #fff; background: #00A0DE; }
.custom-menu-sx-tnv .panel a.title:hover span, .custom-menu-sx-tnv .panel a.title:active span { }*/

/* selected 
.custom-menu-sx-tnv .selected a.title:link, .custom-menu-sx-tnv .selected a.title:visited { color: #fff; background: #00A0DE; }
.custom-menu-sx-tnv .selected a.title:link span, .custom-menu-sx-tnv .selected a.title:visited span { }*/

/* dropdown links 
.custom-menu-sx-tnv .ddl-2 { background: #f7f7f7; border: 3px solid #00A0DE; clear: both; display: block; padding: 10px 15px; }*/
/* hide 
.custom-menu-sx-tnv .panel .ddl-2 {  position: absolute; left: -999em; z-index: 99; height: auto; top: 37px; }*/
/* show 
.custom-menu-sx-tnv .panel:hover .ddl-2 { left: auto; }*/
/* javascript - ie6 
.custom-menu-sx-tnv .panel ul.showList .ddl-2 { left: auto; }

.custom-menu-sx-tnv .ddl-2 span { padding: 0 0; display: block; }
.custom-menu-sx-tnv .ddl-2 ul a:link, .custom-menu-sx-tnv .ddl-2 ul a:visited { display: block; text-decoration: none; }*/

/*-------------------------------------------------------
 MEGA MENUS
---------------------------------------------------------
.mega-menu { clear: both; position: relative; background: #f7f7f7; margin: 30px 0 5px 0; width: 960px; margin: auto; }
.mega-menu .sel-o { padding: 0 0 4px 0; }
.mega-menu .sel-i {}

.mega-menu ul, .mega-menu li { list-style-type: none; margin: 0; padding: 0; background: none; }
.mega-menu li.menu-tab { border-left: 1px solid #dbdbdb; float: left; display: block; }
.mega-menu li.first { border-left: 0; }*/

/* titles 
.mega-menu a:link, .mega-menu a:visited { display: block; text-decoration: none; }
.mega-menu .text { display: block; padding: 10px 24px; cursor: pointer; color: #00A0DE; }*/

/* hover / active 
.mega-menu li.menu-tab:hover, .mega-menu li.menu-tab:active { color: #fff; background: #00A0DE; border-radius: 3px 3px 0 0; }
.mega-menu li.menu-tab:hover .text, .mega-menu li.menu-tab:active .text { color: #fff; }*/

/* dropdown links 
.mega-menu li.menu-tab ul.panels { background: #f7f7f7; width: 400px; border: 3px solid #662d91; clear: both; display: block; padding: 10px 15px; color: #555; }*/
/* hide 
.mega-menu li.menu-tab ul.panels { position: absolute; z-index: 99; height: auto; top: 42px; left: -9999em; }*/
/* show 
.mega-menu li.mt-alpha:hover ul.panels { left: auto; }
.mega-menu li.mt-beta:hover ul.panels { left: auto; }
.mega-menu li.mt-gamma:hover ul.panels { left: auto; }
.mega-menu li.mt-delta:hover ul.panels { left: auto; }
.mega-menu li.mt-epsilon:hover ul.panels { left: auto; }
.mega-menu li.mt-zeta:hover ul.panels { left: auto; }
.mega-menu li.mt-eta:hover ul.panels { left: auto; }
.mega-menu li.mt-iota:hover ul.panels { left: auto; }*/