/*********************************/
/****** FULL WIDTH EXAMPLE ******/
/*********************************/

body {
	/*background: #072E65 url(../shop_image/bg.gif) repeat-x;*/
	/*background: #0b4b92 url(../../wp-content/themes/vistafleet/library/images/bg.jpg) no-repeat top center;
	color: #333;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;*/
	width: 100%;
	text-align: center;
	/*fuer IE_quirks*/
}

/* set all margins to 0 */
* {
	margin: 0;
	padding: 0;
}
/* If you have a background image you do not want to use on the printable confirmation then use the style sheet: */
/* style_imscart_conf.ihtml in */
/* templates/template_html_thankyou.php */
/* templates/template_html_delete.php */
/* use the following style: */
/* background-color: #fff; color: #000; */

/* --- */

/******  ENCLOSES THE WHOLE PAGE ******/
/* If you do NOT want 'full width' change the width to any pixel size you want. */
/* Plus amend the size on the '.middle'. You have to deduct the size of the left panel from the middle size. */
/* Example: size of whole page = 940px, leftside = 180px, middle size = 760px. */
/* The right side is set to 'auto' width as this panel is only used for the related products. If it is empty it will not need any space.*/
/* Also amend the size of the table called 'fixedwidth' to 'width: auto' */

/* PLEASE NOTE FOR TOUR MODULE*/
/* If you have a narrow site, you might have to amend the size of the table called 'table.tourbooking'.*/
/* You can see this table if you click on 'search tours' and all the available tours are displayed.*/

table.outer {
	clear: both;
	margin: 0px auto;
	/*width: 800px;*/
	width: 985px;
	padding: 0;
	background-color: transparent; color: #fff;
	border-left: 0px solid #DAC26A;
	border-right:0px solid #DAC26A;
	text-align: left;
}

div.remarks,
div.remarks p {clear: both;
	color: #fff;
	text-align: left;
	text-transform: none;
	}

div.center img {text-align: center;}

.tooltipContentlink a,
.tooltipContentlink a:hover {padding-left: 10px; color: #0c4f96;}

/****** BUTTONS ******/

/* general buttons */
.button {
	/*background-image: url(../shop_image/ims_button.jpg);
	background-repeat: repeat-x;
	border: 1px solid #4C5126;
	background-color: transparent; color: #4C5126;*/
	border: 1px solid #0B4B92;
	background-color: #FCEF55; color:#0B4B92;
	width: auto;
	margin: 0 0 0 10px;
	cursor: pointer;
	padding: 2px;
	font-size: 10px;
}
.button:hover {
	background-color: #FCEF55; color:#000;
}
/* end general buttons */

/* left menu buttons */
.buttonLeft {
	border: 1px solid #0B4B92;
	background-color: #FCEF55; color:#0B4B92;
	width: auto;
	margin: 0 0 0 10px;
	cursor: pointer;
	padding: 2px;
	font-size: 10px;
}
.buttonLeft:hover {
		background-color: #FCEF55; color:#000;
}
/* end left menu buttons */

/****** END BUTTONS ******/


/******  BEGIN TOP BANNER - HEADER STYLES ******/
.header {
	background: url(../../wp-content/themes/vistafleet/library/images/header/bg.jpg) no-repeat;
	height: 210px;
	margin: 0;
	padding: 0;
	width: 985px;
}

.header h1 {
	color: #ededed;
	float: right;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
	margin: 25px 0 3px 0;
	text-align: right;
	text-transform: uppercase;
}

.header h1 a {
	color: #ededed;
	text-decoration: none;
}

.header h1 a:hover {
	color: #e9da94;
	text-decoration: none;
}

.header img.logo {
	float: left;
	margin: 0;
}
.header p {
	clear: right;
	color: #e9da94;
	float: right;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 0px 0;
	text-align: right;
	text-transform: uppercase;
}

.header p a {
	color: #e9da94;
	text-decoration: none;
	font-size: 14px;
}

.header p a.arrow {
	background: url(../../wp-content/themes/vistafleet/library/images/arrow.png) no-repeat right;
	display: block;
	padding: 0 15px 2px 0;
	font-size: 14px;
}

.header p a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

.header p a.arrow:hover {
	background: url(../../wp-content/themes/vistafleet/library/images/arrow-blue.png) no-repeat right;
	color: #d1e7f7;
}

.header ul {
	clear: right;
	float: right;
	list-style: none;
	/*margin: 14px 0 7px 0;*/
	margin: 0px 0 7px 0;
	padding: 0;
	text-align: right;
}

.header ul#subnav {
	/*margin-top: 34px;*/
	/*width: 395px;width: 380px;*/
	width: 538px;
	margin-top: 22px;
	border: 0px solid red;
}

.header ul#bottomsubnav {
	width: 630px;
	margin-top: 2px;
}

.header ul#bottomsubnav li a {
	font-size: 14px;
}

.header ul li {
	color: #fff;
	float: left;
	margin: 0 0 0 20px;
	text-transform: uppercase;
}

.header ul#subnav li {
	font-size: 11px;
	/*line-height: 11px;*/
	line-height: 34px;
}
.header ul#subnav li a {
	font-size: 11px;
	line-height: 11px;
	border: 0px solid red;
}

.header ul#subnav li img.imsfloat {
	float: left;
	margin: 4px 4px 0 0;
}

.header ul li a {
	color: #fff;
	text-decoration: none;
}

.header ul li a:hover {
	color: #e9da94;
	text-decoration: none;
}

.header #chatbubble {
	display: block;
	float: right;
	height: 78px;
	margin: 25px 0 0 20px;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	width: 163px;
}

.header #headtext {
	display: block;
	float: right;
}
/******  END TOP BANNER - HEADER STYLES ******/

/****** Footer *****/
.footer {
	background: url(../../wp-content/themes/vistafleet/library/images/footer/bg.jpg) no-repeat top;
	clear: both;
	height: 98px;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	width: 985px;
	text-transform: none;
}

.footer p {
	color: #fff;
	float: right;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: right;
	text-transform: none;
}

.footer p.left {
	float: left;
	text-align: left;
	text-transform: none;
}

.footer p a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
}

.footer p a:hover {
	color: #e9da94;
	text-decoration: none;
	text-transform: none;
}

.footer ul#footernav {
	clear: both;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-right: 0;
	width: 160px;
}

.footer ul#footernav li {
	color: #fff;
	float: left;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: right;
}

.footer ul#footernav li a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
}

.footer ul#footernav li a:hover {
	color: #e9da94;
	text-decoration: none;
}

/***** end footer *****/


/****** BEGIN STYLES FOR FEATURED PRODUCTS ******/
/****** Just change the width and the background image if you want bigger/smaller featured images ******/
/****** For these styles the 'thumbnails' should not be bigger than 160px wide ******/
.featuredhotel,
.featuredtour,
.featuredrental,
.featuredtransit,
.featuredproduct {
	width: 150px;
	float: left;
	/*background-image: url(../shop_image/featured-bg.png);
	background-repeat: no-repeat;*/
	margin: 0 10px 20px 0;
	height: 370px;
}
html>body .featuredhotel,
html>body .featuredtour,
html>body .featuredrental,
html>body .featuredtransit,
html>body .featuredproduct  {
height: auto;
min-height: 370px;
}
.featuredhotel {
	/*background-color: #BE661F;*/
	border: 1px solid #717171;
}
.featuredtour,
.featuredtransit {
	/*background-color: #BAD532;*/
	border: 1px solid #717171;
}
.featuredrental {
	/*background-color: #298D8F;*/
	border: 1px solid #717171;
}
.featuredproduct {
	/*background-color: #EAEB83;*/
	border: 1px solid #717171;
}

.featuredhotel p,
.featuredtour p,
.featuredrental p,
.featuredtransit p,
.featuredproduct p {
	padding: 10px;
	font-size: 10px;
}

.featuredproduct .featuredtitle,
.featuredtour .featuredtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.featuredhotel a:link,
.featuredhotel a:hover,
.featuredhotel a:visited,
.featuredtour a:link,
.featuredtour a:hover,
.featuredtour a:visited,
.featuredrental a:link,
.featuredrental a:hover,
.featuredrental a:visited,
.featuredtransit a:link,
.featuredtransit a:hover,
.featuredtransit a:visited,
.featuredproduct a:link,
.featuredproduct a:hover,
.featuredproduct a:visited {
	background-color: transparent; color: #000;
	text-decoration: underline;
	/*font-weight: bold;*/
	font-weight: normal;
	font-size: 10px;
}

.storedescription {
	clear: both;
	padding: 10px;
}

/****** END STYLES FOR FEATURED PRODUCTS ******/


/****** BEGIN LEFT PANEL ******/
/* Begin styles for the top part of the left panel */
table.topleft {
	width: 100%;
	margin-bottom: 8px;
}
table.topleft td {
	background-color: transparent; color: #fff;
	text-align: center;
	padding: 10px 0;
}
table.topleft td img {
	margin: 0 4px;
}
/* End styles for the top part of the left panel */

/* You can also add an image to the left panel. Just make it the same width as the left side */
td.leftside {
    color: #fff;
	height: 100%;
	vertical-align: top;
	background-color: transparent;
	padding-left: 0px;
	/*width: 235px;*/
	width: 180px;

}

/* If you have a wider or smaller left panel, change this width */
.leftmenu {
	 color: #fff;
}

.leftmenu .leftlinks table a {margin-top:10px;}
.leftmenu td {	padding: 0;}
.leftmenu table { clear:both; display: block;}

/* Begin style for search boxes */
.title {
	font-size: 14px;
	text-align: center;
	background-color: transparent; color: #fff;
}
.hotel,
.tour {
	border: 1px solid #d1e7f7;
	margin: 0 0 10px 0px;
}
.hotel td,
.tour td,
table.tour td {
 padding: 2px 3px;
 background-color: transparent; color: #fff;
}

/* used as Divider Bar to Search for All Accommodations */
.borderbottom {
	border-bottom: 1px dotted #d1e7f7;
}

/* Width for 'destination, region/state-, city-' etc. fields */
.searchfield {
	width: 147px;
	background-color: #fff; border: 1px solid #000031; font-size:12px
}
/* End styles for search boxes */

/* Begin styles for left menu links */
td.leftlinks {
	vertical-align: top;
	padding: 2px 4px;
}
td.leftlinks a {
/*background-color: transparent; color:#F8F8D6;
font-weight: bold;*/
background-color: transparent; color: #e9da94;
font-weight: normal;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
}
td.leftlinks a:hover {
background-color:transparent; color: #e9da94;
font-size: 12px;
text-decoration: underline;}

td.parkcart {
	padding: 2px 2px 2px 0;
}
td.parkcart a {
background-color:transparent; color: #e9da94;
font-size: 12px;
text-decoration: none;}
td.parkcart a:hover {
background-color: transparent; color:#e9da94;
font-size: 12px;
text-decoration: underline; }
/* End styles for left menu links */

/* Begin small cart parking in the left panel */
.cartpark { border: 1px solid #fff;
width: 160px;
background: transparent;
}
.cartpark td {
	padding: 0 2px;
background-color:transparent; color:#fff;
}
A.cartlinks,
A.cartlinks:hover { color:#e9da94; font-size: 11px; text-decoration: none; padding: 2px;}
/* End small cart parking in the left panel */

/******  END LEFT PANEL ******/



/******  BEGIN MIDDLE - amend this width to any width for the middle part ******/

.middle {
	/*width: 416px;
	background-image: url(../shop_image/grey_middle_bg.jpg);
	background-repeat: repeat-x;*/
	background-color: transparent; color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	line-height: 18px;
	vertical-align: top;
	padding: 10px 0;
}

table.middle {
	/*width: 535px;
	width: 804px;*/
	width: 782px;
	border: 1px solid #d1e7f7;
}

table.middle td.middle {padding: 10px;}

.middle table td {
	padding: 1px 6px 1px 0;
	background-color: transparent; color: #fff;
	text-align: left;
}

/******  END MIDDLE ******/



/******  BEGIN RIGHT PANEL ******/

.rightside { width: auto; background: transparent; color: #fff; font-size: 11px; font-family: Arial,Helvetica,sans-serif;  line-height: 18px;}

/* Begin styles for related products */
table.rel_products {
	width: 180px;
	height: 100%;
	margin: 10px;
	text-align: center;
}
.productstitle {
	background-color: transparent; color: #e9da94;
	text-align: center;
	padding: 4px 0;
}

/* The thumbnail picture is displayed. Amend this width if you want to display it smaller or bigger. */
.prodlinks img {
	width: 120px;
}

table.products {
	border: 1px solid #e9da94;
	text-align: center;
	margin: 10px auto;
}

table.products td {
	padding: 4px;
}

A.prodlinks:link,
A.prodlinks:visited { background-color: transparent; color:   #e9da94; text-decoration: none;}
A.prodlinks:hover { background-color: transparent; color: #e9da94;  font-weight: bold; text-decoration: underline;}
/* End styles for related products */

/******  END RIGHT PANEL ******/



/****** BEGIN VARIOUS STYLES ******/

h1 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	border-bottom: #3565ac solid 1px;
	color: #fbeca3;
	font-size: 24px;
	font-weight: normal;
	line-height: 27px;
	margin: 0 0 8px 0;
	overflow: hidden;
	padding: 0 0 2px 0;
}

h3 {
	color: #fbeca3;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 3px 0;
	padding: 0;
}

h4 {
	color: #fbeca3;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	margin: 0 0 3px 0;
	padding: 0;
}

h4 a {
	text-decoration: underline;
}

/* used for user errors */
h4.error  {
background-color: transparent; color: #c00; padding: 2px;
margin: 10px 0;
font-size: 13px;
}

h5  { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 11px; margin: 4px 0;
	text-transform: none;  }
dl  { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 11px }
ol, ol ol, ol ol ol { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 11px }
ul, ul ul, ul ul ul { /*color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 11px*/ }

ul li {
	/*margin-left: 20px;
	line-height: 17px;*/
}


table { font-family:Arial,Helvetica,sans-serif; font-size: 11px; border-collapse: collapse;}
table td {padding: 0;}

table.nowrap td {
	white-space: nowrap;
}

p { font-family:Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	margin: 0 20px 0 0;
	padding: 4px 0;
}

.orange {
	background-color: transparent; color: #fff;
	font-weight: bold;
}

.red { background-color: transparent; color: #c00;	font-weight: bold; }

hr { height:1px; width:100%; background-color:#717171; color: #717171;text-align: center; }

td.center,
.center { text-align: center; }

.right { text-align: right; }
p.rightnopadd {margin-right: 0; text-align: right; padding: 0;}

.left { text-align: left; }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.input { background-color: #fff; border: 1px solid #000031; font-size:12px }

.submit { font-family: verdana, arial, helvetica, sans-serif;
			font-size: 8pt;
			letter-spacing: -1px;
			TEXT-DECORATION: none;
			COLOR: #000;
}

.margtop10 {
	margin-top: 10px;
}

.margtopbot10 {
	margin: 10px 0;
}

.margbot10 {
	margin-bottom: 10px;
}

td.right {
	text-align: right;
}

td.boldright {
	text-align: right;
	font-weight: bold;
}

/* Styles for the remarks on the booking and check-out page */
.remarks {
	font-weight: bold;
	width: auto;
}

/* Background color on the 'choose shipping method */
/* If you change this color, also change it in the back-end 'Edit All Config: SEARCH_COLOR_2, as in some templates the color is called from there! */
.background {
	background-color: #f0f0f0;
	color: #000;
}

/* Begin img styles */
img {
	border: 0 none;
}
.imgrightfloat {
	float: right;
	margin: 10px 0 10px 10px;
}
/* End img styles */

/****** END VARIOUS STYLES ******/



/****** BEGIN STYLES FOR MENUS AND LINKS ******/
/* Some of the specific links e.g. 'links on left panel', 'related products' and 'hotel/tour/rental links' are dealt with in their sections. */

/* Begin styles for top menu */
.skin_topmenu {
  /*background-image: url('../shop_image/top-menu.jpg');
  background-repeat: repeat-x;*/
  height: 30px;
  margin: 0;
  padding: 0;
  border-top: 0px solid #e9da94;
  border-bottom: 0px solid #e9da94;
  color: #e9da94;
}
table.topmenu td {
	white-space: nowrap;
}
.smallsearch,
.topnav,
A.topnavlinks:link,
A.topnavlinks:visited {background-color: transparent; color:#e9da94; font-size: 11px; text-decoration: none; padding: 0 8px 0 0;}
A.topnavlinks:hover { color:#e9da94; font-size: 11px; text-decoration: underline; }
/* End styles for top menu */

/* Begin styles for bottom menu */
.skin_bottommenu {
  /*background-image: url('../shop_image/bottom-menu.jpg');
  background-repeat: repeat-x;*/
  width: 100%;
  height: 30px;
  border-top: 0px solid #e9da94;
  border-bottom: 0px solid #e9da94;
  color: #e9da94;
}
.footernav,
A.footernavlinks:link,
A.footernavlinks:visited {padding: 0 8px; background-color: transparent; color:#e9da94; font-size: 11px; text-decoration: none;}
A.footernavlinks:hover { color:#e9da94; font-size: 11px; text-decoration: underline; }
/* End styles for bottom menu */


/* Begin styles for copyright info */
.copyright {
	width: 94%;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	/*background-image: url(../shop_image/left-top.jpg);
	background-repeat: repeat-x;*/
}
.copyright p,
.copyright a:link,
.copyright a:hover  {
	padding: 2px 0;
	font-size: 10px;
}
/* End styles for copyright info */

a {
	color: #e9da94; 
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

a:hover {
	background-color: transparent; color: #e9da94;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
}

/* Styles for the Coupons */
p.coupon {
	text-align: center;
}
p.coupon a:link,
p.coupon a:visited,
p.coupon a:hover {
	font-size: 14px;
	padding: 4px 0;
}
/****** END STYLES FOR MENUS AND LINKS ******/



/****** BEGIN STYLES FOR TITLES AND HEADERS ******/

/* Used for titles e.g. on 'Reservation Details on Hotel Search Page', Confirmation */
.headertitle {
	background-color: #FFE37C ; color: #000000;
}
/* used for the hotel links if you manually search for hotels */
.headertitle a:link,
.headertitle a:hover,
.headertitle a:visited {
	background-color: #E6E6E6; color: #c00;
	text-decoration: underline;
}

tr.headertitle td {
	padding: 5px;
}

/* Used for titles in the cart */
/* If you change this color, also change it in the back-end 'Edit All Config: header_bgcolor, as in some templates the color is called from there! */
.cartheader {
	background-color: #FFE37C ; color: #000000;
	padding: 4px;
}

/****** END STYLES FOR TITLES AND HEADERS ******/



/****** BEGIN STYLES FOR VARIOUS TABLES ******/

/* Begin border styles around tables, e.g. 'Confirmation of your Order' */
table.fixedwidthborder,
table.fixedwidthborderbg {
	border: 1px solid #d1e7f7;
	background: transparent;
}
/* End border styles around tables, e.g. 'Confirmation of your Order' */


/* Begin narrow tables, that should not use the full width - e.g. login page, shopping cart */
/* If you use 'related products' you have to set this width to 100% */
.fixedwidth,
table.searchtours,
table.fixedwidth,
table.fixedwidthborder,
table.fixedwidthborderbg,
p.fixedwidth {
	width: 640px;
	margin: 0 auto;
}
table.fixedwidth td,
table.fixedwidthborder td {
	padding: 3px;
	vertical-align: top;
	text-transform: none;
	text-align: left;
	clear: right;	
}
table.fixedwidthborderbg td {
	padding: 3px;
	vertical-align: top;
}

table.fixedwidthborderbg,
tr.tablebg {
	background: transparent;

}

/* used for the hotel links if you manually search for hotels */
.tablebg a:link,
.tablebg a:hover,
.tablebg a:visited {
color: #e9da94;
	text-decoration: underline;
}

tr.tablebg td  {
color: #e9da94; font-size: 14px;
}

tr.headertitle td {
	padding: 5px;
}

table.fixedwidthborderbg {
	margin: 0 0 10px 0;
}

/* This class is needed for IE to center the table. */
.centerfixed {
	text-align: center;
	clear: both;
}
/* End narrow tables, that should not use the full width - e.g. login page, shopping cart */

/****** END STYLES FOR VARIOUS TABLES ******/



/******* BEGIN STYLES FOR VARIOUS LOGIN PAGES - AGENTS - RESELLERS - AFFILIATES ******/

/* This class is needed for IE to center the table. */
.outerlogin {
	text-align: center;
	clear: both;
}
p.clear {
	clear: both;
	text-align: left;
}
table.login {
	width: 60%;
	text-align: left;
	margin: 0 auto;
}
table.login td { padding: 2px; 
	text-align: left;}
table.login td p {
	clear: both;
	text-transform: none;text-align: left;}

td.loginex { background-color: transparent; }

td.loginnew {background-color:transparent; }

table.loginnew td,
table.loginex td {
	width: auto;
}

.mandatory {
	background-color: transparent; color: #f00;
}

/******* END STYLES FOR LOGIN PAGES ******/



/******* BEGIN STYLES FOR NEWSLETTER SIGN-UP ******/
body.nslt {
	width: 400px;
	background-color: white; color: #000;
	background-image:none;
}
table.nslt {
	text-align: center;
	margin: 0 auto;
}

table.nslt td {
	padding: 2px;
}
/******* END STYLES FOR NEWSLETTER SIGN-UP ******/



/******  BEGIN STYLES FOR AFFILIATES PAGE ******/
.affiliatelinks a {
	color: #e9da94; 
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	font-size: 11px;
	text-decoration: none;
}
.affiliatelinks a:hover {
	background-color: transparent; color: #e9da94;
	text-decoration: underline;
}
/******  END STYLES FOR AFFILIATES PAGE ******/


/*********************************************/
/****** BEGIN STYLES RELATED TO MODULES ******/
/*********************************************/


/******  BEGIN STYLES FOR HOTEL PAGES ******/

/* Begin styles for Hotel-Search-Results-Page */
/* Those width make sure that the descriptions are inline - Change the 'hotelimage' width if you have bigger hotel thumbnails */
.hotelimage {
	width: 160px;
	text-align: center;
}
.hoteldescription {
	width: auto;
}
.hotelrating {
	width: 160px;
}
/* End styles for Hotel-Search-Results-Page */

/* Drop-down menu - if you change this to any width, there will be an empty space also on the parent pages of the tours */
/* If you do NOT use the 'drop-down menu' change this width to any width you want the links to be displayed */
td.hoteldropdown {
	width: auto;
	vertical-align: top;
}

p.hotelmenutitle {
	background-color: #ccc; color: #333;
	padding-left: 4px;
}

.hotellinks a {
	color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.hotellinks a:hover {
	background-color: transparent; color: #c00;
}
/* End styles if you do NOT use the 'drop-down' function */


/* The styles for the tabs used on the Enterprise Version
are further down with the tabs for tours/transit */


/* Begin styles for the availability calendar */
.booking_border {background-color: #BE661F; }
.booking_line {background-color: #BE661F; }
.booking_bg {background-color: transparent;}


table.calendar_border {border:1px solid #717171; margin: 0 auto; width: 500px;}
table.calendar_border td {padding: 4px; vertical-align: top;}
table.calendar_border td.middleborder {border-right:1px solid #717171;}
.booking_line {background-color: #717171; }
.booking_bg {background-color: transparent;}

/* End styles for the availability calendar */

/* Begin styles for the calendar */
table.calendar td.calendarHeader,
.calendarHeader { font-weight: bolder; color: #0A4E99; background-color: #CCCCCC }
.calendarUnavailable {COLOR: white; background-color: #ffb200}
.calendarToday { COLOR: #4C5126; background-color: #FFFFFF}
.calendar { COLOR: #000000; background-color: #EEEEEE}
.calendar_weekend { COLOR: #000000; background-color: #EEEEFF}
.calendar_body { COLOR: #258DBF; background-color: #EEEEEE}
.calendar_pending { COLOR: #258DBF; background-color: #FFDDDD}
.calendar_confirmed { COLOR: #258DBF; background-color: #DDFFDD}
a.calendar:link { color: #268cbf; text-decoration: none }
a.calendar:visited { color: #268cbf; text-decoration: underline }

table.calendar td.calendar a:hover,
a.calendar:hover { color: #0A4E99; text-decoration: none }

.seatavail {background-color: transparent; color: #4C5126;}
.seatnotavail {background-color: transparent; color:#B0B0B0;}
/* End styles for the calendar */

/*table.browseacc {
	width: 80%;
}*/

/******  END STYLES FOR HOTEL PAGES ******/



/******  BEGIN STYLES FOR TOUR / TRANSIT PAGES ******/

/* Begin tour display if you 'manually' search for tours - those pages are NOT displayed if the user searches with the 'search box' */

/* Drop-down menu - if you change this to any width, there will be an empty space also on the parent pages of the tours */
/* If you do NOT use the 'drop-down menu' change this width to any width you want the links to be displayed */
td.tourdropdown {
	width: auto;
	vertical-align: top;
}

td.product_name {
	font-weight: bold;
	background-color: transparent; color: #fff;
	font-size: 18px;
}

/* The inner core of the tour drop-down menu */
table.tourmenu {
	margin: 8px 10px 0 0;
}
table.tourmenulist td,
table.tourmenu td {padding: 3px 0;}
/* End tour display if you 'manually' search for tours - those pages are NOT displayed if the user searches with the 'search box' */

p.tourmenutitle {
	background-color: transparent; color: #e9da94;
	padding: 3px;
	font-size: 14px;
}
.tourlinks a {
	color: #e9da94; 
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: Verdana, Arial, Helvetica;*/
	font-size: 11px;
	text-decoration: none;
}
.tourlinks a:hover {
	background-color: transparent; color: #e9da94;
	text-decoration: underline;
}
/* End styles if you do NOT use the 'drop-down' function */

/* Styles for the little box below 'passengers name' (and if you have other fields) asking to enter a quantity first */
.box {
	border: 1px dashed #d1e7f7;
	padding: 3px;
	width: auto;
	background-color: transparent; color: #d1e7f7;
}

/* Begin table styles used for the layout 'search tours' */
/* This class is needed for IE to center the table. */
.centersearch {
	text-align: center;
}
table.searchtours {
	border: 1px solid #d1e7f7;
	background: transparent;
	margin: 0 auto 10px auto;
}
table.tourbooking {
	width: 100%;
	border: 0px solid #333;
	margin: 5px auto;
	/*background-color: #FEF9F3; color: #000;*/
}
table.searchtours td,
table.tourbooking td {
	padding: 2px 3px;
}

p.waitlist {font-weight: bold; color: #e9da94; font-size: 12px;}
p.waitlist a:link {font-weight: bold; color: #e9da94; font-size: 12px;}
p.waitlist a:hover {font-weight: bold; color: #e9da94; font-size: 12px; text-decoration: underline;}

/* End table styles used for the layout 'search tours' */


/* Begin styles for the special transit offers */
table.special_transit {
	width: 80%;
	margin-bottom: 20px;
	background-color: #BAD532;
	border: 2px solid #BAD532;
}

table.special_transit td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

table.special_transit td h2 {
	padding: 0;
	background-color: transparent; color: #FFFBD9;
}
table.special_transit td.sp_tr_one {
	width: 20%;
}
table.special_transit td.sp_tr_two {
	width: 60%;
}
table.special_transit td.sp_tr_three {
	width: 20%;
}
/* End styles for the special transit offers */

/******  END STYLES FOR TOUR / TRANSIT PAGES ******/


/* THE STYLES FOR THE 'ACTIVE MAPS' ARE IN THE STYLE-SHEET CALLED 'JS/TOOLTIP/DOMTT.CSS'*/


/******  BEGIN STYLES FOR TABS ******/

/* Begin styles for the tabs on the browse_tours/transit page */
html>body #activity_information,
html>body #book_reservations,
html>body #cancellation,
html>body #contact_us {
	height: auto;
	min-height: 340px; clear: both;
	width: 640px;
}

#activity_information,
#book_reservations,
#cancellation,
#contact_us {
	border: 1px solid #d1e7f7;
	padding: 10px 0 10px 10px;
	width: 640px;
}

#book_reservations table td,
#book_reservations table td p,
#book_reservations table td p.orange {
	clear: both; 
	text-align: left; 
	text-transform: none; 
	margin-left: 0;
	padding-left: 0;
	border: 0px solid white;} 


#contact_us h1, 
#activity_information h1 {
	clear: both;text-align: left; 
	text-transform: none; 
	border: 0px solid white; }

#contact_us h2,
#contact_us h3,
#activity_information h2 {
	clear: both; 
	border: 0px solid white;
	text-transform: none; }

#contact_us fieldset 	{
	clear: both;  }
	
#contact_us p {
	clear: both;
	color: #fff;
	text-align: left; 
	text-transform: none;
	margin-left: 0;
	padding-left: 0 }

#activity_information p.centerimg {clear: both; text-align: left;}
#activity_information .center {text-align: center; width: 640px;}
#activity_information .center img {text-align: center; border: 0px solid;margin-left: 60px;}

#contact_us,
#contact_us table td.center {
	text-align: center;
}

table.tbltabmenu {
	border-top: 1px solid #d1e7f7;
	border-left: 1px solid #d1e7f7;
	border-right: 1px solid #d1e7f7;
	width:100%;
	text-align:center;
}
td.menutabactive {
	background-color: transparent; color:#e9da94;
	padding:3px;
}
td.menutab {
	background-color: transparent; color: #fff;
	padding:3px;
}
a.lnktab {
	color:#fff;
	text-decoration: none;
}
a.lnktab:hover {
	color:#e9da94;
	text-decoration: underline;
}
a.lnktabactive,
a.lnktabactive:hover {
	color:#e9da94;
}
/* End styles for the tabs on the browse_tours/transit page */


/* Styles for the hotel tabs, if you have the enterprise version installed */
html>body #hotel_description,
html>body #hotel_amenities,
html>body #hotel_google_map,
html>body #hotel_terms_and_cond,
html>body #hotel_contact {
	height: auto;
	min-height: 340px;
}

#hotel_description,
#hotel_amenities,
#hotel_google_map,
#hotel_terms_and_cond,
#hotel_contact {
	padding: 10px 0 10px 10px;
	border: 1px solid #333;
}
/* End styles for the hotel tabs, if you have the enterprise version installed */

/******  END STYLES FOR TABS ******/



/******  BEGIN STYLES FOR RENTAL PAGES ******/

/* Begin styles for availability calenadar */
.availcalendar {
background-color: #FFDBA5; color: #000;
border: 1px solid #f60;
margin: 10px;
padding: 4px;
}
/* End styles for availability calenadar */

/******  END STYLES FOR RENTAL PAGES ******/


/******  BEGIN STYLES FOR ECOMMERCE ******/

/* Begin styles for the special transit offers */
table.special_products {
	width: 80%;
	margin-bottom: 20px;
	background-color: #EAEB83;
	border: 2px solid #EAEB83;
}

table.special_products td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

table.special_products td h2 {
	padding: 0;
	background-color: transparent; color: #83983B;
}
table.special_products td.sp_prod_one {
	width: 20%;
}
table.special_products td.sp_prod_two {
	width: 60%;
}
table.special_products td.sp_prod_three {
	width: 20%;
}
/* End styles for the special transit offers */

/******  END STYLES FOR ECOMMERCE ******/


/******  BEGIN STYLES FOR AGENTS ******/

.agents {
	margin-top: 20px;
}

.agents td {
	padding: 4px;
background-color: transparent; color:#fff;
}

.agents td a,
.agents td a:link {
background-color: transparent; color: #e9da94;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
padding: 2px;
}
.agents td a:hover {
background-color: transparent; color: #e9da94;
font-size: 12px;
text-decoration: underline;
padding: 2px;}

/******  END STYLES FOR AGENTS ******/


/*******************************************/
/****** END STYLES RELATED TO MODULES ******/
/*******************************************/



/*************************************************/
/****** BEGIN STYLES FOR ADDITIONAL OPTIONS ******/
/*************************************************/

/****** BEGIN STYLES FOR EVENTS CALENDAR *****/

th.calendarHeader {background: navy; color: white; font-weight: bold;}
td.dateHeaderInactive {background: silver;}
td.dateHeader {background: olive;}
.dateHeaderToday{background: blue;}
td.dateInfo {height: 80px; background: white; vertical-align: top;}
td.dateInfoInactive {background: silver; height: 80px; vertical-align: top;}
.tooltipHeader {width: 100%; background: navy; color: white; font-weight: bold; font-size:10pt;}
.tooltipHeaderInside {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}
.tooltipClose {font-weight: bold; font-size: 10pt; float: right; color: red; font-weight: none; text-decoration: none; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px;}
.tooltipContent {margin-left: 10px; margin-right: 10px; margin-bottom: 20px;}
#overDiv {position: absolute; visibility: hidden; z-index: 1000; border: solid gray 1px;}
#overDiv td {border: none; margin: 0; padding: 0;}
.categoryBorder{border-left: solid 10px;}
#overDiv .categoryBorder {border-left: none;}
.tooltipImage {margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; text-align: center;}
.calendarSecondPart .tooltipImage {text-align: left;}
.calendarDateForm {padding: 20px; border: solid 1px gray;}

/****** END STYLES FOR EVENTS CALENDAR *******/

/****** BEGIN STYLES FOR BLOG *******/

div.error{
	text-align: center;
	font:  bold 12px  Arial;
	color:  #FF0000;
	margin: 10px;
}

div.article{
	border: solid 0px #FF0000;
	width: 100%;
	margin-bottom: 20px;
}

div.article_title{
	border-bottom: solid 1px #AAAAAA;
	padding-bottom: 4px;
}

div.article_title a{
	color: #222222;
	font: bold 14px Arial;
	text-decoration: none;
}
div.article_title a:hover{
	color: #222222;
	font: bold 14px Arial;
	text-decoration: underline;
}

div.article_time{
	font: 10px Arial;
}

div.article_announcment{
	margin: 10px;
}

a.article_author{
	font: bold 12px Arial;
	color: #222222;
	text-decoration: none;
}
a.article_author:hover{
	font: bold 12px Arial;
	color: #222222;
	text-decoration: underline;
}

div.article_menu{
	text-align: right;
	display: inline;
}

div.article_menu a{
	font: 12px Arial;
	color: #883333;
	text-decoration: none;
}
div.article_menu a:hover{
	font: 12px Arial;
	color: #DD5555;
	text-decoration: none;
}
div.comments{
	padding: 4px;
	background: #EEEEEE;
	border: 1px solid #444444;
}
div.pages{
	text-align: center;
}
div.tags{
	margin: 4px;
	padding: 4px;
	border: solid 1px #444444;
	width: 200px;
	overflow: hidden;
}
div.categories{
	margin: 4px;
	padding: 4px;
	border: solid 1px #444444;
	width: 200px;
	overflow: hidden;
}
div.menu{
	margin: 4px;
	padding: 4px;
	border: solid 1px #444444;
	width: 200px;
	overflow: hidden;
}

/****** END STYLES FOR BLOG *******/



/****** START STYLES FOR CHARTER FORMS *******/

table.charterheader {
	margin: 10px 0;
	width: 515px;
	background-color: White;
}
table.charterform {
	margin: 10px 0;
	width: 515px;
	background-color: White;
}
table.charterheader td,
table.charterform td {
	padding: 4px 6px;
	white-space: nowrap;
}

/****** END STYLES FOR CHARTER FORMS *******/

.dvsrch_hotel , .dvsrch_tour, .dvsrch_rental, .dvsrch_transit {z-index:1000;}

/*************************************************/
/****** END STYLES FOR ADDITIONAL OPTIONS ******/
/*************************************************/




/*********************************************/
/****** STYLES FOR ADDITIONAL SEARCHBOX ******/
/*********************************************/
/* styles for the iframe */
.searchiframe {
	width: 200px;
	height: 320px;
	border: 1px solid #036;
}

.searchbox,
.searchbox table td {
	margin: 20px auto;
	text-align: center;
	background-color: transparent; color: #036;
	width: 180px;
	font-size: 12px;
	font-weight: bold;
}

.selectB {
	margin: 4px 0;
}

.searchbox td {
	padding: 2px 4px;
}