html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
ol, ul {list-style: none;}

html{background:url('img/SeaSea.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body{color: #424242;-webkit-font-smoothing: subpixel-antialiased;font-family: 'Open Sans', sans-serif;font-size:14px;}
h1, h2, h3, h4, h5, h6, .slides .flex-caption p, .page-content blockquote, .event-full .event-info h4, .page-content table th {font-family: 'Merriweather', serif;}

.clear{clear: both;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after {clear: both;}

.fl {float: left;}
.fr {float: right;}
a{color: #424242;text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
h1 {font-size: 30px;margin: 0 0 10px 0;}
h2 {font-size: 24px;margin: 0 0 10px 0;}
h3 {font-size: 18px;margin: 0 0 10px 0;color:#22AADD;font-weight:bold;}
h4 {font-size: 15px;margin: 0 0 10px 0;}
p {font-size: 14px;	line-height: 160%;margin: 0 0 20px 0;}

.list1 li, .list2 li, .list3 li, .list4 li {margin: 0 0 14px 0 !important;}
.list1 li {list-style-image: url(img/list_01.png) !important;list-style-position: inside;}
.list2 li {list-style-image: url(img/list_02.png) !important;list-style-position: inside;}
.list3 li {list-style-image: url(img/list_03.png) !important;list-style-position: inside;}
.list4 li {list-style-image: url(img/list_04.png) !important;list-style-position: inside;}
.list-fail {margin: 0 !important;}
.list-fail li {	list-style-image: url(images/list-fail.png) !important;border-bottom: #f3d0cf 1px solid;}
ol ol {margin: 0 0 0 15px;}

.wrapper{width:1000px;margin:0 auto;background: #fff;box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);}

/*****************Header*********************/
#header-wrapper {z-index:999;position: relative;box-shadow: 0 2px 3px #cccccc;}
#header-wrapper .agentdetails{margin:10px 30px 0 0;}
#header-wrapper .agentdetails li{padding:3px 0;text-align:right;}

#logo{padding:15px 15px 15px 15px;margin:0 auto;width:212px;}
#talogo{padding:5px 0 5px 15px;margin:0 auto;}

#main-menu-wrapper {background: url(img/dot_border_h.png) repeat-x top left;z-index:999;position: relative;}

#main-menu, #main-menu *{margin:0;padding:0;list-style:none;}
#main-menu {line-height:1.0;}
#main-menu ul {position:absolute;top:-999em;width:16em;}
#main-menu ul li {width:100%;}
#main-menu li:hover {visibility:inherit;}
#main-menu li {float:left;position:	relative;}
#main-menu a {display:block;position:relative;}
#main-menu li:hover ul, #main-menu li.sfHover ul {left:0.01em;top:32px; /* match top ul list item height */z-index:99;}
ul#main-menu li:hover li ul, ul#main-menu li.sfHover li ul {top:-999em;}
ul#main-menu li li:hover ul, ul#main-menu li li.sfHover ul {left:16em; /* match ul width */top:	0;}
ul#main-menu li li:hover li ul, ul#main-menu li li.sfHover li ul {top:-999em;}
ul#main-menu li li li:hover ul, ul#main-menu li li li.sfHover ul {left:16em; /* match ul width */top:0;}

#main-menu {z-index: 999;width: 100%;}	
#main-menu ul {margin: -1px 0 0 0;}
#main-menu ul ul {margin: 0;}
#main-menu li {background: url(img/dot_border_v.png) repeat-y top right;line-height: 1;font-size: 14px;font-weight: 600;border-top: transparent 3px solid;}
#main-menu li a {padding: 7px 12px 10px 12px;}
#main-menu li.current_page_item, #main-menu li:hover {border-top: 3px solid;border-color: #2f4a85;}
#main-menu li li {background: url(/images/dot_border_h.png) #fff repeat-x top left;border-top: none;font-size: 14px;font-weight: 400;}
#main-menu li li li:first-child {background: #fff;}
#main-menu li li li:first-child:hover {background: #fbfbfb;}
#main-menu li li:hover, #main-menu li li li:hover {background: url(img/dot_border_h.png) #fbfbfb repeat-x top left;border-top: none;}
#main-menu li li a {padding: 10px 12px 10px 12px;}
#main-menu li ul {box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);}
#main-menu li a.sf-with-ul {padding-right: 45px ;}
#main-menu li a.sf-with-ul:after {content: '';position: absolute;top: 40%;right: 1em;height: 7px;width: 20px;background: url(img/arrow_down.png) no-repeat left center;}
#main-menu li li a.sf-with-ul:after {top: 40%;background: url(img/arrow_right.png) no-repeat left center;height: 10px;}
#main-menu li:last-child {background: none;}
#main-menu li li:last-child {background: url(img/dot_border_h.png) #fff repeat-x top left;}
#main-menu li li:last-child:hover {	background: url(img/dot_border_h.png) #fbfbfb repeat-x top left;}

/****************Slider********************/
.slider, .slider-blocks, .page-slider {padding: 0;}
.slider .slides > li, .slider-blocks .slides > li, .page-slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider .slides img, .page-slider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.slider, .page-slider {position: relative;height:360px;width:100%;background-color:#fff;}
.slider .flex-direction-nav .flex-prev {border-color: #2f4a85;background-color: #2f4a85;}
.slider .flex-direction-nav .flex-next {border-color: #2f4a85;background-color: #2f4a85;}
.slider .slides li {margin: 0 !important;list-style: none !important;height:360px;background-repeat:no-repeat;background-position:bottom center;}
.slider .flex-direction-nav .flex-prev, .slider .flex-direction-nav .flex-next {position: absolute;top: 40%;z-index: 999;text-indent: -9999px;width: 42px;height: 80px;}
.slider .flex-direction-nav .flex-prev {border-right: 3px solid;background-image: url(img/arrow_prev_02.png);background-repeat: no-repeat;background-position: center;left: 0;}
.slider .flex-direction-nav .flex-next {border-left: 3px solid;background-image: url(img/arrow_next_02.png);background-repeat: no-repeat;background-position: center;right: 0;}
.slider .slides .flex-caption p {color: #fff;font-size: 30px;margin: 0;padding: 15px 30px;line-height: 1;float: left;}
.slider .slides .flex-caption-wrapper {width: 1000px;margin: 0 auto;position: relative;top: 50%;}

/****************Content********************/
.content-wrapper {background: #ffffff;padding:20px;box-sizing:border-box;width:100%;margin: 0 auto;}

/****************Footer********************/
#footer{width:100%;margin: 0 auto;background: #2f4a85;margin-top:30px;}
#footer-bottom {padding: 8px 15px;}
#footer-bottom p {color: #ddd;font-size: 12px;line-height: 160%;margin: 0;}
#footer a {color: #fff;}
.go-up {background: url(img/arrow_up.png) no-repeat right center;padding: 0 15px 0 0;}

/*************************Form***********************/
.label{width:240px;text-align:right;padding:10px;}
.txtinput{padding:3px 5px;color:#777;width:360px;}
.cmbinput{padding:3px 5px;color:#777;width:374px;}
/************************ button ************************/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {text-decoration: none;}
.button:active {position: relative;top: 1px;}
.bigrounded {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/****************FAQ's*******************/
#faqs dt, #faqs dd { padding: 0 0 0 27px }
#faqs dt {cursor:pointer;height:18px;line-height:18px;margin: 0 0 15px 0;font-weight:bold;}
#faqs dd {margin: 0 0 20px 0}
#faqs dt { background: url(img/expand-icon.png) no-repeat left}
#faqs .expanded { background: url(img/expanded-icon.png) no-repeat left}

/****************Scroll*******************/
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(img/cursor_arrow_left.png), url(img/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(img/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(img/cursor_arrow_right.png), url(img/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(img/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper{position: relative;overflow: hidden;width: 100%;height: 100%;}
div.scrollableArea{position: relative;width: auto;height: 100%;}
#logoParade{width: 1000px;height:60px;position: relative;}
#logoParade div.scrollableArea a{display: block;float: left;padding-left: 10px;}

.ebrochures{margin:0;padding:0;}
.ebrochures li{float:left;margin:10px 40px 10px 0;width:210px;text-align:center;border:1px #000 solid;box-sizing:border-box;background-color:#000;padding-bottom:5px;}
.ebrochures li.last{margin-right:0;}
.ebrochures li img{width:208px;height:270px;}
.ebrochures li a{color:#fff;font-weight:bold;}

.ebrochuresmall{margin:0;padding:0;}
.ebrochuresmall li{margin:10px 25px 5px 25px;width:107px;text-align:center;box-sizing:border-box;padding-bottom:5px;}
.ebrochuresmall li.last{margin-right:0;}
.ebrochuresmall li img{width:105px;}
.ebrochuresmall li a span{color:#000;font-size:11px;line-height:16px;font-weight:bold;}

.cruiselines{margin:0;padding:0;}
.cruiselines li{float:left;margin:10px 20px 10px 0;width:164px;text-align:center;box-sizing:border-box;padding-bottom:5px;}
.cruiselines li.last{margin-right:0;}
.cruiselines li img{width:164px;height:60px;}
.cruiselines li a{color:#fff;font-weight:bold;}

table.facts{width:100%;border-collapse:collapse;border-top:1px #ddd solid;border-right:1px #ddd solid;margin-bottom:30px;}
table.facts th{font-weight:bold;background-color:#f7fbff;padding:5px;border-bottom:1px #ddd solid;border-left:1px #ddd solid;}
table.facts td{padding:5px;border-bottom:1px #ddd solid;border-left:1px #ddd solid;text-align:center;vertical-align:middle;}
table.facts td.ship{text-align:center;width:175px;}
table.facts td.ship img{width:175px;height:90px;}

ul.horzlist{list-style: circle;}
ul.horzlist li{display: inline;padding: 3px 10px 3px 15px;line-height:24px;background:url(img/list_05.png) no-repeat left center;}

#contentleft{float:left;width:760px;}
#contentright{float:right;width:164px;box-sizing:border-box;}

#contentleft1{float:left;width:760px;}
#contentright1{float:right;width:164px;box-sizing:border-box;}


.ui-tabs.ui-tabs-vertical {
    padding: 0;
    width: 42em;
}
.ui-tabs.ui-tabs-vertical .ui-widget-header {
    border: none;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 10em;
    background: #fff;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid gray;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0.2em 0;
    border: 1px solid gray;
    border-width: 1px 0 1px 1px;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    position: relative;
    right: -2px;
    z-index: 2;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    cursor: pointer;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0.2em;
    padding-bottom: 0;
    border-right: 1px solid white;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child {
    margin-bottom: 10px;
}
.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 28em;
    border-left: 1px solid gray;
    border-radius: 0;
    position: relative;
    left: -1px;
}


#cruisedeals{display:flex;box-sizing:border-box;}
#cruisedeals .leftcontent{float:left;width:240px;border-top:1px solid #cccccc;box-sizing:border-box;}
#cruisedeals .leftcontent li{padding:6px 0 6px 10px;border:1px solid #cccccc;border-top:none;border-right:none;}
#cruisedeals .leftcontent li.heading{background-color:#eeeeee;font-weight:bold;}
#cruisedeals .leftcontent li.heading:hover{background-color:#eeeeee;}
#cruisedeals .leftcontent li a{padding-left:12px;display:block;background:url(img/list_01.png) no-repeat left center;}
#cruisedeals .leftcontent li:hover{background-color:#22AADD;}
#cruisedeals .leftcontent li:hover a{color:#ffffff;}
#cruisedeals .leftcontent li.active{background-color:#22AADD;}
#cruisedeals .leftcontent li.active a{color:#ffffff;}

#cruisedeals .rightcontent{float:left;padding:20px 20px 10px 30px;width:720px;box-sizing:border-box;border:1px solid #cccccc;}
#cruisedeals .rightcontent div.logo{width:164px;margin-bottom:20px;}
#cruisedeals .rightcontent h3{margin-bottom:6px;}
#cruisedeals .rightcontent p{margin-bottom:6px;}
#cruisedeals .rightcontent p.disclaimer{font-size:12px;margin-bottom:2px;}
#cruisedeals .rightcontent ol{list-style:decimal;margin:0 20px;}
#cruisedeals .rightcontent ul{list-style:disc;margin:0 20px;}