html { background:#2a697e; }
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial Unicode MS, arial, sans-serif;
	font-size: 12px;
	background: #2a697e url(../images/bg-body.gif) repeat-x;
}

a { color:#2f799a; text-decoration:underline; }
body a:hover { color: #c47514; text-decoration:none; }
a:visited { color: #697e27;}
#left-column a:hover { text-decoration:none; }

#container {
	margin:0 auto;
}

#header {
	width:1000px;
	margin:0 auto;
	position: relative;
	z-index:0;
	padding:1px;
}
h1, h2, h3, h4, h5, h6 { color:#2f799a; line-height:1.5em;}
#home-page h1 { color: #fff; }
h1 {
	font-size: 22px;
}
h2 {
	font-size:20px;
	color:#2f799a;
}
h3 {
	font-size: 14px;
/*	color:#e68e23;*/
}
h4 {
	font-size: 13px;
/*	color:#c47514;*/
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
}

/* === Search results === */
dd { margin-bottom:1em; padding-bottom:1em; border-bottom:solid 1px #ccc; }

#content ul { margin-bottom: 15px; }
#content ul ul { margin-left: 15px; margin:0; }
#content ul li { padding-left: 10px; background: url('../images/bullet.gif') no-repeat left .6em; }
#content ul li ul li ul li { padding-left: 10px; background: url('../images/bullet-secondary.gif') no-repeat left 50%; }
/* ----- Nav Sprites ------ */

#social {
	width:484px;
	height: 40px;
	position:absolute;
	right:0px;
	top:2px;
}

#social li {
	float: left;
	text-align: center;
	font-size: 12px;
	text-indent:-9999px;
}

#fb {
	background:url(../images/bg-social.jpg) no-repeat;
	background-position: -5px -5px;
	width:28px;
	height: 30px;
	margin-right:5px;
	display: block;
}
#fb:active {
	background-position: 0 -4px;
}
#twitter {
	background:url(../images/bg-social.jpg) no-repeat;
	background-position: -33px -5px;
	width:25px;
	height: 30px;
	margin-right:5px;
	display: block;
}
#twitter:active {
	background-position: -30px -4px;
}
#news {
	background:url(../images/bg-social.jpg) no-repeat;
	background-position: -60px -5px;
	width:100px;
	height: 30px;
	display: block;
}

#newsletter {
	background: url(../images/bg-newsletter.png) top left no-repeat;
	width:458px;
	height: 330px;
	display: none;
}

#newsletter .close {
	position: absolute;
	top:52px;
	right:5px;
	background: url(../images/close-big.png) no-repeat top left;
	width:44px;
	height: 43px;
	cursor: pointer;
}

#newsletter form {
	padding:175px 0 0 50px;
	color:#fff;
}
#newsletter p {
	padding-bottom: 10px;
}
#newsletter label {
	font-size:15px;
	font-weight:bold;
	padding-right:10px;
	text-align:left;
	width: 100px;
	float:left;
}
#newsletter #news-submit {
	position: absolute;
	bottom:0;
	left:155px;
}

/* ==== Dropdowns ==== */

#dropdowns { position:relative; width:1000px; margin:0 auto; top:63px; z-index: 20; }

#tour {
	background:url(../images/bg-social.jpg) no-repeat;
	background-position: -160px -5px;
	width:115px;
	height: 30px;
	display: block;
}

#tour.down {
	background-position: -160px -45px;
}

#tour-info {
	background: url(../images/bg-tour-drop.png) no-repeat top left;	
	height:319px;
	position: absolute;
	right:67px;
	top:-45px;
	width:384px;
	z-index: 5000;
	color:#3c3c3c;
	display: none;
}

#close {
	background: url(../images/close.png) no-repeat  top left;
	width:35px;
	height:39px;
	cursor: pointer;
	position:absolute;
	top:0px;
	right:-5px;
}

#tour-info .tour-top {
	margin:60px 0 0 35px;
	float: left;
	width:316px;
}

#more {
	display: block;
	position:absolute;
	top:269px;
	left:13px;
	background: url(../images/tour-more.gif) no-repeat left top;
	width:170px;
	height:27px;
	text-indent:-9999px;
	width:170px;

}

#more:hover {
	background-position: 0 -27px;
}

#tour-tickets {
	display: block;
	position:absolute;
	top:270px;
	left:192px;
	background:url(../images/buy-tickets-now.jpg) no-repeat top left;
	width:187px;
	height:42px;
	text-indent: -9999px;
}


#tour-info .right { display:none; }
#tour-info .tour-top.right {margin-left:5px;}

#tour-info .tour-top h2 {
	font-size:16px;
	color:#0f5fad;
	padding-bottom: 5px;
	font-weight:normal;
}

#tour-info .tour-bottom .title { display:inline-block; font-size:16px; color:#0f5fad; margin-bottom: 3px; font-weight:normal; }

#tour-info .tour-top p {
	font-size: 12px;
}

#tour-info .tour-bottom { position:absolute; top:158px;	left:102px; font-size:16px; }

#tour-info .tour-bottom .email {
	position:absolute;
	top:41px;
	font-size: 14px;
	margin-top:12px;
}
#tour-info .tour-bottom .email a {
	color:#3C3C3C;
}
#nav {
	width: 925px;
	margin: 0 auto;	
}
#nav li.home { height:115px; }
#nav li {
	float:left;
	text-align: center;
	font-size:12px;
	text-indent: -9999px;
	overflow:hidden;
}
#home {
	background: url(../images/bg-nav-phi.jpg) no-repeat;
	background-position:0px 0px;
	display: block;
	height:115px;
	width:237px;
	margin:0;
}

/* ==== Navigation image for each city ===== */
.branson #home { background: url(../images/bg-nav-branson.jpg) no-repeat; }
.phi #home { background: url(../images/bg-nav-phi.jpg) no-repeat; }
.sanFrancisco #home { background: url(../images/bg-nav-sf.jpg) no-repeat; }
.newport #home { background: url(../images/bg-nav-newport.jpg) no-repeat; }
/*----- Safety First image -----*/
.phi #merch { background: url(../images/bg-nav-phi.jpg) no-repeat;	background-position:-760px -38px;}

#home:hover {
	background-position:0px -135px;
}

#current { background-image:url("../images/bg-current-phi.png"); background-repeat:  no-repeat; }

/* ===== Current nav item for each city ======= */
.branson #current { background-image:url("../images/bg-current-branson.png"); }
.phi #current { background-image:url("../images/bg-current-phi.png"); }
.sanFrancisco #current { background-image:url("../images/bg-current-sf.png"); }
.newport #current { background-image:url("../images/bg-current-newport.png"); }

#home-page #current {
	background-position: left top;
	display:block;
	height:125px;
	left:38px;
	position:absolute;
	top:-9px;
	width:250px;
}
#experience #current, #meet-the-crew #current, #moms #current, #kids-korner #current, #ducks-or-dukws #current, #sightseeing-detail #current {
	background-position: -259px -37px;
	display:block;
	height:40px;
	left:261px;
	position:absolute;
	top:28px;
	width:150px;
	overflow:hidden;
}

/* homepage headers */

#home-page #right-column h1.one { height:100px; padding-top: 30px; margin: 0; }
#home-page #right-column h1.two { height:120px; padding-top: 12px; margin: 0; }
#home-page #right-column h1.three { height:130px; padding-top: 0; margin: 0; }
#home-page #right-column h1.four { height:150px; margin:-18px 0 0; padding-top:0; }
body.portal #content #right-column h1.one { height: 100px; padding-top: 50px; margin: 0; }
body.portal #content #right-column h1.two { height:120px; padding-top: 35px; margin: 0; }
body.portal #content #right-column h1.three { padding-top: 20px; margin: 0; }

/* ==== styles for current dropdown nav items ===== */
#experience #current a, #meet-the-crew #current a, #moms #current a, #kids-korner #current a, #ducks-or-dukws #current a, #sightseeing-detail #current a { display:block; height:40px; width:142px; text-indent:-1000px; overflow:hidden; }
#group-activities #current a, #company-outings #current a, #field-trips #current a, #youth-groups #current a, #social-groups #current a, #tour-operators #current a, #form-group #current a { display:block; height:40px; width:90px; text-indent:-1000px; overflow:hidden; }

#boarding-info-page #current {
	background-position: -400px -37px;
	display:block;
	height:40px;
	left:370px;
	position:absolute;
	top:29px;
	width:145px;
}
#special-offers-page #current {
	background-position: -545px -37px;
	display:block;
	height:40px;
	left:490px;
	position:absolute;
	top:29px;
	width:123px;
}
#group-activities #current, #company-outings #current, #field-trips #current, #youth-groups #current, #social-groups #current, #tour-operators #current, #form-group #current {
	background-position: -679px -37px;
	display:block;
	height:40px;
	left:593px;
	position:absolute;
	top:28px;
	width:93px;
}

/* --- groups page --- */
.groups #merch {
	background: url(../images/bg-merch-groups.jpg) no-repeat;
	background-position: left top;
}

.groups #merch:hover { background-position:left -29px; }

#form-feedback #current {
	background-position: -767px -37px;
	display:block;
	height:40px;
	left:651px;
	position:absolute;
	top:29px;
	width:150px;
}
#safety_first-page #current {background-position: -917px -36px;display:block;height:40px;left:776px;position:absolute;top:28px;width:150px;z-index:0;}
#merchandise #current {
	background-position: -915px -37px;
	display:block;
	height:40px;
	left:776px;
	position:absolute;
	top:28px;
	width:150px;
	z-index:0;
}
#exp {
	background:url("/images/portal/bg-portal-nav.png") no-repeat scroll -239px -38px transparent;
	display:block;
	height:29px;
	width:120px;
	margin-top:38px;
	display:block;
}
#exp:hover {
	background-position:-239px -173px;
}
#exp.down {
	background-position:-239px -173px;
}

#boarding {
	background: url(../images/bg-nav.png) no-repeat;
	background-position:-357px -38px;
	display: block;
	height:29px;
	width:105px;
	margin-top:38px;
}
#boarding:hover {
	background-position:-357px -173px;
}
#offers {
	background: url(../images/bg-nav.png) no-repeat;
	background-position:-462px -38px;
	display: block;
	height:29px;
	width:104px;
	margin-top:38px;
}
#offers:hover {
	background-position:-462px -173px;
}
#groups {
	background: url(../images/bg-nav.png) no-repeat;
	background-position:-567px -38px;
	display: block;
	height:29px;
	width:68px;
	margin-top:38px;
}
#groups:hover {
	background-position:-567px -173px;
}
#feedback {
	background: url(../images/bg-nav.png) no-repeat;
	background-position:-634px -38px;
	display: block;
	height:29px;
	width:125px;
	margin-top:38px;
}
#feedback:hover {
	background-position:-634px -173px;
}
#merch {
	background: url(../images/bg-nav.png) no-repeat;
	background-position:-760px -38px;
	display: block;
	height:29px;
	width:108px;
	margin-top:38px;
}
#merch:hover {
	background-position:-760px -173px;
}

#experience-drop {
	background:url(../images/dropdowns/bg-exp-top.png) no-repeat left top;	
	width:795px;
	position:absolute;
	left:105px;
	padding-top: 20px;
	margin-top:3px;
	display: none;
}
.dropItems { position:relative; width:795px; padding-bottom: 15px; background:url(../images/dropdowns/bg-drop-bot.png) no-repeat left bottom; }

/* === Experience drop with 6 items: Bransom ===== */
.branson-site #experience-drop {
	background:url(../images/dropdowns/bg-exp-top.png) no-repeat left top;	
	width:795px;
	position:absolute;
	left:105px;
	padding-top: 20px;
	margin-top:3px;
	display: none;
}
.branson-site #experience-drop .dropItems { position:relative; width:795px; padding-bottom: 15px; background:url(../images/dropdowns/bg-drop-bot.png) no-repeat left bottom; }

.dropItems h2, .dropItems h2 a { font-size: 12px; color:#0f57a8; text-decoration:none; margin-top:5px; }
.dropItems h2 a:hover { text-decoration:underline; }

.drop-item {
	width:140px;
	float: left;
	margin:0 0 0 15px;
}



.drop-item img {
	margin-top:10px;
}

.drop-item p {
	font-size: 12px;
	margin-top:10px;
}

#groups-drop {
	background:url(../images/dropdowns/bg-groups-top.png) no-repeat left top;	
	width:795px;
	padding-top: 20px;
	margin-top:3px;
	position:absolute;
	right:104px;
	display: none;
}

/*-----------------------------------*/

#tickets a {
 	background: url("../images/buy-tickets.png") no-repeat scroll left top transparent;
 	display:block;
	height:120px;
	position:absolute;
	right:58px;
	text-indent:-9999px;
	top:68px;
	width:308px;
}

#tickets a:hover {
	background-position:-360px 0 ;
}

#requestInfo a {
	background:url("../images/hdr-Request-Information.jpg") no-repeat left top;
	display:block;
	height:120px;
	position:absolute;
	right:58px;
	text-indent:-9999px;
	top:68px;
	width:308px;
}

#requestInfo a:hover {
	background-position:left -120px ;
}

#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content {
	background: url("../images/bg-video.png") no-repeat center top;
	margin:0 auto;
	position:relative;
	z-index:1;
	width:825px;
	clear: both;
	min-height: 425px;
}

#flash-player {
	float: left;
	padding:26px 0 0 26px;
	width:550px;
}

#right-column {
	float: left;
	padding: 52px 26px 0 24px;
	width:195px;
}

#right-column h1 {
	height: 120px;
	margin-bottom: 10px;
}

#right-column p {
	margin-top:15px;
	color:#fff;
	line-height: 1.2em;
}

#footer {
	background: url(../images/bg-waves.png) center top repeat-x;
	width:100%;
/*	height: 493px;*/
	color:#fff; 
	clear: both;
	margin-top:-21px;
	position: relative;
	z-index:2;
	padding-bottom: 30px;
	line-height:1.2em;
}

body.portal #footer {
/*	background: url(../images/bg-waves-portal.png) center top repeat-x;*/
}

#footer .left  {
	display: block;
	background: url(../images/bg-arrows.jpg) no-repeat;
	background-position:0 0; 
	height: 63px;
	width: 44px;
	float: left;
	cursor: pointer;
	margin:120px 10px 0 0;
}
#footer .left:hover {
	background-position:0px -64px;
}
#footer .left:active {
	background-position: -2px -64px;
}
#footer .right  {
	display: block;
	background: url(../images/bg-arrows.jpg) no-repeat;
	background-position:-62px 0; 
	height: 63px;
	width: 44px;
	float: left;
	cursor: pointer;
	margin:120px 10px 0 0;	
}
#footer .right:hover {
	background-position:-62px -64px;
}
#footer .right:active {
	background-position:-60px -64px;
}
#footer-copy {
	background: url(../images/bg-footer-shadow.png) no-repeat center bottom;
	width:1024px;
	margin: 0 auto;
	font-size: 12px;
	padding: 20px 0 40px 0;
	clear:both;
}

#footer-copy:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer-copy ul { width:800px; margin:0 auto; padding-left:10px; }
#footer-copy ul ul { margin-left: 15px; margin:0; }
#footer-copy ul li { padding-left: 10px; background: url('../images/bullet.gif') no-repeat left .3em; margin-bottom: .2em; }
#footer-copy ul li ul li ul li { padding-left: 10px; background: url('../images/bullet-secondary.gif') no-repeat left 50%; }

#footer #footer-copy h1 { margin:15px auto; width:800px; }

#footer #footer-copy p {
	width:800px;
	color:#fff;
	margin:0 auto 0 auto;
	padding-bottom:  10px;
	/*padding:20px 0 40px 0;*/
	line-height: 14px;
	float: none;
}

#footer-wrapper {
	width:910px;
	margin: 0 auto;
}

#footer-nav {
	width:800px;
	margin:0 auto;
}

#footer-nav ul { zoom:1; } /*fix for ie6-7*/
#footer-nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#footer-nav ul li {
	float: left;
	text-indent: -9999px;
}

#about, #contact, #faqs, #jobs, #crew { background-image: url(../images/bg-footer-nav.png); background-repeat: no-repeat; }

#about {
	background-position: 0 0;
	width:100px;
	height:30px;
	display: block;
}
#about:hover {
	background-position:0 -32px;
}
#contact {
	background-position:-100px 0;
	width:100px;
	height:30px;
	display: block;
}
#contact:hover {
	background-position:-100px -32px;
}
#faqs {
	background-position:-200px 0;
	width:100px;
	height:30px;
	display: block;
}
#faqs:hover {
	background-position: -200px -32px;
}
#jobs{
	background-position:-300px 0;
	width:120px;
	height:30px;
	display: block;
}
#jobs:hover {
	background-position: -300px -32px;
}
#crew {
	background-position:-420px 0;
	width:150px;
	height:30px;
	display: block;
}
#crew:hover {
	background-position: -420px -32px;
}

#footer p {
	color: #fff;
	font-size:12px;
	margin-top:20px;
/*	float: left;*/
}

#footer a {
	color: #c1ff00;
	text-decoration:none;
}
#footer #footer-nav a { font-weight: bold; }
#footer p a:hover {
	text-decoration: underline;
}

#footer p.copyright {
	font-size:10px;
}
#footer #footer-nav p.copyright a {
	color: #fff;
	text-decoration: none;
	font-weight:normal;
}
#footer p.copyright a:hover {
	text-decoration: underline;
}


#callouts {

}


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    height:200px;
    width:794px;
	margin:50px auto 0 auto;
	float: left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 

.floatLeft {float: left;}
.floatRight {float: right;}
.center {text-align: center;}
.clear {clear: both;}
/*add to master.css */
.clearfix { zoom:1; } /*fix for ie6-7*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* === Portal Styles === */

body.portal{
	background: #2a697e url(/images/portal/bg-portal-body.gif) top center repeat-x;
/*	#006678*/
}

body.portal #social{
}

body.portal #current { 
	text-indent:-1000px;
	display:block;
	position:absolute;
	background-image:url("/images/portal/bg-portal-current.png"); 
	background-repeat:  no-repeat; 
}
body.portal.interior #home, body.portal.interior-nav #home {
	background: url(/images/portal/bg-portal-nav.png) no-repeat;
	background-position:0px 0px;
	height:115px;
	width:235px;
	margin:0;
}
body.portal #home:hover {
	background-position:0px -135px;
}

.branson #current {
background-image:url("../images/bg-current-branson.png");
}

body.portal#home-page #current {
	background-position: left top;
	height:130px;
	left:39px;
	top:-13px;
	width:250px;
}

#Experience-page .portal #current {
	background-position: -259px -37px;
	height:44px;
	left:263px;
	top:25px;
	width:150px;
	overflow:hidden;
}

#about-us-page .portal #current {
	background-position:-400px -37px;
	height:44px;
	left:375px;
	top:25px;
	width:145px;
}

#jobs-page .portal #current {
	background-position:-544px -37px;
	height:44px;
	left:474px;
	top:25px;
	width:125px;
}

#contact-us-page .portal #current {
	background-position:-677px -37px;
	height:44px;
	left:571px;
	top:25px;
	width:126px;
}

#franchising-page .portal #current {
	background-position: -814px -38px;
	height:44px;
    left: 681px;
	top:25px;
    width: 146px;
}

body.portal #tickets a{
	background: url("/images/portal/bg-portal-tickets.jpg") no-repeat scroll 0 0 transparent;
    height: 100px;
    position: absolute;
    right:29px;
    top: 0;
    width: 153px;}

body.portal #tickets a:hover{
	background:  url('/images/portal/bg-portal-tickets-hover.jpg') no-repeat;
}	
body.portal #home{
	background-image: none;
}

body.portal #exp {
	background:url("/images/portal/bg-portal-nav.png") no-repeat scroll -235px -38px transparent;
	display:block;
	height:29px;
	width:120px;;
}
body.portal #exp:hover {
	background-position: -235px -173px;
}

body.portal #p-about {
	background: url('/images/portal/bg-portal-nav.png') no-repeat;
	background-position: -357px -38px;
	display: block;
	height:29px;
	width:100px;
	margin-top:38px;
}
body.portal #p-about:hover {
	background-position: -357px -173px;
}

body.portal #p-jobs {
	background: url('/images/portal/bg-portal-nav.png') no-repeat;
	background-position: -458px -38px;
	display: block;
	height:29px;
	margin-top:38px;
	width:93px;
}
body.portal #p-jobs:hover {
	background-position: -457px -173px;
}

body.portal #p-contact {
	background: url('/images/portal/bg-portal-nav.png') no-repeat;
	background-position: -550px -38px;
	display: block;
	height:29px;
	margin-top:38px;
	width:101px;
}
body.portal #p-contact:hover {
	background-position: -550px -173px;
}

body.portal #p-franchising {
 	background: url("/images/portal/bg-portal-nav.png") no-repeat scroll -651px -38px transparent;
    display: block;
    height: 29px;
    margin-top: 38px;
    width: 130px;
}

body.portal #p-franchising:hover {
	background-position: -651px -173px;
}

#home-page.portal #content{
	margin: 0 auto;
	width: 900px;
	min-height: 300px;
	background: url("/images/portal/bg_portal.png") no-repeat center top;
}

body.portal #portal-images{
	float: left;
	padding:26px 0 0 26px;
	width:  634px;
}

body.portal #portal-left{
	float:  left;
	width: 326px;
	padding-right: 3px;	
	overflow: hidden;
	height:  271px;
	
}
body.portal #portal-left img{ width: 326px; height:  271px; }
body.portal #portal-right img{ width: 305px; height:  271px; }

body.portal #portal-right{
	float:  left;
	width:  305px;
	overflow: hidden;	
	height:  271px;
}

body.portal #right-column{
	padding-left: 25px;
	padding-top: 15px;
	width: 155px;
}

body.portal #footer{
	margin-top: -32px;
	padding-bottom: 0;
	clear: none;
}

body.portal #footer-nav{
	width: 860px;
}

body.portal #portal-locations{
	height: 315px;
	width: 866px;
	margin: 0 auto;
	padding-top: 40px;
}

body.portal #portal-locations img{
	float: left;
	padding: 0 5px 10px 0;
}

body.portal #footer #footer-copy h1 { margin:15px auto; width:860px; }
body.portal #footer #footer-copy p { margin-bottom:15px auto; width:860px; }

body.portal #footer #footer-copy p.clear{
	padding-bottom: 30px;
}

body.portal #footer p.copyright{
	margin-top: 0;
	padding-bottom: 15px;
}

body.portal #footer p.copyright span{
	padding-left: 50px;
}

/*portal location sprites*/

body.portal #portal-locations a{float: left; margin: 0 5px 10px 0;}

body.portal #portal-locations a#portal-cta1{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta1.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta1:hover{ background: url('/images/portal/portal-cta1.jpg') 0 -155px no-repeat;}

body.portal #portal-locations a#portal-cta2{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta2.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta2:hover{ background: url('/images/portal/portal-cta2.jpg') 0 -155px no-repeat;}

body.portal #portal-locations a#portal-cta3{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta3.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta3:hover{ background: url('/images/portal/portal-cta3.jpg') 0 -155px no-repeat;}

body.portal #portal-locations a#portal-cta4{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta4.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta4:hover{ background: url('/images/portal/portal-cta4.jpg') 0 -155px no-repeat;}

#portal-locations div.tripAdvisor { float:left; height: 157px; overflow:hidden; width:210px; margin:-4px 0 0 1px; padding: 0; background: url('/images/portal/portal-tripAdvisor.png') no-repeat left 4px; }
#footer #portal-locations div.tripAdvisor p { height:72px; width:160px; margin: 0 auto; font-size:10px; overflow:hidden; color:#000; }
#footer #portal-locations div.tripAdvisor a { float:none; }
#footer #portal-locations div.tripAdvisor a.logo { display:block; height:60px; text-indent:-1000px; overflow:hidden; }

body.portal #portal-locations a#portal-cta6{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta6.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta6:hover{ background: url('/images/portal/portal-cta6.jpg') 0 -155px no-repeat;}

body.portal #portal-locations a#portal-cta7{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta7.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta7:hover{ background: url('/images/portal/portal-cta7.jpg') 0 -155px no-repeat;}

body.portal #portal-locations a#portal-cta8{ display: block; width: 210px; height: 155px; background: url('/images/portal/portal-cta8.jpg') 0 0 no-repeat;}
body.portal #portal-locations a#portal-cta8:hover{ background: url('/images/portal/portal-cta8.jpg') 0 -155px no-repeat;}

/* ========== added after handoff; cmorrow ======== */

#home-page #content { min-height: 450px; }
#home-page #footer { margin-top: -32px; }
#home-page #content #right-column { font-size: 14px; color:#fff; }
#flash-player { float:left; height: 392px; }
.callout { height:200px; }
div.scrollable div.items div, div.scrollable div.items a { 
	display:block;
	float:left;
	width:259px;
	margin-right: 8px;
	overflow:hidden;
}

div.scrollable div.items div.tripAdvisor { height: 194px; overflow:hidden; width:202px; padding: 0 20px 0 20px; margin-left:10px; background: url('../images/callout_TripAdvisor.jpg') no-repeat left 4px; }
#footer .tripAdvisor p { height:86px; width:202px; overflow:hidden; color:#000;  }
#footer .scrollable div.items div.tripAdvisor p { height:97px; }
#footer .scrollable div.items div.tripAdvisor a { display:block; height: 60px; margin-bottom:10px; text-indent:-1000px;}
#footer .scrollable div.items div.tripAdvisor a.button { display:block; width:202px; height: 30px; margin:0; }

/* IE8 styles ==== */
/*#dropdowns { margin-top:-5px\9; top:50px\9;}
#experience-drop, #groups-drop { margin-top:-5px\9; }*/

/* Buy Tickets Pages */
.buy-tickets #buy-tickets-form { width: 325px; float: left; border: 1px solid black;}
.buy-tickets #buy-tickets-error { color: #ff0000;}

/* 404 page styles ==== */
html.error { background: #378eab; }
body#error { padding-top:65px;  background: url('/images/bg-interior.jpg') repeat-x left -60px; }
body#error #container { background: none; }
body#error #content { width:525px; padding: 0 0 0 300px; min-height:1px; height:300px; overflow:hidden; background: url('/images/404-bg.jpg') no-repeat left top; font-size:1.4em; color:#fff; }
body#error #content p { margin-top:180px; }
body#error #footer { height: 200px; }

#content a.btnHome {  display:block; height:39px; width:214px; margin:10px 0 0 -5px; background: url('/images/button-homepage.gif') no-repeat left top; text-indent:-1000px; overflow:hidden; }

/* site search ====== */
#site-search { position:absolute; right:24px; top:-25px; }
#site-search input { width:138px; border:1px solid #ccc; height:16px; margin:0; padding: 2px 5px; color:#666; }
#site-search input.submit { cursor:pointer; width: 27px; height:22px; margin:0 0 0 -5px; border:none; background: url('/images/btn-search-portal.gif') no-repeat left top; text-indent:-1000px; overflow:hidden; }
#social li.search { text-indent:0; }
#social #site-search { position:relative; top:auto; right:auto; margin:3px 0 0 10px;}
#social #site-search input.submit { background: url('/images/btn-search-sites.gif') no-repeat left top; }

#site-search-portal { position:absolute; right:24px; top:-25px; }
#site-search-portal input { width:138px; border:1px solid #ccc; height:16px; margin:0; padding: 2px 5px; color:#666; }
#site-search-portal input.submit { cursor:pointer; width: 27px; height:22px; margin:0 0 0 -5px; border:none; background: url('/images/btn-search-portal.gif') no-repeat left top; text-indent:-1000px; overflow:hidden; }
#social li.search { text-indent:0; }
#social #site-search-portal input.submit { background: url('/images/btn-search-sites.gif') no-repeat left top; }
#social #site-search-portal { position:relative; top:auto; right:auto; margin:3px 0 0 10px; left:110px;}

body.portal.interior-nav #content #site-search { position:absolute; right:46px; top:-25px; }

/* Country picker */

body.sanfran-site #social, body.philly-site #social{ width: 455px; }
body.sanfran-site #site-search input#search, body.philly-site #site-search input#search{ width: 106px;  }

#countries{ margin: 0; padding: 0; top: 13px; position: absolute; z-index: 99; left: 50%; margin-left: -223px; }
#countries li{ float: left; padding: 0 1px; }
#countries li a{ height: 13px; width: 20px; display: block; margin: 0; padding: 0; background-image: url(/images/countries.gif); text-indent: -9999em; float: left;  }
#countries li.spain a{ background-position: 0 0; }
#countries li.france a{ background-position: -24px 0;}
#countries li.italy a{ background-position: -47px 0;}
#countries li.korea a{ background-position: -70px 0;}
#countries li.china a{ background-position: -94px 0;}
#countries li.portugal a{ background-position: -117px 0;}
#countries li.germany a{ background-position: -140px 0;}
#countries li.japan a{ background-position: -163px 0; }
body.portal.interior #content #site-search { position:absolute; right:0; }