@charset "utf-8";

#SpecialsContainer {display:block; font-family:Arial, Helvetica, sans-serif; width:950px; margin:0; padding:0;}
* html .cf {height: 1%;}
a.TermsLink {margin:0; padding: 5px 0 0 0; background:none; color:#cccccc; font-weight: normal; text-decoration: underline; font-size: 10px; white-space: nowrap;}
a.TermsLinkDark {margin:0; padding: 5px 0 0 0; background:none; color:#333333; font-weight: normal; text-decoration: underline; font-size: 10px; white-space: nowrap;}
.SmallTag {display:block; background:#50b3c9; border:none; padding:5px 5px 5px 0; margin:2px 0; font-style:normal; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px;}
.SmallTag a {background: url(/csimages/462/475/pop_out_icon.gif) no-repeat left center; padding:0 0 0 24px; color:#071523; font-size:14px; text-decoration:none;}
.SmallTag a:hover {text-decoration:none;}
a.InfoTip {position:relative; z-index:24;}
a.InfoTip:hover {z-index:25;}
a.InfoTip div {display: none;}
a.InfoTip:hover div {display:block; position:absolute; top:-2em; left:0; width:15em; border:1px solid #81c2d1; background: url(/csimages/353/808/tip_back.gif) bottom repeat-x white; -moz-border-radius:5px; -webkit-border-radius:5px; color:#336091; padding:8px; margin:0; font-size:11px; font-weight:normal;}
a.CTALink {background-color:transparent; background-image:url(/nclweb/images/framework/sprite.png); background-position:0 -81px; background-repeat:no-repeat; border:0 none; color:white; cursor:pointer; display:block; font-size:11px; font-weight:bold; height:23px; margin-right:auto; padding-top:5px; text-align:center; text-transform:uppercase; text-decoration:none; width:89px;}
a.CTALink:hover {background-color:transparent; background-image:url(/nclweb/images/framework/sprite.png); background-position:0 -111px; background-repeat:no-repeat;}

/******************************************************************
Primary Promo Styles
*******************************************************************/

#SpecialsPrimaryPromo {float:left; background:#071523; width:950px; margin:-1px 0 0 0; padding:0;}
#SpecialsPrimaryPromo .SpecialsPrimaryImage {float:left; padding:0; margin:0;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent {float:right; display:block; background:url(/csimages/354/596/year_freestyle_vacation_bk.jpg) no-repeat; width:241px; height:238px; padding:20px; margin:0; font-size:12px; color:#cccccc;}
#SpecialsPrimaryPromo .DashContent {background:url(/csimages/972/639/dash_right_bk.jpg) no-repeat;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent h2 {color:white; font-size:18px; padding:0; margin:0 0 10px 0;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent h2.Black {color:black;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent p {float:left; color:white; font-size:12px; padding:0; line-height:normal; margin:0;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent p strong {font-size:36px; vertical-align:text-top;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent a.ActionButton {float:right; background:url(/csimages/377/839/slider_buttons.gif) no-repeat; width:112px; display:block; font-size:14px; font-weight:bold; color:white; text-decoration:none; text-align:center; padding:12px 0 15px 0; margin:20px 0 0 0;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent a.ActionButton:hover {background-position:bottom; color:black;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent ul {color:#cccccc; font-size:12px; padding:20px 0 20px 15px; margin:0;}
#SpecialsPrimaryPromo .SpecialsPrimaryContent ul li {color:#cccccc; list-style:outside; font-size:12px;}

/******************************************************************
Secondary Promo Carousel Styles
*******************************************************************/

.carousel-component {position:relative; overflow:hidden; display:none; padding:0; margin:0; border:none; width:950px !important;}		
.carousel-container {float:left; width:950px; background:url(/csimages/834/912/carousel_btm_bk.gif) bottom no-repeat #307189; margin}
.carousel-component ul.carousel-list {width:10000000px; position:relative; z-index:1; padding:0; margin:0;}
.carousel-component .carousel-list li {float:left; background:#36515D url(/csimages/748/727/carousel_item_bk.gif) repeat-x; width:270px; list-style:none; overflow:hidden; padding:15px; margin:0 2px;}
.carousel-component .carousel-clip-region {overflow:hidden; margin:0px auto; position:relative; width:910px !important;}
.carousel-component .carousel-list li img.promo-img {padding:0; margin:0; border:none;}                             
.carousel-component .carousel-list li h3 {display:inline; line-height:25px; font-size:14px; color:#071523; text-align:left; padding:0; margin:0;}
.carousel-component .carousel-list li h4 {border-bottom:1px dotted #6699cc; font-size:12px; font-weight:normal; color:#99FFFF; text-align:left; padding:0 0 10px 0; margin:0 0 10px;}
.carousel-component .carousel-list li span {float:left; text-align:left; font-size:11px; color:white; display: block; padding:0; margin:0; font-style:normal;}
.carousel-component .carousel-list li span strong {font-size:18px;}
.carousel-component .carousel-list li p.all {float:right; padding:0; margin:0;}
.carousel-component .carousel-prev {position:absolute; top:120px; left:0; z-index:3; cursor:pointer;}
.carousel-component .carousel-next {position:absolute; top:120px; right:0; z-index:3; cursor:pointer;}
.CarouselDivider {float:left; padding:0; margin:0; height:14px;}

/******************************************************************
Deal Chart Styles
*******************************************************************/

#DealChartContainer {float:left; width:615px; background:#336091; border:none; padding:10px; margin:10px 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                  	
#DealChartContainer h2 {font-size:24px; color:white; padding:0; margin:0;}

/******************************************************************
slide Out Styles
*******************************************************************/

.SlideOutContainer {position:relative; width:669px; height:1px; padding:0; margin:0;}
.SlideOut {position:absolute; z-index:1000; top:39px; right:0; overflow:hidden; background: url(/csimages/749/983/slide_bk.gif) no-repeat; width:0; height:200px;}
.SlideOut h2 {font-size:18px; padding:30px 35px 0 35px; margin:0; width:328px;}
.SlideOut p {padding:0 35px; margin:10px 0 0 0; width:328px; font-size:12px; text-align:left;}
button.SlideOutButton {border:none; display:block; background:none; background:url(/csimages/377/839/slider_buttons.gif) no-repeat; width:240px; margin:8px 0; padding:7px 0 15px 45px; text-align:left; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#336091;}
button.SlideOutButton:hover {background-position:bottom;}
button.SlideInButton {border:none; background:none; margin:0; padding:0; cursor:pointer; position:absolute; left:3px; *left:-360px; bottom:5px; *top:170px;}

/******************************************************************
Cruise Search Widget Styles
*******************************************************************/

ul.CruiseSearchBox {background: url(/csimages/56/284/search_bk_03.gif) no-repeat; mragin:20px; padding:16px !important; width:260px; height:332px;}
ul.CruiseSearchBox label {color:white; font-size:14px;}
select.BigSelect {border:1px solid #6CA6C3; color:black; font-size:14px; margin:10px 0; padding:2px; width:260px;}
input.SubmitButton {background:transparent url(/csimages/764/1008/cta_button.png) no-repeat; border:none; cursor:pointer; color:white; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:26px; text-transform:uppercase; width:171px;}