﻿/* ------------------------------------------------------------------------- Title panel*/
.title-panel {
    width: 100%;
    padding-bottom: 10px;
}
.title-panel h1 {
    float: left;
    font-size: 1.35em;
    font-weight: normal;
    line-height: 1.4em;
}
.title-panel h2 {
    float: left;
}
.title-panel .rating {
    float: left;
    display: block;
    margin-left: 10px;
}
.title-panel .link {
    float: right;
    display: block;
    padding-top: 8px;
}
/* ------------------------------------------------------------------------- Breadcrumb*/
#breadcrumb {
    margin: 0;
    padding: 0;
    margin: 0 0 10px 0;
}
#breadcrumb li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    font-size: 0.85em;
    line-height: 0.85em;
}
#breadcrumb li a {
    text-decoration: underline;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #AFDBE7;
}
#breadcrumb li.on {
    text-decoration: none;
}
#breadcrumb li.on a {
    text-decoration: underline;
    border-right: none;
}
#breadcrumb li.on span {
	color:#02829A;
}
/* ------------------------------------------------------------------------- Banners */
#banner {
	border: 1px solid #AFDBE6;
    height: 229px;
    margin-top: 20px;
    padding: 0;
    width: 575px;
    padding-top: 10px;
}
#banner-home{
	margin-top: -1px;
}
#destination-banner1 {
    background: url(banners/destination-banner1.jpg) no-repeat;
    width: 700px;
    height: 237px;
    margin-left: -12px;
    position: relative;
}
#destination-banner2 {
    background: url(banners/destination-banner2.jpg) no-repeat;
    width: 700px;
    height: 237px;
    margin-left: -12px;
    position: relative;
}
.banner360a
{
	width: 358px;
	height: 250px;
	margin-top: 10px;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
}
.banner360b
{
	width: 358px;
	height: 300px;
	margin-top: 10px;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
}
.encart240
{
	width: 240px;
	height: 240px;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
}
.encart240b
{
	width: 240px;
	height: auto;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
}
.banner240
{
	width: 240px;
	height: 300px;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
}
.banner700
{
	width: 700px;
	height: 229px;
	border: solid 1px #afdbe6;
	float: left;
	display: inline;
	
}
/* ------------------------------------------------------------------------- Home page quick search form */
#quick-search-form {
    width: 359px;
    z-index: 10;
    top: 0;
    right: 10px;
	background-color: #f79422;
}
#quick-search-form div.open {
    width: 359px;
	height: 7px;
    background: url(box-styles/search-box/bg_open.jpg) top no-repeat;
	background-color: #f79422;
}
#quick-search-form div.content {
    padding: 10px 15px 10px 15px;
    min-height: 215px;
    position: relative;
	background: url(box-styles/search-box/bg.jpg) repeat-y;
	border-left: solid 5px #f79422;
	border-right: solid 5px #f79422;
}
#quick-search-form a.map-search {
    height: 32px;
    width: 50px;
    position: absolute;
    right: 23px;
    top: 10px;
    display: block;
    background: url(icons/world-map.gif) no-repeat;
}
#quick-search-form div.close {
    height: 7px;
    font-size: 0;
    background: url(box-styles/search-box/bg_close.jpg) no-repeat;
}
#quick-search-form fieldset {
    display: inline;
}
#quick-search-form ul label {
    font-size: 1.05em;
}
#quick-search-form ul label.fixed-width {
    display: block;
    width: 7em;
    float: left;
    padding-top: 3px;
}
#quick-search-form ul {
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
#quick-search-form input {
    font-size: 0.85em;
}
#quick-search-form input.text-box-date {
    float: left;
}
#quick-search-form input.calendar {
    float: left;
    padding: 0 3px 0 0;
}
#quick-search-form select {
    font-size: 0.8em;
}
#quick-search-form ul li {
    margin: 5px 0 15px 0;
}
#quick-search-form a.advanced-search {
    float: left;
    padding-top: 20px;
    display: block;
}
#quick-search-form ul#child-age-options {
    padding: 0;
    margin: 0;
}
#quick-search-form ul#child-age-options li {
    float: left;
    padding-right: 20px;
}
#quick-search-form ul#child-age-options li label {
    display: block;
    color: #000;
    font-weight: normal;
}
#quick-search-form ul#child-age-options li select {
    font-size: 0.9em;
}
/* ------------------------------------------------------------------------- Home page slider */
#offer-slider-panel {
    margin-top: 5px;
	width: 572px;
}
#offer-slider-panel #feature-text {
    float: left;
    width: auto;
}
#offer-slider-panel #slider {
    float: left;
    width: 575px;
	height: 200px;
    margin-top: 5px;
    position: relative;
}
#offer-slider-panel #slider-tabs {
    margin: -5px 0 0 0;
    padding: 0;
    background: url(bg/slider/tab-border-bottom.gif) repeat-x left bottom;
    width: 575px;
    height: 28px;
}
#offer-slider-panel #slider-tabs li {
    list-style: none;
    float: left;
    background: url(bg/slider/tab-left-off.jpg) no-repeat;
    margin: 0 0 0 2px;
    padding: 0 0 0 4px;
}
#offer-slider-panel #slider-tabs li.first {
    margin-left: 0;
}
#offer-slider-panel #slider-tabs li a {
    float: left;
    display: block;
    background: url(bg/slider/tab-right-off.jpg) no-repeat right top;
    padding: 0 15px 0 6px;
    text-decoration: none;
    font-weight: bold;
    line-height: 28px;
	font-size: 1.2em;
	width: 117px;
	text-align: center;
}
#offer-slider-panel #slider-tabs li.on, #offer-slider-panel #slider-tabs li:hover {
    background-image: url(bg/slider/tab-left-on.jpg);
    margin-bottom: -1px;
}

#offer-slider-panel #slider-tabs li.on a, #offer-slider-panel #slider-tabs li:hover a {
    background-image: url(bg/slider/tab-right-on.jpg);
}
#offer-slider-panel #slider #btn-slider-next, #offer-slider-panel #slider #btn-slider-previous {
    background-repeat: no-repeat;
    display: block;
    height: 171px;
    width: 31px;
    position: absolute;
    top: 27px;
    z-index: 1;
}
#offer-slider-panel #slider #btn-slider-next a, #offer-slider-panel #slider #btn-slider-previous a {
    display: block;
    height: 100%;
    width: 100%;
    text-indent: -999em;
    overflow: hidden;
}
#offer-slider-panel #slider #btn-slider-next {
    background-image: url(buttons/btn-slider-right.jpg);
    right: 0;
}
#offer-slider-panel #slider #btn-slider-previous {
    background-image: url(buttons/btn-slider-left.jpg);
    left: 0;
}
#offer-slider-panel #slider-content {
    position: absolute;
    left: 30px;
    width: 535px;
    overflow: hidden;
    height: 170px;
    background: url(bg/slider/slider-panel-bg.jpg) repeat-x;
    z-index: 1;
}
#offer-slider-panel #slider-content ul {
    margin: 0;
    padding: 0;
}
#offer-slider-panel #slider-content li {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 171px;
    width: 535px;
    line-height: 1.4em;
    float: left;
}
#offer-slider-panel #slider-content li div {
    width: 190px;
    height: auto;
    display: block;
    margin: 15px 10px 10px 10px;
    float: left;
}
#offer-slider-panel #slider-content li div a {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
#offer-slider-panel #slider-content li div p {
    padding: 0;
}
#offer-slider-panel #slider-content li div img.stars {
    display: block;
    margin-bottom: 10px;
}
#offer-slider-panel #slider-content li div img.photo {
    display: block;
    margin-right: 10px;
    float: left;
}
#offer-slider-panel #slider-content li div span.price {
    font-weight: bold;
    font-size: 1.4em;
    color: #F79422;
}
#offer-slider-panel #slider-content li div a.css-btn {
    float: right;
    margin-top: 10px;
}
/* ------------------------------------------------------------------------- Vignettes */
#vignettes
{
	width: auto;
	height: 200px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
	display: inline;
}
#rightsecondarycontent
{
	width: 357px;
	height: auto;
	background-color: #e9f4f8;
	border-left: solid 1px #AFDBE6;
	border-right: solid 1px #AFDBE6;
	float: left;
	display:inline;
}
#toprightsecondarycontent
{
	width: 359px;
	height: 9px;
	margin-top: 10px;
    background: url(box-styles/rightsecondarycontent/open_rightsecondarycontent.jpg) top no-repeat;
}
#bottomrightsecondarycontent
{
	width: 359px;
	height: 9px;
    background: url(box-styles/rightsecondarycontent/close_rightsecondarycontent.jpg) top no-repeat;
}
/* ------------------------------------------------------------------------- Home page holiday type image nav */
ul#holiday-types-nav {
    margin: 10px 0 20px 0;
    padding: 0;
    height: 150px;
}
ul#holiday-types-nav li {
    display: block;
    width: 234px;
    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
ul#holiday-types-nav li a {
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
ul#holiday-types-nav li.last {
    float: right;
}
ul#holiday-types-nav li.culture a {
    background-image: url(bg/quick-links/culture.jpg);
}
ul#holiday-types-nav li.romance a {
    background-image: url(bg/quick-links/romance.jpg);
}
ul#holiday-types-nav li.family a {
    background-image: url(bg/quick-links/family-fun.jpg);
}
ul#holiday-types-nav li.events a {
    background-image: url(bg/quick-links/events.jpg);
}
ul#holiday-types-nav li a span {
    display: block;
    padding: 78px 15px 0 15px;
    color: #FFF;
}
/* ------------------------------------------------------------------------- Home page quick pick panel */
#quick-pick-panel {
    background: #E8F4F8;
    padding: 10px;
}
#openqpp{
	width: 572px;
	height: 9px;
    background: url(box-styles/quick_pick_panel/open_quickpickpanel.jpg) top no-repeat;
}
#closeqpp{
	width: 572px;
	height: 9px;
    background: url(box-styles/quick_pick_panel/close_quickpickpanel.jpg) top no-repeat;
}
#quick-pick-panel ul {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}
#quick-pick-panel li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 340px;
    float: left;
}
#quick-pick-panel li li {
    width: auto;
    float: none;
}
#quick-pick-panel li div {
    margin-top: 10px;
    min-height: 130px;
    background-repeat: no-repeat;
    padding: 0 10px 0 70px;
}
#quick-pick-panel li div h3 {
    padding: 5px 0;
    margin: 0;
}
#quick-pick-panel div.london {
    background-image: url(photos/destinations/london.jpg);
}
#quick-pick-panel div.paris {
    background-image: url(photos/destinations/paris.jpg);
}
#quick-pick-panel div.las-vegas {
    background-image: url(photos/destinations/las-vegas.jpg);
}
/* ------------------------------------------------------------------------- Home Page Customer Choice Box */
#customer-choice h2.customer-choice {
    background: url(text/customer-choice.gif) no-repeat;
    height: 21px;
    margin: 5px 0 15px 0;
}
#customer-choice ul {
    margin: 0;
    padding: 0;
}
#customer-choice ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#customer-choice ul li.last {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#customer-choice ul li em {
    color: #EC8410;
    font-style: normal;
    font-weight: bold;
}
/* ------------------------------------------------------------------------- Search Results List - Card View */
#search-details-list {
    margin: 10px 0;
    padding: 10px 0 0 0;
}
#search-details-list li {
    margin: 0 0 10px 0;
    padding: 0 10px 10px 10px;
    list-style: none;
    border-bottom: 2px solid #C5E6F0;
}
#search-details-list li.last {
    border: none;
}
#search-details-list li li {
    border: none;
    padding: 0;
}
#search-details-list li img.photo {
    display: block;
    float: left;
    width: 101px;
}
#search-details-list li div.details {
    float: right;
    width: 555px;
}

#search-details-list li div.details p.desc {
    margin: 0;
    padding: 0 0 5px 0;
}
#search-details-list li div.details a.title-link {
    float: left;
    font-weight: bold;
}
#search-details-list li div.details img.stars {
    float: left;
    padding-left: 10px;
}
/* ------------------------------------------------------------------------- Search Results List - List View */
#search-details-list-compact {
    margin: 10px 0;
    padding: 0;
}
#search-details-list-compact li {
    margin: 0 0 10px 0;
    padding: 10px 10px 3px 10px;
    list-style: none;
    border-bottom: 2px solid #C5E6F0;
}
#search-details-list-compact li.last {
    border: none;
}
#search-details-list-compact ul.icons-list {
    margin: 0;
    padding: 0;
    float: right;
}
#search-details-list-compact ul.icons-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    float: left;
    background: url(bg/pipe-divider.gif) no-repeat right center;
    padding-right: 5px;
    margin-right: 5px;
}
#search-details-list-compact ul.icons-list li.last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
#search-details-list-compact ul.icons-list a {
    float: left;
}
#search-details-list-compact li li {
    border: none;
    padding: 0;
}
#search-details-list-compact li a.title-link {
    float: left;
    font-weight: bold;
}
#search-details-list-compact li img.stars {
    float: left;
    padding-left: 10px;
}
/* ------------------------------------------------------------------------- Search Results List - Map View */
/*Temp class - this can be deleted when replaced by actual google map
this just adds a google map image for demo purposes*/
#map-iframe {
    background: url(google/google-map.gif) no-repeat;
}
/*Temp class - this can be deleted when replaced by actual google map
this just positions the google map pointer icon for demo purposes*/
#search-map-view #main-content #map-iframe img.icon {
    position: absolute;
    top: 20px;
    left: 300px;
}
#map-iframe {
    height: 335px;
    width: 445px;
    border: 2px solid #AFDBE7;
    position: relative;
}
#search-map-view {
    margin: 10px 0;
    padding: 10px;
}
#search-map-view #main-content {
    float: left;
    width: 450px;
    position: relative;
}
#search-map-view #search-options {
    float: right;
    width: 203px;
}
#search-map-view #search-options h3 {
    color: #333;
    font-size: 0.9em;
    margin: 10px 0 5px 0;
}
#search-map-view #search-options ul {
    margin: 0;
    padding: 0;
}
#search-map-view #search-options li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#search-map-view #search-options li label {
    font-weight: normal;
    color: #333;
    font-size: 0.85em;
}
/* ------------------------------------------------------------------------- Featured hotel box*/
#featured-hotels {
    margin-top: 20px;
}
#featured-hotels #search-details-list li {
    padding-left: 5px;
    padding-right: 5px;
}
#featured-hotels #search-details-list li div.details {
    width: 325px;
}
#featured-hotels div.price {
    margin-top: 15px;
}
#featured-hotels div.price p {
    padding-top: 5px;
}
/* ------------------------------------------------------------------------- Google Popup Marker html*/
div.g-marker {
    width: 240px;
    border: 2px solid #EF8815;
    background: #FFF;
    position: relative;
	margin-top: -4px;
}
div.g-pointer {
    position: absolute;
    height: 52px;
    width: 32px;
    bottom: -37px;
    right: -15px;
    background: url(google/marker-corner.gif) no-repeat;
}
div.g-marker a.title {
    float: left;
    font-weight: bold;
    padding-bottom: 10px;
}
div.g-marker img.stars {
    float: left;
}
div.g-marker img.photo {
    float: left;
    width: 90px;
}
div.g-marker div.details {
    float: right;
    width: 120px;
}
div.g-marker ul.icons-list {
    padding: 5px 0 20px 0;
    margin-bottom: 10px;
}
div.g-marker ul.icons-list li {
    background: url(bg/pipe-divider.gif) no-repeat right center;
    padding-right: 5px;
    margin-right: 5px;
}
div.g-marker ul.icons-list li.last {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
div.g-marker div.price p {
    float: left;
    padding-top: 5px;
}
/* ------------------------------------------------------------------------- Content Tabs - Plain */
.content-tab-info {
    margin-bottom: -35px;
    font-size: 0.9em;
}
ul.content-tabs {
    margin: 0;
    padding: 0;
    background: url(bg/content-tabs/tab-bg.gif) no-repeat left bottom;
    height: 35px;
    width: 100%;
}
ul.content-tabs li {
    list-style: none;
    float: right;
    background: url(bg/content-tabs/tab-left-off.gif) no-repeat;
    margin: 1px 0 0 2px;
    padding: 0 0 0 4px;
}
ul.content-tabs li a {
    float: left;
    display: block;
    background: url(bg/content-tabs/tab-right-off.gif) no-repeat right top;
    padding: 0 14px 0 10px;
    text-decoration: none;
    font-weight: bold;
    line-height: 30px;
    color: #4C5658;
}
ul.content-tabs li.bg
{
	background: url(bg/content-tabs/tab-left-off2.gif) no-repeat left 1px;
}
ul.content-tabs li.bg a
{
	background: url(bg/content-tabs/tab-right-off2.gif) no-repeat right top;
	color: #ffffff;
}
ul.content-tabs li.on, ul.content-tabs li:hover {
    background-image: url(bg/content-tabs/tab-left-on.gif);
}
ul.content-tabs li.on a, ul.content-tabs li:hover a {
    background-image: url(bg/content-tabs/tab-right-on.gif);
}
ul.content-tabs span {
    display: block;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left center;
}
/*map icon*/
ul.content-tabs span.tab-icon-map {
    background-image: url(bg/content-tabs/icon-map-off.gif);
}
ul.content-tabs li.on span.tab-icon-map, ul.content-tabs li:hover span.tab-icon-map {
    background-image: url(bg/content-tabs/icon-map-on.gif);
}
/*list icon*/
ul.content-tabs span.tab-icon-list {
    background-image: url(bg/content-tabs/icon-list-off.gif);
}
ul.content-tabs li.on span.tab-icon-list, ul.content-tabs li:hover span.tab-icon-list {
    background-image: url(bg/content-tabs/icon-list-on.gif);
}
/*credit card icon*/
ul.content-tabs span.tab-icon-credit {
    background-image: url(bg/content-tabs/icon-credit-off.gif);
}
ul.content-tabs li.on span.tab-icon-credit, ul.content-tabs li:hover span.tab-icon-credit {
    background-image: url(bg/content-tabs/icon-credit-on.gif);
}
/*paypal icon*/
ul.content-tabs span.tab-icon-paypal {
    background-image: url(bg/content-tabs/icon-paypal.gif);background-position:left 4px;padding-left:50px;
}
/*phone icon*/
ul.content-tabs span.tab-icon-phone {
    background-image: url(bg/content-tabs/icon-phone-off.gif);
}
ul.content-tabs li.on span.tab-icon-phone, ul.content-tabs li:hover span.tab-icon-phone {
    background-image: url(bg/content-tabs/icon-phone-on.gif);
}
/*fax icon*/
ul.content-tabs span.tab-icon-fax {
    background-image: url(bg/content-tabs/icon-fax-off.gif);
}
ul.content-tabs li.on span.tab-icon-fax, ul.content-tabs li:hover span.tab-icon-fax {
    background-image: url(bg/content-tabs/icon-fax-on.gif);
}
/*plus icon*/
ul.content-tabs span.tab-icon-plus {
    background-image: url(bg/content-tabs/icon-plus.gif);
}
ul.content-tabs li.on span.tab-icon-plus, ul.content-tabs li:hover span.tab-icon-plus {
    background-position: -350px center;
}
/*sale icon*/
ul.content-tabs span.tab-icon-sale {
    background-image: url(bg/content-tabs/icon-sale.gif);
}
ul.content-tabs li.on span.tab-icon-sale, ul.content-tabs li:hover span.tab-icon-sale {
    background-position: -350px center;
}
/* ------------------------------------------------------------------------- Filter bar */
div.filter-bar-top {
    background: #E8F4F8 url(bg/filter-bar/filter-bar-top-bg.gif) repeat-y;
    border-bottom: 1px solid #AFDBE7;
    padding: 5px;
}
div.filter-bar-bottom {
    background: url(bg/filter-bar/filter-bar-bottom-bg.gif) no-repeat;
    padding: 10px 5px 0 5px;
    height: 40px;
    margin-top: 10px;
}
div.filter-bar-top h3, div.filter-bar-bottom h3 {
    padding: 4px 7px 0 0;
    margin: 0;
}
/* ------------------------------------------------------------------------- Filters */
ul.filters {
    margin: 0 0 0 10px;
    padding: 0 0 2px 0;
    float: left;
}
ul.filters li {
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    list-style: none;
}
ul.filters li.pipe-divider {
    padding-right: 3px;
    margin-right: 5px;
}
ul.filters li select {
    font-size: 0.85em;
    margin-right: 5px;
}
ul.filters input.chk-box {
    height: 20px;
    float: left;
}
ul.filters li label.icon-camera, ul.filters li label.icon-tree {
    color: #333;
    font-weight: normal;
    display: block;
    float: left;
    padding-right: 2px;
}
div.filter-search-bar {
    float: right;
}
div.filter-search-bar label {
    float: left;
    padding-top: 3px;
}
div.filter-search-bar input.search-box {
    float: left;
    margin-right: 10px;
}
div.filter-search-bar a {
    margin-top: -2px;
    float: left;
}
/* ------------------------------------------------------------------------- Pagers */
ul.pager {
    margin: 0;
    padding: 0;
}
ul.pager li {
    margin: 0 7px 0 0;
    padding: 0;
    display: inline;
    list-style: none;
}
ul.pager li select {
    font-size: 0.85em;
}
/* ------------------------------------------------------------------------- Column Search Form */
#column-search-form div.content {
    position: relative;
}
#column-search-form div.content a.map-search {
    position: absolute;
    right: 15px;
    top: 42px;
    background: url(icons/world-map.gif) no-repeat;
    display: block;
    height: 32px;
    width: 50px;
}
#column-search-form fieldset {
    display: inline;
}
#column-search-form ul label.fixed-width {
    display: block;
    width: 4em;
    float: left;
    padding-top: 3px;
}
#column-search-form ul {
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
    padding: 10px 0 2px 0;
    margin-bottom: 10px;
}
#column-search-form input {
    font-size: 0.85em;
}
#column-search-form select {
    font-size: 0.8em;
}
#column-search-form input.text-box-date {
    float: left;
}
#column-search-form ul li {
    margin: 5px 0 8px 0;
}
/* ------------------------------------------------------------------------- Recently viewed box */
#recently-viewed h2 {
    background: url(text/recently-viewed.gif) no-repeat;
    height: 29px;
    margin: 0;
    padding: 0;
}
#recently-viewed ul {
    margin: 0;
    padding: 0;
}
#recently-viewed ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 3px;
    line-height: 20px;
}
#recently-viewed ul li a {
    font-weight: bold;
    font-size: 0.9em;
    float: left;
}
#recently-viewed ul li img {
    float: left;
    padding-left: 5px;
}
#recently-viewed .view-all {
    background: url(bg/dotted-line-repeat.gif) repeat-x;
    margin-top: 15px;
    padding-top: 10px;
    text-align: right;
}
/* ------------------------------------------------------------------------- Gallery */
.gallery-thumbs {
    padding-bottom: 2px;
}
.gallery-thumbs a.zoom {
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.gallery-thumbs ul {
    margin: 0;
    padding: 0 0 0 10px;
}
.gallery-thumbs li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;
}
/* ------------------------------------------------------------------------- Map Box */
div.map {
    background: #FFF url(bg/map-bg.jpg) no-repeat left bottom;
    padding: 3px 0 5px 6px;
}
div.map a {
    float: right;
    margin-right: 5px;
}
div.map h3 {
    margin: 0;
    padding: 5px;
    background: #FFF;
    color: #00A4C0;
}
div.map h3 span {
    color: #333;
    font-weight: normal;
}
/* ------------------------------------------------------------------------- Progress bar */
ol.progress-bar {
    margin: 0;
    padding: 0 0 0 60px;
    text-align: center;
    float: left;
}
ol.progress-bar li {
    margin: 0;
    padding: 0;
    list-style: none;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline;
    float: left;
    padding: 0 0 0 25px;
    margin-right: 10px;
    color: #0093B5;
    font-weight: bold;
}
ol.progress-bar li.off {
    color: #44BCD1;
}
ol.progress-bar li span {
    margin: 0;
    padding: 0;
    background: url(icons/white-arrow.gif) no-repeat right center;
    display: block;
    float: left;
    padding: 0 35px 0 0;
}
ol.progress-bar li.step-1-off {
    background-image: url(text/step-1-off.gif);
}
ol.progress-bar li.step-2-off {
    background-image: url(text/step-2-off.gif);
}
ol.progress-bar li.step-3-off {
    background-image: url(text/step-3-off.gif);
}
ol.progress-bar li.step-4-off {
    background-image: url(text/step-4-off.gif);
}
ol.progress-bar li.step-1 {
    background-image: url(text/step-1.gif);
}
ol.progress-bar li.step-2 {
    background-image: url(text/step-2.gif);
}
ol.progress-bar li.step-3 {
    background-image: url(text/step-3.gif);
}
ol.progress-bar li.step-4 {
    background-image: url(text/step-4.gif);
}
/* ------------------------------------------------------------------------- Booking summary */
.booking-summary ul {
    background: url(bg/dotted-line-repeat.gif) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.booking-summary li.col1 {
    width: 320px;
}
.booking-summary li.col2 {
    width: 130px;
}
.booking-summary li.col3, .booking-summary p.total {
    width: 130px;
    float: right;
    padding: 0 15px 0 0;
}
/* ------------------------------------------------------------------------- Rooms form */
ul#form-rooms {
    padding: 0;
    margin: 0;
}
ul#form-rooms li {
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}
ul#form-rooms li li.col1 {
    width: 150px;
}
ul#form-rooms li li.col2 {
    width: 60px;
}
ul#form-rooms li li.col3 {
    width: 60px;
}
ul#form-rooms li li.col4 {
    width: 160px;
}
ul#form-rooms li label {
    text-indent: -999em;
    overflow: hidden;
    float: left;
    width: 0;
    margin: 0;
    padding: 0;
}
ul#form-rooms li.header-row label {
    text-indent: 0;
    overflow: visible;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
}
ul#form-rooms li select {
    float: left;
}
ul#form-rooms li .row-num {
    font-weight: bold;
    color: #00A3C2;
    float: left;
    padding-right: 5px;
    display: block;
    width: 20px;
}
ul#form-rooms li.header-row .row-num {
    margin-top: 27px;
}
ul#form-rooms li.header-row label {
    padding-bottom: 10px;
}
/* ------------------------------------------------------------------------- Destinations */
ul.destinations-panel {
    padding: 0;
    margin: 10px 0 0 0;
}
ul.destinations-panel li {
    list-style: none;
    margin: 0;
    padding: 0 10px 10px 10px;
}
ul.destinations-panel li li {
    margin: 0 5px 0 0;
    padding: 0;
}

ul.destinations-panel div.hr {
    margin: 10px 0 0 0;
    padding: 0;
}

ul.destinations-panel div.content {
    float: left;
    width: 420px;
}

ul.destinations-panel div.prices {
    float: right;
    width: 220px;
}
ul.destinations-panel div.prices h3 {
    color: #333;
}
ul.destinations-panel div.content img.photo {
    display: block;
    float: left;
    width: 100px;
    margin-right: 10px;
}
ul.destinations-panel div.content a.link {
    clear: both;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
ul.destinations-panel li img {
    float: left;
}

