/* Table of Contents  *******************************************************************

	Import Blocks
		@ import
			(pages/landing.css)
			(pages/reservation.css)
			(controls/adventurefinder.css)
			(controls/adventureOfTheDay.css)
			(controls/featuredAdventures.css)
			(controls/activitySummary.css)
			(controls/searchResults.css)
			(controls/searchCriteria.css)
			(controls/adventureDetails.css)
			(controls/adventureSnapshot.css)
	XHTML Elements
		body
		headings
		general elements
	Typography
		short description
		prices and currency styles
	Navigation / Links
		in page
		main site navigation
		breadcrumb navigation
		traveler information navigation
		footer navigation
		tab navigation 
		--Global Styles see individual control css pages for specific changes
          including: right placement, background images, adjusted spacing
		featured results view options
	Images
		featured images
		detail images
		thumbnail images
		new window icon
		sub link images: get quote, save this, compare this
	Flash 
		(currently unused)
	Site Structure - Master Page Elements
		breadcrumbs - you are here
		corporate branding - logo, site identification
		highlight information - consumer info, images, etc.
		navigation elements - site navigation
		traveler information - logged in welcome, site search
		page content - site content, component/control container
		page footer - copyright and other elements
		footer navigation - lots of links
	Page Contents
		activity summary - price, availability elements
		activity summary compact - compact search results styles
	Footer
		(currently unused)
	Global Classes
		floats and such
		text alignment
		font styles
		lists and bullets
		item heights
		margins
		padding
		widths
		viral
		horizontal rule
	ATLAS
		autocomplete dropdown
	Rounded Buttons
		navigation buttons

*****************************************************************************************	
*****************************************************************************************/
/* Import Blocks
--------------------------------------------------------------------------------------- */
@import url(pages/landing.css);
@import url(pages/reservation.css);
@import url(controls/adventureFinder.css);
@import url(controls/adventureOfTheDay.css);
@import url(controls/featuredAdventures.css);
@import url(controls/activitySummary.css);
@import url(controls/searchResults.css);
@import url(controls/searchCriteria.css);
@import url(controls/adventureDetails.css);
@import url(controls/adventureSnapshot.css);
@import url(controls/cssfriendly/SimpleTreeView.css);

/* XHTML Elements
--------------------------------------------------------------------------------------- */
/* body
	----------------------------------------------------------------------------------- */
body
{
	background: #914E1A url("../images/uiAccents/backgroundMaster.gif") repeat-x 0px 125px; /* Brown */
	color: #333333; /* Very Dark Gray */
	font-size: 12px;
	font-family: Tahoma, Sans-serif;
}

/* headings
	----------------------------------------------------------------------------------- */
h1
{
	color: #23578b; /* Dark Blue */
	font-size: 1.4em;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	line-height: 20px;
}

h2
{
	font-size: 1em;
	font-weight: normal;
	display: inline;
}

h3
{
	color: #9F382C; /* AC Red */
	font-size: 1.3em;
	font-weight: normal;
}

h4
{
	color: #9F382C; /* AC Red */
	font-size: 1.2em;
	font-weight: normal;
}

h5
{
	color: #9F382C; /* AC Red */
	font-size: 1.0em;
	font-weight: normal;
}

h6
{
	color: #9F382C; /* AC Red */
	font-size: 1.0em;
	font-weight: normal;
}

/* general elements
	----------------------------------------------------------------------------------- */
th
{
	color: #333333; /* Dark Gray */
	font-weight: bold;
}

p
{
	/***** NOT USED GLOBALLY TOO MANY RIPPLE EFFECTS *****/
}

input, textarea
{
	font-family: Tahoma, Sans-serif;
}


/* Typography
--------------------------------------------------------------------------------------- */

/* short description------------------------------------------------------------------- */
.sDescription
{
	margin: 5px 0px 0px 0px;
	text-align: justify;
}

.sDescription:first-line
{
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
}

/* prices and currency styles---------------------------------------------------------- */
.priceLabel
{
	font-weight: 600;
	line-height: 1em;
}

#divPriceAvailability .currencyType
{
	font-weight: 600;
	line-height: 1em;
}

#divPriceAvailability .basePrice
{
	font-weight: 600;
	font-size: 1.6em;
	line-height: normal;
}

/* Navigation / Links
--------------------------------------------------------------------------------------- */

/* in page ---------------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active, a:active:hover
{
}

a:link
{
	color: #01505d;
}

a:visited
{
	color: #01505d;
}

a:hover
{
	color: #728CBB;
	text-decoration: none;
}

a:active
{
	color: #D0553E;
}

a:active:hover
{
	color: #A03D2B;
	text-decoration: none;
}

/* -- Heading Links -- */
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:active:hover
{
	color: #23578b; /* Dark Blue */
	text-decoration: none;
}

h1 a:hover
{
	text-decoration: underline;
}


/* main site navigation
	----------------------------------------------------------------------------------- */
#nElements #mNav
{
	padding-top: 1px;
	float: right;
}

#nElements #mNav li
{
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	text-align: center;
	float: left;
	text-transform: uppercase;
	position: relative;
	border-left: solid 1px #FFF;
	vertical-align: middle;
}

#nElements #mNav li.tabOn
{
	/*background: url(../images/uiAccents/tabsMain/tabOn.png) no-repeat top left;*/
}

#nElements #mNav li.tabOff
{
	/*background: url(../images/uiAccents/tabsMain/tabOff.png) no-repeat top left;*/
}

#nElements #mNav li:first-child
{
	border-left: none 1px;
}

#nElements #mNav li a:link, #nElements #mNav li a:visited
{
	color: #FFF; /* White */
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

/* -- Set the Hover Color and Decoration -- */
#nElements #mNav li a:hover
{
	color: #FFFFFF; /* White */
	text-decoration: underline !important;
}

/* breadcrumb navigation -------------------------------------------------------------- */
#nElements #bCrumb, #nElements #bCrumb a:link
{
	font-size: .8em;
}

/* traveler information navigation ---------------------------------------------------- */
#tInfo #tWelcome li
{
	float: left;
	padding-left: 12px;
}

#tInfo #tWelcome li:first-child
{
	padding-left: 2px;
}

#tInfo #tWelcome li a:link, #tInfo #tWelcome li a:visited
{
	text-transform: capitalize;
}

/* footer navigation ------------------------------------------------------------------ */
#pFooter #fNav li
{
	line-height: 8px;
	display: inline;
	padding: 0px 12px 0px 12px;
	border-left: solid 1px #fff;
}

#pFooter #fNav li#first-child
{
	padding-left: 2px;
	border-left: none;
}

#pFooter #fNav li a:link, #pFooter #fNav li a:visited, #pFooter #fNav li a:hover, #pFooter #fNav li a:active
{
	color: #FFF;
	font-size: .9em;
	font-weight: lighter;
	text-transform: capitalize;
}

/* AC Header navigation --------------------------------------------------------------- */
#cBrand #fACNav li
{
	line-height: 13px;
	display: inline;
	padding: 0px 12px 0px 12px;
	border-left: solid 1px #666;
}

#cBrand #fACNav li#first-child
{
	padding-left: 2px;
	border-left: none;
}

#cBrand #fACNav li a:link, #cBrand #fACNav li a:visited, #cBrand #fACNav li a:hover, #cBrand #fACNav li a:active
{
	color: #666;
	font-size: .9em;
	font-weight: lighter;
	text-transform: capitalize;
	text-decoration: none;
}

#cBrand #fACNav li a:hover
{
	text-decoration: underline;
}

/* tab navigation - Global Styles see individual control css pages for specific changes
	 * including: right placement, background images, adjusted spacing
	----------------------------------------------------------------------------------- */
#tabNavigation
{
	float: right;
}

#tabNavigation li
{
	float: left;
	text-align: center;
}

#tabNavigation li a:hover
{
	display: block;
}

#tabNavigation li:first-child
{
}

/* featured results view options ------------------------------------------------------ */
#featuredViewOptions
{
	float: right;
}

#featuredViewOptions li
{
	float: left;
	padding: 0px 0px 0px 5px;
}


/* Images ----------------------------------------------------------------------------- */
.imgFeatured, .imgDetail, .imgThumbnail
{
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #E0DFC9; /* Light Tan */
	margin: 15px 10px 0px 0px;
	padding: 10px; /* Gives the background somewhere to display */
	float: left;
}

/* featured images -------------------------------------------------------------------- */
.imgFeatured
{
	width: 216px;
	height: 108px;
}

/* detail images ---------------------------------------------------------------------- */
.imgDetail
{
}

/* thumbnail images ------------------------------------------------------------------- */
.imgThumbnail
{
}

/* new window icon -------------------------------------------------------------------- */
.nWindow
{
	width: 10px;
	height: 10px;
	margin-left: 4px;
	cursor: pointer;
}

/* sub link images: get quote, save this, compare this -------------------------------- */
.subLinkImages
{
	cursor: pointer;
}


/* Flash ------------------------------------------------------------------------------ */


/* Site Structure - Master Page Elements ---------------------------------------------- */

/* breadcrumbs ------------------------------------------------------------------------ */
#nElements #bCrumb
{
	position: absolute;
	top: 2px;
	float: left;
	clear: left;
	z-index: 4;
}

/* corporate branding - logo, site identification ------------------------------------- */
#masterP #cBrand
{
	width: 890px;
	height: 40px; /* 25px */
	overflow: visible;
	margin: 15px auto 0px auto;
	z-index: 3;
}

#masterP #cBrand img
{
	float: left;
}

/* highlight information - consumer info, images, etc. -------------------------------- */
#masterP #hInfo
{
	width: 950px;
	overflow: visible;
	margin: auto;
	margin-top: 10px; /* -40px */
	position: relative;
	z-index: 1;
}

#masterP #hInfo
{
	position: relative;
	left: 0px; /* -20px */
	bottom: -5px; /* -12px */
}

/* navigation elements - site navigation ---------------------------------------------- */
#masterP #nElements
{
	text-align: right;
	width: 910px;
	height: 22px;
	margin: 29px auto auto auto;
	padding: 0px 20px 0px 20px;
	background: #D5D1C6 /* Gray */;
}

/* traveler information - logged in welcome, site search ------------------------------ */
#masterP #tInfo
{
	float: left;
	margin: 0px auto 0px auto;
	text-align: right;
	width: 380px;
	height: 0px;
}

#tInfo #tWelcome
{
	display: inline;
	float: right;
}

#tInfo #tWelcome li
{
	font-weight: bold;
	padding-top: 3px;
}

#tInfo #tSearch
{
	float: right;
}

/* page content - site content, component/control container --------------------------- */
#masterP #pContainer
{
	background-color: #FFFFFF; /* Tannish white*/
	width: 950px;
	margin: 15px auto 10px auto;
}

#masterP #pContent
{
	background-color: #FFFFFF;
	width: 930px;
	padding: 5px 10px 0px 10px;
}

/* Header About us and Partner links */
#pContainer #fACNav
{
	margin-top: 25px;
	float: right;
	text-align: center;
}

#pContainer .leftColModule
{
	color: #FFF;
	display: block;
	width: 172px; /* 8px smaller to account for right-padding */
	padding: 0px 10px 10px 10px;
	margin: 0px 10px 6px 0px;
	background: #f8cda6; /* Orange */
	float: left;
}

#pContainer .rightColModule
{
	color: #FFF;
	display: block;
	width: 690px; /* 8px smaller to account for right-padding */
	padding: 0px 10px;
	margin: 0px 0px 6px 0px;
	background: #cae6e8; /* Blue */
	float: left;
}

#pContainer .rightColChildModule
{
	color: #000;
	display: block;
	width: 650px; /* 8px smaller to account for right-padding */
	padding: 0px 10px 10px 10px;
	margin: 10px 10px 10px 0px;
	background: #a7d9e1; /* Blue */
	float: left;
}

#pContainer .heading
{
	display: block;
	height: 22px;
	padding: 4px 0px 0px 8px;
	margin: 0px -10px 6px -10px;
	font-size: 1.1em;
	font-weight: bold;
	overflow: hidden;
}

.redGradHeading
{
	color: #FFF;
	background: #DD6202 url("../images/uiAccents/headerBGRed.gif") repeat-x; /* Red */
}

.blueGradHeading
{
	color: #FFF;
	background: #116476 url("../images/uiAccents/headerBGBlue.gif") repeat-x; /* Blue */
}

.orangeGradHeading
{
	color: #FFF;
	background: #DD6202 url("../images/uiAccents/headerBGOrange.gif") repeat-x; /* Orange */
}

.blueHeading
{
	color: #FFF;
	background: #3db2cb; /* Blue */
}

/* Rounded corners */
.rtop, .rbottom
{
	display: block;
	background: #914E1A; /* Set to body background color */
}

.rtop *, .rbottom *
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #FFFFFF; /* Set to pContent background color */
}

#featuredContainer .rtop *, #featuredContainer .rbottom *
{
	background: #AA5A1D; /* Set to featuredcontainers background colors */
}

.r1
{
	margin: 0 5px;
}
.r2
{
	margin: 0 3px;
}
.r3
{
	margin: 0 2px;
}
.r4
{
	margin: 0 1px;
	height: 2px;
}


/* featured items --------------------------------------------------------------------- */
#masterP #featuredContainer
{
	width: 950px;
	margin: 0px auto 25px auto;
	padding: 0px;
	clear: both;
}

#masterP #featuredContainer a:link, #masterP #featuredContainer a:visited, #masterP #featuredContainer a:hover, #masterP #featuredContainer a:active, #masterP #featuredContainer a:active:hover
{
	color: #FFF;
	text-decoration: none;
}

#featuredContainer .featuredTitle
{
	display: block;
	color: #FBE077;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}

#featuredContainer .featuredBox
{
	background-color: #AA5A1D;
	width: 470px;
	float: left;
}

#featuredDestinationsContainer, #featuredActivitiesContainer
{
	padding: 5px 10px 5px 10px;
	height: 170px;
	display: block;
}


/* page footer - copyright and other elements ----------------------------------------- */
#masterP #pFooter
{
	text-align: center;
	width: 950px;
	margin: 25px auto 35px auto;
	padding: 12px 0px 0px 0px;
}

#masterP #pFooter .copyright
{
	color: #FFF;
	font-size: .9em;
}

/* footer navigation - lots of links -------------------------------------------------- */
#pFooter #fNav
{
	margin-bottom: 15px;
	text-align: center;
	clear: both;
}

/* preview disclaimer ----------------------------------------------------------------- */
.divPreviewDisclaimer
{
	padding: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
	height: 80px;
	background-color: white;
	border: solid 5px red;
}


/* Page Contents ---------------------------------------------------------------------- */
/* activity summary - price, availability elements ------------------------------------ */
#divPriceAvailability
{
	background: #EBF2F1;
	height: 33px;
	margin: 11px -10px 20px 250px;
	padding: 5px;
	width: 450px;
	position: relative;
}

#divPriceAvailability .basePrice
{
	float: left;
	margin: 5px 0px 0px 25px;
}

#divPriceAvailability #divAvailabilityButton
{
	float: right;
	margin: 0px 50px 0px 0px;
}

#divPriceAvailability .priceLabel
{
	float: left;
	margin: 5px 0px 0px 0px;
}

/* Footer
--------------------------------------------------------------------------------------- */


/* Global Classes
--------------------------------------------------------------------------------------- */

/* Cursors
    ----------------------------------------------------------------------------------- */
.cursor-hand
{
	cursor: hand;
}
/* floats and such
	----------------------------------------------------------------------------------- */
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
.clear
{
	clear: both;
}

/* text alignment
	----------------------------------------------------------------------------------- */
.text-left
{
	text-align: left;
}
.text-right
{
	text-align: right;
}
.text-center
{
	text-align: center;
}
.text-justify
{
	text-align: justify;
}
.align-middle
{
	vertical-align: middle;
}
.align-baseline
{
	vertical-align: baseline;
}
.align-bottom
{
	vertical-align: bottom;
}
.align-top
{
	vertical-align: top;
}

/* font styles
	----------------------------------------------------------------------------------- */
.bold
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.normal
{
	font-style: normal;
}
.weight-normal
{
	font-weight: 500;
}
.small-text
{
	font-size: .8em;
	line-height: 1.2em;
}
.smaller-text
{
	font-size: .7em;
	font-family: "Courier New";
}
.smallcaps
{
	font-variant: small-caps;
}
.capitalize
{
	text-transform: capitalize;
}
.uppercase
{
	text-transform: uppercase;
}
.lowercase
{
	text-transform: lowercase;
}
.underline
{
	border-bottom: 1px solid;
}
.highlight
{
	background: #ffc;
}
.red
{
	color: #C94A2E;
}

/* lists and bullets
	----------------------------------------------------------------------------------- */
.nobullet
{
	list-style: none;
	list-style-image: none;
}

/* item heights
	----------------------------------------------------------------------------------- */
.height-1
{
	height: 1px;
}
.height-8
{
	height: 8px;
}

/* margins
	----------------------------------------------------------------------------------- */
.marginright-10
{
	margin-right: 10px;
}
.marginright-8
{
	margin-right: 8px;
}
.marginright-5
{
	margin-right: 5px;
}
.marginleft-8
{
	margin-left: 8px;
}
.marginleft-12
{
	margin-left: 12px;
}
.margintopbottom-10
{
	margin: 10px 0px;
}
.margintop-5bottom-35
{
	margin: 5px 0px 35px 0px;
}
.marginnegtop-1
{
	margin-top: -1px;
}
.marginnegtop-3
{
	margin-top: -3px;
}
.margintop-10
{
	margin-top: 10px;
}
.margintop-15
{
	margin-top: 15px;
}
.marginbottom-5
{
	margin-bottom: 5px;
}
.marginbottom-10
{
	margin-bottom: 10px;
}

/* padding
	----------------------------------------------------------------------------------- */
.paddingleft-8
{
	padding-left: 8px;
}
.paddingtop-10
{
	padding-top: 10px;
}

/* widths
	----------------------------------------------------------------------------------- */
.fullWidth
{
	width: 100%;
}

/* heights
	----------------------------------------------------------------------------------- */
.height18
{
	height: 18px;
}

/* viral component
	----------------------------------------------------------------------------------- */
.vComponent
{
	margin: 20px 0px 0px 0px;
}

/* horizontal rule
	----------------------------------------------------------------------------------- */
.hRule
{
	height: 8px;
	width: 100%;
	margin: 10px 0px 0px 0px;
	background: url(../images/uiAccents/ruleBkg.png) no-repeat left;
}

/* ATLAS ------------------------------------------------------------------------------ */

/* autocomplete dropdown -------------------------------------------------------------- */
/* -- Set the z-index so it appears above relatively positioned elements and give
	      it a border -- */
.ATLASAutoCompleteDropdown
{
	z-index: 50;
	border: 1px solid #000000;
}

select
{
	line-height: 20px;
	font-size: 1em;
	padding: 0px 1px 0px 8px;
}

/* navigation buttons ----------------------------------------------------------------- */

/* Rounded buttons -------------------------------------------------------------------- */
a.button, span.button, del.button
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	line-height: 0; /* 	for Safari, read this first 	http://creativebits.org/webdev/safari_background_repeat_bug_fix 	*/
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	text-decoration: none;
	color: #2e523b;
	font-style: normal;
	margin: 0 6px 0px 0;
	padding: 0 10px 0 0;
	vertical-align: middle;
	padding-top: -2px;
	_position: relative;
	_width: 10px;
	_overflow-y: hidden;
}

a.button, span.button, del.button, a.button span, span.button button, span.button input, del.button span
{
	background-image: url("../images/uiAccents/buttonBackgrounds/roundedButtons.png");
	_background-image: url("../images/uiAccents/buttonBackgrounds/roundedButtons.gif");
}

a.blueButton, span.blueButton, del.blueButton, a.blueButton span, span.blueButton button, span.blueButton input, del.blueButton span
{
	background-image: url("../images/uiAccents/buttonBackgrounds/blueRoundedButtons.gif");
	_background-image: url("../images/uiAccents/buttonBackgrounds/blueRoundedButtons.gif");
}

a.brownButton, span.brownButton, del.brownButton, a.brownButton span, span.brownButton button, span.brownButton input, del.brownButton span
{
	background-image: url("../images/uiAccents/buttonBackgrounds/brownRoundedButtons.gif");
	_background-image: url("../images/uiAccents/buttonBackgrounds/brownRoundedButtons.gif");
}

a.goldButton, span.goldButton, del.goldButton, a.goldButton span, span.goldButton button, span.goldButton input, del.goldButton span
{
	background-image: url("../images/uiAccents/buttonBackgrounds/goldRoundedButtons.gif");
	_background-image: url("../images/uiAccents/buttonBackgrounds/goldRoundedButtons.gif");
}

a.button span, span.button button, span.button input, del.button span
{
	white-space: nowrap;
	cursor: pointer;
	color: #FFF;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0 !important;
	font-family: "Arial" !important;
	font-size: 12px !important;
	font-style: normal;
	font-weight: bold;
	background-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 30px;
	padding: 8px 10px 0 0px;
	margin: 0 -16px 0 10px;
	border: none;
	vertical-align: text-top;
	zoom: 1;
	_position: relative;
	_padding-left: 0px;
	_padding-right: 12px;
	_margin-right: -10px;
	_display: block;
	_top: 0;
	_right: -5px;
}

span.button button
{
	line-height: 2.5; /*Opera need this*/
}

html.safari a.button span, html.safari del.button span
{
	line-height: 1.3;
}

html.safari span.button button
{
	line-height: 2.6;
}

html.safari a.button:focus, html.safari span.button button:focus
{
	outline: none;
}

del.button
{
	/* cursor:not-allowed;	*/
	background-position: 0 -120px;
}

del.button span
{
	cursor: default;
	color: #aaa !important;
	background-position: 100% -120px;
}

span.button button, span.button input
{
	padding-top: 0px;
	line-height: 2.5; /*Opera need this*/
}

/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

/*Hover Style*/

a.button:hover, span.button:hover, a.button:focus, a.dom-button-focus, span.button-behavior-hover
{
	background-position: 0 -60px;
	color: #222;
	text-decoration: none;
}

a.button:hover span, span.button:hover button, a.button:focus span, span.button-behavior-hover button, span.button-behavior-hover input
{
	background-position: 100% -60px;
}

a.button:active, a.button:focus span
{
	color: #444;
}

del.button-behavior-hover, del.button:hover
{
	background-position: 0 -180px; /* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span
{
	background-position: 100% -180px; /* cursor:not-allowed; */
}


/* BEGIN: calendar styling for activity searches; */
.Calendar .ajax__calendar_active
{
	background-color: #c94a2e;
	color: white;
}

.Calendar .ajax__calendar_container
{
	border: 1px solid gray;
	background-color: #fff;
	z-index: 100;
}

.Calendar .ajax__calendar_hover
{
	background-color: #c94a2e;
	color: white;
}

.Calendar .ajax__calendar_header
{
	/*background-color: #c94a2e; 	color: White;*/
	color: #914e1a;
	font-size: 14px;
	font-weight: bold;
}

.Calendar .ajax__calendar_prev
{
	background-image: url(../images/uiAccents/prevButton.gif);
}

.Calendar .ajax__calendar_next
{
	background-image: url(../images/uiAccents/nextButton.gif);
}
/* END: calendar styling for activity searches; */




