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

body {background: #fff; color: #333;
		background-image: url(../shop_image/blue_bg.jpg);
		background-repeat: repeat-x;
		font-size: 11px;
		font-family: Verdana, Geneva, 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; */

/* --- */

/* begin styles used for the login bar */
.loginnav {
	width: 94%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent; color: #fff;
}

.loginnav table.topmenu {margin-right: 0; 
}
/* end styles used for the login bar */

/* begin styles used for the top navigation bar */
.navigation {
	width: 94%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent; color: #fff;
}
/* end styles used for the top navigation bar */

/******  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 {
	margin: 0px auto;
	width: 94%;
	padding: 0;
	background-color: #D5DEE8; color: #333;
	border-right: 1px solid #2A4966;
	border-left: 1px solid #2A4966;
	border-bottom: 1px solid #2A4966;
}

/****** 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;*/	
	background-color: #BDD1E8; color: #3C6794;
	border: 0px solid #3C6794;
	width: auto;
	margin: 0 0 0 10px;
	cursor: pointer;
	padding: 2px;
	font-size: 10px;
}
.button:hover {
	background-color: transparent; color: #2A4966;
}
/* end general buttons */

/* buttons for the featured products */
.buttonfront {
	background-color: #BDD1E8; color: #3C6794;
	border: 0px solid #3C6794;
	width: auto;
	margin: 2px 0 0 0;
	cursor: pointer;
	padding: 2px;
	font-size: 10px;	
	display:block;
	text-decoration: none;
}

.buttonfront:hover {
	background-color: transparent; color: #2A4966;
	text-decoration: none;
}

/* end buttons for the featured products */

/* left menu buttons */
.buttonLeft {
	/*background-image: url(../shop_image/ims_button.jpg);
	background-repeat: repeat-x;
	border: 1px solid #4C5126;
	background-color: transparent; color: #4C5126;*/
	border: 1px solid #c00;;
	background-color: #D6E6F9; color: #c00;
	width: auto;
	/*margin: 0 0 0 10px;*/
	cursor: pointer;
	padding: 2px;
	font-size: 11px;
}
.buttonLeft:hover {
	background-color: #c00; color:#D6E6F9; 
}
/* end left menu buttons */

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


/******  BEGIN TOP BANNER - HEADER STYLES ******/

.header {
	height: auto;
	text-align: left;
	margin: 10px auto 0px auto;
	width: 94%;
	background-color: transparent; color: #999;
	padding: 0;
}

/******  END TOP BANNER - HEADER STYLES ******/


/****** 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: 130px;
	float: left;
	/*background-image: url(../shop_image/featured-bg.png);
	background-repeat: no-repeat;*/
	margin: 0 10px 20px 0;
	height: 210px;
	padding: 4px 0 0px 0px;
}
html>body .featuredhotel,
html>body .featuredtour,
html>body .featuredrental,
html>body .featuredtransit,
html>body .featuredproduct  {
height: auto;
min-height: 210px;
}

.featuredhotel img,
.featuredtour img,
.featuredrental img,
.featuredtransit img,
.featuredproduct img {
	border: 2px solid #fff;
}

.featuredhotel {
	/*background-color: #BE661F;*/
	border: 0px dotted #717171;
}
.featuredtour,
.featuredtransit {
	/*background-color: #BAD532;*/
	border: 0px dotted #717171;
}
.featuredrental {
	/*background-color: #298D8F;*/
	border: 0px dotted #717171;
}
.featuredproduct {
	/*background-color: #EAEB83;*/
	border: 0px dotted #717171;
}

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

.storedescription {
	clear: both;
}

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


/****** BEGIN LEFT PANEL ******/
/* Begin styles for the top part of the left panel */
table.topleft {
	/*background-image: url(../shop_image/left-top.jpg);
	background-repeat: repeat-x;*/
	width: 100%;
	margin-bottom: 8px;
}
table.topleft td {
	background-color: transparent; color: #333;
	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 {
	background-color: #9DC4ED; color: #2A4966;
	height: 100%;
	vertical-align: top;
	border-right: 1px solid #333;
}

/* If you have a wider or smaller left panel, change this width */
.leftmenu {
	background-color: transparent; color: #2A4966;
	width: 180px;
}

.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;
	background-color: transparent; color: #2A4966;
}

.event,
.hotel,
.tour {
	border: 0px solid #717171;
	margin: 0 0 10px 4px;
}

.event td,
.hotel td,
.tour td {
 padding: 2px 6px;
 background-color: transparent; color: #333;
}

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

/* 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: #333;
font-weight: normal;
font-size: 11px;
text-decoration: none;
white-space: nowrap;
}
td.leftlinks a:hover {
background-color:transparent; color: #c00;
font-size: 11px;
text-decoration: none;}

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

/* Begin small cart parking in the left panel */
.cartpark { border: 1px solid #717171;
width: 160px;
}
.cartpark td {
	padding: 0 2px;
background-color:transparent; color:#333;
}
A.cartlinks,
A.cartlinks:hover { color:#c00; 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: 100%;
	background-color: transparent; color: #333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	line-height: 18px;
	vertical-align: top;
	padding: 10px;
}

table.middle {
	width: 100%;
}

.middle table td {
	padding: 1px 6px 1px 0;
}

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



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

.rightside { 
width: auto; background: #9DC4ED; color: #717171; 
font-size: 11px; font-family: Verdana, Arial, Helvetica; 
line-height: 18px;}

/* Begin styles for related products */
table.rel_products {
	width: 180px;
	height: 100%;
	margin: 10px;
	text-align: center;
}
.productstitle {
	background: #717171; color: #E6E6E6;
	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 #333;
	text-align: center;
	margin: 10px auto;
}

table.products td {
	padding: 4px;
}

A.prodlinks:link,
A.prodlinks:visited { background-color: transparent; color: #333; text-decoration: none;}
A.prodlinks:hover { background-color: transparent; color: #c00;}
/* End styles for related products */

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



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

h1  {
background-color: transparent; color: #c00;padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; margin: 0 0 10px 0;}
h2  { color: #c00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 4px 0;}

h3  { 
background-color: transparent; color: #c00; padding: 2px;
margin: 10px 0;
font-size: 14px;
}

h4  { 
background-color: transparent; color: #c00; padding: 2px;
margin: 10px 0;
font-size: 13px;
}

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

h5  { color: #717171; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 4px 0; }
dl  { color: #717171; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ol, ol ol, ol ol ol { color: #717171; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ul, ul ul, ul ul ul { color: #717171; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }

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

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

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

p { font-family:Verdana, 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: #c00;
	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 login menu */
table.topmenu td {
	white-space: nowrap;
}
.smallsearch,
.skin_topmenu {
  height: 30px;
  margin: 0;
  padding: 0;
  background-color: transparent; color: #fff;
}
allsearch,
.topnav,
A.topnavlinks:link,
A.topnavlinks:visited {background-color: transparent; color:#fff; font-size: 11px; text-decoration: none; padding: 0 8px;}
A.topnavlinks:hover { color:#fc0; font-size: 11px; text-decoration: none; }
/* End styles for top menu */

/* Begin styles for bottom menu */
.skin_bottommenu {
  background-image: url('../shop_image/blue_bottom_menu.jpg');
  background-repeat: repeat-x;
  width: 100%;
  height: 30px;
  background-color: #4C78A7; color: #fff;
}

.footernav,
A.footernavlinks:link,
A.footernavlinks:visited {padding: 0 8px; background-color: transparent; color:#fff; font-size: 11px; text-decoration: none;}
A.footernavlinks:hover { color:#fc0; 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 {
	background-color: transparent; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

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

/* 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: #E6E6E6; color: #333;
}
/* 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: #E6E6E6; color: #333;
	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 #333;
}
/* 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: 720px;
	margin: 0 auto;
}
table.fixedwidth td,
table.fixedwidthborder td {
	padding: 3px;
	vertical-align: top;
}
table.fixedwidthborderbg td {
	padding: 3px;
	vertical-align: top;
}

table.fixedwidthborderbg,
tr.tablebg {
	background-image: url(../shop_image/gray_table_bg.jpg);
	background-repeat: repeat-x;	
}

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

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;
}
/* 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;
}

table.login {
	width: 60%;
	text-align: left;
	margin: 0 auto;
}
table.login td { padding: 2px; }

td.loginex { background-color: #D6E6F9;}

td.loginnew {background-color: #D6E6F9;}

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: #333; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.affiliatelinks a:hover {
	background-color: transparent; color: #c00;
}
/******  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: 720px;}
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 */
.calendarHeader { font-weight: bolder; color: #FF6600; 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 }
a.calendar:hover { color: #EFB345; 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: #c00;
}

/* 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: #E6E6E6; color: #333;
	padding: 3px;
}
.tourlinks a {
	color: #903; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.tourlinks a:hover {
	background-color: transparent; color: #c00;
}
/* 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 #c00;
	padding: 3px;
	width: auto;
	background-color: transparent; color: #f00;
}

/* 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 #333;
	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: #c00; font-size: 12px;}
p.waitlist a:link {font-weight: bold; color: #c00; font-size: 12px;}
p.waitlist a:hover {font-weight: bold; color: #333; font-size: 12px;}

/* 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;
}

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

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

table.tbltabmenu {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	width:100%;
	text-align:center;
}
td.menutabactive {	
	background-color: #ccc; color: #333;
	padding:3px;
}
td.menutab {
	background-color: #E6E6E6; color: #333;
	padding:3px;
}
a.lnktab,
a.lnktab:hover {
	color:#333;
	text-decoration: none;
}
a.lnktabactive,
a.lnktabactive:hover {
	color:#c00;
	text-decoration: none;
}
/* 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:#333;
}

.agents td a,
.agents td a:link {
background-color: transparent; color: #333;
font-size: 12px;
text-decoration: none;
white-space: nowrap;
padding: 2px;
}
.agents td a:hover {
background-color: transparent; color: #c00;
font-size: 12px;
text-decoration: none;
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: 700px;
	background-color: #F4DCC4;
}
table.charterform {
	margin: 10px 0;
	width: 700px;
	background-color: #E8C29F; 
}
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;
}

/* 2010-02-18: new classes */
.searchbox_hotel { background-color:#ffffff;z-index:1000;position:absolute;top:102px;left:37px; }
.searchbox_tour { background-color:#ffffff;z-index:1000;position:absolute;top:102px;left:37px; }
.searchbox_transit { background-color:#ffffff;z-index:1000;position:absolute;top:102px;left:37px; }
.searchbox_rental { background-color:#ffffff;z-index:1000;position:absolute;top:102px;left:37px; }
.searchbox_events { background-color:#ffffff;z-index:1000;position:absolute;top:102px;left:37px; }
.tblicons {
	margin: 0px auto;
	width: 94%;
	padding: 0;
	background-color: transparent; color: #333;
	border: 0px
	border: 0px solid red;
}

.tblicons td {
	border: 0px solid red;
	
}
/* 2010-02-18: new classes (end) */