h1, h2, h3, h4, h5, h6 {font-weight: normal}

/* base */
body {font-family: 'Segoe UI', Arial, sans-serif; font-size: 12px; color: #111111}

/* type */
sub, .h1, .h1-5, .h2, .h3, .h4, .h5, .h6,.button-style-1, .button-style-2, .tab, .stats-table, .modal, ul.offer-link-list {font-family: 'Segoe UI', 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: 18px; 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.2), 0 -1px 0 rgba(0,0,0,0.95)}
.text-shadow {text-shadow: 0 0 3px rgba(0,0,0,0.8)}

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

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

p > a, #footer ul li a {padding: 1px 4px 2px 4px; margin: 0px -4px}
p > a:hover, #footer ul li a:hover {
    background: #222222;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    color: #ffffff
}
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}

#footer a{text-decoration: none; color: #222}

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-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}

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

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

.bordered {border: 1px solid}

.divider {
    height: 1px; 
    background: #ddd;
    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-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-bottom-5 {margin-bottom: 5px}
.margin-bottom-10 {margin-bottom: 10px}
.margin-bottom-20 {margin-bottom: 20px}
.margin-bottom-30 {margin-bottom: 30px}

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

/* layout */
#header {height: 101px}
#body {padding: 10px 0 0 0}

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

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

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

#head {margin-bottom: 31px}
#head #head-scrollable {height: 408px; width: 638px}
#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}

/* navigation */
div#site-nav ul, ul.horizontal-tab-list {list-style: none; padding-left: 10px}
div#site-nav ul li, ul.horizontal-tab-list li {display: inline; float: left; position:relative}
div#site-nav ul li a, ul.horizontal-tab-list li a {
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #e7e7e7;
    padding: 6px 0 8px 0
}
div#site-nav ul li a span, ul.horizontal-tab-list li a span{display: block; padding: 1px 11px 3px 11px}
div#site-nav ul li a:hover, ul.horizontal-tab-list li a.current {color: #ffffff}
div#site-nav ul li a:hover span, ul.horizontal-tab-list li a.current span {
    padding: 0px 10px 2px 10px;
    border: 1px solid;
    border-color: #991a1e #BF2F35 #df3338 #A91E22; 
    background: #BF2329;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

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}

/* 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: 6px 5px 5px 5px}
.search-form label, .general-form label {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #303030   
}
.search-form label {width: 120px}
.general-form label {width: 35%; text-align: right}
.search-form > ul > li:hover label, .general-form > ul > li:hover label, .radio-option-list li:hover label {color: #303030}
.search-form select, .general-form select {
    display: inline-block;
    width: 180px;
    border: none;
    font-size: 14px;
    color: #222;
    background: transparent
}
.general-form .text-input {
    display: inline-block;
    border: 1px solid #cfcfcf;
    background: #FFF;
    width: 61%;
    padding: 2px;
    resize: none;
    outline: none 0
}
.general-form .text-input:hover {border-color: #8f8f8f}
.general-form .text-input:focus {border-color: #E12127}
.general-form textarea.text-input:hover, .general-form textarea.text-input:focus {overflow: auto}
.general-form textarea {height: 72px; overflow: hidden}
.search-form input[type='submit'], .general-form input[type='submit'] {float: right; font-size: 14px; line-height: 14px}

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

.search-form li.aoa .sub-form {padding: 2px 0; margin: 0;}
.search-form li.aoa .sub-form label {
    font-size: 11px; 
    width: 250px; 
    line-height: 11px;
    margin: 5px 0 10px 20px
}

.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: 'Calibri', 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}

#footer ul.link-list li a {padding: 0 10px}
#footer ul.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}

/* 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 {
    display: block;
    margin: 0 -10px 0 0;
    width: auto;
    list-style: none    
}
ul.horizontal-block-list li {
    display: block;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    background: url(images/progress.gif) center center no-repeat  
}
ul.horizontal-block-list li div.block-list-item {height: 130px; background: center center no-repeat #EBF4F9}
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}

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

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

/* tile styles */
.tile {height: 108px; background: center center no-repeat #f2f2f2; 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: right center repeat-x; width:0px}
.star-1 {width:14px}
.star-2 {width:28px}
.star-3 {width:42px}
.star-4 {width:56px}
.star-5 {width:70px}

div.result-item div.star-rating {background-image: url(images/result_item_star.png)}
ul.result-item-attribute-list div.star-rating {background-image: url(images/result_item_star_dark.png); left: 36px}

div.result-item .heading-bar {margin-bottom: 0}
div.result-item .heading-bar .h4 {padding-left: 170px; /*margin-right: 80px*/} 
div.result-item .heading-bar .h4 span{margin-top: 2px}

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

div.result-item-details {width: 386px; margin: 0 0 0 170px;}
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 #dcdcdc; padding: 6px 0}

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

/* tab list styles */
ul.horizontal-tab-list {padding: 0; margin: 0 auto;
text-align:center}
ul.horizontal-tab-list li {display: inline; float: none}
ul.horizontal-tab-list li a {font-size: 11px; padding: 8px 0 6px 0; display: inline-block;}
ul.horizontal-tab-list li a span {display: inline-block; padding: 1px 11px 2px 11px}
ul.horizontal-tab-list li a.current span {padding: 0px 10px 1px 10px}

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.matrix-grid {width: 558px; table-layout: auto}
table.matrix-grid th {text-align: left}
table.matrix-grid thead tr th {background: url(images/select_background.gif) left center repeat-x; text-align: center}
table.matrix-grid thead tr th:first-child {text-align: left}
table.matrix-grid tbody tr td {text-align: center}
table.matrix-grid .soldout {color: #c0c0c0}
table.matrix-grid .limited {color: #E12127; padding: 1px 7px}
table.matrix-grid .available {padding: 1px 3px}
table.matrix-grid .available, table.matrix-grid .limited {     
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
table.matrix-grid .limited:hover {color:#fff; background: #E12127}
table.matrix-grid .available:hover {color:#fff; background: #3F3F3F}

/* colors & styles */
.box-style-1 {background:#f2f2f2; border-color:#ddd; color: #303030}
.box-style-1 a {color: #3F3F3F}
.box-style-1 .divider {background-color: #dcdcdc; border-color: #ffffff}
    
.box-style-2 {background:#303030; border-color: #222; color: #fff}
.box-style-3 {background: url(images/button_background.png) center repeat-x #FF11A0; border-color: #cd067d}
.box-style-4 {background: url(images/heading_background.gif) top center repeat-x #A91E22; border-color: #c62328}

.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 {
    cursor: default;    
    -moz-border-radius: 15px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
    padding: 1px 6px 2px 6px;    
    text-decoration: none;
    display: inline-block;    
}

.button-style-1 {
    background: url(images/heading_background.gif) top center repeat-x #A91E22;
    border: 1px solid #c62328;
    font-weight: bold;
    text-transform: uppercase;
    -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 !important;
    text-shadow: 0 0 2px #000000;
}
.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);
}

.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: #E12127 !important;
    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);
}

.text-color-1, a.text-color-1 {color: #E12127}
.text-color-2, a.text-color-2 {color: #303030}
.text-color-3, a.text-color-3 {color: #FFF}
.text-color-4, a.text-color-4 {color: #E7E7E7}
.text-color-5, a.text-color-5 {color: #EBF4F9}
.text-color-6, a.text-color-6 {color: #929191}
.text-color-7, a.text-color-7 {color: #222222}

.inline-logo {
    color: #E12127;
    font-weight: bold;
    font-style: italic;
}

/* ui/script behaviour */

/* drop-down styles */
.search-form .dropdown {
    width: 180px;
    border: none;
    font-size: 14px;
    color: #222;
    background: transparent;
    display: inline-block;
    outline: 0 none;
    cursor: default
}
.search-form .dropdown .dropdown-selected{
    background: url(images/select_background.gif) right center no-repeat transparent;
    border: 1px solid #ededed;
    line-height: 14px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
    padding: 0 20px 0;
}
.search-form .dropdown-hover .dropdown-selected, .search-form .dropdown-focus .dropdown-selected{background: url(images/select_background_hover.gif) right center no-repeat #fff; border-color: #DCDCDC}
.search-form .dropdown-selected span {
    display: block; 
    padding: 2px 0 4px 7px;
    margin: 0 20px 0 0;
    overflow: hidden;
    white-space: nowrap
}
.search-form ul.dropdown-ul {
    list-style: none;
    background: #f2f2f2; background: rgb(242,242,242); background: rgba(242,242,242,0.9);
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    z-index: 200;
    overflow-y: auto;
    padding: 7px 0;
    position: absolute;
    display: block;
    width: 100%;
    outline: 0 none;
    border: 1px solid #c0c0c0;
    -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);
	margin: -13px 0 0
}
.search-form ul.dropdown-ul li.dropdown-li {
    display: block;
    padding: 1px 5px 1px 5px;    
    background: transparent;
    font-size: 14px
}
.search-form ul.dropdown-ul li:hover, .search-form ul.dropdown-ul li.highlight, .search-form ul.dropdown-ul li.highlight:hover {background-color: #E12127; color: #FFF !important; text-shadow: 0 0 2px rgba(0,0,0,0.75)}
.search-form ul.dropdown-ul li.highlight {background-color: rgba(225,33,39,0.6)}
.search-form ul.dropdown-ul li.dropdown-li-indented {padding-left: 20px; font-size: 12px; color: #555555}
.search-form div.dateSelect {display: inline}
.search-form .day-dropdown {width: 50px; margin-right: 10px}
.search-form .month-dropdown {width: 90px}
.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: 7px -71px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-2, .search-form .rating-dropdown .dropdown-selected span.rating-2{background-position: 7px -53px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-3, .search-form .rating-dropdown .dropdown-selected span.rating-3{background-position: 7px -35px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-4, .search-form .rating-dropdown .dropdown-selected span.rating-4{background-position: 7px -17px}
.search-form .rating-dropdown ul.dropdown-ul li.dropdown-li-5, .search-form .rating-dropdown .dropdown-selected span.rating-5{background-position: 7px 1px}

/* checkbox styles */
.search-form .checkbox, .general-form .checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px 0 -5px 0;
    outline: none 0;
    background: url(images/checkbox_sprite.png) no-repeat left -36px;
}
.search-form .checkbox:hover, .search-form .checkbox:focus, .general-form .checkbox:hover, .general-form .checkbox:focus{background-position: left -54px}
.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 -18px}

#head .items {width: 9999em}
#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;
}
.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}

/* late deals heading */
a.late-deal-link {
    background: url(images/time_icon.png) 2px center no-repeat;    
    border: 1px solid;
    border-color: #ffffff;
    border-color: rgba(255,255,255,0.2);
    padding: 1px 4px 1px 32px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    display: inline-block;
    height: 23px; 
    font-size: 16px;
    text-decoration: none;
    line-height: 20px;    
}

a.late-deal-link:hover {
    background-color: #fff;
    border-color: #DFDFDF;
}

/* content page links */

div.content-page-link {cursor: pointer}
div.content-page-link div.float-l {
    width: 38px;
    height: 38px;
    margin-right: 5px;
    border-color: #991A1E;
    -moz-border-radius: 5px;
    background: url(/images/index/content_page_link_icons.jpg) left center no-repeat
}

/* load background images last */
html {background: #fff}

/* "Book with Confidence" motif */
#bwc {
    background:transparent url(images/book_with_confidence.gif) no-repeat scroll center top;
    height:106px;
    position:absolute;
    right:0;
    top:0;
    width:106px;
    z-index:30;
    display: none;
}