/*
**********************************************
Filename:	common.css
Version:	6/14/2007
Author:		Craig Scott
**********************************************
*/		
/* common body elements and styles ------------------------------------------------------------------------- */

* { margin: 0; padding: 0; border: none; text-decoration: none }

html,
body {	
	background: #fff;	
	background-position: 0 0;
	background-repeat: repeat-x;
	width: 100%;
	text-align: left;
	font-size: 11px; 
	font-family: verdana, helvetica, sans-serif;
	color: #333333;
	}

div#container {
	width: 1010px;
	float: left;
	}

div#header {	
	width: 850px;
	height: 56px;
	float: left;
	}

/* --------------- div's with padding to be used inside other div's -------------------- */

.inner2 {padding: 2px;}
.inner4 {padding: 4px;}
.inner6 {padding: 6px;}
.inner8 {padding: 8px;}
.inner10 {padding: 10px;}
.inner12 {padding: 12px;}
.inner14 {padding: 14px;}
.inner16 {padding: 16px;}
.inner18 {padding: 18px;}
.inner20 {padding: 20px;}

/* --------------- beta elements - yellow bar across top -------------------- */

#beta {	
	width: 100%;
	height: 17px;
	padding: 3px 0 0 8px;
	}

.betaleft {float: left;}

#beta img {vertical-align: middle;}

.betaright {	
	float: right;
	margin-right: 190px;
	}

/* -------- end beta elements ------- */


div#content {
	width: 1010px;
	float: left;
	}

/*div#footer {
	margin: 20px 0 0 0;
	float: left;
	clear: both;	
	}*/

/* ------------------------- header elements and styles----------------------------- */
/* top logo */

div#topLogo {	
	background: url("/images/logo_bkg.png") left top no-repeat; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_bkg.png', sizingMethod='image');  _background-image: none;	
	width: 278px;
	height: 55px;	
	padding: 9px 0 0 0px;
	margin-left: 35px;
	float: left;
	}

/* ------------------------ row 1 elements and styles ------------------------------ */

div#inPartnershipWith {
	width: 850px;
	text-align:right;
	float: left;
	}

.searchFullSite {	
	margin: 0px 0 5px 0px;
	width: 850px;
	text-align:right;
	float: left;
visibility:hidden;
	}

.searchFullSiteInput {	
	width: 780px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	}

.searchFullSiteGo {	
	margin: 0px 0 0 5px;
	width: 30px;
	float: left;
	}

.tripBuilder-hdrNav {	
	margin: 0px 0 10px 0;
	width: 100%;
	text-align: right;
	float: left;
	}

/* --------------------- navigation elements and styles ------------------------ */
/* top nav 1 */

div#topNav1 {	
	position: relative;
	width: 450px;
	height: 18px;	
	padding: 3px 30px 0 0;
	color: #ffffff;
	font-size: 90%;
	text-align: right;
	float: right;
	}
	
div#topNav1 ul {
	list-style: none;
	}
	
div#topNav1 li {
	display: inline;
	}
	
div#topNav1 a {
	font-weight: normal; 
	font-size: 105%; 
	color: #ffffff;
	text-decoration: none;
	}
	
div#topNav1 a span {
	font-weight: normal; 
	font-size: 90%; 
	color: #ffffff;
	text-decoration: none;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#topNav1 a span {
	float:none;
	}
	
/* End IE5-Mac hack */
	
div#topNav1 a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
div#topNav1 a:hover span {color: #ffffff;}

/* ---------- top nav 2 ------------- */

div#topNav2 {	
	position: relative;
	background: #ce0000;
	width: 530px;
	height: 19px;	
	font-size: 11px;
	text-align:right;
	float: left;
	}
	
div#topNav2 ul {
	list-style: none;
	float:right;
	}

div#topNav2 li {display: inline;}
	
div#topNav2 a {
	background:  #cc0000 url("../../images/tabEdgeLft.gif") no-repeat left bottom; 
	cursor: pointer;
	padding: 0 0 0 4px;	
	color: #ffffff;
	text-decoration: none;
	float: left;
	}
	
div#topNav2 a span {
	background: #cc0000 url("../../images/tabEdgeRt.gif") no-repeat right bottom; 
	cursor: pointer;
	display: block;	
	padding: 2px 10px 3px 3px;
	color: #ffffff;
	float: left;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	div#topNav2 a span {
	float:none;
	}

	/* End IE5-Mac hack */

div#topNav2 a:hover {
	background: #ff9c00 url("../../images/tabEdgeLft.gif") no-repeat left bottom; 
	cursor: pointer;
	color: #ffffff;
	}

div#topNav2 a:hover span {
	background: #ff9c00 url("../../images/tabEdgeRt.gif") no-repeat right bottom; 
	cursor: pointer;
	color: #ffffff;
	}

.tabEdgeLft {
	background: #cc0000 url("../../images/tabEdgeLft.gif") no-repeat left bottom; 
	width: 5px;
	height: 19px;
	padding: 0 5px 0 0;
	float: left;
	}
	
.tabEdgeRt {
	background: #cc0000 url("../../images/tabEdgeRt.gif") no-repeat right bottom; 
	width: 5px;
	height: 19px;	
	padding: 0 0 0 0;
	float: left;
	}	
/* ---------------------------links and buttons ------------------------------- */

/* ---------- common ----------- */

a:link,
a:visited,
a:hover,
a:hover:visited {
	color: #06c; 
	font-weight: bold;
	text-decoration: underline;
	}

a.normal:link, 
a.normal:visited, 
a.normal:hover, 
a.normal:hover:visited { font-weight: normal; }

/* Remove FireFox dotted border */
a:active, a:focus {
 	outline: 0;
	}

/* ------ common buttons --------- */
.commonBtns {
	position: relative;
	font-size:100%;
	line-height:normal;
	float:left;
	}
    
.commonBtns a,
.commonBtns a:visited {
	margin:0;
	background:transparent url("../../images/button-left-sprite.png") no-repeat 0px -1px;
	padding:0 0 0 6px;
	text-decoration:none;
	float:left;
    	}
    
.commonBtns a span,
.commonBtns a:visited span {
	display:block;
	background: transparent url("../../images/button-right-sprite.png") no-repeat right -1px;
	padding:6px 12px 11px 4px;
	color:#000;
	float:left;
    	}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    .commonBtns a span {
	cursor: pointer;
	float:none;
	}
    /* End IE5-Mac hack */
	
.commonBtns a:hover {
	background: transparent url("../../images/button-left-sprite.png") no-repeat 0 -36px;
	cursor: pointer;
	color: #cc2222;
   	}
    
.commonBtns a:hover span {
	background: transparent url("../../images/button-right-sprite.png") no-repeat right -36px;
	cursor: pointer;
	color:#cc2222;
    	}
	
.commonBtns a:active {
	background: transparent url("../../images/button-left-sprite.png") no-repeat 0px -71px;
	cursor: pointer;
	color: #cc0000;
    	}
	
.commonBtns a:active span {
	background: transparent url("../../images/button-right-sprite.png") no-repeat right -71px;
	cursor: pointer;
	color: #cc0000;
    	}
	
.tableButton {margin:10px;}


/* ----------- "View My Interary" button - used on destination summary page----*/

.interaryBtn {
	position: relative;
	font-size:100%;
	font-weight: bold;
	line-height:normal;
	}

 .interaryBtn {
	margin:0;
	background:transparent url("../../images/button-left-sprite.gif") no-repeat 0px -1px;
	padding:0 0 0 6px;
	text-decoration:none;
	cursor: pointer;
    	}

.interaryBtn span {
	display:block;
	background: transparent url("../../images/button-right-sprite.gif") no-repeat right -1px;
	padding:6px 12px 11px 4px;
	color:#000;
	cursor: pointer;
    	}

.interaryBtn:hover {
	background: transparent url("../../images/button-left-sprite.gif") no-repeat 0 -36px;
	cursor: pointer;
	color: #cc2222;
    	}

.interaryBtn:hover span {
    	background: transparent url("../../images/button-right-sprite.gif") no-repeat right -36px;
	cursor: pointer;
	color:#cc2222;
    	}
	
/*Deprecated*/	
.rightAlign{
	float:right;
	clear:all;
	}

.rightAlignCL{
	float:right;
	clear:left;
	}
/*End Deprecated */


.rightFloat{
	float:right;
	clear:all;
	}

.rightFloatCL{
	float:right;
	clear:left;
	}

/* --------- sub nav buttons --------- */

.navCurrent {
	border-bottom: #ff9900 2px solid;
	font-weight: bold; 
	font-size: 10px; 
	color: #000000
	}

.navAllowed {
	font-weight: bold; 
	font-size: 10px; 
	color: #000000;
	}

.navCurrent a:link,
.navCurrent a:visited,
.navCurrent a:hover,
.navAllowed a:link,
.navAllowed a:visited {
	font-weight: bold; 
	color: #111; 
	text-decoration: none;
	}
	
.navAllowed a:hover {
	font-weight: bold; 
	color: #111; 
	text-decoration: underline;
	}

.navBlocked {
	font-weight: normal; 
	font-size: 10px; 
	color: #999;
	}

/* ------------------------------ content elements and styles ------------------------------ */

/* ------------------ common fonts and headers -------- */

.bold { font-weight: bold;}

.normal {font-weight: normal;}

.redText {color: #cc0000;}

.small {font-size:10px;}

.grayText {color: #cccccc;}

.alignRight {text-align: right;}

.alignLeft {text-align: left;}

.margin10 {margin: 10px;}

h1 {
	margin: 0 0 10px 0;
	color: #cc0000;
	font-weight: bold; 
	font-size: 20px;
	line-height: 18px;	
	}
	
h2 {
	margin: 0 0 10px 0;
	color: #cc0000;
	font-weight: bold; 
	font-size: 14px;
	line-height: 16px;
	}
	
h3 {color: #cc0000;}

.smallHeading {margin-bottom: 4px;}

.previousRow {
	margin: 0 0 0 15px;
	_margin: 0 0 0 5px;
	width: 400px;
	_width: 360px;
	height: 20px;
	float:left;
	}

.nextRow {
	width: 110px;
	text-align:right;
	float:left;
	}

.contactBtnRow {
	margin: 5px 0;
	width: 100px;
	text-align:right;
	float:right;
	}

/* Dehru added to create easy overrides of common colored elements */

.textHighlightColor {color: #cc0000;}

.border1pxColor {border: 1px solid #b2b2b2;}

.backgroundLightColor, 
.backgroundLightColor2 {background-color: #e4e4e4;}

.backgroundDarkColor, 
.backgroundDarkColor2 {background-color: #cc0000;}


/* end Dehru added. */

hr {
	margin: 5px 0 5px 0;
	background-color: #b2b2b2;
	height: 1px;
	}

br {
	clear: both; 
	font-size: 2px;
	}

P {line-height: 14px;}

ul.plain {list-style:none;}

ul.bullets {
	list-style-image: url(/images/arrow_list.gif);
	list-style-position: outside;
	margin: 0px 0px 0px 15px;
	}

ul.bullets li {
	padding-left: 0px;
	margin-top: 5px;
	}

.clear {clear:both;}

#brandedSmallImage {
	border: none !important; 
	background: transparent url(/themes/asphalt/images/lil_generic.png) top left no-repeat;
	width: 180px;
	height: 130px;
	}

/* -------------------------- forms, inputs and selects ---------------------------- */

/* ----- newform stylings added 1/24/08 - used on user submitted info pages ------------- */

#newform {
    float: left;
    width: 600px;
    margin: 10px 0 10px 20px;
    }

#newform em {
    color: #cc0000;
    }
   
#newform fieldset {
    font: 1em arial, sans-serif;
    color: #777;
    background-color: #f2f2f2;
    padding: 10px 2px;
    border: solid 1px #721515;
    width: 350px;
    }
   
#newform legend {
    color: #fff;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 120%;
    background-color: #721515;
    padding: 2px 6px;
    margin-bottom: 6px;
    border: solid 2px #721515;
    }

#newform hr  {
    height: 0;
    background: #fff;
    border: none;
    padding: 0;
    margin: 14px;
    color: #fff;
    width: 80%;
    }

#newform label {
    font-weight: bold;
    line-height: normal;
    text-align: right;
    margin-right: 10px;
    padding-top: 2px;
    position: relative;
    display: block;
    float: left;
    width: 155px;
    }

#newform label.fieldLabel {
    display: inline;
    float: none;
    }
   
#newform input.query {
    font-size: .8em;
    color: #666;
    background-color: #fff;
    padding: 2px;
    border: solid 1px #f66;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 15px;
    }
   
#newform input.query:hover {
    background-color: #ccffff;
    border: solid 1px #006600;
    color: #000;
    cursor: pointer;
    }
   
#newform input.query:focus {
    color: #000;
    background-color: #ffffff;
    border: solid 1px #006600;
    cursor: text;
    }
   
#newform select.formSelect {
    font-size: .8em;
    color: #666;
    background-color: #fee;
    padding: 2px;
    border: solid 1px #f66;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    }

#newform select.formSelect:hover {
    color: #333;
    background-color: #ccffff;
    border: solid 1px #006600;
    }
   
#newform select.formSelect:focus {
    color: #000;
    background-color: #ffffff;
    border: solid 1px #006600;
    }

#newform .button {
    font: 13px arial, sans-serif;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    color: #333;
    background: #f6f6f6;
    padding: 1px 6px;
    border: solid 2px #777;
    cursor: pointer;
    margin: 6px 0 0 10px;
    }

#newform .button:hover {
    color: #fff;
    background: #555;
    border: solid 2px #fff;
    }

   
#newform textarea {
    font: 1em arial, sans-serif;
    color: #000;
    background-color: #ffffff;
    border: solid 1px #f66;
    margin-left: 0px;
    }

#newform .outline {
    color: #000;
    border: solid 1px #ccc;
    margin: 4px 0 2px 0;
    }

#newform p {
    color: #000;
    margin: 4px 0 2px 7px;
    }

#recommend_form {
	float: left;
	width: 700px;
	margin: 20px 0 10px 20px;
	}

/* ------ end newform stylings ------ */

input {border: 1px #333;}

select.query,
SELECT.query,
INPUT.query,
input.query,
textarea.query,
.edit-upDown select.query,
.searchFullSite input.query,
.singleColumnForm input.query,
.singleColumnForm select.query,
.singleColumnFormContent select.query,
.singleColumnFormContent input.query,
.whosGoingFormLeft select.query {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;	
	border-right: 1px solid #ccc;
	background-color: #fff;	
	font-size: 11px;
	color: #333; 
	}

.singleColumnFormContent textarea.query {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #ccc;	
	border-right: 1px solid #ccc;
	background-color: #fff;	
	font-size: 11px;
	color: #333; 
	}

.searchFullSite input.query {padding: 2px;}

.singleColumnForm input.query {padding: 2px;}

.singleColumnForm select.query {min-width: 40px;}

.singleColumnRequiredFields {
	margin: 10px 0 0 0;
	text-align: right;
	}

form {
	display: inline; 
	margin: 0px;
	}

.singleColumnForm {
	width: 476px;
	_width: 450px;
	margin: 10px 10px 10px 30px;
	_margin: 10px 0px 0px 10px;
	float: left;
	}

.singleColumnFormContent input.btn {
	background: url("../../images/pink-btn-mdl.jpg") repeat-x left top;	
	height: 30px;
	font-size: 12px;
	color: #fff; 
	}

.formInputButton {color: #000;}

/* ------------------------- day mini title ------------------------- */

.day-1 {background-color: #f4a62b;}
.day-2 {background-color: #c8322d;}
.day-3 {background-color: #6678cf;}
.day-4 {background-color: #99bc65;}
.day-5 {background-color: #0000ff;}
.day-6 {background-color: #99997e;}
.day-7 {background-color: #e6c62f;}
.day-8 {background-color: #d3740f;}
.day-9 {background-color: #aa63ad;}
.day-10 {background-color: #666;}

/* ---------------------- calender elements and styles --------------------- */	

#calendarDiv{
	position: absolute;
	width: 240px;
	border: 1px solid #333;
	padding: 1px;
	background-color: #fff;
	font-family: arial;
	font-size: 10px;
	padding-bottom: 20px;
	visibility: hidden;
	font-family: arial, sans-serif;
	}
	
#calendarDiv span,#calendarDiv img {float: left;}

#calendarDiv .selectBox,
#calendarDiv .selectBoxOver{	
	line-height: 12px;
	padding: 1px;
	cursor: pointer;
	padding-left: 2px;
	}
	
#calendarDiv .selectBox{
	border: 1px solid #eee;		
	color: #eee;
	position: relative;
	}

#calendarDiv .selectBoxOver{
	border: 1px solid #fff;
	background-color: #999;
	color: #FFF;
	position: relative;
	}
	
#calendarDiv .topBar{
	height: 16px;
	padding: 2px;
	background-color: #666;
	}
	
#calendarDiv .todaysDate{
	height: 17px;
	line-height: 17px;
	padding: 2px;
	background-color: #eee;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 236px;
	}
	
#calendarDiv .monthYearPicker{
	background-color: #eee;
	border: 1px solid #aaa;
	position: absolute;
	color: #ff9900;
	left: 0px;
	top: 15px;
	z-index: 1000;
	display: none;
	}

#calendarDiv #monthSelect{width: 70px;}
	
#calendarDiv .monthYearPicker div{
	float: none;
	clear: both;	
	padding: 1px;
	margin: 1px;	
	cursor: pointer;
	}

#calendarDiv .monthYearActive{
	background-color:#ff9900;
	color: #eee;
	}
	
#calendarDiv td, th{
	padding: 2px 3px 2px 2px;
	margin: 0px;
	font-size: 10px;
	text-align: right;
	cursor: pointer;
	}

#calendarDiv .topBar img{cursor: pointer;}
	
#calendarDiv .topBar div{
	float: left;
	margin-right: 1px;
	}
	
.calButton {
	background: transparent url(/images/cal/cal_icon.gif) top left no-repeat;
	height: 16px;
	width: 16px;
	border: 0px;
	cursor: pointer;
	}

/* ----------------------------- error message --------------------------------- */
.error {
	color: #ca322d;
	font-weight: bold;
	font-size: 12px
	}
/* ---------------------------- footer elements and styles --------------------------------- */

div.footerLink,
div.footerLine {    
	width: 685px;
	padding: 5px 0 4px 0;
	font-size: 90%;
	text-align: right;
	}

div.footerLink {border-bottom: 1px solid #cccccc;}

div.footerLink a:link,
div.footerLink a:visited, 
div.footerLink a:active {
	color: #333; 
	text-decoration: none;
	}

div.footerLink a:hover {
	color: #333; 
	text-decoration: underline;
	}

#subfooter {
	width: 1010px;
	padding: 6px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #444;
	background: #fff;
	font-size: 80%;
	}

/* ------------------------- AJAX Wait Pages--------------- */

.messageContainer {
	height: 250px;
	width: 500px;
	vertical-align:top;
	}

.messageDiv {
	color:#c00;
	padding: 10px;
	vertical-align:top;
	}

.spinner {
	width: 117px;
	height: 117px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	}

/* ------ kris added, used on privacy.vm page ---------- */

.whiteOnGray {
	background-color:#AFA9A9;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	vertical-align: middle;
	padding:5px;
	margin-top:20px;
	line-height:20px;
	}
	
div.nuggets { display: none; }

/* -------------------- Upsell Ajax Widget and Component ------------- */

table.upsellResults { border: 1px dashed #999; }

table.upsellResults td { 
	vertical-align:top; 
	border-right: 1px dashed #999; 
	padding: 5px 10px 5px 5px;
	}

table.upsellResults td.last { border-right: 0px; }

td a.upsellClose{
	position:relative;
	top:15px;left:90%;
	text-decoration:none;
	font-weight:normal;
	}

div a.upsellClose{
	text-decoration:none;
	font-weight:normal;
	float:right;
	}

/* ----------------------------- Advertisement ---------------------------- */

div#ads { display: block; }

div.ad-banner {
	margin-left:20px;
	float: left;
	clear:right;
	border: 1px solid #666; 
	width:468px; 
	height:60px;
	}

div.ad-banner-small {
	margin-left:0px;
	margin-right: 20px;
	float: right;
	border: 1px solid #666; 
	width: 234px; 
	height: 60px;
	}
	
.edit_itinerary_ad {
	float: right; 
	width: 200px; 
	margin: 10px 90px 0 0; 
	clear: right;
	}

div.ad-skyscraper { 
	margin: 0px 0px 20px 0px; 
	border: 1px solid #666; 
	width: 160px; 	
	height: 600px; 
	}



/* ----------- Common Lists Layout ( Browse, Details, Guide ) ------ */

#itemList { margin: 0; }
#itemList h2 { margin-bottom: 0px; }
#itemList h2 a { font-size: 80%; }
#itemList h3 { border-bottom: 1px solid #999; }
#itemList div.items { float: left; padding: 0 0 0 20px; width: 100%; }
#itemList div.items h3 { border-bottom: 1px solid #999; padding: 5px 0 5px 10px; }
#itemList table { margin: 0 0 0 0; border-collapse: collapse;  width: 100%; }
#itemList table td { vertical-align: top; padding: 10px 5px 5px 5px; }
#itemList table tr.resultRow td { border-bottom: 1px dotted #666666; }
#itemList table tr.resultRow2 td { border-top: 1px dotted #666666; }
#itemList table td.image,#itemList table td.image1 { padding-left: 0px;  }
#itemList table td.description { width: 140px; padding-left: 0px;  }
#itemList table td.image img { width: 73px; height: 56px; border: 1px solid #999; padding: 3px;  }
#itemList table td.image1 img { width: 50px; height: 50px; border: 1px solid #999; padding: 3px;  }
#itemList table td.summary ul { list-style: none; margin: 0; padding: 0;  }
#itemList table td.summary ul b { font-weight: normal; color: #666;   }
#itemList table td.price { width: 80px;  }
#itemList table td.add { vertical-align: top; width: 120px;  }
#itemList table th { padding: 5px 0 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-size: 1em; text-align: left; }
#itemList table td.header { padding: 5px 0 5px 0; border-top: 1px dotted #666; border-bottom: 1px dotted #666; font-size: 1em; text-align: left; font-weight: bold; }

#itemList strong { color: #000; }
#itemList div.items ul { list-style: none; margin: 0; padding: 0; }
#itemList div.items ul li { margin: 0; padding: 0 0 1px 0;  }

div.guideContentTitle {
	border-bottom: 1px solid #ccc;
	font-size: 10px;
	margin-bottom: 10px;
	}

div.guideContentTitle h3 {font-size: 12px;}

.image_border img {
	border: 1px solid #999; 
	padding: 3px;
	}

.image_border[alt]{
	border: none; 
	}

.image_border{
	width: 120px;
	}


/* ------------------------Bucket and Inventory Layout ------------- */

div.bucket { 
	border: 2px solid #fc3; 
	padding: 5px; 
	background:#ffc none repeat scroll 0%; 
	height: 220px; 
	margin-bottom:15px;
	}

div.bucket div.win { 
	border: none; 
	overflow-x:hidden;
	overflow-y:auto;
	height:160px; 
	}

div.bucket div.bucketItem { padding: 2px 3px 2px; }

div.bucket div.item img { 
	vertical-align: middle; 
	height: 16px; 
	width: 20px; 
	border: 0; 
	}

div.bucket div.travelTime { 
	border-bottom: 1px solid rgb(204, 204, 204); 
	margin: 5px; 
	}

div.bucket div.travelTime strong { 
	color: #000; 
	}

div.bucket a { 
	font-weight: normal; 
	font-size: 0.95em; 
	}

div.estimatedTime { 
	border-top: 1px solid #fc3; 
	padding-top:2px;
	color: #777;
	}

div.boxBottomMargin{ margin-bottom:10px;}

div.boxPadding{padding:7px;}

#tickets_now_form { 
	height: auto; 
	font-size: .85em; 
	text-align: center; 
	margin-bottom:0;
	border-color: #777;
	background-color: #ddd;
	margin-bottom: 0px;
	}

#tickets_now_form label{ vertical-align: top; }

#tickets_now_form input#k{ 
	width: 140px; 
	margin-bottom: 4px; 
	padding: 2px 3px 2px 3px; 
	}

#tickets_now_form .formInputButton{
	font-size: 100%; 
	margin-bottom: 4px; 
	padding: 2px 3px 2px 3px; 
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #555;
	border-left: 1px solid #666;
	cursor: pointer; 
	}

#tickets_now_form img{vertical-align: bottom;}

div.gocard div.body { 
	border: 2px solid rgb(0, 102, 255); 
	padding: 5px; 
	margin-bottom: 15px; 
	}

div.gocard div.head { 
	background: rgb(0, 102, 255) none repeat scroll 0%; 
	-moz-background-clip: 
	-moz-initial; 
	-moz-background-origin: 
	-moz-initial; 
	-moz-background-inline-policy: 
	-moz-initial; 
	margin-bottom: 0px; 
	}

div.gocard div.top { 
	border: 2px solid rgb(0, 102, 255); 
	float: right; 
	margin-top: -26px; 
	}

div.gocard div.bottom { 
	margin: 6px 10px 0px 0px; 
	text-align: right; 
	}

div.tourcasterWidget { 
	border: 1px solid #09357A; 
	background: url(/images/bg/bg_tourcaster.gif) top left repeat-x; 
	margin-bottom: 20px;
	}

div.tourcasterWidget div.head { 
	width: 141px; 
	margin-left:auto; 
	margin-right:auto; 
	}

div.tourcasterWidget div.body { 
	padding: 5px; 
	margin-bottom: 15px; 
	}

div.tourcasterWidget div.bottom { 
	margin: 6px 10px 0px 0px; 
	text-align: right; 
	}

.returnLink {
	margin: -10px 0 0 0; 
	float:left;
	}

.errorMessage {
  	margin: 5px;
  	color: #c11;
  	font-size: 1.1em;
  	font-weight: bold;
	}

.tips_box{
	padding: 10px; 
	border: none; 
	background: #FFF; 
	margin-bottom: 15px;
	}

.bookit { margin: 0 0 10px 0;}

.bookit img {}

.bordered {
	padding: 3px; 
	margin: 0 3px 0 0; 
	float: right; 
	border: 1px solid #ccc;
	}

.bookit_left { 
	width: 230px; 
	float:left; 
	padding: 3px; 
	margin: 0 3px 2px 0;
	}

.experts_box{
	float:right; 
	width: 234px;
	border: 1px solid #b2b2b2;
	}

.upsell{
	float:right;
	padding: 0 10px;
	}

/* --- added 2/07/08 - used on edit suggested itierary page - light blue "remove" links ----- */

.rmove {
	background:#9ac5f3 !important; /*#8ebef*/
	color:#ffffff !important;
	padding: 1px 4px 3px 4px !important;
	text-decoration: none !important;
	margin-left: 4px !important;
	font-weight: normal !important;
	}

.rmove:hover {
	background:#0066cc !important;
	color:#ffffff !important;
	padding: 1px 4px 3px 4px !important;
	text-decoration: none !important;
	margin-left: 4px !important;
	}



/* --- added 2/26/08 - used on "Dream Trips" page list ----- */

.trip_notes {
	font-style:italic;
	color:#999;
	font-size:11px;
	}

.dream_trip_days {
	background: #fff;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #e4e4e4;
	padding:5px;
	}
	

#activity_holder {
	padding-left: 50px;
	width: 750px;
	}

#welcome_text {
	width: 260px;
	float: left;
	padding-left: 40px;
	}

.select_box {
	width: 260px;
	float: right;
	padding: 10px 40px 0 0;
	}

div#welcome_text h1 {
	line-height: 24px;
	}

.select_box h1 {
	font-size: 18px;
	}
	
.unplanned_attractions {
	background: #ddd;
	width: 561px;
	}


.instructional_text {
	font-size: 11px;
	color: #666;
	font-style: italic;
	}

.clearfix:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-table;}
/* hide from IE Mac \*/
*html .clearfix {height:1%;}
.clearfix {display: block;}
/* end mac hack */


#edit_itinerary_container {
	width: 565px;
	float: left;
	margin: 0 10px 0 0;
	}

#edit_itinerary_wrapper {
	width: 890px;
	float: left;
	margin: 0;
	}
	
/* Creating Activity pages begin */	
div.SingleColumnContent div.aodiv {
	float: left;
	clear: both;
	position: relative;
	top: 0! important;
	width: 800px;
	margin-left: 20px;
}
div.SingleColumnContent div.challengeDiv {
	margin-left: 20px;
	float: left;
	clear: both;
}
div.whereRequiredFields {
	margin-left: 12px;
}

div.GirlGlobeContainer div.SingleColumnContent {
	float: left;
	clear: both;
	margin: 20px;
}
div.GirlGlobeContainer div.SingleColumnContent h1 {
	padding: 10px;
}
div.HeaderOnlyContainer div {
	float: left;
}
/* Creating Activity pages end */	

#copyright-text {
	font-size: 85%;
	float: right;
	margin-right: 20px;
	}

#ads { background: #fff;}

#custom_content ul {margin-left: 20px; list-style: inherit;}

#top_title h3,
#top_title h2,
#top_title h1 {
	float: left;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	width: 610px;
	}

#top_title {
	width: 720px;
	}

.top_back {
	float: right; 
	font-size: 11px; 
	width: 100px; 
	margin: 0;
	text-align: right;
	}

.top_back a {
	text-decoration: none;
	padding: 4px;
	}

.top_back a:hover {
	text-decoration: underline;
	}

.sidebar_module3 {
	overflow: hidden;
	width: 210px;/*194px*/
	/*padding: 10px 0 0 16px;*/
	height: 410px;
	margin: -10px 0 8px 0;
	/*border: 1px solid #ccc;*/
	background: #fff;
	}
	
.sidebar_module3_gtp {
	background:#FFFFFF none repeat scroll 0 0;
	height:400px;
	margin:0 0 8px;
	overflow:hidden;
	width:210px;
	}

/* ------------------- events ------------------- */

#sidebar_events {
	border: 1px solid #ccc;
	width: 208px;
	background: #fff;
	margin: 0 0 10px 0;
	}

#sidebar_events h2 {
	font-size: 17px;
	background: #fff url(/templates/common/images/event_header_bg.png) left top no-repeat;
	padding: 10px 0 16px 56px;
	margin: 0;
	color: #333;
	}

#sidebar_events a.more {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	margin: 0 0 0 10px;
	}

#sidebar_events ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar_events li a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 10px;
	}

#sidebar_events .date {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #888;
	margin: 0 0 0 16px;
	}

#sidebar_events hr {
	border-color: #ddd;
	border-style: dotted;
	background-color: transparent;
	border-width: 1px 0 0;
	margin: 3px 0;
	width: 100%;
	height: 0;
	}	

#sidebar_events a:link,
#sidebar_events a:visited,
#sidebar_events a:active { color: #006699;}

#sidebar_events a:hover { color: #fff ! important; background-color: #006699;}

.nameHolder {cursor:pointer; padding: 2px; margin: 0;}

.nameHolder:hover {background: #888; color: #fff;}

.buttonSubmit {
	width:80px;
	height:28px;
	color:#FFF;
	font-weight:normal;
	padding:0 5px 3px 5px;
	background:url(/templates/common/images/buttonSubmit.png) no-repeat left top;
	cursor:pointer;
	border:none;
	}

.buttonSubmit:hover {background-position:left bottom;}


#airgorillaWidget{
   margin-bottom:20px;
   }