/* sprites */
.sprite-index{ display:inline-block; *display:inline; zoom:1; background-image:url(../../images/beaches/sprite-index.png); }
#leftColumn{ background-position:-6px -4px; width:171px; background-repeat:no-repeat; padding:155px 20px 0 25px; font-size:11px; line-height:16px; min-height: 200px; }

.qnDiv{ width:1px; height:40px; background-position:-588px -8px;  }
.ta{ width:149px; height:24px; background-position:-506px -85px; display:block; margin:17px auto 0 auto; }
.tc{ width:141px; height:44px; background-position:-510px -119px; display:block; margin:9px auto 0 auto; }
a#sesameSt{ width:200px; height:83px; margin:15px -15px 0 -20px; background-position:-230px -12px; }
a#sesameSt:hover{ background-position:-230px -95px }
a.photosBtn{ background-position:-438px -280px; width:90px; height:28px; margin:0 5px 0 6px; }
a.photosBtn:hover{ background-position:-438px -312px; }
a.vrxBtn{ background-position:-537px -280px; width:90px; height:28px; }
a.vrxBtn:hover{ background-position:-537px -312px }
a#beachesCard{ width:193px; height:123px; background-position:-229px -185px; display:block; margin-left:4px; }
a#beachesCard:hover{ background-position:-229px -309px; }
.divider-banner{ height:1px; font-size:0%; line-height:0%; width:250px; background-position:-447px -357px; display:block; margin-bottom:5px; }
#starfish{ display:block; width:63px; height:63px; position:absolute; top:-10px; right:-15px; background-position:-441px -128px; }
#indexWaterparks{background:url(../../images/beaches/waterparks-image.jpg) top left no-repeat;height:190px;width:191px;display:block;margin-left:4px; padding-top:5px;}
#indexWaterparks h1 a{ font-size:17px; color:#809a00; font-family:"openSansCondensedBold"; font-weight:normal; text-align:center; line-height:18px; }
#indexWaterparks h1 a span{ font-size:18px; color:#0968a7; font-family:"TelefanteBlackItalicRegular"; padding-left:20px; }
.learnMoreBtn{ width:191px; height:22px; background-position: -435px -437px; margin-top:117px; text-align:center;
padding-top: 0;
font-size: 11px;
color: white;
font-weight: bold;
color:#ffffff;
 }
a.learnMoreBtn:hover, a.learnMoreBtn.selected{ background-position:-435px -461px; color:#ffffff;}
/*a#bboWaterpark:hover{background:url(../../images/beaches/learn-bbo.jpg) top right no-repeat;height:188px;width:191px;display:block;margin-left:4px;}*/


/* left column */
#leftColumn h1{ font-weight:normal; font-family:"openSansCondensedBold"; font-size:24px; text-align:center; margin-bottom:7px; }
#leftColumn h2{ font-weight:normal; font-family:"TelefanteBlackItalicRegular"; position:relative; color:#0078be; font-size:17px; text-align:center; padding-right:5px; }
#leftColumn ul{ margin:10px 0; }


/* middle column */
#midColumn{ width:460px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:0 15px; position:relative; min-height: 200px; }
#midColumn h1{ font-family: "openSansCondensedBold"; font-weight:normal; margin:0px; }
#midColumn h1 .black{ font-size:22px; display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:35px; text-shadow: 1px 1px #fff; }
#midColumn h1 .blue{ font-size:48px; line-height:48px; letter-spacing:-.02em; }
#midColumn h1 .green{ font-size:28px; display:inline-block; *display:inline; zoom:1; padding-left:3px; line-height:48px; text-shadow: 1px 1px #fff; }


/* right column */
#rightColumn{ display:inline-block; *display:inline; zoom:1; width:200px; vertical-align:top; position:relative; z-index:20; margin:-20px 0 0 3px; min-height: 200px; }
#rightColumn h2{ font-size:19px; font-family:openSansCondensedLight; color:#0066a8; font-weight:normal; text-align:center; margin:40px 0 3px 0; }
#rightColumn h2 span.small{ font-size:12px; line-height:20px; }
#rightColumn h2 sup{ bottom:.8em; }


/* middle nav */
#quickNav{ margin:25px 0px; }
#quickNav li{ display:inline-block; *display:inline; zoom:1; font-family: "openSansCondensedLight"; vertical-align:top; }
#quickNav li a{ font-size:15px; color:#999999; display:block; padding:10px 5px 3px 17px; background:url(../../images/beaches/sprite-global.png) -10px -212px no-repeat; }
#quickNav li a:hover{ background-position:-9px -238px; color:#0066a8; }


/* elements */
#indexCountdown{ width:187px; position:absolute; right:48px; top:21px; }
#countdown{ width:160px; }
#sandOverlay{ background:url(../../images/beaches/bg-sand.png) 0px 0px no-repeat; width:1000px; height:136px; position:relative; z-index:10; margin:-80px 0 -30px -44px; }
#jsSlideShow img{ cursor:pointer; }
.learnMore{ font-family: "openSansCondensedBold"; font-size:10px; text-transform:uppercase; margin-left:2px; }


/* trip advisor buttons */
#tripAdvisor{ 
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	letter-spacing:-.25em;
	word-spacing:-1em;
	position:relative;
	z-index:2;
}
#tripAdvisor #split{ width:1px; height:49px; font-size:0%; line-height:0%; background:#e2e1e1; position:absolute; left:50%; top:6px; }
#tripAdvisor a{
	display:inline-block; *display:inline; zoom:1; height:58px; width:50%; vertical-align:top;
	padding:1px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%);
}
#tripAdvisor a:hover{
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
	background: linear-gradient(top, #f0f0f0 0%,#ffffff 100%);	
}
a#viewAwards{
	margin:0 0 10px 130px;
	padding:4px 30px 2px 30px;
	font-size:11px;
	font-weight:bold;
	color:#959595;
	display:inline-block; *display:inline; zoom:1;	
	background:url(../../images/beaches/arrow-green.gif) 19px 5px no-repeat #fbfbfb;
	
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
a#viewAwards:hover{ background-color:#ececec; color:#686868; }



/* Banners */
#indexBanners{ background:url(../../images/beaches/bg-blueFade.gif) center top no-repeat; padding:0 6px; margin-top:20px; }
#indexBanners .banner{
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	padding:7px;
	width:260px;
	height:177px;
	display:inline-block; *display:inline; zoom:1;
	vertical-align:top;
	position:relative;
}
#indexBanners .banner h3{ font-family: "openSansCondensedBold"; font-size:20px; color:#0078be; font-weight:normal; margin:5px 0 1px 0; line-height:20px; }
#indexBanners .banner h3 span.small{ color:#535151; font-size:13px; text-transform:uppercase; }
#indexBanners .banner ul li{ background:url(../../images/beaches/arrow-blue.gif) 0px 6px no-repeat; padding-left:10px; }
#indexBanners .banner ul li a{ display:block; padding:2px 0; }
#indexBanners .banner p{ margin:3px 0 5px 0; }
#indexBanners .banner .bannerContent{ padding:0 0 0 10px; }
#indexBanners .banner h4{ font-family: "openSansCondensedBold"; font-size:14px; color:#0078be; font-weight:normal; margin:5px 0 1px 0; line-height:16px; }
#indexBanners .banner span.new{color:#e12f20}
#indexBanners .banner .redRibbon{background:url(../../images/beaches/red-ribbon.png) top left no-repeat;width:135px;height:31px;position:absolute;right:0px;top:2px;}
#indexBanners .banner .redRibbon p{color:#fff;text-transform:uppercase;font-family: "openSansCondensedBold";font-size:12px;line-height:14px;padding-left:10px;}

/* Footer */
#indexFooter{ background:url(../../images/beaches/bg-footer-sand.png) 0px bottom no-repeat; width:908px; height:109px; margin:0px -1px; padding:25px 0 0 10px; }
#indexFooter ul li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#indexFooter ul li.div{ width:1px; background:#e1e0dd; height:34px; }
#ssg a, #travelAgent a, #specialist a{ display:block; font-weight:bold; color:#3070a9; line-height:20px; padding:0px 18px; }
#ssg a:hover, #travelAgent a:hover, #specialist a:hover{ color:#004062; }
#ssg span, #travelAgent span, #specialist span, #sweepstakes span{ width:59px; height:23px; background-position:-441px -43px; vertical-align:bottom; margin-right:5px; }
#travelAgent span{ background-position:-441px -69px; width:22px; }
#specialist span{ background-position:-443px -92px; width:28px; }
#beachCard{margin:-10px 10px 0 10px;}
#sweepstakes{margin:-10px 0 0 15px;}
#sweepstakes h3.sweepTitle{ width:160px;color:#0968a7;text-transform:uppercase;font-family: "openSansCondensedBold";font-weight:normal;font-size:16px;line-height:16px;margin-bottom:3px;}
#sweepstakes h3.sweepTitle span{color:#a3b700;}
#sweepstakes form{ display:inline-block; *display:inline; zoom:1; width:165px; }
#sweepstakes form input{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
#sweepstakes form input.defaultValue{ width:118px; font-size:12px; padding:3px 2px; }
#sweepstakes form input.go{ width:30px; height:23px; background-position:-513px -181px; border:none; background-color:#f8f6f2; cursor:pointer; line-height:20px; }
#sweepstakes form input.go:hover{ background-position:-513px -207px; }


/* Coda Slider */
#coda-slider-1{
	background:#fff;
	border:solid 5px #fff;
	width:416px;
	height:178px;
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;
	margin-bottom:6px
}
#coda-slider-wrapper{ width:463px; margin:15px auto 0 auto; }
.coda-slider-no-js .coda-slider { overflow:hidden; }
.coda-slider .panel{ width:420px; height:178px; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-nav ul { clear: both; display: block; margin:0px; overflow: hidden; padding-top:3px; text-align:center; }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background:url(../../images/beaches/sprite-global.png) -146px -130px no-repeat; width:10px; height:10px; display:inline-block; *display:inline; zoom:1; margin:0 2px; }
#codaContent{ clear:both;padding:18px 0 0 0; background:url(../../images/beaches/codaContent-bg.jpg) no-repeat;width:405px;height:55px;margin-left:25px;text-align:center; }
#codaContent p{ display:none; margin:0px; }
#codaContent p a{ color:#0968a7;font-size:20px;font-family:'openSansLight';text-transform:uppercase;margin-bottom:0;zoom:1; }
#codaContent p a span{ font-size:15px;font-family:'openSansBold';margin-top:0;zoom:1;height:1; }
.coda-nav ul li a.current { background-position:-126px -130px; }
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right{ width:17px; height:34px; display:block; float:left; position:relative; z-index:2; margin-top:75px; }
.coda-nav-left a, .coda-nav-right a{ width:17px; height:34px; display:block; }
.coda-nav-left a{ background-position:-442px -197px; }
.coda-nav-right a{ background-position:-467px -197px; }
.coda-nav-left a:hover{ background-position:-442px -235px; }
.coda-nav-right a:hover{ background-position:-467px -235px; }