/* imports */
/* base */
body {font-family: Arial, sans-serif; font-size: 12px; color: #5d5d5d}

/* type */
sub, .h1, .h1-5, .h2, .h3, .h4, .h5, .h6, #phone, .button-style-1, .button-style-2, .tab, .stats-table, .modal, ul.offer-link-list {font-family:  Trebuchet MS, Arial, Sans-Serif}

.h1 {font-size: 36px; margin: 0 0 20px 0; line-height: 32px}
    .h1-5 {font-size: 30px; line-height: 28px} 
.h2 {font-size: 24px; margin: 0 0 20px 0; line-height: 17px}
.h3 {font-size: 22px; margin: 0 0 10px 0; line-height: 15px}
.h4 {font-size: 14px; margin: 0; line-height: 20px}
.h5 {font-size: 14px; margin: 0; line-height: 16px}
.h6 {font-size: 12px; margin: 0; line-height: 12px}

.bold {font-weight: 700}
.light {font-weight: lighter;}

.uppercase {text-transform: uppercase}
.capitalise {text-transform: capitalize}
.underline {text-decoration: underline}

.text-right{text-align: right}
.text-left{text-align: left}
.text-center{text-align: center}
.text-justify{text-align: justify}

.text-press {text-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 -1px 0 rgba(0,0,0,0.6)}
.text-shadow {text-shadow: 0 2px 2px rgba(0,0,0,0.3)}

.sub-text {font-size: 10px}

/* links */
a {color: #5d5d5d; outline: none 0; white-space: nowrap}
a img {border: none}

p > a {padding: 1px 4px 2px 4px; margin: 0px -4px}
p > a:hover {
    background-color: #E0EAEF;
    background-color: rgba(224,234,239,0.7);
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    color: #2f2f2f
}
p em a {border-bottom: 1px dashed #C5D1D9; padding: 1px 0}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, em a {text-decoration: none; color: inherit}


#breadcrumb {
    margin-left: 7px;
    margin-bottom: 7px;
}

    #breadcrumb li  
    {
        display:inline;  
        margin-left: 0px;  
    }



#lowermaincontent{margin-left:-10px;}
#lowermaincontent a{text-decoration: none;}
#lowermaincontent a:hover {color: #2f2f2f}
p.abtanumber{text-align:center;font-size:6; vertical-align:top; color:#0086d6;}

#footer a{text-decoration: none; color: #5d5d5d;}
#footer a:hover {color: #2f2f2f}

a.icon-link {padding: 3px 5px; text-decoration: none}
a.icon-link:hover {
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;
    -moz-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    -webkit-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    background: #F6F8F9
}
a.icon-link img {margin-right: 5px}
a.help {cursor: help}

/* layout elements */
.float-l {float: left}
.float-r {float: right}

.center {margin: 0 auto}

.d-block{display: block}
.d-inline-block{display: inline-block} 
.d-none{display: none}

.o-hidden{overflow: hidden}

.relative{position:relative}
.absolute{position:absolute}

.t{top: 0; border-top: none !important}
.r{right: 0; border-right: none !important}
.b{bottom: 0; border-bottom: none !important}
.l{left: 0; border-left: none !important}

.t-2-5{top: 2.5px}
.t-5{top: 5px}
.r-5{right: 5px}
.b-5{bottom: 5px}
.l-5{left: 5px}

.t-10{top: 10px}
.r-10{right: 10px}
.b-10{bottom: 10px}
.l-10{left: 10px}

.t-20{top: 20px}
.r-20{right: 20px}
.b-20{bottom: 20px}
.l-20{left: 20px}

.b-25{bottom: 25px}

.t-30{top: 30px}
.t-40{top: 40px}
.t-50{top: 50px}
.t-60{top: 60px}

.round {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.round-tl{-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px}
.round-tr{-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px}
.round-br{-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px}
.round-bl{-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px}

.round>.round-tl{-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
.round>.round-tr{-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px}
.round>.round-br{-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px}
.round>.round-bl{-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px}

.bordered {border: 1px solid}

.divider {
    height: 1px; 
    background: #c5d1d9; 
    border-bottom: 1px solid #fff;
    visibility: visible    
}

.pad-2 {padding: 2px}
.pad-5 {padding: 5px}
.pad-10 {padding: 10px}
.pad-15 {padding: 15px}
.pad-20 {padding: 20px}
.pad-25 {padding: 25px}
.pad-30 {padding: 30px}


.pad-bottom-0{padding-bottom:0}
.pad-bottom-10{padding-bottom:10px}

.pad-right-10{padding-right:10px}
.pad-right-20{padding-right:20px}
.pad-right-25{padding-right:25px}
.pad-right-30{padding-right:30px}

.pad-left-10{padding-left:10px}
.pad-left-20 {padding-left: 20px}
.pad-left-25 {padding-left: 25px}
.pad-left-30 {padding-left: 30px}

.pad-top-5 {padding-top: 5px}
.pad-top-10 {padding-top: 10px}

.pad-2 > .heading-bar{margin: -2px -2px 2px -2px}
.pad-5 > .heading-bar {margin: -5px -5px 5px -5px}
.pad-10 > .heading-bar {margin: -10px -10px 10px -10px}

.heading-bar {border-width: 0 0 1px 0}

.margin-0 {margin: 0}
.margin-10 {margin: 10px}

.margin-bottom-5 {margin-bottom: 5px}
.margin-bottom-10 {margin-bottom: 10px}
.margin-bottom-20 {margin-bottom: 20px}
.margin-bottom-30 {margin-bottom: 30px}

.margin-left-0 {margin-left: 0px}
.margin-left-5 {margin-left: 5px}
.margin-left-10 {margin-left: 10px}
.margin-left-15 {margin-left: 15px}
.margin-left-20 {margin-left: 20px}
.margin-left-30 {margin-left: 30px}

.margin-right-0 {margin-right: 0px}
.margin-right-5 {margin-right: 5px}
.margin-right-10 {margin-right: 10px}
.margin-right-15 {margin-right: 15px}
.margin-right-20 {margin-right: 20px}
.margin-right-30 {margin-right: 30px}


.margin-top-0 {margin-top: 0px}

.table {table-layout: fixed; border-collapse: collapse}
.table th{font-weight: normal}

/* layout */
.container_16 {padding: 0 5px; background: url(images/body_background.png) no-repeat center 135px transparent}

#header {height: 140px}
#body {padding: 10px 0 0 0}

/* header */
#logo { 
    width: 350px; 
    height: 130px;
    left: -5px; 
    background: url(images/logo_sprite.png) no-repeat 0px 0px transparent;
    text-indent: -9999px
}

#smalllogo { 
    width: 80px; 
    height: 50px;
    background: url(images/smalllogo.png);
    float:left;
    top:-10px;
}

#phone {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 28px;
    line-height: 28px;
    cursor: default;
}

div.BrochureDescription
{
    width:380px;
}

/* body */
.overlay {background: #fff; background: rgba(255,255,255); background: rgba(255,255,255,0.8); border-color: #fff}

#head, #guide-head, #generic-head {padding: 1px}
#head {height: 400px;}
#head #head-scrollable {height: 400px; width: 567px; float:right;}
#head #head-scrollable div.items div.head-item {background: url(/images/head/head.jpg) center 0px no-repeat transparent}
#guide-head {height: 413px;}
#generic-head {min-height: 100px}

.blue
{
    background-color:#d5d5d5;
}

/* navigation */
div#site-nav ul {list-style: none}
div#site-nav ul li {display: inline; float: left; position:relative}
div#site-nav ul li a {
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none;
    font-size: 14px;
    color: #2D3279;
}
div#site-nav ul li a span{display: block; padding: 10px 17px 7px 7px}
div#site-nav ul li.current-tab a {background: url(images/nav_tab_background_left.png) no-repeat top left; color: #FF11A0}
div#site-nav ul li.current-tab a span {background: url(images/nav_tab_background_right.png) no-repeat top right}
div#site-nav ul li a:hover {color: #FF11A0}

div#site-nav ul li .note, div#site-nav ul li .hover-note {
    top:-4px;
    right: 0; 
    font-size: 8px; 
    line-height: normal
}
div#site-nav ul li:hover .note {display: none}
div#site-nav ul li:hover .hover-note {display: block}

div#ski-holiday-search
{
    background-color:#d5d5d5;
    padding:10px 10px 5px 10px;
    height:384px;
}

/* search / contact form */
.search-form > ul, .general-form > ul, .radio-option-list {list-style: none; list-style-position: outside}
.search-form > ul > li, .general-form > ul > li {display: block; padding: 5px;background-color:#f1f1f1;}
.search-form > ul > li { 
    margin: 0 0 10px 0;    
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    background: rgba(255,255,255,0.8) 
    
}
.search-form label, .general-form label {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: black; 
    font-weight:600;  
}
.search-form label {width: 120px}
.general-form label {width: 25%; text-align: left}
.search-form > ul > li:hover label, .general-form > ul > li:hover label, .radio-option-list li:hover label {color: #222}
.search-form select, .general-form select {
    display: inline-block;
    width: 180px;
    border: none;
    font-size: 12px;
    color: black;
    background: transparent
}
.general-form .text-input {
    display: inline-block;
    border: 1px solid #EFEFEF;
    background: WHITE;
    width: 72%;
    padding: 2px;
    resize: none;
    outline: none 0
}
.general-form .text-input:hover, .general-form .text-input:focus {border: 1px solid #C5D1D9}
.general-form textarea.text-input:hover, .general-form textarea.text-input:focus {overflow: auto}
.general-form .text-input:focus {background: rgba(255,255,255,0.8)}
.general-form textarea {height: 72px; overflow: hidden}
.search-form input[type='submit'], .general-form input[type='submit'] {float: right; font-size: 18px; line-height: 18px}

.search-form .sub-form {margin: 5px 0 0}
.search-form .sub-form label{font-size: 10px}

.radio-option-list {width: 50%}
.radio-option-list label {width: auto; text-align: left; margin-left: 5px}

/* static list styles */
ol.numbered-list {list-style-position: outside; padding-left: 2em}
ol.numbered-list li {
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: 1.6em;
    font-style: italic;
    font-weight: bold;
    color: #a0aeb6
}
ol.numbered-list li p {
    font-family: Tahoma, Arial, Sans-Serif; 
    font-size: 0.65em;
    font-style: normal;
    color: #5d5d5d
}
/* link list styles */
ul.link-list, ul.horizontal-link-list, ul.inline-link-list, ul.offer-link-list {list-style: none}
ul.link-list li a{display: block; margin: 2px 0 0 0}

#lowermaincontent ul.link-list li a {padding: 0 10px}

#footer ul.link-list li a {padding: 0 10px}
ul.horizontal-link-list li a{padding: 10px 10px}
#footer ul.link-list li a:hover, ul.horizontal-link-list li a:hover {
    background: #F6F8F9;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;
    -moz-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    -webkit-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1)
}

#lowermaincontent ul.link-list li a:hover, ul.horizontal-link-list li a:hover {
    background: #F6F8F9;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;
    -moz-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    -webkit-box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1);
    box-shadow: 0 1px 0 rgba(235,244,249,1), 0 -1px 0 rgba(197,208,217,1)
}
ul.horizontal-link-list {float: left}
ul.horizontal-link-list li {display: inline; float: left; margin: 0 10px -10px 0}
ul.horizontal-link-list li a{display: block}

ul.inline-link-list li {display: inline}
ul.inline-link-list li span:after {content: " | "}
ul.inline-link-list li:last-child span:after {content: normal}

div#destination-guides ul.link-list li a{
    padding: 2px 2px 2px 2px;
    text-decoration: none;
    background-position: 6px center;
    background-repeat: no-repeat;
}

div#destination-guides ul.link-list li a:hover{
    background-color: #E0EAEF;
    background-color: rgba(224,234,239,0.7);
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    box-shadow: 0 1px 0 rgba(255,255,255,1), 0 -1px 0 rgba(197,208,217,1);
    color: #2f2f2f
}

/* offer list styles */
ul.offer-link-list li a {
    display: block;
    padding: 3px 7px 2px 7px;
    font-size: 18px;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

ul.offer-link-list li a:hover {
    background: #FF11A0;
    color: #FFF;
    text-shadow: 0 2px 2px rgba(0,0,0,0.3);    
    font-weight: bold;    
}

ul.horizontal-block-list, ul.vertical-block-list {
    display: block;
    margin: 0 -10px 0 0;
    width: auto;
    list-style: none
}
ul.horizontal-block-list li, ul.vertical-block-list li {
    display: block;
    float: left;
    cursor: pointer; 
}
ul.horizontal-block-list li{margin: 0 10px 0 0; background: url(images/progress.gif) center center no-repeat}
ul.horizontal-block-list li div.block-list-item {height: 140px; background: center center no-repeat}
ul.vertical-block-list li {margin: 0 0 10px 0}

ul.vertical-block-list li div.block-list-item {height: 130px; border-bottom: 1px solid #C5D1D9}
ul.vertical-block-list li div.block-list-item .block-list-item-image {width: 60px; height: 130px; margin: 0 10px 0 0;}

ul.horizontal-block-list li {width: 227px}
.grid_16 ul.horizontal-block-list li {width: 222px}
.grid_12 ul.horizontal-block-list li {width: 226px}
.grid_8 ul.horizontal-block-list li {width: 225px}
.grid_4 ul.horizontal-block-list li {width: 220px}
.grid_12 .pad-10 ul.horizontal-block-list li {width: 219px}
.grid_8 .pad-10 ul.horizontal-block-list li {width: 214px}
.grid_4 .pad-10 ul.horizontal-block-list li {width: 198px}

.grid_6 ul.vertical-block-list li {width: 318px;}

.block-list-item a {text-decoration: none}

/* head scroller offer list */

ul.head-scroller-offer-list {
    list-style: none;
    margin: 46px 0 0 0;     
    float:left   
}

ul.head-scroller-offer-list li {
    display: inline-block;
    width: 170px;
    margin-right: 10px;
    cursor: pointer;

}

head-scroller-offer-list a{
        text-decoration:none;
}

ul.head-scroller-offer-list li div.image {
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
}

/* destinations list styles */
ul.destinations-list {list-style: none}
ul.destinations-list > li {display: inline-block}

.destinations-list li:hover .tooltip {
  display: block; }
.destinations-list .tooltip {
  display: none;
  left: 40px;
  position: absolute;
  top: 45px;
  width: 180px;
  z-index: 100; }


/* tile styles */
.tile {height: 198px; background: center center no-repeat #EBF4F9; cursor: pointer}
.tile-new {height: 55px; width: 55px; background: url(images/new_flag.png) left top no-repeat}
.tile a, #scrollable ul.horizontal-block-list li a, .destinations-tile a {text-decoration: none}
.tile p>a {text-decoration: underline}

.destinations-tile {
    height: 198px; 
    background-repeat: no-repeat;
    background-position: bottom center !important;
    background-size: auto 100%; 
    -moz-background-size: auto 100%; 
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    -khtml-background-size: auto 100%;
}

.resorts-tooltip {width: 180px; z-index: 100}
.resorts-tooltip ul.link-list li a {text-transform: capitalize}

/* results / brochure styles */
.star-rating {background: left center repeat-x; width:0px; height: 20px}
.star-1 {width:14px}
.star-1-5 {width:22px}
.star-2 {width:28px}
.star-2-5 {width:36px}
.star-3 {width:43px}
.star-3-5 {width:50px}
.star-4 {width:57px}
.star-4-5 {width:64px}
.star-5 {width:71px}

div.result-item div.star-rating {background-image: url(images/result_item_star.png);}
div.result-item td.star-rating, div.offer-result-detail .star-rating{background-image: url(images/result_item_star.png);}


div.result-item .heading-bar {margin-bottom: 0; min-height:30px}
div.result-item .heading-bar .h4 span{margin-top: 2px}

.offer-result-item-image{margin-top:15px;}
.result-item-image, .offer-result-item-image, .brochure-item-image {background: center top no-repeat; text-decoration: none;}
.result-item-image, .offer-result-item-image{width: 120px; height: 120px;}
.brochure-item-image{width: 160px; height: 160px;}

ul.result-item-attribute-list {list-style: none; list-style-position:outside; margin-bottom: 5px}
ul.result-item-attribute-list li {display: block; border-bottom: 1px solid #C5D1D9; padding: 6px 0} 
ul.result-item-attribute-list li div.icon {background: url(images/result_item_sprite.png) 0px center no-repeat; width: 25px}

ul.result-item-attribute-list li.result-attribute-time div.icon{background-position: 0px center}
ul.result-item-attribute-list li.result-attribute-date div.icon{background-position: -25px center}
ul.result-item-attribute-list li.result-attribute-port div.icon{background-position: -50px center}
ul.result-item-attribute-list li.result-attribute-basis div.icon{background-position: -75px center}

div.offer-result-item-details a
{
    text-decoration:none;
}

div.offer-result-item-details{
    margin:5px 0 10px 140px;
    width:450px;
    min-height:125px;
}
div.offer-result-item-details-desc
{
    float:left;
    width:330px;
    text-align:justify;    
}

table.offer-result-item-attribute-list,table.result-item-attribute-list {
    text-align:left;
}

table.offer-result-item-attribute-list th,table.offer-result-item-attribute-list th{
    text-align:left;
}

table.result-item-attribute-list 
{
    margin-top:10px;
}

div.quote_call_back_btn
{
    left: 408px;
    position: absolute;
    top: 229px;
}


.text-r
{
   text-align:right; 
}

.text-c
{
   text-align:center;  
}


 .offer
 {
     width: 420px;
     text-align:justify;
 }
table.result-item-attribute-list tr,table.offer-result-item-attribute-list tr{padding:0;}
table.result-item-attribute-list th,table.offer-result-item-attribute-list th
{
    width: 156px; 
    padding:0px; 
    margin-right:20px; 
    margin-bottom:10px; 
    text-align:left;
    }
table.result-item-attribute-list td.description{width: 186px; padding:0;}
table.result-item-attribute-list td.star-rating,table.offer-result-item-attribute-list td.star-rating{padding:0;}

.brochure-item-image {height: 160px}

/* tab list styles */
ul.horizontal-tab-list{list-style-type: none; margin: 7px auto 6px auto; text-align: left; margin-left:5px;}
ul.horizontal-tab-list li{display: inline}
ul.horizontal-tab-list li a {text-decoration: none; position: relative; cursor: pointer}
ul.horizontal-tab-list li a, ul.horizontal-tab-list li a span {display: inline-block}
ul.horizontal-tab-list li a span.tab {padding: 3px 7px; font-size: 17px; color: #A0AEB6}
ul.horizontal-tab-list li a span.tab-cue {display: none}
ul.horizontal-tab-list li a.current span.tab {
    border: 1px solid #c5d1d9;
    background: url(images/tab_background.png) center top repeat-x #fff;
    padding: 2px 6px;
    color: #2D3279;
}
ul.horizontal-tab-list li a.current span.tab-cue {
    margin: 0 auto;
    width: 14px;
    height: 13px;
    background: url(images/tab_cue_arrow.png) bottom center no-repeat;
    display: inline-block; 
    position: absolute; 
    top: 22px; 
    left: 0; 
    right: 0;        
}

ul.vertical-tab-list{list-style: none}
ul.vertical-tab-list li{margin-bottom: 3px}
ul.vertical-tab-list li a{display: block; text-decoration: none}

div.featurette ul.vertical-tab-list {left: -11px; width: 229px;}
div.featurette ul.vertical-tab-list li a {margin-left: 1px; background: url(images/tab_background.png) center top repeat-x #fff; padding: 7px}
div.featurette ul.vertical-tab-list li a span {color: #929191}
div.featurette ul.vertical-tab-list li a:hover span {color: #2D3279} 
div.featurette ul.vertical-tab-list li a.current {margin-left: 0; background: #FFF; padding: 10px}
div.featurette ul.vertical-tab-list li a.current span {color: #FF11A0; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 -1px 0 rgba(0,0,0,0.6)}

/* table styles */
table.stats-table {width: 100%}
table.stats-table tr {border-bottom: 1px solid #C5D1D9}
table.stats-table tr:last-child {border: none 0}
table.stats-table th, .stats-table td, .stats-table th span{vertical-align: middle; display:table-cell}
table.stats-table th span{font-size:11px;}
table.stats-table th, .stats-table td {width: 50%}
table.stats-table ul {font-size: 11px; line-height:1em}

table.stats-table .icon {
    background: url(images/guide_item_sprite.png) no-repeat; 
    width: 33px; 
    height: 30px;
    padding-right: 5px; 
}
table.stats-table .icon-radar {background-position: 0 0px}
table.stats-table .icon-flag {background-position: 0 -30px}
table.stats-table .icon-lift {background-position: 0 -60px}
table.stats-table .icon-route {background-position: 0 -90px}
table.stats-table .icon-sign-post {background-position: 0 -120px}
table.stats-table .icon-major-medal {background-position: 0 -150px}
table.stats-table .icon-sargeant-medal {background-position: 0 -180px}
table.stats-table .icon-corporal-medal {background-position: 0 -210px}
table.stats-table .icon-pine-tree {background-position: 0 -240px}

/* colors & styles */
.text-color-1 {color: #FF11A0}
.text-color-2 {color: #2D3279}
.text-color-3 {color: #FFF}
.text-color-4 {color: #5D5D5D}
.text-color-5 {color: #EBF4F9}
.text-color-6 {color: #929191}
.text-color-7 {color: #222222}
.text-color-8 {color: #13c620}
.text-color-9 {color: White;}

.wrap{
     white-space: normal;
}


.box-style-1 {background:#fff; border-color:#c5d1d9}
.box-style-2 {background:#FF11A0; border-color: #cd067d}
.box-style-3 {background: url(images/button_background.png) center repeat-x #FF11A0; border-color: #cd067d}
.box-style-4 {background: url(images/heading_background.png) bottom center repeat-x #FFF; border-color: #c5d1d9}
.box-style-4 {background: url(images/heading_background.png) bottom center repeat-x #FFF;}

.box-style-book-with-confidence {background: #fff; border: 2px solid #13c620}

.box-shadow  {    
	-moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3)
}

.button-style-1, .button-style-2 {

    -moz-border-radius: 15px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    padding: 1px 6px 2px 6px;    
    text-decoration: none;
    display: inline-block;    
}
button.button-style-1:active, button.button-style-2:active {padding: 0 5px 1px 5px; margin: 1px}
a.button-style-1, a.button-style-2 {padding: 2px 6px 2px 6px}
a.button-style-1:active, a.button-style-2:active {padding: 1px 5px 1px 5px; margin: 1px}

.button-style-1 {
    background: url(images/button_background.png) center repeat-x;
    border: 1px solid #cd067d;
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5);
    box-shadow: 0 0 1px rgba(0,0,0,0.5);
    color: #FFF;
    text-shadow: 0 0 2px #7F004D;
}
.button-style-1:active {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,1);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,1);
    box-shadow: 0 0 3px rgba(0,0,0,1);
    border-color: #AF006A;
}

.button-style-2 {
    background: #FFF;
    border: 1px solid #C5D1D9;   
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    color: #2D3279;
    text-shadow: 0 0 2px #c5d1d9;
}
.button-style-2:active {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.book-with-confidence-button {
    background: url(/images/icons/book_with_confidence.png) no-repeat center center #ebf6e8;
    width: 156px;
    height: 22px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #13c620;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.book-with-confidence-button:active {
    margin-top: 1px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.offer-result-detail
{
    min-height:225px;
}

.result-item
{
    min-height:170px;
}


.offer-result-detail .book-with-confidence-button {
    position:absolute;
    left:408px;
    top:219px;
}
.result-item a
{
    cursor: pointer;
    z-index: 1;
}

.result-item .book-with-confidence-button {
    position: absolute;
    top: 229px;
    left: 408px;
}

.inline-logo {
    display: inline-block; 
    text-indent: -9999px; 
    overflow: hidden; 
    background: url(images/inline_logo.png) center no-repeat;
    width: 93px;
    height: 18px;
    margin: -4px 0 -4px 0;
}

/* ui/script behaviour */
/* drop-down styles */
.search-form .dropdown {
    width: 160px;
    border: none;
    font-size: 12px;
    color: #222;
    background: transparent;
    display: inline-block;
    outline: 0 none;
    cursor: default
}
.search-form .dropdown .dropdown-selected{background: url(images/select_background.png) right center no-repeat}
.search-form .dropdown-hover .dropdown-selected, .search-form .dropdown-focus .dropdown-selected{background: url(images/select_background_hover.png) right center no-repeat}
.search-form .dropdown-selected span {display: block; padding-left: 2px}
.search-form ul.dropdown-ul {
    list-style: none;
    background: #FFF; background: rgba(255,255,255); background: rgba(255,255,255,0.9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 200;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 0;
    position:absolute;
    display: block;
    width: 100%;
    outline: 0 none;
    border: 1px solid #fff;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}
.search-form ul.dropdown-ul li.dropdown-li {
    display: block;
    padding: 1px 5px 1px 5px;    
    background: transparent;
    font-size: 14px
}
.search-form .destination-dropdown ul.dropdown-ul li.dropdown-li, 
.search-form .departure-dropdown ul.dropdown-ul li.dropdown-li {
    display: block;
    margin: 1px 0;
    padding: 2px 5px;
    font-size: 14px;
    background: #FFF;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.search-form ul.dropdown-ul li.dropdown-li-indented, 
.search-form .destination-dropdown ul.dropdown-ul li.dropdown-li-indented, 
.search-form .departure-dropdown ul.dropdown-ul li.dropdown-li-indented {
    padding: 1px 5px 1px 20px;
    margin: 0;
    border: 0 none; 
    font-size: 12px;
    background: transparent; 
    color: #555555;    
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.search-form ul.dropdown-ul li:hover,
.search-form .destination-dropdown ul.dropdown-ul li:hover,
.search-form .departure-dropdown ul.dropdown-ul li:hover,
.search-form ul.dropdown-ul li.highlight, 
.search-form .destination-dropdown ul.dropdown-ul li.highlight,
.search-form .departure-dropdown ul.dropdown-ul li.highlight,
.search-form ul.dropdown-ul li.highlight:hover,
.search-form .destination-dropdown ul.dropdown-ul li.highlight:hover,
.search-form .departure-dropdown ul.dropdown-ul li.highlight:hover {
    background: #FF11A0; 
    color: #FFF !important;
    border-color: #CD067D;
    text-shadow: 0 2px 2px rgba(0,0,0,0.3)
}
.search-form ul.dropdown-ul li.highlight,
.search-form .destination-dropdown ul.dropdown-ul li.highlight,
.search-form .departure-dropdown ul.dropdown-ul li.highlight {
    background: rgba(255,17,160,0.6); border-color: #CD067D;
}
.search-form div.dateSelect {display: inline}
.search-form .day-dropdown {width: 40px; margin-right: 20px}
.search-form .month-dropdown {width: 116px; }
.search-form .rating-dropdown ul.dropdown-ul li, .search-form .rating-dropdown .dropdown-selected span {text-indent: -9999px; background-image:url(images/search_rating_sprite.png); background-repeat: no-repeat}
.search-form .rating-dropdown ul.dropdown-ul li:hover, .search-form .rating-dropdown ul.dropdown-ul li.highlight {background-image:url(images/search_rating_sprite_hover.png)}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-0, .search-form .rating-dropdown .dropdown-selected span.rating-any{text-indent: 0; background-image: none}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-1, .search-form .rating-dropdown .dropdown-selected span.rating-1{background-position: 3px -72px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-2, .search-form .rating-dropdown .dropdown-selected span.rating-2{background-position: 3px -54px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-3, .search-form .rating-dropdown .dropdown-selected span.rating-3{background-position: 3px -36px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-4, .search-form .rating-dropdown .dropdown-selected span.rating-4{background-position: 3px -18px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-5, .search-form .rating-dropdown .dropdown-selected span.rating-5{background-position: 3px 0}

/* checkbox styles */
.search-form .checkbox, .general-form .checkbox {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 8px 0 -3px 0;
    border:1px solid grey;
    outline: none 0;
    background: url(images/checkbox_sprite.png) no-repeat left -26px;
}
.search-form .checkbox:hover, .search-form .checkbox:focus, .general-form .checkbox:hover, .general-form .checkbox:focus{background-position: left -39px}
.search-form .checkbox-checked, .general-form .checkbox-checked {background-position: left 0px}
.search-form .checkbox-checked:hover, .search-form .checkbox-checked:focus, .general-form .checkbox-checked:hover, .general-form .checkbox-checked:focus {background-position: left -13px}

#scrollable-2, #scrollable-4 {height: 162px}
#scrollable-2 .items, #scrollable-4 .items, #head .items {width: 9999em}
#vertical-scrollable-2 {height: 1610px}
#head .items > div {margin-right: 1px}
#head-navi {z-index: 20}
#head-navi a{
    border: 1px solid #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width:8px;
    height:8px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    margin: 0 5px 0 0;
}
#head-navi a.active{
    background: rgba(255,255,255); 
    background: rgba(255,255,255,0.8);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,1);
    box-shadow: 0 0 2px rgba(0,0,0,1)    
}

.navi {margin: 3px 0 0 0}
.navi a {
    display: inline-block;
    backround: transparent;
    border: 1px solid #C5D1D9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 6px;
    width: 6px;
    margin: 0 3px 0 0;
    cursor: pointer
}
.navi a.active {
    background: #C5D1D9;
    cursor: default
}
.modal {
	z-index:10000;
	width:400px;	
	min-height:100px		
}
.modal .close {
	background-image:url(images/close_background.png);
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:33px;
	width:33px
}
.modal .next, .modal .prev { 
    top:40%; 
    cursor:pointer; 
    padding: 10px 20px; 
    text-decoration: none
}
.modal .next:hover, .modal .prev:hover {}
.modal .disabled {visibility:hidden}
.modal .info {padding:10px 15px}
.modal .info strong {display:block}
.modal .progress {
    top:45%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    background: url(images/progress.gif) center center no-repeat
}

#title-tooltip {width: 220px; max-width: 220px}
#title-tooltip:after {
    content:"\00a0";
    width: 0px; 
    height: 0px;
    position: absolute;
    margin-left: -15px;
    top: -10px;
    left: 50%;
    border-color: transparent transparent #FFF transparent;
    border-width: 0 15px 10px 15px;
    border-style: solid;   
}

/* load bg images last */
html {
    background-color:#EBF4F9;
    background-image: url(images/html_noise.png);
    background-repeat: repeat;
    background-position: center;  
}

body {
    background: url(images/html_background.png) repeat-x top left transparent;
    background-image: url(images/html_fade.png), url(images/html_background.png);
    background-repeat: repeat-x, repeat-x;
    background-position: bottom, top;    
}

#subscribe_callto img{
        display: block;   margin-left: auto;   margin-right: auto; margin-top:-10px;
}
       

/* flag icons */
.flag-icon, .flag-large-icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.flag-icon {
    float: right;
    width: 16px;
    margin: 0 1px 0 6px;
}

.flag-large-icon {
    width: 24px;
}
.terms
{
    width:100px;
}
.contact
{
   width:100px; 
}