/* _________________________________________________ 1 ROOT 2 HEADINGS 3 TYPOGRAPHY 4 LINKS 5 FIGURES & IMAGES 6 TABLES 7 FORMS 8 BROWSER SPECIFIC 9 NON-SEMANTIC 10 GLOBAL LAYOUT 11 PAGE TEMPLATES 12 PLUGINS */ /* 1 ROOT _________________________________________________ */ html, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } ® .cf { zoom: 1; } .cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .cf:after { clear: both; } @font-face { font-family: 'Museo500'; src: url('fonts/museo500-regular-webfont.eot'); src: url('fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo500-regular-webfont.woff') format('woff'), url('fonts/museo500-regular-webfont.ttf') format('truetype'), url('fonts/museo500-regular-webfont.svg#Museo500') format('svg'); font-weight: normal; font-style: normal; } html { background: #ebebeb; } body { margin: 0 auto; padding: 0; font-size: 13px; line-height: 1.3; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #1E1E1E; } button, input, select, textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #404040; } /* 2 HEADINGS _________________________________________________ */ h1, h2, h3 { font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 0.5em; } h4, h5, h6 { font-weight: bold; margin-bottom: 0.4em; } h1 { font-size: 32px; line-height: 1.2; } h2 { font-size: 28px; line-height: 1.2; } h3 { font-size: 24px; line-height: 1.3; } h4 { font-size: 16px; line-height: 1.25; } h5 { font-size: 15px; } h6 { font-size: 14px; } h1.block-title, h2.block-title, h3.block-title, h4.block-title, h5.block-title, h6.block-title { font-size: 16px; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 10px; line-height: 28px; margin: 0 0 1px 0; background: #FFF; width: 192px; } h1.full-block-title, h2.full-block-title, h3.full-block-title, h4.full-block-title, h5.full-block-title, h6.full-block-title { padding: 10px; background: #FFF; } aside h1.block-title, aside h2.block-title, aside h3.block-title, aside h4.block-title, aside h5.block-title, aside h6.block-title { width: auto; } /* 3 TYPOGRAPHY _________________________________________________ */ p, ol, ul, dl, address { margin-bottom: 1.5em; font-size: 13px; line-height: 1.3; } /*p { hyphens: auto; text-align: justify; }*/ nav ul, nav ol { list-style: none; margin: 0; padding: 0; } ul, ol { margin: 0 0 1.5em 0; padding: 0 0 0 24px; } li ul, li ol { margin: 0; font-size: 16px; } li { padding-bottom: 0.5em; } dl, dd { margin-bottom: 1.5em; } dt { font-weight: normal; } blockquote { margin: 1em 0 0.5em 0; padding: 16px; border-left: 2px solid #ebebeb; background: #f5f5f5; } blockquote, blockquote p { font-style: italic; font-size: 16px; line-height: 1.3; } blockquote p { margin-bottom: 0; } blockquote + p { padding-left: 17px; } blockquote:before, blockquote:after { content: ''; content: none; } abbr[title] { border-bottom: 1px dotted; cursor: help; } b, strong { font-weight: bold; } em { font-style: italic; } dfn { font-style: italic; } hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #bfbfbf; } ins { background-color: #c3d9e6; color: #000000; text-decoration: none; } mark { background-color: #c3d9e6; color: #000000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: "Monaco", Courier New, monospace; font-size: 14px; line-height: 1.5em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 11px; } sub, sup { font-size: 12px; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } #topnav { width: 768px; } /* 4 LINKS _________________________________________________ */ a, a:visited { color: #1E1E1E; font-weight: bold; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } a:hover { color: #1E1E1E; text-decoration: underline; } a:focus { outline: thin dotted; color: #1E1E1E; } a:hover, a:active { outline: 0; } h1 a, h2 a, h3 a { font-weight: normal; } a.block-link { background: #787878; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; color: #FFF; font-size: 16px; margin-top: 10px; text-align: center; font-weight: normal; padding: 0 20px; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; cursor: pointer; } a.block-link:hover { background: #FFF!important; color: #787878!important; text-decoration: none!important; } .cta a.block-link { color: #FFF; background: #bb1d29; margin-top: 0; } .cta a.block-link:hover { color: #bb1d29!important; background: #FFF; } a.important { text-align: center; display: block; padding: 4px; color: #FFF!important; background: #bb1d29; text-decoration: none; margin-top: 10px; line-height: 1.4; } a.important:hover { color: #bb1d29!important; background: #FFF; } .column a { color: #1E1E1E!important; } /* 5 FIGURES & IMAGES _________________________________________________ */ figure { margin-bottom: 1.5em; } figure img, figure object, figure embed { margin-bottom: 0.75em; max-width: 100%; } figcaption { display: block; font-weight: normal; } img { border: 0; } svg:not(:root) { overflow: hidden; } img.alignleft { float: left; margin: 0 20px 20px 0; } img.alignright { float: right; margin: 0 0 20px 20px; } /* 6 TABLES _________________________________________________ */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.5em; width: 100%; font-size: 13px; } th, td, caption { padding: 0.7em 10px 0.7em 10px; } tfoot { font-style: italic; } caption { background-color: transparent; } /*tbody tr:nth-child(odd) td { background-color: #c3d9e6; }*/ /* 7 FORMS _________________________________________________ */ form { margin: 0; } fieldset { margin-bottom: 1.5em; padding: 0; border-width: 0; } legend { *margin-left: -7px; padding: 0; border-width: 0; } label { font-weight: normal; cursor: pointer; } button, input, select, textarea { font-size: 12px; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } /* 8 BROWSER SPECIFIC _________________________________________________ */ html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: #c3d9e6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /*p { -webkit-hyphens: auto; -webkit-hyphenate-character: "\2010"; -webkit-hyphenate-limit-after: 1; -webkit-hyphenate-limit-before: 3; -moz-hyphens: auto; } ::-webkit-selection { background: #e6e6e6; color: #fafafa; text-shadow: none; } ::-moz-selection { background: #7bacc8; color: #c8977b; text-shadow: none; } ::selection { background: #7bacc8; color: #c8977b; text-shadow: none; }*/ button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; } /*::-webkit-input-placeholder { font-size: 14px; } input:-moz-placeholder { font-size: 14px; }*/ .ie7 img, .iem7 img { -ms-interpolation-mode: bicubic; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } img, embed, object, video { max-width: 100%; } .ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; } #map-wrapper img, #member_map img, #map-wrapper embed, #member_map embed, #map-wrapper object, #member_map object, #map-wrapper video, #member_map video { max-width: none!important; } /* 9 NON-SEMANTIC _________________________________________________ */ .ir { display: block; overflow: hidden; background-repeat: no-repeat; text-align: left; text-indent: -999em; direction: ltr; } .ir br { display: none; } .hidden { display: none; visibility: hidden; } .visuallyhidden { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; border: 0; clip: rect(0 0 0 0); } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; margin: 0; height: auto; width: auto; overflow: visible; clip: auto; } .invisible { visibility: hidden; } .clearboth { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .floatleft { float: left; } .floatright { float: right; } .larger { font-size:large; } .smaller { font-size:smaller; } .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .justify { text-align:justify; } .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .nowrap { white-space: nowrap; } .relative { position: relative; } .ie ul, .ie li { zoom:1; } .ie6 * { zoom:1; } /* 10 GLOBAL LAYOUT _________________________________________________ */ /* Accessibility nav */ nav#accessibility { position: absolute; top:0; left: -999px; } .container { margin: 0 auto; width: 960px; } body.light .container { width: auto; } header { position: relative; } #main { width: 768px; float: left; } aside { width: 182px; float: right; } .browser-warning { color: #1E1E1E; background: #ffd339; margin-bottom: 13px; padding: 8px 13px; text-align: center; } .browser-warning a { color: #1E1E1E; } /* Header */ header #logo-and-tagline { padding: 25px 0 16px; } header #logo-and-tagline a { float: left; } header #logo-and-tagline h2 { float: left; margin-left: 24px; margin-top: 79px; font-size: 15px; color: #323232; } header #search-and-family-nav { position: absolute; right: 0; top: 0; width: auto; text-align: right; } .lt-ie8 header #search-and-family-nav { width: 500px; } header #search-container { float: left; margin-right: 2px; background: #FFF; padding: 14px 10px 2px 10px; } header #search-container input#search { border: 1px solid #FFF !important; margin: 0; } header #search-container input#search-submit { border: none; background: #FFF url(../images/forms/search-submit.gif) no-repeat 0 0; text-indent: -9999px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } header nav#family { float: right; } header nav#family ul li { display: inline-block; line-height: 0; padding: 0; margin: 0 0 0 1px; } .lt-ie8 header nav#family ul li { display: inline-block; *display: inline; zoom: 1; } header nav#family ul li a { text-transform: uppercase; font-size: 9px; padding: 20px 10px 10px; display: inline-block; line-height: 1; text-decoration: none; background: #d2d2d2; } header nav#family ul li.current a { background: #d10022; color: #FFF; } header nav#family ul li a:hover { background: #FFF; color: #1E1E1E; } .conference header #logo-and-tagline #tagline { float: left; margin-left: 24px; margin-top: 43px; } .conference header #logo-and-tagline #tagline h2 { float: none; margin: 0; font-size: 30px; } .conference header #logo-and-tagline #tagline p { margin: 0; font-size: 15px; } /* Primary Navigation */ nav#primary { margin-bottom: 5px; position: relative; z-index: 9; text-align: left; } nav#primary ul li { float:left; position:relative; padding: 0; width: 20%; } nav#primary ul li.hover { margin-bottom: 0px; } nav#primary ul li a { padding: 10px; background: #464646; color: #FFF; display: block; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 19px; margin-right: 5px; line-height: 1.2; text-transform: capitalize; } nav#primary ul li a:hover, nav#primary ul li.hover a { color: #FFF; background: #2b2b2b; text-decoration: none; } nav#primary ul li a.current { color: #fbc138; background: #2b2b2b; text-decoration: none; } nav#primary ul li a span { display: block; } nav#primary ul li .sub { position: absolute; top: 64px; left: 0; float: left; display: none; z-index: 99999; } nav#primary ul li .sub .connect { height: 5px; background: #2b2b2b; display: block; } nav#primary ul li .sub .row { padding:0; color: #FFF; background: #2b2b2b; } .ie7 nav#primary ul li .sub .row { padding-bottom: 10px; } nav#primary ul li .sub ul { margin: 10px 0; padding: 0; float: left; width: 300px; } nav#primary ul li .sub ul li { padding: 0; margin: 0 10px 6px; float: none; width: 230px;} nav#primary ul li .sub ul li a { color: #FFF; font-size: 13px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: none; text-transform: none; } nav#primary ul li .sub ul li a:hover { text-decoration: underline; } nav#primary ul li .sub ul.thumbnail-list { width: 140px; } nav#primary ul li#nav-things-to-do .sub ul.thumbnail-list { width: 280px; } nav#primary ul li .sub ul.thumbnail-list li { float: left; width: 120px; } nav#primary ul li .sub ul.thumbnail-list img { display: block; margin-bottom: 4px; } nav#primary ul li .sub ul.thumbnail-list a { width: auto; } /* Nav Overrides for Conference */ .conference nav#primary ul li a {background:#d54255} .conference nav#primary ul li .sub .row {background:#8e2c3b} .conference nav#primary ul li .sub .connect {background:#8e2c3b; width: 33.7%;} .conference nav#primary ul li .sub .row { width: 250px;} .conference nav#primary ul li a:hover, .conference nav#primary ul li.hover a { color: #FFF; background: #8e2c3b; text-decoration: none; } .conference nav#primary ul li a.current { color: #e78720; background: #8e2c3b; text-decoration: none; } /** CORPORATE **/ #corporate-section nav#primary ul li { float: left!important; width: auto; } #corporate-section nav#primary ul li a {background: #00ace1; font-size: 16px; width: 103px; height: 37px;} #corporate-section nav#primary ul li .sub .row, #corporate-section nav#primary ul li .sub a {background: #00648c;} #corporate-section nav#primary ul li .sub .connect {background: #00648c;} #corporate-section nav#primary ul li a.current { color: #00beef; background: #00648c;} #corporate-section nav#primary ul li a:hover, #corporate-section nav#primary ul li.hover a { color: #FFF; background: #00648c; text-decoration: none; } #corporate-section nav#primary ul li a.current { color: #fff; background: #00648c; text-decoration: none; } #corporate-section nav#primary ul li .sub a {font-size: 13px;} /* Nav Overrides for Cruise */ .cruise nav#primary ul li a {background:#2b545c; font-size:16px;} .cruise nav#primary ul li .sub .row {background:#1e4148} .cruise nav#primary ul li .sub .connect {background:#1e4148} .cruise nav#primary ul li a:hover, .cruise nav#primary ul li.hover a { color: #FFF; background: #1e4148; text-decoration: none; } .cruise nav#primary ul li a.current { color: #74e5c7; background: #1e4148; text-decoration: none; } /* Footer */ footer#social { margin-top: 50px; background: #e6e6e6; clear: both; } footer#social .floatleft { border-left: 1px solid #ebebeb; } footer#social .floatright { border-right: 1px solid #ebebeb; } footer#social .icon { border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; float: left; padding: 0 2px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } footer#social .icon:hover { background: #dadada; cursor: pointer; } footer#social div.social { float: left; padding: 20px 0 0 8px; height: 44px; border-right: 2px solid #ebebeb; } span#tooltip_facebook { border-left: 2px solid #ebebeb!important; } footer#social div.addthis-fb, footer#social div.addthis-at { padding-right: 8px!important; } #___plusone_0, #___plusone_0 iframe { width: 70px!important; } a.addthis_button_facebook_like, a.addthis_button_facebook_like iframe { width: 80px!important; } a.addthis_button_tweet, a.addthis_button_tweet iframe { width: 95px!important; } footer#social div.addthis-at a { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease; } footer#social .if-js, footer#social .if-no-js { float: left; } footer#site-map { background: #FFF url(../images/layout/footer-sitemap-bg.gif) repeat-x 0 79px; } footer#site-map .container { background: url(../images/layout/footer-container-bg.gif) no-repeat 0 50px; padding: 112px 0 20px; } footer#site-map .container .footer-column { float: left; width: 172px; margin: 0 10px; } footer#site-map .container .footer-column ul { list-style: none; margin: 0; padding: 0; } footer#site-map .container .footer-column h5 { margin-bottom: 10px; } footer#site-map .container .footer-column h5 a { color: #a70336; font-size: 13px; } footer#site-map .container .footer-column ul { margin-bottom: 20px; } footer#site-map .container .footer-column ul li { margin-bottom: 10px; padding: 0; } footer#site-map .container .footer-column ul li a { color: #1e1e1e; font-size: 12px; font-weight: normal; } footer#site-map .container .footer-column ul li ul { margin-bottom: 20px; } footer#site-map .container .footer-column ul li ul li { margin-bottom: 1px; } footer#site-map .container .footer-column ul li ul li a { color: #727272; } .conference footer#site-map .container { background: url(../images/layout/footer-conference-container-bg.png) no-repeat 0 50px; padding: 112px 0 20px; } .cookie-settings-link a{font-size:11px; color:#000!important;} /* Page Nav */ nav#page { margin-bottom: 10px; background: #FFF; } nav#page ul { list-style: none; margin: 0; padding: 0; font-size: 12px; } nav#page ul li { padding: 0; } nav#page ul li a { background: #FFF; font-weight: normal; display: block; border-top: 1px solid #ebebeb; padding: 8px 10px; } nav#page ul li a:hover { background: #f3f3f3; text-decoration: none; } nav#page ul li a.current { font-weight: bold; } nav#page ul li ul li a { padding: 6px 10px 6px 26px; color: #5a5a5a; line-height: 1.3; } nav#page ul li ul li a:hover { background: #f3f3f3; text-decoration: none; } nav#page ul li ul li a.current { text-decoration: underline; font-weight: normal; } /* Misc */ #breadcrumb { margin-bottom: 10px; } #breadcrumb a { color: #5a5a5a; font-weight: normal; } /* Hero Slider (Full width) */ /* Browser Resets */ .flex-container a:active, #hero-slider a:active, .flex-container a:focus, #hero-slider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* Necessary Styles */ #hero-slider {width: 100%; margin: 0; padding: 0;} #hero-slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ #hero-slider .slides img {max-width: 100%; display: block; width: 100%;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ .no-js .slides > li:first-child {display: block;} /* Customising */ #hero-slider {background: #fff; position: relative; zoom: 1; margin-bottom: 10px; } #hero-slider .slides { zoom: 1; width:768px; height:384px; } #hero-slider .slides > li {position: relative; margin: 0; padding: 0; } /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative;} /* Caption style */ /* IE rgba() hack */ #hero-slider .slide-text { position: absolute; /*z-index: 100;*/ left: 30px; bottom: 30px; background: rgba(0,0,0,0.7); color: #FFF; padding: 20px; width: 380px; } #hero-slider .slide-text h3 { font-size: 32px; margin-bottom: 10px; line-height: 1; } #hero-slider .slide-text h3 a:hover { text-decoration: none; } #hero-slider .slide-text p { margin: 0; } #hero-slider .slide-text a { color: #FFF; } .lt-ie9 #hero-slider .slide-text, .lt-ie9 #page-intro #hero-slider .slide-caption { background: url(../images/layout/black-alpha-70.png) repeat; } /* Control Nav */ #hero-slider .flex-control-nav { left: 30px; bottom: 0; position: absolute; z-index: 9; margin: 0; padding: 0; list-style: none; } #hero-slider .flex-control-nav li { display: inline-block; margin: 0; padding: 0; } .lt-ie8 #hero-slider .flex-control-nav li { display: inline; } #hero-slider .flex-control-nav li a { line-height: 20px; width: 20px; text-align: center; font-weight: normal; float: left; margin: 0 1px 0 0; background: #302E2A; display: block; color: #FFF; text-decoration: none; cursor: pointer; } #hero-slider .flex-control-nav li a:hover { text-decoration: none; color: #be9534; } #hero-slider .flex-control-nav li a.active { background: #be9534; color: #FFF; } /* Hero Slider (With horizontal padding) */ #page-intro #hero-slider .slides { position:relative; width:748px; height:374px; float:left; } /*#page-intro #hero-slider .slides .slide { display:none; position:absolute; top:0; left:0; height:374px; overflow: hidden; }*/ #page-intro #hero-slider .slide-caption { /*position: absolute;*/ z-index: 100; right: 0; bottom: 0; /*background: rgba(0,0,0,0.7);*/ color: #FFF; /*padding: 10px;*/ max-width: 374px; font-weight: normal; font-size: 13px; } #page-intro #hero-slider .slides li img { width: 748px; height: 374px; } /* Social tooltips */ .tooltip { display: none; position: absolute; bottom: 64px; background: #FFF; padding: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);} .facebook_tooltip_box { width: 340px; height: auto; left: -170px; } .twitter_tooltip_box { width: 340px; height: auto; left: -170px; } .flickr_tooltip_box { width: 370px; height: auto; left: -185px; } .youtube_tooltip_box { width: 370px; height: auto; left: -185px; } .facebook_tooltip_box h5, .facebook_tooltip_box a { color: #3b5998; } .twitter_tooltip_box h5, .twitter_tooltip_box a { color: #009fd8; } .flickr_tooltip_box h5, .flickr_tooltip_box a { color: #e93c97; } .youtube_tooltip_box h5, .youtube_tooltip_box a { color: #c01323; } .facebook_tooltip_box h5, .twitter_tooltip_box h5, .flickr_tooltip_box h5, .youtube_tooltip_box h5 { font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 16px; } .twitter_tooltip_box .twtr-ft { display: none!important; } .twtr-widget, .fb-like-box { margin-bottom: 10px; } /* Flickr */ #flickr_badge_wrapper .flickr_badge_image { float: left; } .flickr_badge_image { margin:0 10px 10px 0; width: 75px!important; height: 75px!important; } #flickr_badge_source {text-align:left; margin:0 10px 0 10px;} #flickr_badge_icon {float:left; margin-right:5px;} #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#e93c97;} #flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#1e1e1e !important;} /* YouTube */ #youtubevideos .video { float: left; margin: 0 10px 10px 0; width: 82px!important; height: 62px!important; } #youtubevideos .video img { width: 82px!important; height: 62px!important; } /* Blocks */ .block-title { clear: both; } .block { position: relative; margin-bottom: 10px; } .block-content { padding: 10px 0; position: relative; } .block .column { margin-bottom: 20px!important; } .lt-ie8 .block-content { padding-bottom: 30px!important; } .block .column p, .one-column p { margin-bottom: 0.15em; } .block .column img, .one-column img { margin-bottom: 0.5em; } .conference .one-column p { margin-bottom: 1em; } .conference .one-column ul { list-style: none; padding: 0; } /* Single block (full width) */ .block .one-column { padding: 10px 10px 20px; } .block .three-columns .column { float: left; margin: 0 10px; width: 234px; } .block .three-columns .column:nth-child(3n+1), .block .three-columns .counter-1, .block .three-columns .counter-4, .block .three-columns .counter-7, .block .three-columns .counter-10 { clear: both; } .block .four-columns .column { float: left; margin: 0 10px; width: 172px; } .block .four-columns .column:nth-child(4n+1), .block .four-columns .counter-1, .block .four-columns .counter-5, .block .four-columns .counter-9 { clear: left!important; } .generic .three-columns { margin: 0 -10px; } /* Double block (2 equal widths) */ .double-block { clear: both; } .double-block .block { width: 379px; } .double-block .block .one-column { padding: 10px; } .double-block .block .two-columns .column { width: 172px; } .double-block .block .two-columns .floatleft { margin-left: 10px; } .double-block .block .two-columns .floatright { margin-right: 10px; } /* Triple block */ .triple-block { clear: both; } .triple-block .block { width: 246px; margin: 0 15px 0 0; float: left; } .triple-block .block:last-child { margin-right: 0; } /* Takeover block */ .takeover .takeover-main { padding: 10px; } .takeover .takeover-main .takeover-image { float: left; width: 364px; } .takeover .takeover-main .takeover-text { float: right; width: 364px; } /* Keywords block */ .keywords-block { padding: 10px!important; } ul.keywords { padding: 0 0 10px 0; margin: 0; list-style: none; } ul.keywords li { display: inline-block; line-height: 1.5; color: #d10022; white-space: nowrap; font-size: 13px; } .keywords-block ul.keywords li { font-size: 16px; } aside .keywords-block ul.keywords li { font-size: 13px; } ul.keywords li a { color: #d10022; font-weight: normal; } ul.keywords li:after { content: " / " } ul.keywords li:last-of-type:after { content: "" } .ie ul.keywords li { float: left; line-height: 1.2; padding-right: 6px; } #page-intro ul.keywords li { font-size: 16px; } #page-intro ul.keywords { margin-top: 20px; } /* Offers block */ .offers { padding-top: 0; padding-bottom: 20px; } .offers ul { margin: 0; padding: 0; list-style: none; } .offers ul li { border-bottom: 1px solid #FFF; padding: 10px; margin: 0; } .offers ul li:last-child { border: none; } .offers ul li a { color: #d31627; font-size: 14px; margin-bottom: 4px; display: block; } .offers ul li p { margin: 0; color: #3c3c3c; line-height: 1.2; } /* Offers listing */ .js .offer-info { display: none; } .offer-title-control { cursor: pointer; color: #d31627; } .offer-title-control:hover { text-decoration: underline; } .offer-title-control h4 { float: left; width: 728px; } .offers .slat .offer-title-control span { float: right; width: 10px; height: 16px; display: block; background: url(../images/layout/offers-plus.gif) no-repeat 0 50%; } .offers .slat .expanded span { background: url(../images/layout/offers-minus.gif) no-repeat 0 50%; } .offer-info .slat-thumbnail, .offer-info .slat-information { padding-bottom: 10px; } /* Large search block */ #large-search {} #large-search .block-content { padding: 10px; } #large-search input.textbox { width: 80%; font-size: 16px; float: left; padding: 0 20px 0 8px; background: #FFF url(../images/forms/search-submit.gif) no-repeat 98% 50%; height: 32px; line-height: 32px; } .lt-ie8 #large-search input.textbox { width: 75%; } .ie #large-search input.textbox { } #large-search input.search-submit { float: right; background: #787878; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 18%; text-align: center; font-weight: normal; padding: 0; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 32px; } #large-search input.search-submit:hover { color: #787878; background: #FFF; } #large-search input.placeholder_text, #large-search textarea.placeholder_text { color: #5A5A5A; font-size: 16px!important; line-height: 32px; } #large-search input::-webkit-input-placeholder { color: #5A5A5A; font-size: 16px!important; line-height: 32px; vertical-align: middle; } #photo-gallery li { display: inline;} /* Large (events) search block */ #large-search .event-search { color: #FFF; } #large-search .event-search .date-column, #large-search .event-search .button-column { width: 130px; float: left; } #large-search .event-search input.search-submit { float: none; width: 100%; margin-top: 3px; } #large-search .event-search .search-column { width: 355px; float: left; } #large-search .event-search input.textbox { width: 90%; font-size: 16px; float: none!important; margin-top: 3px; } #large-search .event-search .search-column input.textbox { width: 97%; } #large-search .event-search .date-column input.textbox { background: #FFF; } .ie7 #large-search .event-search .date-column input.textbox { width: 75px!important; } .ie7 #large-search .event-search .search-column input.textbox { width: 270px!important; } /* Large (venue) search block */ #large-search .venue-search { color: #FFF; } #large-search .venue-search .column { width: 167px; float: left; margin: 0 10px; } #large-search .venue-search .large-column { width: 541px; float: left; margin: 0 10px; } #large-search .venue-search .half-column { width: 354px; float: left; margin: 0 10px; } #large-search .venue-search .button-column { width: 167px; float: left; margin: 0 10px; } #large-search .venue-search input.search-submit { float: none; width: 100%; margin-top: 3px; background: #a13c4c; } #large-search .venue-search input.search-submit:hover { color: #a13c4c; background: #FFF; } #large-search .venue-search input.textbox { width: 100%; font-size: 14px; padding: 0 4px; height: auto; line-height: 1.5; float: none!important; margin-top: 3px; background-image: none; } #large-search .venue-search input.large-textbox { width: 100%; font-size: 16px; margin-top: 3px; padding: 0 20px 0 8px; background: #FFF url(../images/forms/search-submit.gif) no-repeat 98% 50%; height: 32px; line-height: 32px; } #large-search .venue-search select { width: 100%; float: none!important; margin-top: 3px; } #large-search .venue-search .date-column input.textbox { background: #FFF; } #large-search .venue-search .search-column input.textbox { width: 97%; } #large-search .venue-search .search-column { width: 355px; float: left; } #large-search .venue-search .column a.view-all { right: 20px; bottom: 30px; } .ie7 #large-search .venue-search .date-column input.textbox { width: 75px!important; } .ie7 #large-search .venue-search .search-column input.textbox { width: 270px!important; } /* View all link (positioned bottom right) */ .block-content a.view-all { position: absolute; right: 0; bottom: 0; font-size: 11px; font-weight: normal; text-align: right; padding-right: 25px; background: url(../images/layout/view-all-bg.gif) no-repeat 100% 0; text-transform: uppercase; line-height: 20px; height: 20px; -webkit-transition: background 0s ease; -moz-transition: background 0s ease; transition: background 0s ease; } .block-content a.view-all:hover { background: url(../images/layout/view-all-bg.gif) no-repeat 100% 100%; } /* Follow Us link (positioned bottom right) */ .block-content a.follow-us { color: #0080A6; position: absolute; right: 0; bottom: 0; font-size: 11px; font-weight: normal; text-align: right; padding-right: 30px; background: url(../images/layout/follow-us.png) no-repeat 100% 0; text-transform: uppercase; line-height: 20px; height: 20px; -webkit-transition: background 0s ease; -moz-transition: background 0s ease; transition: background 0s ease; padding-right: 35px; background-position: 66px; margin-bottom: 5px;} /* Follow Us link (positioned bottom right) */ .block-content a.flickr-us { position: absolute; right: 0; bottom: 0; font-size: 11px; font-weight: normal; text-align: right; background: url(../images/layout/flickr-us.png) no-repeat 100% 0; text-transform: uppercase; line-height: 20px; height: 20px; -webkit-transition: background 0s ease; -moz-transition: background 0s ease; transition: background 0s ease; padding-right: 45px; background-position: 125px; margin-bottom: 5px;} /* Slats (thumbnail and info) */ .slats { padding: 0; } body.stay_in_belfast #main .slats { padding-bottom: 20px; } .slats .slat { padding: 10px; border-bottom: 1px solid #ebebeb; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .slats .slat:last-of-type { border: none; } .slats .slat .slat-thumbnail { float: left; padding-right: 10px; } .slats .slat .slat-information { float: left; width: 500px; } .white .slat:hover { background: #f3f3f3; } .offers .slat { border-bottom: 1px solid #FFF; } .offers .slat .slat-information { float: left; width: 374px; } .offers .slat .slat-cta { position: absolute; right: 10px; bottom: 12px; width: 172px; } .offers .slat a { color: #D31627; } .offers .slat .slat-cta a.block-link { background: #D31627; color: #FFF; line-height: 1.2; padding: 8px; display: block; } .offers .slat .slat-cta a.block-link:hover { background: #FFF; color: #787878; text-decoration: none; } .competitions .slat { border-bottom: 1px solid #ebebeb; } .competitions .slat h4 a { color: #D31627; } /* Block background colours */ .white { background-color: #FFF; } .blue { background-color: #00B1E3; } .gold { background-color: #ffd339; } .lime { background-color: #D6DE45; } .darkkhaki { background-color: #CDCDBB; } .lightkhaki { background-color: #DCDCC0; } .greenkhaki { background-color: #BAC8C0; } .softpink { background-color: #EBD1D0; } .electricpink { background-color: #FA8AC0; } .orange { background-color: #E2583B; } .purple { background-color: #C6A1C9; } .deepgreen { background-color: #1A683E; } .red { background-color: #D31627; } .darkgrey { background-color: #2b2b2b!important; color: #FFF!important; } .grey { background-color: #c8c8c8; } .lightgrey { background-color: #dcdcdc; } .conferenceRed { background-color: #d85366!important;} .babyblue { background-color: #7bd2e4!important;} .mint { background-color: #cfe6c3; } .turquoise { background-color: #bad8d6; } /* Link lists */ .link-list { list-style: none; margin: 0; padding: 0; } .link-list li { line-height: 2; border-bottom: 1px solid #ebebeb; padding: 0; } .link-list li a { line-height: 1.2; padding: 6px 10px; font-weight: normal; display: block; } .link-list li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.3); } .lt-ie9 .link-list li a:hover { background: url(../images/layout/white-alpha-30.png); } /* * Patches */ ul#patches {margin:0px; width:100%; border:0; padding:0;margin-bottom:20px;} ul#patches li {list-style-type:none; padding:0; margin: 0 0 15px 0px;} /* Right hand column */ /* Stay/What's on Search */ #stay-whatson-search { min-height: 384px; margin-bottom: 10px; } #stay-whatson-search #tab-holder { background: #00b1e3; border-bottom: 1px solid #ebebeb; } #stay-whatson-search a#stay-tab, #stay-whatson-search a#whatson-tab { padding: 0 20px 0 12px; line-height: 2; display: inline-block; font-size: 16px; font-weight: normal; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; } #stay-whatson-search a#stay-tab { background: #2b2b2b; color: #FFF; } #stay-whatson-search a#whatson-tab { background: #00b1e3; color: #FFF; } #stay-whatson-search .show { display: block!important; } #stay-whatson-search #stay-search { display: none; padding: 10px; background: #2b2b2b; color: #FFF; min-height: 331px; position: relative; } #stay-whatson-search #whatson-search { display: none; padding: 10px; background: #00b1e3; color: #FFF; min-height: 331px; position: relative; } #stay-whatson-search #stay-search, #stay-whatson-search #whatson-search { height: 340px; } #stay-whatson-search label { font-size: 11px; margin-bottom: 6px; display: inline-block; } #stay-whatson-search p { margin-bottom: 0; } #stay-whatson-search input.textbox { width: 130px; margin-bottom: 7px; } #stay-whatson-search select { width: 100%; margin-bottom: 10px; } #stay-whatson-search input.search-submit { background: #787878; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2!important; height: 32px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; bottom: 10px; } #stay-whatson-search input.search-submit:hover { background: #FFF; color: #787878; } #stay-whatson-search #whatson-search .checkboxes p { margin-bottom: 4px; } #stay-whatson-search #whatson-search .checkboxes label { font-size: 13px; color: #1E1E1E; padding-left: 4px; } .darkgrey label { color: #FFF!important; } #venue-search { margin-bottom: 10px; background: #d85366; } #venue-search .block-content { padding: 10px 10px 30px; background: #d85366; color: #FFF; /*min-height: 331px;*/ position: relative; } #venue-search label { font-size: 11px; margin-bottom: 6px; display: inline-block; } #venue-search p { margin-bottom: 0; } #venue-search input.textbox {margin-bottom:10px; width:100%; border:0px; -webkit-appearance: none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: white;border: 1px solid white;color: black;outline: 0;padding: 2px 4px;font-size: 13px;font-family: Arial, sans-serif;height: 1.8em; } #venue-search select { width: 100%; margin-bottom: 10px; } #venue-search input.search-submit { background: #a13c4c; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2!important; height: 32px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; /*position: absolute; bottom: 10px;*/ } #venue-search input.search-submit:hover { background: #FFF; color: #a13c4c; } #venue-search .checkboxes p { margin-bottom: 4px; } #venue-search .checkboxes label { font-size: 13px; color: #1E1E1E; padding-left: 4px; } #ui-datepicker-div { background: #FFF; padding: 10px; } table.ui-datepicker-calendar { margin: 0; } .ui-datepicker-header { text-align: center; text-transform: uppercase; background: #00B1E3; color: #FFF; line-height: 27px; } .ui-datepicker-prev, .ui-datepicker-next { text-indent: -9999px; display: block; width: 27px; height: 27px; cursor: pointer; } .ui-datepicker-prev { float: left; background: url(../images/layout/ui-datepicker-prev-bg.png) no-repeat 50% 50%; } .ui-datepicker-next { float: right; background: url(../images/layout/ui-datepicker-next-bg.png) no-repeat 50% 50%; } table.ui-datepicker-calendar td { border: 1px solid #00B1E3; text-align: center; padding: 0px; } table.ui-datepicker-calendar { border-collapse:separate; border-spacing: 2px; } table.ui-datepicker-calendar td a { display: block; background: #FFF; padding: 2px; font-weight: normal; } table.ui-datepicker-calendar td a:hover { background: #FAFAFA; text-decoration: none; } table.ui-datepicker-calendar td a.ui-state-active { background: #c8c8c8; } .grey-datepicker .ui-datepicker-header { background: #2b2b2b; color: #FFF; } .grey-datepicker table.ui-datepicker-calendar td { border: 1px solid #2b2b2b; } .grey-datepicker table.ui-datepicker-calendar td a:hover { background: #bdbdbd; } .grey-datepicker table.ui-datepicker-calendar td a.ui-state-active { background: #fbc138; } /* Auto tabs */ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; clear: both; border: none; background: #FFF; } /* .ui-tabs .ui-tabs-hide { display: none !important; } */ .tabs { margin-bottom: 10px; } .tabs li {} .tabbtns { display: block; margin: 0; padding: 0; list-style: none; } .tabbtns li { width: 182px; float: left; display: block; margin: 0 10px 1px 0; padding: 0; } .tabbtns li a { text-decoration: none; display: block; background: #d2d2d2; font-size: 16px; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 10px; line-height: 28px; margin: 0 0 1px 0; } .tabbtns li.ui-tabs-selected { background: #FFF; } .tabbtns li.ui-tabs-selected a { background: #FFF; } /* Icon sprites */ span.price-rating { text-indent: -9999px; display: inline-block; height: 16px; width: 96px; background-image: url(../images/icons/icon-sprite.png); background-repeat: no-repeat; } .ie6 span.price-rating { background-image: url(../images/icons/icon-sprite.gif); } span.price-zero, span.price-0 { background-position: 0 0; } span.price-one, span.price-1 { background-position: 0 -20px; } span.price-two, span.price-2 { background-position: 0 -40px; } span.price-three, span.price-3 { background-position: 0 -60px; } span.price-four, span.price-4 { background-position: 0 -80px; } span.price-five, span.price-5 { background-position: 0 -100px; } span.star-rating { text-indent: -9999px; display: inline-block; height: 16px; width: 96px; background-image: url(../images/icons/icon-sprite.png); background-repeat: no-repeat; } .ie6 span.star-rating { background-image: url(../images/icons/icon-sprite.gif); } span.star-zero, span.star-0 { background-position: -100px 0; } span.star-one, span.star-1 { background-position: -100px -20px; } span.star-two, span.star-2 { background-position: -100px -40px; } span.star-three, span.star-3 { background-position: -100px -60px; } span.star-four, span.star-4 { background-position: -100px -80px; } span.star-five, span.star-5 { background-position: -100px -100px; } /* 11 PAGE TEMPLATES _________________________________________________ */ body { background: url(../images/layout/body-bg-hw-yellow.png) no-repeat 50% 0; } body.is-home { background: url(../images/layout/body-bg-hw-yellow.png) no-repeat 50% 0; } body.stay_in_belfast, body.accommodation { background: url(../images/layout/body-bg-bitmap-stay.png) no-repeat 50% 0; } body.welcome_to_belfast { background: url(../images/layout/body-bg-scratches-welcome.jpg) no-repeat 50% 0; } body.whats_on { background: url(../images/layout/body-bg-triangles-whatson.png) repeat-x -190px 0; } body.things_to_do { background: url(../images/layout/body-bg-circles-todo.png) no-repeat 50% 0; } body.titanic-town, body.titanic { background: url(../images/layout/body-bg-theme-titanic.png) no-repeat 50% 0!important } body.tartan { background: url(../images/layout/body-bg-tartan.png) repeat-x -160px 0; } body.dots { background: url(../images/layout/body-bg-dots.png) repeat-x 40px 0; } body.bricks { background: url(../images/layout/body-bg-bricks.png) repeat-x 50% 0; } body.stripes { background: url(../images/layout/body-bg-stripes.gif) repeat-x 50% 0; } body.splatters { background: url(../images/layout/body-bg-splatters.png) no-repeat 50% 0; } body.grid { background: url(../images/layout/body-bg-grid.png) repeat-x 0 0; } body.hw-green { background: url(../images/layout/body-bg-hw-green.png) no-repeat 50% 0; } body.hw-pink { background: url(../images/layout/body-bg-hw-pink.png) no-repeat 50% 0; } body.shop { background: url(../images/layout/body-bg-triangles-shop.png) repeat-x 50% 0; } body.error { background: url(../images/layout/body-bg-error.png) repeat 50% 0!important; } body.light { background: #FFF; } body.world-class-golf { background: url(../images/layout/body-bg-golf.png) repeat-x 50% 0!important; } body.music { background: url(../images/layout/body-bg-music.png) no-repeat 50% 0!important; } body.cruise { background: url(../images/layout/body-bg-cruise.png) repeat-x 50% 0 #ebebeb!important; } body.ni2012-events, body.events-in-2012, body.events-2012 { background: url(../images/layout/body-bg-2012-events.png) no-repeat 50% 0!important; } body.christmas-events, body.christmas-hotel-deals, body.christmas-in-belfast, body.christmas-shopping, body.christmas-travel-and-parking { background: url(../images/layout/body-bg-christmas.png) no-repeat 50% 0!important; } body#corporate-section { background:none!important } #page-intro { background: #FFF; margin-bottom: 10px; padding: 10px; } #page-intro h1, #page-intro h2, #page-intro h3 { margin-bottom: 0; } #page-intro .floatleft { width: 492px; } #page-intro p { margin: 10px 0 0 0; max-width: 492px; } #hero-slider + #page-intro { margin-top: -10px; } .conference #hero-slider + #page-intro { margin-top: 0px; } .conference #page-intro p { margin: 10px 0; } .generic { background: #FFF; padding: 10px; } .generic a { color: #00B1E3; } .generic li { line-height: 1.4; } .generic table tr td, .generic table tr th { border-bottom: 1px solid #ebebeb; text-align: center; } .generic table thead tr th { font-weight: bold; } .generic table tbody tr th { font-weight: bold; text-align: left; } .generic table.info tr td, .generic table.info tr th { text-align: left; vertical-align: top; } .tabs { margin-bottom: 10px; } .tabs .tabs-sorting { padding: 10px; border-bottom: 1px solid #ebebeb; } .tabs .tabs-map, .tabs .tabs-pagination, .tabs .tabs-internal, .tabs-pagination { padding: 10px; } .tabs .tabs-internal .tab-main { float: left; width: 500px; margin-right: 10px; } .tabs .tabs-internal #map-wrapper { float: left; width: 556px; margin-right: 10px; } .tabs .tabs-internal #map-wrapper #map, .tabs .tabs-internal #map-wrapper #member_map { margin-bottom: 10px; } .tabs .tabs-internal .tab-summary { float: right; width: 172px; } .tabs .tabs-internal .tab-summary ul { list-style: none; margin: 0 0 1.5em 0; padding: 0; } .tabs .tabs-internal .tab-summary a { font-weight: normal; color: #00B1E3; } .tabs .tabs-internal .tab-summary ul.thumb-gallery li { width: 80px; float: left; margin: 0 3px; } .ie7 .tabs .tabs-internal .tab-main { width: 556px; margin-right: 10px; } .ie7 .tabs .tabs-internal #map-wrapper { margin-right: 10px; } .ie7 .tabs .tabs-internal .tab-summary { float: left; } .tabs-sorting .count_results { float: left; } .tabs-sorting .sort-by { float: right; } .ie7 .tabs-sorting .count_results, .ie7 .tabs-sorting .sort-by { float: none; margin-bottom: 4px; } .tabs-sorting select { background: #ececec; border: 1px solid #cecece; margin-left: 10px; } .tabs-pagination span.active, .tabs-pagination a.active { background: #969696; background: rgba(0,0,0,0.4); display: inline-block; line-height: 2; padding: 0 10px; margin: 0 0 0 4px; cursor: default; } .tabs-pagination a.active:hover { background: #969696; text-decoration: none; } .tabs-pagination a { background: #d2d2d2; background: rgba(0,0,0,0.2); display: inline-block; line-height: 2; padding: 0 10px; min-width: 8px; text-align: center; } .tabs-pagination span.inactive a { background: transparent; color: #d2d2d2; color: rgba(0,0,0,0.2); cursor: default; -webkit-box-shadow: inset 0px 0px 1px 0px #d2d2d2; -moz-box-shadow: inset 0px 0px 1px 0px #d2d2d2; box-shadow: inset 0px 0px 1px 0px #d2d2d2; } .tabs-pagination a:hover { background: #FFF; text-decoration: none; } .result { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .result:hover { background: #f3f3f3; } .result i { color: #ababab; padding: 0 2px; } /* Results tab */ .tabs .tabs-results .result { padding: 10px; border-bottom: 1px solid #ebebeb; } .tabs .tabs-results .result .result-thumbnail { float: left; padding-right: 10px; } .tabs .tabs-results .result .result-information { float: left; width: 566px; } .tabs .tabs-results .result .result-information p {margin-bottom: 10px; } .tabs .tabs-results .result .result-information .meta { margin-bottom: 10px; } .tabs .tabs-results .result .result-information .meta p { margin-bottom: 4px; font-size: 12px; } .tabs .tabs-results .result .result-information a.block-link { color: #FFF; background: #bb1d29; margin-top: 0; } .tabs .tabs-results .result .result-information a.block-link:hover { color: #bb1d29!important; background: #FFF; } .tabs .tabs-results .result .result-information .star-rating { margin-left: 10px; } /* Map tab */ .tabs .tabs-map #map-wrapper { float: left; width: 556px; } .tabs .tabs-map #map-results { float: left; width: 192px; height: 480px; overflow-x: hidden; } .tabs .tabs-map #map-results .result { border-bottom: 1px solid #ebebeb; padding: 10px 0 0 10px; } .tabs .tabs-map #map-results .result .map-result-identifier { background: #FFF; display: inline-block; line-height: 1.7; padding: 0 8px; border: 1px solid #000; font-weight: bold; float: left; margin-right: 10px; } .tabs .tabs-map #map-results .result .map-result-information { float: left; width: 124px; } .tabs .tabs-map #map-results .result .map-result-information .star-rating { display: block; margin-bottom: 5px; } #corporate-section #large-search .left, #corporate-section #large-search .right { width: 50% } #corporate-section #large-search .left { float: left; } #corporate-section #large-search .right { float: right; } #corporate-section #large-search .floatleft, #corporate-section #large-search .floatright { width: 48%; } #corporate-section #large-search input[type=text], #corporate-section #large-search input[type=date], #corporate-section #large-search select, #corporate-section #large-search input[type=submit] { width: 100% !important; height: 30px; padding: 0px;} #corporate-section #large-search label { display: block; color: white; padding: 10px 0; } #corporate-section #large-search .hasDatepicker { font-size: 13px; padding: 0; } #corporate-section #large-search input[type=submit] { margin-top: 33px; border-radius: 0; background: #00648c; color: white; border: none; text-shadow: none; line-height: 16px; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; } #corporate-section #large-search .top label { display: inline; color: black; margin-right: 20px; width: auto; line-height: 32px; padding: 0; } #corporate-section #large-search input[type=checkbox] { width: 15px; height: 15px; } /* Photo gallery tab */ .photo-gallery img { float: left; width: 90px; height: 90px; margin: 0 10px 10px 0; } .video-wrapper {margin-bottom:20px;} /* List view tab */ .tabs-list table { margin: 0; } .ie7 .tabs-list table { width: 700px!important; } .tabs-list table thead tr td, .tabs-list table thead tr, .tabs-list table tbody tr td { border-bottom: 1px solid #ebebeb!important; } .tabs-list table th { text-align: left; font-weight: bold; color: #00b1e3; border-right: 1px solid #ebebeb; } .tabs-list table td.cta { text-align: right; } .tabs-list table td.cta a.block-link { color: #FFF; background: #bb1d29; } .tabs-list table td.cta a.block-link:hover { color: #bb1d29!important; background: #FFF; } .tabs-list table tbody tr { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .tabs-list table tbody tr:hover { background: #f3f3f3; } .tabs-list table tbody tr td .star-rating { display: block; } /* What's on */ .lt-ie8 .whats-on-highlights .four-columns .column { height: 250px; } .whats-on-highlights .four-columns .column { position: relative; } .whats-on-highlights .four-columns .column a.important { position: absolute; top: 80px; width: 172px; padding: 0!important; height: 24px; line-height: 24px; color: #FFF!important; } .whats-on-highlights .four-columns .column a.important:hover { color: #BB1D29!important; } /* Custom styles for Events List view */ .tabs-list table tbody tr td.event-title-date p { margin-bottom: 1px; font-size: 12px; } .tabs-list table tbody tr td.event-title-date .meta p { margin-bottom: 4px; font-size: 12px; } .tabs-list table tbody tr td.event-venue { white-space: nowrap; } .tabs-list table tbody tr td.events-cta { text-align: center; } .tabs-list table tbody tr td.events-cta a.block-link { margin-top: 0; white-space: nowrap; } /* Results filter */ .filter-section { background: #d2d2d2; padding: 10px 10px 0 10px; border-bottom: 1px solid #ebebeb; } .filter-section h5 { font-size: 13px; margin-bottom: 10px; cursor: pointer; } .filter-section h5.collapsed { background: url(../images/layout/filter-section-plus.gif) no-repeat 100% 50%; } .filter-section h5.expanded { background: url(../images/layout/filter-section-plus-expanded.gif) no-repeat 100% 50%; cursor: default; } .filter-section p { margin-bottom: 10px; } .filter-section p input { float: left; margin-right: 8px; } .filter-section p label { float: left; width: 135px; line-height: 1.2; } .lt-ie8 .filter-section p label { width: 125px; } .filter-section .options {} /* Sticky filter */ .sticky #filter { position: fixed; top: 0; width: 182px; z-index: 9; } /* Member page */ #hero-member-image { position: relative; margin-bottom: 10px; min-height: 374px; } #hero-member-image img {} #hero-member-image #member-logo { position: absolute; z-index: 2; background: #d2d2d2; width: 192px; height: 374px; right: 0; top: 0; } #hero-member-image #member-logo img { position: absolute; z-index: 3; width: 172px; right: 10px; bottom: 10px; } .member-additional ul, .member-downloads ul, .itinerary-links ul { list-style: none; padding: 0; } .member-downloads ul li { line-height: 16px; background: url(../images/icons/page.png) no-repeat 0 50%; padding-left: 24px; padding-bottom: 0; margin-bottom: 8px; } .member-downloads ul li.doc, .member-downloads ul li.docx { background: url(../images/icons/doc.png) no-repeat 0 50%; } .member-downloads ul li.xls, .member-downloads ul li.xlsx { background: url(../images/icons/xls.png) no-repeat 0 50%; } .member-downloads ul li.pps, .member-downloads ul li.ppt { background: url(../images/icons/ppt.png) no-repeat 0 50%; } .member-downloads ul li.pdf { background: url(../images/icons/pdf.png) no-repeat 0 50%; } .member-downloads ul li.zip { background: url(../images/icons/zip.png) no-repeat 0 50%; } .member-additional ul a, .member-downloads ul a, .itinerary-links ul a { font-weight: normal; } .member-additional, .itinerary-links { float: left; width: 246px; } .member-downloads { float: left; width: 244px; margin-top: 15px; } .four-columns img { width: 172px; height: 114px; } .four-columns .column, .four-columns .column a.image-link { position: relative; } .four-columns .column a.important { position: absolute; top: 80px; width: 172px; padding: 0!important; height: 24px; line-height: 24px; } .three-columns .column, .three-columns .column a.image-link { position: relative; } .three-columns .column a.important { position: absolute; top: 122px; width: 236px; padding: 0!important; height: 24px; line-height: 24px; } .one-event .column { padding: 0; margin: 0 5px!important; } .one-event .column .member-event-image { float: left; width: 182px; } .one-event .column .member-event-title-cta { float: left; width: 570px; } .one-event .column img { width: 172px; height: 114px; } .one-event .column a.important { width: 150px; } .two-events .column { padding: 0; margin: 0 5px 0 10px!important; width: 364px; float: left; } .two-events .column .member-event-image { float: left; width: 130px; } .two-events .column .member-event-title-cta { float: left; width: 234px; } .two-events .column img { width: 120px; height: 80px; } .two-events .column a.important { width: 150px; } .two-events .odd { clear: both; } /* Event Page */ #hero-event-image { position: relative; margin-bottom: 10px; } .expired-event { background: #a70336; color: #FFF; font-size: 16px; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; padding: 10px; margin: 0 0 10px; } .expired-event a { color: #FFF; font-weight: normal; } /* Cruise Schedule */ .cruise-schedule .months { float: left; width: 182px; } .cruise-schedule .schedule { float: left; width: 586px; } .cruise-schedule .schedule h3 { padding: 15px 20px 10px 20px; margin: 0; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; } .cruise-schedule .months ul { list-style: none; margin: 0; padding: 0; } .cruise-schedule .months ul li { border-bottom: 1px solid #ebebeb; padding: 0; } .cruise-schedule .months ul li a { padding: 0 10px; line-height: 2.4; display: block; } .cruise-schedule .months ul li a:hover, .cruise-schedule .months ul li a.active { text-decoration: none; background: #cfe6c3; } .cruise-schedule .cruise { padding: 15px 20px; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; font-size: 16px; } .cruise-schedule .cruise .day-time { float: left; width: 150px; } .cruise-schedule .cruise .cruise-details { float: left; width: 390px; } .cruise-schedule .cruise span { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; } .cruise-schedule .cruise span, .cruise-schedule .cruise h4 { display: block; margin-bottom: 2px; } #download-schedules { background: #FFF; padding: 10px; } #download-schedules ul { list-style: none; margin: 0; padding: 0; } #download-schedules ul li { margin: 0; } #download-schedules ul li a { color: #74cac7; font-weight: normal; } /* Site Map */ .site-map { background: #FFF; padding: 10px 0 0; } .site-map h3 { font-size: 18px; } .site-map .site-map-section { padding: 10px; border-bottom: 10px solid #EDEDED; } ul.sitemap-list, ul.sitemap-list ul { list-style: none; margin: 0; padding: 0; } ul.sitemap-list li, ul.sitemap-list ul li { font-size: 12px; line-height: 1.2; margin-bottom: 2px; } ul.sitemap-list li a, ul.sitemap-list ul li a { font-weight: normal; padding-right: 10px; } ul.sitemap-list ul ul { margin: 5px 0 10px 10px; font-size: 11px; } ul.sitemap-list ul ul li { font-size: 11px; } li.site-map-column { float: left; width: 25%; } /** CORPORATE */ /* Fancybox thumbs */ #fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:1005} #fancybox-thumbs.bottom{bottom:2px} #fancybox-thumbs.top{top:2px} #fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0} #fancybox-thumbs ul li{float:left;padding:1px;opacity:.5} #fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff} #fancybox-thumbs ul li:hover{opacity:1} #fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:0} #fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0} #conference-tweets-sidebar { list-style: none; padding-left: 0px; } #conference-tweets-sidebar .tweet-head img { float: left; } .block-content a.follow-us { color: #0080A6; position: absolute; right: 0; bottom: 0; font-size: 11px; font-weight: normal; text-align: right; padding-right: 30px; background: url(/assets/website/images/layout/follow-us.png) no-repeat 100% 0; text-transform: uppercase; line-height: 20px; height: 20px; -webkit-transition: background 0s ease; -moz-transition: background 0s ease; transition: background 0s ease; padding-right: 35px; background-position: 66px; margin-bottom: 5px; } .board-members ul { border-top: 1px solid #ebebeb; margin: 0px; padding: 0px; } .board-members li { padding: 5px; border-bottom: 1px solid #ebebeb; list-style: none; margin-left: 0px; } .board-members h5 { color: #00ace1; margin-top: 25px; } .newsletter-signup-logo { margin-bottom: 20px; } .career-block, .tender-block{ padding: 10px; margin-bottom: 10px; } .key-contacts .block-title { width: 245px; } .key-contacts hr { border-color: #ebebeb; clear: both; } .contact-block .image { width: 172px; float: left; margin: 0 20px 0 0; min-height: 60px; } .contact-block p { margin: 0 !important; } .logos img { display: inline-block; vertical-align: middle; margin-right: 54px } .logos .last { margin-right: 0; } /* Error pages */ #main-error-container { float: none; clear: both; padding: 50px 10px 10px; min-height: 533px; background: #FFF url(../images/layout/main-error-container-bg.png) no-repeat 0 0; } #main-error-container .error-message { padding: 10px; background: #FFF; width: 450px; } #main-error-container .error-message h2 { font-size: 56px; margin-bottom: 0; } #main-error-container .error-message h3 { font-size: 28px; } #main-error-container .error-message input#error-search { border: 1px solid #787878; height: 32px; width: 280px; background: #FFF url(../images/forms/search-submit.gif) no-repeat 97% 50%; padding-right: 20px; } #main-error-container .error-message input.search-submit { float: right; background: #787878; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 32px; } #main-error-container .error-message input.search-submit:hover { color: #787878; background: #FFF; } /* Forms */ .nFailure p { color: red; font-weight: bold; } .form-column-1 { float: left; width: 365px; margin-bottom: 20px; position: relative; } .form-column-2 { float: right; width: 365px; margin-bottom: 20px; position: relative; } .form-column-1 h3, .form-column-2 h3, .form-column h3 { color: #009fd8; } p.form-row, p.empty-form-row { border-top: 1px solid #dcdcdc!important; padding: 3px 0; margin: 0!important; line-height: 28px; } p.form-row label { float: left; width: 130px; line-height: 1.4; padding: 4px 0; } p.form-row label.label-right { float: none; position: relative; left: 130px; } p.form-row label.label-full { float: none; display: block; } p.form-row label.label-right-first { float: none; position: relative; left: 0px; } p.form-row input.textbox, p.form-row select, p.form-row textarea.textarea { border: 1px solid #cecece; } p.form-row textarea.textarea { margin-bottom: 4px; } p.form-row input.textbox { width: 200px; background: #ececec; } p.form-row input.textbox-small { width: 93px!important; } p.form-row textarea.textarea { width: 584px; background: #ececec; } .light p.form-row input.textbox { width: 280px; } p.form-row select { width: 170px; background: #ececec url(../images/forms/select_arrow.gif) no-repeat right center; } p.form-row input.textbox:focus, p.form-row select:focus { background-color: #FFF; } .form-column p.form-row { padding: 2px 110px 6px; } .form-column p.form-row label { width: 200px; } .form-column p.form-row input.textbox { width: 300px; } .newsletter-bottom { position: relative; } .newsletter-bottom input.subscribe-submit { background: #009fd8; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 32px; } .newsletter-bottom input.subscribe-submit:hover { background: #FFF; color: #009fd8; } /* Search result page */ #cse { background: #FFF; padding: 0; min-height: 600px; } #search-backup { background: #FFF; padding: 10px; min-height: 300px; } #cse .loading { padding: 20px; } #cse form.gsc-search-box { padding: 20px; width: auto!important; } #cse table { margin-bottom: 0; } #cse table td { padding: 0!important; } .gsc-results { width: 100%!important; } .gs-result .gs-snippet { margin-bottom: 10px; line-height: 1.3!important; } .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl { color: #878787!important; } .cse .gsc-control-cse, .gsc-control-cse { border: none!important; padding: 0!important; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic { margin-bottom: 0!important; } .gs-result .gs-title, .gs-result .gs-title * { color: #101010!important; text-decoration: none!important; font-size: 16px; line-height: 1.25; } .gs-result .gs-title { margin-bottom: 0.4em; } .gs-result .gs-title:hover { text-decoration: underline!important; } .gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image { max-width: 117px!important; max-height: 234px!important; border: none!important; } .gs-web-image-box, .gs-promotion-image-box { width: 117px!important; padding-right: 0px!important; margin-right: 10px!important; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic { padding: 10px!important; border: none!important; border-bottom: 1px solid #ebebeb!important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-imageResult-column:hover, .gsc-imageResult-classic:hover { background: #f3f3f3; } .gsc-results .gsc-cursor-box { padding: 10px; margin-bottom: 0!important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { background: #d2d2d2; background: rgba(0,0,0,0.2); display: inline-block!important; line-height: 2; padding: 0 10px; min-width: 8px; text-align: center; font-weight: bold; text-decoration: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .lt-ie8 .gsc-results .gsc-cursor-box .gsc-cursor-page { display: inline!important; } .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #FFF; text-decoration: none; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: #969696!important; color: #101010!important; } .gcsc-branding { display: none; } /* Competition page*/ .show-competition #competition-intro { margin: 0 0 10px; } .show-competition #competition-intro img { float: right; margin: 0 0 10px 10px; } .show-competition h4 { clear: both; } .show-competition #question-answers p { margin-bottom: 6px; } .show-competition .competition-form { margin-top: 20px; clear: both; } .show-competition .competition-form p.form-row, .enquiry-form p.form-row { border: none; } .show-competition .competition-form input.enter-submit { background: #009fd8; color: #FFF; font-family: 'Museo500', "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 32px; } .show-competition .competition-form input.enter-submit:hover { background: #FFF; color: #009fd8; } .show-competition .competition-t-c, .show-competition .competition-t-c p, .show-competition .competition-t-c ul, .show-competition .competition-t-c ol, .show-competition .competition-t-c li { color: #666; font-size: 11px; display: inline; } .show-competition .competition-t-c ul, .show-competition .competition-t-c ol { margin: 0; padding: 0; list-style: none; } .conference p#memberships { margin: 40px 0 -20px; color: #AAA; } /* Visitor Pass offers */ #visitor-pass-featured-offers .visitor-pass-offer { float: left; margin: 0 10px; width: 166px; margin-bottom: 20px; background: #000; position: relative; } #visitor-pass-featured-offers .visitor-pass-offer .visitor-pass-offer-info { padding: 10px; color: #FFF; height: 95px; overflow: hidden; } #visitor-pass-featured-offers .visitor-pass-offer .visitor-pass-offer-info h3 { font-size: 16px; } #visitor-pass-featured-offers .visitor-pass-offer .visitor-pass-offer-info p { font-size: 12px; margin: 0; } #visitor-pass-featured-offers .visitor-pass-offer .badge { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: #17add9; text-align: center; color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-percent-off { } #visitor-pass-featured-offers .visitor-pass-offer .badge-percent-off span { font-size: 18px; display: block; padding-top: 4px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-free { font-size: 16px; line-height: 50px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-kids-go-free {} #visitor-pass-featured-offers .visitor-pass-offer .badge-kids-go-free span { display: block; padding-top: 4px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-kids-go-free span.go { font-size: 9px; display: block; padding: 0; } #visitor-pass-featured-offers .visitor-pass-offer .badge-free-entry {} #visitor-pass-featured-offers .visitor-pass-offer .badge-free-entry span { display: block; padding-top: 8px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-x-for-x { font-size: 17px; line-height: 50px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-x-for-x span { font-size: 10px; color: rgba(255, 255, 255, 0.7); } #visitor-pass-featured-offers .visitor-pass-offer .badge-money-off {} #visitor-pass-featured-offers .visitor-pass-offer .badge-money-off span { font-size: 18px; display: block; padding-top: 4px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-price { font-size: 16px; line-height: 50px; } #visitor-pass-featured-offers .visitor-pass-offer .badge-price-sup { font-size: 15px; line-height: 50px; } #visitor-pass-other-offers .column { float: left; margin: 0 10px; width: 166px; } #visitor-pass-other-offers .visitor-pass-offer { padding: 20px 10px; border-bottom: 1px solid #ebebeb; } #visitor-pass-other-offers .visitor-pass-offer:last-of-type { border-bottom: none; } #visitor-pass-other-offers .visitor-pass-offer h3 { font-size: 16px; } #visitor-pass-other-offers .visitor-pass-offer p { font-size: 12px; color: #8a8a8a; margin: 0; } .venue-table th, .venue-table td { text-align: left; border-bottom: 1px solid #000; padding: 4px 0; } table.specs th, table.specs td, table.max th, table.max td { width: 50%; } table.specs { float: left; width: 278px; } table.max { float: right; width: 278px; } /* Theme offers */ .theme-offers { padding: 0!important; } .theme-offers #theme-offers-header { border-bottom: 1px solid #ebebeb; background: #FFF; } .theme-offers #theme-offers-header h3 { margin: 0; font-size: 16px; float: left; padding: 0 10px; line-height: 28px; } .theme-offers #theme-offers-header .links { float: right; padding: 0 10px; } .theme-offers #theme-offers-header h4, .theme-offers #theme-offers-header a { display: inline-block; padding: 0 10px; border-right: 1px solid #ebebeb; line-height: 28px; margin: 0; font-size: 13px; } .theme-offers #theme-offers-header a { cursor: pointer; } .theme-offers #theme-offers-header a.current { color: #d20829; } .theme-offers #theme-offers-header a:last-of-type { border-right: none; } .theme-offers .select-options { margin-bottom: 10px; display: none; } .theme-offers .select-options-type { display: block; } .theme-offers .select-options label { float: left; margin: 0 10px; width: 166px; margin-bottom: 8px; } .theme-offers .select-options label:nth-child(4n+1) { clear: left; } .theme-offers #map { padding: 0px; margin: 0 10px; } .theme-offer-title { padding: 10px 10px 0 10px; } .theme-offer-title h4 { color: #d31627; } a.enquiry { width: 136px; display: block; margin: 10px 0; background-color: #7bd2e4; line-height: 30px; padding-left: 36px; font-weight: normal; } #page-intro a.enquiry { width: auto; padding-right: 10px; } a.enquiry:hover { text-decoration: none; } a.enquiry-remove { background-image: url(../images/layout/enquiry-remove.gif); background-repeat: no-repeat; background-position: 0 0; } a.enquiry-add { background-image: url(../images/layout/enquiry-add.gif); background-repeat: no-repeat; background-position: 0 0; } .enquiry-basket input.enquiry-submit { background: #69a8bd; color: #FFF; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 162px; text-align: center; font-weight: normal; padding: 0; line-height: 2!important; height: 32px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .enquiry-basket input.enquiry-submit:hover { background: #34545e; color: #FFF; } .enquiry-basket ul.enquiry-list li { border-bottom: 1px solid #000; padding: 4px 0; line-height: 0.99; } .enquiry-basket ul.enquiry-list li span { float: left; display: block; width: 136px; line-height: 1.2; } .enquiry-basket ul.enquiry-list li a { float: right; display: block; width: 16px; height: 16px; background: #69a8bd url(../images/layout/enquiry-x.png) no-repeat 0 0; text-indent: -9999px; } .enquiry-basket ul.enquiry-list li a:hover { background: #34545e url(../images/layout/enquiry-x.png) no-repeat 0 0; } /* Conference events calendar */ #events-by-month-nav { padding: 10px; border-bottom: 1px solid #ebebeb;} #events-by-month-nav span { float: left; font-size: 16px; color: #868686; width: 70px; line-height: 20px; } #events-by-month-nav .year { float: right; width: 670px; font-size: 14px; line-height: 20px; } #events-by-month-nav .year a { padding-left: 6px; color: #d54255; } .events-by-month {} .events-by-month .month { padding-left: 10px; border-bottom: 1px solid #ebebeb; } .events-by-month .month h2 { float: left; width: 190px; font-size: 24px; color: #d54255; margin-top: 10px; } .events-by-month .month .result { float: right; width: 538px; padding: 10px; border-bottom: 1px solid #ebebeb; } .events-by-month .month .result:last-of-type { margin-bottom: 0; border-bottom: none; } /* Conference news */ .news-story { padding: 10px; border-bottom: 1px solid #ebebeb; } .news-story:hover { background: #f3f3f3; } .news-story:last-of-type { border: none; } .news-story h3 { font-size: 20px; margin: 0; } .news-story p.date { margin-bottom: 8px; } .news-story p:last-of-type { margin-bottom: 0; } #news-content { margin-top: 10px; } /* Conference submit enquiry */ table.setup-table { width: auto; } table.setup-table th { text-align: left; } table.setup-table tr td { border-top: 1px solid #ebebeb; } table.setup-table input.textbox { border: 1px solid #cecece; background: #ececec; width: 150px; } table.setup-table select { width: 300px; border: 1px solid #cecece; background: #ececec url(../images/forms/select_arrow.gif) no-repeat right center; } table.setup-table input.textbox:focus, table.setup-table select:focus { background-color: #FFF; } body.conference button.rates-setup-add, body.conference button.room-setup-add { background: #D54255; color: #FFF; font-size: 12px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-weight: normal; padding: 0 10px; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; } body.conference input.enquiry-submit-btn { background: #D54255; color: #FFF; font-size: 16px; text-shadow: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-weight: normal; padding: 0; line-height: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 32px; width: 162px; margin-top: 20px;} body.conference input.enquiry-submit-btn:hover { background: #FFF; color: #D54255; } /* BOOTSTRAP TABLES */ table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f9f9f9; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table tbody tr.success td { background-color: #dff0d8; } .table tbody tr.error td { background-color: #f2dede; } .table tbody tr.warning td { background-color: #fcf8e3; } .table tbody tr.info td { background-color: #d9edf7; } .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } /* 12 PLUGINS _________________________________________________ */ /* Formalize */ /* Widths */ .input_tiny {width: 50px;} .input_small {width: 100px;} .input_medium {width: 150px;} .input_large {width: 200px;} .input_xlarge {width: 250px;} .input_xxlarge {width: 300px;} .input_full {width: 100%;} .input_full_wrap {display: block;padding-right: 8px;} /* Added via JS to