/* CSS Reset Styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Sans-Serif;
	/*vertical-align: baseline;*/
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	font-size: 70%;
	background: #BBE5F1 url(#~#/images/bodyBg.png) repeat-X top center;
	line-height: 1.25em;
	color: #000000;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
}

caption, th, td {
	/*text-align: left;*/ /*Commented out as this reset line breaks the validator callouts that are created with tables.*/
	font-weight: normal;
	font-family: Verdana,Trebuchet MS,Arial,Sans-Serif;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/***** End CSS Reset Styles *****/

/* Generic Styles */

a:link, a:visited, a:active { color: #0B82A1; text-decoration: underline; }
a:hover { color: #2FA2FF; text-decoration: none; }

h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold; 
}

h1, h2, h3 {
	margin: 5px 0;
	font-size: 120%;
}

h1 {font-size: 125%;}
h2 { font-size: 115%; }	
h3 { font-size: 105%; }	
h4 { font-size: 100%; margin: 0 0 5px 0;}

p {
	text-indent: 0; 
	margin: 0 0 10px 0;
	font-size: 90%;
}

abbr, acronym { 
    /*indicating to users that more info is available */ 
    border-bottom: 1px dotted #000; 
    cursor: help; 
} 

ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

hr {
	border: none;
	border: 0 solid #DBDBDB; /* For Opera and Gecko-based browsers */
	color: #DBDBDB;
	background-color: #DBDBDB;
	height: 1px;
	text-align: left; 
	width: 100%;
	margin: 8px 0;
	*margin: 2px 0;
	overflow: hidden;
}

label, input, select {
	color: #000000;
	font-size: 100%;
	margin: 2px 0;
}

label {
	display: block;
}

input, select, textarea {
	border: 1px solid #7c7c7c;
	padding: 1px;
}

input.inputBorderNone, .inputBorderNone input {
	border: none;
}

input[type=checkbox], input[type=radio] { border: 0; }

.clear {
	clear: both;
}

.forceClear {
	clear: both;
	visibility: hidden;
}

.IEclear {
	*clear: both;
	display: none;
	*display: inherit;
}

.displayNone {
	display: none;
}

.overflowHidden {
	overflow: hidden;
}

/***** End Generic Styles *****/

/* Detailed Styles */

* { font-size: 100%;
	font-family:arial, Helvetica, Verdana, sans-serif;   
	font-size: 11px;
	line-height: 14px;
	color: #000000;  
	border: 0px;
}

a:link {font-size:11px; color:#006BB6; text-decoration:underline;}
a:active {font-size:11px; color:#006BB6; text-decoration:underline;}
a:visited {font-size:11px; color:#006BB6; text-decoration:underline;}
a:hover {font-size:11px; color:#006BB6; text-decoration: none;}

body {
	background: #25a1d8 url("../images/splashyBackground.jpg") no-repeat center 140px;
	font-size: 73%;
	margin: 0;
	text-align: center;

}
sup {
	font-size: 70%;	
}
	
sub {
	font-size: 70%;	
}

.pipe {
	margin: 0px 5px 0px 5px;
}

	/* Curved Corner Styles */

.xtop, .xbottom {display: block; background: transparent; clear: both;}
.xtop img, .xbottom img {display: none;}
.xb1, .xb2, .xb3, .xb4 {display: block; *overflow: hidden;}
.xb1 {height: 1px; }
.xb2, .xb3 {height: 1px; } /* Comment out for Square Corners */

.xb2, .xb3, .xb4 {border-left: 1px solid; border-right: 1px solid;} /* Comment out for Square Corners */
.xb1 {margin: 0 5px;} /* Comment out for Square Corners */
.xb2 {margin: 0 3px; border-width: 0 2px;} /* Comment out for Square Corners */
.xb3 {margin: 0 2px;} /* Comment out for Square Corners */
.xb4 {height: 2px; margin: 0 1px;} /* Comment out for Square Corners */

.primeContentxb1Bkgd {background-color: #FFFFFF;}
.primeContentBkgd {background-color: #FFFFFF;}
.primeContentBorder {border-color: #FFFFFF;}

	/* Button Styles */

.btnSelect {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	float: left;
	border: 0px solid transparent;
	padding:0;
	margin: 0;
	outline: none;    /* Hide dotted border around tab links in Firefox */
	*overflow: visible; /* Takes care of added padding on input buttons in IE6, doesn't help IE7 though */
} 

.btnSelect {
	height: 25px; width: 100px;
	font-size: 120%;
	background: url("../images/btn25Gradient.gif") repeat-x 0 0;
	padding: 0 0 2px 0; 
	outline: none;
	margin: 0;
	border: solid 1px #006bb7;
} 
	

	/* Tool Tips */
	
a.toolTip small {
	font-size: 90%;
	position: absolute;
	z-index: 98;
	visibility: hidden;
}

* html small.bookInfantToolTipPosition {
	margin: -40px 0 0 30px;
}

small.bookInfantToolTipPosition {
	margin: -30px 0 0 10px;
	*margin: 20px 0 0 -30px;
}

a.toolTip:hover {
	text-decoration: none; 
	border: 0;
	z-index: 99;
	cursor: hand;
	cursor: pointer;
}

a.toolTip:hover small {
	visibility: visible;
	height: auto;
	z-index: 98; 
}

.tooltipField {
	background-color: #fff6db; 
	border: 1px solid #ffbf00;
	padding: 10px;
	width: 350px;
	z-index: 99;
	font-weight: normal;
	color: #000000;
	font-size: 110% !important;
}

.error {
    color: red;
}

/***** End Detailed Styles *****/

/* Container Styles */

#siteWrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#container, #homeContainer {
	float: none;
	border: 1px solid #25A1D8;
	border-width: 0 1px 0 1px;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	width: 749px;
	*width: 772px;
	overflow: hidden;
	min-height: 580px;
	
	/* IE Hacks for keeping min height */
	*overflow: visible;
	*min-height: 580px;
	*_height: auto !important;
	*height: 580px;
}

#container {
	padding: 10px 10px 10px 10px; 
	width: 749px;
	*width: 772px;
}

#homeleftcontent, .leftContentCol {
	float: left;
	width: 224px;
	background: #fff;
	padding: 0;
	margin: 0 8px 0 0;
}

/***** End Container Styles *****/

/* Header Styles */

#headerContainer {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 140px;
	background-color: #1C5180;
}

#header {
	width: 770px;
	margin: 0 auto;
	padding: 0;
	height: 140px;
	position: relative;
}

.funwayHeaderLogo {
	background: #1C5180 url("../images/funwayHeaderLogo.gif") no-repeat top left;
	width: 322px;
	height: 53px;
	position: absolute;
	top: 35px;
	left: 10px;
}

#profileLinks {
	width: 100%;
	text-align: right;
	padding: 7px 0px 0px 0px;
	font-size: 94%;
	letter-spacing: normal;
	color: #FFFFFF;
	*height: 30px;
}

#profileLinks a:link, #profileLinks a:visited, #profileLinks a:active {
	color: #B4D7F2; 
	text-decoration: underline;
}
	
#profileLinks a:hover {
	text-decoration: none;
}

.contactText, #profileLinks .pipe {
	color: #B4D7F2;
}

.phoneHighlight, .highlight {
	color: #FFBF00;
	font-weight: bold;
	font-size: 130%;
}

.noUnderline {
    text-decoration: none;
}

.searchForm {
	width: 280px; 
	position: absolute;
	top: 62px;
	right: 0px;
	text-align: right;
}

.searchForm input, .searchForm label {
	border-width: 0;
	display: inline;
}

.searchForm label {
	color: #FFFFFF;
}

.searchForm input.textField {
	width: 140px;
	*margin: 5px 0 0 0;
}

.goBtn {
	margin: 0 0 -6px 0;
}

/* Nav */

#nav {
	width: 770px;
	height: 44px;	
	left: 0;
	bottom: -7px;
	padding: 0px 0px 0px 0px;	
	position: absolute;
}

#nav li {margin: 0; padding: 0; list-style: none; float: left;}

#nav li img {height: 44px; display: block;}

#nav li a img {background: url("../images/navSprite.gif") no-repeat;}

#nav li#panel1nav a img {width: 141px; background-position: 0 0;}
#nav li#panel2nav a img {width: 88px; background-position: -141px 0;}
#nav li#panel3nav a img {width: 176px; background-position: -229px 0;}
#nav li#panel4nav a img {width: 113px; background-position: -405px 0;}
#nav li#panel5nav a img {width: 123px; background-position: -518px 0;}
#nav li#panel6nav a img {width: 129px; background-position: -641px 0;}	 

#nav li#panel1nav a:hover img {width: 141px; background-position: 0 -46px;}
#nav li#panel2nav a:hover img {width: 88px; background-position: -141px -46px;}
#nav li#panel3nav a:hover img {width: 176px; background-position: -229px -46px;}
#nav li#panel4nav a:hover img {width: 113px; background-position: -405px -46px;}
#nav li#panel5nav a:hover img {width: 123px; background-position: -518px -46px;}
#nav li#panel6nav a:hover img {width: 129px; background-position: -641px -46px;}

.navMarker {
	width: 9px;
	height: 9px;
	background: url("../images/ballNavMarker.gif") no-repeat top left;
	position: absolute; 
}

#nav li#panel1nav .navMarker {left: 70px; top: 33px; display: none;}
#nav li#panel2nav .navMarker {left: 185px; top: 33px; display: none;}
#nav li#panel3nav .navMarker {left: 312px; top: 33px; display: none;}
#nav li#panel4nav .navMarker {left: 457px; top: 33px; display: none;}
#nav li#panel5nav .navMarker {left: 580px; top: 33px; display: none;}
#nav li#panel6nav .navMarker {left: 706px; top: 33px; display: none;}


/***** End Header Styles *****/

/* Res Tool Styles */


div.resintrotext {
	margin-left:8px;
	margin-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font:14px;
	font-weight:bold;
	color: #1B4D7E;
	text-align:center;
	vertical-align:text-bottom;
}
div.rescaptext {
	margin-left:8px;
	margin-right:8px;
	font-family: Arial, Helvetica, sans-serif;
	font:12px;
	font-weight:bold;
	color: #1B4D7E;
	text-align:center;
	vertical-align:text-bottom;
}

.rescaptext a:link {font-size: 100%; color:#1B4D7E; text-decoration:underline;}
.rescaptext a:visited{ font-size: 100%; color:#0B4B67; text-decoration:underline; }
.rescaptext a:active { font-size: 100%; color:#6699CC; text-decoration:underline; }
.rescaptext a:hover { font-size: 100%; color:#6699CC;  }

div.restool {
	background-color: #DBEEFB;
	border: solid 1px #B4D7F2;
	border-width: 1px 1px 0 1px;
	padding: 5px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font:12px;
	margin: 0;
	*height: 1%;

}

div.restool2 {
	background-color: #DBEEFB;
	border: solid 1px #B4D7F2;
	border-width: 0 1px 1px 1px;
	padding: 0 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font: 12px;
	margin: -2px 0 0 0;
	*height: 1%;

}

div.restool h2, #restoolInterior h2 {
	color: #3598D4;
	font-weight: bold;
	*margin: 10px 0;
}

div.restool label, #restoolInterior label {
	font-size: 90%;
	margin: 8px 0 0 0;
}

.promoCodeLabel {
    float: left;
    font-size: 90%;
}

.promoLink {
    float: left;
    margin: 2px 0 0 4px;
}

select.holidayType {
	width: 100%;
	*width: 202px;
}

#originsLBox, #destLBox {
	width: 100%;
}

input.gsOrigin, input.promoCodeInput, input.gsOriginInterior, input.gsLengthStay {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    border-color:#7F9DB9;
    border-width:1px;
    border-style:solid;
    padding: 2px;
    width: 100%;
}

input.gsLengthStay {
    width: 65px;
}

input.promoCodeInput {
	width: 70%;
	clear: both;
}

fieldset.destOrigContainers {
    width: 260px;
    margin: 0 10px 0 0;
    float: left;
}

#trDepartDate select, #trReturnDate select {
	float: left;
	margin: 3px 5px 3px 0;
}

.calendarIcon {
	background: transparent url("../images/calendar.jpg") no-repeat top left;
	float: left;
	width: 22px;
	margin: 4px 4px 0 0;
}

label.DOW {
	float: left;
	top: -4px;
	position: relative;
}

div.travelers {
	width:50%;
	font-family: Arial, Helvetica, sans-serif;
	font:12px;
	float:left;
}

div.childages {
	width:50%;
	font-family: Arial, Helvetica, sans-serif;
	font:12px;
	float:right;
}

span.detailText {
	font-size: 9px;
}

.infantLink {
	position: relative;
	*top: -5px;
	left: 20px;
}

.advSearchLink {
	margin: 10px 0;
	clear: both;
	font-size: 90%;
}

.submitBtnPosition {
	float: right;
	clear: both;
  
}

/***** End Res Tool Styles *****/

/* Footer Styles */

#footer {
	padding: 0;
	height: 140px;
	width: 750px;
	margin: 2px auto;
	padding: 10px;
	height: 140px;
	clear: both;
	display: block;
}

#footer dl {
	list-style-type: none;
	overflow: hidden;
	font-size: 90%;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 260px;
}

#footer dl.companyInfo {
	width: 180px;
	float: left;
}

#footer dt {
	color: #FFBF00;
	font-weight: bold;
	clear: both;
}

#footer dd {
	margin: 5px 0 0 0;
	width: 130px;
	float: left;
}

#footer dl.companyInfo dd {
	width: 160px;
}

#footer dd a {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer dd a:hover {
	text-decoration: none;
}

ul#footerLogos {
	list-style-type: none;
	overflow: hidden;
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
}

ul#footerLogos li {
	display: block;
	overflow: hidden;
	float: right;
	padding: 0 0 10px 15px;
}

ul#footerLogos li.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

p.copyRightText {
	clear: both;
	text-align: right;
	font-size: 80%;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
}

/***** End Footer Styles *****/