/* Douro Azul - productCatalogue.css */

/* Voyages list */

li.voyage {
  float:  left;
  width:  231px;
  cursor: pointer;
  margin: 0 2px 20px 0;
}

li.voyage:hover .voyageInfo {
  background-color: #4181D5;
}

li.voyageItem0 {
  margin-right: 0;
}

div.voyageImage {
  width:      231px;
  height:     153px;
  overflow:   hidden;
  position:   relative;
  background: transparent url('../images/sprite.png') no-repeat -8px -182px;
}

div.voyageImage a img {
  margin-top:  8px;
  margin-left: 5px;
}

.newVoyageSticker {
  top:        7px;
  left:       4px;
  width:      56px;
  height:     53px;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -995px -143px;
}

.newVoyageSticker {
  z-index: 100;
}

div.voyageInfo {
  width:            205px;
  height:           109px;
  margin:           0 5px;
  overflow:         hidden;
  padding:          10px 8px 5px 8px;
  background-color: #7A6A48;
  border-bottom:    1px dotted #655533;
}

div.voyageLocation {
  color:          #574B31;
  text-transform: uppercase;
  font:           12px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div.voyageName {
  color:     #fff;
  font-size: 18px;
  display:   inline;
}

div.voyageDates, div.voyageTheme, div.voyageInfo div.voyagePrice {
  font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div.voyageDates, div.voyageTheme span, div.voyageInfo div.voyagePrice span {
  color: #4A412B;
}

div.voyageDates {
  font-weight: bold;
}

div.voyageTheme, div.voyageInfo div.voyagePrice {
  color: #A59162;
}

.blueHoverImage {
  top:        0;
  left:       0;
  width:      100%;
  height:     100%;
  display:    none;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -244px -182px;
}

.activeVoyage {
  background-color: #4181D5 !important;
}

div.paging {
  clear:       both;
  height:      41px;
  width:       970px;
  color:       #4d422e;
  position:    relative;
  margin-left: -20px;
  background:  #85754E url('../images/sprite.png') no-repeat -10px -137px;
}

.curentPageInfo, .pagingLinks {
  position: absolute;
}

.curentPageInfo {
  top: 9px;
}

.pagingLinks {
  top: 6px;
}

.curentPageInfo {
  left: 24px;
}

.pagingLinks {
  right:  44px;
  height: 21px;
}

#currentProductListItems {
  font-weight: bold;
}

#prevPage, #pageNumbers, #prevPage, #nextPage {
  float:   left;
  height:  18px;
  display: block;
}

#prevPage {
  width:      62px;
  text-align: right;
  padding:    3px 10px 0 0;
  background: transparent url('../images/sprite.png') no-repeat -760px -54px;
}

#prevPage a {
  padding-left: 9px;
  background:   transparent url('../images/sprite.png') no-repeat -964px -53px;
}

#pageNumbers a {
  width:       21px;
  height:      100%;
  padding-top: 3px;
  text-align:  center;
  display:     inline-block;
  background:  transparent url('../images/sprite.png') no-repeat -876px -54px;
}

#pageNumbers a:hover {
  background: transparent url('../images/sprite.png') no-repeat -854px -54px;
}

#pageNumbers a.activePage, #pageNumbers a.activePage:hover {
  width:       23px;
  color:       #A49262;
  font-weight: bold;
  background:  transparent url('../images/sprite.png') no-repeat -831px -54px;
}

#nextPage {
  padding:    3px 0 0 10px;
  background: transparent url('../images/sprite.png') no-repeat -897px -54px;
}

#nextPage a {
  position:      relative;
  padding-right: 8px;
}

#nextPage .nextArrow {
  right:      0;
  top:        4px;
  width:      4px;
  height:     7px;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -965px -71px;
}

/* Voyage Detail (Voyage list 1 item at a time */

div#smallImageHolder, div#browsable {
  position: relative;
}

div#browsable, #map_canvas {
  float:    left;
  height:   320px;
  overflow: hidden;
}

div#map_canvas {
  width: 297px;
}

div#browsable .items {
  height:   100%;
  width:    20000em;
  position: absolute;
  background-color: #786844;
}

div#browsable .items div {
  float: left;
}

.navi {
  width:    150px;
  height:   21px;
  bottom:   11px;
  position: absolute;
}

div#smallImageHolder .navi {
  left: 20px;
}

.navi a {
  width:        20px;
  /*float:        right;*/
  float:        left;
  height:       20px;
  display:      block;
  margin-right: 3px;
  background:   transparent url("../images/sprite.png") no-repeat -890px -99px;
}

.navi a.current {
  background: transparent url("../images/sprite.png") no-repeat -917px -98px;
}

div.priceHolder {
  float:    left;
  position: relative;
}

div.voyagePrice {
  padding:        5px 0;
  text-transform: uppercase;
}

#rightColumn div.voyagePrice {
  height:         48px;
  display:        none;
  padding:        5px 0;
  text-transform: uppercase;
  background:     #7B6B45 url("") repeat 0 0;
}

div.voyagePrice span.priceWrapper {
  color:      #fff;
  float:      left;
  height:     41px;
  padding:    9px 7px 0 7px;
  background: transparent url('../images/priceRepeat.png') repeat-x 0 0;
  font:       normal 15px KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div.voyagePrice span.priceRightBg {
  top:        0;
  width:      15px;
  right:      -15px;
  height:     41px;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -802px -181px;
}

div.voyagePrice span.priceCurvedLeftBg {
  top:        -13px;
  left:       -11px;
  width:      11px;
  height:     53px;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -787px -183px;
}

div.voyagePrice span.priceLabel {
  float:  left;
  color:  #49412B;
  margin: 11px 0 0 22px;
  font:   normal 14px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div.voyageActions {
  height:         40px;
  display:        none;
  padding:        5px 0;
  font-size:      10px;
  font-weight:    bold;
  text-align:     center;
  text-transform: uppercase;
  background:     transparent url('../images/sprite.png') no-repeat -483px -183px;
}

div.voyageActions a {
  float:      left;
  height:     38px;
  color:      #49412B;
  position:   relative;
  padding:    0 8px 0 9px;
  background: transparent url('../images/sprite.png') no-repeat -654px -239px;
  font:       normal 14px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

div.voyageActions a span.buttonRepeatBg {
  height:     27px;
  display:    block;
  padding:    12px 16px 0 6px;
  background: transparent url('../images/getQuoteRepeat.png') repeat-x 0 -2px;
}

div.voyageActions a span.buttonRepeatBg {
  background: transparent url('../images/bookNowRepeat.png') repeat-x 0 0;
}

div.voyageActions a span.buttonArrow {
  top:        16px;
  width:      4px;
  right:      15px;
  height:     8px;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -824px -183px;
}

div.voyageActions a span.buttonRightBg {
  top:        0;
  right:      0;
  width:      8px;
  height:     100%;
  position:   absolute;
  background: transparent url('../images/sprite.png') no-repeat -817px -88px;
}

div.voyageActions a:hover {
  color:      #fff;
  background: transparent url('../images/sprite.png') no-repeat -477px -282px;
}

div.voyageActions a:hover span.buttonArrow {
  background: transparent url('../images/sprite.png') no-repeat -824px -200px;
}

div.voyageActions a:hover span.buttonRepeatBg {
  background: transparent url('../images/getQuoteRepeat.png') repeat-x 0 -2px;
}

div.voyageActions a:hover span.buttonRightBg {
  background: transparent url('../images/sprite.png') no-repeat -834px -89px;
}

#TopPaging {
  right:    28px;
  bottom:   25px;
  display:  none;
  position: absolute;
}

#seeAll a, #nextVoyage a {
  display: block;
}

#seeAll {
  display: inline-block;
}

#seeAll a {
  background: transparent url('../images/sprite.png') no-repeat -540px -552px;
}

#seeAll a:hover {
  background: transparent url('../images/sprite.png') no-repeat -13px -552px;
}

#seeAll span {
  padding-left: 35px;
}

#nextVoyage {
  text-align:   right;
  padding-left: 31px;
  display:      inline-block;
}

#nextVoyage a {
  padding-right: 35px;
  background:    transparent url('../images/sprite.png') no-repeat -716px -552px;
}

#nextVoyage a:hover {
  background: transparent url('../images/sprite.png') no-repeat -194px -552px;
}

#TopPaging {
  text-transform: uppercase;
}

#TopPaging .mainLabel {
  font-size:   18px;
  font-weight: bold;
}

#TopPaging a span.mainLabel {
  color: #53482F;
}

#TopPaging a:hover span.mainLabel {
  color: #fff;
}

.returnBack {
  margin-top:   2px;
  padding-left: 9px;
  margin-left:  10px;
  display:      inline-block;
  background:   transparent url('../images/sprite.png') no-repeat -964px -53px;
}

/* Fleet */

.ourFleetText, li.fleetCruise .fleetName, #FleetSheet .shortInformation div span, .FleetInfo .fleetTitle {
  color: #FFF;
}

li.fleetCruise, #FleetSheet .shortInformation div, .scrollableFleet, .scrollableFleet .items div,
#scrollableGalleryHolder .prev, #scrollableGalleryHolder .next, .scrollableFleet {
  float: left;
}

li.fleetCruise .fleetImageFrame, #FleetSheet, .scrollableFleet {
  position: relative;
}

li.fleetCruise .fleetImageFrame .blueHoverImage, #FleetSheet .shortInformation,
.scrollableFleet .items, .overlay .close, .scrollableFleet .items div.blueHoverImage {
  position: absolute;
}

#FleetSheet .shortInformation div, .scrollableFleet .items {
  clear: both;
}

li.fleetCruise, .scrollableFleet .items div, #scrollableGalleryHolder .prev,
#scrollableGalleryHolder .next, .overlay .close {
  cursor: pointer;
}

/* Fleet List */

.ourFleetText, .ourFleetInfo {
  padding-left: 8px;
}

.ourFleetText, li.fleetCruise .fleetName {
  font: normal 20px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.ourFleetInfo {
  color:         #49412B;
  margin-bottom: 10px;
  font:          normal 15px KlavikaLight, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

li.fleetCruise {
  width: 25%;
}

li.fleetCruise, #FleetSheet .FleetImage {
  margin-bottom: 20px;
}

#FleetSheet .FleetImage img {
  border-top: 1px solid #C1AE84;
}

li.fleetCruise:hover .fleetName {
  background-color: #4181D5;
}

li.fleetCruise .fleetImageFrame {
  height:     121px;
  padding:    8px 0 0 8px;
  background: transparent url('../images/sprite.png') no-repeat -628px -418px;
}

li.fleetCruise .fleetImageFrame .fleetImage img {
  width:  147px;
  height: 117px;
}

li.fleetCruise .fleetImageFrame .blueHoverImage {
  top:        8px;
  left:       8px;
  width:      147px;
  height:     117px;
  background: transparent url('../images/sprite.png') no-repeat -796px -426px;
}

li.fleetCruise .fleetName {
  width:         91%;
  height:        45px;
  margin-left:   7px;
  padding:       8px 0 0 6px;
  border-bottom: 1px dotted #4C3F24;
}

li.fleetCruise .fleetName span {
  color: #A59161;
  font:  normal 12px KlavikaLight, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

li.fleetCruise .fleetName, li.fleetCruise .fleetName span {
  display:        block;
  text-transform: uppercase;
}

/* Fleet Detail */

#FleetSheet .shortInformation {
  left: 0;
  top:  50px;
}

#FleetSheet .ProductTitle {
  height:       40px;
  padding:      0 15px 5px 15px;
  background:   transparent url('../images/fleet_detail_name.png') repeat 0 0;
  white-space:  nowrap;
  margin-right: 1000em;

}

#FleetSheet .shortInformation div {
  margin-top: 1px;
  padding:    2px 15px 3px 15px;
  font:       normal 13px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: transparent url('../images/fleet_detail_shortInfo.png') repeat-x 0 0;
}

#FleetSheet .shortInformation div span {
  font: normal 13px KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.FleetInfo .fleetTitle {
  margin: 23px 0 4px 0;
  font:   normal 18px KlavikaMedium, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.FleetInfo h2 {
  font-size: 18px;
}

/* Fleet Detail Scrollable Gallery */

#scrollableGalleryHolder {
  height:        115px;
  padding-top:   3px;
  border-top:    1px solid #5A4B2E;
  border-bottom: 1px solid #5A4B2E;
}

#scrollableGalleryHolder .prev, #scrollableGalleryHolder .next {
  width:      23px;
  height:     84px;
  margin-top: 14px;
}

#scrollableGalleryHolder .prev {
  margin-right: 1px;
  background:   transparent url('../images/sprite.png') no-repeat -228px -421px;
}

#scrollableGalleryHolder .prev.disabled {
  background: transparent url('../images/sprite.png') no-repeat -285px -421px;
}

#scrollableGalleryHolder .next {
  margin-left: 9px;
  background:  transparent url('../images/sprite.png') no-repeat -255px -421px;
}

#scrollableGalleryHolder .next.disabled {
  background: transparent url('../images/sprite.png') no-repeat -308px -421px;
}

.scrollableFleet {
  width:    576px;
  height:   118px;
  overflow: hidden;
}

.scrollableFleet .items {
  width: 20000em;
}

.scrollableFleet .items div {
  margin:     0 11px;
  position:   relative;
  background: transparent url('../images/sprite.png') no-repeat -500px -438px;
}

.scrollableFleet .items div .blueHoverImage {
  background: transparent url('../images/sprite.png') no-repeat -951px -436px;
}

.scrollableFleet .items div, .scrollableFleet .items div.blueHoverImage {
  width:  115px;
  height: 103px;
}

.scrollableFleet .items div {
  padding: 9px 0 0 9px;
}

.scrollableFleet .items div.blueHoverImage {
  margin-left: 3px;
}

/* Fleet Detail Overlay */

.overlay {
  display:          none;
  padding:          10px;
  background-color: #FFF;
}

.overlay .close {
  top:        -12px;
  width:      28px;
  height:     28px;
  right:      -12px;
  background: transparent url('../images/sprite.png') no-repeat -338px -477px;
}

/* Fleet Homepage */

.productHpDescription .h2 {
  color:       #433417;
  font-size:   16px;
  font-family: KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.highlightOffersHp, .highlightCruisersHp {
  float:    right;
  height:   200px;
  position: relative;
  width:    303px;
}

.highlightOffersHp .mycarousel li img {
  z-index: 0;
}

.productHpDescription {
  margin-top: 5px;
  width:      314px;
  height:     64px;
}

.productContainer {
  width:          314px;
  border-bottom:  1px dotted #534930;
  padding-bottom: 5px;
  padding-left:   5px;
}

body:not(:-moz-handler-blocked) .productContainer {
  padding-bottom: 3px;
}

.highlightOffersHpFooter, .highlightCruiserHpFooter {
  border-bottom:  1px dotted #534930;
  height:         21px;
  line-height:    15px;
    /*line-height:    12px;*/
  margin-top:     2px;
  padding-bottom: 2px;
  padding-left:   10px;
  padding-top:    3px;
  width:          304px;
  background:     url(/Files/Templates/Designs/DouroAzul/images/dropdownSelect.png) no-repeat 0 0;
  /*background:     url(/Files/Templates/Designs/DouroAzul/images/sprite.png) no-repeat -11px -109px;*/
}

.highlightOffersHpFooter a {
  color:        #b9a77b;
  padding-left: 7px;
}

.highlightCruiserHpFooter a {
  color: #b9a77b;
}

.highlightCruisersHp {
  float:   left;
  padding: 0 8px;
  width:   307px;
}

.highlightProductName {
  background:     url(/Files/Templates/Designs/DouroAzul/images/fleetHpOverlay.png) transparent no-repeat;
  color:          #fff;
  font-family:    KlavikaBold, tahoma, verdana, sans-serif;
  font-size:      26px;
  min-width:      150px;
  padding-left:   14px;
  position:       absolute;
  text-transform: uppercase;
  top:            29px;
  z-index:        1;
}

.highlightCruisersHp .mycarousel ul li img {
  z-index: 0;
}

.productContainer img {
  background: url(/Files/Templates/Designs/DouroAzul/images/sprite.png) no-repeat -965px -71px
}

#formDestinations .selectBox, #formDestinations .selectBox-dropdown {
  padding-right: 48px;
  float:         right;
}

#hp_HighlightMap {
  width:  300px;
  height: 282px;
  float:  left
}

#hp_HighlightMap a:first-child {
  width:  300px;
  height: 194px;
}

#hp_HighlightMap .paragraphImage img {
  padding-top: 4px;
}

.highlightMapBox {
  border-bottom:  1px dotted #534930;
  padding-bottom: 5px;
  margin-top:     3px;
  margin-left:    5px;;
}

.highlightMapBox img {
  background: url(/Files/Templates/Designs/DouroAzul/images/sprite.png) no-repeat -965px -71px
}

.productContainerMap {
  border-bottom: 1px dotted #534930;
  height:        29px;
  margin-left:   5px;
}

.findItText {
  float:          left;
  margin-left:    5px;
  padding-top:    5px;
  text-transform: uppercase;
  color:          #433417;
  font-family:    KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:      16px;
}

/*Search Voyages*/

#voyagesSearchForm {
  float:          left;
  width:          231px;
  background:     url("/Files/Templates/Designs/DouroAzul/images/form_bkg.jpg") no-repeat -20px bottom;
  padding-bottom: 40px;
}

#preco, #destination, #type, #Activity, #duration {
  background-color: #958358;
  padding-bottom:   6px;
  width:            219px;
}

.containSearchField {
  color: #49412B;
}

#preco span, #destination span, #type span, #Activity span, #duration span {
  font-family:    KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  cursor:         pointer;
  font-size:      13px;
  text-transform: uppercase;
  color:          #433417;
  float:          left;
  height:         22px;
  width:          199px;
  padding-top:    6px;
  padding-left:   20px;
  background:     url("/Files/Templates/Designs/DouroAzul/images/searchTab.png") repeat-x
}

.openSearch {
  margin-top:   4px;
  margin-right: 13px;
  width:        10px;
  float:        right;
  background:   url("/Files/Templates/Designs/DouroAzul/images/searchClose.gif") no-repeat;
}

.openSearchOpen {
  margin-top:   4px;
  margin-right: 13px;
  width:        10px;
  float:        right;
  background:   url("/Files/Templates/Designs/DouroAzul/images/searchOpen.gif") no-repeat;
}

.voyageName {
  margin-top: -6px;
  font-size:  29px;
  width:      647px;
}

/* Search Form */

.searchBox {
  background-color: #796947;
  border-bottom:    1px dotted;
  height:           40px;
  padding-left:     23px;
  width:            196px;
  padding-top:      6px;
}

.searchBox>div {
  color:          #FFFFFF;
  font-family:    KlavikaBold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:      14px;
  font-weight:    bold;
  margin-bottom:  2px;
  padding-top:    5px;
  text-transform: uppercase;
}

/* todo */
.buttonFormHeaderVoyages a:hover {
  text-decoration: underline;
}

.buttonFormHeaderVoyages {
  margin: 0 2px;
}

.stickerImage {
  z-index:  100;
  left:     4px;
  top:      7px;
  height:   92px;
  width:    92px;
  position: absolute;
  background-repeat: no-repeat;
  background-color: transparent;
}

.voyagePrice>span{
  margin-right: 3px;
}

.available a.ui-state-default{
  background-color: gray;
  background-image: none;

}

#homepageBottomBannersHolder .paragraph  h4.h4{
  margin-bottom:2px!important;
}

#bottomBannersHolder .paragraph  h4.h4{
    margin-bottom:2px!important;
}