/********************** Principal Hayley website by Halpern Cowan / Author: Wolfgang Metzner COLORS general text/headings:#000; subheadings(gold):#907c48; link color/important:#6b9d99; link/action/active headings/footer:#6d6e71; subNav:#333; img border:#d1d3d4; accordions/table headers:#b7b19b; **********************/ /********************** GLOBAL ELEMENTS **********************/ * {font-size:100%; margin:0; padding:0;} body {background:#fff url('../images/graphics/background.jpg') 170px 0 repeat-x; color:#000; font:75%/1.4 Verdana, Arial, Helvetica, sans-serif; text-align:center;} a {color:#6b9d99;} a:hover {text-decoration:none;} abbr, acronym {border-bottom: 1px dashed #8d9b80; cursor: help;} blockquote {text-align:center;} dl {display:block; margin:0 0 1em 0; overflow:auto;} dt {color:#6d6e71; float:left; margin-right:5px;} dd {clear:right;} h1,h2,h3,h4,h5,h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:195%; margin-bottom:0.75em; letter-spacing:0.02em;} h1 {font-weight:normal; margin:0; padding-bottom:20px; text-transform:uppercase;} h2 {color:#907c48; font-size:130%; font-weight:bold; margin-bottom:12px; text-transform:uppercase;} #additionalContent h2 {color:#000;} h3 {font-size:120%;} h4, h5, h6 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; letter-spacing:normal;} h6 {font-size:90%;} img, #googleMap, #googleDirectionsMap {border:1px solid #d1d3d4;} fieldset {border:none;} fieldset *, form * {vertical-align:middle;} option {padding:0 .75em;} optgroup {margin:5px 0;} p, ul, ol {margin:0 0 1em 0;} sup {font-size:80%;} table{border:0; border-collapse:collapse;} textarea {font-family:Arial, Helvetica, sans-serif;} p + h2, p + h3, p + h4 {margin-top:2em;} /********************** GLOBAL STYLES **********************/ .clear {clear:both;} .col30 {width:115px;} .col33 {width:240px;} #additionalContent .col33 {width:60px;} .col50 {width:230px;} #additionalContent .col50 {width:95px;} .col60 {width:290px;} .col70 {width:360px;} .external {background:transparent url('../images/icons/external-link.html') no-repeat 100% 2px; padding-right:12px;} .floatLeft {float:left !important;} .floatRight {float:right !important;} .floatNone {float:none;} .hidden {left:-9000px; position:absolute;} .highlight {color:#6b9d99; text-transform:uppercase;} .imageLeft {float:left; margin:0 1em 1em 0;} .imageRight {float:right; margin:0 0 1em 1em;} .important {font-weight:bold; color:#907c48; text-transform:uppercase;} .middle {margin:0 10px;} /* used in combination with col33 */ .overflow {overflow:hidden;} .section, .sectionFirst {background:transparent url('../images/graphics/divider-big.jpg') no-repeat 50% 0; height:1%; margin-top:25px; padding-top:30px; overflow:hidden;} .sectionFirst {background:none; margin:0; padding:0;} #additionalContent .sectionFirst {margin-top:20px;} #subContent .section, #additionalContent .section {background:transparent url('../images/graphics/divider-small.jpg') no-repeat 50% 0; clear:both; margin-top:20px; padding-top:25px;} .sectionContaining, .sectionContainingFirst {height:1%; overflow:hidden;} .sectionContaining {padding-top:1.5em;} .uppercase {text-transform:uppercase;} #additionalContent {background:transparent url('../images/graphics/sidebar-background.jpg') repeat-x 0 0;; float:right; font-size:90%; padding:0 20px; position:relative; width:200px;} #contentWrapper {float:left; overflow:hidden; width:740px;} #mainContent, #mainContentAlt, #mainContentFull {float:right; margin:20px 30px 0 0; overflow:hidden; width:480px;} #mainContentAlt {margin-right:0; width:510px;} #mainContentFull {width:710px;} #subContent {float:left; font-size:90%; margin:20px 30px 0 0; width:200px;} #wrapper, #wrapperHome {margin:0 auto; overflow:hidden; text-align:left; width:980px;} /********************** CALENDAR STYLES **********************/ /* Main Style Sheet for jQuery UI date picker */ #ui-datepicker-div, #ui-datepicker-div table, .ui-datepicker-div, .ui-datepicker-div table, .ui-datepicker-inline, .ui-datepicker-inline table {font-size: 12px !important;} .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: Verdana, Arial, sans-serif; background: #ffffff; font-size: 1.1em; border: 4px solid #d3d3d3; width: 15.5em; padding: 2.5em .5em .5em .5em; position: relative; } #ui-datepicker-div {z-index: 9999; display: none; background: #ffffff;} .ui-datepicker-inline {float: left; display: block;} .ui-datepicker-control {display: none;} .ui-datepicker-current {display: none;} .ui-datepicker-next, .ui-datepicker-prev {position: absolute; left: .5em; top: .5em; background: #e6e6e6 url('../images/jquery-themes/smoothness/e6e6e6_40x100_textures_02_glass_75.png') 0 50% repeat-x;} .ui-datepicker-next {left: 14.6em;} .ui-datepicker-next:hover, .ui-datepicker-prev:hover {background: #dadada url('../images/jquery-themes/smoothness/dadada_40x100_textures_02_glass_75.png') 0 50% repeat-x;} .ui-datepicker-next a, .ui-datepicker-prev a { text-indent: -999999px; width: 1.3em; height: 1.4em; display: block; font-size: 1em; background: url('../images/jquery-themes/smoothness/888888_7x7_arrow_left.gif') 50% 50% no-repeat; border: 1px solid #d3d3d3; cursor: pointer; } .ui-datepicker-next a {background: url('../images/jquery-themes/smoothness/888888_7x7_arrow_right.gif') 50% 50% no-repeat;} .ui-datepicker-prev a:hover {background: url('../images/jquery-themes/smoothness/454545_7x7_arrow_left.gif') 50% 50% no-repeat;} .ui-datepicker-next a:hover {background: url('../images/jquery-themes/smoothness/454545_7x7_arrow_right.gif') 50% 50% no-repeat;} .ui-datepicker-prev a:active {background: url('../images/jquery-themes/smoothness/222222_7x7_arrow_left.gif') 50% 50% no-repeat;} .ui-datepicker-next a:active {background: url('../images/jquery-themes/smoothness/222222_7x7_arrow_right.gif') 50% 50% no-repeat;} .ui-datepicker-prev label, .ui-datepicker-next label {display:none;} .ui-datepicker-header select {border: 1px solid #d3d3d3; color: #555555; background: #e6e6e6; font-size: 1em; line-height: 1.4em; position: absolute; top: .5em; margin: 0 !important;} .ui-datepicker-header select.ui-datepicker-new-month {width: 85px; left: 2.3em;} .ui-datepicker-header select.ui-datepicker-new-year {width: 55px; left: 9.6em;} table.ui-datepicker {width: 15.5em; text-align: right;} table.ui-datepicker td a {padding: .1em .3em .1em 0; display: block; color: #555555; background: #e6e6e6 url('../images/jquery-themes/smoothness/e6e6e6_40x100_textures_02_glass_75.png') 0 50% repeat-x; cursor: pointer; border: 1px solid #ffffff;} table.ui-datepicker td a:hover {border: 1px solid #999999; color: #212121; background: #dadada url('../images/jquery-themes/smoothness/dadada_40x100_textures_02_glass_75.png') 0 50% repeat-x;} table.ui-datepicker td a:active {border: 1px solid #dddddd; color: #222222; background: #ffffff url('../images/jquery-themes/smoothness/ffffff_40x100_textures_02_glass_65.png') 0 50% repeat-x;} table.ui-datepicker .ui-datepicker-title-row td {padding: .3em 0; text-align: center; font-size: .9em; color: #222222; text-transform: uppercase;/*border-bottom: 1px solid #d3d3d3;*/} table.ui-datepicker .ui-datepicker-title-row td a {color: #222222;} /* Date Images */ .ui-datepicker-trigger {margin-top:1px;} #additionalContent .ui-datepicker-trigger {margin-top:0; position:relative; top:-1px;} /********************** CONTENT **********************/ /* Icons */ .action, .back, .cancel, .copy, .download, .email, .edit, .external, .panelOpen, .panelClosed, .panelClosedAlt, .revert, .subPanelOpen, .subPanelClosed {background:transparent url('../images/icons/icon-matrix.gif') no-repeat -2px 6px; color:#6d6e71; padding-left:15px;} .action, .back, .cancel, .copy, .download, .email, .edit , .revert {display:block} .action {padding-left:12px; overflow:hidden;} .back {background-position:-2px -136px; padding-left:12px;} .cancel {background-position:0 -708px;} .copy {background-position:0 -1349px;} .download {background-position:0 -563px;} .edit {background-position:0 -922px;} .email {background-position:0 -849px;} .external {background-position:100% -780px; padding:0 12px 0 0;} .panelOpen {background-position:0 -1205px;} .panelClosed {background-position:0 -1135px;} .panelClosedAlt {background-position:0 -1278px;} .revert {background-position:0 -635px;} .subPanelOpen {background-position:0 -1063px;} .subPanelClosed {background-position:0 -993px;} /* Additional Content*/ p#modifyBooking {float:left; margin-top:3px;} #additionalContent p#modifyBooking {width:130px;} #wrapperHome p#modifyBooking {width:160px;} /* Back to top */ #backToTop {background:transparent url('../images/graphics/divider-big.jpg') no-repeat 50% 0; margin:30px 0 0 0; padding-top:20px;} #backToTop a {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -64px; color:#6d6e71; padding-left:15px;} blockquote p {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px !important; margin:0; text-align:center;} #contentHeader {margin-top:-1px; position:relative;} #wrapperHome #contentHeader, #wrapperHome #homepageFlash, #contentHeader.topLevelLanding {margin-bottom:15px;} #wrapperHome #contentHeader, #wrapperHome #homepageFlash {height:340px; position:relative;} /* Googlemap */ #googleMap {height:398px; margin-bottom:25px;} /* HotelFinder */ #hotelFinder {background:#fff; border:1px solid #a9a9a9; border-top:none; display:none; left:414px; overflow:auto; padding-top:10px; position:absolute; text-align:left; top:169px; width:550px; z-index:250;} #hotelFinderNav {font-size:90%; list-style-type:none; margin:0; overflow:auto; position:relative; width:550px;} #hotelFinderNav li {float:left;} #hotelFinderNav li#hotelFinderListView {background:transparent url('../images/graphics/subnav-divider.gif') no-repeat 100% 50%; margin:0 10px; padding-right:11px;} #hotelFinderNav li#hotelFinderClose {float:right; margin-right:10px;} #hotelFinderNav a {color:#6d6e71;} #hotelFinderNav a.cancel {background-position:100% -708px; padding:0 12px 0 0;} #hotelFinder ul {list-style-type:none; margin:0 0 1em 0; padding:0;} #hotelFinderMap p {padding:0 10px;} #hotelFinderList .col50 {padding:10px; width:255px;} #hotelFinderList ul li {padding-bottom:0.3em;} #hotelFinderList a {color:#000; display:inline;} #hotelFinderList span {color:#6d6e71; font-size:90%;} /* HotelInfo lists - used in promo panels and general list views */ .hotelInfo {font-size:90%; overflow:hidden;} .hotelInfo h5 a {color:#000;} .hotelInfo .hotelContent {float:right; width:275px;} .hotelInfo .hotelContentAlt, #contentWrapper .hotelDescriptionAlt {float:right; width:290px;} .hotelInfo .hotelContent dl {overflow:hidden;} .hotelInfo .hotelContent dt {font-weight:bold;} .hotelInfo .hotelContent dd.facility, .hotelInfo .hotelContentAlt dd.facility {display:inline; padding-right:2px;} .hotelInfo .hotelImage {float:left; margin:0 10px 10px 0; overflow:hidden; width:170px;} .hotelInfo .section {background:transparent url('../images/graphics/divider-small.jpg') no-repeat 50% 0; margin-top:15px; padding-top:15px;} #contentWrapper .hotelContent {float:left; margin-right:10px; width:165px;} #contentWrapper .hotelContent .adr, #contentWrapper .hotelContentAlt .adr {display:none;} #contentWrapper .hotelDescription {float:left; margin-right:15px; width:200px;} #contentWrapper .hotelLinks {float:left; list-style-type:none; width:140px;} #contentWrapper .hotelLinksAlt {float:right; list-style-type:none; width:290px;} #contentWrapper .hotelLinks li {margin-bottom:10px;} #contentWrapper .hotelLinks a {color:#6d6e71;} #mainContent ul.hotelLinksAlt li {background:none; padding-left:0;} .sectionFirst ul.hotelLinks li {background:transparent url('../images/icons/icon-matrix.gif') no-repeat scroll -2px 6px; padding-left:12px;} /* Image Gallery */ #contentHeader.imageGallery {height:420px;} img#loaderImage {border:none; display:none; left:360px; position:absolute; top:45%;} #mainContent ul#thumbList {list-style-type:none; margin-bottom:0; overflow:hidden; width:480px;} #mainContent ul#thumbList li {background:none; display:inline; margin:0 7px 0 0; padding:0;} #mainContent ul#thumbList li.last {margin-right:0;} #mainContent ul#thumbList li img {margin-bottom:10px;} #mainContent ul#thumbList li a.active img {border-color:#907c48;} #imageCaption {background:transparent url('../images/graphics/overlay.png') repeat 0 0; bottom:-1px; left:1px; position:absolute; width:738px;} #imageCaption p {background:transparent url('../images/graphics/logo-small.png') no-repeat 0 0; color:#9d9885; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0.1em; margin:0; min-height:26px; padding:8px 0 0 55px; text-transform:uppercase;} /* Promotions Landing Pages */ #mainContent div.promotion {float:left; width:230px;} #mainContent div.promotion h2 {margin-top:0.25em;} #mapView, #listView {overflow:auto; position:relative;} #mapView {margin-top:-22px} /* General lists in content area */ #mainContent ol {margin-left:22px;} #mainContent ul, .sectionFirst ul {list-style-type:none;} #mainContent ul li , .sectionFirst ul li, #additionalContent ul li {background:transparent url('../images/icons/bulletpoint.gif') no-repeat 0 0.6em; padding:0 0 0.3em 10px;} #mainContent ul.alt li, #additionalContent ul.alt li {background:none; padding-left:0;} #mainContent ul li ul {margin-bottom:0 !important;} #mainContent ul li ul li {background:transparent url('../images/icons/bulletpoint-alt.gif') no-repeat 0 0.6em; padding-left:10px;} #mainContent .col50 ul {margin-bottom:0.5em;} #mainContent div.compHotelList ul li {background:none; padding-left:0;} #mainContent ul li a {display:inline;} #mainContent div.compHotelList ul li {font-size:90%;} #mainContent div.compHotelList div.col50 {width:234px;} /* Featured Sections */ /* General */ .featuredSection {overflow:hidden; position:relative;} .featuredSection h2 {font-size:110%; text-transform:none; color:#000; margin-top:0;} .featuredSection div {border-top:1px solid #b0b2b4; padding:15px 10px; overflow:hidden;} .featuredSection div div {border:none; padding:0; } .featuredSection div.col50 {width:260px} .featuredSection img {margin-bottom:0.5em;} .featuredContent {background:transparent url('../images/graphics/featured-content-bg.jpg') repeat-x 0 0;} ul#featuredNav { font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; font-weight:normal; list-style-type:none; margin-bottom:-1px; overflow:hidden; padding-left:0; position:relative; text-transform:uppercase; width:100%;} ul#featuredNav li { background:transparent url('../images/graphics/featured-tab-bg.gif') no-repeat 100% 0; float:left; height:30px; padding:10px 10px 20px 10px; text-align:center; width:80px; } ul#featuredNav li.active {background:transparent url('../images/graphics/featured-tab-active-bg.jpg') no-repeat 100% 0 !important;} ul#featuredNav li.active a {color:#000;} ul#featuredNav li.active a:hover {text-decoration:none;} ul#featuredNav li a {color:#b1b1b2; text-decoration:none; font-weight:normal;} ul#featuredNav li a:hover {text-decoration:underline;} ul#featuredNav li.last {background:none;} ul#featuredNav li.last.active {background:transparent url('../images/graphics/featured-tab-active-bg.jpg') no-repeat 0 0 !important;} #mainContent ul#featuredNav {font-size:110%} #mainContent ul#featuredNav li {height:20px; width:120px;} #mainContent ul#featuredNav li.last.active {background:transparent url('../images/graphics/featured-tab-active-bg.jpg') no-repeat 100% 0 !important;} #mainContent .featuredSection {font-size:90%;} #mainContent .featuredSection img {width:178px; float:left; margin-right:15px;} #mainContent .featuredSection h2, #mainContent .featuredSection p {width:240px; float:right;} #mainContent .featuredSection a.action {float:right; width:230px;} #mainContent .featuredContent {padding:20px} /* Accordions */ .panelTitle.blue {background-color:#e1e6e0;} .panelTitle span {padding:0; margin:0; right:0; bottom:0;} .panelTitle, .panelTitle.active {padding:5px 10px; overflow:hidden;} .panelTitle.active {border-top:5px solid #fff; background:#b7b19b; color:#fff;} .panelTitle h4 {float:left; margin:0; width:100%; padding-bottom: 4px;} .panelTitle a , .panelTitle.active a {color:#000; font-weight:bold; text-align:right;} .panelTitle.active a {color:#fff;} .panelTitle.active p.floatRight {color:#fff;} .panelTitle p.floatRight {position: relative; margin-bottom: 0;} .panelTitle h4, .panelTitle.active h4 {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -993px; padding-left:15px;} .panelTitle.active h4 {background-position:0 -1278px;} .panelTitle span {color:#000; font-weight:bold;} .panelTitle.active span {color:#fff;} .panelTitle p {color:#666; margin-bottom:0; padding-left:15px; float: left;} .panelContent {border:1px solid #b7b19b; overflow:auto; padding:10px 10px 0 10px; margin-bottom:5px;} .panelContent .hotelContent {width:268px !important;} .panelContent .section {background:transparent url('../images/graphics/divider-big.jpg') no-repeat 50% 0 !important; clear:left;} .panelContent .button {float:none !important;} .panelContent .section .sectionFirst {margin-bottom:1em;} .panelContent .sectionFirst h6 {float:left; width:70px; font-size:100%;} .panelContent .sectionFirst p {float:left; position:relative; text-align:left;} .panelContent .sectionFirst p.onlineBooking {margin-right:8px;} .panelContent .sectionFirst p.onlineBooking a {margin:0 8px 0 0; position:relative; top:1px;} .pager {background:transparent url('../images/graphics/divider-big.jpg') no-repeat 50% 0; font-size:90%; margin:15px 0 0 0; padding-top:20px; overflow:hidden;} .pager p {margin:0;} .pager div.floatRight {width:70%; text-align:right;} /* Table */ .table {background:#fff; border:1px solid #c6c6c6; border-collapse:separate; color:#6e6e70; margin:0 0 1em 0; position:relative; width:100%;} .table caption {background:transparent url('../images/graphics/legend-caption-background.gif') repeat-x 0 -10px; color:#907c48; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; font-weight:bold; margin:-13px 0 0 10px; padding:0 10px 5px 10px; text-align:left;} .table caption a {color:#907c48; display:block;} .table tr {background:none;} .table tr.alt {background-color:#f4f3f0;} .table td, .table th {padding:10px; vertical-align:top;} .table td[scope], .table th {color:#000; font-weight:bold; text-align:right;} .table .action, .table .back, .table .cancel, .table .copy, .table .download, .table .email, .table .edit, .table .external {font-weight:bold;} #conferenceCommitment th {text-align:left} /* Events Table*/ .table.event {padding-top: 7px;} .table.event th {width:135px;} .table.event caption {background:none; float:none; margin:0; padding:0;} .table.event caption a {background:transparent url('../images/graphics/legend-caption-background.gif') repeat-x 0 -10px; display:inline; padding:0 10px 0 10px; position:relative; top:7px; left:13px;} /* Events Summary Table */ .eventSummaryTable {clear:both; margin-top:20px;} .eventSummaryTable table {margin-top:10px;} .eventSummaryTable th {width:170px;} .eventSummaryTable table tr.alt {background:none;} .eventSummaryTable table.eventSummaryTable tr.alt {background-color:#f4f3f0;} .eventSummaryTable table th {text-align:left;} .eventSummaryTable table.eventSummaryTable {width:454px;} .eventSummaryTable table caption {font-size:100%} .eventSummaryTable table.eventSummaryTable th {text-align:right;} .eventSummaryTable table .dinnersCurrency {width:10px;} .eventSummaryTable .iSyndicateRoomsNumber {padding-left:0 !important;} .eventSummaryTable div.iDinnerPeopleNumber {width:30px; margin:0 3px;} .eventSummaryTable div.iDinnerArrangement {width:130px; margin-right:3px;} .eventSummaryTable div.sDinnerBudgetCurrency {width:10px;} .eventSummaryTable div.iDinnerBudgetAmount {width:80px;} table.promotions td[scope], table.promotions th {text-align:left;} .servingTimes {margin-top:1em;} .servingTimes th {text-align:left} .servingTimes th {vertical-align:middle;} div#viewEvent .iDinnerArrangement {width:100px;} div#viewEvent .iDinnerBudgetAmount {width:50px;} div#viewEvent .iDinnerBudgetType {width:50px;} div#viewEvent .sCateringBudgetCurrency {float:left;} div#viewEvent .sEventBudgetCurrency {float:left;} div#viewEvent .eventSummaryTable th {width:70px} div#viewEvent th.questionText {width:170px;} div#viewEvent .dinnersBudgetType {width:50px;} /* Promotions Table */ table#promoTable {border:1px solid #c6c6c6; font-size:90%; margin-left:1px; width:477px;} table#promoTable th, table#promoTable td {padding:5px; text-align:left;} table#promoTable thead th {padding-bottom:10px;} table#promoTable tbody th {font-weight:normal;} table#promoTable tbody th a {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; font-weight:bold;} table#promoTable thead tr, table#promoTable tr.alt {background:#f4f3f0;} /* Venue Chooser Additional Content */ #venueChooser {height:550px; list-style-type:none; overflow:auto; width:200px;} #venueChooser .hidden {display:none;} #additionalContent #venueChooser li {background:none; height:auto; overflow:hidden; padding:0; width:175px;} #venueChooser a {color:#000; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; margin-bottom:5px; position:relative; width:170px;} #venueChooser a.button {display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; letter-spacing:normal; margin-right:5px; position:relative; width:auto;} #venueChooser span {background:#907c48 url('../images/buttons/button-background.gif') repeat-x 0 50%; border:1px solid #939598; bottom:5px; color:#000; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:2px 5px; position:absolute; right:1px; text-decoration:none; text-transform:uppercase; width:auto;} #venueChooser label {display:block; padding:0.75em 0 0 0; position:relative; width:148px; clear:both;} #additionalContent #venueChooser label input {float:left; margin:1px 5px 0 0; padding:0; position:relative; width:auto;} #compareVenuesButton {max-width:200px;} /* Venue Comparison Table */ #venueComparison caption {display:none;} #venueComparison ul {margin:0; padding:0; list-style-type:none;} #venueComparison ul li {background:none;} #venueComparison .button {float:left;} #venueComparison th.header {cursor:pointer;} #venueComparison th.headerSortUp {/* Arrow? */} #venueComparison th.headerSortDown {/* Arrow? */} #venueComparison td h3 a {color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:90%;} #venueComparison td a.button, #venueComparison td a.action {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; font-weight:normal;} #venueComparison td a.button {font-size:80%; float:left; margin-right:10px;} .venuesHotelsLanding {padding-top:20px;} /* Venues Hotels Landing page contentWrapper */ /* Sitemap */ #siteMap * {list-style-image:url('../images/icons/arrow.html');} #siteMap li {margin-bottom:0.25em;} #siteMap li ul {margin-bottom:0.5em; padding-bottom:0;} #siteMap li ul li ul {margin-bottom:0;} /* vcard */ .vcard {margin-bottom:1em; overflow:hidden;} .vcard h3 {font-size:100%;} .vcard .adr {margin-bottom:1em;} .vcard .type, .vcard span.email, .vcard .country-name, .vcard .org {display:none;} .vcard .photo {border:none; margin-bottom:1em;} #additionalContent .vcard .org {display:inline} /* video */ #videoPlayer {margin-top:25px;} /* Vouchers */ img.voucherThumb {border-style:dashed;} /* Local Events and Attractions */ ul#eventResults {} ul#eventResults li {background:transparent url('../images/graphics/divider-big.jpg') no-repeat 50% 0; overflow:hidden; padding:30px 0 0 0; height:1%; margin-top:25px;} ul#eventResults li.first {background:none; padding:0; margin-top:0;} ul#eventResults li h2 {} ul#eventResults li h2 a {color:#907C48;} ul#eventResults li .col30 {width:120px;} ul#eventResults li .col70 {width:350px;} form#eventsFilter div {margin-bottom:1em;} form#eventsFilter #eventType {width:230px;} form#eventsFilter #eventSearch {width:222px;} #googleDirectionsMap {height:500px;} /********************** HEADER **********************/ #header {background:#fff url('../images/graphics/header-background.jpg') repeat-x 0 100%;} #logo {font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; line-height:1.6em; margin:0 auto; padding-top:20px; text-align:right; overflow:hidden; position:relative; width:970px;} #logo a {float:left; height:85px; margin-top:-20px; overflow:hidden; position:relative;} #logo a img {border:none;} /********************** HOMEPAGE **********************/ #wrapperHome .section {background:none; float:left; margin:0 0 0 20px; padding:0; overflow:hidden; width:240px;} #wrapperHome .section.first {margin-left:0; width:460px;} #wrapperHome .section .section {background:transparent url('../images/graphics/divider-small.jpg') no-repeat 50% 0; margin:20px 0 0 0; padding-top:25px; width:auto;} #wrapperHome .col50 {width:120px;} #wrapperHome .col33 {width:70px;} #wrapperHome .col25 {width:45px;} #wrapperHome .middle {margin:0 15px;} #wrapperHome ul.alt li{background:none; padding-left:0;} #wrapperHome #contentHeader {margin-left:1px;} #wrapperHome #contentHeader img {border-top:none;} /********************** FOOTER **********************/ #footer {background:#fff url('../images/graphics/footer-background.jpg') 0 0 repeat-x; border-top:1px solid #b6b6b8; font-size:90%; list-style-type:none; margin-top:30px; padding:50px 0 10px 0; position:relative; text-align:center; width:100%;} #footer a {color:#6d6e71; text-decoration:none;} #footer a:hover, ul#footer a:active {text-decoration:underline;} #footer li {border-left:1px solid #c6cdc0; display:inline; margin-left:9px; padding-left:10px;} #footer li.first {border-left:none; margin-left:0; padding-left:0;} #footer li.title {border:none; color:#907c48; font-family:Georgia, "Times New Roman", Times, serif; left:50%; margin:0 0 0 -8em; padding:0; top:18px; position:absolute;} /********************** FORMS **********************/ /* suggestion list */ #advancedSearch {position:relative;} #advancedSearch fieldset input, #advancedSearch fieldset select {width:180px;} #advancedSearch fieldset .button {float:none; margin:0; width:auto;} .searchSuggestions {background:#fff; display:none; left:0px; position:absolute; top:1.75em; z-index:101;} .searchSuggestions ul, .searchSuggestions ul, #advancedSearch .searchSuggestions ul { border: 1px solid #000; display:block; list-style-type:none; margin:0; padding:2px; overflow:auto; width: 177px; text-align:left; } #advancedSearch .searchSuggestions ul {list-style-type:none; width: 181px;} .searchSuggestions li, #advancedSearch .searchSuggestions li {cursor:pointer; padding:3px 5px;} .searchSuggestions li.hover, .searchSuggestions li:hover, .searchSuggestions li.active, .searchSuggestions li.active, .searchSuggestions li.activehover, .searchSuggestions li.activehover {background:#001702; color:#c6cdc0;} /* Errors */ ul.error {color:#cf142b; list-style-type:none !important; padding-left:0 !important;} .error input, .error select, .error textarea {border-color:#cf142b !important;} .error label, label.error {color:#cf142b;} em.error, p.error {color:#cf142b; display:block; font-size:90%;} select.error {border-color:#cf142b !important;} /* Search Form in Header */ #headerSearch {height:30px; overflow:hidden; position:absolute; right:10px; top:56px;} #headerSearch label {float:left; padding:1px 5px 0 0;} #headerSearch #search {border:1px solid #95979a; border-right:none; color:#6d6e71; float:left; font-size:90%; height:15px; padding:2px 2px 1px 2px; width:120px;} #headerSearch input#searchSubmit {height:20px; padding-top:0;} /* General */ .form input, .form select, .form textarea, .form .textField {border:1px solid #939598; color:#6d6e71; padding:3px;} .form input.button, input.button, a.button {border:1px solid #939598; background:#c3b798 url('../images/buttons/button-background.gif') repeat-x 0 50%; color:#000; font-size:85%; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.07em; margin-bottom:0; padding:2px 5px; text-decoration:none; text-transform:uppercase; width:auto;} .form .alt {background:#f4f3f0;} .form ul.alt {background:none;} .form fieldset {background:#fff; border:1px solid #c5c6c6; height:1%; margin-top:15px; overflow:hidden; padding:20px 15px 15px 15px;} .form fieldset div {overflow:hidden; padding:8px 10px 8px 0;} .form label {float:left; margin-right:15px; text-align:right; width:120px;} .form fieldset legend, .form fieldset h2 {color:#907c48; font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; font-weight:bold; letter-spacing:0.02em; margin:0 0 0 20px; padding:0 10px; text-transform:uppercase; max-width:400px;} .form fieldset .textFields {margin-bottom:10px;} .form fieldset label input {margin-right:10px;} .form fieldset input.textField, .form fieldset textarea {clear:right; width:290px;} .form fieldset select {width:298px;} .form fieldset ul.checkboxList li {margin:0 0 0.5em 0; padding:0 !important;} .form fieldset ul.checkboxList li label {font-size:90%; margin-right:0; position:relative; text-align:left; width:auto;} .form fieldset ul.checkboxList li label input {border:none;} .form input.radiobox {border:none;} .form fieldset ul.radioList {list-style-type:none; margin:0; overflow:hidden; width:303px;} .form fieldset ul.radioList li {background:none !important; float:left; margin:0 0 0.5em 0; padding:0 !important;} .form fieldset ul.radioList li label {font-size:90%; margin-right:20px; padding:2px 0 0 0; position:relative; text-align:left; width:auto;} .form fieldset input.datePicker {margin-right:5px; text-align:left; clear:both;} .form fieldset ul.column2 {float:left; margin:0 10px 0 0; width:130px;} #mainContent ul.column2 li {width:140px;} form a.thickbox {text-decoration:none; color:#000;} form a.thickbox img {border:none;} /* Form Legends with panels */ .form fieldset legend a, .form fieldset legend a.open, .form fieldset div fieldset legend a, .form fieldset div fieldset legend a.open {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -1136px; color:#6e6d72; font-family:Georgia, "Times New Roman", Times, serif; padding-left:15px; text-decoration:none;} .form fieldset legend a.open {background-position:0 -1207px;} .form fieldset div fieldset legend a {color:#907c48; background-position:0 -993px; padding-bottom:10px;} .form fieldset div fieldset legend a.open {color:#907c48; background-position:0 -1064px; padding-bottom:10px;} /* Sidebar Forms */ #additionalContent ul {list-style-type:none;} #additionalContent .form label {text-align:left;} #additionalContent .form input, #additionalContent .form select {margin-bottom:0.75em; padding:1px 2px; width:194px;} #additionalContent .form input.button {float:right; height:auto; margin-top:5px; width:auto; padding:2px 3px;} #additionalContent #loginSidebar {margin-top:20px; overflow:hidden;} #additionalContent #loginSidebar p a {display:inline;} #bookSidebar label {font-size:90%; margin-bottom:2px;} #additionalContent #bookSidebar .col50 input {float:left; margin-right:3px; width:70px;} #additionalContent #bookSidebar .col50 input.code {margin-right:0; width:89px;} #wrapperHome #bookSidebar .col50 input.code {margin-right:0; width:112px;} #additionalContent #bookSidebar .col33 select {width:60px;} #bookSidebar .bookPromoCode {clear:left;} #wrapperHome #bookSidebar .bookPromoCode input.code {width:105px;} #bookSidebar{overflow:hidden; padding-top:25px;} #bookSidebar #bookHotelLabel {margin:0; width:200px;} #additionalContent #bookSidebar p.required, #wrapperHome #bookSidebar p.required {float:right; font-size:80%; margin:1.2em 0 0.5em 0; width:130px;} #wrapperHome #bookSidebar p.required {width:150px;} /* Booking Form */ #bookArrival, #bookDeparture {margin-right:5px; width:90px;} #bookNights, #bookRooms, #bookAdults, #bookChildren {width:98px;} /* Birthay field in register forms*/ #registerForm select#birthDay, #registerForm select#birthMonth, #registerForm select#birthYear, #registerToSaveForm select#birthDay, #registerToSaveForm select#birthMonth, #registerToSaveForm select#birthYear, #detailsForm select#birthDay, #detailsForm select#birthMonth, #detailsForm select#birthYear, #trainerRegisterForm select#birthDay, #trainerRegisterForm select#birthMonth, #trainerRegisterForm select#birthYear {float:left; margin-right:10px; width:89px;} fieldset div.radioList label {clear:left; margin-bottom:5px; text-align:left;} /*registerToSaveForm*/ #registerToSaveForm fieldset div div, #registerToSaveForm div.groupBody {padding-right:0 !important;} #registerToSaveForm fieldset div {overflow:hidden; padding:8px 10px 8px 0} #registerToSaveForm fieldset div.radioList {padding:0;} #registerToSaveForm fieldset div.radioList label {clear:both; float:left; margin-bottom:5px; text-align:left;} #registerToSaveForm fieldset div.radioList label input {float:left; margin-top:2px;} /* Planner forms */ form.questionForm div.question {padding:10px 0;} form.questionForm div.tab {overflow:hidden; height:1%;} form.questionForm fieldset div {padding:0;} form.questionForm fieldset div label input {margin-bottom:0; border:none;} form.questionForm fieldset {margin:0 0 10px 0; padding:10px 15px 15px;} form.questionForm fieldset fieldset {margin-bottom:0;} form.questionForm fieldset select {padding:2px 3px;} form.questionForm div.iNumberAttendees label, form.questionForm div.iRepeatMoreTimes input {margin-bottom: 0;} form.questionForm div.bLocationsFlexible label {width:auto;} form.questionForm div.bDatesFlexible label {text-align:left; width:auto;} form.questionForm div.bDatesFlexibleRepeating label {margin-left:135px;} form.questionForm input.datePicker {width:120px !important;} form.questionForm p.editLink {padding-top:3px; margin:0 0 0 5px; float:left; font-size:90%} div.iMainRoomsNumber {margin-bottom:0.5em;} form.questionForm div.iMainRoomsNumber input , form.questionForm div.iSyndicateRoomsNumber input {margin:0 10px 0 0; width: 65px;} form.questionForm div.iSyndicateRoomsNumber {padding-left:135px;} form.questionForm div.sEventBudgetCurrency, form.questionForm div.iEventBudgetAmount {display:inline} .questionForm fieldset#group18_inst0 th {text-align:left;} .questionForm .dinnersDay {width:60px;} .questionForm .dinnersPeople {width:60px;} .questionForm .dinnersOption {width:60px;} .questionForm .dinnersCurrency {width:60px;} .questionForm .dinnersAmount {width:60px;} .questionForm .dinnersBudgetType {width:0;} .questionForm div.iDinnerPeopleNumber input {width:40px;} .questionForm div.iDinnerArrangement {width:110px} .questionForm div.iDinnerArrangement select {width:110px;} .questionForm div.sDinnerBudgetCurrency select {width:40px;} .questionForm div.iDinnerBudgetAmount {width:70px;} .questionForm div.iDinnerBudgetAmount input {width:60px;} .questionForm div.iDinnerBudgetAmount label {text-align:left; font-size:90%} .questionForm div.iDinnerBudgetType select {width:0;} form#conferencesAndMeetings textarea {width:290px} form#conferencesAndMeetings .questionFormTable {margin:0;} form#conferencesAndMeetings .questionFormTable tr {background:none;} form#conferencesAndMeetings .questionFormTable td[scope], form#conferencesAndMeetings .questionFormTable th {color:#000; text-align:left;} form#conferencesAndMeetings .questionFormTable label {text-align:left; margin-right:0; width:90px; font-size:90%} form.questionForm.questionFormTable td, form.questionForm .questionFormTable th {padding:5px 0 5px 5px;} form#conferencesAndMeetings .sectionContaining fieldset div div {overflow:hidden; padding:8px 10px 8px 0;} form a.layoutLink img {background:#fff; border:0;} /* View form */ form.viewForm h3 {background:white; font-size:100%; margin:0 0 0 10px; padding:0 10px 5px; position:relative; text-transform:uppercase; display:inline} form.viewForm .groupBody {border:1px solid #c5c6c6; margin:-9px 0 10px 0; padding:20px 10px 15px 10px;} form.viewForm .iNumberAttendees label {float:left; margin-left:135px;} form.viewForm .question {overflow:hidden; margin:5px 0; padding:10px} form.viewForm label.questionText {font-weight:bold;} form.viewForm p.editLink {padding-top:3px; margin:0 0 0 5px; float:left; font-size:90%} form.viewForm .iMainRoomsNumber label, form.viewForm .iSyndicateRoomsNumber label, form.viewForm .iRepeatMoreTimes label {font-size:100%; padding:0 0 3px 5px;} form.viewForm .iDuration {padding-right:5px;} form.viewForm .sSyndicateTimeStart label, form.viewForm .sSyndicateTimeEnd label, form.viewForm .sMainTimeStart label, form.viewForm .sMainTimeEnd label {float:left; width:60px;} form.viewForm div.iVenueChoice2 label {width:120px; float:left; margin-left:135px;} form.viewForm div .iVenueChoice1, form.viewForm div.iVenueChoice2 label {margin-top:10px} form.viewForm div.sEventBudgetCurrency, form.viewForm div.iEventBudgetAmount{display:inline} form.viewForm div.iDinnerPeopleNumber {width:30px; margin:0 3px;} form.viewForm div.iDinnerArrangement {width:130px; margin-right:3px;} form.viewForm div.sDinnerBudgetCurrency {width:10px;} form.viewForm div.iDinnerBudgetAmount {width:80px;} /*Details form */ form#detailsForm fieldset {margin:0 0 10px;} form#detailsForm div{padding:10px 0;} form#detailsForm fieldset div.radioList {padding:0;} form#detailsForm fieldset div.radioList label {clear:both; float:left; margin-bottom:5px; text-align:left;} form#detailsForm fieldset div.radioList label input {float:left; margin-top:2px;} /* Form footer */ div.formFoot {margin-top:1em;} div.formFoot input#eventName {margin-bottom:10px;} /* Form footer - Save Event / Request Proposal */ div.formFoot div.xmlFormFoot span {padding:0 4px;} div.formFoot div.xmlFormFoot {clear:both; text-align:right;} div.formFoot div.xmlFormFoot input {margin-right:15px;} div.formFoot div.xmlFormFoot #saveToMyEventsButton {margin-right:0;} /* Send to friend form */ #sendToFriend table.form th label {padding-bottom:10px; width:135px;} #sendToFriend table.form textarea, #sendToFriend table.form input {margin-bottom:10px; width:300px;} /* Delete Event*/ form#deleteEvent {overflow:hidden} form#deleteEvent li {float:right;} form#deleteEvent li.first {margin-left:10px;} #mainContent .checkboxList li {background:none; float:left; margin-bottom:5px; width:auto;} #mainContent .checkboxList label {margin-left:0; padding-top:2px;} .accommodationDay {width:120px;} /*.accommodationStandard, .accommodationDeluxe {width:65px}*/ .iDuration {float:left;} .required {font-size:90%;} /* Overwrite rules for fieldsets inside fieldsets */ .questionForm fieldset div fieldset div div label {float:left; font-size:110%; margin-right:15px; text-align:right; width:120px;} .questionForm fieldset div div div label {float:none; font-size:90%; position:relative; text-align:left; width:auto;} .questionForm fieldset div fieldset div div div label {float:none; font-size:90%; padding-top:0; position:relative; text-align:left; width:auto;} .questionForm fieldset div fieldset div div div input {width:265px;} .questionForm fieldset div fieldset div div div ul.radioList input, .questionForm fieldset div fieldset div div div ul.checkboxList input {width:auto;} .viewForm div div div div div div div label {float:none; font-size:90%; position:relative; text-align:left; width:auto;} /* Bespoke styles */ .questionForm .smallTime {float:left; width:140px !important;} .questionForm .smallTime label {margin-right:5px;} .questionForm .smallTime input {width:55px !important;} .questionForm .smallCurrency {float:left;} .questionForm .smallCurrency input {margin-right:10px !important; width:75px !important;} .questionForm .smallCurrency select {margin-right:10px !important; width:93px !important;} .questionForm .smallRooms {margin-left:135px !important; width:303px !important;} .questionForm .smallRooms input {width:65px !important;} .questionForm .small input {margin-right:10px !important; width:65px !important;} .questionForm .small select {margin-right:10px !important; width:73px !important;} .questionForm div.iVenueChoice1 label {width:120px; display:block; text-align:right; float:left; margin-top:3px;} .questionForm div.iVenueChoice1 select {margin-bottom:5px;} .questionForm div.iVenueChoice2 label {width:120px; display:block; text-align:right; float:left; margin-top:3px;} .questionForm div.iRoomsStandard input {margin-right:10px; width:120px;} .questionForm div.iRoomsSuperior input {width:120px;} .form div.bSyndicateEquipment input, .form div.bMainEquipment input{width:10px !important;} /* Nested elements */ .questionForm div.iMonthPreference select, .questionForm div.iWeekDayPreference select , .questionForm div.iRegionPreference select {width:260px} .questionForm div.sGeoProximity input, .questionForm div.iMainNumberPeoplePerRoom input, .questionForm div.iSyndicateNumberPeoplePerRoom input {width:252px} div.groupBody fieldset {margin-top:10px} /* Login Sidebar */ #loginSidebar ul.alt {background:none; min-width:120px; overflow:hidden;} #newsletterSidebar label {width:auto;} /* Homepage Forms */ #wrapperHome .form label {display:block; text-align:left;} #wrapperHome .form input, #wrapperHome .form select {margin-bottom:0.75em; padding:1px 2px; width:234px;} #wrapperHome .form input.button {float:right; height:auto; margin-top:5px; width:auto;} #wrapperHome #loginSidebar {margin-top:0;} #wrapperHome #loginSidebar label {width:auto;} #wrapperHome #bookSidebar .col50 input {float:left; margin-right:5px; width:85px;} #wrapperHome #bookSidebar .col33 select {width:70px;} #wrapperHome form#newsletterHome label {margin-right:10px; max-width:138px; width:auto;} /*overwriting the 120px label width for language bits*/ #wrapperHome form#newsletterHome input {float:left; margin-bottom:0.75em; padding:1px 2px; width:190px;} #wrapperHome form#newsletterHome input.button {height:auto; margin:0 0 0 10px; width:auto;} /* Trainers Club / Contact Us / Vouchers */ form.form fieldset div input#address2 {float:none; margin-left:135px;} form#contactUsForm div.optIn, form#voucherRegisterForm div.optIn {padding-left:130px;} form#trainerRegisterForm div.optIn label, form#contactUsForm div.optIn label, form#voucherRegisterForm div.optIn label {font-size:90%; padding:2px 0 0 24px; position:relative; text-align:left; width:auto;} form#trainerRegisterForm div.optIn input, form#contactUsForm div.optIn input, form#voucherRegisterForm div.optIn input {border:none; left:4px; position:absolute; top:4px; width:auto;} form#trainerRegisterForm label#benefitsLabel {text-align:left; width:auto; margin:0 10px 10px 10px;} form#trainerRegisterForm textarea#benefits {margin-left:10px; width:420px;} /* Wedding form / Celebrations form */ form#weddings .sAddress2, form#banqueting .sAddress2 {padding-left:135px} form#weddings .formFoot input.button, form#banqueting .formFoot input.button {float:right} /* Meetings & Events Form */ #conferencesAndMeetings .copyFrom {background:#F4F3F0; display:block; padding:8px 10px;} #conferencesAndMeetings .copyFrom label {display:inline; float:none; padding-left:49px;} #conferencesAndMeetings .copyFrom select {display:inline; float:none; margin-left:10px; width:150px;} .groupBody {clear:both;} /* Venues - Maps routefinder */ #getDirectionsForm label {width:100px; text-align:left;} #saddr.textField {width:200px; padding:2px;} /* Confex Competition / NCR Register Form */ form#confexCompetitionForm, form#ncrDateForm div.optIn {padding-left:130px;} form#confexCompetitionForm div.optIn label, form#ncrDateForm div.optIn label {font-size:90%; padding:2px 0 0 24px; position:relative; text-align:left; width:auto;} form#confexCompetitionForm div.optIn input, form#ncrDateForm div.optIn input {border:none; left:4px; position:absolute; top:4px; width:auto;} /* Mortgage Competition Form */ #mortgageFormHome {height:320px; overflow:hidden; padding:20px 14px 0 14px; position:absolute; right:10px; top:0; width:240px;} #mortgageFormHome .checkbox {font-size:90%; margin:0 0 10px 0; padding:0 0 0 20px; position:relative; width:215px;} #mortgageFormHome .checkbox input {border:none; left:0; position:absolute; top:2px; width:15px;} #mortgageFormHome ul {clear:both; font-size:90%; list-style-type:none; padding-top:10px; overflow:hidden;} #mortgageFormHome ul li {float:left; width:105px;} #mortgageFormHome ul li.last {float:left; width:130px;} #mortgageCompetitionForm .optIn {padding-left:135px;} #mortgageCompetitionForm .optIn label {width:300px;} #mortgageCompetitionForm .optIn {padding-left:130px;} #mortgageCompetitionForm .optIn label {font-size:90%; padding:2px 0 0 24px; position:relative; text-align:left; width:auto;} #mortgageCompetitionForm .optIn input {border:none; left:4px; position:absolute; top:4px; width:auto;} #mortgageCompAddFriend {font-weight:bold; margin-left:135px;} /* Spoil Yourself Form */ form.spoilForm * {vertical-align:top;} form.spoilForm {margin-top:25px} form.spoilForm fieldset {background:none; border:1px solid #C5C6C6; height:1%; margin:15px 0 25px 0; overflow:visible; padding:0 15px 15px;} form.spoilForm legend {background:#fff; color:#907C48; float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:100%; font-weight:bold; letter-spacing:0.02em; margin:-3px 0 0 0; max-width:400px; padding:0 10px; text-transform:uppercase;} form.spoilForm label {clear:both; text-align:left; width:260px;} form.spoilForm select {width:290px;} form.spoilForm input {float:right; margin-top:3px;} form.spoilForm input.textField {float:none; width:282px;} form.spoilForm fieldset div {padding:12px 10px 12px 10px;} form.spoilForm fieldset div.first {margin-top:15px; clear:both;} form.spoilForm fieldset div.altFirst {background:#F4F3F0; margin-top:15px;} form.spoilForm img {border:solid 1px #D1D3D4; clear:left; margin:15px 10px 0 0} form.spoilForm img.tooltip {margin:1px 0 0 5px;} form.spoilForm fieldset#personalDetails label, form.spoilForm fieldset#otherReq label { width:120px; text-align:right;} form.spoilForm .checkbox, form.spoilForm .radio {border:none !important;} form.spoilForm .optIn {margin-left:13px;} form.spoilForm .optIn label {width:370px} form.spoilForm input#optIn {border:none; float:left; margin:0 0 20px -23px;} /* tool tips */ #tooltip { position: absolute; z-index: 9999; border: 1px solid #939598; background-color: #F4F3F0; font-size:90%; padding: 5px; text-align:left; opacity: 0.85; float: left; width:300px; } #tooltip h3, #tooltip div { margin:0;} /********************** NAVIGATION **********************/ /* Global Nav */ #globalNav {float:right; font-size:90%; list-style-type:none; margin:15px 0 0 0; overflow:visible; padding:5px 10px 0 0;} #globalNav li {background:transparent url('../images/graphics/globalnav-divider.gif') no-repeat 100% 50%; display:inline; margin-right:6px; padding-right:7px;} #globalNav li.last {background:none; margin-right:2px; padding-right:0;} #globalNav a {color:#939598; text-decoration:none;} #globalNav a:hover {text-decoration:underline;} #globalNav li.last a {font-weight:bold;} /* Main Nav + Sub Nav */ #mainNavigation {background:transparent url('../images/graphics/main-nav-background.png') no-repeat 0 100%; margin:0 auto; min-height:85px; overflow:hidden; padding:0 2px; position:relative; text-align:left; width:976px;} #subNavigation {background:#f0efeb url('../images/graphics/subnav-background.jpg') repeat-x 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:110%; min-height:25px; padding:10px 0 5px 0;} #mainNav {font-family:Georgia, "Times New Roman", Times, serif; font-size:130%; list-style-type:none; overflow:hidden; position:absolute; top:35px;} #mainNav li {background:transparent url('../images/graphics/main-nav-divider.jpg') no-repeat 100% 100%; float:left; height:50px; padding-right:2px; position:relative; margin-left:-1px;} #mainNav li a {color:#565855; display:block; padding:20px 15px 10px 16px; text-decoration:none; text-transform:uppercase;} #mainNav li.active a, #mainNav li a:hover {color:#907c48; background:#fff url('../images/graphics/ie6-main-nav-active.jpg') repeat-x 0 0;} #mainNav li.last a {padding-right:38px; position:relative;} #mainNav li.last a span {background:transparent url('../images/graphics/ie6-main-nav-vh-arrow.gif') no-repeat 0 0; height:5px; position:absolute; right:15px; top:29px; width:9px;} #mainNav li.last a:hover span, #mainNav li.active a span {background-image:url('../images/graphics/ie6-main-nav-arrow-active.gif');} #subNav {color:#907c48; list-style-type:none; margin:0 auto; text-align:left; overflow:auto; padding:0 20px; width:940px;} #subNav li {background:transparent url('../images/graphics/subnav-divider.gif') no-repeat 100% 55%; float:left; margin-right:11px; padding-right:12px;} #subNav li.last {background:none; margin-right:0; padding-right:0;} #subNav li.active {text-decoration:none;} #subNav li a {color:#333; text-decoration:none;} #subNav li a:hover, #subNav li a:active, #subNav li.active a {color:#907c48;} #subNav li a:hover, #subNav li.active a:hover {text-decoration:underline;} #sideNav {color:#907c48; font-family:Georgia, "Times New Roman", Times, serif; font-size:115%; line-height:1.9em; list-style-type:none; margin:0; padding:0 10px;} #sideNav span {display:block;} #sideNav ul {background:transparent url('../images/graphics/divider-small.jpg') no-repeat 50% 100%; line-height:1.6em; list-style-type:none; margin-bottom:8px; padding:0 0 10px 10px;} #sideNav li.last ul {background:none !important} #sideNav a {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -422px; color:#2e2d2f; padding-left:15px; text-decoration:none;} #sideNav a:hover, #sideNav a:active, #sideNav a.active {background-position:0 -493px; color:#907c48; text-decoration:underline;} #sideNav a.active:hover {text-decoration:none;} #sideNav a.single {background-position:0 -208px;} #sideNav a.single:hover {background-position:0 -351px;} #sideNav ul a.single {background-position:0 -277px; color:#6d6e71; display:block;} #sideNav ul a.single:hover, #sideNav ul a.single:active {background-position:0 -349px; color:#907c48; text-decoration:underline;} #sideNav span {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -489px; padding-left:15px;} #sideNav span.single, #sideNav ul span.single {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -346px; padding-left:15px;} #sideNav ul span.single {background-position:0 -348px;} /* Skip Links */ #skipLinks a, #skipLinks a:hover, #skipLinks a:visited{height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;} /* hide skip link */ #skipLinks a:active, #skipLinks a:focus{color:#000; font-weight:bold; font-size:120%; height:auto; position:static; width:auto;} /* make visible when tabbed to */ /* Tab Navigation */ ul#tabs {background:transparent url('../images/graphics/tabs-background-big.gif') no-repeat 0 100%; font-size:90%; line-height:1.2em; list-style-type:none; overflow:auto; padding:0 0 10px 0; position:relative; text-transform:uppercase; z-index:1;} #mainContent ul#tabs {background:transparent url('../images/graphics/tabs-background.gif') no-repeat 0 100%; width:480px;} #contentWrapperAlt ul#tabs {margin-top:30px;} ul#tabs li {background:none !important; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-top:1px solid #b1b1b1; float:left; margin-right:4px; padding:4px; overflow:auto; position:relative; text-align:center; width:65px;} ul#tabs li:hover, ul#tabs li:active {background:#fff url('../images/graphics/tabs-active-background.jpg') repeat-x 0 0 !important;} ul#tabs li a {color:#b1b1b2; display:block; margin-bottom:-1px; text-decoration:none; position:relative;} ul#tabs li a:hover {color:#6d6e71; text-decoration:underline;} ul#tabs li a:active {color:#6d6e71;} ul#tabs li.ui-tabs-active {background:#fff url('../images/graphics/tabs-active-background.jpg') repeat-x 0 0 !important;} ul#tabs li.ui-tabs-active a {color:#000; text-decoration:none;} .ui-tabs-hide {display:none} ul#tabs.specialOffers li {height:29px; width:85px;} form.questionForm ul#tabs li.tab1 {width:53px;} form.questionForm ul#tabs li.tab2 {width:72px;} form.questionForm ul#tabs li.tab3 {width:100px;} form.questionForm ul#tabs li.tab4 {width:122px;} form.questionForm ul#tabs li.tab5 {width:63px;} /* Makes tab anchor links jump to top of form without cutting off tabs */ .tab {padding-top:6em; margin-top:-6em;} /********************** OVERLAY ***********************/ #TB_overlay {height:100%; left:0; position:fixed; top:0; width:100%; z-index:300;} .TB_overlayMacFFBGHack {background:transparent url('../images/graphics/macFFBgHack.png') repeat 0 0;} .TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;} #TB_window {background:#fff; border:4px solid #525252; display:none; left:50%; position:fixed; text-align:left; top:50%; z-index:302;} #TB_window img#TB_Image {display:block; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666; margin:15px 0 0 15px;} #TB_caption {float:left; height:25px; padding:7px 30px 10px 25px;} #TB_closeWindow {float:right; height:25px; padding:11px 25px 10px 0;} #TB_closeAjaxWindow {float:right; padding:7px 10px 5px 0; text-align:right;} #TB_closeWindowButton {background:transparent url('../images/icons/icon-matrix.gif') no-repeat 0 -707px; color:#6d6e71; padding-left:15px;} #TB_ajaxWindowTitle {display:none; /*float:left; margin-bottom:1px; padding:7px 0 5px 10px;*/} #TB_title {background-color:#e8e8e8; font-size:90%; height:27px; overflow:hidden;} #TB_ajaxContent {clear:both; line-height:1.4em; overflow:auto; padding:15px; text-align:left;} #TB_ajaxContent .section, #TB_ajaxContent .sectionFirst {height:auto;} #TB_ajaxContent.TB_modal {padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px; clear:left;} #TB_load {display:none; height:13px; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ position: fixed; top:50%; width:208px; z-index:303;} #TB_load img {border:none;} #TB_HideSelect {background-color:#fff; border:none; filter:alpha(opacity=0); height:100%; left:0; -moz-opacity:0; opacity:0; position:fixed; top:0; width:100%; z-index:99;} #TB_iframeContent{background-color:#e8e8e8; border:none; clear:both;} #TB_iframeContent body {} #overlayWrapper {font-size:90%; text-align:left; overflow:hidden; padding:15px; background:#ffffff; border:1px solid #aaaaaa;} #overlayContent {padding:0 20px; overflow:hidden;} #overlayContent abbr {font-weight:bold;} #overlayContent dt {color:#000000; font-weight:bold;} #overlaySidebar {float:right; width:220px;} #overlaySidebar a sup {font-size:70%; padding-top:5px;} #overlaySidebar img {margin-bottom:1em;} table#venueComparison td[scope], table#venueComparison th {text-align:left;} table#venueComparison td {font-weight:normal} table#venueComparison th {font-weight:bold} table#venueComparison h3 {font-size:110%} table#venueComparison .overflow {margin-bottom:0.75em} /********************** SIFR **********************/ .sIFR-flash {margin:0; visibility:visible !important;} .sIFR-replaced {visibility:visible !important;} span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} .sIFR-flash + div[adblocktab=true] {display: none !important;} /* decoy styles */ .sIFR-hasFlash h1 {visibility:hidden; padding-bottom:10px;} .sIFR-hasFlash h2 span {visibility:hidden;font-size:20px; padding-bottom:10px;} .sIFR-hasFlash blockquote p {visibility:hidden;}