/*[fmt]1100-010A-3*/
@import url("reset.css");
/********** GLOBAL STYLES ***********/
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.clear { clear:both; }
.hid { display:none !important; }
.no-bdr {border:0 none !important;}
.no-bg {background: none !important}
.no-pad{padding:0 !important;}
strong { font-weight:bold; }
body { font:normal 12px Arial, Helvetica, sans-serif; color:#555; background:#FFF url(/common/cclus/css/img/background/cloud-bg.jpg) repeat-x -10% 0; }
.content-width { width:962px; overflow:visible; margin:0 auto; position:relative; z-index:10; }
a, a:link, a:visited { color:#0065C9; text-decoration:none; }
a.btn { display:block; text-indent:-999999px; cursor:pointer; outline:none; overflow:hidden; text-align:left; }
a.blue-btn, a.blue-btn:link, a.blue-btn:visited, a.red-btn, a.red-btn:link, a.red-btn:visited { font-family:tempo; width:84px; height:19px; padding-top:2px; padding-left:6px; text-align:center; color:#FFF; font-size:11px; text-transform:uppercase; display:block; }
a.red-btn, a.red-btn:link, a.red-btn:visited { padding-top:3px; height:19px; }
*:first-child+html a.blue-btn, *:first-child+html a.red-btn { padding-top:3px !important; height:18px !important; }
* html a.blue-btn, * html a.red-btn { padding-top:3px !important; height:18px !important; }
a.blue-btn { background:url(/common/cclus/css/img/button/blue-btn.png) no-repeat 0 0; }
a.blue-btn-lg, a.blue-btn-lg:link, a.blue-btn-lg:visited { background-image:url(/common/cclus/css/img/button/blue-btn-lg.png); width:109px; }
a.blue-btn:hover, .active a.blue-btn { background-position:0 bottom; }
a.red-btn { background:url(/common/cclus/css/img/button/red-btn.png) no-repeat 0 0; }
a.green-btn, a.green-btn:link, a.green-btn:visited { background:url(/common/cclus/css/img/button/green-btn.gif) no-repeat 0 0; display:block; height:38px; padding-left:17px; text-transform:uppercase; color:#FFF; }
a.green-btn span { font-size:16px; cursor:pointer; background:url(/common/cclus/css/img/button/green-btn.gif) no-repeat right 0; display:inline-block; height:30px; padding-right:35px; padding-top:8px; font-family:tempo; }
*:first-child+html a.green-btn span { padding-top:9px; height:29px; }
* html a.green-btn span { padding-top:9px; height:29px; cursor:pointer; }
.textshadow a.green-btn span { text-shadow:0px -1px 0px #629E1A; }
a.circle-arrow { display:inline-block; padding:2px 18px 2px 0; font-size:11px; color:#105598; background:url(/common/cclus/css/img/icon/circle-arrow-right.png) no-repeat right center; }
a.circle-arrow:hover { text-decoration:underline; }
/********* HEADER STYLES ***********/
.page_header { width:962px; margin:10px auto; background:url(/common/cclus/css/img/background/header-top.png) no-repeat 0 0; overflow:visible; position:relative; z-index:100; background-image: url(common/cclus/css/img/background/header-top.png); }
/******* FOOTER STYLES ***********/
.page_footer { background:#E1EFFE url(/common/cclus/css/img/background/footer-top-shadow.png) no-repeat center top; margin-top:40px; padding-bottom:40px; display:block; overflow:hidden; clear:both; float:none; }
/******* TOOLBAR WIDGET **********/
.toolbar { width:922px; margin:0 auto 10px; height:23px; clear:both; }
.toolbar .breadcrumbs { display:block; background:url(/common/cclus/css/img/background/breadcrumb-grad.gif) repeat-x 0 0; height:23px; overflow:hidden; float:left; }
.toolbar .breadcrumbs a { font-size:12px; color:#105598; height:23px; line-height:23px; vertical-align:middle; padding:0 20px 0 10px; display:block; float:left; background:url(/common/cclus/css/img/background/breadcrumb-mid.gif) no-repeat right 0; }
.toolbar .breadcrumbs a:hover { text-decoration:underline; }
.toolbar .breadcrumbs a.first-child { background:url(/common/cclus/css/img/icon/breadcrumb-home.gif) no-repeat 0 0; width:32px; padding:0; text-indent:-9999px; overflow:hidden; }
.toolbar .breadcrumbs a.last-child { background:url(/common/cclus/css/img/background/breadcrumb-end.gif) no-repeat right 0; }
.toolbar .social { float:right; font-size:11px; line-height:20px; height:23px; }
.toolbar .social a { margin-right:15px; display:inline-block; vertical-align:middle; }
.toolbar .social a:hover { text-decoration:underline; }
.toolbar a.share { padding-left:13px; color:#00753C; background:url(/common/cclus/css/img/icon/share.gif) no-repeat 0 center; }
.toolbar a.mail { padding-left:18px; background:url(/common/cclus/css/img/icon/mail.gif) no-repeat 0 center; }
.toolbar a.print { padding-left:19px; background:url(/common/cclus/css/img/icon/print.gif) no-repeat 0 center; }
.toolbar a.last-child { margin-right:0; }
/******* TEXT-SIZE WIDGET ******/
.text-size { color:#004B88; font-size:10px; margin-bottom:15px;display: none;}
.text-size a { color:#004B88; margin-left:2px; width:19px; height:19px; vertical-align:text-bottom; display:inline-block; text-align:center; background:url(/common/cclus/css/img/background/text-size-bg.gif) no-repeat 0 0; }
.text-size a.sm { padding-top:2px; height:17px; }
.text-size a.md { padding-top:1px; height:18px; }
.text-size a.sm, .ts-sm { font-size:10px !important; }
.text-size a.md, .ts-md { font-size:12px !important; }
.text-size a.lg, .ts-lg { font-size:14px !important; }





/*[fmt]1100-010A-3*/
.main { width:962px; background:#FFF; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px 0px 10px #6496BA; -moz-box-shadow:0px 0px 10px #6496ba; -webkit-box-shadow:0px 0px 10px #6496ba; padding:20px 0; /*behavior:url(/common/js/PIE.htc);*/ overflow:visible; display:block; position:relative;margin: 20px auto; z-index:100; }
.hero { clear:both; width:922px; margin:0 auto; position:relative; }
.hero .facebook-slider {position:absolute; display:block; width:36px; height:163px; top:18px; right:-12px; background:url(/common/cclus/css/img/button/facebook-slider-btn.png) no-repeat 0 0; text-indent:-9999px;}
.hero .obx-box {background:url(/common/cclus/css/img/background/obx-box-bg.png) no-repeat 0 0; width:230px; height:139px; position:absolute; right:2px; bottom:-25px;}
.hero .obx-box h2 {color:#fff; position:absolute; top:15px; left:20px; font:normal 17px tempo, Arial, Helvetica, sans-serif; text-transform:uppercase;}
.hero .obx-box p {color:#fff; position:absolute; top:55px; left:20px; font-size:11px;}
.hero .obx-box .explore-btn {display:block; width:87px; height:24px; background:url(/common/cclus/css/img/button/obx-explore-btn.png) no-repeat 0 0; text-indent:-9999px; position:absolute; bottom:15px; right:9px;}
.hero-title { position:absolute; top:30px; left:30px; text-transform:uppercase; font-family:tempo, Arial, sans-serif; line-height:1; width:465px; text-shadow:0 1px 2px #fff; }
.hero-title small { color:#014e8f; font-size:20px; line-height:22px; }
.hero-title h2 { color:#014e8f; font-size:42px; margin-bottom:5px; }
.hero-title h2 span {color:#CD2538;}
.hero-title .facebook-like {width:190px; height:30px; margin-top:10px; display:block; background:url(/common/cclus/css/img/button/facebook-like-btn.png) no-repeat 0 0; text-indent:-9999px;}
.page-content { background:#fff; /*url(img/background/sub-hero-bg-2.png) no-repeat center top;*/ width:922px; margin:0 auto; padding:10px 0 20px; clear:both; overflow:hidden; }
div.page-content .content { width:653px; float:left; border:1px solid #b0becd; padding:20px 0 20px 20px; margin-bottom:75px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ecf3fe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ecf3fe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ecf3fe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ecf3fe 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ecf3fe 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ecf3fe',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#ecf3fe 100%); /* W3C */
}
.sidebar {padding-right:3px;width: 241px /*225px;*/; padding-top:30px;}
.arr-list {margin-bottom:10px;}
.arr-list li { padding-left:25px; background:url(/common/cclus/css/img/icon/circle-arrow-right.png) no-repeat 0 0; margin-bottom:5px; }
.arr-list.blue li {color:#105598; margin-bottom:8px;font-size: 12px;}
.blue-bullet {margin-bottom:10px;}
.blue-bullet li {padding-left:10px; background:url(/common/cclus/css/img/icon/blue-bullet.gif) no-repeat 0 center; margin-bottom:5px;}

.ship-tile {
width:207px;
height:190px;
position:relative;
float:left;
margin-right:9px;
margin-bottom:20px;
overflow:visible;
}
.ship-tile:nth-child(3n){
/*margin-right:0;*/
}

.ship-tile .inner {
width:193px;
height:170px;
overflow:hidden;
clear:both;
position:absolute;
top:0;
left:0;
z-index:0;
border:1px solid #cadde9;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
box-shadow:0 0 3px #6496BA;
-moz-box-shadow:0 0 3px #6496BA;
-webkit-box-shadow:0 0 3px #6496BA;
background:#fff;
}

.ship-tile .inner .wrap {
overflow:hidden;
padding:10px;
height:148px;
background: #f0f6fc; /* Old browsers */
background: -moz-linear-gradient(top, #f0f6fc 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f6fc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f6fc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f6fc 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f0f6fc 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6fc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f0f6fc 0%,#ffffff 100%); /* W3C */
}

.ship-tile .inner .left {width:173px; display:block;}
.ship-tile .inner .right {width:200px; display:block; position:absolute; top:15px; left:210px;}

.ship-tile h3 {font:normal 16px Arial, Helvetica, sans-serif; color:#03508e; margin-bottom:10px; width:200px;}
.ship-tile .ship-img img{ cursor: pointer;}
.ship-tile h3 span {font-weight:bold;}
.ship-tile .row-fb {clear:both; padding:10px 0; overflow:hidden;}
.ship-tile .row-fb .fb_edge_widget_with_comment span.fb_edge_comment_widget {display:none !important;}
.ship-tile .row-btn {border-top:1px solid #c4d9eb; padding:10px 0 7px; }
.ship-tile .row-list {border-top:1px solid #c4d9eb; padding:10px 0 0; font-weight:bold;}
.ship-tile .row-list .arr-list {margin:0;}
.ship-tile .fb-like {display:block; width:130px; height:24px; float:left; text-indent:-9999px; background:url(/common/cclus/css/img/button/fb-like.png) no-repeat 0 0;}
.ship-tile .close {width:36px; height:38px; display:none; text-indent:-9999px; background:url(/common/cclus/css/img/button/close-btn.png) no-repeat 0 0; position:absolute; top:-15px; left:405px; z-index:200;}
.ship-tile .expand {display:block; position:relative; width:24px; height:22px; float:right; text-align:center; color:#fff; border:2px solid #4480c1; font:bold 20px/22px Arial, Helvetica, sans-serif; vertical-align:middle;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
background: #4480c1; /* Old browsers */
background: -moz-linear-gradient(top, #4480c1 0%, #2561a3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4480c1), color-stop(100%,#2561a3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4480c1 0%,#2561a3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4480c1 0%,#2561a3 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #4480c1 0%,#2561a3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4480c1', endColorstr='#2561a3',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #4480c1 0%,#2561a3 100%); /* W3C */
}
.ship-tile .ship-img {position:relative;}
.ship-tile .ship-img .badge {position:absolute; top:0; left:0;}
.ship-tile .ship-img .new-badge {display:none; width:46px; height:46px; background:url(/common/cclus/css/img/icon/new-badge-sm.png) no-repeat 0 0;}
.ship-tile .view-itin-btn {display:block; width:178px; height:40px; text-indent:-9999px; background:url(/common/cclus/css/img/button/view-itineraries-green.gif) no-repeat 0 0;}
.ship-tile .explore-ship-btn {display:block; width:178px; height:40px; text-indent:-9999px; background:url(/common/cclus/css/img/button/explore-the-ship-btn.png) no-repeat 0 0;}
.ship-tile .weather-widget {display:block; width:144px; height:41px; text-indent:-9999px; background:url(/common/cclus/css/img/icon/weather-widget.gif) no-repeat 0 0; margin:10px 0;}
.ship-tile h4 {font:bold 12px Arial, Helvetica, sans-serif; color:#222; margin:20px 0 10px;}
.ship-tile p {color:#222; font:normal 12px Arial, Helvetica, sans-serif; margin-bottom:20px;}
.ship-tile .info li {margin-bottom:7px; color:#555; font-size:11px;}
.ship-tile .info strong {font-weight:bold; color:#03508e;}
.ship-tile .info a:hover {text-decoration:underline;}

.ship-tile.new .new-badge {display:block;}

.ship-tile-active {z-index:100;}
.ship-tile-active .inner {
height:auto;
width:410px;
background: #b1cde7;
border:1px solid #b0c8df;
padding:8px;
box-shadow:1px 1px 3px #999;
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.4);
top:-3px;
left:-3px;
z-index:100;
}

.ship-tile-active .inner .wrap {
background:#fff;
filter:none;
height:auto;
}

.ship-tile-active h3 {font-weight:bold; /*color:#cd0d1b;*/}
.ship-tile-active .expand {display:none;}
.ship-tile-active .close {display:block;}

.request-brochure {width:225px; height:88px; display:block; text-indent:-9999px; background:url(/common/cclus/css/img/background/request-brochure-tile.jpg) no-repeat 0 0;}
.close-to-home {width:224px; height:88px; display:block; text-indent:-9999px; background:url(/common/cclus/css/img/background/close-to-home-tile.png) no-repeat 0 0;}