@charset "UTF-8";

td,th { vertical-align: top; }


/*
===============================================================================
tables.css - Defines availbale table styles available using the Editor
-------------------------------------------------------------------------------
CONTENTS
===============================================================================
1.	Table 1
-------------------------------------------------------------------------------
2.	Table 2
-------------------------------------------------------------------------------
3.	Table 3
-------------------------------------------------------------------------------
4.	Table 4
-------------------------------------------------------------------------------
5.	Table 5
-------------------------------------------------------------------------------
6.	Table 6
-------------------------------------------------------------------------------
7.	General Table Cell (TD) Styles
-------------------------------------------------------------------------------
8.	Site/Template Basic Form Styles (Component for Request/Contact Form)
===============================================================================*/


/*
===============================================================================
IMPORTNAT NOTE
-------------------------------------------------------------------------------
There are a couple of tables that have a border by default in the below styles.
These styles can be changed/adjusted to fit your needs, however please pay 
close attention to this message…

		Mozilla/Firefox fix. Only used for table with a left and/or right border.
		Recommended table width NOT to be set to 100%
		Set for less than area available or center table within content area
		Size varies and depends on border size
		
Other browsers interpret tables with borders slightly different than FireFox.
Firefox adds the border to the overall width defined in pixels and/or
percentages as it should (IE. 100% width plus 2 pixels border on the table
would be more than 100% and border would be cut off by content area). 

To adjust to make it consistent the following style needs to be used…
		
		-moz-margin-start: 1px;

The attribute should be set to a pixel size equal to the border size of the
table. The table width should also be set to a width within the content area
the table will be placed.
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
1.	TABLE 1
-------------------------------------------------------------------------------*/
#table1 {
	margin-top: 2em;
	margin-bottom: 2em;
	width: 99%;
	/*	Mozilla/Firefox fix. Only used for table with a left and/or right border.
		Recommended table width NOT to be set to 100%
		Set for less than area available or center table within content area
		Size varies and depends on border size */
	-moz-margin-start: 1px;
	}
	
#table1 td {
	border-bottom: 1px solid #eeeae0;
	padding: .4em;
	vertical-align: top; }

#table1 td.tdStyle1 {
	background-color: #e6e3d2;
	border-top: 1px solid #b4af93;
	border-right: 1px solid #b4af93;
	border-bottom: 1px solid #b4af93;
	color: #928e76;
	font-weight: bold;
	font-size: 93%;
	padding: .25em .4em .25em .4em; }

#table1 td.tdStyle2 {
	background-color: #e6e3d2;
	border-top: 1px solid #b4af93;
	border-right: 1px solid #b4af93;
	border-left: 1px solid #b4af93;
	border-bottom: 1px solid #b4af93;
	color: #928e76;
	font-weight: bold;
	font-size: 93%;
	padding: .25em .4em .25em .4em; }

#table1 th {
	padding: 1em .4em 1em 0em;
	color: #993300;
	font-weight: bold; }

#table1 a:link, #table1 a:visited {
	text-decoration: none; }

#table1 a:hover {
	text-decoration: underline; }
		
/*
===============================================================================*/
	
	
/*
===============================================================================
===============================================================================
2.	TABLE 2
-------------------------------------------------------------------------------*/
#table2 {
	border-top: 2px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	background-color: #f4f4f4;
	margin-top: 2em;
	width: 99%;
	/*	Mozilla/Firefox fix. Only used for table with a left and/or right border.
		Recommended table width NOT to be set to 100%
		Set for less than area available or center table within content area
		Size varies and depends on border size */
	-moz-margin-start: 2px; }
	
#table2 td {
	border-left: 2px solid #CCC;
	font-weight: bold;
	text-align: center;
	color: #666666;
	vertical-align: top;
	padding: .4em }

#table2 td.tdStyle1 {
	}

#table2 td.tdStyle2 {
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #FFF;
	border-left: none; }

#table2 a:link, #table2 a:visited {
	text-decoration: none;
	color: #666666;
	}
#table2 a:hover {
	color: #993300;
	text-decoration: none;
	}
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
3.	TABLE 3
-------------------------------------------------------------------------------*/
#table3 {
	border-top: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	table-layout: fixed;
	margin-bottom: 2em;
	/*	Mozilla/Firefox fix. Only used for table with a left and/or right border.
		Recommended table width NOT to be set to 100%
		Set for less than area available or center table within content area
		Size varies and depends on border size */
	-moz-margin-start: 1px; }
	
#table3 td {
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	padding: .65em .65em .65em .65em;
	text-align: center;
	vertical-align: middle; }
	
#table3 td.tdStyle1 {
	background-color: #99CCFF;
	color: #FFF;
	font-weight: bold; }

#table3 td.tdStyle2 {
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #FFF;
	border-left: none; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
4.	TABLE 4
-------------------------------------------------------------------------------*/
#table4 {
	border-top: 5px solid #CCC;
	border-bottom: 4px solid #CCC;
	margin-bottom: 2em; }
	
#table4 td {
	border-bottom: 1px solid #CCC;
	padding: .3em .4em .3em .4em;
	vertical-align: top; }

#table4 td.tdStyle1 {
	background-color: #99CCFF;
	color: #FFF;
	font-weight: bold; }

#table4 td.tdStyle2 {
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #FFF;
	border-left: none; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
5.	TABLE 5
-------------------------------------------------------------------------------*/
#table5 {
	margin-bottom: 2em; }
	
#table5 td {
	padding: .3em .4em .3em .4em;
	vertical-align: top; }

#table5 td.tdStyle1 {
	background-color: #99CCFF;
	color: #FFF;
	font-weight: bold; }

#table5 td.tdStyle2 {
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #FFF;
	border-left: none; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
6.	TABLE 6
-------------------------------------------------------------------------------*/
#table6 {
	margin-bottom: 2em; }
	
#table6 td {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 93%; }

#table6 td.tdStyle1 {
	width: 110px;
	font-weight: bold;
	text-align: right;
	padding-right: 20px; }

#table6 td.tdStyle2 {
	background-color: #777;
	color: #FFF;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #FFF;
	border-left: none; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
7.	GENERAL TABLE CELL (TD) STYLES
-------------------------------------------------------------------------------
-	These styles can also be customized for specific tables (1 thru 5)
	(IE. #table4 td.Head, #table5 td.tdGray, etc.)
-------------------------------------------------------------------------------*/
td.tdHead {
	font-weight: bold;
	background-color: #CCC; }
	
td.tdGray {
	background-color: #F1F1F1; }
	
td.tdHighlight {
	background-color: #FFFFCC; }
/*
===============================================================================*/


/*
===============================================================================
===============================================================================
8.	SITE/TEMPLATE BASIC FORM STYLES
-------------------------------------------------------------------------------
-	Used to style form component
-------------------------------------------------------------------------------*/
#tableBasicForm { }

#tableBasicForm td, #tableBasicForm th {
	padding: 0 0 1em 0;
	vertical-align: top; }
	
#tableBasicForm th {
	font-weight: bold;
	width: 30%; }
	
/* Component is styled for use if applicable */
#roundBox.roundBoxBasicForm { /* RoundBox class for Form */
	/*border: 1px solid #d8d6c4;*/
	background-color: #FFF;
	width: auto;
	padding: 0; }
	
#tableBasicForm input { cursor: pointer; }

/* USED TO TRICK SPAM BOTS */
.special { visibility: hidden; height: 1px; margin: 0; padding: 0; }
/*
===============================================================================*/


/* Custom VIP Motorcoach Banner Table */
.home-vip-motorcoach-banner {
	background-image: url(/Templates/temp-default/css/images/motorcoach-service-home-banner-noline.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 105px;
	margin-top: 2em;
	margin-bottom: 3.5em;
	}
.home-vip-motorcoach-banner td.vip-col1 {
	padding-left: 17.5em;
	padding-top: 2.5em;
	}
.home-vip-motorcoach-banner td.vip-col1 h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	margin-bottom: 0;
	}
.home-vip-motorcoach-banner td.vip-col2 {
	width: 108px;
}
	
/* Previous Static JS PhotoGallery table */
#photo-showcase { width:572px; }
#photo-showcase #main-image { padding-bottom:3px; }
#photo-showcase img { border: solid #CCCCCC 1px; }
#photo-showcase #psthumb-first {}
#photo-showcase #psthumb { padding-left: 3px; }

/* //////// STYLES FOR SCHEDULE TABLES //////// */

.schedule-table a {
	text-decoration: none;	
	}
.schedule-table th {
	text-align: left;
	padding: 22px 0px 8px 0px;
	color: #990000;
	font-size: 12px;
	}
.schedule-key td {
	color: #928E76;
	padding: 2px 4px 2px 4px;
	font-size: 10px;
	font-weight: bold;
	background-color: #E6E3D2;
	border-bottom: solid #B4AF93 1px;
	border-top: solid #B4AF93 1px;
	border-right: solid #B4AF93 1px;
	}
.destination {
	padding: 4px 0px 3px 4px;
	border-bottom: solid #EEEAE0 1px;
	}
.ages {
	text-align: right;
	width: 50px;
	padding: 4px 4px 3px 0px;
	border-bottom: solid #EEEAE0 1px;
	}
.length {
	text-align: left;
	width: 175px;
	padding: 4px 4px 3px 0px;
	border-bottom: solid #EEEAE0 1px;
	}
.quad-cost {
	text-align: right;
	width: 80px;
	padding: 4px 4px 3px 0px;
	border-bottom: solid #EEEAE0 1px;
	}
.date {
	text-align: left;
	padding: 4px 0px 3px 4px;
	width: 35px;
	border-bottom: solid #EEEAE0 1px;
	}
.price {
	padding: 4px 4px 3px 0px;
	text-align: right;
	width: 80px;
	border-bottom: solid #EEEAE0 1px;
	}
.tour-num {
	padding: 4px 4px 3px 0px;
	text-align: right;
	width: 75px;
	border-bottom: solid #EEEAE0 1px;
	}
.month-bar td {
	background-color: #F4F4F4;
	font-weight: bold;
	text-align: center;
	border-bottom: solid #CCCCCC 2px;
	border-top: solid #CCCCCC 2px;
	border-right: solid #CCCCCC 2px;
	color: #666666;
	padding: 3px 0px 3px 0px;
	}
.month-bar td a:link, .month-bar td a:visited {
	color: #666666;
	text-decoration: none;
	}

.month-bar td a:hover { color: #990000; }

.tour-details td {
	padding: 4px 0px 3px 4px; }

/* ///// REQUEST DEMO FORM STYLES ///// */
.form-table { width: 99%; }
.label {
	text-align: right;
	padding: 6px 8px 5px 8px;
	width: 160px;
	}
.field {
	background-color: #F4F4F4;
	border-bottom: solid #FFFFFF 1px;
	padding: 4px 0px 4px 8px;
	/*width: 320px;*/
	vertical-align: middle;
	}
.submit-buttons {
	padding: 6px 0px 0px 0px;
	text-align: left;
	margin: 0px;
	}
.red {
	color: #FF0000; }