@charset "utf-8";
/* CSS Document */

#searchlist { background-color: white; font-family: PT Sans; color: #333;border: 1px solid #cccccc;}
#searchlist a:link { font-family: PT Sans; color:#4FAEDA; border-collapse: separate; }
#searchlist a:visited { font-family: PT Sans; color:#4FAEDA; border-collapse: separate; }
#searchlist a:hover { font-family: PT Sans; color:#148ab2; border-collapse: separate; }
#searchlist .content {  background-color: #FFFFFF;display:table; border:none}
#searchlist .padded { padding: 20px;}
#searchlist .divider { float: left; width: 1px; background-color: rgb(220, 220, 220); height: 50px; margin: 0px 20px; }
#searchlist .resort-result-container { margin-bottom: 10px; float: left; }
#searchlist .resort-result { border:1px solid #d2d2d2; width:575px; /*min-height:245px;*/ display:table; position:relative; }
#searchlist .resort-image { position: relative; width: 261px; height: 173px; float: left; margin-right: 11px; }
#searchlist .resort-image a { display:block; width:261px; height:173px; position:absolute; top:0; left:0; z-index:1; }
#searchlist .resort-image a img { border: none; }
#searchlist .green { background-color: #72ad56; background-image: none}
#searchlist .red { background-color: #ee3a43; background-image: none}
#searchlist .orange { background-color: #da8f57; background-image: none }
#searchlist .blue { background-color: #57b1d9; background-image: none}
#searchlist .resort-info { float: left; position: relative; top: 3px; width: 292px; height: 170px; z-index:2 }
#searchlist .resort-info .our-pick{ position: relative; top: 50px; left: 20px; z-index:2 }
#searchlist .resort-title { color:#333333; text-decoration:none; width:293px; text-align:left; font-size: 16px; font-weight: bold; line-height: 18px; float: right; padding-top: 2px;}
#searchlist .resort-title a:link { color:#333333; text-decoration:none; }
#searchlist .resort-title a:visited { color:#333333; text-decoration:none; }
#searchlist .resort-title a:hover { color:#333333; text-decoration: underline; }
#searchlist .resort-location { font-size: 14px; font-style: italic; width: 293px; float: right; }
#searchlist .resort-breakdown {font-size: 14px; width: 293px; margin-top: 20px; float: right; color:#EE6459;}
#searchlist .resort-price-wrapper { background-color: #EBEBEB; border-radius: 5px 5px 5px 5px; float: right; max-height: 105px; padding: 10px 10px 5px 10px; position: absolute; right: 0; top: 53px; width: 162px; }
#searchlist .resort-price { text-align: right; }
#searchlist .resort-price .promo { float: right; font-size: 12px; margin: 0px; padding: 0px; position: relative; top: -11px; }
#searchlist .resort-price .promo a { background: url(../img/searchlist/icons-sprite.png) no-repeat scroll -74px -9px rgba(0, 0, 0, 0); display: block; float: right; height: 11px;  margin-left: 4px; position: relative; top: 3px; width: 12px; }
#searchlist .resort-price .from-price { color: #BA1F52; font-size: 30px; letter-spacing: -0.04em;  margin: 0; padding: 0; position: relative; top: -7px; }
#searchlist .resort-price .from-price sup { top:-1em; font-size:12px; letter-spacing: 0em; color: #333333; vertical-align: super; }
#searchlist .resort-price .from-price sup.dollar { top:-1em; font-size:13px; color:#BA1F52; }
#searchlist .resort-price .was-price { font-size: 12px; margin: 0; padding: 0;  position: relative; right: 5px; top: -12px; }
#searchlist .resort-price .was-price span { text-decoration: line-through; }
#searchlist .selectBTN {width: 164px; height: 36px; border:none; display:block;position:relative; top: -10px;text-align: center;line-height: 35px;font-size: 16px;}
#searchlist .selectBTN:visited {width: 164px; height: 36px; border:none; display:block; float:left; }
#searchlist .selectBTN:hover {width: 164px; height: 36px; border:none; display:block; float:left; }
#searchlist .cc-discount-wrapper { float: left; position: absolute; bottom: 10px; }
#searchlist .cc-discount-wrapper .title { font-size: 13px; }
#searchlist .cc-discount-wrapper .lto { font-size: 10px; }
#searchlist .ratings-deal { float: left; height: 52px; margin: 10px 0px; padding: 0px 10px; width: 555px; }
#searchlist .ratings-deal div span.title { font-weight: bold; font-size: 14px; }
#searchlist .customer-rec { float: left; width: 190px; }
#searchlist .customer-rec .stats { position: relative; top: -5px; width: 208px; }
#searchlist .customer-rec .stats .percentage { color: rgb(246, 153, 32); float: left; letter-spacing: -1pt; font-weight: bold; font-size: 34px; }
#searchlist .customer-rec .stats .symbol { font-weight: bold; float: left; font-size: 24px; display: inline; color: rgb(246, 153, 32); position: relative; top: 3px; margin-right: 10px; }
#searchlist .customer-rec .stats .text { float: left; font-size: 12px; line-height: 11px; position: relative; width: 120px; top: 9px; }
#searchlist .customer-rec .stats .text2 { float: left; font-size: 12px; line-height: 11px; position: relative; width: 140px; top: 9px; }
#searchlist .cc-rating { float: left; width: 135px; }
#searchlist .customer-rating { float: left; width: 148px; }
#searchlist .ratings-deal a { position: relative; top: -4px; float: left; font-size: 12px; z-index:2; color:#4FAEDA;text-decoration: underline; }
#searchlist .rating-wrapper { display: inline-block; margin-top:3px; }
#searchlist .rating-wrapper .rating { display: inline-block; position: relative; width: 69px; height: 15px; margin: -4px 1px 0 0; background-color: #a3a3a3; }
#searchlist .rating-wrapper .rating img { position: absolute; height: 15px; left: 0; top: 0; }
#searchlist .rating-wrapper .rating .bar { position: absolute; left: 0; top: 0; height: 15px; background-color: #408928; }
#searchlist .rating-wrapper .rating-text { font-size: 11px; color: #a3a3a3;  position:relative; top:-2px; }
#searchlist .rating-wrapper .rating-text i { font-style: normal; font-size: 14px; color: #408928; }
#searchlist .rating-wrapper .rating-none { font-size: 11px; color: #a3a3a3; line-height:11px}
#searchlist .rating-wrapper.sun .rating { display: inline-block; position: relative; width: 86px; height: 16px; margin: -4px 1px 0; background-color: #a3a3a3; }
#searchlist .rating-wrapper.sun .rating img { position: absolute; width: 86px; height: 16px; left: 0; top: 0; }
#searchlist .rating-wrapper.sun .rating .bar { position: absolute; left: 0; top: 0; height: 16px; background-color: #f1954f; }
#searchlist .rating-wrapper.sun .rating-text { font-size: 11px; color: #a3a3a3; position:relative; top:-2px; }
#searchlist .rating-wrapper.sun .rating-text i { font-style: normal; font-size: 14px; color: #f1954f; }
#searchlist .deals-header .title { float:left; font-size: 14px;color: rgb(246, 153, 32); }
#searchlist .deals-header .viewing { float:right;color:#666666}
#searchlist .dot { font-size:12px; color:#666666; }
#searchlist .dotw-wrapper .resort-result { border: 2px solid; border-top:none; width: 573px; }
#searchlist .dotw-title-wrapper { color: #FFFFFF; font-size: 18px; font-weight: bold; width: 577px; height:40px; letter-spacing: 0.03em; }
#searchlist .dotw-title-wrapper > div { float:left; background: url(../img/searchlist/icons-sprite.png) -7px -26px; width: 40px; text-align: center; height: 40px; margin-right: 10px; }
#searchlist .dotw-title-wrapper > span { color:rgb(255, 255, 255); float: left; position: relative; padding-top: 8px; }
#searchlist .flight-notice-wrapper { float: left; background-color: #ebebeb; margin-top: 10px; width: 575px; }
#searchlist .flight-notice-title { background-color:#ef8504; color:#ffffff; font-size: 16px; font-weight: bold; height: 28px; }
#searchlist .flight-notice-title > div { width: 35px; height: 28px; float: left; background: url(../img/searchlist/icons-sprite.png) repeat scroll -48px -30px #D77704; margin-right:5px; }
#searchlist .flight-notice-title > span { letter-spacing: 0.025em; padding-top: 2px; float: left; color:#ffffff; }
#searchlist .flight-notice-wrapper > ul { font-size: 12px; color: #333333;; margin: 7px 0px; padding: 0px 0px 0px 20px; }
#searchlist .deals-footer { float: left; margin-bottom: 5px; width: 575px; }
#searchlist .deals-footer .viewing { color:#666666; font-size:12px; text-align:center;}
#searchlist .filter {float:right; color:#666666; font-size: 12px; font-weight:700; }
#searchlist .filter > a { color:#4FAEDA; text-decoration:none; font-size:12px; font-weight:500; margin-left: 4px; }
#searchlist .inline-popup:after { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); content: ""; height: 18px; left: 50%; margin-left: -8px; margin-top: -9px; position: absolute; top: 100%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 18px; }
#searchlist .inline-popup { background-color: #FFFFFF;  border: 1px solid #BBBAC0;  border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); display: block;  height: 85px; padding: 2px; position: absolute; left: 166px; top: -53px; width: 210px; z-index: 1; }
#searchlist .inline-popup-title { background-color: rgb(83, 184, 223); border-radius: 3px 3px 0px 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; height: 25px; position: relative; padding-left: 7px; letter-spacing: 0.03em; line-height: 22px; }
#searchlist .inline-popup > span { font-size: 12px; position: relative; top: 3px; left: 5px; }

#searchlist .view-more-results, #searchlist a.view-more-results:link, #searchlist a.view-more-results:visited  { 
background-color: #1aacdf;
border: 1px solid transparent;
border-color:#5bc0de;
box-shadow: 0px 1px 0px #404040;
color:white;
text-shadow: 0px 1px 0px #000;
display:table;
border-radius: 5px 5px 5px 5px;
margin: auto;
padding: 3px 0px;
position: relative;
text-align: center;
width: 450px;
height:27px;
top: 5px;
font-size: 14px;
font-weight: normal;
font-family: PT Sans;
cursor: pointer;
}

#searchlist .nights {float: left; text-align: left; font-size: 12px;color:#777 }

#searchlist .loading-indicator-wrapper { float:left;	position:relative;	width:577px;	display:none; opacity:0;}
#searchlist .loading-indicator { left:250px;top:100px;position:absolute;z-index:100;}
#searchlist .loading-indicator-bottom .loading-indicator {top:-150px;}

#searchlist .deals-header { float: left; margin-bottom: 5px; width: 575px; }
#searchlist .deals-header > div { float:left; width:575px; }
.deals-header > div > .title { color:orange; font-size:14px; font-weight:700; float:left; }
.deals-header > div > .viewing { float:right; color:#666666; font-size:12px; }
.deals-header > div > .filter { color:#666666; font-size: 12px; font-weight:700; }
.deals-header > div > .filter > a { color:#4FAEDA; text-decoration:none; font-size:12px; font-weight:500; margin-left: 4px; }

#searchlist .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
#searchlist .nav:before, #searchlist .nav:after { display: table; content: " "; }
#searchlist .nav:after { clear: both; }
#searchlist .nav > li { position: relative; display: block; }
#searchlist .nav > li > a { position: relative; display: block; padding: 5px 18px; }
#searchlist .nav > li.pull-right > a { position: relative; display:inline; padding:0 3px; color:#53AEDB; font-weight:500; box-shadow:none !important; }
#searchlist .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
#searchlist .nav > li.disabled > a { color: #999999; }
#searchlist .nav > li.disabled > a:hover,
#searchlist .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; }
#searchlist .nav.open > a, #searchlist .nav.open > a:hover, #searchlist .nav.open > a:focus { color: #ffffff; background-color: #428bca; border-color: #428bca; }
#searchlist .nav.open > a .caret,#searchlist .nav.open > a:hover .caret,#searchlist .nav.open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
#searchlist .nav > .pull-right { float: right; font-size:12px; font-weight:700; padding:5px 3px; border-right:0px; }
#searchlist .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
#searchlist .nav-tabs { border-bottom: 1px solid #dddddd; box-shadow: 0 -10px 5px -10px #CCCCCC inset; margin: 5px 0 12px; height: 30px; background: #eee; }
#searchlist .nav-tabs > li { float: left; margin-bottom: -1px; border-right:1px solid #bbb; }
#searchlist .nav-tabs li a { color:#333333; border-radius: 0;margin:0; border:none !important; text-decoration:none; font-size:14px; }
#searchlist .nav-tabs li.active a:hover { background-color:#53AEDB; color:#ffffff; box-shadow: none; }
#searchlist .nav-tabs li a:hover { font-weight:normal; background-color:#eee; color:#53AEDB; box-shadow: 0 -10px 5px -10px #CCCCCC inset; }
#searchlist .nav-tabs li.active a { background-color:#53AEDB; color:#ffffff; }
#searchlist .nav-tabs.nav-justified { width: 100%; border-bottom: 0; }
#searchlist .nav-tabs.nav-justified > li { display: table-cell; float: none; width: 1%; }
#searchlist .nav-tabs.nav-justified > li > a { text-align: center; }
#searchlist .nav-tabs.nav-justified > li > a { margin-right: 0; border-bottom: 1px solid #dddddd; }
#searchlist .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; }
#searchlist .arrow_box { position: relative; background: #53AEDB; border-bottom: 2px solid #3d88aa; height:0px; display:none; }
#searchlist .nav-tabs li.active .arrow_box { display:block; }
#searchlist .arrow_box:after, #searchlist .arrow_box:before { top: 100%;  border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#searchlist .arrow_box:after {  border-color: rgba(83, 174, 219, 0); border-top-color: #53AEDB; border-width: 11px; left: 50%; margin-left: -11px; }
#searchlist .arrow_box:before { border-color: rgba(61, 136, 170, 0); border-top-color: #3d88aa; border-width: 14px; left: 50%; margin-left: -14px; }

#searchlist .dropdown p {display: inline-block; font-weight: bold;}

#searchlist .dropdown select {
      border: 0 !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url('/images/hf/down-arrow.gif') no-repeat;
      background-position: 90px -2px;
      width: 110px; 
      text-indent: 0.01px;
      text-overflow: ""; 
      font-size: 12px;
      color: #1455a2;
      font-family: PT Sans;
      padding-right: 2px;
}

.resort-result-container:hover {
    background: rgb(198,243,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(198,243,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(198,243,246,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(198,243,246,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f3f6', endColorstr='#ffffff',GradientType=0 );
    cursor: pointer;
}

[data-tooltip] {
    transition: opacity 0.5s ease;
    -webkit-backface-visibility: hidden;
    z-index: 500;
    top: 5px;
    right: 5px;
    position: absolute;
}

/* Hide the tooltip content */
[data-tooltip]:before,
[data-tooltip]:after {
 /* visibility: hidden; */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    right: -5px;
    margin-bottom: 5px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    left: auto;
}

/* Triangle hack */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    right: 5px;
    width: 0;
    border-top: 6px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    left:auto;
    margin-left:0;
}

/* Show tooltip content on hover */
.eat-wrapper:hover [data-tooltip]:before,
.eat-wrapper:hover [data-tooltip]:after {
    visibility: visible;
    opacity: .9;
}

.eat-wrapper{
    width: 182px;
    font-size: 15px;
    background: #25c9d0;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    left: 0px;
    position: absolute;
}

.eat-wrapper > span{
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}

/* All inclusive bar positioning */
.ratings-deal{
    margin-top:45px !important;
}

#searchlist .resort-price-wrapper {
    padding-top: 0 !important;
    padding-bottom:43px !important;
    top: 58px !important;
}

#searchlist .resort-tag-bottom {
    display: none;
}

#searchlist .resort-price {
    margin-top:34px;
}

.icon-tooltip:hover {
    opacity: .5;
}

#searchlist .resort-info .our-pick {
    position: absolute !important;
    top: 94px !important;
    left: 20px !important;
    z-index: 2 !important;
}

.free-nights-wraper {
    font-size: 12px;
    float: left;
    margin-top: 10px;
    color: grey;
}
@charset "utf-8";
/* CSS Document */

#searchlist { background-color: white; font-family: PT Sans; color: #333;border: 1px solid #cccccc;}
#searchlist a:link { font-family: PT Sans; color:#4FAEDA; border-collapse: separate; }
#searchlist a:visited { font-family: PT Sans; color:#4FAEDA; border-collapse: separate; }
#searchlist a:hover { font-family: PT Sans; color:#148ab2; border-collapse: separate; }
#searchlist .content {  background-color: #FFFFFF;display:table; border:none}
#searchlist .padded { padding: 20px;}
#searchlist .divider { float: left; width: 1px; background-color: rgb(220, 220, 220); height: 50px; margin: 0px 20px; }
#searchlist .resort-result-container { margin-bottom: 10px; float: left; }
#searchlist .resort-result { border:1px solid #d2d2d2; width:575px; /*min-height:245px;*/ display:table; position:relative; }
#searchlist .resort-image { position: relative; width: 261px; height: 173px; float: left; margin-right: 11px; }
#searchlist .resort-image a { display:block; width:261px; height:173px; position:absolute; top:0; left:0; z-index:1; }
#searchlist .resort-image a img { border: none; }
#searchlist .green { background-color: #72ad56; background-image: none}
#searchlist .red { background-color: #ee3a43; background-image: none}
#searchlist .orange { background-color: #da8f57; background-image: none }
#searchlist .blue { background-color: #57b1d9; background-image: none}
#searchlist .resort-info { float: left; position: relative; top: 3px; width: 292px; height: 170px; z-index:2 }
#searchlist .resort-info .our-pick{ position: relative; top: 50px; left: 20px; z-index:2 }
#searchlist .resort-title { color:#333333; text-decoration:none; width:293px; text-align:left; font-size: 16px; font-weight: bold; line-height: 18px; float: right; padding-top: 2px;}
#searchlist .resort-title a:link { color:#333333; text-decoration:none; }
#searchlist .resort-title a:visited { color:#333333; text-decoration:none; }
#searchlist .resort-title a:hover { color:#333333; text-decoration: underline; }
#searchlist .resort-location { font-size: 14px; font-style: italic; width: 293px; float: right; }
#searchlist .resort-breakdown {font-size: 14px; width: 293px; margin-top: 20px; float: right; color:#EE6459;}
#searchlist .resort-price-wrapper { background-color: #EBEBEB; border-radius: 5px 5px 5px 5px; float: right; max-height: 105px; padding: 10px 10px 5px 10px; position: absolute; right: 0; top: 53px; width: 162px; }
#searchlist .resort-price { text-align: right; }
#searchlist .resort-price .promo { float: right; font-size: 12px; margin: 0px; padding: 0px; position: relative; top: -11px; }
#searchlist .resort-price .promo a { background: url(../img/searchlist/icons-sprite.png) no-repeat scroll -74px -9px rgba(0, 0, 0, 0); display: block; float: right; height: 11px;  margin-left: 4px; position: relative; top: 3px; width: 12px; }
#searchlist .resort-price .from-price { color: #BA1F52; font-size: 30px; letter-spacing: -0.04em;  margin: 0; padding: 0; position: relative; top: -7px; }
#searchlist .resort-price .from-price sup { top:-1em; font-size:12px; letter-spacing: 0em; color: #333333; vertical-align: super; }
#searchlist .resort-price .from-price sup.dollar { top:-1em; font-size:13px; color:#BA1F52; }
#searchlist .resort-price .was-price { font-size: 12px; margin: 0; padding: 0;  position: relative; right: 5px; top: -12px; }
#searchlist .resort-price .was-price span { text-decoration: line-through; }
#searchlist .selectBTN {width: 164px; height: 36px; border:none; display:block;position:relative; top: -10px;text-align: center;line-height: 35px;font-size: 16px;}
#searchlist .selectBTN:visited {width: 164px; height: 36px; border:none; display:block; float:left; }
#searchlist .selectBTN:hover {width: 164px; height: 36px; border:none; display:block; float:left; }
#searchlist .cc-discount-wrapper { float: left; position: absolute; bottom: 10px; }
#searchlist .cc-discount-wrapper .title { font-size: 13px; }
#searchlist .cc-discount-wrapper .lto { font-size: 10px; }
#searchlist .ratings-deal { float: left; height: 52px; margin: 10px 0px; padding: 0px 10px; width: 555px; }
#searchlist .ratings-deal div span.title { font-weight: bold; font-size: 14px; }
#searchlist .customer-rec { float: left; width: 190px; }
#searchlist .customer-rec .stats { position: relative; top: -5px; width: 208px; }
#searchlist .customer-rec .stats .percentage { color: rgb(246, 153, 32); float: left; letter-spacing: -1pt; font-weight: bold; font-size: 34px; }
#searchlist .customer-rec .stats .symbol { font-weight: bold; float: left; font-size: 24px; display: inline; color: rgb(246, 153, 32); position: relative; top: 3px; margin-right: 10px; }
#searchlist .customer-rec .stats .text { float: left; font-size: 12px; line-height: 11px; position: relative; width: 120px; top: 9px; }
#searchlist .customer-rec .stats .text2 { float: left; font-size: 12px; line-height: 11px; position: relative; width: 140px; top: 9px; }
#searchlist .cc-rating { float: left; width: 135px; }
#searchlist .customer-rating { float: left; width: 148px; }
#searchlist .ratings-deal a { position: relative; top: -4px; float: left; font-size: 12px; z-index:2; color:#4FAEDA;text-decoration: underline; }
#searchlist .rating-wrapper { display: inline-block; margin-top:3px; }
#searchlist .rating-wrapper .rating { display: inline-block; position: relative; width: 69px; height: 15px; margin: -4px 1px 0 0; background-color: #a3a3a3; }
#searchlist .rating-wrapper .rating img { position: absolute; height: 15px; left: 0; top: 0; }
#searchlist .rating-wrapper .rating .bar { position: absolute; left: 0; top: 0; height: 15px; background-color: #408928; }
#searchlist .rating-wrapper .rating-text { font-size: 11px; color: #a3a3a3;  position:relative; top:-2px; }
#searchlist .rating-wrapper .rating-text i { font-style: normal; font-size: 14px; color: #408928; }
#searchlist .rating-wrapper .rating-none { font-size: 11px; color: #a3a3a3; line-height:11px}
#searchlist .rating-wrapper.sun .rating { display: inline-block; position: relative; width: 86px; height: 16px; margin: -4px 1px 0; background-color: #a3a3a3; }
#searchlist .rating-wrapper.sun .rating img { position: absolute; width: 86px; height: 16px; left: 0; top: 0; }
#searchlist .rating-wrapper.sun .rating .bar { position: absolute; left: 0; top: 0; height: 16px; background-color: #f1954f; }
#searchlist .rating-wrapper.sun .rating-text { font-size: 11px; color: #a3a3a3; position:relative; top:-2px; }
#searchlist .rating-wrapper.sun .rating-text i { font-style: normal; font-size: 14px; color: #f1954f; }
#searchlist .deals-header .title { float:left; font-size: 14px;color: rgb(246, 153, 32); }
#searchlist .deals-header .viewing { float:right;color:#666666}
#searchlist .dot { font-size:12px; color:#666666; }
#searchlist .dotw-wrapper .resort-result { border: 2px solid; border-top:none; width: 573px; }
#searchlist .dotw-title-wrapper { color: #FFFFFF; font-size: 18px; font-weight: bold; width: 577px; height:40px; letter-spacing: 0.03em; }
#searchlist .dotw-title-wrapper > div { float:left; background: url(../img/searchlist/icons-sprite.png) -7px -26px; width: 40px; text-align: center; height: 40px; margin-right: 10px; }
#searchlist .dotw-title-wrapper > span { color:rgb(255, 255, 255); float: left; position: relative; padding-top: 8px; }
#searchlist .flight-notice-wrapper { float: left; background-color: #ebebeb; margin-top: 10px; width: 575px; }
#searchlist .flight-notice-title { background-color:#ef8504; color:#ffffff; font-size: 16px; font-weight: bold; height: 28px; }
#searchlist .flight-notice-title > div { width: 35px; height: 28px; float: left; background: url(../img/searchlist/icons-sprite.png) repeat scroll -48px -30px #D77704; margin-right:5px; }
#searchlist .flight-notice-title > span { letter-spacing: 0.025em; padding-top: 2px; float: left; color:#ffffff; }
#searchlist .flight-notice-wrapper > ul { font-size: 12px; color: #333333;; margin: 7px 0px; padding: 0px 0px 0px 20px; }
#searchlist .deals-footer { float: left; margin-bottom: 5px; width: 575px; }
#searchlist .deals-footer .viewing { color:#666666; font-size:12px; text-align:center;}
#searchlist .filter {float:right; color:#666666; font-size: 12px; font-weight:700; }
#searchlist .filter > a { color:#4FAEDA; text-decoration:none; font-size:12px; font-weight:500; margin-left: 4px; }
#searchlist .inline-popup:after { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); content: ""; height: 18px; left: 50%; margin-left: -8px; margin-top: -9px; position: absolute; top: 100%; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 18px; }
#searchlist .inline-popup { background-color: #FFFFFF;  border: 1px solid #BBBAC0;  border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35); display: block;  height: 85px; padding: 2px; position: absolute; left: 166px; top: -53px; width: 210px; z-index: 1; }
#searchlist .inline-popup-title { background-color: rgb(83, 184, 223); border-radius: 3px 3px 0px 0px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; height: 25px; position: relative; padding-left: 7px; letter-spacing: 0.03em; line-height: 22px; }
#searchlist .inline-popup > span { font-size: 12px; position: relative; top: 3px; left: 5px; }

#searchlist .view-more-results, #searchlist a.view-more-results:link, #searchlist a.view-more-results:visited  { 
background-color: #1aacdf;
border: 1px solid transparent;
border-color:#5bc0de;
box-shadow: 0px 1px 0px #404040;
color:white;
text-shadow: 0px 1px 0px #000;
display:table;
border-radius: 5px 5px 5px 5px;
margin: auto;
padding: 3px 0px;
position: relative;
text-align: center;
width: 450px;
height:27px;
top: 5px;
font-size: 14px;
font-weight: normal;
font-family: PT Sans;
cursor: pointer;
}

#searchlist .nights {float: left; text-align: left; font-size: 12px;color:#777 }

#searchlist .loading-indicator-wrapper { float:left;	position:relative;	width:577px;	display:none; opacity:0;}
#searchlist .loading-indicator { left:250px;top:100px;position:absolute;z-index:100;}
#searchlist .loading-indicator-bottom .loading-indicator {top:-150px;}

#searchlist .deals-header { float: left; margin-bottom: 5px; width: 575px; }
#searchlist .deals-header > div { float:left; width:575px; }
.deals-header > div > .title { color:orange; font-size:14px; font-weight:700; float:left; }
.deals-header > div > .viewing { float:right; color:#666666; font-size:12px; }
.deals-header > div > .filter { color:#666666; font-size: 12px; font-weight:700; }
.deals-header > div > .filter > a { color:#4FAEDA; text-decoration:none; font-size:12px; font-weight:500; margin-left: 4px; }

#searchlist .nav { padding-left: 0; margin-bottom: 0; list-style: none; }
#searchlist .nav:before, #searchlist .nav:after { display: table; content: " "; }
#searchlist .nav:after { clear: both; }
#searchlist .nav > li { position: relative; display: block; }
#searchlist .nav > li > a { position: relative; display: block; padding: 5px 18px; }
#searchlist .nav > li.pull-right > a { position: relative; display:inline; padding:0 3px; color:#53AEDB; font-weight:500; box-shadow:none !important; }
#searchlist .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
#searchlist .nav > li.disabled > a { color: #999999; }
#searchlist .nav > li.disabled > a:hover,
#searchlist .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; }
#searchlist .nav.open > a, #searchlist .nav.open > a:hover, #searchlist .nav.open > a:focus { color: #ffffff; background-color: #428bca; border-color: #428bca; }
#searchlist .nav.open > a .caret,#searchlist .nav.open > a:hover .caret,#searchlist .nav.open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }
#searchlist .nav > .pull-right { float: right; font-size:12px; font-weight:700; padding:5px 3px; border-right:0px; }
#searchlist .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
#searchlist .nav-tabs { border-bottom: 1px solid #dddddd; box-shadow: 0 -10px 5px -10px #CCCCCC inset; margin: 5px 0 12px; height: 30px; background: #eee; }
#searchlist .nav-tabs > li { float: left; margin-bottom: -1px; border-right:1px solid #bbb; }
#searchlist .nav-tabs li a { color:#333333; border-radius: 0;margin:0; border:none !important; text-decoration:none; font-size:14px; }
#searchlist .nav-tabs li.active a:hover { background-color:#53AEDB; color:#ffffff; box-shadow: none; }
#searchlist .nav-tabs li a:hover { font-weight:normal; background-color:#eee; color:#53AEDB; box-shadow: 0 -10px 5px -10px #CCCCCC inset; }
#searchlist .nav-tabs li.active a { background-color:#53AEDB; color:#ffffff; }
#searchlist .nav-tabs.nav-justified { width: 100%; border-bottom: 0; }
#searchlist .nav-tabs.nav-justified > li { display: table-cell; float: none; width: 1%; }
#searchlist .nav-tabs.nav-justified > li > a { text-align: center; }
#searchlist .nav-tabs.nav-justified > li > a { margin-right: 0; border-bottom: 1px solid #dddddd; }
#searchlist .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; }
#searchlist .arrow_box { position: relative; background: #53AEDB; border-bottom: 2px solid #3d88aa; height:0px; display:none; }
#searchlist .nav-tabs li.active .arrow_box { display:block; }
#searchlist .arrow_box:after, #searchlist .arrow_box:before { top: 100%;  border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#searchlist .arrow_box:after {  border-color: rgba(83, 174, 219, 0); border-top-color: #53AEDB; border-width: 11px; left: 50%; margin-left: -11px; }
#searchlist .arrow_box:before { border-color: rgba(61, 136, 170, 0); border-top-color: #3d88aa; border-width: 14px; left: 50%; margin-left: -14px; }

#searchlist .dropdown p {display: inline-block; font-weight: bold;}

#searchlist .dropdown select {
      border: 0 !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      background: url('/images/hf/down-arrow.gif') no-repeat;
      background-position: 90px -2px;
      width: 110px; 
      text-indent: 0.01px;
      text-overflow: ""; 
      font-size: 12px;
      color: #1455a2;
      font-family: PT Sans;
      padding-right: 2px;
}

.resort-result-container:hover {
    background: rgb(198,243,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(198,243,246,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(198,243,246,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(198,243,246,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f3f6', endColorstr='#ffffff',GradientType=0 );
    cursor: pointer;
}

[data-tooltip] {
    transition: opacity 0.5s ease;
    -webkit-backface-visibility: hidden;
    z-index: 500;
    top: 5px;
    right: 5px;
    position: absolute;
}

/* Hide the tooltip content */
[data-tooltip]:before,
[data-tooltip]:after {
 /* visibility: hidden; */
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    right: -5px;
    margin-bottom: 5px;
    padding: 7px;
    width: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    left: auto;
}

/* Triangle hack */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    right: 5px;
    width: 0;
    border-top: 6px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    left:auto;
    margin-left:0;
}

/* Show tooltip content on hover */
.eat-wrapper:hover [data-tooltip]:before,
.eat-wrapper:hover [data-tooltip]:after {
    visibility: visible;
    opacity: .9;
}

.eat-wrapper{
    width: 182px;
    font-size: 15px;
    background: #25c9d0;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    left: 0px;
    position: absolute;
}

.eat-wrapper > span{
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}

/* All inclusive bar positioning */
.ratings-deal{
    margin-top:45px !important;
}

#searchlist .resort-price-wrapper {
    padding-top: 0 !important;
    padding-bottom:43px !important;
    top: 58px !important;
}

#searchlist .resort-tag-bottom {
    display: none;
}

#searchlist .resort-price {
    margin-top:34px;
}

.icon-tooltip:hover {
    opacity: .5;
}

#searchlist .resort-info .our-pick {
    position: absolute !important;
    top: 94px !important;
    left: 20px !important;
    z-index: 2 !important;
}

.free-nights-wraper {
    font-size: 12px;
    float: left;
    margin-top: 10px;
    color: grey;
}