﻿/*
''<summary>
		<page>03nav.css</page>
		<description>Generic styles for default elements and some useful styles</description>
		<notes></notes>
		<version>2006/07/05: Gregory Brine		Initial creation of file</version>
''</summary>
*/


/* ############# TOPNAV ############ */
div#topnav { padding: 0 0 7px 0; }
div#topnav ul { margin: 0; padding: 0; list-style: none; width: 100%; }
div#topnav ul li { float: left; display: inline; clear: none; margin: 0; padding: 0; }
div#topnav ul li a:link,  div#topnav ul li a:visited { display: block; padding: 0; color: inherit; background-color: inherit;}
div#topnavsubmenu {float:left; width: 100%; border-bottom:#c8c8c8 4px solid; height: 111px; position:relative;}
/*div#topnav ul li a:hover, div#topnav ul li a:focus { text-decoration: underline; background-color: inherit; color: inherit;}*/
/* div#topnav ul li.end { background: none; }
div#topnav ul li div { float: left; width: 1px; height: 1px; font-size: 1px; } */

/* --- Nav barline colour --- */
.topnav1{ width:140px; float:left;}
.topnav2{ width:143px; float:left; }
.topnav3{ width:144px; float:left;}
.topnav4{ width:143px; float:left;}
.topnav5{ width:145px; float:left; }
.topnav6{ width:145px; float:left; }

.topnav1_on { background-color:#233A87; }
.topnav2_on { background-color:#2A49A6;}
.topnav3_on { background-color:#556DB8; }
.topnav4_on { background-color:#7F92CA; }
.topnav5_on { background-color:#AAB6DB; }
.topnav6_on { background-color:#253b65; }



.submenubox { font-weight: bold; font-size: 90%; letter-spacing: -0.01em; padding: 0 7px 13px 7px; text-transform: uppercase; color: #FFF; height:97px;}
.submenubox ul {list-style:none; padding: 0; margin:0;}
.submenubox ul li a:link, .submenubox ul li a:visited  {text-decoration: none; color: #FFF;}
.submenubox ul li a:hover, .submenubox ul li a:active {text-decoration: underline;}

.topnav1_submenu h1 {color:#E9B3B3; padding-top: 14px; border-bottom: dotted 1px #E9B3B3;}
.topnav2_submenu h1 {color:#788398; padding-top: 14px; border-bottom: dotted 1px #788398;}
.topnav3_submenu h1 {color:#D3DFF5; padding-top: 14px; border-bottom: dotted 1px #D3DFF5;}
.topnav4_submenu h1 {color:#F2DAB8; padding-top: 14px; border-bottom: dotted 1px #F2DAB8;}
.topnav5_submenu h1 {color:#B4E0D9; padding-top: 14px; border-bottom: dotted 1px #B4E0D9;}

/* ############# BREADCRUMBS ############ */
div#breadcrumbs ul { margin: 0; padding: 0 0 0 5px; list-style: none; color: #666666 }
div#breadcrumbs ul li { float: left; margin: 2px 0 0 0; padding:0 5px 0 0; background:none;}
div#breadcrumbs ul li.selected { background: none; color:#b40101;}
div#breadcrumbs ul li a:link,  div#breadcrumbs ul li a:visited { padding: 0; color: #666666; background-color: inherit; text-decoration: underline; }
div#breadcrumbs ul li a:hover, div#breadcrumbs ul li a:focus { text-decoration: underline; background-color: inherit; color: #b40101;}

/* ############# PROMOTIONAL BANNERS ############ */
.leftmenu .promo img, .tour_regions .promo img {padding: 2px 0 0 5px;}
.leftmenu .promo, .home .promo, .tour_regions .promo {padding-top: 9px;}
.home .promo img {padding: 2px 0 0 0;}
.tour_details .promo img {padding-top: 2px; clear:both;}
.tour_details .promo  {float:right; width: 200px; background:red;}

/* ############# LEFT TOUR MENU ############ */
div#lefttourmenutop { width: 193px; float:left;}
div#lefttourmenutop h2 { background: url(/images/tabs/tab_leftmenu_head.gif) top left no-repeat; padding: 10px 0 7px 8px; width: 193px; vertical-align:bottom;margin:0; float:left;color: #b40101; text-transform:uppercase; font-size:70%; font-weight:normal; }
div#lefttourmenutop ul { list-style: none; display: block; float:left; width:186px; margin:0; padding: 0 0 5px 5px; border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; background-color: #FFF}
div#lefttourmenutop li {padding-right: 4px; margin: 0; float:left;}
div#lefttourmenutop #selected {color: #b40101; font-weight:bold;}
div#lefttourmenutop li a:link, div#lefttourmenutop li a:visited {color: #002e63; text-decoration:underline;}
div#lefttourmenutop li a:hover, div#lefttourmenutop li a:focus {color: #b40101;}

div#lefttourmenu { width: 191px; float:left;margin-bottom:5px; border: 1px solid #c1c1c1;}
div#lefttourmenu h3 {background-color:#b40101; color: #FFF; padding: 3px; font-size: 85%; text-transform:uppercase; margin:0;}
div#lefttourmenu ul {  margin: 0; padding:0; list-style: none; background-color: #eff5ff; padding-bottom: 10px; }

div#lefttourmenu ul li { font-size: 85%; padding: 0 0 1px 0; background: transparent url(/images/tabs/leftmenu_arrow.gif) no-repeat 7px 8px; }
div#lefttourmenu ul li a:link, div#lefttourmenu li a:visited {color: #002e63; background-color: inherit; padding: 3px 5px 3px 15px; display: block; width: 171px; text-decoration:none;}
div#lefttourmenu ul li a:hover, div#lefttourmenu li a:focus, #lefttourmenu li#selected a:link, #lefttourmenu li#selected a:visited  { color: #fff; text-decoration: none; display: block; text-indent:7px; background: #b40101 url(../images/tabs/leftmenu_arrow_white.gif) no-repeat 15px 8px;}

/* ############# LEFTNAV ############ */
div.leftmenu { width: 193px; float:left;margin-bottom:5px;}
div.leftmenu h2 { background: transparent url(/images/tabs/tab_leftmenu_head.gif) top left no-repeat; padding: 10px 0 7px 8px; width: 193px; vertical-align:bottom;margin:0; float:left;color: #233A87; text-transform:uppercase; font-size:70%; font-weight:normal;}
ul.leftmenu { border: 1px solid #cccccc; margin: 0; padding:0; list-style: none; background-color: #F0F0F0; padding-bottom: 10px; clear: both;}
ul.leftmenu li { font-size: 85%; padding: 0 0 5px 0; background: transparent url(/images/tabs/leftmenu_arrow.gif) no-repeat; background-position: 8px 11px;}
ul.leftmenu li a:link, ul.leftmenu li a:visited {color: #002e63; background-color: inherit; padding: 5px 5px 5px 15px; display: block; text-decoration:none; }
ul.leftmenu li a:hover, ul.leftmenu li a:focus, ul.leftmenu li#selected a:link, ul.leftmenu li#selected a:visited { color: #fff; background: #b40101 url(../images/tabs/leftmenu_arrow_white.gif) no-repeat 12px 11px; text-decoration: none; font-weight:bold; text-indent: 5px}
ul.leftmenu li#topbar {text-transform:uppercase; color: #b40101; border: none;}

/* site map */
div.nav_sitemap {  }
div.nav_sitemap ul {float: none; list-style: none; padding: 0 0 2px 0; margin: 0 0 0 -25px; }
div.nav_sitemap ul ul { margin: 2px 0 0 0; }
div.nav_sitemap li { background-image: url(../images/sitemap/item_small.gif); background-repeat: repeat-y; background-position: top left; padding: 0; margin: 0 0 0 25px; }
div.nav_sitemap li.last { background-image: none; }
div.nav_sitemap li p { padding: 4px 0 0 24px; margin: 0; font-weight: bold;	background-image: url(../images/sitemap/item.gif); background-repeat: no-repeat; background-position: top left; }
div.nav_sitemap a:link, div.nav_sitemap li a:visited { display: block; background-image: url(../images/sitemap/item.gif); background-repeat: no-repeat; background-position: top left; padding: 2px 0 0 24px; }
div.nav_sitemap li.last a:link, div.nav_sitemap li.last a:visited { background-image: url(../images/sitemap/item_half.gif); background-repeat: no-repeat; background-position: top left; }