/* stylesheet for tours */

/* = Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-size: 100%;
}

/* = Base element styling 
------------------------------------------------- */

body {
  background-color: #FFFFFF;
  color: #2a2d2e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  margin: 0 0 0 12px;
  padding: 0 0 0 0;
  text-align: left;
  height: 100%; 
  max-height: 100%;
  width:100%;
}
body img {border:none;}

p {margin-top:0; margin-bottom:4px; text-align:left;}

.8 {margin-top:15px;}

h1 {
  color: #143F91;
  font-size: 25px;
  font-weight: bold;
  line-height: 36px;
  text-align:left;
}

h2 {
 color: #FFF;
  font-size: 18px;
  line-height: 22px;
  text-align:left;
  font-weight:bold;
  letter-spacing:-1px;
  background-color:#143F91;
  text-indent:12px;
}

h3 {
  color: #FFF;
  background-color:#FF0000;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h4 {
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
  line-height: 28px;
  text-align:center;
  padding-top:20px;
}

h6 {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:-.5px;
text-align:center;
line-height:24px;
background-color:#143f91;
}

h5 {
color:#143F91;
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
letter-spacing:-.5px;
text-align:left;
line-height:21px;
}

a, a:visited {
	text-decoration: none;
	background: inherit;
	border:none;
	color: #CC0099; 
	font-weight:normal;
	text-decoration: underline;
}

a:link {
	font-size:10px;
	background: inherit;
	border:none;
	color: #CC0099; 
	font-weight:normal;
	text-decoration: underline;
}

a:hover {
  color: #FF0000;
  font-weight:bold;
  text-decoration: underline;
  border:none;
}
a:focus {
  color: #0000FF;
}
a:active {
  color: #FFF00;
}

.white {color:#FFFFFF;}
.blue {color:#143F91;}
.yellow {color:#FFF33E;}
.red {color:#FF0000;}
.blue_border {border:#143f91 solid 1px;}
.white_border {border:#ffffff solid 1px;}
.no_border {border:none;}
.symbols {color:#143f91; line-height:18px;}
.subHead {font-size:20px;}

img {float:left; margin-right:8px;}

#overlay { position: absolute;
left:230px; top:150px;
z-index:999;
}

#holDesc {width:600px; padding:6px; height:100%;} 

#holDesc b{color:#143F91;}

#holDesc em{color:#FF0000;}

#holTitle {font:Verdana, Arial, Helvetica, sans-serif; font-size:24px; line-height:32px; font-weight:bold; color:#143F91; text-align:left; letter-spacing:-1px; border-bottom: 1px dashed gray;}

.holTitleLight {font:Verdana, Arial, Helvetica, sans-serif; font-size:24px; line-height:32px; font-weight:normal; color:#143F91; text-align:left; letter-spacing:-1px;}

#holDate {font-size:13px; font-weight:bold; line-height:24px; color:#143F91; text-align:left; border-bottom: 1px dashed gray;}

.holDate {font-size:14px; font-weight:bold; line-height:24px; color:#143F91; text-align:left; border-bottom: 1px dashed gray;}

#holDays {font-size:14px; font-weight:bold; line-height:24px;  color:#143F91; text-align:left; border-bottom: 1px dashed gray;}

#holPrice {font-size:24px; line-height:32px; color:#FF0000; font-weight:bold; text-align:left; letter-spacing:-1px; padding-bottom:4px; border-bottom: 1px dashed gray;}

#holPrice2 {font-size:24px; line-height:32px; color:#FF0000; font-weight:bold; text-align:left; padding-bottom:4px;}

.holPriceLight {font-size:20px; font-weight:normal;}

#selfDrive {font-size:21px; line-height:26px; color:#FF0000; font-weight:bold; letter-spacing:-1px;  text-align:centre; padding-bottom:4px;}

#tourCode {font-size:24px; line-height:30px; color:#FF0000; font-weight:bold; text-align:left; letter-spacing:-1px; padding-bottom:8px;}

#intro p {margin-top:6px; padding-bottom:6px; font-size: 11px; line-height: 15px; text-align:left; font-weight:normal; color:#143F91; border-bottom: 1px dashed gray;}

#itin p { padding:6px 0 6px 0; text-align:left; font-weight:normal; border-bottom: 1px dashed gray;}

#hotel p {padding:6px 0 6px 0; text-align:left;  font-weight:normal; border-bottom: 1px dashed gray;}

#travel p {padding:6px 0 6px 0; text-align:left;  font-weight:normal; border-bottom: 1px dashed gray;}

#options p {padding:6px 0 6px 0; text-align:left;  font-weight:normal; border-bottom: 1px dashed gray;}

#inc {  padding:0 0 8px 0;  font-size: 11px; line-height: 15px; font-weight:normal; color:#000000; background-color:#FFFF99; text-align:left; border-bottom: 1px dashed gray;}

.inc {  padding:0 0 8px 0;  font-size: 11px; line-height: 15px; font-weight:normal; color:#000000; background-color:#FFFF99; text-align:left; border-bottom: 1px dashed gray;}

.image-on-right {float:right; margin-left:8px; margin-top:6px;}

#holDesc.image-on-right2 {float:right; margin-left:8px; margin-top:6px; padding-right:0;}

.image-on-left {float:left; margin-right:8px; margin-top:9px;}

.image-centre {margin:0 auto;}

#holDesc ior_no-border img {float:right; margin-left:15px; margin-top:6px; border:none;}

#back img {border:none;}

#flash {position: absolute; top:12px; left:510px; z-index:100; width:100px; height:100px; background-image:url(images/reddot.gif); text-align:center; vertical-align:middle;}

#escorted {position: absolute; top:12px; left:497px; z-index:100; width:120px; height:120px;} 
#escorted2 {position: absolute; top:40px; left:497px; z-index:100; width:120px; height:120px;} 
#escorted3 {position: absolute; top:60px; left:497px; z-index:100; width:120px; height:120px;}
#escorted4 {position: absolute; top:1px; left:400px; z-index:100; width:200px;}
#cabsins img {border:none;}

#cabsinPrices {width:600px; float:left; color:#143f91; text-align:left;}
.category {margin:0;}
.deck {margin-left:10px;}
.cabin {margin-left:10px;}
.ourPrice {margin-left:10px;}

.header {color:#FFFFFF;}
.cell {background-color:#FFFFFF; color:#143f91;}

.dashed { padding-bottom:6px; border-bottom: 1px dashed gray;}


/* = Table styling 
------------------------------------------------- */

#zebra {width:600px; text-align:left; border-collapse:collapse; background-color:#FFFFFF; border-color:#143f91; border-width:thin; border-style:solid;}

#zebra th {font-size: 12px; font-weight: bold; padding: 6px 4px; color: #fff; background-color: #143f91; border-left-color:#fff; border-left-width:thin; border-left-style:solid;}

#zebra th.nb {border-left-color:#143f91; border-left-width:thin; border-left-style:solid;}

#zebra tbody {background-color:#FFFFFF;}

#zebra td {font-size:11px; font-weight:normal; text-align:inherit; padding: 4px; color: #143f91;  border-color:#143f91; border-width:thin; border-style:solid;}

#zebra tr.odd {background: #e8edff;}
#zebra tr.even {background: #ffffff;}
#zebra tr.special {background: #FF66FF; color:#FFFFFF;}
#zebra td.IA {background: #8588C2;}
#zebra td.IB {background: #C5AA02;}
#zebra td.IC {background: #5AC4BE;}
#zebra td.ID {background: #A6CF39;}
#zebra td.IE {background: #187dc3;}
#zebra td.XA {background: #4AB957;}
#zebra td.XB {background: #EE3897;}
#zebra td.XC {background: #F68B1F;}
#zebra td.XD {background: #FFD51A;}
#zebra td.XEO {background: #00B7F2;}
#zebra td.XE {background: #8EDBFA;}
#zebra td.XF {background: #F6ADCD;}
#zebra td.XG {background: #659AB2;}
#zebra td.XAO {background: #38794E;}
#zebra td.SJO {background: #FFFCCD;}
#zebra td.SJ {background: #F2CE90;}
#zebra td.S {background: #B2B19F;}

#zebra td.oqIA {background: #8588C2;}
#zebra td.oqIB {background: #C5AA02;}
#zebra td.oqIC {background: #57C3BC;}
#zebra td.oqID {background: #A9D436;}
#zebra td.oqXA {background: #4ABB56;}
#zebra td.oqXB {background: #EE3897;}
#zebra td.oqXC {background: #FC8D1C;}
#zebra td.oqXD {background: #FFD51A;}
#zebra td.oqXE {background: #8FE2FD;}
#zebra td.oqXS {background: #963514;}
#zebra td.oqSJO {background: #FFFBCA;}
#zebra td.oqSJ {background: #FECF8C;}
#zebra td.oqS {background: #B4B2A0;}

#zebra .bottom {border-bottom-color:#143f91; border-bottom-width:thin; border-bottom-style:solid;}

#zebra td.gemK {background: #979a9f;}
#zebra td.gemII {background: #d68d9e;}
#zebra td.gemF {background: #f6e301;}
#zebra td.gemCC {background: #c29904;}
#zebra td.gemBC {background: #00a8a0;}

#zebra th.c {text-align:center;}
#zebra td.c {text-align:center;}


#cabs {width:570px; text-align:left; border-collapse:collapse; background-color:#FFFFFF; border-color:#143f91; border-width:thin; border-style:solid;}

#cabs th {font-size: 12px; font-weight: bold; padding: 6px 4px; color: #fff; background-color: #143f91; border-left-color:#fff; border-left-width:thin; border-left-style:solid;}

#cabs tbody {background-color:#FFFFFF;}

#cabs td {font-size:11px; font-weight:normal; text-align:inherit; padding: 4px; color: #143f91;  border-color:#143f91; border-width:thin; border-style:solid;}

#cabs tr.odd {background: #e8edff;}
#cabs tr.even {background: #ffffff;}
#cabs tr.special {background: #FF66FF; color:#FFFFFF;}
#cabs td.IA {background: #8588C2;}
#cabs td.IB {background: #C5AA02;}
#cabs td.IC {background: #5AC4BE;}
#cabs td.ID {background: #A6CF39;}
#cabs td.IE {background: #187dc3;}
#cabs td.XA {background: #4AB957;}
#cabs td.XB {background: #EE3897;}
#cabs td.XC {background: #F68B1F;}
#cabs td.XD {background: #FFD51A;}
#cabs td.XEO {background: #00B7F2;}
#cabs td.XE {background: #8EDBFA;}
#cabs td.XF {background: #F6ADCD;}
#cabs td.XG {background: #659AB2;}
#cabs td.XAO {background: #38794E;}
#cabs td.SJO {background: #FFFCCD;}
#cabs td.SJ {background: #F2CE90;}
#cabs td.S {background: #B2B19F;}

#cabs td.oqIA {background: #8588C2;}
#cabs td.oqIB {background: #C5AA02;}
#cabs td.oqIC {background: #57C3BC;}
#cabs td.oqID {background: #A9D436;}
#cabs td.oqXA {background: #4ABB56;}
#cabs td.oqXB {background: #EE3897;}
#cabs td.oqXC {background: #FC8D1C;}
#cabs td.oqXD {background: #FFD51A;}
#cabs td.oqXE {background: #8FE2FD;}
#cabs td.oqXS {background: #963514;}
#cabs td.oqSJO {background: #FFFBCA;}
#cabs td.oqSJ {background: #FECF8C;}
#cabs td.oqS {background: #B4B2A0;}

#cabs .bottom {border-bottom-color:#143f91; border-bottom-width:thin; border-bottom-style:solid;}

#cabs td.gemK {background: #979a9f;}
#cabs td.gemII {background: #d68d9e;}
#cabs td.gemF {background: #f6e301;}
#cabs td.gemCC {background: #c29904;}
#cabs td.gemBC {background: #00a8a0;}

/*-------------------------------------------------------------------------*/

#stripe {width: 600px; text-align: left; border-collapse: collapse;}

#stripe th {font-size: 14px; font-weight: bold; padding: 6px 4px; color: #fff; background: #143f91; border-left-color:#143f91; border-left-width:thin; border-left-style:solid;}

#stripe td {font-size:12px; padding: 4px; color: #143f91; font-weight:normal; border-right-color:#143f91; border-right-width:thin; border-right-style:solid; border-left-color:#143f91; border-left-width:thin; border-left-style:solid;}

#stripe .odd {background: #e8edff;}

#stripe .bottom {border-bottom-color:#143f91; border-bottom-width:thin; border-bottom-style:solid;}
/*-------------------------------------------------------------------------------------------------*/

.cabin-table {width:250px; border-collapse:collapse; border-color:#143f91; border:thin; border-style:solid;}
.cabin-table th {background-color:#143f91; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; padding:4px;}
.cabin-table td { font-size:11px; font-weight:normal; color:#143f91; border:thin; border-style:solid; vertical-align:middle; padding:4px;}

.cabin-table320 {width:320px; border-collapse:collapse; border-color:#143f91; border:thin; border-style:solid;}
.cabin-table320 th {background-color:#143f91; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center; padding:4px;}
.cabin-table320 td { font-size:11px; font-weight:normal; color:#143f91; border:thin; border-style:solid; vertical-align:middle; padding:4px;}

.cabin-table-wide {width:470px; border-collapse:collapse; border-color:#143f91; border:thin; border-style:solid;}
.cabin-table-wide th {background-color:#143f91; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center;}
.cabin-table-wide td { font-size:11px; font-weight:normal; color:#143f91; border:thin; border-style:solid; vertical-align:middle; padding:6px;}

.symbols-table {width:225px; border-collapse:collapse; border-color:#143f91; border:thin; border-style:solid;}
.symbols-table th {background-color:#143f91; color:#FFFFFF; font-size:12px; font-weight:bold; text-align:center;}
.symbols-table td { font-size:11px; font-weight:normal; color:#143f91; border:thin; border-style:solid; vertical-align:top;}

/*-------------------------------------------------------------------------------------------------------*/

#decks {width:600px;}

#decks p{padding-top:0; padding-bottom:6px; border-bottom: 1px dashed gray;}

#decks .no-border {border:none;}

.deckplan {height:900px;}

/*--------------------------------------------- Deck Plans Menu CSS--------------------------------------------------*/

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:#143f91;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:6px; display:block; color:#ffffff; text-decoration:underline; font:11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer; background:#143f91;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:8px; background:#143f91;}
.menu li a:hover{color:#ffff00;}
.menu li a:hover span{color#ffff00; background:#ff0000;}
.menu li a.active, .menu li a.active:hover span{color:#ffff00;}
.menu li a.active span, .menu li a.active:hover span{background:#143f91;}

#deckPlans {width:750px; padding:6px; height:100%; overflow:auto;}

#deckPlans2 {width:800px; padding:6px; height:100%; overflow:auto;}
#deckPlans2 h5 {text-align:left;}

.clearleft {clear:left;}
.clearright { clear:right;}
.clearboth {clear:both;}

/* = Deckplan menu 
------------------------------------------------- */
.mmenu {width: 750px;}
.mmenu ul {padding: 0; margin: 0; list-style-type: none;}
.mmenu ul li {display: inline; float: left;}
.mmenu ul li a {float:left;
margin:2px;
background-color:#143F91;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
display: block;
color: #FFFFFF;
text-decoration: none;
border-left: 1px solid #999999;
border-right: 1px solid #773333;
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
}
.mmenu ul li a:hover{ color: #FFFF00; background:#FF0000;}
.mwrapper{padding:0px}

/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	line-height:1.3;
	cursor: default;
	width: 168px;
	font-family:Verdana, Geneva, sans-serif;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	font-weight:bold;
	color:#fff;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	border-bottom: 1px solid #fff;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
	color:#FFF;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 8.2em;
	color:#FFF;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 1px solid #143f91;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #143f91;
	padding: 2px 10px;
	color: #fff;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #ff0000;
	color: #FFF;
	border:none;

}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #FF0000;
	color: #FFF;
	border:none;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
/*ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
*/
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}