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

body {background: #fefcfb url('../shop_image/backGrad.jpg'); background-repeat: repeat-x;
      margin-top: 10px;
      padding: 0;
		text-align: center;/*fuer IE_quirks*/
      }

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

/* Style for the Transit Schedule */
body#transitcal {
	background-color: #fff; color: #999;
	background-image: 0 none;
}

/* --- */	

/******  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' */
table.outer {
	margin: 0px auto;
	border: 1px solid #fff;
	width: 760px;
}

/******  BEGINN TOP BANNER - HEADER STYLES ******/

.top { 
background-image: url(../shop_image/header_bg.jpg);
background-repeat: repeat-x;
padding: 0; margin: 0; 
height: 150px; 
width: 760px;
}

.top td {
	padding: 0;
	margin: 0;
}

.topleft {
	float: left;
	margin-left: 0;
	margin-top: 0;padding: 0;
}

.topright {
	float: right;
	margin-right: 0;padding: 0;
	margin-top: 0;
}

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



/****** BEGIN STYLES FOR FEATURED PRODUCTS ******/

table.featuredprod {
	margin: 20px 0 10px 20px;
	width: auto;
}
table.featuredprod td.hotel,
table.featuredprod td.tour,
table.featuredprod td.rental {
	background-image: url(../shop_image/bg_featured.jpg);
	background-repeat: no-repeat;
	width: 220px;
	border: 0 none;
	vertical-align: top;
}
table.featuredprod td.hotel p,
table.featuredprod td.tour p,
table.featuredprod td.rental p {	
	padding: 10px;
}
table.featuredprod td.space {
	width: 10px;
}

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



/****** BEGINN LEFT PANEL ******/

td.leftside {
	background-image: url(../shop_image/leftside.jpg);
	background-repeat: no-repeat;
	background-color: #000; color: #FFFBD9;	
	height: 100%;
	vertical-align: top;
}

.date {
	font-size: 10px;
	font-weight: bold;
	padding-top: 10px;
	background-color: transparent; color: #FFFBD9;
}

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

/* Begin style for search boxes */
.title {
	font-size: 14px;
	text-align: center;
	background-color: transparent; color: #FFFBD9;
 	font-weight: bold;
}
.hotel,
.tour {
	border: 1px solid #FFFBD9;
}
.hotel td,
.tour td {
 padding: 2px 6px;
 background-color: transparent; color: #FFFBD9;
 font-weight: bold;
}
/* 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 2px 2px 0;
}
td.leftlinks a { 
background-color: transparent; color:#FFFBD9; 
font-size: 10px; 
text-decoration: none; 
white-space: nowrap; 
font-weight: bold;
}
td.leftlinks a:hover { 
background-color:#FFFBD9; color:#5C9EC5; 
font-size: 10px; 
text-decoration: none;}

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

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

table.middle {	
	width: 94%;
}

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

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



/******  BEGINN RIGHT PANEL ******/

.rightside { width: auto; background: #fff; color: #000; 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-color: #f90; color: #fff;
	font-weight: bold;
	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 #f90;
	text-align: center;
	margin: 10px auto;
}

table.products td {
	padding: 4px;
}

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

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



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

h1  { color: #437595; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; margin: 0 0 10px 0;}
h2  { color: #f60; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; margin: 0 0 4px 0;}
h3  { color: #f60; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 4px 0 2px 0; }
h4  { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
h5  { color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
dl  { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ol, ol ol, ol ol ol { color: #369; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
ul, ul ul, ul ul ul { color: #369; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
table { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; border-collapse: collapse;}
table td {padding: 0;}

p { font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;  
	font-size: 12px; 
	line-height: 17px;
	margin: 0;
	padding: 4px 0;
}  

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

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

HR { height:1px; width:70%; background:#369; }

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

.right { text-align: right; }

.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;
}

/* 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;
}
A.topnavlinks:link,
A.topnavlinks:visited {background-color: transparent; color:#fff; font-size: 11px; text-decoration: none; padding: 0 20px;}
A.topnavlinks:hover { color:#fff; 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.gif');
  background-repeat: repeat-x;
  width: 100%;
  height: 30px;
}
A.footernavlinks:link,
A.footernavlinks:visited {padding: 0 14px; background-color: transparent; color:#fff; font-size: 11px; text-decoration: none;}
A.footernavlinks:hover { color:#f90; font-size: 11px; text-decoration: underline; }
/* End styles for bottom menu */

a {  
	background-color: transparent; color: #903; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: underline;
}  

a:hover {  
	background-color: transparent; color: #016;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	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-weight: bold;
	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: #5C9EC5; color: #fff;
	font-weight: bold;
}

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 {
	font-weight: bold;
	background-color: #5C9EC5; color: #fff;
	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 {
	border: 1px solid #5C9EC5;
}
/* 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 */
table.searchtours,
table.fixedwidth,
table.fixedwidthborder {
	width: 600px;
	margin: 0 auto;
}
table.fixedwidth td,
table.fixedwidthborder td  {
	padding: 3px;
}
/* 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: #CCF1A5; }

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

table.loginnew td,
table.loginex td {
	width: 140px;
}
.mandatory {
	background-color: transparent; color: #f00;
}

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



/******* BEGIN STYLES FOR NEWSLETTER SIGN-UP ******/
body.nslt {
	width: 280px;
/* If you have a background image and you do not want to have this as a background then add this code: */	

/* background-color: white; color: #000; */	
/* background-image: none; */	
}
table.nslt td {
	padding: 2px;
	text-align: center;
}
/******* END STYLES FOR NEWSLETTER SIGN-UP ******/



/******  BEGIN STYLES FOR AFFILIATES PAGE ******/
.affiliatelinks a {
	color: #903; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
.affiliatelinks a:hover {	
	background-color: transparent; color: #016;  
}
/******  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: #33f; color: white;
	font-weight: bold;
}

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

/* Begin styles for the availability calendar */
.booking_border {background-color: #268cbf; }
.booking_line {background-color: #f2b66b; }
.booking_bg {background-color: #fff;}
/* 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: #258DBF; 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 }
/* End styles for the calendar */

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



/******  BEGIN STYLES FOR TOUR 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;
}

/* The inner core of the tour drop-down menu */
table.tourmenu {
	margin: 8px 10px 0 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: #0c0; color: white;
	font-weight: bold;
}
.tourlinks a {
	color: #903; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 11px; 
	text-decoration: none;
}
.tourlinks a:hover {	
	background-color: transparent; color: #016;  
}
/* End styles if you do NOT use the 'drop-down' function */

/* 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 #5C9EC5;
	margin: 0 auto;
}
table.tourbooking {
	width: 450px;
	border: 1px solid #5C9EC5;
	margin: 5px auto;
	background-color: #D3E5EF; color: #000;
}
table.searchtours td,
table.tourbooking td {
	padding: 3px;
}
/* End table styles used for the layout 'search tours' */

/* THE STYLES FOR THE 'TABBED PAGE' ARE IN THE STYLE-SHEET CALLED 'TAB.CSS' */
/******  END STYLES FOR TOUR PAGES ******/


/******  BEGIN STYLES FOR TRANIST PAGES ******/

/* Active Graphic */
.activegraphic {
	width: 515px;
	height: 262px;
	background-image: url(../shop_image/activegraphic.jpg);
	background-repeat: no-repeat;
}

ul.firstrow,
ul.secondrow,
ul.thirdrow,
ul.fourthrow {
	margin-top: 30px;
	margin-right: -40px;
	padding-right: 10px;
	list-style-type: none;
	float: left;
	width: 80px;
}

ul.firstrow li,
ul.secondrow li,
ul.thirdrow li,
ul.fourthrow li {
	padding: 4px;
}


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


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


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

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