/* Hero */

#ships .hero .title, #destinations .hero .title { position:absolute; top:-5px; z-index:100; width:944px; text-align:center; }
#ships .hero .title .wrap, #destinations .hero .title .wrap { display:inline-block; padding:0 10px 0 0; background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title_container_right.png) right no-repeat; }
#ships .hero .title .wrap .wrap-inner, #destinations .hero .title .wrap .wrap-inner { background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title_container_left.png) left no-repeat; }
#ships .hero .title .wrap .wrap-inner .inner, #destinations .hero .title .wrap .wrap-inner .inner { margin:0 0 0 8px; height:47px; display:inline-block; position:relative; font-size:13px; font-weight:bold; padding:14px 5px 17px 15px; background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title.png) center 60px no-repeat; }
#ships .hero .title .wrap .wrap-inner .inner h1, #destinations .hero .title .wrap .wrap-inner .inner h1 { margin-bottom:4px; text-transform:uppercase; font-size:30px; line-height:30px; }
#ships .hero .title .wrap .wrap-inner .inner p, #destinations .hero .title .wrap .wrap-inner .inner p { color:#0073bb; margin-bottom:0; }
#ships .hero .title-bottom, #destinations .hero .title-bottom { top:337px; }
#ships .hero .title-bottom .wrap, #destinations .hero .title-bottom .wrap { background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title_btm_container_right.png) top right no-repeat; }
#ships .hero .title-bottom .wrap .wrap-inner, #destinations .hero .title-bottom .wrap .wrap-inner { background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title_btm_container_left.png) top left no-repeat; }
#ships .hero .title-bottom .wrap .wrap-inner .inner, #destinations .hero .title-bottom .wrap .wrap-inner .inner { height:31px; padding:24px 14px 15px 22px; background:url(http://www.royalcaribbean.com/images/bg/bg_ship_title_top.png) center 6px no-repeat; }
#ships .hero .title-bottom .wrap .wrap-inner .inner h1, #destinations .hero .title-bottom .wrap .wrap-inner .inner h1 { margin-bottom:1px; }
.ie6 #ships .hero .title .wrap .wrap-inner .inner, .ie6 #destinations .hero .title .wrap .wrap-inner .inner { background-position:center 69px !important; }
.ie7 #ships .hero .title .wrap .wrap-inner .inner, .ie7 #destinations .hero .title .wrap .wrap-inner .inner { background-position:center 64px !important; }
.ie6 #ships .hero .title .wrap, .ie6 #destinations .hero .title .wrap, .ie7 #ships .hero .title .wrap, .ie7 #destinations .hero .title .wrap { background:none; }
.ie6 #ships .hero .title .wrap .wrap-inner, .ie6 #destinations .hero .title .wrap .wrap-inner, .ie7 #ships .hero .title .wrap .wrap-inner, .ie7 #destinations .hero .title .wrap .wrap-inner { background:none; }
.ie6 #ships .hero .title .wrap .wrap-inner .inner, .ie6 #destinations .hero .title .wrap .wrap-inner .inner, .ie7 #ships .hero .title .wrap .wrap-inner .inner, .ie7 #destinations .hero .title .wrap .wrap-inner .inner { background-color:white; display:inline; background-position:center 68px; padding-right:20px; }

#destinationsHero, #shipsHero, #alternateHero, #hotDealsHero, #ltoHero, #onboardHero { margin:5px 0 0; padding:5px 16px 0; position:relative; overflow:hidden; height:381px; }
#destinationsHero #prevBtn, #shipsHero #prevBtn, #alternateHero #prevBtn, #hotDealsHero #prevBtn, #onboardHero #pBtn { left:0px; background-position:top left; }
#destinationsHero #nextBtn, #shipsHero #nextBtn, #alternateHero #nextBtn, #hotDealsHero #nextBtn, #onboardHero #nBtn { right:0px; background-position:top right; }

#onboardHero { height: 428px; }
#pageContent .halfHero { height: 301px; }
#onboardHero .dots-wrapper { position: absolute; bottom: 10px; z-index: 10; text-align: center; }
#contentWrapper .mediaHero .dots-wrapper { bottom: 205px; }
	#onboardHero .dots-wrapper li { float: left; text-indent: -50000px; width: 15px; height: 15px; background: url("http://www.royalcaribbean.com/images/icon/icon_hp_hero_pagination.png") 0 1px no-repeat; cursor: pointer; }
	#onboardHero .dots-wrapper .active { background-position: 0 -18px; }
#onboardHero .heroBtn { top: 186px; z-index: 101; }
#onboardHeroSlides .heroItemContent { height: 428px; }

.halfHero .heroCalloutTop { top: 110px; }
.heroCalloutBtm { top: 186px; }
.heroCalloutTop { top: 83px; }
.heroCalloutRight { right: 45px; text-align: right; }
.heroCalloutRight .watchVideo { right: 0; }
.heroCalloutLeft { left: 45px; }
.heroCalloutLeft .watchVideo { left: 0; }
.heroCallout { width: 338px; position: absolute; text-transform: uppercase; }
.heroCallout h2 { color: #fff; }
.heroCalloutRight h2 { text-align: right; }
.heroCallout p { color: #fff; font-weight: bold; font-size: 1.4em; text-shadow: 0px 1px 1px #2f2f2f; }
.heroCallout p .watchVideo { text-shadow: none; }