/*
  .bol_voyage .formContainer{
  padding: 0 0 1.2em 0;
  background-color: transparent;
}
.bol_voyage .headContainer{
  overflow: hidden;
  background-color: #e6e6e6;
  padding-top: 1.5em;
}
.bol_voyage .innerPageHeaderMobile,
.bol_voyage .innerPageHeader{
  padding-left: 1.5em;
  padding-right: 1.5em;
}
*/


/* back link styling */
.backlink{
	color: #1B304F;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	padding-top: 0.8em;
	padding-right: 1em;
	display: block;
	float: left;
}


/* .contentSpace{margin-left:0;} */

#voyageWithNav {
    max-width:860px;
}

/* inspire me tiles */

.bol_voyage .level1, .bol_voyage .level2, .bol_voyage .level3 {
    /*cursor:pointer;*/
}

.level1 .extraInfo {
    height:82px !important;
    line-height:82px;
}

    .level1 .extraInfo .price {
        height:81px;
        line-height:25px;
    }

.level1 .cover {
    display:block;
    background-color:white;
    height:350px;
}

.level2 .cover {
    height:270px;
    display:block;
    background-color:white;
}

.level3 .cover {
    height:178px;
    display:block;
    background-color:white;
}

.bol_voyage.innerPageContent{
    padding-bottom:30px;
}

.bol_voyage .row {
    overflow: hidden;
}

.bol_voyage .fullBox {
    padding-right: 0;
}

.bol_voyage .halfBox {
    padding-right: 10px;
}

.bol_voyage .thirdBox {
    padding-right: 20px;
}

.bol_voyage .col {
    float: left;
    margin-left: 30px;
    margin-right: -20px;
    margin-top: 10px;
    position: relative;
    height: 260px;
    overflow: hidden;
}

.bol_voyage .col:first-child {
    margin-left: 0;
}

.bol_voyage .col-1 {
    width: 100%;
    height: 350px;
    background: red;
}

.bol_voyage .col-2 {
    width: 50.00%;
}

.bol_voyage .col-3 {
    width: 33.33%;
}

.bol_voyage .col-6 {
    width: 66.66%;
    margin-left: 20px;
}

.bol_voyage .fullBox .col{
	height:350px;
	margin-top: 10px;
}

.bol_voyage .halfBox .col,
.bol_voyage .thirdBox .col
{
    height:auto;
}

.bol_voyage .halfBox .itinerary {
    height:287px;
}

    .bol_voyage .halfBox .itinerary img {
        width:100%;
        height:auto;
    }

.bol_voyage .col-3 .tile {
    height:146px;
    /*height:207px;*/
    display:block;
}

    .bol_voyage .col-3 .tile img {
        width:100%;
        height:auto;
    }

.bol_voyage .suitetile {
    height:222px !important;
}

.bol_voyage .singleItem .description {
    margin:0 !important;
}

.bol_voyage .fullBox>.col>img{
    width:650px;
    height:350px;
}
.bol_voyage .halfBox>.col>a img,
.bol_voyage .thirdBox>.col>a img{
    width:100%;
    height:auto;
}

.bol_voyage .col .compareBtn{
	padding:5px 4px 5px 0;
	position: absolute;
	top:10px;
	left:10px;
	text-transform: uppercase;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	background: rgba(255,255,255,0.8);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)"; /* IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);   /* IE6 & 7 */
        zoom: 1;
}
.bol_voyage .col .compareBtn:hover{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.bol_voyage .col .compareBtn a{
	width: 100%;
	background: transparent url(images/bol/icon_compare.png) no-repeat left center;
	padding-left:35px;
}
.bol_voyage .col .compareBtn a span{
  display: none;
}
.bol_voyage .col .compareBtn a:hover span{
  display: inline-block;
}

.tourList .tourIcons {
    display:block;
    position:absolute;
    width:100%;
    text-align:right;
    bottom:0;
    margin-bottom:-40px;
}

.bol_voyage .portinfo .photo {
    /*width:300px;*/
    height:160px;
}

    .bol_voyage .portinfo .photo img {
        height:100%;
    }

.bol_voyage .portinfo .description {
    height:85px;
    overflow:auto;
    position:relative;
}

.bol_voyage .actionsPanel {
    width:100%; 
    text-align:center;
    display:inline-block;
}

    .bol_voyage .actionsPanel a {
        float:left;
        margin:5px 2px 0px 2px ;
        width:100px; 
        display:inline-block
    }
    .bol_voyage .actionsPanel .pager {
        margin:0;
        margin-top:5px;
        padding:2px;
        display:inline-block;
        background-color:#E6E6E6;
    }

        .bol_voyage .actionsPanel .pager .prev,
        .bol_voyage .actionsPanel .pager .next {
            background: url("images/bol/button_sprites.png") repeat scroll left bottom rgba(0, 0, 0, 0);
            display: inline-block;
            height: 21px;
            width: 14px;
            margin: 0 5px;
            cursor:pointer;
        }

        .bol_voyage .actionsPanel .pager .prev {
              background-position: 5px 23px;
        }

        .bol_voyage .actionsPanel .pager .next {
             background-position: -19px 23px;
        }

        .bol_voyage .actionsPanel .pager .item,
        .bol_voyage .actionsPanel .pager .prev,
        .bol_voyage .actionsPanel .pager .next,
        .bol_voyage .actionsPanel .pager .position {
            float:left;
            display:inline-block;
        }

        .bol_voyage .actionsPanel .pager .position {
            padding:2px 15px 2px 15px;
        }

        .bol_voyage .actionsPanel .pager .item {
            border: 1px solid #A0A0A0;
            margin-left: 1px;
            margin-right: 1px;
            width: 20px;
            cursor:pointer;
        }

        .bol_voyage .actionsPanel .pager .item:hover,
        .bol_voyage .actionsPanel .pager .item.selected {
            color:white;
            background-color:#1B304F;
        }


.bol_voyage .actionsPanel .currentorder {
    background-color:#1B304F;
    color:white;
}

.bol_voyage .col .description {
    font-family: "Tw Cen MT", Helvetica, Arial, sans-serif;
    background: #f5f5f5;
/*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0A172B,endColorstr=#CC0A172B)"; */ /* IE8 */
/*  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC0A172B,endColorstr=#CC0A172B); */ /* IE6 & 7 */
    zoom: 1;
    width: 100%;height:100%;
    color: rgb(10,23,43);
    font-weight: normal;
    padding: 5px 0;
    position: relative;
}

.bol_voyage .col .description .row{
    padding: 0 10px;
}

.bol_voyage .halfBox .col .description,
.bol_voyage .thirdBox .col .description{
    height: 110px;
    margin-bottom: 41px;
    position: relative;
    bottom: 0;
}

.bol_voyage .thirdBox .col .description{
    height: 80px;
}

.bol_voyage .thirdBox .col .description.itinerary{
    height: 75px;
}


.bol_voyage .thirdBox .col .description.suite {
    height: 25px;
    position:relative;
}

.bol_voyage .col .description h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 34px;
}

.bol_voyage .col .description h4 {
    color: rgb(27,48,79);
    text-transform: uppercase;
}

.bol_voyage .col.col-2.cruiseRecap {
    width:auto;
}

.bol_voyage .col.col-2.cruiseRecap .cityimage {
    width:768px;
    height:414px;
    display:block;
    overflow:hidden;
}

    .bol_voyage .col.col-2.cruiseRecap .cityimage img {
        width:100%;
        height:auto;
        border:0;
    }

.bol_voyage .portImage,
.bol_voyage .tourImage {
width:768px;
height:414px;
display:block;
overflow:hidden
}

.bol_voyage .portImage img,
.bol_voyage .tourImage img {
    width:100%;
    height:auto;
    border:0;
}


.bol_voyage .tourCover {
width:373px;
height:200px;
display:block;
overflow:hidden;
}

.bol_voyage .tourCover img {
    width:100%;
    height:auto;
    border:0;
}

.bol_voyage .resultBox .boxes .singleItem a img {
    /*width:275px;*/
}

.bol_voyage .cruiseRecap .description .row .enrichments .icon {
    padding-right:15px;
    padding-bottom:10px;
}

.bol_voyage .cruiseRecap .description .row .enrichments .icon img {
    width:26px !important;
    height:26px !important;
}

.bol_voyage .col-3 .description h3, .bol_voyage .col-2 .description h3 {
    font-size: 18px;
    line-height: 28px;
}

.inner-view .tourList h4 {
    font-size: 26px;
    font-weight: normal;
    margin-bottom:5px;
}

.bol_voyage .col-3 .description h4, .bol_voyage .col-2 .description h4 {
    font-size: 26px;
    line-height: 32px;
    font-weight: normal;
    margin-bottom:5px;
}

.bol_voyage .fullBox .col-3{
    float:left;
    margin-left: 0;
}

.bol_voyage .fullBox .col-6{
    float:right;
    margin-right: 0;
}

.bol_voyage .fullBox .col-6 img{
    width:100%;
}

.bol_voyage .fullBox .level1 .col-6{
    width:64.1%;
}

.bol_voyage .fullBox .level1 .col-3{
    width:35.9%;
}

.bol_voyage .fullBox .level1 .col-3 .enrichments{
    bottom:0;
    position:absolute;
    display:block;
    margin-bottom:100px;
    width:100%;
}

.bol_voyage .fullBox .level1 .col-3 .enrichments .icon {
    margin-left: 4px;
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
    width: 26px;
    float:right;
}

.bol_voyage .thirdBox .col-3 .description h4{
    font-size: 18px;
    line-height: 22px;
}

#legend {
    background-color: #F5F5F5;
    display: none;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 46px;
    width: 350px;
    z-index: 1000;
}

#legend ul {
    margin-bottom: 0;
    width: 49%;
}

#legend ul li {
    font-size: 14px;
    height: 37px;
    padding-left: 26px;
}


#legend ul .icon {
    float: left;
    margin-left: -26px;
    margin-right: 4px;
}


#legend ul .description {
    display: block;
    line-height: 14px;
    padding-top: 6px;
}

.toparrow {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F5F5F5;
    border-style: solid;
    border-width: 0 10px 12px;
    height: 0;
    margin-top: -20px;
    position: absolute;
    right: 40px;
    width: 0;
}

.bol_voyage table.table{ width:100%;color:rgb(27,48,79);}
.bol_voyage table.table td.tableCell{ width:50%;padding:2px 0 2px 0;}
.bol_voyage table.table td.tableCell.firstCell{ padding-bottom:15px;}

.search-prev {
    width:14px;
    height:26px;
    border-radius:30px;
    position:fixed;
    top:50%;
    margin-left:-25px;
    background-color:green;
    background:url("images/bol/button_sprites.png") repeat scroll left bottom rgba(0, 0, 0, 0);
    background-color:#D3D3D3;

}

.search-next {
    width:14px;
    height:26px;
    border-radius:30px;
    position:fixed;
    top:50%;
    margin-left:1022px;
    background-color:green;
    background:url("images/bol/button_sprites.png") repeat scroll left bottom rgba(0, 0, 0, 0);
    background-color:#D3D3D3;
    background-position:-14px bottom;
}

.detailView .singleview .inner-view .row img {
    width:100%;
}
/*
    .bol_voyage .col .description h3 span {
    font-size: 14px;
    font-weight: normal;
}
*/
.inner-view .tourList.lvl2 li{    
    width:47.3%;
}

.inner-view .tourList li{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding:5px;
    height:200px;
    padding:10px;
    margin-bottom:5px;
    border-radius:3px;
    margin-left:-10px;
}
    .inner-view .tourList li.extended {
        height:400px;
    }

.inner-view .tourList li:hover {    
    background-color:white;
}

.bol_voyage .col .description p {
    padding-right: 90px;
	color: rgb(97,150,227);
	font-size:15px;
    line-height: 18px;
    margin-bottom: 10px;
}

.bol_voyage .col.col-3 .description p {
    padding-right: 20px;
}

.bol_voyage .col .description .icon,
.bol_voyage .col .extraInfo .icon {
    line-height: 26px;
    height: 26px;
    display: inline-block;
    padding-right: 10px;
    padding-left:2px;
}
.bol_voyage .col .description .icon{
    text-indent: 28px;
    background: transparent url(images/bol/icons.png) no-repeat left top;
}

.bol_voyage .col .extraInfo .icon{
	padding-left: 0px;
    padding-right: 0px;
    width:26px;
    margin-top:8px;
    margin-left: 2px;
    /*background: transparent url(images/bol/icon_privileges.png) no-repeat left top;*/
}
.bol_voyage .col .extraInfo.setIcon1 .icon{
/*  text-indent: 28px;
    margin-right: 14px; */
    background-image: none;
    text-indent: 0;
    width:auto;
    margin-right: 4px;
}

.col .extraInfo.setIcon1 .availability {
    display:block;
    margin-top:12px;
    margin-left:10px;
}

.col.col-2 .row .enrichments, .col.col-3 .row .enrichments{
    bottom:0;
    position:absolute;
    display:block;
    margin:0 0 0 -10px;
    width:100%;
}

.col.col-2 .row .enrichments .icon {
    margin-top:5px;
    background:none;
}

.col.col-3 .row .enrichments .icon {
    margin-top:12px;
    background:none;
}

.col.col-2 .row .enrichments .icon, .col.col-3 .row .enrichments .icon{
    text-indent: 0;
    float:right;
    background:none;
}

.col.col-2 .row .enrichments .icon img, .col.col-3 .row .enrichments .icon img {
    text-indent: 0 !important;
    width:16px !important;
    height:16px !important;
    float:left !important;
}

.col.col-3 .extraInfo .enrichments .icon {
    margin-left: 2px;
    margin-top: 12px;
    padding-left: 0;
    padding-right: 0;
    width: 26px;
}

.col.col-3 .extraInfo .enrichments .icon img{
    float: left;
    height: 26px;
    margin-bottom: -8px;
    width: 26px;
}

.bol_voyage .thirdBox .col .extraInfo.setIcon1 .icon{
    text-indent: 0;
}
.bol_voyage .col .extraInfo.setIcon1 .up{
    padding-top: 3px;
    text-align: center;
    width: 30px;
    float: left;
}
.bol_voyage .col .extraInfo.setIcon1 .up .icon{
    margin-top: -4px;
    line-height: 16px;
}

.bol_voyage .col .description .icon.ships{
    background-position: left 0px;
}
.bol_voyage .col .description .icon.days {
    background-position: left -26px;
}
.bol_voyage .col .description .icon.ports{
    background-position: left -52px;
}
.bol_voyage .col .description .icon.tours{
    background-position: left -78px;
}
.bol_voyage .col .description .icon.adventures{
    background-position: left -104px;
}
.bol_voyage .col .description .icon.timeAtSea11{
    background-position: left -130px;
}
.bol_voyage .col .description .icon.timeAtSea10{
    background-position: left -156px;
}
.bol_voyage .col .description .icon.timeAtSea9{
    background-position: left -182px;
}
.bol_voyage .col .description .icon.timeAtSea8{
    background-position: left -208px;
}
.bol_voyage .col .description .icon.timeAtSea7{
    background-position: left -234px;
}
.bol_voyage .col .description .icon.timeAtSea6{
    background-position: left -260px;
}
.bol_voyage .col .description .icon.timeAtSea5{
    background-position: left -286px;
}
.bol_voyage .col .description .icon.timeAtSea4{
    background-position: left -312px;
}
.bol_voyage .col .description .icon.timeAtSea3{
    background-position: left -338px;
}
.bol_voyage .col .description .icon.timeAtSea2{
    background-position: left -364px;
}
.bol_voyage .col .description .icon.timeAtSea1{
    background-position: left -390px;
}


.bol_voyage .col .extraInfo .icon.venetian{
	background-position: left 0px;
}
.bol_voyage .col .extraInfo .icon.star{
    background-position: left -26px;
}
.bol_voyage .col .extraInfo .icon.relaies{
    background-position: left -52px;
}
.bol_voyage .col .extraInfo .icon.bridge{
    background-position: left -78px;
}
.bol_voyage .col  .extraInfo .icon.wine{
    background-position: left -104px;
}
.bol_voyage .col .extraInfo .icon.gentlemen{
    background-position: left -130px;
}
.bol_voyage .col  .extraInfo .icon.moon{
    background-position: left -156px;
}
.bol_voyage .col .description .icon img, 
.bol_voyage .col .extraInfo .icon img {
    height: 26px;
    width: 26px;
    margin-bottom: -8px;
    float:left;
}

.bol_voyage .col .description .up .icon img, 
.bol_voyage .col .extraInfo .up .icon img {
    float:none;
    margin-top: -7px;
    width:20px;
    height:20px;
}

.bol_voyage .extraInfo{
	position: absolute;
	bottom: 0;
	width:100%;height: 41px;
	background:rgb(217,217,217);
}

.bol_voyage .price {
    width: 100px;
    height: 40px;
    /* background: transparent url(images/bol/price-flag.png) no-repeat left top; */
    background: rgb(97,150,227);
    position: absolute;
    color: white;
    right: 0;
    top: auto;
    bottom: 0;
    text-align: center;
    padding-top: 1px;
    font-size:22px;
    font-family: "Tw Cen MT", Helvetica, Arial, sans-serif;
    line-height: 16px;
}
.bol_voyage .price span{
	font-size:14px;
}


.searchContent .comparefolder{
	margin-bottom:30px;
	width:100%;
	bottom:0;
}
.searchContent .innerfolder{
	overflow: hidden;
}

.searchContent .compare .col{
	height: auto;
	margin-top: 0;
}



.bol_voyage .detail{
	padding:8px;
	background-color: #e6e6e6;
	border-bottom: 1px solid #999999;
	color: #3a4f74;
}

.bol_voyage .detail h3,
.bol_voyage .detail h4{
	color: #3a4f74;
	text-transform: uppercase;
	font-weight: bold;
}
.bol_voyage .detail h3{
	font-size: 1.4em;
}
.bol_voyage .detail h4{
	font-weight: normal;
}

.bol_voyage .detail .listinfo {
	font-size: 16px;
	margin-bottom:25px;
	font-weight: bold;
	line-height: 32px;
	text-indent: 42px;
}

.bol_voyage .detail .listinfo i{
	display: block;
	margin-top:5px;
	height:26px;
	width:32px;
	margin-left: 0px;
	line-height: 32px;
	background: transparent url(images/bol/info_sprite.png) no-repeat left 0px;
	float:left;
}

.ui-btn-up-c {
    text-shadow:none;
}

.searchContent .comparefolder .ui-btn{
	background-color: #227a26;
	margin: 0;
}

.searchContent .comparefolder .ui-btn-up-c{
	text-shadow: #195f29 0  0 #195f29;
}
.searchContent .comparefolder header{
	padding:10px;
	margin: 0 5px;
	height: auto;
	background-color: #e6e6e6;
	overflow: hidden;
	cursor: pointer;
}
.searchContent .comparefolder .innerheader{
	width:100%;
	display: table;
}
.searchContent .comparefolder header span.show{
	padding: 4px 0 4px 4px;
	height: 32px;
	float: right;
	display: inline-block;
	width: 32px;
	vertical-align: middle;
}
.searchContent .comparefolder header span.show.open{
	background:#e6e6e6 url(images/bol/button_sprites.png) no-repeat -128px 6px;
}
.searchContent .comparefolder header span.show.close{
	background: url(images/bol/button_sprites.png) no-repeat -96px 6px;
}
.searchContent .comparefolder h3{
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
	font-size: 20px;
	background: transparent url(images/bol/icon_compare.png) no-repeat left center;
	text-transform: uppercase;
}
.searchContent .comparefolder ul{
	background-color: #f5f5f5;
	margin: 0 5px;
	padding-bottom: 10px;
	display: none;
}
.searchContent .comparefolder ul li{
	margin: 0 10px 0 10px;
	padding: 5px;
	border-bottom: 1px solid #999999;
	display: block;
}
.searchContent .comparefolder li a{
	height: 18px;
	float: right;
	display: inline-block;
	background: url(images/bol/button_sprites.png) no-repeat -160px -6px;
	width: 32px;
}
.searchContent .comparefolder header .buttoncontainer{
	width: 130px;
	float: right;
}



/*
.bol_voyage .col img {
    width: 100%;
}

.bol_voyage {
    position: relative;
}

.bol_voyage .smaller .col {
    height: 150px;
}

.bol_voyage .smaller .col h5,
.bol_voyage .smaller .col h6 {
    color: white;
    font-family: "Tw Cen MT", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

.bol_voyage .smaller .col h6 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 45px;
}

.bol_voyage .smaller .col .description {
    height: 100%;
    padding: 0;
    background: rgba(10,23,43,0.3);
}

.bol_voyage .smaller .col .description div {
    padding: 5px 10px;
}

.bol_voyage .smaller .col .request {
    margin-top: 20px;
    text-transform: uppercase;
}
*/

.bol_voyage .recap {
    position: relative;
    margin-top: 15px;
    color: #3a4f74;
}

.bol_voyage .recap h2 {
    font-family: "Tw Cen MT", Helvetica, Arial, sans-serif;
    color: #3a4f74;
    font-size: 32px;
    font-weight: normal;
}

.bol_voyage .recap h1 small {
    font-size: 24px;
}

.bol_voyage .recap .desc {
    padding-right: 100px;
    position: relative;
    margin-top: 10px;
}

.bol_voyage .recap .desc.long {
    padding-right: 0;
}

.bol_voyage .recap .desc .price {
    bottom: 0px;
    background: transparent url(images/bol/price-flag-big.png) no-repeat left top;
}

.bol_voyage .recap .listinfo {
    font-weight: bold;
    width: 100%;
    padding: 20px 0 20px 0;
}

.bol_voyage .recap .listinfo ul li {
    font-size: 16px;
    margin-bottom: 25px;
    padding-left: 36px;
    font-weight: bold;
    line-height: 25px;
    background: transparent url(images/bol/info_sprite.png) no-repeat left 0px;
}

.bol_voyage .listinfo .col {
    height: auto;
}

.bol_voyage li.infodate {
    background-position: left 0px !important;
}

.bol_voyage li.infodays {
    background-position: left -30px !important;
}

.bol_voyage li.infoport {
    background-position: left -60px !important;
}

.bol_voyage li.infocruise {
    background-position: left -90px !important;
}

.bol_voyage li.infostages {
    background-position: left -120px !important;
}

.bol_voyage li.infoevents {
    background-position: left -150px !important;
}

.bol_voyage .resultBox {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
}

.bol_voyage .resultBox .boxes {
position: relative;
top: 0;
display: block;
}

.bol_voyage .resultBox .singleItem {
cursor: pointer;
}

    .bol_voyage .resultBox .detailView .tourDetails {
        margin-bottom:10px;
    }

.bol_voyage .resultBox .detailView, .bol_voyage .resultBox .detailView .tourDetails {
display: none;
position: relative;
top: 10px;
width: 100%;
margin-left: -2px;
border: 2px solid #3a4f74;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}

.bol_voyage .resultBox .detailView .inner-view {
    padding: 10px;
}

.bol_voyage .resultBox .detailView h2,
.bol_voyage .resultBox .detailView h4 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1b304f;
}

.bol_voyage .resultBox .detailView p {
    color: #1b304f;
}

.bol_voyage .resultBox .detailView h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.bol_voyage .resultBox .detailView header {
    background-color: transparent;
    height: auto;
    color: #1b304f;
    padding: 10px 10px 0 10px;
}

.bol_voyage .resultBox .detailView header hr {
    margin-top: 10px;
}

.bol_voyage .resultBox .detailView .arrows {
    position: absolute;
    top: 0;
    right: 0;
}

.bol_voyage .resultBox .detailView .arrows .next,
.bol_voyage .resultBox .detailView .arrows .prev,
.bol_voyage .resultBox .detailView .arrows .close {
    width: 32px;
    height: 32px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 18px;
    background: #1b304f url(images/bol/button_sprites.png) left top;
    overflow: hidden;
    text-indent: -999999px;
}

.bol_voyage .resultBox .detailView .arrows .next {
    background-position: -32px top;
}

.bol_voyage .resultBox .detailView .arrows .close {
    background-position: -64px top;
    margin-left: 10px;
}

.bol_voyage .resultBox .detailView .console {
    display: inline-block;
    margin: 30px 0 30px 0;
    width: 100%;
}

.bol_voyage .resultBox .detailView .slider {
    padding: 20px 30px;
    text-align: center;
    position: relative;
}

.tourNavigation {
    width:400px; 
    margin-left:auto;
    margin-right:auto; 
    text-align:center
}

.prevTour {
    left: 0;
}

.nextTour {
    right: 0;
}

.prevTour,  .nextTour {
    background-color:#D3D3D3;
    opacity:0.5;    
    position:absolute;
    top:50%;
   
    display:inline-block;
}

    .prevTour:hover, .nextTour:hover {
        opacity: 1;
    }

    .prevTour span{
        background-image:url("images/button_sprites.png");        
        background-position:4px 26px;
        display:block;
        height:26px;
        width:18px;
    }

    .nextTour span{
        background-image:url("images/button_sprites.png");
        background-position:-14px 26px;
        height:26px;
        width:18px;
        right:0;
        display:block;
    }

.bol_voyage .slidesjs-pagination {
    display: inline-block;
    margin: 10px auto;
    text-align: center;
}

.bol_voyage .slidesjs-navigation {
    position: absolute;
    top: 50%;
    z-index:10;
    background-color:#D3D3D3;
    opacity:0.5;
    /*margin-top: -33px;*/
}

    .bol_voyage .slidesjs-navigation:hover {
        opacity:1;
    }

.bol_voyage .slidesjs-navigation.slidesjs-next {
    right: 5px;
}

.bol_voyage .slidesjs-navigation.slidesjs-previous {
    left: 5px;
}

.bol_voyage .slidesjs-navigation i {
    height: 26px;
    width: 14px;
    display: block;
    background: transparent url(images/bol/button_sprites.png) left bottom;
}

.bol_voyage .slidesjs-navigation.slidesjs-next i {
    background-position: -14px bottom;
}

.bol_voyage .slidesjs-pagination-item {
    overflow: hidden;
    text-indent: -99999px;
    width: 13px;
    height: 13px;
    float: left;
}

.bol_voyage .slidesjs-pagination-item a {
    display: block;
    background: transparent url(images/bol/pagination.png) no-repeat left top;
}

.bol_voyage .slidesjs-pagination-item a.active {
    background-position: left -13px;
}

.bol_voyage .console {
    text-align: center;
}

.bol_voyage .console .button {
    padding: 8px 15px;
}



/*advanced search*/
.asDoubleBlock {
    margin: 0px;
    padding: 0px;
    border: none;
}

.asDestinations, .asDestinations .innerPageContentDouble {
    width: auto;
}

.asDestinations h4, .asShips h4, .asPeriod h4, .asDuration h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.asDestinations input {
    display: none;
}

.asDestinations .innerPageContentDouble label {
    background-color: transparent;
    border: none;
    margin: 0;
}

.asDestinations .innerPageContentDouble label:hover {
    background: none repeat scroll 0 0 #1B304F;
}

.asDestinations .innerPageContentDouble label span {
    border: none;
}

.asShips {
    width: auto;
}

.asShips input {
    display: none;
}

.asShips label {
    display: block;
    width: 190px;
}

.ui-rangeSlider {
    z-index:1000;
}

.ui-rangeSlider-bar {
    opacity: 0.8;
}

.ui-rangeSlider-container, .ui-rangeSlider-bar, .ui-rangeSlider-arrow, .ui-ruler-tick, .ui-ruler-tick-inner {
    height: 20px !important;
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner {
    margin-top: 17px !important;
}

.ui-ruler-tick-label {
    bottom: 3px !important;
}

#voyageDetailsPopup-popup {
    z-index:50000 !important;
}

    #voyageDetailsPopup-popup.ui-popup-active {
        z-index:49900 !important;
    }

#voyageDetailsPopup-screen {
    z-index:49000 !important;
}

.searchContent {
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}

.searchContainer {
/*    background-color:#E6E6E6;   */
    width: 1012px;
}

.searchSolidBackground {
    background-color:#E6E6E6;
}

.asPeriodLabel, .asDurationLabel {
    margin-bottom: -35px;
}

.asPeriodLabel span, .asDurationLabel span {
    font-weight: bold;
}

.switchView {
    float: right;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}


/*discover search*/
.discoverMap {
    height: 512px;
    width: 768px;
    position: relative;
}

.discover {
    float: left;
    background-color: inherit;
}

.discover .ships {
    width: 100%;
}

.discover .ships > div {
    text-align: center;
}

.discover .ships > div > ul {
    margin-top: 5px;
    margin-bottom: 5px;
}


.discover .ships li {
    display: inline-block;
    width: 70px;
    height: 40px;
    text-align: center;
    background-color: #E6E6E6;
    margin-right: -2px;
    border-radius: 3px;
    color: #222222;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
    padding: 0px 6px 6px 6px;
    opacity: 0.8;
    padding: 0 7px 4px;
    border: 1px solid gray;
    vertical-align: top;
    white-space: pre-line;
}

.discover .ships li:hover {
    background: none repeat scroll 0 0 #1B304F;
    color: white;
    cursor: pointer;
}

.discover .ships .selectedShip {
    background: none repeat scroll 0 0 #1B304F;
    color: white;
}

.discover .sliders {
    width: 100%;
}

.discover .sliders .ui-rangeSlider-container {
    background: none;
    border: none;
}

.discover .sliders .ui-rangeSlider-arrow, .discover .sliders .ui-rangeSlider-leftArrow {
    background: none;
    border: none;
    box-shadow: none;
}

.discover .sliders .ui-ruler-tick-label {
    color: #222222;
}

.discover .sliders .ui-ruler-tick-inner {
    border-left: 1px solid #000000;
}

.discoverPanels {
    width: 240px;
    float:left;
    background-color: inherit;
    position:relative;
/*    display: block; position: absolute; top: 0;
*/
}

    .discoverPanels .tabs {
        margin:0;
        padding:0;
        list-style:none;
    }

    .discoverPanels .tabs li {
        display:inline-block;
        float:left;
        padding:5px;
        width:45%;
        border:1px solid gray;
        color:#222222;
        text-align:center;        
        font-size: 1.1em;
        font-weight:bold;
    }

        .discoverPanels .tabs li:hover,
        .discoverPanels .tabs li.selected {
            background-color:#1B304F !important;
            color:white;
            cursor:pointer;
        }

.discoverPanels .voyageList {
    width: 100%;
    overflow: hidden;
    height: 240px;
    text-align: center;
    padding: 4px 0 8px;
    border-bottom: 1px solid #BBBBBB;
}

.discoverPanels .voyageList ul {
    height: 200px;
    overflow: auto;
    text-align: left;
    margin: 1em 0.5em 1em 0.5em;
    line-height: 1.5em;
    background-color: #EBEBEB;
/*    width: 100%; */
/*    position: relative;   */
}

.discoverPanels .bookmarkList {
    width: 100%;
    overflow: hidden;
    height: 240px;
    text-align: center;
    padding: 4px 0 8px;
    border-bottom: 1px solid #BBBBBB;
    display:none;
}

    .discoverPanels #bookmarks {
        display:none;
    }

.discoverPanels .bookmarkList ul {
    height: 200px;
    overflow: auto;
    text-align: left;
    margin: 1em 0.5em 1em 0.5em;
    line-height: 1.5em;
    background-color: #EBEBEB;
}

.discoverPanels .bookmarkList ul .deleteBookmark {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/bol/btn_close_exp.gif);
    background-repeat: no-repeat;
}


.discoverPanels .voyageList ul .voyageBookmark {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(images/blue/icon_primary.png);
    background-repeat: no-repeat;
}

.discoverPanels .voyageList .description,
.discoverPanels .bookmarkList .description {
    padding-top: 80px;
}

.discoverPanels .voyageList .discoverVoyage,
.discoverPanels .bookmarkList .discoverVoyage {
    width: 88%;
    display: inline-block;
}

.discoverPanels .viewingVoyageList {
    overflow: auto;
    width: 100%;
/*    margin-left: -300px;
    margin-top: -420px;
    display: block;
    background-color: #E6E6E6;
    position: absolute; */
    text-align: center;
    padding: 8px 0 12px;
    height: 160px;
    border-bottom: 1px solid #BBBBBB;
    position: relative;
}

.discoverPanels .viewingVoyageList .description {
    padding-top: 50px;
    margin: 0 12px;
}

.discoverPanels .viewingVoyageList .showVoyage {
    width: 80%;
    display: inline-block;
}

.discoverPanels .viewingVoyageList .selected {
/*    border: 1px solid #888888; */
    background-color: #CCCCCC;;
}

.discoverPanels .viewingVoyageList ul {
    max-height: 120px;
    background-color: #EBEBEB;
    line-height: 1.5em;
}

.discoverPanels .viewingVoyageList .voyageColor {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}

.discoverPanels .viewingVoyageList .removeVoyage {
    display: inline-block;
    float:right;
    width: 23px;
    height: 20px;
    background-image: url(images/bol/btn_close_exp.gif);
    background-repeat: no-repeat;
}

.discoverPanels .viewingVoyageList .removeAll {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    margin-right: 15px;
    margin-bottom: 10px;
}

.discoverPanels .voyageBasicInfo {
    overflow: auto;
/*    width: 250px;
    margin-left: -300px;
    margin-top: -220px;
    display: block;
    position: absolute;
    background-color: #E6E6E6;
    */
    padding: 8px 0 12px;
    text-align: center;
    height: 200px;
}

.discoverPanels .voyageBasicInfo li {
    text-align: left;
}

.discoverPanels .voyageBasicInfo .description {
    padding-top: 50px;
    margin: 0 12px;
}


.discover .portVoyages {
    display: none;
    position: absolute;
    left: 50%;
    top: 10px;
    z-index: 15000;
}

.discover .portVoyages div {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #444444;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    left: -50%;
    padding: 2px 10px;
    position: relative;
}

.discover .portVoyages h4 {
    display: inline;
}

.discover .portVoyages span {
    display: inline-block;
}

.discover .portVoyages .removePortFilter {
    background-image: url(images/bol/btn_close_exp.gif);
    background-repeat: no-repeat;
    height: 20px;
    margin-left: 10px;
    position: relative;
    top: 4px;
    width: 23px;
}


.portInfo {
    background-color: white;
    border-radius: 5px;
}

div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(255,255,255,0.4);
    border-radius: 4px;
    padding: 2px;
    z-index: 15001 !important;
}

div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width: 22px;
    line-height: 19px;
    background: #130085; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 60, 136, 0.5);
    filter: alpha(opacity=80);
}

div.olControlZoom a:hover {
    background: #130085; /* fallback for IE */
    background: rgba(0, 60, 136, 0.7);
    filter: alpha(opacity=100);
}

div.olFramedCloudPopupContent {
    /*left:0px !important;
    top:0px !important;*/
    height: 340px !important;
    width: 283px !important;
}

.popupcontent {
    margin-right:-17px;
}

/*div.olPopup {
    height:300px !important;
    width:400px !important;
    background-color:#E6E6E6;
    border-radius:5px;
}

div.olFramedCloudPopupContent {
    left:0px !important;
    top:0px !important;
}
   */
div.olPopupCloseBox {
    /*top:0px !important;*/
    background-image: url(images/bol/btn_close_exp.gif);
    background-repeat: no-repeat;
    width: 23px !important;
    height: 23px !important;
}


/* #voyage details */
#bol_detailVoyageHeader a {
    margin: 0 0 10px 0;
}

#bol_detailVoyageHeader .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-top: 1px solid #3a4f74;
}

#bol_detailVoyageHeader .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

#bol_detailVoyageHeader .nav > li {
    position: relative;
    display: block;
}

#bol_detailVoyageHeader .nav-tabs > li > a {
    line-height: 1.428571429;
    background-color: #3a4f74;
    position: relative;
    display: block;
    color: #e6e6e6;
    width: 146px;
    text-transform: uppercase;
    text-align: center;
    height: 20px;
    padding: 13px 0;
    font-size: 18px;
}

#bol_detailVoyageHeader .nav-tabs > li.active > a,
#bol_detailVoyageHeader .nav-tabs > li.active > a:hover,
#bol_detailVoyageHeader .nav-tabs > li.active > a:focus {
    color: #3a4f74;
    cursor: default;
    background-color: #e6e6e6;
}


.bol_voyage.info {
    font-family: "Tw Cen MT", Helvetica, Arial, sans-serif;
    font-weight: normal;
/*    background: transparent;
    color: #ffffff;
    bottom: 0;
    border-top: 1px solid #ffffff;
    background: rgba(10,23,43,0.8); */
    min-height: 60px;
    zoom: 1;
    width: 100%;
    line-height: 1.5em;
    margin: 0 0.5em;
    overflow: auto;
    text-align: left;
}

@media only screen and (max-width: 1015px) {

    .ui-grid-a > *:nth-child(n) {
        width:auto;
    }

    .ui-grid-a .ui-block-b {
        display:none;
    }
}

@media only screen and (max-width: 768px) {

    .bol_voyage .fullBox .col-3{
/*        float:none;   */
        float:left;
        margin-left: 0;
    }

    .bol_voyage .fullBox .col-6{
        float:left;
        margin-right: -20px;
    }

    .bol_voyage .fullBox>.col>img{
        width:100%;
        height:auto;
    }

    .bol_voyage .halfBox {
        padding-right: 0;
    }

    .bol_voyage .thirdBox {
        padding-right: 0;
    }

    .bol_voyage .col-2 {
        width: 100%;
        margin-left: 0;
    }

    .bol_voyage .col-3 {
        width: 100%;
        margin-left: 0;
    }
    .bol_voyage .col-6 {
        width: 100%;
        margin-left: 0;
    }

    .bol_voyage .col-3 .price {
        right: 0;
        top: auto;
        bottom: 0;
    }

    .bol_voyage .col.col-3 .description p {
        padding-right: 80px;
    }

    .bol_voyage .compare .col{
      	margin-top:20px;
  }
  
  .bol_voyage .col .extraInfo.setIcon1 .up{
      margin-top: 10px;
      width: auto;
  }
  .bol_voyage .col .extraInfo.setIcon1 .up .icon{
      margin-right: 4px;
      float: left;
      margin-top: -4px;
  }
  .bol_voyage .thirdBox .col-3 .description h4{
      font-size: 26px;
      line-height: 32px;
  }

  .bol_voyage .col .description .up .icon img, 
  .bol_voyage .col .extraInfo .up .icon img {
      height: 26px;
      width: 26px;
      margin-bottom: -8px;
      margin-top: 0;
      float:left;
  }
}
/*
@media only screen and (max-width: 640px){
  .bol_voyage .formContainer {
    padding: 0.5em 0;
  }
  .bol_voyage .innerPageHeaderMobile,
  .bol_voyage .innerPageHeader{
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .bol_voyage .innerfolder{
  	margin-left:0;
  	overflow: visible;
  }
}
*/

.requestQuote {
    padding-top:0;
}

.requestQuote table, .selectSuite table{
    width:100%;
    border: 1px solid #808080;
}

    .requestQuote table th, .selectSuite table th {
        background-color: #3A4F74;
        color: #E6E6E6;
        line-height: 1.42857;
        padding: 8px 5px;
        position: relative;
        text-align: left;
        text-transform: uppercase;
    }

    .requestQuote table td, .selectSuite table td{
       padding:7px;
    }

.requestQuote .header, .selectSuite header {
    text-align:center;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
    padding:10px;
}

.requestQuote .summary {
    width:100%;
    margin-bottom: 30px;
}

.requestQuote .bookings {
    display:inline-block;
    width:59.4%;
    vertical-align:top;
}

    .requestQuote .bookings .date{
        border: 1px solid #808080;
        font-weight: bold;
        min-height: 40px;
        padding-top: 10px;
        text-align: center;
        text-transform: uppercase;
        min-width: 70px;
        display:inline-block;
        vertical-align:top;
    }

    .requestQuote .bookings .icon {
        width:32px;
        height:32px;
        display:inline-block;
        background-color:gray;
        vertical-align:top;
    }

    .requestQuote .bookings .expand {
        background-image: url("mobile/images/icons-18-silver.png");
        background-position: 7px 9px;
        background-repeat: no-repeat;
    }

    .requestQuote .bookings .list {
        display: inline-block;
        width: calc(100% - 130px);
    }

.requestQuote .price {
    display:inline-block;
    width:40%;
    vertical-align:top;
}

.requestQuote .price .paxitem{
    margin-bottom:15px;
}

    .requestQuote .price .paxitem table {
        border:1px solid gray;
    }

    .requestQuote .price .paxitem .sequence {
        padding:5px 0;
        font-size:1.1em;
        font-weight:bold;
        display:block;
    }

.requestQuoteAvailabilityFilter .ui-btn-inner,
.planvoyagesummary .ui-btn-inner{
    padding: 0 45px 0 15px;
}

 .wizard .requeststep ul{
    margin:0; padding:0;
}

    .wizard .requeststep li {
        background-color: #808080;
        color: #FFFFFF;
        display: inline-block;
        font-size: 0.95em;
        font-weight: bold;
        margin-left: -3px;
        min-width: 80px;
        padding: 10px;
        text-align: center;
    }

     .wizard .requeststep li.selected {
            background-color: #3A4F74;
        }

#formSuitesFilter table {
    border:none;
}

    #formSuitesFilter table th {
        padding-bottom:0;
        color:white;
        /*background-color:transparent;*/
    }

    #formSuitesFilter table td {
        padding:0;
        margin:0;
        text-align:center;
    }

        #formSuitesFilter table .suitenumber div,
        #formSuitesFilter table .suitenumber input {
            padding:0;
            margin:0;
        }

    #formSuitesFilter table .suitenumber input {
        padding:2px;
    }

.availableSuites {
    padding: 30px 10px 10px;
    text-align: center;
}

    #suitesList a {
        text-decoration:underline;
        cursor:pointer;
    }