/* HTML elements */
h1, h2, h3, h4, h5, h6 {
/*font-weight: normal;*/
margin: 0;
line-height: 1em;
}
h1 {
font-size: 1.75em;
margin-bottom: .5142em;/*padding-top: .2em;*/
}
h2 {
font-size: 1.75em;
margin-bottom: .5142em;
padding-top: .2em;
}
h3 {
font-size: 1.45em;
margin-bottom: .7em;/*padding-top: .3em;*/
}
h4 {
font-size: 1.25em;
margin-bottom: .3em;
}
h5, h6 {
font-size: 1em;
margin-bottom: .5em;
font-weight: bold;
}
p, blockquote, ul, ol, dl, form, table, pre {
line-height: inherit;
margin: 0 0 1.5em 0;
}
ul, ol, dl {
padding: 0;
}
ul ul, ul ol, ol ol, ol ul, dd {
margin: 0;
}
li {
margin: 0 0 0 2em;
padding: 0;
display: list-item;
list-style-position: outside;
}
blockquote, dd {
padding: 0 0 0 2em;
}
pre, code, samp, kbd, var {
font: 100% mono-space, monospace;
}
pre {
overflow: auto;
}
abbr, acronym {
text-transform: uppercase;
border-bottom: 1px dotted #000;
letter-spacing: 1px;
}
abbr[title], acronym[title] {
cursor: help;
}
small {
font-size: .9em;
}
sup, sub {
font-size: .8em;
}
em, cite, q {
font-style: italic;
}
img {
border: none;
}
hr {
height: 1px;
border: #fff 1px solid;
margin-bottom: 0;
}
table {
width: 100%;
border-collapse: collapse;
}
th, caption {
text-align: left;
}
form div {
clear: both;/*margin: .5em 0;*/
}
label {
display: block;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
font-weight: bold;
}
input[type=radio], input[type=checkbox], .radio, .checkbox {
margin: 0 .25em 0 0;
}
/* // HTML elements */
/* common */
.left {
float: left;
margin-right: 1em;
}
.right {
float: right;
margin-left: 1em;
}
th.right, td.right {
float: none;
text-align: right;
}
th.left, td.left {
float: none;
text-align: left;
}
.center {
text-align: center;
}
.reset {
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.first {
margin-left: 0 !important;
}
.last {
margin-right: 0 !important;
}
.top {
margin-top: 0 !important;
}
td.top {
vertical-align: top;
}
.bottom {
margin-bottom: 0 !important;
}
.hidden, .print, #header h2 {
display: none;
}
.graphic, #header h1 a, #header h4 a, .po, .icc, .yourcruises .remove {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
text-indent: -8000px;
}
.small {
font-size: 0.9em;
}
.big {
font-size: 1.1em;
}
.noborder, .noborder td, .noborder th {
border: 0;
}
.nowrap {
white-space: nowrap;
}
/* // common */
/* base */
body, table, input, textarea, select, li, button {
font: 11px Arial, Helvetica, Sans-Serif;
line-height: 1.5em;
/*color: #333;*/
color: #0054aa;
}
.twelve {
font: 12px!important;
font-size: 12px!important;
}
body {
background: #fff url(//content.cleancruising.com.au/images/bg_body.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: center;
}
a, a:visited {
text-decoration: none;
color: #0054aa;
}
a:hover {
color: #23a4e7;
}
ins {
text-decoration: none;
color: #900;
font-style: italic;
}
code {
color: #555;
}
pre {
margin-left: 2em;
padding-left: 2em;
border-left: 1px solid #ccc;
}
blockquote {
margin-left: 2em;
border-left: 1px solid #ccc;
font-style: italic;
}
dt {
font-weight: bold;
}
th, td {
padding: .5em 1em;
line-height: 1.3em;
}
th {
background: #01466e;
color: #fff
}
td {
border-bottom: 1px solid #eee;
}
caption {
font-style: italic;
color: #777;
margin: .5em 0;
}
fieldset {
border: 0;
padding: .2em .2em;
margin: 0 0 1.5em 0;
}
legend {
padding: 2px 5px;
}
form div.col {
clear: none;
}
form div.first {
clear: both;
}
/*form div {
overflow: hidden;
}
*/
input[type=text], input[type=email], input[type=password], textarea, .field, .area, select {
border: 1px solid #aaa;
padding: 3px 3px;
background: #fff;
line-height: 1em;
margin: 0;
height: 20px;
}
.mobileshow {
display: none;
}
#tabs {
width: 788px;
}
select {
}
textarea, .area {
overflow: auto;
height: 150px;
width: 400px;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, select:focus, .focus {
background: #f5f5f5;
outline: none;
}
.submit {
}
/*#bookingbtn {
background: url(//content.cleancruising.com.au/images/sprite.png) 0 -99px no-repeat;
float: right;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 0;
padding: 0 10px;
text-transform: uppercase;
}*/
.btn {
/*background: url(//content.cleancruising.com.au/images/sprite.png) 0 -99px no-repeat;*/
float: right;
}
/*button, .btn a {
background: url(//content.cleancruising.com.au/images/sprite.png) 100% 0 no-repeat;
border: none;
line-height: 25px;
height: 25px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
cursor: pointer;
display: block;
margin: 0;
padding: 0 10px;
}*/
button, .btn a, #bookingbtn {
background: #28bd57;
background-image: -webkit-linear-gradient(top, #28bd57, #0e8335);
background-image: -moz-linear-gradient(top, #28bd57, #0e8335);
background-image: -ms-linear-gradient(top, #28bd57, #0e8335);
background-image: -o-linear-gradient(top, #28bd57, #0e8335);
background-image: linear-gradient(to bottom, #28bd57, #0e8335);
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
/*-webkit-box-shadow: 1px 1px 0 #cccccc;
-moz-box-shadow: 1px 1px 0 #cccccc;
box-shadow: 1px 1px 0 #cccccc;*/
font-family: Arial;
color: #ffffff;
font-size: 14px;
padding: 0 10px 0 10px;
text-decoration: none;
border: none;
line-height: 25px;
height: 25px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
cursor: pointer;
display: block;/**margin: 5;**/
}
.btn a {
height: 27px;
line-height: 27px;
/* width: 89px; */
padding-left: 13px;
/*margin-top: 4px;*/
margin-right: 6px;
}
.btn .grey {
background: #8E8E8E!important;
cursor: default!important;
}
.btn .purple {
/*background: #7522B5!important;*/
cursor: default!important;
background-image: -webkit-linear-gradient(top, #A129E6, #591390);
background-image: -moz-linear-gradient(top, #A129E6, #591390);
background-image: -ms-linear-gradient(top, #A129E6, #591390);
background-image: -o-linear-gradient(top, #A129E6, #591390);
background-image: linear-gradient(to bottom, #A129E6, #591390);
}
#bookingbtn {
float: right;
font-size: 16px;
padding: 0 15px 0 15px;
line-height: 40px;
height: 40px;
}
button, .btn a:hover, #bookingbtn:hover {
background: #219e45;
text-decoration: none;
}
.btnFresh button {
background: #2BB957;
background-image: -webkit-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -moz-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -ms-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -o-linear-gradient(top, #2BB957, #0E6B2C);
background-image: linear-gradient(to bottom, #2BB957, #0E6B2C);
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 0 #cccccc;
-moz-box-shadow: 1px 1px 0 #cccccc;
box-shadow: 1px 1px 0 #cccccc;
font-family: Arial;
color: #ffffff;
font-size: 14px;
/**padding: 10px 20px 10px 20px; **/
margin-top: 11px;
text-decoration: none;
border: none;
line-height: 32px;
width: 170px;
height: 32px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
cursor: pointer;
display: block;/**margin: 5;**/
}
.btnFresh button:hover {
background: #219e45;
text-decoration: none;
}
#shipFinderForm h4, #newsletterForm h4 {
font-size: 1.1em;
font-weight: 700;
color: #01466e;
}
#shipFinderForm .btnShipFinder button, #newsletterForm .btnNewsLetterEmail button {
margin-top: 0;
width: 49px;
height: 24px;
line-height: 0;
clear: none!important;
font-weight: 100;
font-size: 12px;
background: #b5b5b5;
background-image: -webkit-linear-gradient(top, #b5b5b5, #707070);
background-image: -moz-linear-gradient(top, #b5b5b5, #707070);
background-image: -ms-linear-gradient(top, #b5b5b5, #707070);
background-image: -o-linear-gradient(top, #b5b5b5, #707070);
background-image: linear-gradient(to bottom, #b5b5b5, #707070);
}
#shipFinderForm .btnShipFinder button:hover, #newsletterForm .btnNewsLetterEmail button:hover {
background: #219e45;
text-decoration: none;
}
.box #shipFinder {
width: 108px;
float: left;
clear: none;
height: 19px;
margin-right: 4px;
}
.box #newsletter_email {
width: 104px;
float: left;
clear: none;
height: 19px;
margin-right: 4px;
padding: 2px;
}
.cruisecount {
color: #464646;
font-size: 10px;
text-align: right;
}
.fav {
background: url(//content.cleancruising.com.au/images/btn_favourite.png) 0 0 no-repeat;
}
.fav a {
background: url(//content.cleancruising.com.au/images/btn_favourite.png) 100% -25px no-repeat;
padding-left: 35px;
}
.note, .success, .error {
display: block;
}
.error {
color: #900;
}
.success {
color: #060;
}
.note {
font-weight: bold;
}
.notvalid {
border: 1px solid #900 !important;
}
.upper {
text-transform: uppercase;
}
.pullquote {
width: 20%;
float: left;
margin-right: 2em;
padding-right: 2em;
border-right: 1px solid #ccc;
text-align: right;
font-size: 1.1em;
font-style: italic;
color: #777;
margin-bottom: .5em;
}
.boxout {
width: 20%;
float: right;
margin-left: 2em;
padding: 1em 2em;
border: 1px solid #ccc;
margin-bottom: .5em;
}
#easy_tooltip {
border: 1px solid #e1e1e1;
padding: 2px 10px;
background: #f5f5f5;
}
/* base */
/* layout */
#container {
background: url(//content.cleancruising.com.au/images/bg_shadow.png) no-repeat 50% 141px;
}
.inner {
margin: 0 auto;
width: 980px;
text-align: left;
position: relative;
}
#header {
position: relative;
height: 141px;
position: relative;
z-index: 50;
}
#footer {
position: relative;
width: 980px;
margin: 0 auto;
padding: 2em 0;
}
#footer div, #footer ul {
text-align: left;
float: left;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0 0 20px 30px;
}
#footer ul li {
list-style: none;
margin: 0;
padding: 0 0 0 7px;
line-height: 1.3em;
}
#footer .general {
width: 280px;
}
#footer .general h2 {
margin: 0 0 20px 30px;
float: left;
}
#footer .general h2 a {
display: block;
background: url(//content.cleancruising.com.au/images/sprite_logo.png) no-repeat 0 0;
width: 213px;
height: 39px;
text-indent: -10000px;
overflow: hidden;
}
#footer .general a, #footer .general li {
color: #0054aa;
font-weight: bold;
}
#footer .general li {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px -38px;
}
#footer .cruiselines {
width: 312px;
}
#footer .destinations {
width: 380px;
}
#footer .copyright {
clear: both;
background: #f5f5f5;
border-top: 1px solid #ccc;
width: 910px;
padding: 10px 35px;
text-align: center;
}
#footer h3 {
font-size: 1em;
font-weight: bold;
margin: 0 0 5px 30px;
}
#footer li a {
color: #636363;
}
#footer .cruiselines ul li {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px 6px;
}
#footer .destinations ul li {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px 6px;
}
#footer .iata, #footer .tcfp, #footer .afta, #footer .trsc, #footer .amex, #footer .memb {
height: 39px;
text-indent: -10000px;
overflow: hidden;
background: url(//content.cleancruising.com.au/images/sprite_logo.gif) no-repeat -316px 6px;
display: block;
float: left;
margin: 0 2px;
cursor: default;
}
#footer .iata {
width: 54px;
background-position: -8px -50px;
}
#footer .tcfp {
width: 151px;
background-position: -62px -50px;
}
#footer .afta {
width: 55px;
background-position: -8px -102px;
}
#footer .trsc {
width: 65px;
background-position: -76px -102px;
float: right;
}
#footer .memb {
width: 153px;
background-position: -5px -150px;
float: right;
}
#footer .amex {
width: 42px;
background-position: -168px -102px;
float: right;
}
.content {
clear: both;
padding: 0 0 1em 0;
background: #fff url(//content.cleancruising.com.au/images/bg_content.gif) repeat-y;
border-bottom: 1px solid #d8d8d8;
z-index: 1;
}
.content.wide {
padding: 0;
}
.content.wide .main {
background: #fff;
min-height: 900px;
}
.main, .secondary, .tertiary, .quaternary {
float: left;
display: inline;
}
.main {
width: 600px;
margin: 0 0;
}
.main.wide {
width: 790px;
}
.main .box {
padding: 15px 15px 0 15px;
}
.main .box-toppadding {
padding: 15px 0px 0 0px;
}
.main .boxhome {
padding: 0 25px 0 25px;
}
.main .box.resetTop {
padding-top: 0;
}
.secondary, .tertiary {
width: 190px;
background-color: #F4F4F4;
}
.secondary .box {
background: #f5f5f5 url(//content.cleancruising.com.au/images/bg_greybox.jpg) repeat-x 0 100%;
padding: 10px;
}
.tertiary .box {
background: url(//content.cleancruising.com.au/images/sprite.png) -320px 100% no-repeat;
padding: 10px;
overflow: hidden;
}
/*.tertiary .box:hover {
background: url(../images/bg_greybox_hover.gif) -320px 100% no-repeat;
}
*/
.box.alt {
background: none;
}
/* grid */
.cols {
}
/* main column container class */
.col {
float: left;
display: inline;
width: 48%;
margin-left: 4%;
/* 2 equal width columns layout - default */ }
.cols3 .col {
width: 30%;
margin-left: 5%;
}
/* 3 equal width columns layout */
.cols4 .col {
width: 22%;
margin-left: 4%;
}
/* 4 equal width columns layout */
/* use following classes to build custom grid (add as many as you want) */
.col1, .col2, .col3 {
float: left;
display: inline;
}
.col1 {
}
.col2 {
}
.col3 {
}
/* grid */
/* // layout */
/* navigation */
#nav {
position: absolute;
top: 109px;
left: 3px;
z-index: 1000;
}
#nav, #nav ul, #nav li {
margin: 0;
padding: 0;
list-style: none;
}
#nav a {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.1em;
line-height: 30px;
height: 30px;
display: block;
border: 1px solid #01466e;
border-bottom: none;
padding: 0 7px;
}
#nav a:hover, #nav li.over a {
color: #01466e;
background: #fff;
border: 1px solid #01466e;
border-bottom: none;
}
#nav li {
float: left;
display: inline;
position: relative;
padding-top: 1px;
}
#nav ul {
position: absolute;
left: 0;
top: 32px;
padding: 5px 0 10px 10px;
width: 400px;
background: #fff;
display: none;
z-index: 1000;
border: 1px solid #01466e;
border-top: none;
}
#nav ul li {
width: 47%;
margin-right: 3%;
border-bottom: 1px solid #d7d7d7;
}
#nav ul a, #nav li.over ul a {
font-weight: normal;
color: #636363;
text-transform: none;
font-size: 1em;
padding: 5px 10px 4px 10px;
display: block;
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px 9px;
height: auto;
line-height: 1.2em;
border: none;
}
#nav ul a:hover, #nav ul li.over a:hover {
color: #0054aa;
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px -35px;
border: none;
}
#topnav {
position: absolute;
top: 7px;
right: 10px;
margin: 0;
padding: 0;
}
#topnav {
list-style: none;
}
#topnav li {
display: inline;
margin: 0 5px;
padding: 0;
}
#topnav a {
color: #fff;
text-transform: uppercase;
font-weight: 800;
}
#breadcrumbs {
width: 770px;
background: #fff;
/*color: #666;*/
padding: 9px 0 9px 13px;
float: left;
margin: 0;
line-height: normal;
}
#breadcrumbs p {
padding: 0;
margin: 0;
}
#breadcrumbs a {
/*color: #666;*/
}
#breadcrumbs .selected {
font-weight: bold;
}
#breadcrumbs-book {
width: 570px;
background: #fff;
color: #666;
padding: 9px 0 0 20px;
float: left;
margin: 0;
line-height: normal;
}
#breadcrumbs-book p {
padding: 0;
margin: 0;
}
#breadcrumbs-book a {
color: #666;
}
#breadcrumbs-book .selected {
font-weight: bold;
}
/* //navigation */
/* header */
#header h1 {
position: absolute;
top: 44px;
left: 9px;
margin: 0;
}
#header h1 a {
width: 316px;
height: 54px;
background: url(//content.cleancruising.com.au/images/sprite.png);
}
#header h4 {
position: absolute;
top: 44px;
left: 9px;
margin: 0;
}
#header h4 a {
width: 316px;
height: 54px;
background: url(//content.cleancruising.com.au/images/sprite.png);
}
#header phone {
color: #FFF;
}
/*#search {
background: #d8d8d8;
width: 190px;
height: 240px;
}
#search form {
background: #d8d8d8 url(//content.cleancruising.com.au/images/bg_fieldset.jpg) repeat-x;
margin-bottom: 0;
}
#search form fieldset {
padding: 10px 10px 0;
margin-bottom: 0;
}
#search form h4, .tertiary form h4 {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
color: #01466e;
letter-spacing: .02em;
text-shadow: #fff 1px 1px 0;
font-family: Arial, Helvetica, sans-serif }
#search select {
width: 170px;
padding: 1px;
}
#search input {
width: 162px;
}
#search .btn input {
width: auto;
margin-bottom: 5px;
}
#search form.fcruise {
padding-bottom: 0;
height: 147px;
}
*/
/********* imported from hompage css min **********/
#search {
background: none repeat scroll 0 0 #d8d8d8;
height: 240px;
width: 190px;
}
#search form {
background: url("//content.cleancruising.com.au/images/bg_fieldset.jpg") repeat-x scroll 0 0 #d8d8d8;
margin-bottom: 0;
}
#search form fieldset {
margin-bottom: 0;
padding: 10px 10px 0;
}
#search form h4, .tertiary form h4 {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
color: #01466e;
letter-spacing: .02em;
/**text-shadow: #fff 1px 1px 0;**/
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
}
#search select {
width: 170px;
padding: 1px;
height: 25px;
}
#search input {
width: 162px;
}
#search .btn input {
margin-bottom: 5px;
width: auto;
}
#search form.fcruise {
padding-bottom: 0;
}
.fcruise .select {
margin-top: 5px;
margin-bottom: 5px;
}
#shipFinderForm .btn {
float: right;
clear: none;
margin-top: 0;
}
/* inline search & btn */
#search #shipFinder {
width: 118px;
float: left;
clear: none;
height: 19px;
margin-right: 4px;
}
/* inline search & btn */
/********** end import ******************/
.content form.ffilter {
padding: 0;
height: 70px;
line-height: 1.2em;
}
.content form.ffilter h4 {
padding: 0;
margin: 0 0 5px 0;
}
#phone {
position: absolute;
left: 410px;
top: 47px;
width: 160px;
color: #fff;
}
#phone em {
font-style: normal;
font-size: 10px;
line-height: 1.1em;
}
#phone span {
font-size: 11px;
font-style: normal;
font-weight: bolder;
display: block;
}
#phone strong {
font-size: 2em;
line-height: 1.6em;
font-weight: normal;
white-space: nowrap;
color: #fff;
}
#workinghours {
position: absolute;
left: 635px;
top: 45px;
width: 150px;
color: #fff;
}
#workinghours dl {
margin: 0;
padding: 0;
font-size: 10px;
line-height: 1.2em;
}
#workinghours dt {
margin: 0;
padding: 0;
color: #fff;
display: inline;
width: 50px;
float: left;
}
#workinghours dd {
margin: 0;
padding: 0;
}
/* // header */
/* content */
.content h1 {
background: #01466e;
color: #fff;
font-size: 1.1em;
font-weight: 900;
display: inline;
padding: 5px 8px;
line-height: 2em;
text-transform: uppercase;
font-style: normal;
border: none;
}
.content h2 {
background: #01466e;
color: #fff;
font-size: 1.1em;
font-weight: 900;
display: inline;
padding: 5px 8px;
line-height: 2em;
text-transform: uppercase;
font-style: normal;
border: none;
}
.content h2.title {
color: #01466e;
padding: 5px 0;
line-height: 2em;
font-size: 1.5em;
background: none;
text-transform: none;
}
#intro {
width: 760px;
height: 225px;
background: #ccc url(//content.cleancruising.com.au/images/bg_featured.jpg) no-repeat 100% 100%;
color: #fff;
padding: 15px 0 0 30px;
float: left;
position: relative;
}
#intro h3 {
width: 700px;
font-size: 2.7em;
margin-bottom: .5em;
display: block;
}
#intro p {
width: 300px;
font-size: 1.3em;
line-height: 1.4em;
}
#intro h6 {
width: 600px;
font-size: 1.3em;
line-height: 1.4em;
position: absolute;
bottom: 10px;
}
.content .tertiary hr {
height: 1px;
border: #f0f0f0 1px solid;
margin-bottom: 0;
}
.content .tertiary input {
width: 158px;
}
.content .tertiary .btn input {
width: auto;
}
.content .tertiary form, .content .tertiary fieldset {
margin-bottom: 0;
}
.facts {
border: 1px solid #b7d9ef;
background: #e6f4fd;
color: #014d7b;
font-style: italic;
font-size: 1.1em;
padding: 10px;
margin-bottom: 10px;
clear: both;
}
.call, .mailto {
background: #01466e;
color: #fff;
display: block;
text-align: center;
font-weight: 800;
padding: 3px 0;
margin-bottom: 10px;
}
.call {
text-transform: uppercase;
}
.po {
width: 64px;
height: 32px;
background: url(//content.cleancruising.com.au/images/sprite.png) -109px -54px;
display: block;
margin-bottom: 10px;
cursor: pointer;
}
.po.large {
width: 116px;
height: 54px;
background: url(//content.cleancruising.com.au/images/sprite.png) -50px -126px;
display: block;
margin-bottom: 0;
cursor: pointer;
}
.icc {
background: url(//content.cleancruising.com.au/images/sprite.png) -207px -54px;
display: block;
width: 110px;
height: 110px;
margin: 0 auto 10px auto;
cursor: default;
}
.promo {
border: 1px solid #9c9c9c;
margin-bottom: 10px;
}
.promo.last {
margin-bottom: 0;
}
.tipoftheday img {
margin-right: 0;
}
.tipoftheday em {
display: block;
clear: both;
line-height: 1.2em;
}
.tipoftheday strong {
color: #0054aa;
}
.whycc {
line-height: 1.2em;
}
.yourcruises {
padding-bottom: 20px;
border-top: 1px solid #d8d8d8;
}
.yourcruises ul {
list-style: none;
border-top: 1px solid #fff;
padding: 0;
margin: 0 0 5px 0;
}
.yourcruises li {
border-bottom: 1px solid #fff;
padding: 0;
margin: 0;
font-weight: bold;
color: #666;
}
.yourcruises a {
font-weight: normal;
padding-left: 3px;
}
.yourcruises li span {
border-bottom: 1px solid #d8d8d8;
display: block;
width: 100%;
position: relative;
}
.yourcruises .remove {
background: url(//content.cleancruising.com.au/images/sprite.png) 0 -143px;
display: block;
width: 10px;
height: 13px;
position: absolute;
right: 0;
top: 0;
}
.offering {
clear: both;
background: url(//content.cleancruising.com.au/images/sprite.png) 0 -297px no-repeat;
padding: 5px 0 7px 0;
float: left;
width: 170px;
}
.offering img {
margin-right: 5px;
}
.offering a {
font-size: 1.1em;
font-weight: bold;
}
.offering strong {
font-size: 1.85em;
line-height: 1.2em;
}
.weekspecial {
width: 267px;
float: left;
margin-right: 16px;
margin-bottom: 10px;
}
.weekspecial h3 {
color: #0054aa;
font-size: 1.3em;
font-weight: bold;
}
.weekspecial strong {
font-size: 2.7em;
line-height: .9em;
}
.topfive {
position: relative;
background: #2aacea url(//content.cleancruising.com.au/images/bg_topfive.jpg) no-repeat 0 100%;
padding: 35px 10px 10px 100px;
margin: 0 16px 20px 0;
color: #fff;
width: 157px;
float: left;
}
.topfive.noimg {
padding-left: 5px;
width: 252px;
}
.topfive ol, .topfive li {
color: #fff;
font-weight: bold;
margin-bottom: 0;
}
.topfive li {
line-height: 1.3em;
}
.topfive li a {
font-weight: normal;
}
.topfive h2 {
position: absolute;
top: 0;
left: 0;
padding: 0 8px;
}
.topfive a {
color: #fff;
}
.topfive a:hover {
text-decoration: underline;
}
.topfive img {
position: absolute;
left: -15px;
bottom: -20px;
}
.topfive .more {
position: absolute;
top: 3px;
right: 3px;
}
.secondary h3 {
/*color: #666;*/
color: #0054aa;
}
.tertiary h3 {
/*color: #838383;*/
color: #0054aa;
}
.normal {
font-weight: normal;
font-style: normal;
}
#calendar {
clear: both;
background: #fff url('../images/calendar_background.jpg') repeat-y;
position: relative;
left: -5px;
float: left;
width: 563px;
}
#calendar .inner {
padding: 35px 10px 10px 18px;
background: url('../images/calendar_top.jpg') no-repeat;
width: auto;
}
#calendar h2 {
background: none;
color: #01466e;
display: block;
text-transform: none;
padding: 0;
font-size: 1.5em;
font-weight: normal;
margin-bottom: 0;
}
#calendar p {
margin: 0 0 5px 0;
}
#calendar.booking p {
margin: 0 0 5px 0;
width: 300px;
color: #01466e;
}
#calendar table {
margin: 0;
padding: 0;
}
#calendar.booking table {
background: #fff;
margin-bottom: 10px;
width: 520px;
}
#calendar .data {
overflow: auto;
width: 342px;
}
#calendar tr {
border-top: 1px solid #fff;
height: 25px
}
#calendar img {
margin: 0 4px 0 0;
float: left;
display: inline;
}
#calendar .months {
background: #959595;
color: #fff;
font-weight: bold;
}
#calendar td, #calendar th {
padding: 0 4px 0 4px;
text-align: center;
border: none;
line-height: 24px;
height: 24px;
}
#calendar.booking td, #calendar.booking th {
padding: 2px 3px 2px 3px;
text-align: left;
border: none;
line-height: normal;
height: auto;
border-top: 1px #f1f1f1 solid;
}
#calendar.booking td.label {
background: #f5f5f5;
font-weight: bold;
width: 35%;
border-top: 1px #fff solid;
}
#calendar.booking textarea {
width: 325px;
height: 70px;
}
#calendar .btn {
margin-right: 16px;
}
#calendar .destinations {
float: left;
width: 180px;
}
#calendar .destinations td, #calendar .destinations th {
text-align: left;
padding: 0;
}
#calendar .destinations .months td {
padding-left: 10px;
}
#calendar .alternate {
background: #fff;
}
#calendar div.footer {
clear: both;
background: #fff url('../images/calendar_bottom.jpg');
height: 17px;
}
#calendar strong {
color: #01466e;
}
#video {
margin-bottom: 1.5em;
}
#map {
margin-bottom: .5em;
float: left;
}
.important {
background: #e6f4fd;
color: #01466e;
border: 1px solid #b7d9ef;
text-align: center;
font-style: italic;
clear: both;
padding: 4px;
font-size: 1.1em;
}
.pageheader {
/*background: url(//content.cleancruising.com.au/images/bg_pageheader.jpg) repeat-x;*/
background-color: #014670;
color: #fff;
height: 144px;
position: relative;
float: left;
}
.pageheader-cruise-request {
margin: 0px 15px 0 15px;
background: initial;
/*border-radius: 3px;*/
/* background-color: #01446E; */
line-height: initial;
/*padding: 10px 10px 3px 10px;*/
color: #0054AA;
}
.main .pageheader {
float: none;
}
.pageheader.nomenu {
height: 115px;
}
.pageheader.wide {
height: 238px;
}
.pageheader.wide.nomenu {
height: 210px;
}
.pageheader.simple {
width: 790px;
height: auto;
background-position: 0 -20px;
border-top: 1px solid #01466f;
min-height: 85px;
}
.pageheader p {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.pageheader.simple p {
margin: 0;
padding: 18px 0;
float: left;
width: 60%;
}
.pageheader.simple dfn {
clear: both;
display: block;
margin: 0 0 25px 25px;
}
.pageheader.nomenu p {
float: left;
width: 380px;
margin-left: 30px;
margin-top: 10px;
}
.pageheader.wide.nomenu p {
float: none;
width: auto;
margin: 0;
}
.pageheader p span {
background: #1392e1;
line-height: 2em;
height: 2em;
display: block;
float: left;
padding: 0 10px;
font-weight: bold;
margin-right: 1em;
}
.pageheader p em {
line-height: 2em;
height: 2em;
display: block;
}
.content .pageheader h1 {
background: none;
font-size: 2em;
text-transform: none;
font-weight: normal;
margin: 20px 0 0 25px;
padding: 0;
line-height: normal;
float: left;
}
.content .pageheader h2 {
background: none;
font-size: 2.1em;
text-transform: none;
font-weight: normal;
/*margin: 20px 0 0 25px;*/
margin: 10px 0 0 15px;
padding: 0;
line-height: normal;
float: left;
max-width: 450px;
}
.pageheader h3 {
margin: 0 0 0 25px;
padding: 8px 0;
font-size: 1.4em;
float: left;
clear: both;
white-space: nowrap;
line-height: 1.1em
}
.pageheader.simple h3 {
background: none;
font-size: 2.1em;
text-transform: none;
font-weight: normal;
margin: 20px 30px 0 25px;
padding: 0;
line-height: normal;
float: left;
}
.pageheader .price {
text-align: right;
margin-right: 12px;
padding-top: 10px;
}
*:first-child+html .pageheader .price {
margin-top: -15px;
}
.pageheader.wide .price {
text-align: right;
padding-top: 15px;
float: none;
margin-left: 25px;
}
.pageheader .price strong {
font-size: 2.6em;
line-height: 1em;
}
.pageheader .price .headline {
font-size: 2em;
line-height: 1em;
word-wrap: normal;
width: 140px;
}
.content .pageheader .price .headline h1 {
background: none;
/* text-transform: none; */
/* font-weight: normal; */
/* margin: 0 0 0 0; */
/* padding: 0; */
float: left;
font-size: 1em;
line-height: 1em;/* word-wrap: normal; */
/* width: 140px; */
}
.pageheader .btn {
float: right;
margin-right: 11px;
margin-top: 1px;
}
.pageheader.wide .btn {
float: none;
margin-top: 5px;
margin-left: 25px;
}
.pageheader .btn a {
font-weight: normal;
}
.pageheader .overlay {
background: #01466e;
width: 210px;
height: 207px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0.8;
filter: alpha(opacity = 80);
}
.pageheader .info {
width: 210px;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.pageheader .info h1 {
margin-left: 0;
font-size: 2em;
margin-top: 0;
min-width: 160px;
}
.pageheader .info h2 {
margin-left: 0;
font-size: 1.8em;
}
.pageheader .info .price {
text-align: left;
right: auto;
left: 20px;
top: 18px;
}
.pageheader .info .price img {
margin-bottom: 10px;
}
.pageheader .info .btn {
left: 20px;
top: 150px;
width: 70%;
}
.pageheader .info .polaroid {
position: absolute;
top: -32px;
left: 555px;
width: 262;
height: 254;
}
.pageheader .text {
width: 510px;
height: 180px;
color: #fff;
position: absolute;
top: 25px;
left: 25px;
}
.pageheader .text h3 {
font-size: 2.7em;
margin: 0 0 .5em 0;
float: none;
padding: 0;
}
.pageheader .text p {
font-size: 1.2em;
line-height: 1.4em;
}
.pageheader ul, .pagenav ul {
list-style: none;
padding: 0;
margin: 0;
position: absolute;
bottom: 0;
left: 0;
background: #e9e9e9;
width: 599px;
border-right: 1px solid #d0d0d0;
}
.pagenav {
background: #e9e9e9;
height: 29px;
position: relative;
}
.pageheader li, .pagenav li {
display: inline;
background: url(//content.cleancruising.com.au/images/bg_pageheadernav.jpg) repeat-x;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/*border-bottom: 1px solid #c1c1c1;*/
border-top: 1px solid #e0e0e0;
padding: 0;
margin: 0 0px 0 0;
height: 29px;
line-height: 29px;
float: left;
font-size: 1.1em;/*text-shadow: #fff -1px -1px 0;
*/ }
.pageheader li a, .pagenav li a {
padding: 0 13px;
height: 29px;
width: auto;
float: left;
font-weight: bold;
}
.pageheader li.selected, .pagenav li.selected {
background: url(//content.cleancruising.com.au/images/bg_pageheadernav.jpg) repeat-x 0 -29px;
border-left: 1px solid #057bc4;
border-right: 1px solid #057bc4;
border-top: 1px solid #057bc4;/*border-left: 0;
text-shadow: #333 -1px -1px 0;
*/ }
.pageheader li.first, .pagenav li.first {
border-left: 0;
}
.pageheader li.selected a, .pagenav li.selected a {
color: #fff;
}
.addthis_toolbox {
bottom: 0;
float: right;
margin: 23px 0 0;
padding: 0 0 6px;
position: absolute;
right: 5px;
color: #333;
}
.pageheader .email, .pageheader .print, .pagenav .email, .pagenav .print {
position: absolute;
bottom: 4px;
display: block;
width: 24px;
height: 20px;
overflow: hidden;
text-indent: -8000px;
}
.pageheader .email, .pagenav .email {
right: 40px;
background: url(//content.cleancruising.com.au/images/sprite.png) 5px -65px;
}
.pageheader.wide .email {
right: 230px;
}
.pageheader.wide .print {
right: 200px;
}
.roomstat {
background: #e6efe9;
float: left;
width: 100%;
margin: 1px 0 0 0;
text-align: center;
font-size: 1.3em;
}
.roomstat.sold {
background: #ececec;
}
.roomstat span {
background: #18a647;
display: block;
color: #fff;
font-size: 11px;
text-align: left;
text-transform: uppercase;
padding: 1px 4px;
clear: both;
margin: 0 0 1px 0;
}
.roomstat.sold span {
background: #959595;
}
.roomstat span a {
float: right;
color: #fff;
}
.roomstat.sold span a {
display: none;
}
.roomstat img {
float: left;
}
.roomstat strong {
font-size: 1.4em;
color: #076125;
position: relative;
top: -5px;
}
.roomstat em {
font-size: .85em;
color: #076125;
font-style: normal;
}
.cruiselines {
}
table.cruiselines {
border-top: 1px solid #EEE;
}
/* = Sen */
.cruiselines td {
padding-top: 1em;
padding-bottom: 1em;
}
.cruiselines .desc {
vertical-align: top;
}
.cruiselines .desc strong {
color: #0054aa;
}
.cruiselines .links {
width: 105px;
vertical-align: top;
padding-top: 30px;
}
.cruiselines .links.wide {
width: 18%;
}
.cruiselines .item {
width: 170px;
}
.cruiselines .offering {
border: 0;
background: none;
}
.cruiselines .more {
font-weight: bold;
}
.cruiselineslinks {
float: left;
width: 100%;
border-bottom: 1px solid #d8d8d8;
padding-top: 1em;
}
.cruiselineslinks ul {
float: left;
width: 180px;
margin-left: 20px;
}
.cruiselineslinks p {
float: left;
margin-left: 10px;
width: 170px;
}
.cruiselineslinks p strong {
color: #666;
font-size: 1.3em;
}
#deckexplore .title {
width: 230px;
float: left;
}
#deckexplore h2 {
margin: 1em 0;
}
#deckexplore ul {
float: left;
width: 300px;
margin-top: 2.2em;
}
#deckexplore ul li {
width: 42%;
float: left;
}
#deckexplore img {
float: left;
}
#deckexplore .selected, #deckexplore a:hover {
font-weight: bold;
color: #0054aa;
}
#deckplan {
float: left;
padding: 10px;
border-top: 1px solid #d8d8d8;
margin: 0;
width: 300px;
}
#deckplanlegend {
float: left;
width: 260px;
padding: 40px 0 0;
border-top: 1px solid #d8d8d8;
position: relative;
}
#deckplanlegend-steps {
/*float: left;
*/ width: 260px;
padding: 40px 0 0;
border-top: 1px solid #d8d8d8;
position: fixed;
left: 320px;
}
#deckplanlegend h3 {
padding: 0;
margin: 0 0 30px 0;
font-weight: bold;
color: #01466e;
}
#deckplanlegend dl {
width: 260px;
margin: 4em 0 0;
padding: 0;
clear: both;
}
#deckplanlegend dt {
color: #000;
padding: 0 5px;
line-height: 2em;
width: 20px;
text-align: center;
float: left;
border-top: 1px solid #ccc;
margin-bottom: 4px;
}
#deckplanlegend dd {
border-top: 1px solid #d8d8d8;
line-height: 2em;
width: 220px;
margin-bottom: 4px;
padding: 0 10px;
font-weight: bold;
}
#deckplanlegend ul {
clear: both;
list-style: none;
margin: 2em 0;
width: 310px;
float: left;
}
#deckplanlegend ul li {
margin: 0;
padding: 0 0 0 15px;
list-style: none;
}
#deckplanlegend ul li img {
padding-right: 5px;
}
#bookingwidget {
width: 520px;
}
#bookingwidget .header {
background: #01466e;
color: #fff;
padding: 3px 10px;
margin-bottom: 0;
}
#bookingwidget .header span {
float: right;
text-align: right;
}
#bookingwidget .header a {
color: #fff;
}
#bookingwidget th {
background: #959595;
}
#bookingwidget td {
background: #e6efe9;
}
#bookingwidget td.type {
background: #18a647;
}
#bookingwidget td.type a {
color: #fff;
font-weight: bold;
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -515px -44px;
padding-left: 20px;
}
#bookingwidget .sold td.type a {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -515px -94px;
}
#bookingwidget tr.sold td {
background: #ececec;
}
#bookingwidget td strong {
color: #076125;
}
#bookingwidget tr.sold td.type {
background: #959595;
}
#bookingwidget th, #bookingwidget td {
text-align: left;
}
#calendar #bookingwidget .item td {
background: #fff;
border-bottom: 1px solid #d8d8d8;
padding: 0;
}
#bookingwidget .item.opacity td {
opacity: 0.5;
filter: alpha(opacity=50);
}
#bookingwidget .item .cat {
float: left;
width: 65%;
line-height: 2em;
margin-bottom: .8em;
font-weight: bold;
}
#bookingwidget .item .cat em {
width: 32px;
text-align: center;
background: #FC0;
height: 2em;
display: block;
float: left;
margin-right: 10px;
font-style: normal;
}
#bookingwidget dl {
list-style: none;
line-height: 1.3em;
float: left;
width: 230px;
}
#bookingwidget dt {
margin: 0;
padding: 0;
width: 38%;
float: left;
font-weight: bold;
}
#bookingwidget dd {
margin: 0;
padding: 0;
width: 62%;
float: left;
}
#bookingwidget img {
margin: 0 10px 0 32px;
float: left;
}
#bookingwidget .price, #cruisedetail .price {
float: right;
text-align: right;
padding: 8px;
}
#cruisedetail .price {
width: 120px;
padding: 8px 8px 0 0;
}
#bookingwidget .price .btn {
float: none;
margin-right: 0;
}
#bookingwidget .price .btn a {
font-weight: normal;
text-align: center;
}
#bookingwidget .price strong, #cruisedetail .price strong {
font-size: 2.5em;
color: #333;
line-height: .6em;
}
#bookingwidget .price em, #cruisedetail .price em {
font-style: normal;
font-size: 1.3em;
line-height: 6em;
padding-right: 3em;
}
.light th {
/* background: #fff;
color: #333;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;*/
}
.light th {
border: 0 solid #fff;
padding: 4px 0;
text-align: center;
background: #fff;/* white-space: nowrap; */
}
.light .destination {
padding: 0 0;
}
.itinerary_info {
float: right;
padding: 0;
margin: 0;
}
.itinerary_info a {
padding: 0 5px 0 20px;
}
.itinerary_info a.green {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -513px -172px;
}
.itinerary_info a.blue {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -513px -139px;
}
td.green, td.blue, td.grey {
width: 30px;
padding: 0;
text-align: center;
color: #fff;
}
td.green {
/*background: #18a647 url(//content.cleancruising.com.au/images/sprite.png) no-repeat -235px -237px;*/
background: #18a647;
padding: 0 !important;
}
td.blue {
/*background: #0173af url(//content.cleancruising.com.au/images/sprite.png) no-repeat -235px -237px;*/
background: #0173af;
}
td.grey {
/*background: #9C9C9C url(//content.cleancruising.com.au/images/sprite.png) no-repeat -235px -237px;*/
background: #9C9C9C;
}
table.light td b {
white-space: nowrap;
}
table.light td {
height: 17px;
font-size: 12px;
}
table.light {
margin-bottom: 0!important;
}
/*table.light tr {
border:1px solid #eee;
}*/
.booksteps {
/* background: none; */
/* color: #0054aa; */
/* display: block; */
/* text-transform: none; */
/* padding: 10px; */
font-size: 1.5em;
font-weight: bold;
margin-bottom: 10px;/* background-color: #daedda; */
/* border-radius: 10px; */
}
#cabin {
width: 350px;
background: #fff;
padding: 29px 20px 0 20px;
text-align: left;
}
#cabin .btn {
margin-top: 4px;
}
#cabin .btn a {
font-weight: normal;
}
#cabin .title {
line-height: 2.2em;
}
#cabin .close {
border-bottom: 1px solid #ccc;
position: absolute;
top: 0;
left: 0;
width: 90%;
text-transform: uppercase;
text-align: right;
margin: 2% 5%;
padding-bottom: 5px;
}
#cabin .close a {
color: #333;
font-weight: bold;
}
#cabin .photos {
float: left;
width: 180px;
margin-top: 10px;
}
#cabin dl {
list-style: none;
line-height: 1.3em;
width: 170px;
float: left;
margin: 10px 0;
}
#cabin dt {
margin: 0;
padding: 0;
width: 40%;
float: left;
font-weight: bold;
}
#cabin dd {
margin: 0;
padding: 0;
width: 60%;
float: left;
}
#cabin .type {
display: block;
width: 32px;
line-height: 24px;
height: 24px;
text-align: center;
float: left;
color: #fff;
margin-right: 5px;
}
#cabin .aa {
background: #f7afc3;
}
.pagination {
font-size: 12px;
color: #0054aa;
}
.pagination a {
border: 1px solid #cccccc;
line-height: 1.5em;
padding: 0 4px;/*color: #000;*/
}
.pagination a.selected {
border: 1px solid #18a647;
background: #18a647;
color: #fff;
}
.bulletblue {
color: #0054aa;
padding-left: 1.3em;
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -520px -138px;
font-weight: bold;
}
#cruisedetail {
/*border-top: 1px solid #01466e;*/
position: relative;
clear: both;
height: 175px; /*remove for mobile*/
background-color: #f2f2f2;
margin-bottom: 18px;
color: #0054aa;
}
#cruisedetail .collage {
float: left;
width: 170px;/*padding-top: 5px;*/
}
.wide #cruisedetail .collage {
float: left;
width: 252px;/*padding-top: 5px;*/
}
#cruisedetail .details {
float: left;
width: 380px;
}
.wide #cruisedetail .details {
width: 508px;
float: right;
}
#cruisedetail dl {
margin: 3px 0;
padding: 0;
width: 190px;
line-height: 1.2em;
float: left;
}
#cruisedetail dt {
margin: 0;
padding: 0;
display: inline;
width: 60px;
float: left;
}
#cruisedetail dd {
margin: 0;
padding: 0;
white-space: nowrap;
}
#cruisedetail .price strong {
line-height: 1.1em;
color: #0054aa;
}
#cruisedetail p {
color: #01466e;
margin: 0 0 0 0!important;
}
#cruisedetail .buttons {
padding: 0 0 0 0;
margin: 0 0 0 0;
/*position: absolute;
top: 5px;*/
right: 0;
}
#cruisedetail .buttons .btn {
margin-left: 5px;
}
#cruisedetail .po {
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 4px;
}
#cruisedetail p span {
background: #01466e;
color: #fff;
line-height: 2em;
padding: 5px 10px;
}
#cruisedetail p em.title {
color: #0054aa;
font-weight: bold;
font-size: 1.2em;
font-style: normal;
padding-left: 6px;
}
#cruisedetail h3 {
float: left;
width: 380px;
color: #0054aa;
font-weight: bold;
/*font-size: 1.2em;*/
margin-bottom: .0em;
padding-top: 3px;
}
#cruisedetail .links {
float: left;
width: 220px;
}
#cruisedetail .links a {
padding: 0 4px 0 12px;
}
#cruisedetail .add {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -520px -259px;
}
#cruisedetail .view {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -518px -219px;
}
#cruisedetail table.reset {
margin: 0;
}
#cruisedetail table th {
background: #959595;
border: 1px solid #fff;
padding: 1px;
text-align: center;
font-size: .9em;
}
#cruisedetail table td {
background: #ececec;
border: 1px solid #fff;
text-align: center;
font-size: 1.2em;
}
#cruisedetail table th.selected {
/*background: #18a647;
background: #72B6DE*/
/*background: #127FBE;*/
background: #47A3D8;
;
}
#cruisedetail table td.selected {
/*background: #e6efe9;
color: #076125;*/
background: #E4F0FF;
/*color: #012C6E;*/
font-size: 1em;
width: 25%;
color: #0054aa;
}
#cruisedetail table td.selected strong {
font-size: 1.7em;
}
#cruisedetail .note {
/*border: 1px solid #d9d9d9;*/
color: #f0342a;
font-weight: bold;
line-height: 33px;
/*padding: 4px;
text-align: right;*/
position: relative;
margin-top: 5px;
/*margin: 4px 0 20px 0;*/
text-align: center;
}
#cruisedetail .po {
position: relative;
float: left;
}
#cruisedetail .note a {
font-weight: bold;
}
#cruisedetail .cruise-date {
background: #1392e1;
color: #fff;
width: 42px;
height: 42px;
float: left;
text-align: center;
line-height: 12px;
font-size: 8px;
float: left;
}
#cruisedetail .cruise-date b {
width: 100%;
font-size: 25px;
line-height: 28px;
}
#cruisedetail .depdate {
background-color: #01466e;
line-height: 1em;
color: #fff;
padding: 4px 4px 4px 4px;
/*width:65px;*/
position: block;
float: left;
}
li .favourite {
background: #924d95 url(//content.cleancruising.com.au/images/sprite.png) no-repeat -196px -146px;
padding: 3px 5px 3px 20px;
border: 1px solid #8cd3a3;
}
.cabindetail {
border-bottom: 1px solid #ccc;
position: relative;
clear: both;
padding: 0 0 10px 0;
float: left;
width: 100%;
}
#consultant {
border-top: 1px solid #ccc;
clear: both;
padding: 0 0 10px 0;
float: left;
width: 100%;
}
.cabindetail .photo {
float: left;
width: 170px;
}
#consultant .photo {
float: left;
width: 140px;
}
.cabindetail .details, #consultant .details {
float: left;
width: 380px;
}
.cabindetail dl, #consultant dl {
margin: 3px 0;
padding: 0;
width: 100%;
line-height: 1.2em;
float: left;
}
.cabindetail dt {
margin: 0;
padding: 0;
padding-right: 5px;
display: inline;
width: 70px;
float: left;
}
#consultant dt {
margin: 0;
padding: 0;
display: inline;
width: 120px;
float: left;
}
.cabindetail dd, #consultant dd {
margin: 0;
padding: 0;
white-space: nowrap;
}
#consultant h5 {
font-size: 1.1em;
padding-top: 10px;
float: left;
width: 100%;
}
.cabindetail .cat {
float: left;
width: 100%;
line-height: 2em;
margin-bottom: .8em;
font-weight: bold;
}
.cabindetail .more {
font-weight: bold;
}
.cabindetail .cat em {
width: 32px;
text-align: center;
background: #ccc;
height: 2em;
display: block;
float: left;
margin-right: 10px;
font-style: normal;
font-weight: bold;
}
.cabinrhs {
float: left;
width: 100%;
line-height: 2em;
margin-bottom: 0em;
}
.cabinrhs em {
width: 32px;
text-align: center;
background: #ccc;
height: 2em;
display: block;
float: left;
margin-right: 10px;
font-style: normal;
font-weight: bold;
}
#consultant .cat strong {
background: #01466e;
color: #fff;
line-height: 2em;
padding: 5px 7px
}
#consultant .cat em {
padding-left: 10px;
}
.suptitle {
font-size: 1.6em;
font-weight: bold;
color: #01466e;
display: block;
padding: 5px 0 15px 0;
}
.shipslist, .cruiseslist {
float: left;
width: 100%;
}
.shipslist span {
display: block;
width: 32%;
float: left;
}
.cruiseslist span {
display: block;
width: 30%;
float: left;
}
.shipslist a, .cruiseslist a {
float: left;
margin-right: 5px;
}
.cruiseslist a {
display: block;
width: 100%;
}
.shipslist em, .cruiseslist em {
text-indent: -10000px;
overflow: hidden;
display: block;
width: 40px;
height: 14px;
float: left;
}
.filters form, .filters fieldset {
margin: 0;
padding: 0;
}
.filters .box {
padding: 10px 4px 10px 4px;
line-height: normal;
}
.filters h5 {
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
color: #01466e;
letter-spacing: .02em;
float: left;
margin: 3px 3px 10px 0;
text-shadow: #fff 1px 1px 0;
}
.filters span {
display: block;
}
.filters input {
margin: 0;
}
.filters select {
width: 180px;
}
.filters .twocols span {
width: 50%;
float: left;
}
.slider {
width: 180px;
height: 20px;
background: url("//content.cleancruising.com.au/images/bg_slider.gif") repeat-x 0 2px;
position: relative;
}
.slider .marker {
position: absolute;
top: 0;
left: 0;
text-indent: -10000px;
overflow: hidden;
width: 12px;
height: 15px;
display: block;
background: url(//content.cleancruising.com.au/images/sprite.png) -80px -68px;
cursor: pointer;
}
.qmark {
width: 16px;
height: 16px;
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -54px -67px;
overflow: hidden;
text-indent: -10000px;
display: block;
float: left;
}
.expander {
color: #fff;
background: #076125;
padding: 0 4px;
}
/*.bookingProgBar ol li a {
text-decoration: underline;
color: #666;
}
*/
.bookingProgBar ol {
margin: 0;
padding: 0;
list-style: none;
}
.bookingProgBar ol li {
float: left;
margin: 0;
text-align: center;
font-size: 1.1em;
color: #666666;
height: 75px;
line-height: 75px;
display: block;
padding-right: 20px;
background: url(//content.cleancruising.com.au/images/bookingProgBar.gif) no-repeat 0% 0;
}
/*.bookingProgBar ol li a {
text-decoration: underline;
color: #666;
}
*/
.bookingProgBar ol li a {
}
.bookingProgBar ol li.last {
padding-right: 0;
}
.bookingProgBar ol li.selected {
background: url(//content.cleancruising.com.au/images/bookingProgBar.gif) no-repeat 55% 0;
font-weight: bold;
color: #01466E
}
.bookingProgBar ol li.selected a {
color: #014d7b;
}
.bookingProgBar ol li.selected.last {
background: url(//content.cleancruising.com.au/images/bookingProgBar.gif) no-repeat 50% 0;
}
.bookingTable .accent {
/*background: #fff;*/
background: #e4f0ff;
vertical-align: middle;
font-size: 12px;
text-align: left;
padding: 0 7px 0 7px;
}
.bookingTable .accent .strong {
font-weight: bold;
}
.bookingTable .currentSched {
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
}
.bookingTable .subheader {
text-align: left;
background: #f5f5f5;
font-size: .95em;
border: 0 solid #fff;
}
.bookingTable .subheader div {
border-top: 1px solid #01466e;
border-bottom: 1px solid #01466e;
padding: 3px 6px;
}
.bookingTable th {
border: 0 solid #fff;
padding: 4px 0;
text-align: center;
/*background: #47a3d8;*/
background: #1784BB;/*white-space: nowrap;*/
}
.bookingTable td {
background: #ececec;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
text-align: center;
font-size: 12px;
padding: 0;
color: #0054aa;
height: 40px;
}
.bookingTable th.selected {
background: #18a647;
}
.bookingTable td.selected {
/*background: #e6efe9;*/
background: #e4f0ff;
/*color: #076125;*/
color: #0054aa;
font-size: .9em;/*padding: 5px 3px;*/
}
.bookingTable td.selected strong {
font-size: 1.8em;
}
.groupBox {
padding: 0 0 12px 5px;
display: block;
}
.bluestripe {
background: #01466e;
color: #fff;
display: block;
font-weight: 800;
padding: 3px 10px;
text-transform: uppercase;
}
.wlinks a {
text-transform: none;
color: #fff;
}
.availability .first {
padding-left: 8px;
}
.availability table {
padding: 0;
}
.availability .subheader td {
background: #e6efe9;
}
.availability th {
background: #f5f5f5;
color: #666;
padding: 4px 0;
}
.availability td {
padding: 0 0;
border: 0;
border-top: 1px solid #fff;
background: #fff;
}
.availability .cabindetail {
border: 0;
border-top: 1px solid #ccc;
background: #fff;
}
.availability td strong {
color: #076125;
}
.availability .catLnk {
color: #fff;
text-transform: uppercase;
width: 170px;
}
.availability .catLnk span {
display: block;
color: #fff;
font-weight: bold;
padding: 4px 0 4px 4px;
width: 130px;
background: #18a647;
}
.availability .soldout td {
background: #ececec;
}
.availability .soldout .catLnk span {
background: #959595 url(//content.cleancruising.com.au/images/sprite.png) -193px -172px no-repeat;
display: block;
padding: 4px 0 4px 30px;
width: 130px;
}
.dim {
opacity: 0.5;
}
.availability .price {
line-height: 1em;
float: right;
text-align: right;
position: relative;
top: -25px;
width: 130px;
}
.availability .price span {
clear: both;
width: 150px;
display: block;
}
.availability .price .btn {
margin-bottom: 12px;
}
.availability .price strong {
font-size: 2.5em;
color: #333;
}
.availability dl {
width: 220px;
}
.bookingForm {
padding-bottom: 5em;
}
.bookingForm th {
}
.bookingForm .item {
/*background: #f5f5f5;*/
background: #F4F8FF;
width: 150px;
vertical-align: top;
padding: 7px 10px 4px 10px;
font-weight: bold;
color: #0054aa;
border-top: 1px solid #fff;
}
.bookingForm .summary .item {
background: #D9D9D9;/*color: #fff;
*/ }
.bookingForm textarea {
width: 368px;
height: 70px;
margin: 0;
}
.bookingForm td {
border-top: 1px solid #f5f5f5;
padding: 1px 0 1px 10px;
color: #0054AA;
background-color: #F4F8FF;
}
.bookingForm .summary td {
/*color: #076125;
*/ background: #F5F5F5;
font-weight: bold;
border-top: 1px solid #B3B3B3;
}
.bookingForm select {
margin: 0;
padding: 1px;
height: 30px;
}
.bookingForm .item span {
color: #167db4;
}
.bookingForm .grey td {
padding: 0;
border: 0;
background: #f5f5f5;
}
.bookingForm .grey.split td {
padding: 10px;
vertical-align: top;
border-right: 1px solid #fff;
width: 50%;
}
.bookingForm .cabindetail {
border: 0;
}
.bookingReqNum {
padding: 0 50% 0 0;
position: relative;
margin-bottom: 20px;
}
.bookingReqNum div.btn {
position: absolute;
right: 0;
bottom: 0;
float: none;
}
#summary .col_boat_left {
float: left;
width: 170px;
margin-bottom: 10px
}
#summary .box_month_outer {
float: left;
width: 100%;
}
#summary .box_month_outer img.img_boat {
float: left;
width: 109px;
height: 60px;
margin: 0 1px 0 0;
}
#summary .box_month {
float: left;
width: 60px;
height: 50px;
background: #1392e1;
text-align: center;
color: #fff;
padding: 10px 0 0;
}
#summary .days {
font-size: 30px;
line-height: 28px;
}
#summary .nights {
font-size: 10px;
text-transform: uppercase;
}
#summary .box_map {
float: left;
width: 100%;
margin: 1px 0 0;
}
#summary .box_map {
width: 170px;
height: 120px;
}
.cruises {
border: 0;
border-collapse: collapse;
}
.cruises span.save {
color: #e94d38;
font-weight: bold;
}
.cruises tr.cruiserow:hover span.save {
color: #0054aa;
}
.cruises td {
padding: 0;
background: #f5f5f5;
vertical-align: top;
color: #666;
border-bottom: 1px solid #d8d8d8;
line-height: 1.1em;
}
.cruises .alt td {
background: #fff;
}
.cruises th {
background: #fff;
padding: 3px 0;
color: #333;
border-bottom: 1px solid #d8d8d8;
}
.cruises th.center {
width: 45px;
}
.cruises .big {
font-size: 2.2em;
}
.cruises td.year {
padding: 4px 10px;
font-weight: bold;
background-color: #1392e1;
border: 0 solid #fff;
padding: 4px 0;
text-align: center;
color: #fff;
font-size: 16px;
}
.cruises .days, .cruises .alt .days {
padding: 10px 0 0;
font-size: 9px;
line-height: 1.5em;
}
.cruises tr.cruiserow:hover {
border: 1px solid #1392e1;
cursor: pointer;
}
.cruises tr.cruiserow:hover td {
border-top: 1px solid #1392e1;
border-bottom: 1px solid #1392e1;
cursor: pointer;
background: #ecf5ff;
}
.cruises td.green, .cruises tr.cruiserow:hover td.green, .cruises .alt td.green {
color: #fff;
background: #18a647;
border-left: 1px solid #fff;
}
.cruises td.grey, .cruises tr.cruiserow:hover td.grey, .cruises .alt td.grey {
color: #fff;
background: #9c9c9c;
border-left: 1px solid #fff;
}
.cruises td.blue, .cruises tr.cruiserow:hover td.blue, .cruises .alt td.blue {
color: #fff;
background: #1392e1;
border-left: 1px solid #fff;
}
.cruises td.right, .cruises th.right {
padding-right: 10px;
}
.cruises td div.ports {
margin: 0;
float: left;
width: 100px;
}
.cruises td .wrapper {
padding-top: 6px;
}
.cruises td div.ports p {
margin: 0;
float: left;
width: auto;
}
.cruises td div.ports p span.strong {
font-weight: bold;
width: 25px;
display: inline-block;
}
.cruises td div.duration p.number {
padding: 0 0 2px 0;
font-weight: bold;
}
.cruises td div.duration p {
text-align: center;
margin: 0;
}
.cruises td div.duration {
padding-top: 6px;
width: 45px;
float: left;
}
.cruises td .title {
padding: 5px 10px;
}
.cruises td div.date p {
margin: 0;
padding-bottom: 2px;
}
table.cruises tbody tr td.days {
padding: 0 !important;
}
.legend {
border: 1px solid #d8d8d8;
padding: 4px 10px 3px 4px;
float: left;
width: 535px;
}
.legend em {
display: block;
width: 16px;
height: 16px;
float: left;
margin-right: 4px;
}
.legend strong {
float: left;
padding-right: 10px;
font-weight: normal;
}
.legend em.green {
background: #18a647;
}
.legend em.grey {
background: #9c9c9c;
}
.legend em.blue {
background: #1392e1;
}
/* clearfix */
.inner:after, .content:after, .cols:after, .fixed:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.inner, .content, .cols, .fixed {
display: block;
min-height: 1%;
}
* html .inner, * html .content, * html .cols, * html .fixed {
height: 1%;
}
/* Loupe*/
#pimg {
z-index: 999999;
display: none;
position: absolute;
}
#pimg h3 {
display: block;
font-size: 16px;
font-weight: bold;
color: #333;
text-align: center;
margin-top: 10px;
border: 3px solid #999;
background-color: #eeeeee;
}
/*
* @author Sebastiano Armeli-Battana
*
*/
.js .tabContent {
display: none;
}
/* @charset "utf-8";
CSS Document */
/*
* jQuery UI CSS Framework 1.8.8
* http: //docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #01466f;
/*#cccccc;
*/ background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #1c94c4;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid /*#01466f;
*/#fbcb09;
background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #c77405;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #c77405;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid /*#01466f;
*/#fbcb09;
background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #eb8f00;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
color: #ffffff;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_ffd27a_256x240.png);
}
/* Corner radius */
.ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-top {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-bottom {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-right {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ui-corner-left {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
opacity: .50;
filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
opacity: .20;
filter: Alpha(Opacity=20);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*
* jQuery UI Autocomplete 1.8.8
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
text-align: left
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.8
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
text-align: left;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Slider 1.8.7
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
margin: 0 0 2px 0;
}
.ui-slider-horizontal {
height: 0.8em;
margin: 0.5em 0.5em 0.7em 0.5em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.7em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/*
* YUI treeview
*
*/
.ygtvtn {
width: 18px;
height: 22px;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -5600px no-repeat;
}
.ygtvtm {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -4000px no-repeat;
}
.ygtvtmh {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -4800px no-repeat;
}
.ygtvtp {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -6400px no-repeat;
}
.ygtvtph {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -7200px no-repeat;
}
.ygtvln {
width: 18px;
height: 22px;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -1600px no-repeat;
}
.ygtvlm {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 0 no-repeat;
}
.ygtvlmh {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -800px no-repeat;
}
.ygtvlp {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -2400px no-repeat;
}
.ygtvlph {
width: 18px;
height: 22px;
cursor: pointer;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -3200px no-repeat;
}
.ygtvdepthcell {
width: 18px;
height: 22px;
background: url("//content.cleancruising.com.au/images/treeview-sprite.gif") 0 -8000px no-repeat;
}
.ygtvblankdepthcell {
width: 18px;
height: 22px;
}
.ygtvitem {
}
.ygtvchildren {
*zoom: 1;
}
.ygtvlabel, .ygtvlabel: link, .ygtvlabel:visited, .ygtvlabel:hover {
margin-left: 2px;
text-decoration: none;
font-size: 11px
}
.ygtvspacer {
height: 22px;
width: 12px;
}
.ygtvlabel a {
margin-left: 2px;
text-decoration: none;
font-size: 11px;
color: #000000
}
#expandcontractdiv {
border: 1px solid #336600;
background-color: #FFFFCC;
margin: 0 0 .5em 0;
padding: 0.2em;
}
.ygtvcheck0 {
background: url("//content.cleancruising.com.au/images/sprite.png") 0 -172px no-repeat;
width: 16px;
height: 16px;
cursor: pointer
}
.ygtvcheck1 {
background: url("//content.cleancruising.com.au/images/sprite.png") -16px -172px no-repeat;
width: 16px;
height: 16px;
cursor: pointer
}
.ygtvcheck2 {
background: url("//content.cleancruising.com.au/images/sprite.png") -32px -172px no-repeat;
width: 16px;
height: 16px;
cursor: pointer
}
#treeDiv1 {
}
#treeDiv1 th, #treeDiv1 td {
line-height: 15px;
padding: 0 0;
}
#treeDiv1 table {
margin: 0 0 0;
}
#treeDiv2 {
}
#treeDiv2 th, #treeDiv2 td {
line-height: 15px;
padding: 0 0;
}
#treeDiv2 table {
margin: 0 0 0;
}
.bookingForm table th {
padding: 0.2em 1em;
}
.bookingForm table td.item span {
color: #f00;
font-size: 1.5em
}
a.follow {
background: url("//content.cleancruising.com.au/images/sprite.png") no-repeat scroll 0 -203px transparent;
display: block;
height: 25px;
line-height: 25px;
outline: medium none;
overflow: hidden;
text-indent: -9999px;
margin: 15px 0 0 24px;
width: 144px;
}
a.follow:hover {
background-position: 0 -228px;
}
.ad-gallery {
/*width: 540px;*/
}
.ad-gallery, .ad-gallery * {
margin: 0;
padding: 0;
}
.ad-gallery .ad-image-wrapper {
width: 100%;
height: 400px;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 48%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 25%;
height: 100%;
cursor: pointer;
display: block;
z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
background: url(../../img/non-existing.jpg);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(../img/ad_prev.png);
width: 30px;
height: 30px;
display: none;
position: absolute;
top: 47%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(../img/ad_next.png);
width: 30px;
height: 30px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0;
left: 0;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url(../img/opa75.png);
color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../img/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
height: 20px;
}
.ad-gallery .ad-info {
float: left;
}
.ad-gallery .ad-slideshow-controls {
float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
cursor: default;
font-style: italic;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
padding-left: 5px;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default;
font-style: italic;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-stop {
cursor: pointer;
font-style: normal;
}
.ad-gallery .ad-nav {
width: 100%;
position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
.ad-gallery .ad-back {
cursor: pointer;
left: -20px;
width: 13px;
display: block;
background: url(../img/ad_scroll_back.png) 0 22px no-repeat;
}
.ad-gallery .ad-forward {
cursor: pointer;
display: block;
right: -20px;
width: 13px;
background: url(../img/ad_scroll_forward.png) 0 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
width: 9000px;
list-style: none;
}
.ad-gallery .ad-thumbs li {
float: left;
padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
display: block;
}
.ad-gallery .ad-thumbs li a img {
border: 3px solid #CCC;
display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
#gallery {
padding: 20px;
background: #fff;
}
#descriptions {
position: relative;
height: 50px;
background: #EEE;
margin-top: 10px;
width: 640px;
padding: 10px;
overflow: hidden;
}
#descriptions .ad-image-description {
position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
display: block;
}
#descriptions {
position: relative;
height: 50px;
background: #EEE;
margin-top: 10px;
width: 640px;
padding: 10px;
overflow: hidden;
}
#descriptions .ad-image-description {
position: absolute;
}
#descriptions .ad-image-description .ad-description-title {
display: block;
}
span.tel {
white-space: nowrap;
}
/*--------- sen test -------*/
.hide {
display: none;
}
.show {
display: block;
}
.popup-area {
position: fixed;
z-index: 100;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bgMask {
position: fixed;
z-index: 10px;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
}
#authentication {
position: absolute;
top: 30%;
left: 40%;
padding: 0;
background-color: #FFF;
border: 2px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#authMask {
width: 400px;
overflow: hidden;
}
#authentication h3 {
background-color: #666;
color: #FFF;
text-align: left;
padding: .5em;
}
#authentication div.separators input {
padding: .5em;
color: #666;
background: #CCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 0 2px #FFF;
font-size: 1.1em
}
#authentication div.separators input:active, #authentication div.separators input:focus {
color: #000;
background: #FFF;
-webkit-box-shadow: 0 0 5px #999;
text-shadow: 0 0 1px #999;
}
#authenBlock {
position: relative;
float: left;
width: 800px;
}
#slider {
width: 790px;
height: 240px;
float: left;
position: relative;
}
#sliderWLCL {
width: 790px;
height: 3500px;
float: left;
position: relative;
}
.theme-default .nivoSlider {
background: #fff url(//content.cleancruising.com.au/js/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
margin-bottom: 0;
-webkit-box-shadow: 0 1px 5px 0 #4a4a4a;
-moz-box-shadow: 0 1px 5px 0 #4a4a4a;
box-shadow: 0 1px 5px 0 #4a4a4a;
height: auto;
overflow: hidden;
position: relative;
width: 100%
}
.theme-default .nivoSlider img {
display: none;
left: 0;
max-width: none;
position: absolute;
top: 0;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
max-width: none;
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivoSlider a.nivo-imageLink {
background: #FFF;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
z-index: 8;
display: none;
margin: 0;
padding: 0;
}
.theme-default .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #000;
bottom: 0;
color: #FFF;
display: none;
left: 0;
opacity: 0.8;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 8;
padding: 5px 10px;
}
.theme-default .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
display: inline!important;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: 0;
margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
opacity: .8;
overflow: hidden;
display: none;
-moz-opacity: .8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px;
}
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-caption p {
margin: 0;
padding: 5px;
}
.nivo-caption a {
display: inline!important;
}
.theme-default .nivo-controlNav {
text-align: center;
background: #fff;
padding: 0;
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(//content.cleancruising.com.au/js/nivo-slider/themes/default/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
z-index: 9;
position: relative;
margin: 10px 2px 0;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(//content.cleancruising.com.au/js/nivo-slider/themes/default/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a {
opacity: 1;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer;
}
.nivo-controlNav a {
cursor: pointer;
}
.theme-default .nivo-slice {
display: block;
height: 100%;
position: absolute;
top: 0;
z-index: 5;
}
.theme-default .nivo-box {
display: block;
overflow: hidden;
position: absolute;
z-index: 5;
}
.theme-default .nivo-caption p {
margin: 0;
padding: 5px;
}
.theme-default .nivoSlider a.nivo-imageLink {
background-color: #FFF;
border: 0 none;
display: none;
height: 352px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 960px;
z-index: 8;
margin: 0;
padding: 0;
}
.fcruise .select {
margin-top: 5px;
margin-bottom: 5px;
}
.home-content {
background: #fff;
padding-bottom: 20px;
float: right;
width: 750px;
border-right: solid 1px #bbb;
}
.home-feature-panels {
background: #fff;
float: left;
width: 100%
}
.home-content h3 {
font-size: 2em;
font-weight: 700;
padding-bottom: 0;
}
.home-content h3 span {
font-size: .8em;
font-weight: 400;
}
.home-feature-panel {
width: 100%;
float: left;
padding: 20px 0 10px;
}
.home-cruise {
width: 140px;
background: #e6f1f8;
text-align: center;
float: left;
box-shadow: 0 0 2px #ccc;
margin: 0 20px;
}
.home-cruise:hover {
box-shadow: 0 0 6px #999;
}
.cruise-head {
background: #01466e;
color: #fff;
font-weight: 700;
position: relative;
padding: 4px 0;
}
.cruise-subhead {
height: 54px;
width: 140px;
position: relative;
}
.cruise-logo {
width: 88px;
height: 54px;
background: #fff;
float: left;
position: relative;
}
.cruise-logo img {
width: 100%;
padding-top: 10px;
}
.cruise-date {
background: #1392e1;
color: #fff;
width: 52px;
height: 54px;
float: left;
font-size: 10px;
position: relative;
}
.cruise-date b {
width: 100%;
font-size: 30px;
line-height: 34px;
}
.cruise-feature-image {
width: 140px;
height: 105px;
position: relative;
text-align: left;
}
.cruise-feature-image img {
width: 140px;
height: 105px;
top: 0;
left: 0;
position: absolute;
}
.cruise-feature-image .img1 {
z-index: 2;
}
.cruise-feature-image .img2 {
z-index: 1;
}
.cruise-details {
font-size: 12px;
padding-bottom: 5px;
min-height: 100px;
}
.cruise-details h4 {
color: #0054aa;
font-weight: 700;
font-size: 12px;
line-height: 18px;
margin: 0;
}
.cruise-details .obc {
font-weight: 700;
color: #18A647;
}
.cruise-details span {
color: #F30;
}
.cruise-location-panel {
float: right;
width: 700px;
margin-top: 20px;
margin-right: 50px;
}
.cruise-location-panel h3 {
font-weight: 700;
color: #0054aa;
}
.cruise-facepile {
width: 100%;
float: left;
margin: 15px 0 30px;
}
.cruise-lines {
float: right;
width: 750px;
padding-right: 10px;
background: #fff;
text-align: center;
color: #999;
}
.cruise-lines-inner {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
margin: 20px 20px 0;
padding: 5px 0;
}
.cruise-lines-inner div {
width: 360px;
background: #fff;
margin: -15px auto auto;
}
.cruise-lines a.cl {
width: 137px;
height: 42px;
display: inline-block;
margin: 5px 1px;
}
.cruise-lines a {
background-repeat: no-repeat;
}
.cruise-lines a.pri {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/PRI2.png);
}
.cruise-lines a.pac {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/PAC.png);
}
.cruise-lines a.cun {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/CUN3.png);
}
.cruise-lines a.rci {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/RCI2.png);
}
.cruise-lines a.car {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/CAR.png);
}
.cruise-lines a.hal {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/HAL.png);
}
.cruise-lines a.sea {
background: url(//content.cleancruising.com.au/images/Logo/grey-png/SEA.png);
}
.cruise-lines a.pri:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/PRI2.png);
}
.cruise-lines a.pac:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/PAC.png);
}
.cruise-lines a.cun:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/CUN3.png);
}
.cruise-lines a.rci:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/RCI2.png);
}
.cruise-lines a.car:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/CAR.png);
}
.cruise-lines a.hal:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/HAL.png);
}
.cruise-lines a.sea:hover {
background: url(//content.cleancruising.com.au/images/Logo/color-png/SEA.png);
}
.cruise-calendar {
float: right;
width: 700px;
background: #1392e1;
text-align: center;
color: #fff;
line-height: 30px;
font-size: 22px;
margin-right: 50px;
padding: 5px 0;
}
.cruise-calendar img {
margin-top: 5px;
}
ul, ol, dl, .content.wide {
padding: 0;
}
small, .small {
font-size: .9em;
}
label, .note, .success, .error, .ui-helper-clearfix, .nivo-box img, .theme-default .nivo-box img {
display: block;
}
.reset, #workinghours dd {
margin: 0;
padding: 0;
}
.clear, form div.first {
clear: both;
}
.hidden, .print, #header h2, .ui-helper-hidden, .nivo-html-caption, .theme-default .nivo-html-caption {
display: none;
}
dt, .note, .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary, .nivo-controlNav a.active {
font-weight: 700;
}
.upper, .call {
text-transform: uppercase;
}
#footer .cruiselines ul li, #footer .destinations ul li {
background: url(//content.cleancruising.com.au/images/sprite.png) no-repeat -316px 6px;
}
.main, .secondary, .tertiary, .quaternary, .col1, .col2, .col3 {
float: left;
display: inline;
}
#intro, #intro_vid {
width: 760px;
height: 225px;
background: #ccc url(//content.cleancruising.com.au/images/bg_featured.jpg) no-repeat 100% 100%;
color: #fff;
float: left;
position: relative;
padding: 15px 0 0 30px;
}
.content .tertiary form, .content .tertiary fieldset, .promo.last {
margin-bottom: 0;
}
.topfive a, .ui-widget-header a, .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text, .theme-default .nivo-caption a:hover, .cruise-calendar a {
color: #fff;
}
.inner:after, .content:after, .cols:after, .fixed:after, .ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .inner, * html .content, * html .cols, * html .fixed, * html .ui-helper-clearfix {
height: 1%
}
.ui-state-default .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
background-image: url(images/ui-icons_ef8c08_256x240.png);
}
.nivo-main-image, .theme-default .nivo-main-image {
display: block!important;
position: relative!important;
width: 100%!important;
}
.cruise-map, .cruise-cam {
width: 50%;
float: left;
}
.roundcorner-purple {
padding: 7px 10px;
background: #9814cc;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #ca74fb), color-stop(1, #682898) );
text-align: center;
background-image: -webkit-linear-gradient(top, #ca74fb, #682898);
background-image: -moz-linear-gradient(top, #ca74fb, #682898);
background-image: -ms-linear-gradient(top, #ca74fb, #682898);
background-image: -o-linear-gradient(top, #ca74fb, #682898);
background-image: linear-gradient(to bottom, #ca74fb, #682898);
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 0 #cccccc;
-moz-box-shadow: 1px 1px 0 #cccccc;
box-shadow: 1px 1px 0 #cccccc;
color: #ffffff;
font-size: 14px;
}
div.multiColumn {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
.happy-customers blockquote {
/*background: #f9f9f9;*/
border-left: 0px solid #ccc;
margin: 0;
padding: 0 0 0 0px;
quotes: "\201C""\201D""\201C""\201D";
}
.happy-customers blockquote:before {
color: #2a4ba8;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.happy-customers blockquote p {
display: inline;
}
/****************/
/*RESPONSIVE.CSS*/
/****************/
body {
overflow-x: hidden;
}
/*#nav li{
padding-top: 0
}*/
a:hover {
text-decoration: none;
}
/*#footer .copyright{
width: 100%
}*/
.cruise-lines-inner {
margin: 20px 5px 0
}
.label:empty {
display: inline-block;
}
/*#header {
position:relative;
height:141px;
position:relative; z-index:50;
/*background:url(//content.cleancruising.com.au/images/bg_header_AXMAS.jpg) no-repeat 0 32px;*/
}
*/
/*#topnav{
top: 8px;
}*/
#tabs {
width: initial;
}
/*#tabs.mobiletabs {
}*/
/*#nav{
left: -1px;
}*/
/*#nav a{
height: 31px;
}*/
#nav li:hover a {
text-decoration: none;
}
#nav li ul li:hover a, #topnav li:hover a {
text-decoration: underline;
}
/*.box #shipFinder, .box #newsletter_email{
height: 23px;
}*/
.content {
background: #fff
}
#footer ul li:hover a {
text-decoration: underline;
}
.sub-menu-toggle, .menu-toggle {
display: none;
}
.home-feature-panel .col-sm-3 {
padding: 0
}
body {
overflow-x: hidden
}
/* Start Seach page */
.mobile-contoler {
display: none;
}
/* cruse requst */
/*.pageheader {
height: 114px;
}*/
th.right {
float: none;
text-align: right;
font-size: 10px;
}
.bookingForm td {
line-height: 1.5em;
}
.bookingForm td em {
background: none repeat scroll 0 0 #CCCCCC;
display: block;
float: left;
font-style: normal;
font-weight: bold;
height: 2em;
line-height: 2em;
margin-right: 10px;
text-align: center;
width: 32px;
}
.Pricing td {
background: none repeat scroll 0 0 #E6EFE9;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #FFFFFF -moz-use-text-color -moz-use-text-color;
border-right: 0 none;
border-style: solid none none;
border-width: 1px 0 0;
line-height: 2em;
font-weight: bold;
}
.Pricing .header {
background: none repeat scroll 0 0 #18A647;
color: #FFFFFF;
display: block;
font-weight: bold;
line-height: 2em;
}
.wForm.bookingForm table th {
clear: both;
/* float: left; */
/*margin: 2px 0;
margin-bottom: 2px;*/
/*padding: 5px;*/
padding-left: 10px;
/*width: 100%;*/
font-size: 15px;
background-color: #1784BB;
margin-bottom: 0px!important;/*border-radius: 5px 5px 0 0;*/
}
.wForm.bookingForm table {
margin-bottom: 15px!important;
font-size: 12px;
}
.miss-boart img {
max-width: 100%
}
.itinerary-map-img {
display: none;
}
/*/////////////////////////////////////////////////@media(max-width: 767px)//////////////////////////////////////////////////////////////////*/
@media(max-width: 767px) {
#footer {
width: 100%;
padding: 0 15px;
}
body {
background: #fff;
padding-top: 55px;
overflow-x: hidden;
}
html {
overflow-x: hidden;
}
#topnav {
top: 0;
float: right;
width: 100%;
right: 0;
background: #19a646;
text-align: center;
padding: 5px 0;
display: none;
}
.inner, .content, .cols, .fixed {
width: 100%;
float: left;
}
#header {
height: 55px;
position: fixed;
padding-top: 0;
float: left;
left: 0;
right: 0;
top: 0;
padding: 0;
z-index: 20000;
text-align: center;
box-shadow: 1px 1px 10px #403C3C;
background: initial!important;
background: #1F8DD8!important; /* Old browsers */
}
#header h1, #workinghours, #phone {
position: relative;
width: auto;
left: auto;
top: auto;
right: auto;
}
#header h1 {
display: inline-block;
width: 230px;
margin: 10px auto 0 auto;
float: left;
margin-left: 15px;
}
#header h1 a {
background: url(//content.cleancruising.com.au/images/mobile-logo.png) no-repeat left top;
background-size: contain;
float: left;
width: 100%;
margin: 0;
height: 35px;
}
#header h4 {
display: inline-block;
width: 210px;
margin: 10px auto 0 auto;
float: left;
margin-left: 15px;
position: relative;
left: auto;
top: auto;
right: auto;
}
#header h4 a {
background: url(//content.cleancruising.com.au/images/mobile-logo.png) no-repeat left top;
background-size: contain;
float: left;
width: 100%;
margin: 0;
height: 35px;
}
#workinghours {
width: 100%;
padding: 15px 0;
margin-top: 10px;
display: none;
}
#phone span {
font-size: 15px;
font-style: normal;
font-weight: 300;
display: block;
display: none!important;
}
#phone strong {
font-size: 14px;
line-height: 1.6em;
font-weight: 400;
white-space: nowrap;
font-weight: bold;
}
#phone {
font-size: 14px;
float: right;
width: 100px;
top: 17px;
padding-left: 10px;
background: url(//content.cleancruising.com.au/images/Mobile-Phone-icon.png) no-repeat left center;
background-size: 14%;
position: absolute;
right: 95px;
}
#phone a {
color: white;
}
.mobilehide {
display: none;
}
.main, .secondary, .tertiary, .quaternary, .col1, .col2, .col3, #search, .cruisecount {
float: left;
display: inline;
width: 100%;
text-align: center;
}
.main {
padding: 0 0 0 0!important;
}
.cruisecount {
color: white;
padding-top: 10px;
font-size: 15px;
}
.btnFresh button {
display: inline-block;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
font-size: 20px;
}
.box #shipFinder, .box #newsletter_email {
float: none;
}
#shipFinderForm {
margin-bottom: 5px;
}
fieldset {
padding: 20px 10px;
}
.secondary .box {
padding-top: 0
}
.btnFresh.btnNewsLetterEmail {
padding-bottom: 10px;
}
.tipoftheday {
display: table;
margin: 0 auto;
float: none;
}
.tipoftheday strong {
display: block;
}
.secondary h3 {
padding-top: 15px;
margin-bottom: 0;
font-size: 24px;
}
.secondary .box img {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.slider-wrapper.theme-default {
width: 100%;
float: right;
}
.cruise-lines a.pri {
background: url(//content.cleancruising.com.au/images/Logo/color-png/PRI2.png);
}
.cruise-lines a.pac {
background: url(//content.cleancruising.com.au/images/Logo/color-png/PAC.png);
}
.cruise-lines a.cun {
background: url(//content.cleancruising.com.au/images/Logo/color-png/CUN3.png);
}
.cruise-lines a.rci {
background: url(//content.cleancruising.com.au/images/Logo/color-png/RCI2.png);
}
.cruise-lines a.car {
background: url(//content.cleancruising.com.au/images/Logo/color-png/CAR.png);
}
.cruise-lines a.hal {
background: url(//content.cleancruising.com.au/images/Logo/color-png/HAL.png);
}
.cruise-lines a.sea {
background: url(//content.cleancruising.com.au/images/Logo/color-png/SEA.png);
}
.nivo-main-image {
display: none !important;
}
/* #workinghours dt, #workinghours dd{
float: none;
display: inline-block;
margin: 0 5px;
}
#workinghours dl{
display: inline-block;
width: auto;
}
#workinghours strong{
clear: both;
width: 100%;
float: left;
font-size: 15px;
}
*/
/* extra */
#nav {
display: none;
}
.cruise-lines a.cl {
width: 150px;
display: table;
margin: 10px auto;
float: none;
}
.cruise-lines a.cl {
width: 150px;
display: table-caption;
margin: 10px auto;
float: none;
height: 48px;
}
.cruise-lines-inner {
margin: 20px 5px 0;
text-align: center;
display: table;
width: 100%;
}
.cruise-lines a.cl {
/*width: 150px;*/
width: 200px;
margin: 10px auto;
float: none;
height: 64px;
/*height: 48px;*/
background-size: 100%;
}
.cruise-lines a.cl:hover {
/*width: 150px;*/
width: 200px;
margin: 10px auto;
float: none;
height: 64px;
/*height: 48px;*/
background-size: 100%;
}
#nrlskswidget {
display: none;
}
.home-content, .cruise-lines-inner div {
width: 100%
}
.home-feature-panel {
text-align: center;
}
.home-content h3 {
font-size: 16px;
margin-left: 10px;
margin-right: 10px;
}
#search form h4 {
font-size: 2em;
color: white;
}
#footer .general, #footer .cruiselines, #footer .destinations {
width: 100%;
background: #fff;
}
#footer .general h2 {
display: table;
margin: 10px auto;
float: none;
}
.general .center {
width: 100%;
float: left;
text-align: center;
margin-bottom: 50px;
}
.general .center img {
margin-left: -50px;
}
#footer ul {
margin: 0 0 20px 5px;
width: 100%;
float: none;
display: inline-block;
text-align: center;
}
#footer .general, #footer .cruiselines, #footer .destinations {
text-align: center;
}
#footer .general li {
float: left;
width: 100%;
padding: 0;
}
#footer .general a, #footer .general li {
font-size: 13px;
}
#footer h3 {
font-size: 14px;
}
#footer .cruiselines ul li, #footer .destinations ul li {
background: none;
}
#footer li a {
color: #636363;
font-size: 13px;
padding: 5px 0;
display: inline-block;
}
#footer ul {
margin: 0 0 20px 5px;
width: 100%;
float: none;
display: inline-block;
text-align: left;
width: 200px;
}
#slider {
height: 215px;
}
#nav {
float: left;
width: 100%;
position: relative;
top: 10px;
margin-bottom: 20px;
display: none;
background: #717171;
opacity: 0.98;
border-bottom: 1px solid #52B2BE;
/*padding-top: 10px;*/
margin-left: -3px;/*top: 3px;*/
}
#nav a, #nav a:hover, #nav li.over a {
/*border-color: #52B2BE;*/
border: none;
padding-bottom: 10px;
padding-top: 10px;
font-size: 17px;
border-bottom: 1px solid#5E5E5E;
}
#nav li {
float: left;
width: 100%;
text-align: center;
}
.sub-menu-toggle {
position: absolute;
top: 0;
width: 30px;
height: 25px;
top: 3px;
display: inline-block;
/*display: none;*/
right: 10px;
background: #19a646 url(//content.cleancruising.com.au/images/buttonArrow.png) no-repeat center center;
box-shadow: none;
}
.sub-menu-toggle:focus {
outline: none;
}
.sub-menu-toggle:hover {
position: absolute;
top: 0;
width: 30px;
height: 25px;
top: 3px;
right: 10px;
}
.menu-toggle {
width: 35px;
height: 35px;
border: 0;
position: absolute;
right: 45px;
z-index: 10000000;
background: url(//content.cleancruising.com.au/images/button-icon.png) no-repeat center center;
top: 10px;
display: inline-block;
border-radius: 2px;
float: right;
padding-left: 44px;
font-size: 14px;
line-height: 20px;
box-shadow: none!important;
}
#nav li ul {
display: block !important;
position: relative;
float: left;
width: 100%;
top: 0;
overflow: hidden;
padding: 0;
height: 0;
border: 0;
}
#nav li ul.active {
overflow: visible;
padding: 0;
height: auto;
border: 1px solid #000;
}
#nav li ul.active li {
margin: 0
}
#nav li a.active {
background: #fff;
color: #333
}
#nav ul a, #nav li.over ul a {
background: none;
text-align: left;
padding-left: 0;
font-size: 13px;
}
#nav ul a:hover, #nav li.over ul a:hover {
background: #333;
text-decoration: none;
color: #fff;
float: left;
}
/* last update */
#search select, .btnFresh button {
width: 100%;
height: 40px;
}
#search select {
font-size: 14px;
}
#search {
height: initial;
}
.ui-widget, .btnFresh.btnNewsLetterEmail {
position: relative;
}
.box #shipFinder, .box #newsletter_email {
width: 100%;
margin: 0;
/*padding-right: 55px;
padding-left: 10px;*/
height: 40px;
font-size: 15px;
}
#shipFinderForm h4, #newsletterForm h4 {
font-size: initial;
}
#shipFinderForm .btnShipFinder button, #newsletterForm .btnNewsLetterEmail button {
position: absolute;
top: 0;
right: -8px;
z-index: 100;
border-radius: 0 4px 4px 0;
height: 46px;
}
#search form {
background: #0B77C0!important;
}
#search form fieldset {
padding: 20px 10px;
MAX-WIDTH: 360PX;
MARGIN: 0 AUTO;
}
.secondary .box img {
/*display: none;*/
width: 50%;
min-width: 200px;
max-width: 250px;
height: auto;
}
.secondary .tipoftheday img {
display: block;
width: 150px;
height: auto;
}
.box.mob_nopad {
padding: 0 0 0 0;
}
.slider-wrapper.theme-default, #phone em {
display: none;
}
#footer .destinations, #footer .cruiselines {
position: relative;
margin-top: 15px;
}
#footer h3 {
margin-bottom: 55px;
}
#footer .sub-menu-toggle {
right: 45%;
top: 38px
}
#footer .destinations .sub-menu-toggle {
right: 45%;
top: 25px
}
#footer .destinations .sub-menu-toggle:hover {
right: 45%;
top: 25px
}
#footer .sub-menu-toggle:hover {
right: 45%;
top: 38px
}
#footer ul {
display: none;
text-align: center;
margin: 0 auto;
}
#footer .general ul {
display: block;
}
#footer .cruiselines .sub-menu:last-child {
padding-bottom: 25px;
}
.secondary .box {
padding: 0;
clear: both;
}
.cruise-details {
font-size: 14px;
padding-bottom: 5px;
min-height: 80px;
}
.cruise-details h4 {
font-size: 14px;
}
.our_teem {
/*margin-top: -30px*/
}
#footer div, #footer ul {
width: 100%;
text-align: center;
margin: 0
}
#footer .general .sub-menu-toggle {
display: none;
}
#footer {
padding: 10px 0
}
.home-content {
border: 0;
}
#footer h3 {
margin-left: 0
}
#footer .sub-menu-toggle, #footer .destinations .sub-menu-toggle {
right: 47%;
}
#footer .sub-menu-toggle:hover, #footer .destinations .sub-menu-toggle:hover {
right: 47%;
}
#footer .copyright {
width: 100%;
padding: 10px 0;
}
.cruise-lines {
width: 100%
}
.our_teem p {
padding-left: 10px;
padding-right: 10px;
}
.secondary .box {
padding-bottom: 3px;
}
.box.mobilepadding {
padding-left: 20px;
padding-right: 20px;
}
#shipFinderForm h4 {
/*margin-top: 25px;*/
font-size: 16px;
}
.home-cruise {
width: 250px;
float: none;
display: table;
margin: 40px auto;
}
.cruise-head {
font-size: 17px;
}
.cruise-subhead {
height: 65px;
width: 100%;
position: relative;
}
.cruise-date {
width: 70px;
height: 55px;
padding-top: 10px;
}
#cruisedetail .cruise-date {
height: 55px;
padding-top: 10px;
}
.cruise-logo {
width: 180px;
height: 66px;
}
.cruise-feature-image {
width: 100%;
height: 185px;
position: relative;
text-align: left;
}
.cruise-feature-image img {
width: 100%;
height: 175px;
}
#footer h3 {
padding: 0 10px;
}
#footer ul li {
padding: 0
}
#nav ul a, #nav li.over ul a {
width: 93%;
padding-left: 10px;
}
/* Start Search page */
.mobile-content {
padding-top: 50px;
}
.mobile-contoler {
display: block;
clear: both;
background-color: #E7E7E7;
-moz-box-shadow: inset -0 2px 5px #808080;
-webkit-box-shadow: inset -0 2px 5px #808080;
box-shadow: inset -0 2px 5px #808080;
padding: 20px 10px;
text-align: center;
}
.mobile-contoler a {
display: inline-block;
font-weight: bold;
color: #fff;
text-transform: uppercase;
/* margin: 0 15px; */
background-image: -webkit-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -moz-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -ms-linear-gradient(top, #2BB957, #0E6B2C);
background-image: -o-linear-gradient(top, #2BB957, #0E6B2C);
background-image: linear-gradient(to bottom, #2BB957, #0E6B2C);
-webkit-border-radius: 3;
-moz-border-radius: 3;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 0px #cccccc;
-moz-box-shadow: 1px 1px 0px #cccccc;
box-shadow: 1px 1px 0px #cccccc;
font-family: Arial;
color: #ffffff;
font-size: 14px;
text-decoration: none;
border: none;
line-height: 32px;
width: 90%;
max-width: 300px;
height: 32px;
text-transform: uppercase;
color: #fff;
font-weight: 700;
cursor: pointer;
display: inline-block;
}
.mobile-contoler a:hover {
background: #219e45;
text-decoration: none;
}
.secondary.filters, .secondary {
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s liner;
transition: all .3s linear;
}
.secondary.filters.active, .secondary.active, .home-page .secondary {
height: auto;
opacity: 1;
visibility: visible
}
.box form fieldset {
padding: 10px 15px;
}
.js .tabContent {
display: none;
}
.pageheader.simple h3, .pageheader.simple dfn {
width: 100%;
text-align: center;
margin-left: 0;
margin-right: 0
}
.pageheader.simple {
text-align: center;
width: 100%;
background-image: none;
background-color: #125c87;
}
.pageheader.nomenu p {
width: 100%;
margin-left: initial;
margin-top: initial;
}
.cruiselines td.links {
padding-left: 0;
padding-right: 0;
width: 100% !important;
border: 1px solid #d7d7d7 !important;
display: none;
}
.cruiselines td {
width: 100%;
border: 0 !important;
float: left;
}
.cruiselines td.desc {
padding-left: 0;
padding-right: 0;
}
.cruiselines td {
width: 100%;
border: 0 !important;
float: left;
}
.cruiselines .desc strong {
font-size: 16px;
}
table.cruiselines {
align-content: center;
}
.main.wide {
width: 100%;
}
#divSearchResults {
margin: 0 auto;
/*width: 50%;
MIN-WIDTH: 300PX;*/
MAX-WIDTH: 360PX;
}
#cruisedetail > p {
text-align: left;
}
.wide #cruisedetail .collage a img {
width: 100%;
margin-right: 0;
/*height: 160px;*/
max-height: 220px;
min-height: 200px;
}
#cruisedetail .bonus {
float: right;
width: 100%;
font-size: 1.1em;
padding-top: 10px;
line-height: 5px;
}
.wide #cruisedetail .collage {
width: 35%;
}
.wide #cruisedetail .details {
float: right;
width: 62%;
}
.light th {
font-size: 9px;
padding: 10px 0;
}
#cruisedetail dl {
margin: 3px 0px;
padding: 0px;
width: 190px;
line-height: 1.2em;
float: left;
/**font-size: 9px;*/
text-align: left;
}
#cruisedetail .price {
width: auto;
padding: 0px 0px 5px;
font-size: 9px;
text-align: right;
}
#cruisedetail table td {
font-size: 10px;
}
#cruisedetail table.reset {
width: 95%;
margin-bottom: 4px;
}
#cruisedetail p em.title {
font-size: 12px;
}
#cruisedetail table td.selected strong {
font-size: 1.5em;
}
#cruisedetail table td.selected {
background: #E1ECFF;
/*color: #307BBF;*/
font-size: 1em;
}
#cruisedetail .note {
/*font-size:9px;*/
margin: 0;
border: none;
}
#cruisedetail {
float: left;
width: 100%;
margin-bottom: 15px;
height: initial;
}
.light .destination {
display: none;
}
/**.box .light{
display: none;
}**/
.main.wide {
visibility: visible;
opacity: 1;
height: auto;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s liner;
transition: all .3s linear;
}
.main.wide.hide-area {
visibility: hidden;
opacity: 0;
height: 0;
}
#cruisedetail .price strong {
font-size: 20px;
}
#footer .iata, #footer .tcfp, #footer .afta, #footer .memb, #footer .trsc, #footer .trsc2, #footer .amex {
float: none;
/*display:table;*/
margin: 10px auto;
}
#footer .trsc2 {
display: table;
float: none!important;
}
.filters h5 {
padding: 0;
}
.search-section-reset {
padding: 0 15px;
}
.ygtvchildren {
padding: 0;
}
.filters h5 {
float: left;
width: auto;
}
.search-section-reset {
padding: 0 15px;
float: left;
width: 100%;
font-size: 13px;
margin-bottom: 13px;
text-align: left;
}
#treeDiv1 td, #treeDiv2 td {
text-align: left
}
#treeDiv1, #treeDiv2 {
padding: 0 15px;
}
.filters h5 {
/*padding-left: 15px; */
font-size: 1.7em;
}
.filters input {
/* margin: 0; */
height: px;
/* border: 0; */
/* clip: rect(0 0 0 0); */
height: 1.7rem;
/* margin: 0 -2rem -2rem 0; */
overflow: hidden;
/* padding: 0; */
/* position: absolute; */
width: 2rem;/* opacity: 0.001; */
}
/* start itinerary */
#breadcrumbs {
width: auto !important;
padding-right: 20px;
}
#breadcrumbs p {
font-size: 12px;
line-height: 20px;
}
.pageheader {
min-height: 150px;
height: auto!important;
width: 100%;
}
.content .pageheader h2 {
font-size: 18px;
margin: 9px 0 0 10px;
padding: 0px;
line-height: normal;
float: left;
text-align: left;
padding-right: 10px;
}
.pageheader h1 {
margin-left: 10px;
}
/*.pageheader .btn{
float: left;
margin-left: 8px;
}*/
.pageheader .price {
margin-right: 12px;
padding-top: 20px;
float: right;
display: inline-block;
margin-bottom: 0px;
/*margin-top: -50px;*/
padding-bottom: 20px;
}
.pageheader .price strong {
font-size: 21px;
line-height: 1em;
}
.pageheader ul, .pagenav ul {
position: relative;
bottom: 0px;
left: 0px;
background: #e9e9e9;
width: 100%;
border-right: 0;
font-size: 16px;
}
.pageheader li, .pagenav li {
margin: 0;
line-height: 29px;
float: left;
font-size: 1.1em;
width: 100%;
text-align: center;
}
.pageheader li a, .pagenav li a {
width: 100%;
float: left;
text-align: center;
}
.bookingTable th {
height: 40px;
}
.bookingTable td.selected {
height: 40px;
}
.tabContent {
clear: both;
}
.table-responsive {
float: left;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
table.light td b {
white-space: initial;
}
.pageheader li a, .pagenav li a {
padding: 0
}
.facts {
float: left;
margin-top: 15px;
}
.tertiary .box {
background: transparent !important;
}
.tertiary .box.bg-full {
background: transparent !important;
}
.tertiary .box ul {
text-align: left;
width: 240px;
margin: 0 auto;
}
.tertiary .box ul li {
font-size: 13px;
line-height: 12px;
margin-bottom: 6px;
}
.tertiary .box p {
text-align: center;
padding-right: 10px;
}
.tertiary .box.right-sidbar-title p {
text-align: center;
padding-right: 0
}
#map {
width: 100% !important;
height: 280px !important;
}
div.multiColumn {
-moz-column-count: 1!important;
-moz-column-gap: 20px;
-webkit-column-count: 1!important;
-webkit-column-gap: 20px;
column-count: 1!important;
column-gap: 20px;
text-align: left!important;
}
td.green {
background: green;
padding: 0 !important;
}
td.grey {
background: grey;
}
td.blue {
background: blue;
}
#tab2 .light th {
width: auto;
float: none;
text-align: center;
}
.ad-gallery {
display: block;
width: 100% !important;
float: left;
text-align: center;
padding: 0 !important;
margin-bottom: 20px;
margin-top: 20px !important;
}
.ad-gallery .ad-image-wrapper {
width: 400px !important;
height: 300px !important;
display: table;
margin: 0 auto;
margin-bottom: 10px;
}
.ad-gallery .ad-image-wrapper .ad-image {
width: 400px !important;
height: 300px !important;
float: left;
left: 0 !important;
top: 0 !important;
}
.ad-gallery .ad-controls {
height: 20px;
width: 400px;
display: table;
margin: 0 auto;
}
.ad-gallery .ad-image-wrapper .ad-image img {
width: 100% !important;
height: 100% !important;
float: left;
}
.ad-gallery .ad-controls {
height: 20px;
padding: 0 15px;
}
.ad-gallery .ad-nav {
width: 300px !important;
position: relative;
margin: 0 auto;
}
.box.descr {
clear: both;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
height: 300px !important;
}
.pageheader {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01466f+0,01466f+0,62c2f5+100 */
background: #01466f!important; /* Old browsers */
background: -moz-linear-gradient(top, #01466f 0%, #01466f 0%, #62c2f5 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #01466f 0%, #01466f 0%, #62c2f5 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #01466f 0%, #01466f 0%, #62c2f5 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01466f', endColorstr='#62c2f5', GradientType=0 )!important; /* IE6-9 */
}
.content .pageheader h2, .pageheader h3 {
/*width: 380px;*/
text-align: left;
white-space: normal !important;
}
.pageheader .btn {
float: left;
margin-right: 0;
/* margin-left: 8px; */
/* padding-bottom: 20px; */
width: 100%;
text-align: center;
}
.main .pageheader {
float: left !important;
min-height: 61px;
}
.main .box {
text-align: initial;
}
.labelsAbove {
text-align: left;
}
.bookingForm {
padding-top: 20px;
clear: both;
}
.bookingForm .item {
width: 30%;
/* padding: 5px 10px; */
font-weight: bold;
color: #333;/* border-top: 1px solid #fff; */
/* float: left; */
}
.pageheader {
min-height: 100px;
}
#tfa_Details {
width: 100% !important
}
.toggle.tooltip span {
color: green;
}
.wForm.bookingForm input[type="text"], .wForm.bookingForm input[type="email"], .wForm.bookingForm input[type="password"], .wForm.bookingForm textarea, .wForm.bookingForm .field, .wForm.bookingForm .area, .wForm.bookingForm select {
padding: 5px 3px;
}
#bookingbtn {
width: 100%
}
.cuiseline-page.pageheader .pageheader .price {
margin-top: 0;
}
.pageheader .overlay {
background: #01466e;
height: 207px;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.pageheader .info .polaroid {
display: none;
}
.pageheader .info {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
/* ship page */
.legend {
border: 1px solid #d8d8d8;
clear: both;
display: block;
float: none;
min-height: 18px;
padding: 4px 10px 3px 4px;
visibility: visible;
width: auto !important;
}
.cruises-table {
float: left;
width: 100%;
overflow-x: auto;
margin-bottom: 15px;
}
.popup img {
/*width: 280px !important*/
width: 100% !important;
}
.tertiary {
padding-top: 20px;
}
/* ship page */
/*.legend {
border: 1px solid #d8d8d8;
clear: both;
display: block;
float: none;
min-height: 18px;
padding: 4px 10px 3px 4px;
visibility: visible;
width: auto !important;
}*/
/*.cruises-table{
float: left;
width: 100%;
overflow-x: auto;
margin-bottom: 15px;
}*/
/*.popup img{
width: 280px !important
}*/
/*.tertiary{
padding-top: 20px;
}*/
/* docuk */
#deckplanlegend ul {
clear: both;
float: none;
list-style: outside none none;
margin: 0 auto;
text-align: left;
width: 310px;
}
#deckplanlegend {
border-top: 1px solid #d8d8d8;
float: left;
padding: 40px 0 0;
position: relative;
text-align: center;
top: 0 !important;
width: 100%;
}
#deckplan {
border-top: 1px solid #d8d8d8;
float: left;
margin: 0;
padding: 10px 0;
text-align: center;
width: 100%;
}
#deckplanlegend dl {
clear: both;
margin: 40px auto;
padding: 0;
width: 250px;
}
#DeckSelect {
display: table;
float: none;
margin: 0 auto;
}
#deckMap {
display: none !important;
}
#deckMap area {
display: none !important;
}
.cabindetail .cat {
background: #e1e1e1;
margin-bottom: 2px;
}
.cabindetail {
border-bottom: 1px solid #ccc;
clear: both;
float: left;
padding: 0 0 10px;
position: relative;
width: 100%;
}
.cabindetail dl, #consultant dl {
text-align: left;
width: 100%;
margin-top: 20px;
}
.cabindetail dt {
width: 100px;
}
.cabindetail .details div {
text-align: left;
}
.cabindetail .photo {
width: 100%
}
.title img {
display: none !important;
}
.cabindetail .details, #consultant .details {
width: 100% !important;
}
.pageheader.cuiseline-page .price {
display: inline-block;
float: left;
margin-bottom: 0;
margin-right: 12px;
margin-top: 0 !important;
padding-bottom: 20px;
padding-top: 20px;
}
.pageheader.wide {
height: auto !important;
}
.shipslist {
display: none;
}
.shipslist span a {
text-align: center;
width: 100%;
}
.shipslist span {
width: 100%;
}
.shipslist a, .cruiseslist a {
display: inline-block;
float: left;
font-size: 13px;
margin-right: 5px;
margin-top: 7px;
text-align: left;
}
/*.cruiselines td {
width: 100%;
border:0 !important;
float: left;
}
.cruiselines td.desc {
padding-left: 0;
padding-right: 0
}
.cruiselines td.links {
padding-left: 0;
padding-right: 0;
width: 100% !important;
border:1px solid #d7d7d7 !important;
}
.cruiselines td.reset img{
width: 280px !important;
height: 200px !important
}*/
.bonus-img {
max-width: 100% !important
}
.itinerary-map-img {
width: 100%;
display: block;
}
.itinerary-map {
display: none !important;
}
.tabs.itinerary-tabs {
display: none !important;
}
.itinerary-tabContent.tabContent {
display: block !important;
}
#header h1 {
width: 170px;
}
#topnav li {
display: inline;
margin: 0 6px;
font-size: 9px;
}
#nav ul li, #nav li.over ul li {
width: 100%;
text-align: center;
}
#nav ul li a, #nav li.over ul li a {
width: 100%;
text-align: center;
}
.menu-toggle {
top: 10px;
}
#phone strong {
font-size: 12px;
}
#phone {
right: 37px;
top: 18px;
}
.menu-toggle {
padding-left: 0;
font-size: 14px;
text-indent: -99999px;
right: 5px;
}
.wide #cruisedetail .details {
float: right;
width: 95%;
margin-top: 3px;
margin-bottom: 10px;
}
.wide #cruisedetail .collage {
width: 100%;
margin: 0 auto;/** float: none;*/
}
#cruisedetail .buttons .btn {
width: auto;
margin-left: 0;
width: 92.5%;
float: left;
}
/*.wide #cruisedetail .collage a img {
height: initial;
}*/
#cruisedetail .buttons {
width: 50%;
top: 10px;
}
#cruisedetail > p {
margin-bottom: 40px;
}
#cruisedetail .price {
display: none;
}
#cruisedetail h3 {
width: 100%;
text-align: left;
font-size: 1.7em;
}
.pagination {
font-size: 17px;
}
#cruisedetail table th.selected {
background: #1F8DD8;
}
.light th {
font-size: 10px;
padding: 10px 0;
width: 100%;
float: left;
text-align: center;
margin: 0;
}
.pageheader.simple h3 {
/**font-size:16px;*/
}
.note a img {
margin-bottom: 3px;
/* width: 40%; */
/* height: auto; */
margin-top: 1px;
/* display: none; */
border: 1px solid #CECECE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#cruisedetail {
margin-bottom: 17px;
max-width: 380px;
background-color: #E7E7E7;
}
.mobile-contoler {
padding: 20px 0
}
#cruisedetail .note {
text-align: center;
font-size: 1em;
}
#cruisedetail .depdate {
background-color: #01466e;
line-height: 1.3em;
color: #fff;
padding: 13px 0px 4px 6px;
width: 54px;
position: block;
float: left;
height: 48px;
font-size: 15px;
font-weight: 700;
border-radius: 0 0 10px 0;
}
.itinerary-snapshot {
width: 80%;
max-width: 360px;
margin: auto;
background-color: white;
color: #0054AA;
font-size: 13px;
padding: 20px 20px 60px 20px;
}
.itinerary-snapshot img {
align-items : center;
display: block;
margin-left: auto;
margin-right: auto;
}
#cruisedetail > p {
margin-bottom: 0px;
}
.btn a {
height: 32px;
font-size: 14px;
padding-top: 8px;
}
#tab2 .light tr td:first-child {
width: 70px !important;
height: 38px;
}
#tab2 .light tr td:nth-child(2) {
/*width: 120px !important;*/
}
#tab2 .light tr th:nth-child(4), #tab2 .light tr th:nth-child(5) {
display: none !important;
}
.light .destination {
padding-right: 20px;
}
#tab2 .light th {
width: auto;
float: none;
text-align: center;
}
#nav ul a, #nav li.over ul a {
padding-left: 0;
}
.tertiary .box p {
text-align: center;
}
.tertiary .box p .right {
text-align: center;
float: left;
width: 100%;
}
.ad-gallery {
display: block;
width: 100% !important;
float: left;
text-align: center;
padding: 0 !important;
margin-bottom: 20px;
margin-top: 20px !important;
}
.ad-gallery .ad-image-wrapper {
width: 280px !important;
height: 220px !important;
}
.ad-gallery .ad-image-wrapper .ad-image {
width: 280px !important;
height: 220px !important;
}
.ad-gallery .ad-nav {
width: 150px !important;
position: relative;
margin: 0 auto;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
height: 220px !important;
}
.content .pageheader h2, .pageheader h3 {
display: block;
float: none;
padding-right: 15px;
text-align: left;
/* width: auto; */
white-space: normal;
}
.main .pageheader {
float: left !important;
}
.pageheader .price {
margin-top: 0;
padding-top: 5px;
}
.pageheader .text {
width: initial;
height: initial;
top: 10px;
left: 10px;
}
.mobilehide {
display: none!important;
}
.mobileshow {
display: initial!important;
}
.content .pageheader h2 {
padding-top: 15px;
clear: both;
width: 100%;
}
.wForm.bookingForm table th {
clear: both;
/*float: left;*/
margin: 2px 0;
margin-bottom: 2px;
padding: 5px 0;
text-align: center;
width: 100%;
font-size: 18px;
}
.wForm.bookingForm .item {
/**border-top: 1px solid #fff;
color: #333;
float: left;
font-weight: bold;
margin-top: 10px;
padding: 5px 0;
text-align: center;
width: 100%;
height: 30px*/
padding: 3px;
color: #0054AA;
}
.wForm.bookingForm td {
/**border-top: 1px solid #f5f5f5;
clear: both;
float: left;
padding: 5px 0;
text-align: center;
width: 100%;*/
/*padding: 0 0 0 0;*/
}
.wForm.bookingForm input[type="text"], .wForm.bookingForm input[type="email"], .wForm.bookingForm input[type="password"], .wForm.bookingForm textarea, .wForm.bookingForm .field, .wForm.bookingForm .area, .wForm.bookingForm select {
background: #fff none repeat scroll 0 0;
border: 1px solid #aaa;
line-height: 1em;
margin: 0;
height: 30px;
padding: 0 0 0 0;
width: 100%;
}
/*.cruises{
float: left;
width: 550px;
}*/
#bookingbtn {
width: 100%
}
.cuiseline-page.pageheader .pageheader .price {
margin-top: 0;
}
.pageheader .overlay {
background: #01466e;
height: 207px;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.pageheader .info .polaroid {
display: none;
}
.pageheader .info {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
/* ship page */
/*.legend {
border: 1px solid #d8d8d8;
clear: both;
display: block;
float: none;
min-height: 18px;
padding: 4px 10px 3px 4px;
visibility: visible;
width: auto !important;
}
.cruises-table{
float: left;
width: 100%;
overflow-x: auto;
margin-bottom: 15px;
}*/
/*.popup img{
width: 280px !important
}*/
/*.tertiary{
padding-top: 20px;
}*/
.ad-gallery .ad-controls {
width: 280px;
}
}
@media(max-height:650px) {
.subs-popup {
display: none!important;
}
}
@media(max-width:374px) {
.subs-popup {
display: none !important;
}
#header h1 {
display: inline-block;
width: 150px;
margin: 17px auto 0 5px;
}
#header h4 {
display: inline-block;
width: 150px;
margin: 17px auto 0 5px;
}
#cruisedetail table td {
padding: .5em 0em;
}
}
.visual {
width: 30%;
height: 100%;
min-height: 470px;
border: 0px;
margin-left: 0px;
margin-right: 0px;
display: block;
opacity: .85;
background-size: 100% auto;
padding-right: 20px;
}
.visual:hover {
opacity: 1!important;
transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
}
.brochure-thumb {
display: table-cell;
vertical-align: middle;/*background-color:#efefef;*/
}
.brochure-thumb img {
max-width: 220px;
border-radius: 10px 45px 10px 10px;
-moz-border-radius: 10px 45px 10px 10px;
-webkit-border-radius: 10px 45px 10px 10px;
border: 1px solid #eaeaea;
}