/** * Responsable Grid System * * Setting up a responsive grid based on Semantic GS * * @author Abban Dunne http://abandon.ie * @author James Wilson http://jimmynotjim.com * @version 0.9 */ /* ========================================================== */ /* = ../fonts = */ /* ========================================================== */ /*@font-face { font-family: 'Pictos Custom'; src: url('../fonts/pictos_custom.eot'); src: url('../fonts/pictos_custom.eot?#iefix') format('embedded-opentype'), url('../fonts/pictos_custom.woff') format('woff'), url('../fonts/pictos_custom.ttf') format('truetype'); font-weight: normal; font-style: normal; }*/ @charset "UTF-8"; @font-face { font-family: 'Pictos Custom'; src: url('../fonts/pictos_custom-webfont.eot'); src: url('../fonts/pictos_custom-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pictos_custom-webfont.woff') format('woff'), url('../fonts/pictos_custom-webfont.ttf') format('truetype'), url('../fonts/pictos_custom-webfont.svg#pictosregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Calibri"; src: url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix"); src: url("../fonts/d4acc8cd-67f2-4139-80be-d669bb2564d7.eot?#iefix") format("eot"), url("../fonts/59b6060c-d311-413e-b351-d79aaf982f7a.svg#59b6060c-d311-413e-b351-d79aaf982f7a") format("svg"), url("../fonts/1ff86dd4-d3b2-4325-89bc-c6eb493cedba.woff") format("woff"), url("../fonts/aa6b4b64-5ce0-48fd-887a-bece037cd9c9.ttf") format("truetype"); } @font-face { font-family: "Calibri"; src: url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix"); src: url("../fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"), url("../fonts/ab531dcb-6916-45d8-9326-ab3e33d75ef3.svg#ab531dcb-6916-45d8-9326-ab3e33d75ef3") format("svg"), url("../fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"), url("../fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: "Calibri"; src: url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix"); src: url("../fonts/c0f723f3-c373-4abc-9043-0fb0b460b8dc.eot?#iefix") format("eot"), url("../fonts/d5b3dbd1-291d-4354-bdcd-216ef956c562.svg#d5b3dbd1-291d-4354-bdcd-216ef956c562") format("svg"), url("../fonts/e43fbe67-bdec-48c3-b305-e4f021d8e755.woff") format("woff"), url("../fonts/7cf1f907-81f8-4b27-8ae5-986118860da1.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: "Calibri"; src: url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix"); src: url("../fonts/f5fb4de8-efeb-47a8-94a7-50b825a6966a.eot?#iefix") format("eot"), url("../fonts/318af76f-0012-4791-a785-d241f2613955.svg#318af76f-0012-4791-a785-d241f2613955") format("svg"), url("../fonts/cac25ebb-269d-41e9-8ee5-78589746706e.woff") format("woff"), url("../fonts/6a4b5dab-ebbd-4741-80c7-3b30cd46e05d.ttf") format("truetype"); font-style: italic; } @font-face { font-family: "Trajan"; src: url("../fonts/5cbd8dde-fb39-4dd1-aa25-5bb5842eb03d.eot?#iefix"); src: url("../fonts/5cbd8dde-fb39-4dd1-aa25-5bb5842eb03d.eot?#iefix") format("eot"), url("../fonts/001e534b-3742-45b3-b20b-d4c53c41a519.svg#001e534b-3742-45b3-b20b-d4c53c41a519") format("svg"), url("../fonts/b4312891-e355-4bdc-80c9-ef3dbf7bd916.woff") format("woff"), url("../fonts/124dc47b-32a0-4543-a60e-d8aad32782b4.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: "Trajan"; src: url("../fonts/a602588d-0fb5-40a8-a1b9-112c323b8a73.eot?#iefix"); src: url("../fonts/a602588d-0fb5-40a8-a1b9-112c323b8a73.eot?#iefix") format("eot"), url("../fonts/5fac8357-5dba-4c53-80c1-607abd0eae0e.svg#5fac8357-5dba-4c53-80c1-607abd0eae0e") format("svg"), url("../fonts/42eddbd0-3b0e-4c24-ba3b-57b9859b2602.woff") format("woff"), url("../fonts/a901f152-b0d8-4686-bbaa-8a5aff10781b.ttf") format("truetype"); font-weight: bold; } /*@font-face { font-family: "Pictos Custom"; src: url("../fonts/pictos_custom.eot?#iefix"); src: url("../fonts/pictos_custom.eot?#iefix") format("eot"), url(data:font/woff;charset=utf-8;base64,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) format('woff'), url(data:font/truetype;charset=utf-8;base64,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) format('truetype'); font-weight: normal; font-style: normal; }*/ /* Pictos */ [data-icon] { display: inline-block; *display: inline; } [data-icon]:before { font-family: 'Pictos Custom'; content: attr(data-icon); -webkit-font-smoothing: antialiased; text-transform: none; font-size: 1.5em; vertical-align: -8%; font-weight: normal; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu p { display: none; } /* ========================================================== */ /* = Import normalize, baseline and grid = */ /* ========================================================== */ /** * Declare your constants here. All constant names should be UPPERCASE */ @font-face { font-family: 'icomoon'; src: url('../fonts/icons/icomoon.eot?g2d932'); src: url('../fonts/icons/icomoon.eot?#iefixg2d932') format('embedded-opentype'), url('../fonts/icons/icomoon.woff?g2d932') format('woff'), url('../fonts/icons/icomoon.ttf?g2d932') format('truetype'), url('../fonts/icons/icomoon.svg?g2d932#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-office:before { content: "\e00b"; } .icon-pencil:before { content: "\e00f"; } .icon-pencil2:before { content: "\e011"; } .icon-pencil3:before { content: "\e012"; } .icon-new:before { content: "\e061"; } .icon-profile:before { content: "\e078"; } .icon-file:before { content: "\e07b"; } .icon-file-download:before { content: "\e081"; } .icon-file-upload:before { content: "\e082"; } .icon-file-remove:before { content: "\e084"; } .icon-file-download2:before { content: "\e089"; } .icon-file-upload2:before { content: "\e08a"; } .icon-file-check:before { content: "\e08b"; } .icon-file-remove2:before { content: "\e08c"; } .icon-credit:before { content: "\e0d5"; } .icon-credit2:before { content: "\e0d6"; } .icon-support:before { content: "\e0d9"; } .icon-phone:before { content: "\e0dc"; } .icon-phone2:before { content: "\e0dd"; } .icon-envelop:before { content: "\e0eb"; } .icon-location:before { content: "\e0f1"; } .icon-calendar:before { content: "\e113"; } .icon-calendar2:before { content: "\e116"; } .icon-download:before { content: "\e132"; } .icon-upload:before { content: "\e133"; } .icon-disk:before { content: "\e134"; } .icon-bubble-quote:before { content: "\e16d"; } .icon-quotes-left:before { content: "\e19f"; } .icon-quotes-right:before { content: "\e1a0"; } .icon-search:before { content: "\e1ba"; } .icon-clipboard:before { content: "\e295"; } .icon-signup:before { content: "\e296"; } .icon-clipboard2:before { content: "\e297"; } .icon-clipboard3:before { content: "\e298"; } .icon-download2:before { content: "\e2b8"; } .icon-upload2:before { content: "\e2b9"; } .icon-download3:before { content: "\e2be"; } .icon-upload3:before { content: "\e2bf"; } .icon-link:before { content: "\e2c9"; } .icon-bookmark:before { content: "\e2e3"; } .icon-warning:before { content: "\e355"; } .icon-warning2:before { content: "\e356"; } .icon-notification:before { content: "\e357"; } .icon-notification2:before { content: "\e358"; } .icon-info:before { content: "\e362"; } .icon-info2:before { content: "\e363"; } .icon-cancel-circle:before { content: "\e365"; } .icon-cancel-circle2:before { content: "\e366"; } .icon-checkmark-circle:before { content: "\e367"; } .icon-checkmark:before { content: "\e370"; } .icon-checkmark2:before { content: "\e371"; } .icon-enter:before { content: "\e379"; } .icon-exit:before { content: "\e37a"; } .icon-enter2:before { content: "\e37d"; } .icon-exit2:before { content: "\e37f"; } .icon-play:before { content: "\e380"; } .icon-arrow-up:before { content: "\e3b0"; } .icon-arrow-right:before { content: "\e3b1"; } .icon-arrow-down:before { content: "\e3b2"; } .icon-arrow-left:before { content: "\e3b3"; } .icon-arrow-up2:before { content: "\e3b4"; } .icon-arrow-right2:before { content: "\e3b5"; } .icon-arrow-down2:before { content: "\e3b6"; } .icon-arrow-left2:before { content: "\e3b7"; } .icon-checkbox-checked:before { content: "\e435"; } .icon-checkbox-unchecked:before { content: "\e436"; } .icon-radio-checked:before { content: "\e438"; } .icon-radio-unchecked:before { content: "\e439"; } .icon-circle:before { content: "\e43a"; } .icon-circle2:before { content: "\e43b"; } .icon-newtab:before { content: "\e47c"; } .icon-share:before { content: "\e48c"; } .icon-libreoffice:before { content: "\e4e1"; } .icon-file-pdf:before { content: "\e4e2"; } .icon-file-openoffice:before { content: "\e4e3"; } .icon-file-word:before { content: "\e4e4"; } .icon-file-excel:before { content: "\e4e5"; } .icon-file-powerpoint:before { content: "\e4e7"; } .icon-uniE600:before { content: "\e600"; } /* Higher numbers are darker */ /* Add site specific colour variables here */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /*! +---------------------------------------------------------------------+ | _ _ _ | | | |_ _ _ _ __ ___ _ __ | | __ _ | |_ ___ | | | __|| | | || '_ \ / _ \| '_ \ | | / _` || __|/ _ \ | | | |_ | |_| || |_) || __/| |_) || || (_| || |_| __/ | | \__| \__, || .__/ \___|| .__/ |_| \__,_| \__|\___| | | |___/ |_| |_| | | | | | | URL: http://typeplate.com | | VERSION: 1.0.1 | | Github: https://github.com/typePlate/typeplate.github.com | | AUTHORS: Zachary Kain (@zakkain) & Dennis Gaebel (@gryghostvisuals) | | LICENSE: Creative Commmons | | http://creativecommons.org/licenses/by/3.0 | | | +---------------------------------------------------------------------+ */ @font-face { font-family: "Ampersand"; src: local("Georgia"), local("Garamond"), local("Palatino"), local("Book Antiqua"); unicode-range: U+270C; } @font-face { font-family: "Ampersand"; src: local("Georgia"); unicode-range: U+270C; } .ampersand-placeholder { font-family: Verdana, sans-serif; } .breakword { word-wrap: break-word; } .normal-wrap { word-wrap: normal; } .inherit-wrap { word-wrap: auto; } /** * Dropcap Sass @include * Use the following Sass @include with any selector you feel necessary. * @include dropcap(@float: left, @font-size: 4em, @font-family: inherit, @text-indent: 0, @margin: inherit, @padding: inherit, @color: inherit, @lineHeight: 1, @bg: transparent); * * Extend this object into your custom stylesheet. * */ .drop-cap:first-letter { float: left; margin: inherit; padding: inherit; font-size: 4em; font-family: inherit; line-height: 1; text-indent: 0; background: transparent; color: inherit; } html { font: normal 96%%/1.65 Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -webkit-font-smoothing: antialiased!important; } body { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; word-wrap: break-word; color: #444444; } .tera { font-size: 117px; font-size: 7.6171875%rem; margin-bottom: 0.2166153846153846%rem; } .giga { font-size: 90px; font-size: 5.859375%rem; margin-bottom: 0.28159999999999996%rem; } .mega { font-size: 72px; font-size: 4.6875%rem; margin-bottom: 0.352%rem; } .alpha { font-size: 60px; font-size: 3.90625%rem; margin-bottom: 0.42239999999999994%rem; } .beta { font-size: 48px; font-size: 3.125%rem; margin-bottom: 0.5279999999999999%rem; } .gamma { font-size: 36px; font-size: 2.34375%rem; margin-bottom: 0.704%rem; } .delta { font-size: 24px; font-size: 1.5625%rem; margin-bottom: 1.0559999999999998%rem; } .epsilon { font-size: 21px; font-size: 1.3671875%rem; margin-bottom: 1.2068571428571429%rem; } .zeta { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; } h1 { font-size: 36px; font-size: 2.34375%rem; margin-bottom: 0.704%rem; line-height: 1; margin-top: 0; font-weight: normal; } h2 { font-size: 24px; font-size: 1.5625%rem; margin-bottom: 1.0559999999999998%rem; line-height: 1; margin-top: 0; font-weight: normal; } h3 { font-size: 21px; font-size: 1.3671875%rem; margin-bottom: 1.2068571428571429%rem; line-height: 1; margin-top: 0; font-weight: normal; } h4 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; line-height: 1; margin-top: 0; font-weight: normal; } h5 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; line-height: 1; margin-top: 0; font-weight: normal; } h6 { font-size: 18px; font-size: 1.171875%rem; margin-bottom: 1.408%rem; line-height: 1; margin-top: 0; font-weight: normal; } p { margin: 0 0 1.5em; line-height: 1.65; } article { line-height: 1.65; } abbr, acronym, blockquote, code, dir, kbd, listing, plaintext, q, samp, tt, var, xmp { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } pre code { word-wrap: normal; white-space: -moz-pre-wrap; white-space: pre-wrap; } pre { white-space: pre; } code { white-space: pre; font-family: monospace; } /** * Abbreviations Markup * HMTL * * Extend this object into your markup. * */ abbr { font-variant: small-caps; font-weight: 600; text-transform: lowercase; color: #808080; } abbr:hover { cursor: help; } h1, h2, h3, h4, h5, h6 { color: #039393; } /** * Lining Definition Style Markup *
* * Extend this object into your markup. * */ .lining dt, .lining dd { display: inline; margin: 0; } .lining dt + dt:before, .lining dd + dt:before { content: "\A"; white-space: pre; } .lining dd + dd:before { content: ", "; } .lining dd:before { content: ": "; margin-left: -0.2rem; } /** * Dictionary Definition Style Markup *
* * Extend this object into your markup. * */ .dictionary-style dt { display: inline; counter-reset: definitions; } .dictionary-style dt + dt:before { content: ", "; margin-left: -0.2rem; } .dictionary-style dd { display: block; counter-increment: definitions; } .dictionary-style dd:before { content: counter(definitions, decimal) ". "; } /** * Stats Tab Markup * * * Extend this object into your markup. * */ .stats-tabs { padding: 0; } .stats-tabs li { display: inline-block; margin: 0 0.625rem 0 0; padding: 0 0.625rem 0 0; border-right: 0.125rem solid #cccccc; } .stats-tabs li:last-child { margin: 0; padding: 0; border: none; } .stats-tabs li a { display: inline-block; font-size: 1.5rem; font-weight: bold; } .stats-tabs li a b { display: block; margin: 0.125rem 0 0 0; font-size: 0.875rem; font-weight: normal; } /** * Blockquote Markup *

″″

* * Extend this object into your markup. * */ .cite { display: block; font-size: 0.875em; text-align: right; } /** * Pull Quotes Markup * * * Extend this object into your custom stylesheet. * */ .pull-quote { position: relative; padding: 1em; } .pull-quote:before, .pull-quote:after { height: 1em; opacity: 0.15; position: absolute; font-size: 4em; } .pull-quote:before { content: '“'; top: 0em; left: 0em; } .pull-quote:after { content: '”'; bottom: 0em; right: 0em; } /** * Figures Markup *
Fig. 4.2 | Type Anatomy, an excerpt from Mark Boulton's book"Designing for the Web"
* * Extend this object into your markup. * */ /** * Footnote Markup : Replace 'X' with your unique number for each footnote *

* * Extend this object into your markup. * */ /** * Grid * * Set up responsive grid system. * * This is heavily infleuenced by the Semantic Grid http://semantic.gs * * @author Abban Dunne http://abandon.ie * @author James Wilson http://jimmynotjim.com * @version 1.1 */ /* Utility variable — you should never need to modify this */ /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* Ensure grid columns are set to border-boxes. This is essential */ /* Our row container */ /* Our column container */ /* Push adds left padding */ /* Pull adds right padding */ .half { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } .third { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } .quarter { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 20px; *width: 20.03968253968254%; *padding: 0 19.950396825396826px; } .sixth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 16.666666666666664%; padding: 0 20px; *width: 11.706349206349206%; *padding: 0 19.950396825396826px; } /* ========================================================== */ /* = Layout Helpers = */ /* ========================================================== */ /* ========================================================== */ /* = Hack Replacements = */ /* ========================================================== */ /* ========================================================== */ /* = Vendor Easing = */ /* ========================================================== */ /*--------------------------------------------------- LESS Elements 0.6 --------------------------------------------------- A set of useful LESS mixins by Dmitry Fadeyev Special thanks for mixin suggestions to: Kris Van Herzeele, Benoit Adam, Portenart Emile-Victor, Ryan Faerman More info at: http://lesselements.com -----------------------------------------------------*/ /*---------------------------------------- COLUMNS ------------------------------------------*/ /*---------------------------------------- CSS3 STYLES ------------------------------------------*/ /*---------------------------------------- BUTTONS ------------------------------------------*/ /*---------------------------------------- ICONS ------------------------------------------*/ /*---------------------------------------- CUSTOM UI ELEMENTS ------------------------------------------*/ .btn-default { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } html.ie8 .btn-default, html.ie9 .btn-default { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 .btn-default, html.ie9 .btn-default { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } .btn-default span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 .btn-default span:before { font-size: 1.11em; } .btn-default:hover { background-color: #21b5b5; } .btn-square.blue { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1f3888; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); border: 1px solid #1a2f73; } html.ie8 .btn-square.blue, html.ie9 .btn-square.blue { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 .btn-square.blue, html.ie9 .btn-square.blue { -pie-background: linear-gradient(top, #24419d, #24419d 50%, #1a2f73 51%, #1a2f73); position: relative; zoom: 1; } .btn-square.blue span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 .btn-square.blue span:before { font-size: 1.11em; } .btn-square.blue:hover { background-color: #1a2f73; } /* */ .sidebar-module { margin-bottom: 40px; } @media screen and (max-width: 768px) { .sidebar-module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; } } @media screen and (max-width: 568px) { .sidebar-module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-left: 0%; margin-right: 0%; } } @media screen and (max-width: 380px) { .sidebar-module { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } } .sidebar-module header { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ width: 100%; padding: 15px 15px 12px 15px ; border: 1px solid #268b83; } html.ie8 .sidebar-module header, html.ie9 .sidebar-module header { background-image: none!important; filter: none!important; } .sidebar-module header h4 { color: #ffffff; margin: 0; font-size: 1em; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } .sidebar-module .top-content-wrap { width: 100%; padding: 10px 15px 0px 15px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .sidebar-module .top-content-wrap p { margin: 0; } .sidebar-module .top-content-wrap .caret { width: 18px; height: 11px; position: relative; top: 11px; left: 11px; background-image: url(/assets/images/design/side_caret.png); background-repeat: no-repeat; } .sidebar-module .content-wrap { width: 100%; background: #f7f7f7; border: 1px solid #dedede; } .sidebar-module .content-wrap ul.nav-list { list-style: none; padding: 0; margin: 0; } .sidebar-module .content-wrap ul.nav-list li { list-style: none; width: 100%; display: block; border-bottom: 1px solid #dedede; border-top: 1px solid #ffffff; } .sidebar-module .content-wrap ul.nav-list li:first-child { border-top: 0; } .sidebar-module .content-wrap ul.nav-list li:last-child { border-bottom: 0; } .sidebar-module .content-wrap ul.nav-list li a { text-transform: capitalize; color: #919191; display: block; width: 100%; height: 100%; padding: 10px; } html.ie8 .sidebar-module .content-wrap ul.nav-list li a { padding: 15px; } .sidebar-module .content-wrap ul.nav-list li a:hover { color: #c7ac2e; } .sidebar-module .content-wrap ul.nav-list li a span { float: right; font-size: 0.8em; } html.ie8 .sidebar-module .content-wrap ul.nav-list li a span:before { font-size: 1.25em; } .sidebar-module .content-wrap ul.nav-list li ul { padding: 0; margin: 0; border-top: 2px solid #dedede; border-bottom: 1px solid #dedede; background: #efefef; } .sidebar-module .content-wrap ul.nav-list li ul:before { border-top: 1px solid white; } .sidebar-module .content-wrap ul.nav-list li ul li { border: 0; padding-left: 20px; } .sidebar-module .content-wrap ul.nav-list li ul li a { color: #a0a0a0; font-weight: normal; } .sidebar-module .content-wrap ul.nav-list li ul li a:hover { color: #c7ac2e; } .sidebar-module .content-wrap ul.nav-list li ul li:before { content: '»'; float: left; margin: 10px 0 0 -10px; color: #adadad; } .sidebar-module .content-wrap ul.nav-list li.here ul li a { font-weight: normal; } .sidebar-module .content-wrap ul.nav-list li.here ul li a:hover { color: #c7ac2e; } .sidebar-module .content-wrap ul.nav-list li.here a { color: #777777; font-weight: bold; } @media screen and (max-width: 768px) { .services-marriage-preparation-cta.sidebar-module, #sidebar .services-marriage-preparation-cta.sidebar-module { display: none; } } .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon, #sidebar .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -20px; margin-left: 10px; -ms-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -o-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -webkit-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -moz-box-shadow: 0 0 1px 1px rgba(222,222,222,1); box-shadow: 0 0 1px 1px rgba(222,222,222,1); } html.ie8 .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon, html.ie8 #sidebar .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon, html.ie9 .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon, html.ie9 #sidebar .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon span, #sidebar .services-marriage-preparation-cta.sidebar-module .top-content-wrap span.icon span { display: block; height: 33px; width: 36px; margin: 11px auto; background: url(/assets/images/design/icon-rings-orange.png) no-repeat; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta { padding: 20px; *zoom: 1; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:before, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:before, .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after { content: ""; display: table; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after { clear: both; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:before, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:before, .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after { content: ""; display: table; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta:after { clear: both; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li { width: 100%; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li label, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li label { width: 100%; font-weight: bold; margin-bottom: 5px; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li label.empty, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li label.empty { display: none; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li span.select-wrap, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li span.select-wrap { width: 100%; margin: 0; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li input[type="submit"], #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li input[type="submit"] { display: block; width: 100%; margin: 10px 0 0 0; } .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li:last-child, #sidebar .services-marriage-preparation-cta.sidebar-module .content-wrap form.cta ul li:last-child { margin: 0; padding: 0; } .services-marriage-preparation-cta header, #sidebar .services-marriage-preparation-cta header { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ width: 100%; padding: 20px 20px 17px 20px ; border: 1px solid #268b83; } html.ie8 .services-marriage-preparation-cta header, html.ie8 #sidebar .services-marriage-preparation-cta header, html.ie9 .services-marriage-preparation-cta header, html.ie9 #sidebar .services-marriage-preparation-cta header { background-image: none!important; filter: none!important; } .services-marriage-preparation-cta header p, #sidebar .services-marriage-preparation-cta header p { margin: 0; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; font-size: 1.05em; line-height: 1.1; } .services-marriage-preparation-cta header span.icon, #sidebar .services-marriage-preparation-cta header span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -12px; margin-left: 20px; } html.ie8 .services-marriage-preparation-cta header span.icon, html.ie8 #sidebar .services-marriage-preparation-cta header span.icon, html.ie9 .services-marriage-preparation-cta header span.icon, html.ie9 #sidebar .services-marriage-preparation-cta header span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-marriage-preparation-cta header span.icon span, #sidebar .services-marriage-preparation-cta header span.icon span { display: block; height: 33px; width: 36px; margin: 11px auto; background: url(/assets/images/design/icon-rings-orange.png) no-repeat; } .services-marriage-preparation-cta .content-wrap, #sidebar .services-marriage-preparation-cta .content-wrap { background: #f7f7f7; border: 1px solid #dedede; *zoom: 1; } .services-marriage-preparation-cta .content-wrap:before, #sidebar .services-marriage-preparation-cta .content-wrap:before, .services-marriage-preparation-cta .content-wrap:after, #sidebar .services-marriage-preparation-cta .content-wrap:after { content: ""; display: table; } .services-marriage-preparation-cta .content-wrap:after, #sidebar .services-marriage-preparation-cta .content-wrap:after { clear: both; } .services-marriage-preparation-cta .content-wrap:before, #sidebar .services-marriage-preparation-cta .content-wrap:before, .services-marriage-preparation-cta .content-wrap:after, #sidebar .services-marriage-preparation-cta .content-wrap:after { content: ""; display: table; } .services-marriage-preparation-cta .content-wrap:after, #sidebar .services-marriage-preparation-cta .content-wrap:after { clear: both; } .services-marriage-preparation-cta .content-wrap form.cta, #sidebar .services-marriage-preparation-cta .content-wrap form.cta { padding: 20px; } .services-marriage-preparation-cta .content-wrap form.cta ul li, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li { width: 50%; float: left; display: inline-block; *display: inline; } @media screen and (max-width: 480px) { .services-marriage-preparation-cta .content-wrap form.cta ul li, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li { width: 100%; } } .services-marriage-preparation-cta .content-wrap form.cta ul li label, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li label { float: left; color: #1d9f9f; width: 20%; margin: 0 1%; } @media screen and (max-width: 960px) { .services-marriage-preparation-cta .content-wrap form.cta ul li label, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li label { width: 90%; } } .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap { float: left; width: 70%; margin: 0; height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, html.ie8 #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap:hover, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, html.ie8 #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap { position: relative; z-index: 1; } .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select, html.ie8 #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select { margin-top: -7px; } html.firefox .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select, html.firefox #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select { padding-top: 7px; } .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select:focus, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select:focus, .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select:active, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap select:active { outline: none !important; } @media screen and (max-width: 960px) { .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li span.select-wrap { width: 90%; } } .services-marriage-preparation-cta .content-wrap form.cta ul li input[type="submit"], #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li input[type="submit"] { margin: 0 5% 0 1%; display: inline-block; *display: inline; padding: 8px 30px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #039393; font-weight: bold; } .services-marriage-preparation-cta .content-wrap form.cta ul li input[type="submit"]:hover, #sidebar .services-marriage-preparation-cta .content-wrap form.cta ul li input[type="submit"]:hover { background: #04acac; } @media screen and (max-width: 768px) { .services-centre-lookup-cta.sidebar-module, #sidebar .services-centre-lookup-cta.sidebar-module { display: none; } } .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon, #sidebar .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -20px; margin-left: 10px; -ms-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -o-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -webkit-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -moz-box-shadow: 0 0 1px 1px rgba(222,222,222,1); box-shadow: 0 0 1px 1px rgba(222,222,222,1); } html.ie8 .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon, html.ie8 #sidebar .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon, html.ie9 .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon, html.ie9 #sidebar .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon span, #sidebar .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon span { display: block; height: 36px; width: 36px; margin: 9.5px auto; background: url(/assets/images/design/icon-couple-orange.png) no-repeat; } .services-centre-lookup-cta.sidebar-module .content-wrap, #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap { padding-bottom: 50px; } .services-centre-lookup-cta.sidebar-module .content-wrap form.cta, #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap form.cta { padding: 10px; } .services-centre-lookup-cta.sidebar-module .content-wrap ul li, #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap ul li { width: 100%; } .services-centre-lookup-cta.sidebar-module .content-wrap ul li label, #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap ul li label { color: #028383; font-weight: bold; margin-bottom: 10px; font-size: 0.9em; } .services-centre-lookup-cta.sidebar-module .content-wrap ul li input[type="submit"], #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap ul li input[type="submit"] { margin: 0; } .services-centre-lookup-cta.sidebar-module .content-wrap ul li .select-wrap, #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap ul li .select-wrap { width: 75%; } .services-centre-lookup-cta.sidebar-module .content-wrap input[type="button"], #sidebar .services-centre-lookup-cta.sidebar-module .content-wrap input[type="button"] { display: inline-block; *display: inline; padding: 7px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #028383; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: bold; margin: 0; } .services-centre-lookup-cta header, #sidebar .services-centre-lookup-cta header { background-color: #028383; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ width: 100%; padding: 20px 20px 17px 20px ; border: 1px solid #268b83; } html.ie8 .services-centre-lookup-cta header, html.ie8 #sidebar .services-centre-lookup-cta header, html.ie9 .services-centre-lookup-cta header, html.ie9 #sidebar .services-centre-lookup-cta header { background-image: none!important; filter: none!important; } .services-centre-lookup-cta header p, #sidebar .services-centre-lookup-cta header p { margin: 0; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; font-size: 1.05em; line-height: 1.1; } .services-centre-lookup-cta header span.icon, #sidebar .services-centre-lookup-cta header span.icon { float: right; position: relative; top: -12px; margin-left: 20px; } .services-centre-lookup-cta .content-wrap, #sidebar .services-centre-lookup-cta .content-wrap { background: #f7f7f7; border: 1px solid #dedede; *zoom: 1; } .services-centre-lookup-cta .content-wrap:before, #sidebar .services-centre-lookup-cta .content-wrap:before, .services-centre-lookup-cta .content-wrap:after, #sidebar .services-centre-lookup-cta .content-wrap:after { content: ""; display: table; } .services-centre-lookup-cta .content-wrap:after, #sidebar .services-centre-lookup-cta .content-wrap:after { clear: both; } .services-centre-lookup-cta .content-wrap:before, #sidebar .services-centre-lookup-cta .content-wrap:before, .services-centre-lookup-cta .content-wrap:after, #sidebar .services-centre-lookup-cta .content-wrap:after { content: ""; display: table; } .services-centre-lookup-cta .content-wrap:after, #sidebar .services-centre-lookup-cta .content-wrap:after { clear: both; } .services-centre-lookup-cta .content-wrap form.cta, #sidebar .services-centre-lookup-cta .content-wrap form.cta { padding: 20px; } .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap:hover, #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { position: relative; z-index: 1; } .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select, #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { margin-top: -7px; } html.firefox .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select, html.firefox #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { padding-top: 7px; } .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:focus, #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:focus, .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:active, #sidebar .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:active { outline: none !important; } .services-centre-lookup-cta header span.icon, #sidebar .services-centre-lookup-cta header span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } html.ie8 .services-centre-lookup-cta header span.icon, html.ie8 #sidebar .services-centre-lookup-cta header span.icon, html.ie9 .services-centre-lookup-cta header span.icon, html.ie9 #sidebar .services-centre-lookup-cta header span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-centre-lookup-cta header span.icon span, #sidebar .services-centre-lookup-cta header span.icon span { display: block; height: 36px; width: 36px; margin: 9.5px auto; background: url(/assets/images/design/icon-couple-orange.png) no-repeat; } .services-centre-lookup-cta .content-wrap, #sidebar .services-centre-lookup-cta .content-wrap { padding-bottom: 20px; } .services-centre-lookup-cta .content-wrap li, #sidebar .services-centre-lookup-cta .content-wrap li { width: 48%; float: left; margin: 0 1%; } @media screen and (max-width: 568px) { .services-centre-lookup-cta .content-wrap li, #sidebar .services-centre-lookup-cta .content-wrap li { width: 98%; } } .services-centre-lookup-cta .content-wrap li label, #sidebar .services-centre-lookup-cta .content-wrap li label { width: 90%; } @media screen and (max-width: 568px) { .services-centre-lookup-cta .content-wrap li label, #sidebar .services-centre-lookup-cta .content-wrap li label { width: 100%; } } .services-centre-lookup-cta .content-wrap li input[type="submit"], #sidebar .services-centre-lookup-cta .content-wrap li input[type="submit"], .services-centre-lookup-cta .content-wrap li input[type="button"], #sidebar .services-centre-lookup-cta .content-wrap li input[type="button"] { display: inline-block; *display: inline; padding: 7px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #028383; font-weight: bold; margin: 0; } .services-centre-lookup-cta .content-wrap li .select-wrap, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap { width: 76%; margin-right: 10px; height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 .services-centre-lookup-cta .content-wrap li .select-wrap, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap, html.ie9 .services-centre-lookup-cta .content-wrap li .select-wrap, html.ie9 #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .services-centre-lookup-cta .content-wrap li .select-wrap:hover, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 .services-centre-lookup-cta .content-wrap li .select-wrap, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap { position: relative; z-index: 1; } .services-centre-lookup-cta .content-wrap li .select-wrap select, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 .services-centre-lookup-cta .content-wrap li .select-wrap select, html.ie8 #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap select { margin-top: -7px; } html.firefox .services-centre-lookup-cta .content-wrap li .select-wrap select, html.firefox #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap select { padding-top: 7px; } .services-centre-lookup-cta .content-wrap li .select-wrap select:focus, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap select:focus, .services-centre-lookup-cta .content-wrap li .select-wrap select:active, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap select:active { outline: none !important; } @media screen and (max-width: 568px) { .services-centre-lookup-cta .content-wrap li .select-wrap, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap { width: 85%; } } @media screen and (max-width: 480px) { .services-centre-lookup-cta .content-wrap li .select-wrap, #sidebar .services-centre-lookup-cta .content-wrap li .select-wrap { width: 76%; } } /* NOTICES / ALERTS */ .notice.alert { display: block; background: #f8f4e2; border: 1px dashed #c7ac2e; padding: 15px; text-align: center; *zoom: 1; } .notice.alert:before, .notice.alert:after { content: ""; display: table; } .notice.alert:after { clear: both; } .notice.alert:before, .notice.alert:after { content: ""; display: table; } .notice.alert:after { clear: both; } .notice.alert p { margin: 0; font-size: 1.2em; color: #74641b; } .notice.alert a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #d7bf51; border: 1px solid #c7ac2e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notice.alert a.button:hover { background: #c7ac2e; } .notice.error { display: block; background: #fef9f8; border: 1px dashed #de5532; padding: 15px; text-align: center; *zoom: 1; } .notice.error:before, .notice.error:after { content: ""; display: table; } .notice.error:after { clear: both; } .notice.error:before, .notice.error:after { content: ""; display: table; } .notice.error:after { clear: both; } .notice.error p { margin: 0; font-size: 1.2em; color: #923118; } .notice.error a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #e5795e; border: 1px solid #de5532; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notice.error a.button:hover { background: #de5532; } .notice.info { display: block; background: #ccd5f3; border: 1px dashed #2849b2; padding: 15px; text-align: center; *zoom: 1; } .notice.info:before, .notice.info:after { content: ""; display: table; } .notice.info:after { clear: both; } .notice.info:before, .notice.info:after { content: ""; display: table; } .notice.info:after { clear: both; } .notice.info p { margin: 0; font-size: 1.2em; color: #16275e; } .notice.info a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #3b5fd2; border: 1px solid #2849b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notice.info a.button:hover { background: #2849b2; } .notice.success { display: block; background: #f4f3e8; border: 1px dashed #a8a14f; padding: 15px; text-align: center; *zoom: 1; } .notice.success:before, .notice.success:after { content: ""; display: table; } .notice.success:after { clear: both; } .notice.success:before, .notice.success:after { content: ""; display: table; } .notice.success:after { clear: both; } .notice.success p { margin: 0; font-size: 1.2em; color: #625e2f; } .notice.success a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #bbb56f; border: 1px solid #a8a14f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .notice.success a.button:hover { background: #a8a14f; } .no-results { display: block; background: #f8f4e2; border: 1px dashed #c7ac2e; padding: 15px; text-align: center; *zoom: 1; } .no-results:before, .no-results:after { content: ""; display: table; } .no-results:after { clear: both; } .no-results:before, .no-results:after { content: ""; display: table; } .no-results:after { clear: both; } .no-results p { margin: 0; font-size: 1.2em; color: #74641b; } .no-results a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #d7bf51; border: 1px solid #c7ac2e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .no-results a.button:hover { background: #c7ac2e; } /** * Form and table ect defaults. */ /* ========================================================== */ /* = Box sizing makes life easier = */ /* ========================================================== */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================== */ /* = Set up baseline = */ /* ========================================================== */ body { text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; } .clear { clear: both; } ::selection { background: #1d9f9f; color: #ffffff; } ::-moz-selection { background: #1d9f9f; color: #ffffff; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: #1d9f9f; } a { color: #c7ac2e; text-decoration: none; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } a:hover, a:focus { color: #9e8824; } figure img { width: 100%; height: auto; display: block; } figcaption { color: #929292; } ul, ol, dl { margin: 0; margin-bottom: 1.5em; } nav ul { margin-right: 0; margin-bottom: 0; padding-left: 0; margin: 0; padding: 0; list-style-type: none; } form#search_box { margin-bottom: 1.5em; max-width: 400px; } form ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; } form ul li { *zoom: 1; margin-bottom: 1.5em; } form ul li:before, form ul li:after { content: ""; display: table; } form ul li:after { clear: both; } form ul li:before, form ul li:after { content: ""; display: table; } form ul li:after { clear: both; } form ul li div.error { font-size: small; color: red; text-align: right; } form ul.form_submit { clear: both; padding-top: 1.5em; } label { display: block; color: #1f3888; outline: none; font-weight: bold; } label > span.required { color: #de5532; } label.inline { display: inline; } input:focus, textarea:focus, select:focus { outline: 0px; -webkit-box-shadow: 0px 0px 5px #ffffcc; -moz-box-shadow: 0px 0px 5px #ffffcc; -ms-box-shadow: 0px 0px 5px #ffffcc; box-shadow: 0px 0px 5px #ffffcc; } input[type="text"], input[type="url"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], textarea { display: block; width: 100%; margin: 0 0 0.75em; padding: 0.4em; border: 1px solid #e8e8e8; background: #f8f8f8; line-height: 1.5em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; } select { width: 100%; height: 2.1em; margin-bottom: 0.9em; border: 1px solid #e8e8e8; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="range"], input[type="color"] { vertical-align: middle; height: 1.5em; width: 100%; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="range"] { height: 1.4em; } input[type="color"] { width: 1.5em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } input[type="time"] { margin: 0 0 0.55em; } progress, meter { display: block; width: 100%; height: 1.5em; } input[type="submit"], input[type="button"] { text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); -webkit-font-smoothing: antialiased; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; display: inline-block; *display: inline; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; padding: 10px 40px; } input[type="submit"]:hover, input[type="button"]:hover { color: #ffffff; } input[type="submit"].dark:hover:before, input[type="button"].dark:hover:before { background: rgba(0, 0, 0, 0.2); } input.search_box { padding-left: 40px; } .search_icon { display: block; float: left; margin-top: -44px; margin-left: 10px; font-size: small; color: #ccc; } table { margin-bottom: 1.4em; width: 100%; border: 1px solid #f0f0f0; border-collapse: separate; } th { text-align: left; } thead th { background: #1f3888; text-align: left; font-size: 16px; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); border: 0; border-right: 1px solid #234B6E; border-left: 1px solid #4B7294; } thead th:first-child { background-image: url(../images/title.png); background-position: top left; background-repeat: no-repeat; } td:last-child, th:last-child { border-right: 0; } tr:last-child td { border-bottom: 0; } th, td, caption { padding: 8px 10px; } td { border: 0; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-left: 1px solid #ffffff; } td:first-child { border-left: 0; } td p { margin: 0; } tr.alt td, tr:nth-child(even) td { background: #f9f9f9; } tfoot { font-style: italic; } caption { background: #999; } hr { background: #f0f0f0; color: #f0f0f0; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; } /** * WT Menu * http://webtogether.ie * * Default styles to be applied to the menu. * * July 2013 * * @version 1 * @author Abban Dunne http://webtogether.ie * @license MIT * */ /* Settings /* ========================================================== */ /* Menu Default Stylings /* ========================================================== */ header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu { position: relative; } /* Mobile button /* ========================================================== */ .wt-nav-mobile { display: none; position: absolute; top: 0; right: 0; width: 50px; height: 60px; font-size: 3em; cursor: pointer; } .wt-nav-mobile:before { content: '≣'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 60px; text-align: center; } /* Accordian symbol /* ========================================================== */ .wt-nav-click { display: none; position: absolute; top: 0; right: 0; width: 50px; height: 60px; z-index: 999; cursor: pointer; } .wt-nav-click span { position: relative; display: block; width: 48px; height: 58px; } .wt-nav-click span:before { content: '▼'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; line-height: 58px; text-align: center; } .wt-nav-click span.wt-nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* Breakpoint changes /* ========================================================== */ @media only screen and (max-width: 768px) { .wt-nav-mobile { display: block; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu { margin-top: 20px; padding: 60px 0 0; background: #039393; border-top: 1px solid #43fbfb; outline: 1px solid #028383; color: #ffffff; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu p { display: block; margin: -60px 0 0 0; padding: 15px 0 0 0; font-size: 1.33em; height: 60px; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul { background: #1ea3a3; display: none; position: relative; width: 100%; z-index: 9999; padding-bottom: 20px; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li { display: block; width: 100%; float: none; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li > a { display: block; padding: 15px; color: #ffffff; font-size: 1.33em; font-weight: bold; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li > a:hover, header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li > a.current { color: #028383; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li > ul { position: static; float: none !important; width: 100%; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li:hover > ul, header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li:focus > ul { display: none; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li:hover > ul.open, header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu > ul > li:focus > ul.open { display: block; } header#worlds_birth > div #right_header_wrap div#nav_wrap nav.wt-menu ul.open { display: block; } .wt-nav-click { display: block; } .wt-nav-mobile-open { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } } /* ========================================================== */ /* = BREAKPOINTS = */ /* ========================================================== */ /*---------------------------------------- 6. BODY ------------------------------------------*/ body { background: #f7f7f7 !important; font-size: 15px!important; } body #page { *zoom: 1; max-width: 1200px; margin: 0 auto; background-color: #ffffff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; -ms-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -o-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); box-shadow: 0 0 30px 0 rgba(0,0,0,0.25); overflow: hidden; } body #page:before, body #page:after { content: ""; display: table; } body #page:after { clear: both; } body #page:before, body #page:after { content: ""; display: table; } body #page:after { clear: both; } html.ie8 body #page { /* For IE 8 */ outline: 1px solid #d9d9d9; } @media screen and (max-width: 1200px) { body #page { -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; } } body .wrapper { max-width: 960px; margin: 0 auto; } @media screen and (max-width: 960px) { body .wrapper { width: 768px; } } @media screen and (max-width: 768px) { body .wrapper { width: 685px; } } @media screen and (max-width: 685px) { body .wrapper { width: 600px; } } @media screen and (max-width: 600px) { body .wrapper { width: 568px; } } @media screen and (max-width: 568px) { body .wrapper { width: 480px; } } @media screen and (max-width: 480px) { body .wrapper { width: 380px; } } @media screen and (max-width: 380px) { body .wrapper { width: 320px; } } html.ie8 body { min-width: 960px; } /*---------------------------------------- 7. HEADER ------------------------------------------*/ header#worlds_birth { padding: 0; max-width: 960px; margin: 0 auto; *zoom: 1; } header#worlds_birth:before, header#worlds_birth:after { content: ""; display: table; } header#worlds_birth:after { clear: both; } header#worlds_birth:before, header#worlds_birth:after { content: ""; display: table; } header#worlds_birth:after { clear: both; } header#worlds_birth > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 960px) { header#worlds_birth > div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; max-width: 768px; margin: 0 auto; float: none; display: block; } } header#worlds_birth > div #logo_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 16.666666666666664%; padding: 0 0; *width: 11.706349206349206%; *padding: 0 -0.0496031746031746%; height: 130px; margin: 0 10px 0 -10px; } @media screen and (max-width: 380px) { header#worlds_birth > div #logo_wrap { height: 115px; } } header#worlds_birth > div #logo_wrap a#logo { text-align: center; display: block; width: 100%; height: 100%; } header#worlds_birth > div #logo_wrap a#logo img { max-width: 100%; max-height: 100%; padding-top: 7%; } html.ie8 header#worlds_birth > div #logo_wrap a#logo img, html.ie9 header#worlds_birth > div #logo_wrap a#logo img { max-height: 90%; } @media screen and (max-width: 960px) { header#worlds_birth > div #logo_wrap a#logo { width: 140px; height: 110px; margin: 15px auto 0 auto; } } @media screen and (max-width: 380px) { header#worlds_birth > div #logo_wrap a#logo { margin: 5px auto 0 auto; } } @media screen and (max-width: 960px) { header#worlds_birth > div #logo_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; margin: 0; } } header#worlds_birth > div #right_header_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 0; *width: 78.37301587301587%; *padding: 0 -0.0496031746031746%; } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } } header#worlds_birth > div #right_header_wrap #links_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; *zoom: 1; font-size: 0.85em; padding-top: 15px; } header#worlds_birth > div #right_header_wrap #links_wrap:before, header#worlds_birth > div #right_header_wrap #links_wrap:after { content: ""; display: table; } header#worlds_birth > div #right_header_wrap #links_wrap:after { clear: both; } header#worlds_birth > div #right_header_wrap #links_wrap:before, header#worlds_birth > div #right_header_wrap #links_wrap:after { content: ""; display: table; } header#worlds_birth > div #right_header_wrap #links_wrap:after { clear: both; } header#worlds_birth > div #right_header_wrap #links_wrap ul#links { float: right; margin: 0; padding: 0; } header#worlds_birth > div #right_header_wrap #links_wrap ul#links li { margin: 0 10px; display: inline-block; *display: inline; } header#worlds_birth > div #right_header_wrap #links_wrap ul#links li span { margin: 0 7px 0 0; padding: 0; font-size: 0.85em; line-height: 0.5; } html.ie8 header#worlds_birth > div #right_header_wrap #links_wrap ul#links li span:before { font-size: 1.25em; } header#worlds_birth > div #right_header_wrap #links_wrap ul#links li:first-child { margin-left: 0; } header#worlds_birth > div #right_header_wrap #links_wrap ul#links li:last-child { margin-right: 0; } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap #links_wrap ul#links { float: none; text-align: center; } } header#worlds_birth > div #right_header_wrap #search_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; float: right; text-align: right; height: 30px; margin: 15px 0; } header#worlds_birth > div #right_header_wrap #search_wrap input[type="search"] { width: 233px; padding: 6px 5px 4px 5px; margin-right: 10px; height: 22.5px; line-height: 22.5px; display: inline-block; *display: inline; padding-left: 35px; background: url(/assets/images/design/icon-search.png) no-repeat 4% 50% #ffffff; } html.ie8 header#worlds_birth > div #right_header_wrap #search_wrap input[type="search"] { padding: 6px 5px 10px 30px; height: auto; } header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"] { cursor: pointer; display: inline-block; vertical-align: top; position: relative; overflow: hidden; line-height: 2.3; padding: 0 20px; font-size: 13px; color: white; text-align: center; text-decoration: none; background-color: #1d9f9f; background-clip: padding-box; border: 1px solid; border-color: #198989 #157474 #157474; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); font-weight: bolder; padding: 0.8em 1em!important; line-height: 1; margin: 0; border: 0; } header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"]:hover { background-color: #26d3d3; } header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"]:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #154c86; background: #1d9f9f; border-color: #198989 #157474 #157474; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #45dddd, #1d9f9f); background-image: -moz-linear-gradient(top, #45dddd, #1d9f9f); background-image: -o-linear-gradient(top, #45dddd, #1d9f9f); background-image: linear-gradient(to bottom, #45dddd, #1d9f9f); } header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"]:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } html.ie8 header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"], html.ie9 header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"] { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"], html.ie9 header#worlds_birth > div #right_header_wrap #search_wrap input[type="submit"] { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap #search_wrap { display: none; } } header#worlds_birth > div #right_header_wrap #nav_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; margin: 10px 0 10px 0; cursor: pointer; } @media screen and (max-width: 768px) { header#worlds_birth > div #right_header_wrap #nav_wrap { margin: -10px 0 2px 0 !important; } } header#worlds_birth > div #right_header_wrap #nav_wrap nav { font-family: "Trajan", Georgia, Times, "Times New Roman", serif; float: right; white-space: nowrap; } header#worlds_birth > div #right_header_wrap #nav_wrap nav ul { white-space: nowrap; margin: 0; padding: 0; list-style: none; } header#worlds_birth > div #right_header_wrap #nav_wrap nav ul li { white-space: nowrap; list-style: none; display: inline; padding: 0; margin: 0; list-style-position: inside; width: auto; } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap #nav_wrap nav ul { float: none; text-align: center; } } header#worlds_birth > div #right_header_wrap #nav_wrap nav a { font-size: 0.85em; color: #666666; padding: 1px 5px; margin-left: 6px; display: inline-block; *display: inline; letter-spacing: -1px; } header#worlds_birth > div #right_header_wrap #nav_wrap nav a:hover { color: #039393; } header#worlds_birth > div #right_header_wrap #nav_wrap nav a.current { color: #039393; font-weight: bold; } @media screen and (max-width: 768px) { header#worlds_birth > div #right_header_wrap #nav_wrap nav a { margin: 6px; } } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap #nav_wrap nav { float: none; text-align: center; } } header#worlds_birth > div #right_header_wrap #nav_wrap nav ul li a:hover, header#worlds_birth > div #right_header_wrap #nav_wrap nav ul li a.current { background-color: #e7f3f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } header#worlds_birth > div #right_header_wrap #nav_wrap a.current { position: relative; } header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after, header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; top: 18px; } html.ie8 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after, html.ie8 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before, html.ie9 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after, html.ie9 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before, html.ie10 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after, html.ie10 header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before { top: 13px; } @media screen and (max-width: 768px) { header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after, header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before { display: none; } } header#worlds_birth > div #right_header_wrap #nav_wrap a.current:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #039393; border-width: 8px; left: 50%; margin-left: -8px; } header#worlds_birth > div #right_header_wrap #nav_wrap a.current:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #039393; border-width: 9px; left: 50%; margin-left: -9px; } @media screen and (max-width: 768px) { body#home header#worlds_birth > div #right_header_wrap #nav_wrap { margin: 10px 0 1px 0; } } @media screen and (max-width: 960px) { header#worlds_birth > div #right_header_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } } div#header_border { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; height: 12px; background: #039393; border-top: 1px solid #43fbfb; outline: 1px solid #028383; } @media screen and (max-width: 768px) { div#header_border { display: none; } } @media screen and (max-width: 480px) { body#home div#header_border { display: none; } } section .menu-jump { display: none; } @media screen and (max-width: 768px) { section .menu-jump { display: block; margin: -20px 0 20px 0; padding: 10px 0 10px 0; border: 1px solid #eeeeee; background: #f5f5f5; } section .menu-jump a.button { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #1f3888; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: block; width: 200px; margin: 0 auto; text-align: center; } section .menu-jump a.button:hover { background: #2849b2; } } @media screen and (max-width: 568px) { section .menu-jump { margin: 0 0 20px 0; } } section .page-title { width: 100%; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border-bottom: 1px solid #d5d5d5; } html.ie8 section .page-title, html.ie9 section .page-title { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section .page-title { position: relative; z-index: 1; } section .page-title .wrapper { padding: 30px 20px 25px 20px; } @media screen and (max-width: 568px) { section .page-title .wrapper { padding: 16px 20px 10px; } } section .page-title .wrapper div.heading_search { float: right; margin-top: -33px; width: 65%; *zoom: 1; } @media screen and (max-width: 960px) { section .page-title .wrapper div.heading_search { width: 100%; margin-top: 0; display: none; } } section .page-title .wrapper div.heading_search:before, section .page-title .wrapper div.heading_search:after { content: ""; display: table; } section .page-title .wrapper div.heading_search:after { clear: both; } section .page-title .wrapper div.heading_search:before, section .page-title .wrapper div.heading_search:after { content: ""; display: table; } section .page-title .wrapper div.heading_search:after { clear: both; } section .page-title .wrapper div.heading_search form { *zoom: 1; width: 100%; } section .page-title .wrapper div.heading_search form:before, section .page-title .wrapper div.heading_search form:after { content: ""; display: table; } section .page-title .wrapper div.heading_search form:after { clear: both; } section .page-title .wrapper div.heading_search form:before, section .page-title .wrapper div.heading_search form:after { content: ""; display: table; } section .page-title .wrapper div.heading_search form:after { clear: both; } section .page-title .wrapper div.heading_search form div.form_holder { width: 83%; float: left; *zoom: 1; } section .page-title .wrapper div.heading_search form div.form_holder:before, section .page-title .wrapper div.heading_search form div.form_holder:after { content: ""; display: table; } section .page-title .wrapper div.heading_search form div.form_holder:after { clear: both; } section .page-title .wrapper div.heading_search form div.form_holder:before, section .page-title .wrapper div.heading_search form div.form_holder:after { content: ""; display: table; } section .page-title .wrapper div.heading_search form div.form_holder:after { clear: both; } section .page-title .wrapper div.heading_search form div.form_holder div.label { width: auto; float: left; font-size: 0.9em; line-height: 38px; vertical-align: middle; color: #1d9f9f; font-weight: bold; margin-right: 10px; } section .page-title .wrapper div.heading_search form div.form_holder div.date { margin-left: 20px; } section .page-title .wrapper div.heading_search form div.form_holder div.input_box { width: 30%; float: left; } html.ie8 section .page-title .wrapper div.heading_search form div.form_holder div.input_box { width: 28%; } section .page-title .wrapper div.heading_search form div.form_holder div.input_box input { display: inline-block !important; } section .page-title .wrapper div.heading_search form div.button_holder { width: 17%; float: right; } section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'] { display: inline-block; *display: inline; padding: 10px 30px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); width: 100%; padding: 10px 20px; } html.ie8 section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'], html.ie9 section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'] { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'], html.ie9 section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'] { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'] span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section .page-title .wrapper div.heading_search form div.button_holder input[type='submit'] span:before { font-size: 1.11em; } section .page-title .wrapper div.heading_search form div.button_holder input[type='submit']:hover { background-color: #21b5b5; } section .page-title h1 { font-family: "Trajan", Georgia, Times, "Times New Roman", serif; font-size: 2em; font-weight: bold; margin: 0; color: #028383; } section .page-title h1 small { color: #1d9f9f; } @media screen and (max-width: 960px) { section .page-title h1 { text-align: center; } } @media screen and (max-width: 568px) { section .page-title h1 { line-height: 1.25; font-size: 1.75em; } } @media screen and (max-width: 380px) { section .page-title h1 { font-size: 1.5em; } } section .page-title #breadcrumbs { color: #999999; margin-top: 5px; } @media screen and (max-width: 960px) { section .page-title #breadcrumbs { text-align: center; } } @media screen and (max-width: 568px) { section .page-title #breadcrumbs { display: none; } } section .page-title #breadcrumbs .breadcrumb-links { display: inline-block; *display: inline; } section .page-title #breadcrumbs .breadcrumb-links a { color: #999999; } section .page-title #breadcrumbs .breadcrumb-links a:hover { color: #028383; border-bottom: 1px solid; } section .page-title #breadcrumbs .breadcrumb-links span.last { color: #444444; } section .page-title #breadcrumbs .home { display: inline-block; *display: inline; font-family: 'Pictos Custom'; font-size: 1.1em; padding: 0 5px 0 0 ; line-height: 0.33; } section #content { padding: 50px 0 60px 0; *zoom: 1; /* ============= */ /* STYLE GUIDE */ /* ============= */ } @media screen and (max-width: 568px) { section #content { padding: 20px 0 30px 0; } } section #content:before, section #content:after { content: ""; display: table; } section #content:after { clear: both; } section #content:before, section #content:after { content: ""; display: table; } section #content:after { clear: both; } section #content .booking-select-wrap { height: 35px; line-height: 37.333333333344996px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; display: inline-block; *display: inline; margin: 10px 0; padding: 0 10px; width: 100%; } html.ie8 section #content .booking-select-wrap, html.ie9 section #content .booking-select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section #content .booking-select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 section #content .booking-select-wrap { position: relative; z-index: 1; } section #content .booking-select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 35px; line-height: 37.333333333344996px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 15px; } html.ie8 section #content .booking-select-wrap select { margin-top: -7px; } html.firefox section #content .booking-select-wrap select { padding-top: 7px; } section #content .booking-select-wrap select:focus, section #content .booking-select-wrap select:active { outline: none !important; } section #content #main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; } section #content #main_content * + h3 { padding-top: 15px; } #page.full-width section #content #main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; margin: 0; } section #content #main_content .content-style-wrap img { max-width: 100%; height: auto; margin: 0 auto 20px auto; display: block; padding: 4px; border: 1px solid #eee; background: #fff; -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 480px) { section #content #main_content .content-style-wrap img { max-width: 100% !important; width: 100% !important; height: auto !important; float: none !important; margin: 20px auto !important; } } section #content #main_content .content-style-wrap img[style="float: left;"] { margin-right: 20px; } section #content #main_content .content-style-wrap img[style="float: right;"] { margin-left: 20px; } @media screen and (max-width: 768px) { section #content #main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; margin-bottom: 40px; } } @media screen and (max-width: 768px) { section #content #main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; } } @media screen and (max-width: 380px) { section #content #main_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-left: 0%; margin-right: 0%; } } section #content #sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 768px) { section #content #sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } @media screen and (max-width: 768px) { section #content #sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; } } @media screen and (max-width: 380px) { section #content #sidebar { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; margin-left: 0%; margin-right: 0%; } } section #content #sidebar h3 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } @media screen and (max-width: 600px) { section #content #sidebar h3 { text-align: center; margin-bottom: 40px; } } section #content #sidebar h3 small.news-link a { font-size: 16px; color: #1f3888; float: right; line-height: 21px; } section #content #sidebar h3 small.news-link a:hover { border-bottom: 1px solid; color: #2849b2; } @media screen and (max-width: 600px) { section #content #sidebar h3 small.news-link { display: none; } } section #content #sidebar span.view-all-news-wrap { text-align: center; display: block; } section #content #sidebar span.view-all-news-wrap a.view-all-news { display: inline-block; *display: inline; padding: 8px 16px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); margin: 0 auto; /*&:hover { @color: lighten(@teal1,10%); .button-builder-glossy(); }*/ } html.ie8 section #content #sidebar span.view-all-news-wrap a.view-all-news, html.ie9 section #content #sidebar span.view-all-news-wrap a.view-all-news { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section #content #sidebar span.view-all-news-wrap a.view-all-news, html.ie9 section #content #sidebar span.view-all-news-wrap a.view-all-news { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section #content #sidebar span.view-all-news-wrap a.view-all-news span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section #content #sidebar span.view-all-news-wrap a.view-all-news span:before { font-size: 1.11em; } section #content #sidebar span.view-all-news-wrap a.view-all-news:hover { background-color: #21b5b5; } section #content #sidebar .news-item { margin-bottom: 20px; } section #content #sidebar .news-item article { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } section #content #sidebar .news-item article header { color: #1f3888; } section #content #sidebar .news-item article header p.date { color: inherit; margin: 0; } section #content #sidebar .news-item article header h4 { margin-bottom: 0; } section #content #sidebar .news-item article header h4 a { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #1f3888; font-weight: bold; margin-bottom: 4px; font-size: 0.85em; line-height: 1.25; max-height: 42px; overflow: hidden; } section #content #sidebar .news-item article p { font-size: 0.8em; margin: 0; } section #content #sidebar .news-item article a { font-size: 0.8em; } @media screen and (max-width: 600px) { section #content #sidebar .news-item article { max-width: 375px; margin: 0 auto; } } @media screen and (max-width: 768px) { section #content #sidebar .news-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; padding-left: 0; padding-right: 25px; } } @media screen and (max-width: 600px) { section #content #sidebar .news-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 0; text-align: center; } } section #content #sidebar .sidebar-module ul.news-listing { list-style: none; margin: 0; padding: 0; } section #content #sidebar .sidebar-module ul.news-listing li { list-style: none; width: 100%; display: block; border-bottom: 1px solid #efefef; border-top: 1px solid #ffffff; } section #content #sidebar .sidebar-module ul.news-listing li:first-child { border-top: 0; } section #content #sidebar .sidebar-module ul.news-listing li:last-child { border-bottom: 0; } section #content #sidebar .sidebar-module ul.news-listing li a { display: block; padding: 20px 15px; width: 100%; text-shadow: 0px 2px 0px #FFF; } section #content #sidebar .sidebar-module ul.news-listing li a p.date { color: #636363; padding: 0; margin-bottom: 7px; line-height: 0.8; font-size: 0.8em; } section #content #sidebar .sidebar-module ul.news-listing li a p.date span { margin-right: 4px; } section #content #sidebar .sidebar-module ul.news-listing li a h4 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 0.9em; color: #444444; font-weight: normal; padding: 0; margin: 0; } section #content #sidebar .sidebar-module ul.news-listing li a:hover h4 { color: #c7ac2e; } section #content #refer_notice { display: block; background: #f8f4e2; border: 1px dashed #c7ac2e; padding: 15px; text-align: center; *zoom: 1; margin: -20px 20px 30px 20px; } section #content #refer_notice:before, section #content #refer_notice:after { content: ""; display: table; } section #content #refer_notice:after { clear: both; } section #content #refer_notice:before, section #content #refer_notice:after { content: ""; display: table; } section #content #refer_notice:after { clear: both; } section #content #refer_notice p { margin: 0; font-size: 1.2em; color: #74641b; } section #content #refer_notice a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #d7bf51; border: 1px solid #c7ac2e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } section #content #refer_notice a.button:hover { background: #c7ac2e; } @media screen and (max-width: 568px) { section #content #refer_notice { margin-top: 5px; } } section #content h1, section #content h2, section #content h3, section #content h4, section #content h5, section #content h6 { font-weight: bold; font-family: "Trajan", Georgia, Times, "Times New Roman", serif; } section #content h1.center-heading, section #content h2.center-heading, section #content h3.center-heading, section #content h4.center-heading, section #content h5.center-heading, section #content h6.center-heading { text-align: center; margin: 40px 0; border-top: 1px solid #eeeeee; padding-top: 0!important; } section #content h1.center-heading span, section #content h2.center-heading span, section #content h3.center-heading span, section #content h4.center-heading span, section #content h5.center-heading span, section #content h6.center-heading span { background: white none repeat scroll 0 0; line-height: 0; padding: 0.1em 1.5em; position: relative; top: -0.35em; } section #content article { margin-bottom: 40px; } section #content p.excerpt { font-weight: bold; font-size: 1.05em; } section #content figure { display: inline-block; *display: inline; } section #content figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section #content figure.left { float: left; margin: 5px 10px 5px 0; } section #content figure.right { float: right; margin: 5px 0 5px 10px; } section #content blockquote { margin-left: 20px; margin-bottom: 25px; padding-left: 20px; border-left: 5px solid #1f3888; font-size: 0.9em; color: #4e4e4e; } section #content ul.custom { list-style: none; margin: 0 0 20px 20px; padding: 0; } section #content ul.custom.teal li:before { color: #1d9f9f; } section #content ul.custom.blue li:before { color: #1f3888; } section #content ul.custom.question li:before { content: '?'; } section #content ul.custom.minus li:before { content: '-'; } section #content ul.custom.tick li:before { content: 't'; } section #content ul.custom.star li:before { content: '*'; } section #content ul.custom.info li:before { content: 'i'; } section #content ul.custom.arrow li:before { content: '>'; } section #content ul.custom.arrow-alt li:before { content: 'a'; } section #content ul.custom li { padding: 0px 0; padding-left: 1.33em; } html.ie8 section #content ul.custom li, html.ie9 section #content ul.custom li, html.ie10 section #content ul.custom li { padding: 3px 0; margin: 0 0 0 5px; } section #content ul.custom li:before { font-size: 1.33em; vertical-align: middle; font-family: 'Pictos Custom'; /* or whatever */ display: inline-block; margin-left: -1.33em; /*same as padding-left set on li*/ width: 1.33em; /*same as padding-left set on li*/ } section #content ul.custom li.blue:before { color: #1f3888; } section #content ul.custom li.teal:before { color: #1d9f9f; } section #content ul.custom li.question:before { content: '?'; } section #content ul.custom li.minus:before { content: '-'; } section #content ul.custom li.tick:before { content: 't'; } section #content ul.custom li.star:before { content: '*'; } section #content ul.custom li.info:before { content: 'i'; } section #content ul.custom li.arrow:before { content: '>'; } section #content ul.custom li.arrow-alt:before { content: 'a'; } section #content table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-bottom: 40px; } section #content table tr th { border: 1px solid white; outline: 1px solid #ccc; border-collapse: separate; color: #ffffff; background: #1d9f9f; } section #content table tr td { padding: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } section #content .news-item figure { margin-left: 15px; margin-bottom: 15px; float: right; } section #content .news-item figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } @media screen and (max-width: 480px) { section #content .news-item figure { float: none; width: 185px; height: auto; margin: 0 auto; display: block; margin-bottom: 20px; } } section #content .news-item article { padding-bottom: 40px; border-bottom: 1px solid #eeeeee; margin-bottom: 30px; } section #content .news-item article header p.date { color: #c7ac2e; margin: 0; font-size: 0.85em; } section #content .news-item article header h4, section #content .news-item article header h4 a { color: #1d9f9f; font-weight: bold; line-height: 1.25; overflow: hidden; margin-bottom: 10px; } section #content .news-item article p { margin: 0 0 7px 0; } section #content .news-item article a.button { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } html.ie8 section #content .news-item article a.button, html.ie9 section #content .news-item article a.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section #content .news-item article a.button, html.ie9 section #content .news-item article a.button { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section #content .news-item article a.button span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section #content .news-item article a.button span:before { font-size: 1.11em; } section #content .news-item article a.button:hover { background-color: #21b5b5; } @media screen and (max-width: 568px) { section #content .news-item article a.button { margin: 0 auto; } } section #content form label { display: inline-block; line-height: 1.8; vertical-align: middle; width: 120px; /* Width of labels */ color: #1d9f9f; font-weight: bold; } section #content form label.option { color: #999999; } section #content form label.option input { margin-right: 7px; } @media screen and (max-width: 480px) { section #content form label.option { width: auto; margin-right: 20px; } } @media screen and (max-width: 480px) { section #content form label { width: 100%; } } section #content form input[type="text"], section #content form textarea { display: inline-block; *display: inline; border: 1px solid #ddd; width: 400px; } section #content form input[type="text"]:focus, section #content form textarea:focus { border: 1px solid #bebebe; } @media screen and (max-width: 480px) { section #content form input[type="text"], section #content form textarea { width: 100%; } } section #content form .select-wrap { height: 35px; line-height: 37.333333333344996px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; display: inline-block; *display: inline; margin: 10px 0; padding: 0 10px; width: 200px; } html.ie8 section #content form .select-wrap, html.ie9 section #content form .select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section #content form .select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 section #content form .select-wrap { position: relative; z-index: 1; } section #content form .select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 35px; line-height: 37.333333333344996px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 15px; } html.ie8 section #content form .select-wrap select { margin-top: -7px; } html.firefox section #content form .select-wrap select { padding-top: 7px; } section #content form .select-wrap select:focus, section #content form .select-wrap select:active { outline: none !important; } section #content form span.note { display: block; margin-left: 124px; margin-bottom: 10px; font-size: 0.85em; font-style: italic; color: #999999; } @media screen and (max-width: 960px) { section #content form span.note { margin-left: 0; } } @media screen and (max-width: 768px) { section #content form span.note { margin-left: 124px; } } @media screen and (max-width: 685px) { section #content form span.note { margin-left: 0; } } section #content form ol { margin: 0; padding: 0; } section #content form ol li { list-style: none; padding: 5px; margin: 0; } section #content form input[type="submit"] { display: inline-block; *display: inline; padding: 10px 30px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } html.ie8 section #content form input[type="submit"], html.ie9 section #content form input[type="submit"] { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section #content form input[type="submit"], html.ie9 section #content form input[type="submit"] { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section #content form input[type="submit"] span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section #content form input[type="submit"] span:before { font-size: 1.11em; } section #content form input[type="submit"]:hover { background-color: #21b5b5; } section #content figure.centre-photo { max-width: 360px; width: 100%; margin-bottom: 30px; } section #content figure.centre-photo img { min-width: 100%; } @media screen and (max-width: 768px) { section #content figure.centre-photo { margin: 0 auto 30px auto; display: block; } } section #content .sidebar-module .content-wrap .text { padding: 20px; } section #content .sidebar-module .content-wrap .text figure { display: inline-block; *display: inline; width: 100%; } section #content .sidebar-module .content-wrap .text figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section #content .sidebar-module .content-wrap .text p { font-size: 0.85em; margin-bottom: 0.66em; } section #content .sidebar-module .content-wrap .text a.button { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } html.ie8 section #content .sidebar-module .content-wrap .text a.button, html.ie9 section #content .sidebar-module .content-wrap .text a.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section #content .sidebar-module .content-wrap .text a.button, html.ie9 section #content .sidebar-module .content-wrap .text a.button { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section #content .sidebar-module .content-wrap .text a.button span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section #content .sidebar-module .content-wrap .text a.button span:before { font-size: 1.11em; } section #content .sidebar-module .content-wrap .text a.button:hover { background-color: #21b5b5; } section #content .sidebar-module .content-wrap form { padding: 10px 5%; } section #content .sidebar-module .content-wrap form label { font-weight: normal; } section #content .sidebar-module .content-wrap form input[type="text"], section #content .sidebar-module .content-wrap form textarea { width: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #ffffff; padding: 5px 10px; } section #content .sidebar-module .content-wrap form span { margin: 0; padding: 0; } section #content .sidebar-module .content-wrap form input.button { background: #1d9f9f; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); display: inline-block; *display: inline; } section #content .sidebar-module .content-wrap form input.button:hover { background-color: #21b5b5; } section #content .sidebar-module .content-wrap form li:last-child { margin-bottom: -25px; } /* ============= */ /* HOME PAGE */ /* ============= */ section#home { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } section#home div#featured_image_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; height: 392px; } @media screen and (max-width: 768px) { section#home div#featured_image_wrap { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#home div#featured_image_wrap { height: 175px; } } section#home div.featured_image { height: 392px; position: absolute; width: 100%; left: 0; } section#home div#featured_image_0 { background-image: url(/assets/images/design/featured_bg.jpg); background-size: 1198px; background-position: center top; background-repeat: no-repeat; } html.ie8 section#home div#featured_image_0 { width: 1200px; height: 392px; position: absolute; } @media screen and (max-width: 768px) { section#home div#featured_image_0 { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#home div#featured_image_0 { height: 175px; } } @media screen and (max-width: 480px) { section#home div#featured_image_0 { background-size: auto 190px; } } section#home div#featured_image_1 { background-image: url(/assets/images/design/featured_bg_2.jpg); background-size: 1198px; background-position: center top; background-repeat: no-repeat; } html.ie8 section#home div#featured_image_1 { width: 1200px; height: 392px; position: relative; } @media screen and (max-width: 768px) { section#home div#featured_image_1 { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#home div#featured_image_1 { height: 175px; } } @media screen and (max-width: 480px) { section#home div#featured_image_1 { background-size: auto 190px; } } section#home div#featured_image_2 { background-image: url(/assets/images/design/featured_bg.jpg); background-size: 1198px; background-position: center top; background-repeat: no-repeat; } html.ie8 section#home div#featured_image_2 { width: 1200px; height: 392px; position: relative; } @media screen and (max-width: 768px) { section#home div#featured_image_2 { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#home div#featured_image_2 { height: 175px; } } @media screen and (max-width: 480px) { section#home div#featured_image_2 { background-size: auto 190px; } } section#home .featured_off { display: none; } section#home #featured_box_wrap { position: relative; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; height: 90px; background: #028383; background: -moz-linear-gradient(top, #02a1a1 0%, #028383 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #02a1a1), color-stop(100%, #028383)); background: -webkit-linear-gradient(top, #02a1a1 0%, #028383 100%); background: -o-linear-gradient(top, #02a1a1 0%, #028383 100%); background: -ms-linear-gradient(top, #02a1a1 0%, #028383 100%); background: linear-gradient(top, #02a1a1 0%, #028383 100%); -pie-background: linear-gradient(top, #02a1a1 0%, #028383 100%); border-top: 1px solid #2fd9d9; border-bottom: 1px solid #7de7e7; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 0px rgba(0, 0, 0, 0.4); } html.ie8 section#home #featured_box_wrap, html.ie9 section#home #featured_box_wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } @media screen and (max-width: 768px) { section#home #featured_box_wrap { height: 75px; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap { height: 340px; margin-top: -1px; } } @media screen and (max-width: 380px) { section#home #featured_box_wrap { height: 360px; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap .wrapper { margin-top: -50px; } } section#home #featured_box_wrap a.featured-box { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); -pie-background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); border: 1px solid white; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 45.83333333333333%; padding: 0 20px; *width: 40.87301587301587%; *padding: 0 19.950396825396826px; margin-left: 2.083333333333333%; margin-right: 2.083333333333333%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 165px; margin-top: -37px; } html.ie8 section#home #featured_box_wrap a.featured-box, html.ie9 section#home #featured_box_wrap a.featured-box { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#home #featured_box_wrap a.featured-box:hover { -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); } html.ie8 section#home #featured_box_wrap a.featured-box:hover { box-shadow: 0 0 15px rgba(50, 50, 50, 0.33); } html.ie9 section#home #featured_box_wrap a.featured-box:hover, html.ie10 section#home #featured_box_wrap a.featured-box:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.66); } html.ie8 section#home #featured_box_wrap a.featured-box { position: relative; zoom: 1; box-shadow: 0 0 15px rgba(125, 125, 125, 0.1) !important; } html.ie9 section#home #featured_box_wrap a.featured-box, html.ie10 section#home #featured_box_wrap a.featured-box { box-shadow: 0 0 25px rgba(0, 0, 0, 0.33); } @media screen and (max-width: 768px) { section#home #featured_box_wrap a.featured-box { height: 115px; margin-top: -23px; } } @media screen and (max-width: 685px) { section#home #featured_box_wrap a.featured-box { height: 125px; margin-top: -30px; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap a.featured-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; height: auto; margin-top: 25px; margin-bottom: 50px; } } section#home #featured_box_wrap a.featured-box span.icon { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); background: #cccccc; height: 55px; width: 55px; border: 2px solid #ffffff; margin: -33px auto 10px auto; display: block; } html.ie8 section#home #featured_box_wrap a.featured-box span.icon, html.ie9 section#home #featured_box_wrap a.featured-box span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#home #featured_box_wrap a.featured-box span.icon, html.ie9 section#home #featured_box_wrap a.featured-box span.icon { position: relative; zoom: 1; box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.33); } section#home #featured_box_wrap a.featured-box span.icon span { display: block; height: 36px; width: 36px; margin: 5px 7px; } section#home #featured_box_wrap a.featured-box span.icon span.ring { background: url(/assets/images/design/icon-rings.png) no-repeat; } section#home #featured_box_wrap a.featured-box span.icon span.couple { background: url(/assets/images/design/icon-couple.png) no-repeat; } section#home #featured_box_wrap a.featured-box span.content { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 131px; padding: 0 30px; display: block; } @media screen and (max-width: 960px) { section#home #featured_box_wrap a.featured-box span.content { padding: 0; } } @media screen and (max-width: 768px) { section#home #featured_box_wrap a.featured-box span.content { max-height: none; min-height: none; height: auto; } } section#home #featured_box_wrap a.featured-box span.content h2 { font-size: 1.33em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; height: 48px; font-family: "Trajan", Georgia, Times, "Times New Roman", serif; margin-bottom: 7px; font-weight: bold; color: #999999; line-height: 1.2; } @media screen and (max-width: 768px) { section#home #featured_box_wrap a.featured-box span.content h2 { font-size: 1.1em; } } @media screen and (max-width: 685px) { section#home #featured_box_wrap a.featured-box span.content h2 { height: 60px; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap a.featured-box span.content h2 { height: auto; } } section#home #featured_box_wrap a.featured-box span.content p { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-shadow: 0px 2px 0px #FFF; max-height: 38px; height: 38px; min-height: 38px; overflow: hidden; font-size: 1.05em; line-height: 1.2; margin-bottom: 0; color: #aaaaaa; } @media screen and (max-width: 768px) { section#home #featured_box_wrap a.featured-box span.content p { display: none; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap a.featured-box span.content p { display: block; } } section#home #featured_box_wrap a.featured-box span.content span.button { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 15px; display: inline-block; *display: inline; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding: 8px 20px 6px 20px; background-color: #cccccc; border: 1px solid #bfbfbf; font-weight: 500; padding-left: 20px; padding-right: 30px; margin-right: 0!important; color: #f2f2f2; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } section#home #featured_box_wrap a.featured-box span.content span.button:hover { color: #ffffff; } section#home #featured_box_wrap a.featured-box span.content span.button.dark:hover:before { background: rgba(0, 0, 0, 0.2); } section#home #featured_box_wrap a.featured-box span.content span.button:hover { background-color: #bfbfbf; } section#home #featured_box_wrap a.featured-box span.content span.button span { margin: 0 -10px 0 10px; font-size: 0.8em; } html.ie8 section#home #featured_box_wrap a.featured-box span.content span.button span:before { font-size: 1.25em; } @media screen and (max-width: 768px) { section#home #featured_box_wrap a.featured-box span.content span.button { top: 5px; } } @media screen and (max-width: 480px) { section#home #featured_box_wrap a.featured-box span.content span.button { top: 15px; } } html.ie8 section#home #featured_box_wrap a.featured-box span.content span.button span:before { font-size: 1.25em; } section#home #featured_box_wrap a.featured-box:hover span.icon, section#home #featured_box_wrap a.featured-box.hover span.icon { background: #c7ac2e; } section#home #featured_box_wrap a.featured-box:hover span.content h2, section#home #featured_box_wrap a.featured-box.hover span.content h2 { color: #039393; } section#home #featured_box_wrap a.featured-box:hover span.content p, section#home #featured_box_wrap a.featured-box.hover span.content p { color: #999999; } section#home #featured_box_wrap a.featured-box:hover span.content span.button, section#home #featured_box_wrap a.featured-box.hover span.content span.button { display: inline-block; *display: inline; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding: 8px 20px 6px 20px; background-color: #c7ac2e; border: 1px solid #b29a29; padding-left: 20px; padding-right: 30px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } section#home #featured_box_wrap a.featured-box:hover span.content span.button:hover, section#home #featured_box_wrap a.featured-box.hover span.content span.button:hover { color: #ffffff; } section#home #featured_box_wrap a.featured-box:hover span.content span.button.dark:hover:before, section#home #featured_box_wrap a.featured-box.hover span.content span.button.dark:hover:before { background: rgba(0, 0, 0, 0.2); } section#home #featured_box_wrap a.featured-box:hover span.content span.button:hover, section#home #featured_box_wrap a.featured-box.hover span.content span.button:hover { background-color: #b29a29; } section#home #featured_box_wrap a.featured-box:hover span.content span.button span, section#home #featured_box_wrap a.featured-box.hover span.content span.button span { margin: 0 -10px 0 10px; font-size: 0.8em; } html.ie8 section#home #featured_box_wrap a.featured-box:hover span.content span.button span:before, html.ie8 section#home #featured_box_wrap a.featured-box.hover span.content span.button span:before { font-size: 1.25em; } section#home #secondary_services { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; position: relative; z-index: 99; background: #f5f5f5; border-bottom: 1px solid #eeeeee; padding: 100px 0 30px 0 ; } section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 5px; *width: 20.03968253968254%; *padding: 0 4.950396825396825px; text-align: center; display: block; } section#home #secondary_services a.service > h2 { margin-bottom: 10px; max-height: 24px; height: 24px; min-height: 24px; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 960px) { section#home #secondary_services a.service > h2 { font-size: 1.25em; } } @media screen and (max-width: 768px) { section#home #secondary_services a.service > h2 { font-size: 1.5em; } } @media screen and (max-width: 568px) { section#home #secondary_services a.service > h2 { overflow: visible; min-height: none; max-height: none; height: auto; white-space: normal; } } section#home #secondary_services a.service > figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section#home #secondary_services a.service span.button { display: inline-block; *display: inline; padding: 6px 12px; text-decoration: none; color: #ffffff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background: -moz-linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #21b5b5), color-stop(100%, #1d9f9f)); background: -webkit-linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); background: -o-linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); background: -ms-linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); background: linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); -pie-background: linear-gradient(top, #21b5b5 0%, #1d9f9f 100%); position: relative; top: -13px; margin-right: 0; font-size: 0.85em; padding-left: 15px; padding-right: 15px; margin-left: 7%; margin-right: 7%; line-height: 1; text-align: center; display: table; width: 86%; } section#home #secondary_services a.service span.button:hover { background: #198989; background: -moz-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9f9f), color-stop(100%, #198989)); background: -webkit-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -o-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -ms-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: linear-gradient(top, #1d9f9f 0%, #198989 100%); -pie-background: linear-gradient(top, #1d9f9f 0%, #198989 100%); } section#home #secondary_services a.service span.button:active { background: #198989; background: -moz-linear-gradient(top, #198989 0%, #1d9f9f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #198989), color-stop(100%, #1d9f9f)); background: -webkit-linear-gradient(top, #198989 0%, #1d9f9f 100%); background: -o-linear-gradient(top, #198989 0%, #1d9f9f 100%); background: -ms-linear-gradient(top, #198989 0%, #1d9f9f 100%); background: linear-gradient(top, #198989 0%, #1d9f9f 100%); -pie-background: linear-gradient(top, #198989 0%, #1d9f9f 100%); } html.ie8 section#home #secondary_services a.service span.button, html.ie9 section#home #secondary_services a.service span.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } @media screen and (max-width: 960px) { section#home #secondary_services a.service span.button { font-size: 0.8em; } } @media screen and (max-width: 768px) { section#home #secondary_services a.service span.button { font-size: 0.85em; } } section#home #secondary_services a.service span.button > span { display: table-cell; vertical-align: middle; max-height: 25px; height: 25px; min-height: 25px; overflow: hidden; } @media screen and (max-width: 768px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; margin-bottom: 40px; } } @media screen and (max-width: 685px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 37.5%; padding: 0 20px; *width: 32.53968253968254%; *padding: 0 19.950396825396826px; margin-left: 6.25%; margin-right: 6.25%; } } @media screen and (max-width: 600px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 41.66666666666667%; padding: 0 20px; *width: 36.70634920634921%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; } } @media screen and (max-width: 568px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; } } @media screen and (max-width: 480px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 20px; *width: 70.03968253968253%; *padding: 0 19.950396825396826px; margin-left: 12.5%; margin-right: 12.5%; } } @media screen and (max-width: 380px) { section#home #secondary_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } section#home #secondary_services a.service:hover span.button { background: #198989; background: -moz-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1d9f9f), color-stop(100%, #198989)); background: -webkit-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -o-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: -ms-linear-gradient(top, #1d9f9f 0%, #198989 100%); background: linear-gradient(top, #1d9f9f 0%, #198989 100%); -pie-background: linear-gradient(top, #1d9f9f 0%, #198989 100%); } section#home #main_content h3 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } @media screen and (max-width: 600px) { section#home #main_content h3 { text-align: center; margin-bottom: 40px; } } section#home #main_content .list { margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 0; *width: 45.03968253968254%; *padding: 0 -0.0496031746031746%; } section#home #main_content .list ul { list-style: none; margin: 0 0 20px 0; padding: 0; border-bottom: 1px solid #eeeeee; } section#home #main_content .list ul li { border-top: 1px solid #eeeeee; font-size: 0.9em; } @media screen and (max-width: 960px) { section#home #main_content .list ul li { font-size: 0.85em; } } @media screen and (max-width: 768px) { section#home #main_content .list ul li { font-size: 0.9em; } } @media screen and (max-width: 685px) { section#home #main_content .list ul li { font-size: 0.85em; } } @media screen and (max-width: 600px) { section#home #main_content .list ul li { font-size: 0.9em; } } @media screen and (max-width: 480px) { section#home #main_content .list ul li { font-size: 0.85em; } } section#home #main_content .list ul li:hover { background-color: #f7f9fc; } section#home #main_content .list ul li a { display: inline-block; *display: inline; padding: 6px; width: 100%; height: 100%; color: #777777; border: 1px solid #ffffff; } section#home #main_content .list ul li a:hover { color: #c7ac2e; } html.ie8 section#home #main_content .list ul li, html.ie9 section#home #main_content .list ul li, html.ie10 section#home #main_content .list ul li { line-height: 2em; } section#home #main_content .list ul li { height: 38px; } section#home #main_content .list h3 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #1f3888; font-weight: normal; font-size: 1.25em; margin-bottom: 10px; max-height: 22px; overflow: hidden; } section#home #main_content .list h3 span, section#home #main_content .list h3 img { margin-right: 5px; } section#home #main_content .list h3 span { font-size: 1.15em; vertical-align: middle; } section#home #main_content .list.couples { padding-right: 20px; } section#home #main_content .list a.button { cursor: pointer; display: inline-block; vertical-align: top; position: relative; overflow: hidden; line-height: 2.3; padding: 0 20px; font-size: 13px; color: white; text-align: center; text-decoration: none; background-color: #1f3888; background-clip: padding-box; border: 1px solid; border-color: #1a2f73 #16275e #16275e; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.1)); } section#home #main_content .list a.button:hover { background-color: #2a4dba; } section#home #main_content .list a.button:active { color: rgba(255, 255, 255, 0.9); text-shadow: 0 -1px #154c86; background: #1f3888; border-color: #1a2f73 #16275e #16275e; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.4); background-image: -webkit-linear-gradient(top, #3b5fd2, #1f3888); background-image: -moz-linear-gradient(top, #3b5fd2, #1f3888); background-image: -o-linear-gradient(top, #3b5fd2, #1f3888); background-image: linear-gradient(to bottom, #3b5fd2, #1f3888); } section#home #main_content .list a.button:active:before { top: -50%; bottom: -125%; left: -15%; right: -15%; -webkit-box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 96px rgba(0, 0, 0, 0.2); } html.ie8 section#home #main_content .list a.button, html.ie9 section#home #main_content .list a.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#home #main_content .list a.button, html.ie9 section#home #main_content .list a.button { -pie-background: linear-gradient(top, #24419d, #24419d 50%, #1a2f73 51%, #1a2f73); position: relative; zoom: 1; } @media screen and (max-width: 600px) { section#home #main_content .list { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; text-align: center; margin-bottom: 40px; } } section#home h1 { padding: 12px 0 10px 0; } section#services #top_services { *zoom: 1; padding-bottom: 40px; } section#services #top_services:before, section#services #top_services:after { content: ""; display: table; } section#services #top_services:after { clear: both; } section#services #top_services:before, section#services #top_services:after { content: ""; display: table; } section#services #top_services:after { clear: both; } section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 25%; padding: 0 10px; *width: 20.03968253968254%; *padding: 0 9.950396825396826px; display: block; } @media screen and (max-width: 960px) { section#services #top_services a.service { text-align: center; } } section#services #top_services a.service > h2 { font-size: 1.5em; text-align: center; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; margin-bottom: 10px; font-weight: normal; max-height: 24px; height: 24px; min-height: 24px; overflow: visible; white-space: nowrap; } @media screen and (max-width: 960px) { section#services #top_services a.service > h2 { font-size: 1.25em; } } @media screen and (max-width: 768px) { section#services #top_services a.service > h2 { font-size: 1.5em; } } @media screen and (max-width: 568px) { section#services #top_services a.service > h2 { overflow: visible; min-height: none; max-height: none; height: auto; white-space: normal; } } section#services #top_services a.service p { color: #444444; padding: 0 5px; height: 96px; overflow: hidden; } @media screen and (max-width: 960px) { section#services #top_services a.service p { font-size: 0.9em; } } @media screen and (max-width: 768px) { section#services #top_services a.service p { height: 69px; } } section#services #top_services a.service > figure { width: 100%; } section#services #top_services a.service > figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section#services #top_services a.service span.button { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #eeeeee; border: 1px solid #d5d5d5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #adadad!important; text-shadow: 0px -2px 1px #ffffff; width: 100%; text-align: center; white-space: nowrap; } html.ie8 section#services #top_services a.service span.button, html.ie9 section#services #top_services a.service span.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } @media screen and (max-width: 960px) { section#services #top_services a.service span.button { font-size: 0.9em; } } @media screen and (max-width: 768px) { section#services #top_services a.service span.button { font-size: 1em; width: auto; } } html.ie8 section#services #top_services a.service span.button, html.ie9 section#services #top_services a.service span.button, html.ie10 section#services #top_services a.service span.button { font-size: 0.85em; white-space: nowrap; } html.ie8 section#services #top_services a.service span.button { position: relative; z-index: 1; } section#services #top_services a.service span.button span { font-size: 0.75em; padding-left: 10px; line-height: 0.75em; } @media screen and (max-width: 960px) { section#services #top_services a.service span.button span { display: none; } } @media screen and (max-width: 768px) { section#services #top_services a.service span.button span { display: inline-block; } } @media screen and (max-width: 768px) { section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 45.83333333333333%; padding: 0 20px; *width: 40.87301587301587%; *padding: 0 19.950396825396826px; margin-left: 2.083333333333333%; margin-right: 2.083333333333333%; margin-bottom: 40px; } } @media screen and (max-width: 600px) { section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 45.83333333333333%; padding: 0 20px; *width: 40.87301587301587%; *padding: 0 19.950396825396826px; margin-left: 2.083333333333333%; margin-right: 2.083333333333333%; } } @media screen and (max-width: 568px) { section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; } } @media screen and (max-width: 480px) { section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 75%; padding: 0 20px; *width: 70.03968253968253%; *padding: 0 19.950396825396826px; margin-left: 12.5%; margin-right: 12.5%; } } @media screen and (max-width: 380px) { section#services #top_services a.service { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } section#services #top_services a.service:hover span.button { background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); color: white!important; border: 1px solid #1d9f9f; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4); } html.ie8 section#services #top_services a.service:hover span.button, html.ie9 section#services #top_services a.service:hover span.button { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } html.ie8 section#services #top_services a.service:hover span.button, html.ie9 section#services #top_services a.service:hover span.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services #featured_services a.featured-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 7px; *width: 45.03968253968254%; *padding: 0 6.950396825396825px; text-align: center; margin-bottom: 40px; } @media screen and (max-width: 568px) { section#services #featured_services a.featured-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } section#services #featured_services a.featured-box figure { width: 100%; position: relative; z-index: 1; } section#services #featured_services a.featured-box figure img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section#services #featured_services a.featured-box span.icon { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.33); background: #c7ac2e; height: 55px; width: 55px; border: 2px solid #ffffff; margin: -33px auto 15px auto; display: block; position: relative; z-index: 2; } html.ie8 section#services #featured_services a.featured-box span.icon, html.ie9 section#services #featured_services a.featured-box span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#services #featured_services a.featured-box span.icon, html.ie9 section#services #featured_services a.featured-box span.icon { position: relative; zoom: 1; box-shadow: 0px 1px 3px rgba(100, 100, 100, 0.33); } section#services #featured_services a.featured-box span.icon span { display: block; height: 36px; width: 36px; margin: 5px 7px; } section#services #featured_services a.featured-box span.icon span.ring { background: url(/assets/images/design/icon-rings.png) no-repeat; } section#services #featured_services a.featured-box span.icon span.couple { background: url(/assets/images/design/icon-couple.png) no-repeat; } section#services #featured_services a.featured-box span.content { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; max-height: 131px; height: 131px; min-height: 131px; overflow: visible; padding: 0 30px; display: block; } @media screen and (max-width: 768px) { section#services #featured_services a.featured-box span.content { padding: 0 10px; max-height: none; min-height: none; height: auto; } } @media screen and (max-width: 685px) { section#services #featured_services a.featured-box span.content { padding: 0; } } section#services #featured_services a.featured-box span.content h2 { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; font-family: "Trajan", Georgia, Times, "Times New Roman", serif; font-size: 1.33em; margin-bottom: 13px; font-weight: bold; color: #c7ac2e; height: 40px; display: table; width: 100%; } section#services #featured_services a.featured-box span.content h2 span { display: table-cell; vertical-align: middle; text-align: center; } @media screen and (max-width: 685px) { section#services #featured_services a.featured-box span.content h2 { height: 60px; } } @media screen and (max-width: 568px) { section#services #featured_services a.featured-box span.content h2 { height: auto; } } html.ie8 section#services #featured_services a.featured-box span.content h2, html.ie9 section#services #featured_services a.featured-box span.content h2 { height: 40px; } @media screen and (max-width: 568px) { html.ie8 section#services #featured_services a.featured-box span.content h2, html.ie9 section#services #featured_services a.featured-box span.content h2 { height: auto; } } section#services #featured_services a.featured-box span.content p { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; text-shadow: 0px -2px 1px #ffffff; height: 38px; overflow: hidden; font-size: 1em; line-height: 1.2; margin: 0 auto; color: #444444; width: 85%; } @media screen and (max-width: 960px) { section#services #featured_services a.featured-box span.content p { height: 54px; width: 75%; } } @media screen and (max-width: 768px) { section#services #featured_services a.featured-box span.content p { margin-bottom: 15px; } } @media screen and (max-width: 568px) { section#services #featured_services a.featured-box span.content p { height: auto; } } section#services #featured_services a.featured-box span.content span.button { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; top: 15px; display: inline-block; *display: inline; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding: 8px 20px 6px 20px; background-color: #c7ac2e; border: 1px solid #b29a29; font-weight: 500; padding-left: 20px; padding-right: 30px; margin-right: 0!important; } section#services #featured_services a.featured-box span.content span.button:hover { color: #ffffff; } section#services #featured_services a.featured-box span.content span.button.dark:hover:before { background: rgba(0, 0, 0, 0.2); } section#services #featured_services a.featured-box span.content span.button:hover { background-color: #b29a29; } section#services #featured_services a.featured-box span.content span.button span { margin: 0 -10px 0 10px; font-size: 0.8em; } html.ie8 section#services #featured_services a.featured-box span.content span.button span:before { font-size: 1.25em; } html.ie8 section#services #featured_services a.featured-box span.content span.button, html.ie9 section#services #featured_services a.featured-box span.content span.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#services #featured_services a.featured-box span.content span.button { box-shadow: none!important; } @media screen and (max-width: 768px) { section#services #featured_services a.featured-box span.content span.button { top: 5px; } } section#services #featured_services a.featured-box:hover span.icon { background: #b29a29; } section#services #featured_services a.featured-box:hover span.content h2 { color: #b29a29; } section#services #featured_services a.featured-box:hover span.content span.button { display: inline-block; *display: inline; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 1.5em; border: 0; white-space: nowrap; color: #ffffff; text-decoration: none; padding: 6px 1.5em 5px; margin-right: 20px; position: relative; font-size: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding: 8px 20px 6px 20px; background-color: #c7ac2e; border: 1px solid #b29a29; padding-left: 20px; padding-right: 30px; } section#services #featured_services a.featured-box:hover span.content span.button:hover { color: #ffffff; } section#services #featured_services a.featured-box:hover span.content span.button.dark:hover:before { background: rgba(0, 0, 0, 0.2); } section#services #featured_services a.featured-box:hover span.content span.button:hover { background-color: #b29a29; } section#services #featured_services a.featured-box:hover span.content span.button span { margin: 0 -10px 0 10px; font-size: 0.8em; } html.ie8 section#services #featured_services a.featured-box:hover span.content span.button span:before { font-size: 1.25em; } section#services_detail figure.video-thumb-wrap { display: block; margin: 0 auto 40px auto; height: 360px; width: 100%; padding: 5px; overflow: hidden; border: 1px solid #e1e1e1; background: #ffffff; } section#services_detail figure.video-thumb-wrap a.youtube { display: block; width: 100%; height: 100%; cursor: pointer; } section#services_detail figure.video-thumb-wrap a.youtube:hover span.play { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; } html.ie8 section#services_detail figure.video-thumb-wrap a.youtube:hover span.play { filter: alpha(opacity=80); } section#services_detail figure.video-thumb-wrap span.thumb { width: 100%; height: 100%; display: block; background-size: 100%; background-position: 50% 50%; } section#services_detail figure.video-thumb-wrap span.play { width: 100%; height: 100%; display: inline-block; *display: inline; position: relative; top: 50%; left: 50%; margin-top: -39px; margin-left: -39px; font-family: 'Pictos Custom'; font-size: 7em; color: white; line-height: 1; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); } html.ie8 section#services_detail figure.video-thumb-wrap span.play { filter: alpha(opacity=50); } section#services_detail figure.video-thumb-wrap .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } section#services_detail figure.video-thumb-wrap .video-container iframe, section#services_detail figure.video-thumb-wrap .video-container object, section#services_detail figure.video-thumb-wrap .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section#services_detail p img { padding: 3px; border: 1px solid #e1e1e1; background: #ffffff; margin: 0 auto; } section#services_detail p img { margin: 0 15px 15px 0; } section#services_detail ul.services-resources { list-style: none; margin: 0 0 40px 0; padding: 0; *zoom: 1; } section#services_detail ul.services-resources:before, section#services_detail ul.services-resources:after { content: ""; display: table; } section#services_detail ul.services-resources:after { clear: both; } section#services_detail ul.services-resources:before, section#services_detail ul.services-resources:after { content: ""; display: table; } section#services_detail ul.services-resources:after { clear: both; } section#services_detail ul.services-resources li { padding: 0; margin: 0; width: 47%; display: inline-block; *display: inline; float: left; margin: 1.5%; } @media screen and (max-width: 600px) { section#services_detail ul.services-resources li { width: 97%; } } section#services_detail ul.services-resources li a { width: 100%; color: #444444 !important; display: inline-block; *display: inline; padding: 9px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%); -pie-background: linear-gradient(top, #ffffff 0%, #f5f5f5 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #dedede; -webkit-transition: all 0s linear; -moz-transition: all 0s linear; transition: all 0s linear; } section#services_detail ul.services-resources li a:hover { background: #e8e8e8; background: -moz-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e8e8e8)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background: linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); -pie-background: linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); } section#services_detail ul.services-resources li a:active { background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e8e8), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background: linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); -pie-background: linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); } html.ie8 section#services_detail ul.services-resources li a, html.ie9 section#services_detail ul.services-resources li a { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#services_detail ul.services-resources li a, html.ie9 section#services_detail ul.services-resources li a { position: relative; z-index: 1; } section#services_detail ul.services-resources li a:hover { -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; font-weight: bold; color: #ffffff !important; background: #028383; border: 1px solid #026a6a; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } html.ie8 section#services_detail ul.services-resources li a:hover, html.ie9 section#services_detail ul.services-resources li a:hover { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#services_detail ul.services-resources li a:hover, html.ie9 section#services_detail ul.services-resources li a:hover { position: relative; z-index: 1; color: #444444 !important; border: 1px solid #dedede; } section#services_detail .testimonial { margin-bottom: 20px; *zoom: 1; } section#services_detail .testimonial:before, section#services_detail .testimonial:after { content: ""; display: table; } section#services_detail .testimonial:after { clear: both; } section#services_detail .testimonial:before, section#services_detail .testimonial:after { content: ""; display: table; } section#services_detail .testimonial:after { clear: both; } section#services_detail .testimonial span.testimonial-icon { font-family: 'Pictos Custom'; font-size: 3.5em; color: #dddddd; float: left; line-height: 0.8; margin: 5px 10px -5px 0; display: inline-block; *display: inline; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; -moz-transform: rotateY(180deg); -moz-transform-style: preserve-3d; -ms-transform: rotateY(180deg); -ms-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d; } section#services_detail .testimonial p.quote { min-height: 48px; padding-left: 60px; } section#services_detail .testimonial .person figure { float: right; margin: 0 0 0 15px; } section#services_detail .testimonial .person .name-title { float: right; text-align: right; } section#services_detail .testimonial .person .name-title h4 { font-size: 0.9em; padding-top: 13px; margin-bottom: 0; } section#services_detail .testimonial hr { margin: 10px 0; } @media screen and (max-width: 768px) { section#services_detail .services-book-course-cta.sidebar-module { display: none; } } section#services_detail .services-book-course-cta.sidebar-module .top-content-wrap span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -20px; margin-left: 10px; -ms-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -o-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -webkit-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -moz-box-shadow: 0 0 1px 1px rgba(222,222,222,1); box-shadow: 0 0 1px 1px rgba(222,222,222,1); } html.ie8 section#services_detail .services-book-course-cta.sidebar-module .top-content-wrap span.icon, html.ie9 section#services_detail .services-book-course-cta.sidebar-module .top-content-wrap span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-book-course-cta.sidebar-module .top-content-wrap span.icon span { display: block; height: 33px; width: 36px; margin: 11px auto; background: url(/assets/images/design/icon-rings-orange.png) no-repeat; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta { padding: 20px; *zoom: 1; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:before, section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:after { content: ""; display: table; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:after { clear: both; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:before, section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:after { content: ""; display: table; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta:after { clear: both; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li { width: 100%; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li label { width: 100%; font-weight: bold; margin-bottom: 5px; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li label.empty { display: none; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li span.select-wrap { width: 100%; margin: 0; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li input[type="submit"] { display: block; width: 100%; margin: 10px 0 0 0; } section#services_detail .services-book-course-cta.sidebar-module .content-wrap form.cta ul li:last-child { margin: 0; padding: 0; } section#services_detail .services-book-course-cta header { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ width: 100%; padding: 20px 20px 17px 20px ; border: 1px solid #268b83; } html.ie8 section#services_detail .services-book-course-cta header, html.ie9 section#services_detail .services-book-course-cta header { background-image: none!important; filter: none!important; } section#services_detail .services-book-course-cta header p { margin: 0; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; font-size: 1.05em; line-height: 1.1; } section#services_detail .services-book-course-cta header span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -12px; margin-left: 20px; } html.ie8 section#services_detail .services-book-course-cta header span.icon, html.ie9 section#services_detail .services-book-course-cta header span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-book-course-cta header span.icon span { display: block; height: 33px; width: 36px; margin: 11px auto; background: url(/assets/images/design/icon-rings-orange.png) no-repeat; } section#services_detail .services-book-course-cta .content-wrap { background: #f7f7f7; border: 1px solid #dedede; *zoom: 1; } section#services_detail .services-book-course-cta .content-wrap:before, section#services_detail .services-book-course-cta .content-wrap:after { content: ""; display: table; } section#services_detail .services-book-course-cta .content-wrap:after { clear: both; } section#services_detail .services-book-course-cta .content-wrap:before, section#services_detail .services-book-course-cta .content-wrap:after { content: ""; display: table; } section#services_detail .services-book-course-cta .content-wrap:after { clear: both; } section#services_detail .services-book-course-cta .content-wrap form.cta { padding: 20px; } section#services_detail .services-book-course-cta .content-wrap form.cta ul li { width: 50%; float: left; display: inline-block; *display: inline; } @media screen and (max-width: 480px) { section#services_detail .services-book-course-cta .content-wrap form.cta ul li { width: 100%; } } section#services_detail .services-book-course-cta .content-wrap form.cta ul li label { float: left; color: #1d9f9f; width: 20%; margin: 0 1%; } @media screen and (max-width: 960px) { section#services_detail .services-book-course-cta .content-wrap form.cta ul li label { width: 90%; } } section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap { float: left; width: 70%; margin: 0; height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap { position: relative; z-index: 1; } section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap select { margin-top: -7px; } html.firefox section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap select { padding-top: 7px; } section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap select:focus, section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap select:active { outline: none !important; } @media screen and (max-width: 960px) { section#services_detail .services-book-course-cta .content-wrap form.cta ul li span.select-wrap { width: 90%; } } section#services_detail .services-book-course-cta .content-wrap form.cta ul li input[type="submit"] { margin: 0 5% 0 1%; display: inline-block; *display: inline; padding: 8px 30px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #039393; font-weight: bold; } section#services_detail .services-book-course-cta .content-wrap form.cta ul li input[type="submit"]:hover { background: #04acac; } @media screen and (max-width: 768px) { section#services_detail .services-centre-lookup-cta.sidebar-module { display: none; } } section#services_detail .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float: right; position: relative; top: -20px; margin-left: 10px; -ms-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -o-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -webkit-box-shadow: 0 0 1px 1px rgba(222,222,222,1); -moz-box-shadow: 0 0 1px 1px rgba(222,222,222,1); box-shadow: 0 0 1px 1px rgba(222,222,222,1); } html.ie8 section#services_detail .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon, html.ie9 section#services_detail .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-centre-lookup-cta.sidebar-module .top-content-wrap span.icon span { display: block; height: 36px; width: 36px; margin: 9.5px auto; background: url(/assets/images/design/icon-couple-orange.png) no-repeat; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap { padding-bottom: 50px; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap form.cta { padding: 10px; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap ul li { width: 100%; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap ul li label { color: #028383; font-weight: bold; margin-bottom: 10px; font-size: 0.9em; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap ul li input[type="submit"] { margin: 0; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap ul li .select-wrap { width: 75%; } section#services_detail .services-centre-lookup-cta.sidebar-module .content-wrap input[type="button"] { display: inline-block; *display: inline; padding: 7px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #028383; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: bold; margin: 0; } section#services_detail .services-centre-lookup-cta header { background-color: #028383; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-9 fallback on horizontal gradient */ width: 100%; padding: 20px 20px 17px 20px ; border: 1px solid #268b83; } html.ie8 section#services_detail .services-centre-lookup-cta header, html.ie9 section#services_detail .services-centre-lookup-cta header { background-image: none!important; filter: none!important; } section#services_detail .services-centre-lookup-cta header p { margin: 0; color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; font-size: 1.05em; line-height: 1.1; } section#services_detail .services-centre-lookup-cta header span.icon { float: right; position: relative; top: -12px; margin-left: 20px; } section#services_detail .services-centre-lookup-cta .content-wrap { background: #f7f7f7; border: 1px solid #dedede; *zoom: 1; } section#services_detail .services-centre-lookup-cta .content-wrap:before, section#services_detail .services-centre-lookup-cta .content-wrap:after { content: ""; display: table; } section#services_detail .services-centre-lookup-cta .content-wrap:after { clear: both; } section#services_detail .services-centre-lookup-cta .content-wrap:before, section#services_detail .services-centre-lookup-cta .content-wrap:after { content: ""; display: table; } section#services_detail .services-centre-lookup-cta .content-wrap:after { clear: both; } section#services_detail .services-centre-lookup-cta .content-wrap form.cta { padding: 20px; } section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap, html.ie9 section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap { position: relative; z-index: 1; } section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { margin-top: -7px; } html.firefox section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select { padding-top: 7px; } section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:focus, section#services_detail .services-centre-lookup-cta .content-wrap form.cta ul li span.select-wrap select:active { outline: none !important; } section#services_detail .services-centre-lookup-cta header span.icon { height: 55px; width: 55px; background: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } html.ie8 section#services_detail .services-centre-lookup-cta header span.icon, html.ie9 section#services_detail .services-centre-lookup-cta header span.icon { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-centre-lookup-cta header span.icon span { display: block; height: 36px; width: 36px; margin: 9.5px auto; background: url(/assets/images/design/icon-couple-orange.png) no-repeat; } section#services_detail .services-centre-lookup-cta .content-wrap { padding-bottom: 20px; } section#services_detail .services-centre-lookup-cta .content-wrap li { width: 48%; float: left; margin: 0 1%; } @media screen and (max-width: 568px) { section#services_detail .services-centre-lookup-cta .content-wrap li { width: 98%; } } section#services_detail .services-centre-lookup-cta .content-wrap li label { width: 90%; } @media screen and (max-width: 568px) { section#services_detail .services-centre-lookup-cta .content-wrap li label { width: 100%; } } section#services_detail .services-centre-lookup-cta .content-wrap li input[type="submit"], section#services_detail .services-centre-lookup-cta .content-wrap li input[type="button"] { display: inline-block; *display: inline; padding: 7px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #028383; font-weight: bold; margin: 0; } section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap { width: 76%; margin-right: 10px; height: 30px; line-height: 32.00000000001px; overflow: hidden; border: 1px solid #dedede; background: url(/assets/images/design/dropdown_bg.png) no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-position: 100% 50%; padding: 0 10px; display: inline-block; *display: inline; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap, html.ie9 section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap:hover { background: url(/assets/images/design/dropdown_bg_hover.jpg) no-repeat; background-position: 100% 50%; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap { position: relative; z-index: 1; } section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap select { /* remove default appearance */ appearance: none; -webkit-appearance: none; -moz-appearance: window; background-color: transparent; background-image: none; width: 130%; border: 0; box-shadow: none; vertical-align: middle; display: block; height: 30px; line-height: 32.00000000001px; color: #555; cursor: pointer; margin: 0; padding: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; font-size: 12.857142857142858px; } html.ie8 section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap select { margin-top: -7px; } html.firefox section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap select { padding-top: 7px; } section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap select:focus, section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap select:active { outline: none !important; } @media screen and (max-width: 568px) { section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap { width: 85%; } } @media screen and (max-width: 480px) { section#services_detail .services-centre-lookup-cta .content-wrap li .select-wrap { width: 76%; } } section#centres *:focus { outline: 0; } section#centres #listings { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; margin-bottom: 40px; } @media screen and (max-width: 768px) { section#centres #listings { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } } section#centres #listings h3 { display: block width:100%; border-bottom: 1px solid #ddd; padding: 10px 7px 7px 7px; background: #f9f9f9; cursor: pointer; font-size: 1.15em; } section#centres #listings h3 span { float: right; font-size: 0.66em; color: #1d9f9f; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html.ie8 section#centres #listings h3 span { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } html.ie8 section#centres #listings h3 span:before { font-size: 1em; } section#centres #listings h3.ui-state-hover { color: #21b5b5; } section#centres #listings h3.ui-state-hover span { color: #21b5b5; } section#centres #listings h3.ui-state-active span { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } html.ie8 section#centres #listings h3.ui-state-active span { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } section#centres #listings .centres-wrap { padding: 0 0 20px 0; } section#centres #listings .centres-wrap a.centre-button { transition: box-shadow 0.5s ease-in-out; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out; -moz-transition: -moz-box-shadow 0.5s ease-in-out; display: inline-block; *display: inline; padding: 7px 0; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; font-size: 14px; background: #eeeeee; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 7px 1%; width: 30%; text-align: center; white-space: nowrap; color: #777777; font-weight: bold; text-shadow: 0px 2px 0px #FFF; } section#centres #listings .centres-wrap a.centre-button:hover { background: #e1e1e1; background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); -pie-background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); } section#centres #listings .centres-wrap a.centre-button:active { background: #e1e1e1; background: -moz-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); } @media screen and (max-width: 960px) { section#centres #listings .centres-wrap a.centre-button { width: 47%; } } @media screen and (max-width: 768px) { section#centres #listings .centres-wrap a.centre-button { width: 22%; } } @media screen and (max-width: 685px) { section#centres #listings .centres-wrap a.centre-button { width: 30%; } } @media screen and (max-width: 480px) { section#centres #listings .centres-wrap a.centre-button { width: 47%; } } @media screen and (max-width: 380px) { section#centres #listings .centres-wrap a.centre-button { width: 97%; } } html.ie8 section#centres #listings .centres-wrap a.centre-button, html.ie9 section#centres #listings .centres-wrap a.centre-button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#centres #listings .centres-wrap a.centre-button { position: relative; z-index: 1; } section#centres #listings .centres-wrap a.centre-button.notice { transition: box-shadow 0.5s ease-in-out; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out; -moz-transition: -moz-box-shadow 0.5s ease-in-out; -ms-box-shadow: 0px 0px 8px #028383; -o-box-shadow: 0px 0px 8px #028383; -webkit-box-shadow: 0px 0px 8px #028383; -moz-box-shadow: 0px 0px 8px #028383; box-shadow: 0px 0px 8px #028383; } html.no-boxshadow section#centres #listings .centres-wrap a.centre-button.notice { -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 2px solid #028383; } section#centres #listings .centres-wrap a.centre-button:hover { background: #23bdbd; background: -moz-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26d3d3), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -o-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } section#centres #listings .centres-wrap a.centre-button:hover:hover { background: #1fa8a8; background: -moz-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23bdbd), color-stop(100%, #1fa8a8)); background: -webkit-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -o-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -ms-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); -pie-background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); } section#centres #listings .centres-wrap a.centre-button:hover:active { background: #1fa8a8; background: -moz-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa8a8), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -o-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); } section#centres #map { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 0; *width: 45.03968253968254%; *padding: 0 -0.0496031746031746%; } section#centres #map .entry { padding: 0; margin: 0; } section#centres #map img { max-width: 100%; max-height: 100%; } section#centres #map #world_map { width: 421px; height: 534px; } @media screen and (max-width: 960px) { section#centres #map #world_map { width: 384px; height: 488px; } } @media screen and (max-width: 768px) { section#centres #map #world_map { width: 421px; height: 534px; margin: 0 auto; } } @media screen and (max-width: 480px) { section#centres #map #world_map { width: 340px; height: 432px; } } @media screen and (max-width: 380px) { section#centres #map #world_map { width: 280px; height: 356px; } } @media screen and (max-width: 768px) { section#centres #map { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } } section#centres_detail h4 { margin-left: 13px; } section#centres_detail a.opening-times-link { cursor: pointer; } section#centres_detail .opening-times { position: relative; display: none; z-index: 999; border: 1px solid #cccccc; background: #eeeeee; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -ms-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 10px; color: #444444; white-space: nowrap; float: left; font-size: 14px; } section#centres_detail .success-notice, section#contact .success-notice { display: block; background: #f4f3e8; border: 1px dashed #a8a14f; padding: 15px; text-align: center; *zoom: 1; margin: -20px 20px 30px 20px; font-weight: bold; font-size: 1.2em; color: #908a44; } section#centres_detail .success-notice:before, section#contact .success-notice:before, section#centres_detail .success-notice:after, section#contact .success-notice:after { content: ""; display: table; } section#centres_detail .success-notice:after, section#contact .success-notice:after { clear: both; } section#centres_detail .success-notice:before, section#contact .success-notice:before, section#centres_detail .success-notice:after, section#contact .success-notice:after { content: ""; display: table; } section#centres_detail .success-notice:after, section#contact .success-notice:after { clear: both; } section#centres_detail .success-notice p, section#contact .success-notice p { margin: 0; font-size: 1.2em; color: #625e2f; } section#centres_detail .success-notice a.button, section#contact .success-notice a.button { display: inline-block; *display: inline; padding: 7px 15px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #bbb56f; border: 1px solid #a8a14f; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } section#centres_detail .success-notice a.button:hover, section#contact .success-notice a.button:hover { background: #a8a14f; } section#centres_detail .centre-intro, section#contact .centre-intro, section#centres_detail .contact-intro, section#contact .contact-intro { margin-bottom: 40px; } section#centres_detail h4, section#contact h4 { display: table; } section#centres_detail h4 span, section#contact h4 span { display: table-cell; vertical-align: middle; width: 100%; } section#centres_detail h4 span.title-icon, section#contact h4 span.title-icon { padding-right: 10px; font-size: 0.8em; width: auto; } section#centres_detail .info-box, section#contact .info-box { height: 145px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 45.83333333333333%; padding: 0 20px; *width: 40.87301587301587%; *padding: 0 19.950396825396826px; margin-right: 4.166666666666666%; background: #f5f5f5; border: 1px solid #dbdbdb; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px 15px; margin-bottom: 40px; text-shadow: 0px 2px 0px #FFF; line-height: 1.66; } @media screen and (max-width: 568px) { section#centres_detail .info-box, section#contact .info-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 15px 20px; min-height: none; } } section#centres_detail .info-box ul, section#contact .info-box ul { list-style: none; padding: 0; margin: 0; } html.ie8 section#centres_detail .info-box ul li, html.ie8 section#contact .info-box ul li { line-height: 1.33; } section#centres_detail .info-box ul li a, section#contact .info-box ul li a { color: #028383; } section#centres_detail .info-box ul li a:hover, section#contact .info-box ul li a:hover { border-bottom: 1px solid; } section#centres_detail .info-box ul li span, section#contact .info-box ul li span { font-size: 0.85em; margin-right: 10px; color: #028383; } section#centres_detail .info-box ul li #centre_phone, section#contact .info-box ul li #centre_phone { font-size: 1em !important; } section#centres_detail .info-box span.address-icon, section#contact .info-box span.address-icon { color: #028383; display: inline-block; *display: inline; margin-right: 10px; vertical-align: top; font-size: 0.9em; } @media screen and (max-width: 568px) { section#centres_detail .info-box span.address-icon, section#contact .info-box span.address-icon { width: auto; margin-right: 15px; text-align: center; } } section#centres_detail .info-box span.address, section#contact .info-box span.address { max-height: 122px; overflow: hidden; display: inline-block; *display: inline; width: 85%; } section#centres_detail .info-box span.address:first-line, section#contact .info-box span.address:first-line { font-size: 1.05em; color: #028383; } section#centres_detail .info-box span.address a, section#contact .info-box span.address a { font-size: 0.9em; color: #028383; } section#centres_detail ul#services, section#contact ul#services { list-style: none; padding: 0; margin: 0; width: 100%; margin-bottom: 40px; overflow: hidden; } section#centres_detail ul#services li, section#contact ul#services li { width: 48%; margin: 0 1% 1% 0; float: left; display: inline; line-height: 1; } @media screen and (max-width: 568px) { section#centres_detail ul#services li, section#contact ul#services li { width: 98%; } } section#centres_detail ul#services li a, section#contact ul#services li a { display: table; width: 100%; padding: 7px 15px; border: 1px solid transparent; color: #444444; } section#centres_detail ul#services li a:hover, section#contact ul#services li a:hover { background: #f5f5f5; border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; font-weight: bold; } section#centres_detail ul#services li a:hover span.list-icon, section#contact ul#services li a:hover span.list-icon { color: #1d9f9f; } section#centres_detail ul#services li span, section#contact ul#services li span { display: table-cell; vertical-align: middle; } section#centres_detail ul#services li span.list-icon, section#contact ul#services li span.list-icon { color: #777777; font-size: 0.95em; width: 40px; } section#centres_detail .map-wrap, section#contact .map-wrap { border: 1px solid #eeeeee; position: relative; padding: 3px 3px 243px 3px; height: 0; overflow: hidden; } section#centres_detail .map-wrap iframe, section#contact .map-wrap iframe, section#centres_detail .map-wrap embed, section#contact .map-wrap embed, section#centres_detail .map-wrap object, section#contact .map-wrap object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section#contact .info-box { height: 120px; } section#faq .intro { float: right; width: 56%; *zoom: 1; } section#faq .intro:before, section#faq .intro:after { content: ""; display: table; } section#faq .intro:after { clear: both; } section#faq .intro:before, section#faq .intro:after { content: ""; display: table; } section#faq .intro:after { clear: both; } section#faq .categories { margin-bottom: 40px; } section#faq .categories ul { list-style: none; margin: 0; padding: 0; } section#faq .categories ul li { display: inline; margin: 0; padding: 0; } section#faq .categories ul li a { -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; transition: all 0s linear !important; display: inline-block; *display: inline; padding: 7px 10px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #eeeeee; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 7px 1%; color: #777777; font-weight: bold; text-shadow: 0px 2px 0px #FFF; } section#faq .categories ul li a:hover { background: #e1e1e1; background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); -pie-background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); } section#faq .categories ul li a:active { background: #e1e1e1; background: -moz-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); } html.ie8 section#faq .categories ul li a, html.ie9 section#faq .categories ul li a { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#faq .categories ul li a { position: relative; z-index: 1; } section#faq .categories ul li a:hover { background: #23bdbd; background: -moz-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26d3d3), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -o-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } section#faq .categories ul li a:hover:hover { background: #1fa8a8; background: -moz-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23bdbd), color-stop(100%, #1fa8a8)); background: -webkit-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -o-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -ms-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); -pie-background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); } section#faq .categories ul li a:hover:active { background: #1fa8a8; background: -moz-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa8a8), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -o-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); } section#faq div.categories + hr { margin-bottom: 40px; } section#faq .accordion_faq { margin-bottom: 60px; } section#faq .question { display: table; color: #444444; padding: 25px 0; cursor: pointer; border-bottom: 1px solid #eeeeee; width: 100%; } section#faq .question:focus { outline: 0; } section#faq .question span { display: table-cell; vertical-align: middle; font-size: 1.2em; line-height: 1.15; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } section#faq .question span.question-icon { color: #1d9f9f; padding: 0 15px; font-size: 1.33em; width: 55px; } section#faq .question:hover span { color: #015151; } section#faq .caret { width: 18px; height: 11px; position: relative; top: -25px; background-image: url(/assets/images/design/faq_caret.png); background-repeat: no-repeat; } section#faq .answer { -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 15px 53px; margin-bottom: 40px; background-color: #f5f5f5; border: 1px solid #dbdbdb; margin-top: -5px; } html.ie8 section#faq .answer, html.ie9 section#faq .answer { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#faq .answer a.button { display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } html.ie8 section#faq .answer a.button, html.ie9 section#faq .answer a.button { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section#faq .answer a.button span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section#faq .answer a.button span:before { font-size: 1.25em; } html.ie8 section#faq .answer a.button, html.ie9 section#faq .answer a.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#faq .answer a.button:hover { background-color: #23bdbd; } section#faq .answer:before { background-image: url(/assets/images/design/faq_caret.png); background-position: 50px -50px; background-repeat: no-repeat; } section#articles .categories, section#links .categories, section#policies .categories { margin-bottom: 40px; } section#articles .categories ul, section#links .categories ul, section#policies .categories ul { list-style: none; margin: 0; padding: 0; } section#articles .categories ul li, section#links .categories ul li, section#policies .categories ul li { display: inline; margin: 0; padding: 0; } section#articles .categories ul li a, section#links .categories ul li a, section#policies .categories ul li a { -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; transition: all 0s linear !important; display: inline-block; *display: inline; padding: 7px 10px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #eeeeee; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 7px 1%; color: #777777; font-weight: bold; text-shadow: 0px 2px 0px #FFF; } section#articles .categories ul li a:hover, section#links .categories ul li a:hover, section#policies .categories ul li a:hover { background: #e1e1e1; background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); -pie-background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); } section#articles .categories ul li a:active, section#links .categories ul li a:active, section#policies .categories ul li a:active { background: #e1e1e1; background: -moz-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); } html.ie8 section#articles .categories ul li a, html.ie8 section#links .categories ul li a, html.ie8 section#policies .categories ul li a, html.ie9 section#articles .categories ul li a, html.ie9 section#links .categories ul li a, html.ie9 section#policies .categories ul li a { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#articles .categories ul li a, html.ie8 section#links .categories ul li a, html.ie8 section#policies .categories ul li a { position: relative; z-index: 1; } section#articles .categories ul li a:hover, section#links .categories ul li a:hover, section#policies .categories ul li a:hover { background: #23bdbd; background: -moz-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26d3d3), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -o-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } section#articles .categories ul li a:hover:hover, section#links .categories ul li a:hover:hover, section#policies .categories ul li a:hover:hover { background: #1fa8a8; background: -moz-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23bdbd), color-stop(100%, #1fa8a8)); background: -webkit-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -o-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -ms-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); -pie-background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); } section#articles .categories ul li a:hover:active, section#links .categories ul li a:hover:active, section#policies .categories ul li a:hover:active { background: #1fa8a8; background: -moz-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa8a8), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -o-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); } section#articles p.intro, section#links p.intro, section#policies p.intro { margin-bottom: 40px; } section#articles a.article, section#links a.article, section#policies a.article, section#articles a.link, section#links a.link, section#policies a.link, section#articles a.policy, section#links a.policy, section#policies a.policy { margin-bottom: 25px; display: block; } section#articles a.article .title, section#links a.article .title, section#policies a.article .title, section#articles a.link .title, section#links a.link .title, section#policies a.link .title, section#articles a.policy .title, section#links a.policy .title, section#policies a.policy .title { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 1.05em; font-weight: bold; color: #028383; margin-bottom: 5px; line-height: 1; } section#articles a.article .title:before, section#links a.article .title:before, section#policies a.article .title:before, section#articles a.link .title:before, section#links a.link .title:before, section#policies a.link .title:before, section#articles a.policy .title:before, section#links a.policy .title:before, section#policies a.policy .title:before { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; font-family: 'Pictos Custom'; /* or whatever */ display: inline-block; margin-left: -30px; /*same as padding-left set on li*/ width: 30px; /*same as padding-left set on li*/ line-height: 0; font-size: 1.5em; font-weight: normal; } section#articles a.article p, section#links a.article p, section#policies a.article p, section#articles a.link p, section#links a.link p, section#policies a.link p, section#articles a.policy p, section#links a.policy p, section#policies a.policy p { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; padding-left: 30px; margin-bottom: 0px; color: #5e5e5e; font-size: 1em; } section#articles a.article span, section#links a.article span, section#policies a.article span, section#articles a.link span, section#links a.link span, section#policies a.link span, section#articles a.policy span, section#links a.policy span, section#policies a.policy span { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; padding-left: 30px; font-weight: bold; font-size: 0.85em; color: #c7ac2e; } section#articles a.article:hover .title, section#links a.article:hover .title, section#policies a.article:hover .title, section#articles a.link:hover .title, section#links a.link:hover .title, section#policies a.link:hover .title, section#articles a.policy:hover .title, section#links a.policy:hover .title, section#policies a.policy:hover .title, section#articles a.article:hover span, section#links a.article:hover span, section#policies a.article:hover span, section#articles a.link:hover span, section#links a.link:hover span, section#policies a.link:hover span, section#articles a.policy:hover span, section#links a.policy:hover span, section#policies a.policy:hover span { color: #1d9f9f; } section#articles a.article:hover .title:before, section#links a.article:hover .title:before, section#policies a.article:hover .title:before, section#articles a.link:hover .title:before, section#links a.link:hover .title:before, section#policies a.link:hover .title:before, section#articles a.policy:hover .title:before, section#links a.policy:hover .title:before, section#policies a.policy:hover .title:before { color: #015151; } section#articles hr, section#links hr, section#policies hr { margin-bottom: 25px; } section#articles .article .title:before, section#links .article .title:before, section#policies .article .title:before { content: 'D'; } section#articles .link .title:before, section#links .link .title:before, section#policies .link .title:before { content: 'U'; } section#articles .policy .title:before, section#links .policy .title:before, section#policies .policy .title:before { content: 'K'; } section#downloads .categories { margin-bottom: 40px; } section#downloads .categories ul { list-style: none; margin: 0; padding: 0; } section#downloads .categories ul li { display: inline; margin: 0; padding: 0; } section#downloads .categories ul li a { -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; transition: all 0s linear !important; display: inline-block; *display: inline; padding: 7px 10px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #eeeeee; background: -moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 7px 1%; color: #777777; font-weight: bold; text-shadow: 0px 2px 0px #FFF; } section#downloads .categories ul li a:hover { background: #e1e1e1; background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); -pie-background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%); } section#downloads .categories ul li a:active { background: #e1e1e1; background: -moz-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e1e1e1), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -o-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #e1e1e1 0%, #eeeeee 100%); } html.ie8 section#downloads .categories ul li a, html.ie9 section#downloads .categories ul li a { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#downloads .categories ul li a { position: relative; z-index: 1; } section#downloads .categories ul li a:hover { background: #23bdbd; background: -moz-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26d3d3), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -o-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #26d3d3 0%, #23bdbd 100%); background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #26d3d3 0%, #23bdbd 100%); color: #ffffff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } section#downloads .categories ul li a:hover:hover { background: #1fa8a8; background: -moz-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23bdbd), color-stop(100%, #1fa8a8)); background: -webkit-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -o-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: -ms-linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); -pie-background: linear-gradient(top, #23bdbd 0%, #1fa8a8 100%); } section#downloads .categories ul li a:hover:active { background: #1fa8a8; background: -moz-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fa8a8), color-stop(100%, #23bdbd)); background: -webkit-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -o-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: -ms-linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); -pie-background: linear-gradient(top, #1fa8a8 0%, #23bdbd 100%); } section#downloads .download_img { float: left; padding-right: 20px; } section#downloads a.download { display: block; margin-bottom: 40px; *zoom: 1; } section#downloads a.download:before, section#downloads a.download:after { content: ""; display: table; } section#downloads a.download:after { clear: both; } section#downloads a.download:before, section#downloads a.download:after { content: ""; display: table; } section#downloads a.download:after { clear: both; } section#downloads a.download h4 { margin-bottom: 5px; } section#downloads a.download p { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; color: #5e5e5e; float: left; width: 70%; padding: 0 5% 0 0; font-size: 0.95em; margin-bottom: 0; } @media screen and (max-width: 960px) { section#downloads a.download p { width: 100%; margin-bottom: 5px; } } @media screen and (max-width: 768px) { section#downloads a.download p { width: 70%; margin-bottom: 0; } } @media screen and (max-width: 685px) { section#downloads a.download p { width: 100%; margin-bottom: 5px; } } section#downloads a.download span.button { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #eeeeee; border: 1px solid #d5d5d5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #adadad!important; text-shadow: 0px 2px 0px #FFF; text-align: center; float: left; } section#downloads a.download span.button span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 section#downloads a.download span.button span:before { font-size: 1.25em; } html.ie8 section#downloads a.download span.button, html.ie9 section#downloads a.download span.button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 section#downloads a.download span.button { position: relative; z-index: 1; } section#downloads a.download:hover p { color: #2b2b2b; } section#downloads a.download:hover span.button { background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); color: #ffffff !important; border: 1px solid #1d9f9f; } html.ie8 section#downloads a.download:hover span.button, html.ie9 section#downloads a.download:hover span.button { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } section#news_detail .news-item article { border: 0; } @media screen and (max-width: 768px) { section#news_detail .news-item article { margin-bottom: 40px; padding-bottom: 0; } } @media screen and (max-width: 960px) { section#news_detail .news-item article figure { display: block; float: none; margin: 0 0 15px 0 ; } } @media screen and (max-width: 768px) { section#news_detail .news-item article figure { display: inline; float: right; margin: 0 0 15px 15px; } } @media screen and (max-width: 685px) { section#news_detail .news-item article figure { display: block; float: none; margin: 0 0 15px 0 ; } } @media screen and (max-width: 568px) { section#news_detail .news-item article figure { width: auto; height: auto; display: block; float: none; margin: 0 0 15px 0 ; } } section#news_detail .news-item article header p.date { margin-bottom: 10px; } section#news_detail .news-item article header h4 { margin-bottom: 20px; } section#news_detail hr { display: none; } section#news_detail a.back-button { float: left; display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #1d9f9f; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 20px; } html.ie8 section#news_detail a.back-button, html.ie9 section#news_detail a.back-button { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } section#news_detail a.back-button:hover { background: #21b5b5; } @media screen and (max-width: 568px) { section#news_detail a.back-button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 10px 20px; text-align: center; float: none; display: block; } } html.ie8 section#news_detail a.back-button, html.ie9 section#news_detail a.back-button { position: relative; zoom: 1; } section#news_detail .addthis_toolbox { display: inline-block; *display: inline; padding: 7px 10px 3px 10px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #f5f5f5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #eeeeee; } @media screen and (max-width: 568px) { section#news_detail .addthis_toolbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 7px 10px 3px 10px; margin: 15px 0; } } section#news_detail .addthis_toolbox .caret { width: 18px; height: 11px; position: relative; top: -17px; left: -230px; background-image: url(/assets/images/design/faq_caret.png); background-repeat: no-repeat; } @media screen and (max-width: 320px) { section#news_detail .addthis_toolbox .caret { left: -200px; } } section#news_detail .addthis_toolbox * { display: inline-block; *display: inline; } section#news_detail .addthis_toolbox .addthis_button_tweet, section#news_detail .addthis_toolbox .addthis_button_facebook_like { width: 90px; } @media screen and (max-width: 320px) { section#news_detail .addthis_toolbox .addthis_button_tweet, section#news_detail .addthis_toolbox .addthis_button_facebook_like { width: 80px; } } section#search .site-search { margin-bottom: 30px; } section#search .site-search form { *zoom: 1; } section#search .site-search form:before, section#search .site-search form:after { content: ""; display: table; } section#search .site-search form:after { clear: both; } section#search .site-search form:before, section#search .site-search form:after { content: ""; display: table; } section#search .site-search form:after { clear: both; } section#search .site-search form input[type="search"] { float: left; width: 82%; } section#search .site-search form input[type="submit"] { width: 12%; margin: 0; float: right; display: inline-block; *display: inline; padding: 10px 20px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #1d9f9f; } section#search a.search-result { display: table; color: #1d9f9f; margin: 15px 0; line-height: 1; } section#search a.search-result span { display: table-cell; vertical-align: middle; } section#search a.search-result span.search-result-icon { font-size: 0.8em; width: 30px; } section#search a.search-result span.search-result-title { font-size: 1.33em; } section#search a.search-result:hover { color: #25caca; } section#sitemap #main_content a, section#fourohfour #main_content a { color: #444444; } section#sitemap #main_content a:hover, section#fourohfour #main_content a:hover { border-bottom: 1px solid; } section#sitemap ul li ul, section#fourohfour ul li ul { margin: 0; } section#sitemap ul li ul.centres, section#fourohfour ul li ul.centres { list-style: square; } section#sitemap ul li ul.centres li, section#fourohfour ul li ul.centres li { list-style: square; display: inline; } section.accordion #accordion_page h3 { display: table; font-weight: normal; color: #444444; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; padding: 15px 0; cursor: pointer; border-bottom: 2px solid #eeeeee; width: 100%; background: #f5f5f5; } section.accordion #accordion_page h3:focus { outline: 0; } section.accordion #accordion_page h3 span { display: table-cell; vertical-align: middle; font-size: 1em; line-height: 1.5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } section.accordion #accordion_page h3 span.question-icon { color: #1d9f9f; padding: 0 15px; font-size: 0.8em; width: 55px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } html.ie8 section.accordion #accordion_page h3 span.question-icon { position: relative; top: -12px; left: 10px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } html.ie8 section.accordion #accordion_page h3 span.question-icon:before { font-size: 1em; } section.accordion #accordion_page h3.ui-state-hover { background-color: #eeeeee; } section.accordion #accordion_page h3.ui-state-active { background-color: #eeeeee; } section.accordion #accordion_page h3.ui-state-active span.question-icon { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; color: #015151; } html.ie8 section.accordion #accordion_page h3.ui-state-active span.question-icon { top: 0; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } section.accordion #accordion_page h3:hover span { color: #015151; } section.accordion #accordion_page > div { padding: 0 55px; } /*---------------------------------------- 9. FOOTER ------------------------------------------*/ footer#worlds_end { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; color: #ffffff; } footer#worlds_end #logo { text-align: center; background: white; width: 160px; height: 135px; position: relative; margin-bottom: -127px; margin-left: 10px; -ms-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); } @media screen and (max-width: 960px) { footer#worlds_end #logo { display: none; } } footer#worlds_end #logo img { max-width: 90%; max-height: 90%; padding-top: 10px; } footer#worlds_end #nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; background: #f5f5f5; border-top: 1px solid #eeeeee; padding: 15px 0; } footer#worlds_end #nav nav { font-family: "Trajan", Georgia, Times, "Times New Roman", serif; float: right; white-space: nowrap; } footer#worlds_end #nav nav ul { white-space: nowrap; margin: 0; padding: 0; list-style: none; } footer#worlds_end #nav nav ul li { white-space: nowrap; list-style: none; display: inline; padding: 0; margin: 0; list-style-position: inside; width: auto; } @media screen and (max-width: 960px) { footer#worlds_end #nav nav ul { float: none; text-align: center; } } footer#worlds_end #nav nav a { font-size: 0.85em; color: #666666; padding: 1px 5px; margin-left: 6px; display: inline-block; *display: inline; letter-spacing: -1px; } footer#worlds_end #nav nav a:hover { color: #039393; } footer#worlds_end #nav nav a.current { color: #039393; font-weight: bold; } @media screen and (max-width: 768px) { footer#worlds_end #nav nav a { margin: 6px; } } footer#worlds_end #nav p.mobile-main-menu-text { display: none; } footer#worlds_end #nav nav a { margin-left: 12px; } @media screen and (max-width: 960px) { footer#worlds_end #nav nav { float: none; text-align: center; white-space: normal!important; } footer#worlds_end #nav nav ul, footer#worlds_end #nav nav ul li { white-space: normal!important; } footer#worlds_end #nav nav a { margin: 0 6px; } } footer#worlds_end #nav a.centre_login_button { background: red; float: right; position: absolute; top: 0px; right: 0; } footer#worlds_end #info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; background: #1d9f9f; padding: 10px 0; font-size: 0.9em; } footer#worlds_end #info ul { text-align: right; list-style: none; margin: 0; padding: 0; color: #ffffff; font-weight: bold; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } footer#worlds_end #info ul li { display: inline; margin-left: 15px; line-height: inherit; } footer#worlds_end #info ul li.address, footer#worlds_end #info ul li.phone, footer#worlds_end #info ul li.fax, footer#worlds_end #info ul li.email { height: 14px; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 568px) { footer#worlds_end #info ul li.address, footer#worlds_end #info ul li.phone, footer#worlds_end #info ul li.fax, footer#worlds_end #info ul li.email { display: block; white-space: normal; height: auto; } } html.windows.firefox footer#worlds_end #info ul li.address, html.windows.firefox footer#worlds_end #info ul li.phone, html.windows.firefox footer#worlds_end #info ul li.fax, html.windows.firefox footer#worlds_end #info ul li.email { font-size: 13px!important; } @media screen and (max-width: 960px) { footer#worlds_end #info ul li.address { white-space: normal; } } footer#worlds_end #info ul li span { padding: 0 10px 0 0; font-size: 1.125em; position: relative; top: 2px; } footer#worlds_end #info ul li a { color: #ffffff; } footer#worlds_end #info ul li a:hover { border-bottom: 1px solid #ffffff; } @media screen and (max-width: 960px) { footer#worlds_end #info ul li { margin: 0 7px; } } @media screen and (max-width: 480px) { footer#worlds_end #info ul li { white-space: normal; } } @media screen and (max-width: 960px) { footer#worlds_end #info ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; text-align: center; } } html.ie8 footer#worlds_end #info { letter-spacing: -1px; } html.ie10 footer#worlds_end #info, html.ie9 footer#worlds_end #info { letter-spacing: -0.5px; } footer#worlds_end #main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; padding: 40px 0; background: #039393; border-top: 1px solid #3facac; } html.ie8 footer#worlds_end #main, html.ie9 footer#worlds_end #main, html.ie10 footer#worlds_end #main { padding: 55px 0 40px 0; } footer#worlds_end #main .third { padding-right: 30px; } footer#worlds_end #main .third h3 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-family: "Trajan", Georgia, Times, "Times New Roman", serif; color: #ffffff; font-weight: bold; font-size: 1.1em; margin-bottom: 15px; text-align: center; } @media screen and (max-width: 685px) { footer#worlds_end #main .third h3 { white-space: normal; overflow: visible; line-height: 1.25; } } @media screen and (max-width: 480px) { footer#worlds_end #main .third h3 > span { white-space: nowrap; } } footer#worlds_end #main .third p { color: #c6f5f5; line-height: 1.35; height: 90px; font-size: 0.9em; margin-bottom: 10px; overflow: hidden; text-align: justify; } @media screen and (max-width: 685px) { footer#worlds_end #main .third p { height: auto; overflow: visible; margin-bottom: 20px; } } html.ie8 footer#worlds_end #main .third p, html.ie9 footer#worlds_end #main .third p { font-size: 0.85em; } footer#worlds_end #main .third a.button { display: inline-block; *display: inline; padding: 6px 12px; text-decoration: none; color: #ffffff; cursor: pointer; background-color: #bbb56f; border: 1px solid #cbc792; -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); line-height: 1.4; white-space: nowrap; display: block; text-align: center; } footer#worlds_end #main .third a.button:hover { background-color: #cbc792; } @media screen and (max-width: 685px) { footer#worlds_end #main .third a.button { white-space: normal; } } @media screen and (max-width: 480px) { footer#worlds_end #main .third a.button { font-size: 0.8em; } } html.ie8 footer#worlds_end #main .third a.button, html.ie9 footer#worlds_end #main .third a.button, html.ie10 footer#worlds_end #main .third a.button { font-size: 0.85em; } @media screen and (max-width: 960px) { footer#worlds_end #main .third.text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 45.83333333333333%; padding: 0 20px; *width: 40.87301587301587%; *padding: 0 19.950396825396826px; margin-left: 2.083333333333333%; margin-right: 2.083333333333333%; margin-bottom: 40px; } } @media screen and (max-width: 685px) { footer#worlds_end #main .third.text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; text-align: center; } } @media screen and (max-width: 568px) { footer#worlds_end #main .third.text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; } } @media screen and (max-width: 480px) { footer#worlds_end #main .third.text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } @media screen and (max-width: 380px) { footer#worlds_end #main .third.text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; } } footer#worlds_end #main .third.search { text-align: center; } footer#worlds_end #main .third.search h2 { text-align: center; } footer#worlds_end #main .third.search .search-wrap { padding: 15px 0 20px 0; border-bottom: 1px solid #028383; } footer#worlds_end #main .third.search .search-wrap input[type="search"] { width: 66%; padding: 6px 5px 4px 30px; margin-right: 5px; display: inline-block; *display: inline; background: url(/assets/images/design/icon-search.png) no-repeat 4% 50% #ffffff; line-height: 22.5px; height: 22.5px; } html.ie8 footer#worlds_end #main .third.search .search-wrap input[type="search"] { padding: 8px 5px 7px 30px; height: auto; } @media screen and (max-width: 380px) { footer#worlds_end #main .third.search .search-wrap input[type="search"] { width: 56%; } } footer#worlds_end #main .third.search .search-wrap input[type="submit"] { display: inline-block; *display: inline; padding: 10px 10px 9px 10px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; background: #1fa8a8; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.1); margin: 0; font-weight: bold; } footer#worlds_end #main .third.search .search-wrap input[type="submit"]:hover { background: #21b5b5; } footer#worlds_end #main .third.search > .intranet { font-size: 1.2em; font-family: "Trajan", Georgia, Times, "Times New Roman", serif; font-weight: bold; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); padding: 12px 0; border-top: 1px solid #1fa8a8; border-bottom: 1px solid #028383; background: rgba(31, 168, 168, 0); background: -moz-linear-gradient(left, rgba(31, 168, 168, 0) 0%, #1fa8a8 50%, rgba(31, 168, 168, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(31, 168, 168, 0)), color-stop(50%, #1fa8a8), color-stop(100%, rgba(31, 168, 168, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(31, 168, 168, 0) 0%, #1fa8a8 50%, rgba(31, 168, 168, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(31, 168, 168, 0) 0%, #1fa8a8 50%, rgba(31, 168, 168, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(31, 168, 168, 0) 0%, #1fa8a8 50%, rgba(31, 168, 168, 0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(31, 168, 168, 0) 0%, #1fa8a8 50%, rgba(31, 168, 168, 0) 100%); /* W3C */ } footer#worlds_end #main .third.search > .intranet > a { color: #ffffff; } footer#worlds_end #main .third.search > .intranet > a:hover { color: #bbb56f; } html.ie8 footer#worlds_end #main .third.search > .intranet, html.ie9 footer#worlds_end #main .third.search > .intranet { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } footer#worlds_end #main .third.search > .intranet-border { width: 100%; height: 1px; background: #1fa8a8; } @media screen and (max-width: 960px) { footer#worlds_end #main .third.search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; margin-left: 16.666666666666664%; margin-right: 16.666666666666664%; } } @media screen and (max-width: 568px) { footer#worlds_end #main .third.search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 83.33333333333334%; padding: 0 20px; *width: 78.37301587301587%; *padding: 0 19.950396825396826px; margin-left: 8.333333333333332%; margin-right: 8.333333333333332%; } } footer#worlds_end #bottom { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; background: #028383; border-top: 1px solid #1d9e9e; padding: 10px 0; font-size: 0.85em; line-height: 1.5; } footer#worlds_end #bottom .copyright { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; color: #ffffff; } footer#worlds_end #bottom .copyright a { color: #ffffff; } footer#worlds_end #bottom .copyright a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; } @media screen and (max-width: 768px) { footer#worlds_end #bottom .copyright { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; text-align: center; padding: 10px 0; } } footer#worlds_end #bottom a span { display: inline-block; } footer#worlds_end #bottom .alt-nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } footer#worlds_end #bottom .alt-nav ul { list-style: none; margin: 0; padding: 0; text-align: right; } @media screen and (max-width: 768px) { footer#worlds_end #bottom .alt-nav ul { text-align: center; padding: 10px 0; } } footer#worlds_end #bottom .alt-nav ul li { display: inline; color: #ffffff; } footer#worlds_end #bottom .alt-nav ul li a { margin: 0 5px; color: #ffffff; } footer#worlds_end #bottom .alt-nav ul li a:hover { color: #ffffff; border-bottom: 1px solid #ffffff; } @media screen and (max-width: 768px) { footer#worlds_end #bottom .alt-nav { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } } html.firefox body { line-height: 1.65; } html.firefox .service h2 { font-size: 20px; } /* PAGINATION */ a.older_entries { color: #fff; float: left; display: inline; padding: 4px 6px; text-align: center; cursor: default; } a.newer_entries { float: right; } a.older_entries.enabled { float: left; } a.newer_entries, a.older_entries.enabled { width: 15%; display: inline; color: #028383; text-align: center; font-weight: bold; cursor: pointer; font-size: 1.1em; margin: 0; } ul#pagination { padding: 0; margin: 0 auto; text-align: center; display: inline; float: left; width: 66%; } ul#pagination li { padding: 0; margin: 0 3px; display: inline-block; } ul#pagination li a { font-size: 1.25em; padding: 10px 15px; color: #028383; background: transparent; border: 1px solid transparent; } ul#pagination li a:hover, ul#pagination li a.current_page { border: 1px solid #eeeeee; color: #028383; background: #f5f5f5; } ul#pagination li a.current_page { font-weight: bold; } .yt-modal { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); -pie-background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%); -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.33); border: 1px solid white; text-align: center; padding: 20px; } html.ie8 .yt-modal, html.ie9 .yt-modal { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } .yt-modal:hover { -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); } html.ie8 .yt-modal:hover { box-shadow: 0 0 15px rgba(50, 50, 50, 0.33); } html.ie9 .yt-modal:hover, html.ie10 .yt-modal:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.66); } html.ie8 .yt-modal { position: relative; zoom: 1; box-shadow: 0 0 15px rgba(125, 125, 125, 0.1) !important; } html.ie9 .yt-modal, html.ie10 .yt-modal { box-shadow: 0 0 25px rgba(0, 0, 0, 0.33); } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } .tooltip { display: none; position: absolute; border: 1px solid #dddddd; background: #eeeeee; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -ms-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 5px 10px; color: #444444; font-size: 14px; font-weight: bold; } /*div#oldIE { position:fixed; width:100%; height:100%; top:0; left:0; text-align: center; padding:50px; font-size: 1.66em; background:#f9f9f9; z-index:1000; div.logo { margin: 0 0 30px 0; img { width:150px; height:163px; } } div.text { .notice(darken(@red,15%)); a { color:@red; &:hover{ text-decoration: underline; } } } }*/ div.overlay { position: fixed; float: left; z-index: 999; background: #ffffff; width: 100%; height: 100%; top: 0; left: 0; } div.browser_message { background-color: #ffffff; background-image: url('/assets/images/design/ie_tease_bg.png'); background-repeat: repeat-x; text-align: center; padding-bottom: 100px; width: 100%; height: 100%; position: absolute; height: 1000px; z-index: 1000; top: 0; left: 0; } div.browser_message .logo { width: 225px; margin: 15px 0; } div.browser_message h1 { margin-top: 15px; } div.browser_message img#ie_tease { display: block; margin: 0 auto; } div.browser_message p { margin-bottom: 30px; font-size: 1.2em; font-weight: bold; } section#booking .page-title .wrapper { padding: 30px 20px 25px 20px; } section#booking .wrapper { padding: 0 20px; } section#booking div[id*='loc-'] p { margin-bottom: 1em; } #cookieMessage { background: rgba(255, 255, 255, 0.95) !important; border-top: 1px solid #ffffff; position: fixed; z-index: 20000; width: 100%; bottom: 0; left: 0; font-family: "Trajan", Georgia, Times, "Times New Roman", serif !important; font-weight: bold; font-size: 12px; -ms-box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.1); padding: 0px 10px; } #cookieMessage a { display: inline-block !important; *display: inline !important; padding: 10px 20px !important; text-decoration: none !important; color: #ffffff !important; cursor: pointer !important; line-height: 1 !important; background: #1d9f9f !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 3px 30px; margin-left: 20px; } html.ie8 #cookieMessage a, html.ie9 #cookieMessage a { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 #cookieMessage a, html.ie9 #cookieMessage a { position: relative; zoom: 1; } /*Luke Landing Page Style*/ section#landing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } section#landing #featured_image_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; height: 342px; } @media screen and (max-width: 768px) { section#landing #featured_image_wrap { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#landing #featured_image_wrap { height: 175px; } } section#landing .featured_image { height: 342px; position: absolute; width: 100%; left: 0; } section#landing #featured_image_0 { background-image: url(/assets/images/design/featured_bg_overlay.jpg); background-size: 1198px; background-position: center top; background-repeat: no-repeat; } html.ie8 section#landing #featured_image_0 { width: 1200px; height: 392px; position: absolute; } @media screen and (max-width: 768px) { section#landing #featured_image_0 { height: 225px; background-position: center 10%; background-size: 100%; } } @media screen and (max-width: 600px) { section#landing #featured_image_0 { height: 215px; } } @media screen and (max-width: 480px) { section#landing #featured_image_0 { background-size: auto 190px; } } section#landing #landing_banner_content { position: absolute; z-index: 100; width: 100%; height: 125px; } section#landing #landing_banner_wrapper { position: relative; max-width: 860px; margin: 100px auto 0px auto; } @media screen and (max-width: 768px) { section#landing #landing_banner_wrapper { margin: 30px auto 0px auto; } } section#landing h2 { font-size: 38px; margin: 0px; } @media screen and (max-width: 768px) { section#landing h2 { font-size: 28px; } } section#landing h3 { font-size: 22px; margin: 0px; padding-top: 5px; } @media screen and (max-width: 768px) { section#landing h3 { font-size: 16px; } } section#landing p { margin: 0px; font-size: 18px; color: #444444; padding-top: 10px; } @media screen and (max-width: 768px) { section#landing p { display: none; } } section#landing .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 0; *width: 45.03968253968254%; *padding: 0 -0.0496031746031746%; font-weight: bold; font-family: "Trajan", Georgia, Times, "Times New Roman", serif; color: #009590; text-shadow: 1px 1px 1px white; padding: 10px; } @media screen and (max-width: 768px) { section#landing .left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; text-align: center; } } section#landing .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 0; *width: 45.03968253968254%; *padding: 0 -0.0496031746031746%; padding: 10px; text-align: center; } @media screen and (max-width: 768px) { section#landing .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } } section#landing span { margin: 0px; padding: 0px; } section#landing button { -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-topleft: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; border-top-left-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -ms-box-shadow: 0 0 0 1px #00726E, 0 0 0 16px rgba(0,0,0, .2); -o-box-shadow: 0 0 0 1px #00726E, 0 0 0 16px rgba(0,0,0, .2); -webkit-box-shadow: 0 0 0 1px #00726E, 0 0 0 16px rgba(0,0,0, .2); -moz-box-shadow: 0 0 0 1px #00726E, 0 0 0 16px rgba(0,0,0, .2); box-shadow: 0 0 0 1px #00726E, 0 0 0 16px rgba(0,0,0, .2); background: #00bdb7; /* Old browsers */ font-family: Calibri, sans-serif; font-size: 22px; color: white; border: 0; padding: 10px 20px; margin: 40px 0px 0px 0px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); background: -moz-linear-gradient(top, #00bdb7 0%, #00b1ab 40%, #009d98 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00bdb7), color-stop(40%, #00b1ab), color-stop(100%, #009d98)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00bdb7 0%, #00b1ab 40%, #009d98 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00bdb7 0%, #00b1ab 40%, #009d98 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00bdb7 0%, #00b1ab 40%, #009d98 100%); /* IE10+ */ background: linear-gradient(to bottom, #00bdb7 0%, #00b1ab 40%, #009d98 100%); /* W3C */ -webkit-transition: 500ms all; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bdb7', endColorstr='#009d98', GradientType=0); /* IE6-9 */ } @media screen and (max-width: 768px) { section#landing button { font-size: 16px; } } section#landing .landing_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 0; *width: 45.03968253968254%; *padding: 0 -0.0496031746031746%; padding: 0px 10px; } @media screen and (max-width: 768px) { section#landing .landing_content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 0; *width: 95.03968253968253%; *padding: 0 -0.0496031746031746%; } } section#landing .landing_content section { border: 1px solid #EAEAEA; padding: 20px 20px; margin-bottom: 20px; } section#landing .landing_content h2 { font-size: 1.50em; } section#landing .landing_content p { font-size: 1.05em; font-weight: bold; } @media screen and (max-width: 768px) { section#landing .landing_content p { display: block; } } section#landing .landing_content a { color: #05B6AF; text-decoration: underline; font-size: 18px; } section#landing .landing_content input { width: auto; } section#landing #listings_accordion h3 { border-bottom: 1px solid #DDD; padding: 10px 7px 7px 7px; background: #F9F9F9; cursor: pointer; font-size: 1.15em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } section#landing #listings_accordion .centre-button { transition: box-shadow 0.5s ease-in-out; -webkit-transition: -webkit-box-shadow 0.5s ease-in-out; -moz-transition: -moz-box-shadow 0.5s ease-in-out; display: inline-block; padding: 7px 0; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; font-size: 14px; background: #EEE; background: -moz-linear-gradient(top, #fbfbfb 0, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #fbfbfb 0, #eeeeee 100%); background: -o-linear-gradient(top, #fbfbfb 0, #eeeeee 100%); background: -ms-linear-gradient(top, #fbfbfb 0, #eeeeee 100%); background: linear-gradient(top, #fbfbfb 0, #eeeeee 100%); -pie-background: linear-gradient(top, #fbfbfb 0, #eeeeee 100%); -ms-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin: 7px 1%; width: 30%; text-align: center; white-space: nowrap; color: #777; font-weight: bold; text-shadow: 0 2px 0 #FFF; } section#landing #listings_accordion .centre-button:hover { background: #1D9F9F; color: #FFF; text-shadow: 0 0 0; } #sign_up { background: #ffffff; border: 1px solid #536376; -ms-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -o-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -moz-box-shadow: rgba(0,0,0,.6) 0px 2px 12px; box-shadow: rgba(0,0,0,.6) 0px 2px 12px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 14px 22px; max-width: 400px; position: relative; display: none; } #sign_up section { margin-top: 10px; padding: 10px 20px; } #sign_up h2 { font-family: "Trajan", Georgia, Times, "Times New Roman", serif !important; font-weight: bold; font-size: 1.17em; } #sign_up p { font-size: 1.05em; font-weight: bold; } @media screen and (max-width: 768px) { #sign_up p { display: block; } } #sign_up a { color: #05B6AF; text-decoration: underline; font-size: 18px; } #sign_up label { display: inline; color: #1d9f9f; } #sign_up input { margin: 0; width: auto; } #sign_up .button { display: inline-block; padding: 10px 30px; text-decoration: none; color: #FFF; cursor: pointer; line-height: 1; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1D9F9F; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } #sign_up #close_x { position: absolute; top: 0; right: 0; margin: 0px 0px 0px 0px; } #listings_accordion h3.ui-state-active span { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #listings_accordion h3 span { float: right; font-size: 0.66em; color: #1D9F9F; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #listings_accordion h3 span[data-icon] { display: inline-block; } #listings_accordion h3 span[data-icon]:before { font-family: 'Pictos Custom'; content: attr(data-icon); -webkit-font-smoothing: antialiased; text-transform: none; font-size: 1.5em; vertical-align: -8%; font-weight: normal; } #listings_accordion h3 span::selection { background: #1D9F9F; color: #ffffff; } /* ========================================================== */ /* = Booking Process Styles = */ /* ========================================================== */ body#booking section#booking-landing div.box_wrap { background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 770px) { body#booking section#booking-landing div.box_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; margin-top: 20px; margin-bottom: 20px; } } body#booking section#booking-landing div.form_box { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); } body#booking section#booking-landing div.form_box h2 { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ width: 100%; padding: 15px 25px 15px 25px ; border: 1px solid #268b83; color: #ffffff; margin: 0; font-size: 1.1em; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 770px) { body#booking section#booking-landing div.form_box h2 { font-size: 1em; } } html.ie8 body#booking section#booking-landing div.form_box h2 { background: #1d9f9f; } body#booking section#booking-landing div.form_box h2 span.icon-search { font-size: 13px; margin-right: 7px; } @media screen and (max-width: 770px) { body#booking section#booking-landing div.form_box h2 { font-size: 0.9em; } } @media screen and (max-width: 400px) { body#booking section#booking-landing div.form_box h2 { padding: 15px; } } body#booking section#booking-landing div.form_box form { padding: 25px; border: 1px solid #dddddd; border-top: 0px; padding-top: 10px; } @media screen and (max-width: 770px) { body#booking section#booking-landing div.form_box form { padding: 15px; padding-top: 10px; } } body#booking section#booking-landing div.form_box form label { width: 100%; margin-top: 10px; } body#booking section#booking-landing div.form_box form select { font-size: 1em; margin-bottom: 30px; } body#booking section#booking-landing div.form_box form input[type="submit"] { margin-top: 15px !important; } @media screen and (max-width: 400px) { body#booking section#booking-landing div.form_box form input[type="submit"] { width: 100%; } } body#booking section#booking-landing div.text_box h2 { font-size: 1.2em; } @media screen and (max-width: 770px) { body#booking section#booking-landing div.text_box h2 { font-size: 1em; } } body#booking section#booking-landing div.text_box p { color: #888888; } body#booking section#booking-listing div.box_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } body#booking section#booking-listing div.box_wrap h2 { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ width: 100%; padding: 15px 25px 15px 25px ; border: 1px solid #268b83; color: #ffffff; margin: 0; font-size: 1.1em; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); padding: 16px 15px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap h2 { font-size: 1em; } } html.ie8 body#booking section#booking-listing div.box_wrap h2 { background: #1d9f9f; } body#booking section#booking-listing div.box_wrap h2 span.icon-search { font-size: 13px; margin-right: 7px; } body#booking section#booking-listing div.box_wrap div.listing_header, body#booking section#booking-listing div.box_wrap div.listing_row { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border: 1px solid #dddddd; border-top: none; *zoom: 1; } body#booking section#booking-listing div.box_wrap div.listing_header:before, body#booking section#booking-listing div.box_wrap div.listing_row:before, body#booking section#booking-listing div.box_wrap div.listing_header:after, body#booking section#booking-listing div.box_wrap div.listing_row:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap div.listing_header:after, body#booking section#booking-listing div.box_wrap div.listing_row:after { clear: both; } body#booking section#booking-listing div.box_wrap div.listing_header:before, body#booking section#booking-listing div.box_wrap div.listing_row:before, body#booking section#booking-listing div.box_wrap div.listing_header:after, body#booking section#booking-listing div.box_wrap div.listing_row:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap div.listing_header:after, body#booking section#booking-listing div.box_wrap div.listing_row:after { clear: both; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header, body#booking section#booking-listing div.box_wrap div.listing_row { border-top: 1px solid #dddddd; } } body#booking section#booking-listing div.box_wrap div.listing_header div.centre, body#booking section#booking-listing div.box_wrap div.listing_row div.centre, body#booking section#booking-listing div.box_wrap div.listing_header div.date, body#booking section#booking-listing div.box_wrap div.listing_row div.date, body#booking section#booking-listing div.box_wrap div.listing_header div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.venue, body#booking section#booking-listing div.box_wrap div.listing_header div.availability, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { text-transform: uppercase; color: #888888; font-size: 0.88em; font-weight: bold; float: left; padding: 14px 15px; } html.firefox body#booking section#booking-listing div.box_wrap div.listing_header div.centre, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.firefox body#booking section#booking-listing div.box_wrap div.listing_header div.date, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.firefox body#booking section#booking-listing div.box_wrap div.listing_header div.venue, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.firefox body#booking section#booking-listing div.box_wrap div.listing_header div.availability, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.availability { font-size: 11px; } html.ie8 body#booking section#booking-listing div.box_wrap div.listing_header div.centre, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_header div.date, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_header div.venue, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_header div.availability, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.availability, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_header div.centre, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_header div.date, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_header div.venue, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_header div.availability, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.availability, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_header div.centre, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_header div.date, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_header div.venue, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_header div.availability, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.availability { font-size: 12px; } body#booking section#booking-listing div.box_wrap div.listing_header div.centre span, body#booking section#booking-listing div.box_wrap div.listing_row div.centre span, body#booking section#booking-listing div.box_wrap div.listing_header div.date span, body#booking section#booking-listing div.box_wrap div.listing_row div.date span, body#booking section#booking-listing div.box_wrap div.listing_header div.venue span, body#booking section#booking-listing div.box_wrap div.listing_row div.venue span, body#booking section#booking-listing div.box_wrap div.listing_header div.availability span, body#booking section#booking-listing div.box_wrap div.listing_row div.availability span { width: 20px; margin-right: 5px; } body#booking section#booking-listing div.box_wrap div.listing_header div.centre, body#booking section#booking-listing div.box_wrap div.listing_row div.centre { width: 15%; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header div.centre, body#booking section#booking-listing div.box_wrap div.listing_row div.centre { width: 100%; } } body#booking section#booking-listing div.box_wrap div.listing_header div.date, body#booking section#booking-listing div.box_wrap div.listing_row div.date { width: 20%; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header div.date, body#booking section#booking-listing div.box_wrap div.listing_row div.date { width: 100%; } } body#booking section#booking-listing div.box_wrap div.listing_header div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.venue { width: 35%; } @media screen and (max-width: 980px) { body#booking section#booking-listing div.box_wrap div.listing_header div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.venue { width: 25%; } } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.venue { width: 100%; } } body#booking section#booking-listing div.box_wrap div.listing_header div.availability, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { width: 30%; text-align: right; } @media screen and (max-width: 980px) { body#booking section#booking-listing div.box_wrap div.listing_header div.availability, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { width: 40%; } } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header div.availability, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { width: 100%; } } body#booking section#booking-listing div.box_wrap div.listing_header div.action, body#booking section#booking-listing div.box_wrap div.listing_row div.action { padding-right: 23px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_header { display: none; } } body#booking section#booking-listing div.box_wrap div.listing_row { background: #ffffff; position: relative; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row { margin-bottom: 30px; } } body#booking section#booking-listing div.box_wrap div.listing_row div.centre, body#booking section#booking-listing div.box_wrap div.listing_row div.date, body#booking section#booking-listing div.box_wrap div.listing_row div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { font-weight: normal; font-size: 1em; text-transform: none; padding: 18px 15px 14px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.centre, body#booking section#booking-listing div.box_wrap div.listing_row div.date, body#booking section#booking-listing div.box_wrap div.listing_row div.venue, body#booking section#booking-listing div.box_wrap div.listing_row div.availability { padding: 5px 15px; } } html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.availability, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.availability, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row div.availability, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.centre, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.date, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.venue, html.firefox body#booking section#booking-listing div.box_wrap div.listing_row div.availability { font-size: 13px; } body#booking section#booking-listing div.box_wrap div.listing_row div.centre { font-weight: bold; overflow: hidden; height: 46px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.centre { height: auto; font-size: 1.4em; margin-bottom: -5px; } } body#booking section#booking-listing div.box_wrap div.listing_row div.date { overflow: hidden; height: 46px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.date { height: auto; } } body#booking section#booking-listing div.box_wrap div.listing_row div.venue { overflow: hidden; height: 46px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.venue { height: auto; margin-bottom: 10px; } } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.availability { background: #f0f0f0; border-top: 1px solid #dddddd; } } body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.icon { width: 40px; float: left; text-align: center; font-size: 1.2em; color: #cccccc; margin-top: -1px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.icon { float: left; margin-top: 6px; color: #aaaaaa; } } body#booking section#booking-listing div.box_wrap div.listing_row div.availability span.remaining { float: left; width: 65px; line-height: 9px; text-transform: uppercase; font-size: 0.7em; font-weight: bold; text-align: left; color: #1d9f9f; margin-top: 3px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.availability span.remaining { width: 15%; display: block; display: none; } } html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.availability span.remaining, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row div.availability span.remaining { margin-top: -2px; } body#booking section#booking-listing div.box_wrap div.listing_row div.availability span.remaining span { float: left; font-weight: normal; font-size: 2.2em; line-height: 20px; margin-right: -2px; margin-left: 0px; } body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.button { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border: 1px solid #dddddd; color: #888888; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 8px 20px; font-weight: bold; } html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.button { padding: 6px 20px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.button { margin-top: 3px; display: inline-block; padding: 5px 20px; } } body#booking section#booking-listing div.box_wrap div.listing_row div.availability a.button:hover { background: #f5f5f5; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: linear-gradient(top, #eeeeee 0%, #ffffff 100%); -pie-background: linear-gradient(top, #eeeeee 0%, #ffffff 100%); color: #666666; } body#booking section#booking-listing div.box_wrap div.listing_row:hover { background: #f7fcfc; box-shadow: inset 0 0 1px #1d9f9f; z-index: 999; } html.ie8 body#booking section#booking-listing div.box_wrap div.listing_row:hover, html.ie9 body#booking section#booking-listing div.box_wrap div.listing_row:hover, html.ie10 body#booking section#booking-listing div.box_wrap div.listing_row:hover { box-shadow: none; } body#booking section#booking-listing div.box_wrap div.listing_row:hover div.centre, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.date, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.venue, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.availability { color: #1d9f9f; } body#booking section#booking-listing div.box_wrap div.listing_row:hover div.centre a.icon, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.date a.icon, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.venue a.icon, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.availability a.icon { color: #1d9f9f; } body#booking section#booking-listing div.box_wrap div.listing_row:hover div.centre a.icon:hover, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.date a.icon:hover, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.venue a.icon:hover, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.availability a.icon:hover { color: #039393; } body#booking section#booking-listing div.box_wrap div.listing_row:hover div.centre a.button, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.date a.button, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.venue a.button, body#booking section#booking-listing div.box_wrap div.listing_row:hover div.availability a.button { background: #039393; border-color: #039393; color: #ffffff; } body#booking section#booking-listing div.box_wrap div.almost-full div.availability span.remaining { color: #c7ac2e; } body#booking section#booking-listing div.box_wrap div.not-available { background: #f0f0f0; } body#booking section#booking-listing div.box_wrap div.not-available div.centre, body#booking section#booking-listing div.box_wrap div.not-available div.date, body#booking section#booking-listing div.box_wrap div.not-available div.venue, body#booking section#booking-listing div.box_wrap div.not-available div.availability { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available div.centre a.icon, body#booking section#booking-listing div.box_wrap div.not-available div.date a.icon, body#booking section#booking-listing div.box_wrap div.not-available div.venue a.icon, body#booking section#booking-listing div.box_wrap div.not-available div.availability a.icon { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available div.centre a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available div.date a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available div.venue a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available div.availability a.icon:hover { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available div.centre span.remaining, body#booking section#booking-listing div.box_wrap div.not-available div.date span.remaining, body#booking section#booking-listing div.box_wrap div.not-available div.venue span.remaining, body#booking section#booking-listing div.box_wrap div.not-available div.availability span.remaining { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available div.centre a.button, body#booking section#booking-listing div.box_wrap div.not-available div.date a.button, body#booking section#booking-listing div.box_wrap div.not-available div.venue a.button, body#booking section#booking-listing div.box_wrap div.not-available div.availability a.button { background: none; color: #cccccc; border-color: #f0f0f0; padding: 14px; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap div.not-available div.centre a.button, body#booking section#booking-listing div.box_wrap div.not-available div.date a.button, body#booking section#booking-listing div.box_wrap div.not-available div.venue a.button, body#booking section#booking-listing div.box_wrap div.not-available div.availability a.button { padding: 5px 14px; } } body#booking section#booking-listing div.box_wrap div.not-available:hover { background: #f0f0f0; box-shadow: none; } body#booking section#booking-listing div.box_wrap div.not-available:hover div.centre, body#booking section#booking-listing div.box_wrap div.not-available:hover div.date, body#booking section#booking-listing div.box_wrap div.not-available:hover div.venue, body#booking section#booking-listing div.box_wrap div.not-available:hover div.availability { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available:hover div.centre a.icon, body#booking section#booking-listing div.box_wrap div.not-available:hover div.date a.icon, body#booking section#booking-listing div.box_wrap div.not-available:hover div.venue a.icon, body#booking section#booking-listing div.box_wrap div.not-available:hover div.availability a.icon { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available:hover div.centre a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available:hover div.date a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available:hover div.venue a.icon:hover, body#booking section#booking-listing div.box_wrap div.not-available:hover div.availability a.icon:hover { color: #cccccc; } body#booking section#booking-listing div.box_wrap div.not-available:hover div.centre a.button, body#booking section#booking-listing div.box_wrap div.not-available:hover div.date a.button, body#booking section#booking-listing div.box_wrap div.not-available:hover div.venue a.button, body#booking section#booking-listing div.box_wrap div.not-available:hover div.availability a.button { background: none; color: #cccccc; border: 1px solid #f0f0f0; } body#booking section#booking-listing div.box_wrap .find_another { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border: 1px solid #dddddd; border-top: none; margin-top: 60px; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search { padding: 20px 15px; width: 100%; *zoom: 1; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form { *zoom: 1; width: 100%; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder { width: 83%; float: left; *zoom: 1; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder { width: 100%; } } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:before, body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:after { content: ""; display: table; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder:after { clear: both; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.label { width: auto; float: left; font-size: 0.9em; line-height: 38px; vertical-align: middle; color: #1d9f9f; font-weight: bold; margin-right: 10px; } @media screen and (max-width: 980px) { body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.label { font-size: 0.8em; } } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.label { width: 100%; } } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.date { margin-left: 20px; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.input_box { width: 23%; float: left; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.input_box { width: 100%; } } html.ie8 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.input_box { width: 20%; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.form_holder div.input_box input { display: inline-block !important; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder { width: 17%; float: right; } @media screen and (max-width: 770px) { body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder { width: 100%; margin-top: 15px; } } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'] { display: inline-block; *display: inline; padding: 10px 30px; text-decoration: none; color: #ffffff; cursor: pointer; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #1d9f9f; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 50%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); width: 100%; padding: 10px 20px; font-weight: bold; } html.ie8 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'], html.ie9 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'] { behavior: url(/PIE.php); -ms-behavior: url(/PIE.php); } html.ie8 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'], html.ie9 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'] { -pie-background: linear-gradient(top, #21b5b5, #21b5b5 50%, #198989 51%, #198989); position: relative; zoom: 1; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'] span { font-size: 0.75em; padding-left: 10px; line-height: 0; } html.ie8 body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit'] span:before { font-size: 1.11em; } body#booking section#booking-listing div.box_wrap .find_another div.heading_search form div.button_holder input[type='submit']:hover { background-color: #21b5b5; } #course_info, #help_info { display: none; width: 400px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border-top: 0px; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.3); } html.ie8 #course_info, html.ie8 #help_info { border: 1px solid #dddddd; } @media screen and (max-width: 570px) { #course_info, #help_info { width: 280px; } } #course_info h2, #help_info h2 { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ width: 100%; padding: 15px 25px 15px 25px ; border: 1px solid #268b83; color: #ffffff; margin: 0; font-size: 1.1em; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); font-family: "Trajan", Georgia, Times, "Times New Roman", serif; font-size: 1.2em; font-weight: bold; } @media screen and (max-width: 770px) { #course_info h2, #help_info h2 { font-size: 1em; } } html.ie8 #course_info h2, html.ie8 #help_info h2 { background: #1d9f9f; } #course_info h2 span.icon-search, #help_info h2 span.icon-search { font-size: 13px; margin-right: 7px; } #course_info h2 a, #help_info h2 a { float: right; color: #ffffff; opacity: 0.6; margin-top: -2px; } #course_info h2 a:hover, #help_info h2 a:hover { opacity: 1; } #course_info div, #help_info div { padding: 15px 25px; border: 1px solid #ffffff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #course_info div span.heading, #help_info div span.heading, #course_info div span.desc, #help_info div span.desc { display: block; font-size: 1.1em; } html.ie8 #course_info div span.heading, html.ie8 #help_info div span.heading, html.ie8 #course_info div span.desc, html.ie8 #help_info div span.desc, html.ie9 #course_info div span.heading, html.ie9 #help_info div span.heading, html.ie9 #course_info div span.desc, html.ie9 #help_info div span.desc, html.ie10 #course_info div span.heading, html.ie10 #help_info div span.heading, html.ie10 #course_info div span.desc, html.ie10 #help_info div span.desc, html.firefox #course_info div span.heading, html.firefox #help_info div span.heading, html.firefox #course_info div span.desc, html.firefox #help_info div span.desc { font-size: 13px; } @media screen and (max-width: 570px) { #course_info div span.heading, #help_info div span.heading, #course_info div span.desc, #help_info div span.desc { font-size: 0.9em; } } #course_info div span.heading, #help_info div span.heading { font-size: 1em; line-height: 26px; vertical-align: middle; color: #039393; font-weight: bold; margin-bottom: 0px; } #course_info div span.heading span, #help_info div span.heading span { font-size: 12px; margin-right: 5px; width: 30px; } #course_info div span.desc, #help_info div span.desc { margin-bottom: 20px; color: #888888; } #course_info div span.desc ul, #help_info div span.desc ul { margin: 0; padding: 0; } #course_info div span.desc ul li, #help_info div span.desc ul li { list-style-type: none; } #course_info div span.desc ul li:before, #help_info div span.desc ul li:before { content: '- '; } #course_info div a.button, #help_info div a.button { background: #039393; border: 1px solid #039393; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 4px 20px; font-weight: bold; margin-bottom: 10px; display: inline-block; } html.ie8 #course_info div a.button, html.ie8 #help_info div a.button, html.ie9 #course_info div a.button, html.ie9 #help_info div a.button, html.ie10 #course_info div a.button, html.ie10 #help_info div a.button, html.firefox #course_info div a.button, html.firefox #help_info div a.button { padding: 6px 20px; } #course_info div a.button span, #help_info div a.button span { font-size: 8px; margin-top: -2px; margin-left: 5px; } #course_info div a.button:hover, #help_info div a.button:hover { background: #028383; } body#booking section#booking-step1 div.box_wrap, body#booking section#booking-step2 div.box_wrap, body#booking section#booking-step3 div.box_wrap, body#booking section#booking-successful div.box_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 66.66666666666666%; padding: 0 20px; *width: 61.706349206349195%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap, body#booking section#booking-step2 div.box_wrap, body#booking section#booking-step3 div.box_wrap, body#booking section#booking-successful div.box_wrap { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; margin-top: 20px; } } body#booking section#booking-step1 div.box_wrap div.step_wrapper, body#booking section#booking-step2 div.box_wrap div.step_wrapper, body#booking section#booking-step3 div.box_wrap div.step_wrapper, body#booking section#booking-successful div.box_wrap div.step_wrapper { width: 100%; margin-bottom: 30px; background: url('/assets/images/design/stepsbg.png') #ffffff bottom repeat-x; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px 20px; border: 1px solid #dddddd; *zoom: 1; text-align: justify; } body#booking section#booking-step1 div.box_wrap div.step_wrapper:before, body#booking section#booking-step2 div.box_wrap div.step_wrapper:before, body#booking section#booking-step3 div.box_wrap div.step_wrapper:before, body#booking section#booking-successful div.box_wrap div.step_wrapper:before, body#booking section#booking-step1 div.box_wrap div.step_wrapper:after, body#booking section#booking-step2 div.box_wrap div.step_wrapper:after, body#booking section#booking-step3 div.box_wrap div.step_wrapper:after, body#booking section#booking-successful div.box_wrap div.step_wrapper:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.step_wrapper:after, body#booking section#booking-step2 div.box_wrap div.step_wrapper:after, body#booking section#booking-step3 div.box_wrap div.step_wrapper:after, body#booking section#booking-successful div.box_wrap div.step_wrapper:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.step_wrapper:before, body#booking section#booking-step2 div.box_wrap div.step_wrapper:before, body#booking section#booking-step3 div.box_wrap div.step_wrapper:before, body#booking section#booking-successful div.box_wrap div.step_wrapper:before, body#booking section#booking-step1 div.box_wrap div.step_wrapper:after, body#booking section#booking-step2 div.box_wrap div.step_wrapper:after, body#booking section#booking-step3 div.box_wrap div.step_wrapper:after, body#booking section#booking-successful div.box_wrap div.step_wrapper:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.step_wrapper:after, body#booking section#booking-step2 div.box_wrap div.step_wrapper:after, body#booking section#booking-step3 div.box_wrap div.step_wrapper:after, body#booking section#booking-successful div.box_wrap div.step_wrapper:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.step_wrapper span, body#booking section#booking-step2 div.box_wrap div.step_wrapper span, body#booking section#booking-step3 div.box_wrap div.step_wrapper span, body#booking section#booking-successful div.box_wrap div.step_wrapper span { font-family: "Trajan", Georgia, Times, "Times New Roman", serif; font-size: 1.1em; font-weight: bold; position: relative; z-index: 1000; color: #cccccc; display: inline-block; background: #ffffff; padding: 0px 3px; text-transform: uppercase; } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span, body#booking section#booking-step2 div.box_wrap div.step_wrapper span, body#booking section#booking-step3 div.box_wrap div.step_wrapper span, body#booking section#booking-successful div.box_wrap div.step_wrapper span { font-size: 0.9em; } } body#booking section#booking-step1 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.first, body#booking section#booking-successful div.box_wrap div.step_wrapper span.first { float: left; width: 15%; } @media screen and (max-width: 980px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.first, body#booking section#booking-successful div.box_wrap div.step_wrapper span.first { width: 25%; } } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.first, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.first, body#booking section#booking-successful div.box_wrap div.step_wrapper span.first { width: 30%; } } body#booking section#booking-step1 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap div.step_wrapper span.second { margin-left: 25%; padding: 0px 20px; } @media screen and (max-width: 980px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap div.step_wrapper span.second { margin-left: 15%; } } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap div.step_wrapper span.second { margin-left: 8%; } } @media screen and (max-width: 540px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap div.step_wrapper span.second { margin-left: 3%; } } @media screen and (max-width: 320px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap div.step_wrapper span.second { margin-left: 0%; } } body#booking section#booking-step1 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.last, body#booking section#booking-successful div.box_wrap div.step_wrapper span.last { width: 15%; float: right; text-align: right; } @media screen and (max-width: 980px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.last, body#booking section#booking-successful div.box_wrap div.step_wrapper span.last { width: 25%; } } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.last, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.last, body#booking section#booking-successful div.box_wrap div.step_wrapper span.last { width: 28%; } } body#booking section#booking-step1 div.box_wrap div.step_wrapper div.process, body#booking section#booking-step2 div.box_wrap div.step_wrapper div.process, body#booking section#booking-step3 div.box_wrap div.step_wrapper div.process, body#booking section#booking-successful div.box_wrap div.step_wrapper div.process { height: 1px; clear: both; border-bottom: 1px dashed #dddddd; position: relative; top: -17px; z-index: 99; } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.step_wrapper div.process, body#booking section#booking-step2 div.box_wrap div.step_wrapper div.process, body#booking section#booking-step3 div.box_wrap div.step_wrapper div.process, body#booking section#booking-successful div.box_wrap div.step_wrapper div.process { display: none; } } html.ie8 body#booking section#booking-step1 div.box_wrap div.step_wrapper div.process, html.ie8 body#booking section#booking-step2 div.box_wrap div.step_wrapper div.process, html.ie8 body#booking section#booking-step3 div.box_wrap div.step_wrapper div.process, html.ie8 body#booking section#booking-successful div.box_wrap div.step_wrapper div.process, html.ie9 body#booking section#booking-step1 div.box_wrap div.step_wrapper div.process, html.ie9 body#booking section#booking-step2 div.box_wrap div.step_wrapper div.process, html.ie9 body#booking section#booking-step3 div.box_wrap div.step_wrapper div.process, html.ie9 body#booking section#booking-successful div.box_wrap div.step_wrapper div.process, html.ie10 body#booking section#booking-step1 div.box_wrap div.step_wrapper div.process, html.ie10 body#booking section#booking-step2 div.box_wrap div.step_wrapper div.process, html.ie10 body#booking section#booking-step3 div.box_wrap div.step_wrapper div.process, html.ie10 body#booking section#booking-successful div.box_wrap div.step_wrapper div.process { top: -10px; } body#booking section#booking-step1 div.box_wrap div.step_wrapper span.active, body#booking section#booking-step2 div.box_wrap div.step_wrapper span.active, body#booking section#booking-step3 div.box_wrap div.step_wrapper span.active, body#booking section#booking-successful div.box_wrap div.step_wrapper span.active { color: #c7ac2e; font-weight: bold; } body#booking section#booking-step1 div.box_wrap div.booking_notice, body#booking section#booking-step2 div.box_wrap div.booking_notice, body#booking section#booking-step3 div.box_wrap div.booking_notice, body#booking section#booking-successful div.box_wrap div.booking_notice { width: 100%; background: #cdefed; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #1d9f9f; margin: 40px 0; padding: 10px 20px; } html.ie8 body#booking section#booking-step1 div.box_wrap div.booking_notice, html.ie8 body#booking section#booking-step2 div.box_wrap div.booking_notice, html.ie8 body#booking section#booking-step3 div.box_wrap div.booking_notice, html.ie8 body#booking section#booking-successful div.box_wrap div.booking_notice, html.ie9 body#booking section#booking-step1 div.box_wrap div.booking_notice, html.ie9 body#booking section#booking-step2 div.box_wrap div.booking_notice, html.ie9 body#booking section#booking-step3 div.box_wrap div.booking_notice, html.ie9 body#booking section#booking-successful div.box_wrap div.booking_notice, html.ie10 body#booking section#booking-step1 div.box_wrap div.booking_notice, html.ie10 body#booking section#booking-step2 div.box_wrap div.booking_notice, html.ie10 body#booking section#booking-step3 div.box_wrap div.booking_notice, html.ie10 body#booking section#booking-successful div.box_wrap div.booking_notice, html.firefox body#booking section#booking-step1 div.box_wrap div.booking_notice, html.firefox body#booking section#booking-step2 div.box_wrap div.booking_notice, html.firefox body#booking section#booking-step3 div.box_wrap div.booking_notice, html.firefox body#booking section#booking-successful div.box_wrap div.booking_notice { font-size: 13px; } body#booking section#booking-step1 div.box_wrap div.booking_notice span, body#booking section#booking-step2 div.box_wrap div.booking_notice span, body#booking section#booking-step3 div.box_wrap div.booking_notice span, body#booking section#booking-successful div.box_wrap div.booking_notice span { float: left; color: #1d9e9e; font-size: 1.1em; margin-top: 3px; } body#booking section#booking-step1 div.box_wrap div.booking_notice p, body#booking section#booking-step2 div.box_wrap div.booking_notice p, body#booking section#booking-step3 div.box_wrap div.booking_notice p, body#booking section#booking-successful div.box_wrap div.booking_notice p { margin: 0; padding-left: 30px; color: #039393; } body#booking section#booking-step1 div.box_wrap div.booking_notice.success, body#booking section#booking-step2 div.box_wrap div.booking_notice.success, body#booking section#booking-step3 div.box_wrap div.booking_notice.success, body#booking section#booking-successful div.box_wrap div.booking_notice.success { background: none; border: none; margin: 20px 0 30px; } @media screen and (max-width: 420px) { body#booking section#booking-step1 div.box_wrap div.booking_notice.success, body#booking section#booking-step2 div.box_wrap div.booking_notice.success, body#booking section#booking-step3 div.box_wrap div.booking_notice.success, body#booking section#booking-successful div.box_wrap div.booking_notice.success { margin: 10px 0 20px; } } body#booking section#booking-step1 div.box_wrap div.booking_notice.success span, body#booking section#booking-step2 div.box_wrap div.booking_notice.success span, body#booking section#booking-step3 div.box_wrap div.booking_notice.success span, body#booking section#booking-successful div.box_wrap div.booking_notice.success span { font-size: 2.4em; } @media screen and (max-width: 420px) { body#booking section#booking-step1 div.box_wrap div.booking_notice.success span, body#booking section#booking-step2 div.box_wrap div.booking_notice.success span, body#booking section#booking-step3 div.box_wrap div.booking_notice.success span, body#booking section#booking-successful div.box_wrap div.booking_notice.success span { display: none; } } body#booking section#booking-step1 div.box_wrap div.booking_notice.success span.icon-checkmark-circle, body#booking section#booking-step2 div.box_wrap div.booking_notice.success span.icon-checkmark-circle, body#booking section#booking-step3 div.box_wrap div.booking_notice.success span.icon-checkmark-circle, body#booking section#booking-successful div.box_wrap div.booking_notice.success span.icon-checkmark-circle { font-size: 1.7em; margin-top: 23px; margin-left: -11px; background: white; } body#booking section#booking-step1 div.box_wrap div.booking_notice.success p, body#booking section#booking-step2 div.box_wrap div.booking_notice.success p, body#booking section#booking-step3 div.box_wrap div.booking_notice.success p, body#booking section#booking-successful div.box_wrap div.booking_notice.success p { color: #555555; font-weight: bold; font-size: 1.2em; padding-left: 70px; line-height: 140%; margin-top: 5px; } @media screen and (max-width: 420px) { body#booking section#booking-step1 div.box_wrap div.booking_notice.success p, body#booking section#booking-step2 div.box_wrap div.booking_notice.success p, body#booking section#booking-step3 div.box_wrap div.booking_notice.success p, body#booking section#booking-successful div.box_wrap div.booking_notice.success p { padding-left: 0; font-size: 1.1em; } } body#booking section#booking-step1 div.box_wrap div.form_box, body#booking section#booking-step2 div.box_wrap div.form_box, body#booking section#booking-step3 div.box_wrap div.form_box, body#booking section#booking-successful div.box_wrap div.form_box { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); *zoom: 1; margin-bottom: 30px; } body#booking section#booking-step1 div.box_wrap div.form_box:before, body#booking section#booking-step2 div.box_wrap div.form_box:before, body#booking section#booking-step3 div.box_wrap div.form_box:before, body#booking section#booking-successful div.box_wrap div.form_box:before, body#booking section#booking-step1 div.box_wrap div.form_box:after, body#booking section#booking-step2 div.box_wrap div.form_box:after, body#booking section#booking-step3 div.box_wrap div.form_box:after, body#booking section#booking-successful div.box_wrap div.form_box:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box:after, body#booking section#booking-step2 div.box_wrap div.form_box:after, body#booking section#booking-step3 div.box_wrap div.form_box:after, body#booking section#booking-successful div.box_wrap div.form_box:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box:before, body#booking section#booking-step2 div.box_wrap div.form_box:before, body#booking section#booking-step3 div.box_wrap div.form_box:before, body#booking section#booking-successful div.box_wrap div.form_box:before, body#booking section#booking-step1 div.box_wrap div.form_box:after, body#booking section#booking-step2 div.box_wrap div.form_box:after, body#booking section#booking-step3 div.box_wrap div.form_box:after, body#booking section#booking-successful div.box_wrap div.form_box:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box:after, body#booking section#booking-step2 div.box_wrap div.form_box:after, body#booking section#booking-step3 div.box_wrap div.form_box:after, body#booking section#booking-successful div.box_wrap div.form_box:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box h2, body#booking section#booking-step2 div.box_wrap div.form_box h2, body#booking section#booking-step3 div.box_wrap div.form_box h2, body#booking section#booking-successful div.box_wrap div.form_box h2 { background-color: #1d9f9f; background-image: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 12+ */ background-image: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ width: 100%; padding: 15px 25px 15px 25px ; border: 1px solid #268b83; color: #ffffff; margin: 0; font-size: 1.1em; line-height: 1; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box h2, body#booking section#booking-step2 div.box_wrap div.form_box h2, body#booking section#booking-step3 div.box_wrap div.form_box h2, body#booking section#booking-successful div.box_wrap div.form_box h2 { font-size: 1em; } } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box h2, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box h2, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box h2, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box h2 { background: #1d9f9f; } body#booking section#booking-step1 div.box_wrap div.form_box h2 span.icon-search, body#booking section#booking-step2 div.box_wrap div.form_box h2 span.icon-search, body#booking section#booking-step3 div.box_wrap div.form_box h2 span.icon-search, body#booking section#booking-successful div.box_wrap div.form_box h2 span.icon-search { font-size: 13px; margin-right: 7px; } body#booking section#booking-step1 div.box_wrap div.form_box form, body#booking section#booking-step2 div.box_wrap div.form_box form, body#booking section#booking-step3 div.box_wrap div.form_box form, body#booking section#booking-successful div.box_wrap div.form_box form, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt { padding: 25px; border: 1px solid #dddddd; *zoom: 1; border-top: 0px; padding-top: 10px; } body#booking section#booking-step1 div.box_wrap div.form_box form:before, body#booking section#booking-step2 div.box_wrap div.form_box form:before, body#booking section#booking-step3 div.box_wrap div.form_box form:before, body#booking section#booking-successful div.box_wrap div.form_box form:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step1 div.box_wrap div.form_box form:after, body#booking section#booking-step2 div.box_wrap div.form_box form:after, body#booking section#booking-step3 div.box_wrap div.form_box form:after, body#booking section#booking-successful div.box_wrap div.form_box form:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form:after, body#booking section#booking-step2 div.box_wrap div.form_box form:after, body#booking section#booking-step3 div.box_wrap div.form_box form:after, body#booking section#booking-successful div.box_wrap div.form_box form:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box form:before, body#booking section#booking-step2 div.box_wrap div.form_box form:before, body#booking section#booking-step3 div.box_wrap div.form_box form:before, body#booking section#booking-successful div.box_wrap div.form_box form:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:before, body#booking section#booking-step1 div.box_wrap div.form_box form:after, body#booking section#booking-step2 div.box_wrap div.form_box form:after, body#booking section#booking-step3 div.box_wrap div.form_box form:after, body#booking section#booking-successful div.box_wrap div.form_box form:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form:after, body#booking section#booking-step2 div.box_wrap div.form_box form:after, body#booking section#booking-step3 div.box_wrap div.form_box form:after, body#booking section#booking-successful div.box_wrap div.form_box form:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box form label, body#booking section#booking-step2 div.box_wrap div.form_box form label, body#booking section#booking-step3 div.box_wrap div.form_box form label, body#booking section#booking-successful div.box_wrap div.form_box form label, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label { width: 100%; margin-top: 10px; color: #777777; } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box form label, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box form label, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box form label, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box form label, html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box form label, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box form label, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box form label, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box form label, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box form label, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box form label, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box form label, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box form label, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box form label, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box form label, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box form label, html.firefox body#booking section#booking-successful div.box_wrap div.form_box form label, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label, html.firefox body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label { font-size: 13px; } body#booking section#booking-step1 div.box_wrap div.form_box form label span.help, body#booking section#booking-step2 div.box_wrap div.form_box form label span.help, body#booking section#booking-step3 div.box_wrap div.form_box form label span.help, body#booking section#booking-successful div.box_wrap div.form_box form label span.help, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label span.help, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label span.help, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label span.help, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label span.help { margin-left: 5px; cursor: pointer; color: #1d9f9f; font-size: 11px; } body#booking section#booking-step1 div.box_wrap div.form_box form label span.help:hover, body#booking section#booking-step2 div.box_wrap div.form_box form label span.help:hover, body#booking section#booking-step3 div.box_wrap div.form_box form label span.help:hover, body#booking section#booking-successful div.box_wrap div.form_box form label span.help:hover, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label span.help:hover, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label span.help:hover, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label span.help:hover, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label span.help:hover { color: #039393; } body#booking section#booking-step1 div.box_wrap div.form_box form label span.error_message, body#booking section#booking-step2 div.box_wrap div.form_box form label span.error_message, body#booking section#booking-step3 div.box_wrap div.form_box form label span.error_message, body#booking section#booking-successful div.box_wrap div.form_box form label span.error_message, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt label span.error_message, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt label span.error_message, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt label span.error_message, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt label span.error_message { float: right; font-size: 12px; color: #039393; margin-top: 4px; } body#booking section#booking-step1 div.box_wrap div.form_box form input[type="text"], body#booking section#booking-step2 div.box_wrap div.form_box form input[type="text"], body#booking section#booking-step3 div.box_wrap div.form_box form input[type="text"], body#booking section#booking-successful div.box_wrap div.form_box form input[type="text"], body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="text"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="text"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="text"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="text"], body#booking section#booking-step1 div.box_wrap div.form_box form textarea, body#booking section#booking-step2 div.box_wrap div.form_box form textarea, body#booking section#booking-step3 div.box_wrap div.form_box form textarea, body#booking section#booking-successful div.box_wrap div.form_box form textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt textarea { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; width: 100%; background: #ffffff; border-color: #d0d0d0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); padding: 8px 15px; font-size: 13.5px; color: #303030; margin-bottom: 5px; } body#booking section#booking-step1 div.box_wrap div.form_box form input[type="text"]:focus, body#booking section#booking-step2 div.box_wrap div.form_box form input[type="text"]:focus, body#booking section#booking-step3 div.box_wrap div.form_box form input[type="text"]:focus, body#booking section#booking-successful div.box_wrap div.form_box form input[type="text"]:focus, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="text"]:focus, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="text"]:focus, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="text"]:focus, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="text"]:focus, body#booking section#booking-step1 div.box_wrap div.form_box form textarea:focus, body#booking section#booking-step2 div.box_wrap div.form_box form textarea:focus, body#booking section#booking-step3 div.box_wrap div.form_box form textarea:focus, body#booking section#booking-successful div.box_wrap div.form_box form textarea:focus, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt textarea:focus, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt textarea:focus, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt textarea:focus, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt textarea:focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } body#booking section#booking-step1 div.box_wrap div.form_box form input[type="text"].error, body#booking section#booking-step2 div.box_wrap div.form_box form input[type="text"].error, body#booking section#booking-step3 div.box_wrap div.form_box form input[type="text"].error, body#booking section#booking-successful div.box_wrap div.form_box form input[type="text"].error, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="text"].error, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="text"].error, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="text"].error, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="text"].error { border: 2px solid #1d9f9f; background: #f7fcfc; } body#booking section#booking-step1 div.box_wrap div.form_box form input[type="text"].error:focus, body#booking section#booking-step2 div.box_wrap div.form_box form input[type="text"].error:focus, body#booking section#booking-step3 div.box_wrap div.form_box form input[type="text"].error:focus, body#booking section#booking-successful div.box_wrap div.form_box form input[type="text"].error:focus, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="text"].error:focus, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="text"].error:focus, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="text"].error:focus, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="text"].error:focus { background: #ffffff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } body#booking section#booking-step1 div.box_wrap div.form_box form select, body#booking section#booking-step2 div.box_wrap div.form_box form select, body#booking section#booking-step3 div.box_wrap div.form_box form select, body#booking section#booking-successful div.box_wrap div.form_box form select, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt select, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt select, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt select, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt select { font-size: 1em; margin-bottom: 30px; } body#booking section#booking-step1 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="submit"] { margin-top: 15px !important; font-weight: bold; padding: 10px 70px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box form input[type="submit"], body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt input[type="submit"] { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox { margin: 10px 0; color: #777777; } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, html.firefox body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, html.firefox body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox { font-size: 13px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox a, body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox a, body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox a, body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox a, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox a, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox a, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox a, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox a { color: #1d9f9f; } body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox a:hover, body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox a:hover, body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox a:hover, body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox a:hover, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox a:hover, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox a:hover, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox a:hover, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox a:hover { color: #028383; } body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox input[type="checkbox"], body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox input[type="checkbox"], body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox input[type="checkbox"], body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox input[type="checkbox"], body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox input[type="checkbox"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox input[type="checkbox"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox input[type="checkbox"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox input[type="checkbox"] { margin-right: 10px; } @media screen and (max-width: 660px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step2 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step3 div.box_wrap div.form_box form div.checkbox, body#booking section#booking-successful div.box_wrap div.form_box form div.checkbox, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.checkbox, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.checkbox { font-size: 0.8em; } } body#booking section#booking-step1 div.box_wrap div.form_box form .card_number, body#booking section#booking-step2 div.box_wrap div.form_box form .card_number, body#booking section#booking-step3 div.box_wrap div.form_box form .card_number, body#booking section#booking-successful div.box_wrap div.form_box form .card_number, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt .card_number, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt .card_number, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt .card_number, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt .card_number { letter-spacing: 10px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.cvv, body#booking section#booking-step2 div.box_wrap div.form_box form div.cvv, body#booking section#booking-step3 div.box_wrap div.form_box form div.cvv, body#booking section#booking-successful div.box_wrap div.form_box form div.cvv, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.cvv, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.cvv, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.cvv, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.cvv { width: 170px; float: left; margin-right: 40px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.cvv input[type="text"], body#booking section#booking-step2 div.box_wrap div.form_box form div.cvv input[type="text"], body#booking section#booking-step3 div.box_wrap div.form_box form div.cvv input[type="text"], body#booking section#booking-successful div.box_wrap div.form_box form div.cvv input[type="text"], body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.cvv input[type="text"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.cvv input[type="text"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.cvv input[type="text"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.cvv input[type="text"] { letter-spacing: 15px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.date, body#booking section#booking-step2 div.box_wrap div.form_box form div.date, body#booking section#booking-step3 div.box_wrap div.form_box form div.date, body#booking section#booking-successful div.box_wrap div.form_box form div.date, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.date, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.date, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.date, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.date { width: 300px; float: left; } body#booking section#booking-step1 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step2 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step3 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-successful div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.date div.wrap { width: 45%; float: left; margin-right: 10px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step2 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step3 div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-successful div.box_wrap div.form_box form div.date div.wrap, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.date div.wrap, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.date div.wrap { width: 30%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed { width: 25%; float: left; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed { width: 50%; } } @media screen and (max-width: 680px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed textarea { width: 90%; clear: both; margin-bottom: 1px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed textarea { width: 90%; } } @media screen and (max-width: 680px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed .selectize-input, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed textarea { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed textarea { height: 200px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed textarea, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed textarea, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed textarea { height: 80px; margin-bottom: 20px; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger { width: 33%; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio { width: 25%; float: left; } @media screen and (max-width: 320px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger .radio, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio { width: 40%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger .radio span, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger .radio span, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger .radio span, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger .radio span, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio span, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio span, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio span, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio span { float: left; font-weight: normal; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger .radio .styledRadio, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger .radio .styledRadio, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger .radio .styledRadio, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger .radio .styledRadio, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio .styledRadio, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio .styledRadio, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio .styledRadio, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger .radio .styledRadio { margin-left: 30px; margin-top: 2px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap { display: block; *zoom: 1; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:before, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap:after { clear: both; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap { margin-bottom: 5px; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap span.radio_name, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap span.radio_name { font-size: 0.9em; font-family: "Calibri"; float: left; line-height: 42px; font-weight: bold; color: #999999; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap label, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap label, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap label, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap label, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap label, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap label, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap label, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap label, body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap input, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap input, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap input, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap input, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap input, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap input, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap input, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap input { float: left; width: 75px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios { float: right; width: 160px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios span, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios span { font-size: 0.9em; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios { float: none; clear: both; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios .styledRadio, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger div.radio_wrap div.radios .styledRadio { margin-top: 2px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests { width: 40%; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger.requests, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger.requests { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear { width: 26%; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step2 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step3 div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-successful div.box_wrap div.form_box form div.detailed.bigger.hear, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.detailed.bigger.hear { width: 100%; margin-top: 20px; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox { *zoom: 1; float: left; width: 47%; margin-top: 20px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:after { clear: both; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:before, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:before, body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:after { content: ""; display: table; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox:after, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox:after, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox:after { clear: both; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox p, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox p, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox p, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox p, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox p, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox p, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox p, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox p { color: #999999; font-size: 1.05em; } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox p, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox p, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox p, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox p, html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox p, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox p, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox p, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox p, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox p, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox p, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox p, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox p, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox p, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox p, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox p, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox p, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox p, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox p, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox p, html.firefox body#booking section#booking-successful div.box_wrap div.form_box form div.infobox p, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox p, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox p, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox p, html.firefox body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox p { font-size: 14px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox h3, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox h3, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox h3, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox h3, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox h3, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox h3, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox h3, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox h3, body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox h4 { font-family: "Calibri"; color: #777777; margin-bottom: 15px; font-size: 1.2em; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox h4, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox h4, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox h4 { font-size: 1em; color: #1d9f9f; position: relative; padding-left: 20px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox h4 span, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox h4 span, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox h4 span, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox h4 span, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox h4 span, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox h4 span, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox h4 span, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox h4 span { position: absolute; left: 0; top: -1px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button { background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); border: 1px solid #dddddd; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #999999; font-weight: bold; } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button, html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button, html.firefox body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button, html.firefox body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button { font-size: 12px; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox a.button:hover, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox a.button:hover, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox a.button:hover, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox a.button:hover, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox a.button:hover, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox a.button:hover, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox a.button:hover, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox a.button:hover { background: #1d9f9f; color: #ffffff; border-color: #1d9f9f; } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small { width: 26%; padding-left: 5px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small { width: 50%; margin-top: 40px; } } @media screen and (max-width: 640px) { body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small { width: 100%; } } body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small p, body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small p, body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small p, body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small p, body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small p, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small p, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small p, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small p { padding-left: 18px; font-size: 0.95em; font-weight: bold; } html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small p, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small p, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small p, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small p, html.ie8 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie8 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie8 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie8 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small p, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small p, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small p, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small p, html.ie9 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie9 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie9 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie9 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small p, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small p, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small p, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small p, html.ie10 body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie10 body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie10 body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.ie10 body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small p, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box form div.infobox.small p, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box form div.infobox.small p, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box form div.infobox.small p, html.firefox body#booking section#booking-successful div.box_wrap div.form_box form div.infobox.small p, html.firefox body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.firefox body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.firefox body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt div.infobox.small p, html.firefox body#booking section#booking-successful div.box_wrap div.form_box div.form_alt div.infobox.small p { font-size: 13px; } body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end { border-top: 1px solid #dddddd; padding: 25px; padding-bottom: 10px; } body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end input[type="submit"] { float: right; position: relative; top: -20px; } @media screen and (max-width: 960px) { body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end input[type="submit"] { padding: 10px 15px; } } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end input[type="submit"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end input[type="submit"] { float: none; top: 0; } } body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end div.finale, body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end div.finale, body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end div.finale, body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end div.finale { display: block; padding: 0; padding-top: 15px; font-family: "Calibri"; color: #777777; line-height: 74px; } body#booking section#booking-step1 div.box_wrap div.form_box div.form_alt.end div.finale input[type="checkbox"], body#booking section#booking-step2 div.box_wrap div.form_box div.form_alt.end div.finale input[type="checkbox"], body#booking section#booking-step3 div.box_wrap div.form_box div.form_alt.end div.finale input[type="checkbox"], body#booking section#booking-successful div.box_wrap div.form_box div.form_alt.end div.finale input[type="checkbox"] { margin-right: 5px; } body#booking section#booking-step1 div.box_wrap.fullwidth, body#booking section#booking-step2 div.box_wrap.fullwidth, body#booking section#booking-step3 div.box_wrap.fullwidth, body#booking section#booking-successful div.box_wrap.fullwidth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 100%; padding: 0 20px; *width: 95.03968253968253%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.box_wrap.fullwidth, body#booking section#booking-step2 div.box_wrap.fullwidth, body#booking section#booking-step3 div.box_wrap.fullwidth, body#booking section#booking-successful div.box_wrap.fullwidth { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; margin-top: 20px; margin-bottom: 20px; } } body#booking section#booking-step1 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap.fullwidth div.step_wrapper span.second { margin-left: 29.5%; } @media screen and (max-width: 980px) { body#booking section#booking-step1 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap.fullwidth div.step_wrapper span.second { margin-left: 17%; } } @media screen and (max-width: 680px) { body#booking section#booking-step1 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap.fullwidth div.step_wrapper span.second { margin-left: 10%; } } @media screen and (max-width: 480px) { body#booking section#booking-step1 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap.fullwidth div.step_wrapper span.second { margin-left: 4%; } } @media screen and (max-width: 320px) { body#booking section#booking-step1 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step2 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-step3 div.box_wrap.fullwidth div.step_wrapper span.second, body#booking section#booking-successful div.box_wrap.fullwidth div.step_wrapper span.second { margin-left: 0%; } } body#booking section#booking-step1 div.booking_end, body#booking section#booking-step2 div.booking_end, body#booking section#booking-step3 div.booking_end, body#booking section#booking-successful div.booking_end { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 50%; padding: 0 20px; *width: 45.03968253968254%; *padding: 0 19.950396825396826px; *zoom: 1; margin-top: 20px; } body#booking section#booking-step1 div.booking_end:before, body#booking section#booking-step2 div.booking_end:before, body#booking section#booking-step3 div.booking_end:before, body#booking section#booking-successful div.booking_end:before, body#booking section#booking-step1 div.booking_end:after, body#booking section#booking-step2 div.booking_end:after, body#booking section#booking-step3 div.booking_end:after, body#booking section#booking-successful div.booking_end:after { content: ""; display: table; } body#booking section#booking-step1 div.booking_end:after, body#booking section#booking-step2 div.booking_end:after, body#booking section#booking-step3 div.booking_end:after, body#booking section#booking-successful div.booking_end:after { clear: both; } body#booking section#booking-step1 div.booking_end:before, body#booking section#booking-step2 div.booking_end:before, body#booking section#booking-step3 div.booking_end:before, body#booking section#booking-successful div.booking_end:before, body#booking section#booking-step1 div.booking_end:after, body#booking section#booking-step2 div.booking_end:after, body#booking section#booking-step3 div.booking_end:after, body#booking section#booking-successful div.booking_end:after { content: ""; display: table; } body#booking section#booking-step1 div.booking_end:after, body#booking section#booking-step2 div.booking_end:after, body#booking section#booking-step3 div.booking_end:after, body#booking section#booking-successful div.booking_end:after { clear: both; } body#booking section#booking-step1 div.booking_end h3, body#booking section#booking-step2 div.booking_end h3, body#booking section#booking-step3 div.booking_end h3, body#booking section#booking-successful div.booking_end h3 { font-size: 1.2em; } @media screen and (max-width: 770px) { body#booking section#booking-step1 div.booking_end, body#booking section#booking-step2 div.booking_end, body#booking section#booking-step3 div.booking_end, body#booking section#booking-successful div.booking_end { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; margin-top: 20px; margin-bottom: 20px; } } body#booking section#booking-step1 div.booking_end iframe, body#booking section#booking-step2 div.booking_end iframe, body#booking section#booking-step3 div.booking_end iframe, body#booking section#booking-successful div.booking_end iframe { width: 100%; height: 300px; border: 1px solid #dddddd; padding: 4px; background: #f5f5f5; background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); -pie-background: linear-gradient(top, #ffffff 0%, #eeeeee 100%); } @media screen and (max-width: 480px) { body#booking section#booking-step1 div.booking_end iframe, body#booking section#booking-step2 div.booking_end iframe, body#booking section#booking-step3 div.booking_end iframe, body#booking section#booking-successful div.booking_end iframe { height: 180px; } } body#booking section#booking-step1 div.booking_end div.quote, body#booking section#booking-step2 div.booking_end div.quote, body#booking section#booking-step3 div.booking_end div.quote, body#booking section#booking-successful div.booking_end div.quote { padding-left: 40px; position: relative; margin-top: 20px; margin-bottom: 30px; *zoom: 1; } body#booking section#booking-step1 div.booking_end div.quote:before, body#booking section#booking-step2 div.booking_end div.quote:before, body#booking section#booking-step3 div.booking_end div.quote:before, body#booking section#booking-successful div.booking_end div.quote:before, body#booking section#booking-step1 div.booking_end div.quote:after, body#booking section#booking-step2 div.booking_end div.quote:after, body#booking section#booking-step3 div.booking_end div.quote:after, body#booking section#booking-successful div.booking_end div.quote:after { content: ""; display: table; } body#booking section#booking-step1 div.booking_end div.quote:after, body#booking section#booking-step2 div.booking_end div.quote:after, body#booking section#booking-step3 div.booking_end div.quote:after, body#booking section#booking-successful div.booking_end div.quote:after { clear: both; } body#booking section#booking-step1 div.booking_end div.quote:before, body#booking section#booking-step2 div.booking_end div.quote:before, body#booking section#booking-step3 div.booking_end div.quote:before, body#booking section#booking-successful div.booking_end div.quote:before, body#booking section#booking-step1 div.booking_end div.quote:after, body#booking section#booking-step2 div.booking_end div.quote:after, body#booking section#booking-step3 div.booking_end div.quote:after, body#booking section#booking-successful div.booking_end div.quote:after { content: ""; display: table; } body#booking section#booking-step1 div.booking_end div.quote:after, body#booking section#booking-step2 div.booking_end div.quote:after, body#booking section#booking-step3 div.booking_end div.quote:after, body#booking section#booking-successful div.booking_end div.quote:after { clear: both; } html.firefox body#booking section#booking-step1 div.booking_end div.quote, html.firefox body#booking section#booking-step2 div.booking_end div.quote, html.firefox body#booking section#booking-step3 div.booking_end div.quote, html.firefox body#booking section#booking-successful div.booking_end div.quote { font-size: 14px; } html.ie8 body#booking section#booking-step1 div.booking_end div.quote, html.ie8 body#booking section#booking-step2 div.booking_end div.quote, html.ie8 body#booking section#booking-step3 div.booking_end div.quote, html.ie8 body#booking section#booking-successful div.booking_end div.quote, html.ie9 body#booking section#booking-step1 div.booking_end div.quote, html.ie9 body#booking section#booking-step2 div.booking_end div.quote, html.ie9 body#booking section#booking-step3 div.booking_end div.quote, html.ie9 body#booking section#booking-successful div.booking_end div.quote, html.ie10 body#booking section#booking-step1 div.booking_end div.quote, html.ie10 body#booking section#booking-step2 div.booking_end div.quote, html.ie10 body#booking section#booking-step3 div.booking_end div.quote, html.ie10 body#booking section#booking-successful div.booking_end div.quote { margin-bottom: 40px; } body#booking section#booking-step1 div.booking_end div.quote span.icon-quotes-left, body#booking section#booking-step2 div.booking_end div.quote span.icon-quotes-left, body#booking section#booking-step3 div.booking_end div.quote span.icon-quotes-left, body#booking section#booking-successful div.booking_end div.quote span.icon-quotes-left { position: absolute; top: 0px; left: 0px; color: #dddddd; font-size: 1.2em; } body#booking section#booking-step1 div.booking_end div.quote span.text, body#booking section#booking-step2 div.booking_end div.quote span.text, body#booking section#booking-step3 div.booking_end div.quote span.text, body#booking section#booking-successful div.booking_end div.quote span.text { display: block; color: #555555; } body#booking section#booking-step1 div.booking_end div.quote span.person, body#booking section#booking-step2 div.booking_end div.quote span.person, body#booking section#booking-step3 div.booking_end div.quote span.person, body#booking section#booking-successful div.booking_end div.quote span.person { display: block; color: #1d9f9f; font-weight: bold; margin-top: 5px; } body#booking section#booking-step1 aside, body#booking section#booking-step2 aside, body#booking section#booking-step3 aside, body#booking section#booking-successful aside { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 33.33333333333333%; padding: 0 20px; *width: 28.373015873015873%; *padding: 0 19.950396825396826px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 aside, body#booking section#booking-step2 aside, body#booking section#booking-step3 aside, body#booking section#booking-successful aside { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; width: 91.66666666666666%; padding: 0 20px; *width: 86.7063492063492%; *padding: 0 19.950396825396826px; margin-left: 4.166666666666666%; margin-right: 4.166666666666666%; margin-top: 20px; margin-bottom: 20px; } } body#booking section#booking-step1 aside h3, body#booking section#booking-step2 aside h3, body#booking section#booking-step3 aside h3, body#booking section#booking-successful aside h3 { font-size: 1.2em; margin-top: 17px; margin-bottom: 40px; } html.ie8 body#booking section#booking-step1 aside h3, html.ie8 body#booking section#booking-step2 aside h3, html.ie8 body#booking section#booking-step3 aside h3, html.ie8 body#booking section#booking-successful aside h3 { font-size: 1em; } body#booking section#booking-step1 aside div, body#booking section#booking-step2 aside div, body#booking section#booking-step3 aside div, body#booking section#booking-successful aside div { margin-bottom: 40px; } body#booking section#booking-step1 aside div h4, body#booking section#booking-step2 aside div h4, body#booking section#booking-step3 aside div h4, body#booking section#booking-successful aside div h4 { font-size: 1.1em; font-family: "Calibri"; margin-bottom: 5px; } body#booking section#booking-step1 aside div h4 span, body#booking section#booking-step2 aside div h4 span, body#booking section#booking-step3 aside div h4 span, body#booking section#booking-successful aside div h4 span { font-size: 12px; float: left; margin-right: 5px; position: relative; top: 2px; width: 15px; } body#booking section#booking-step1 aside div p, body#booking section#booking-step2 aside div p, body#booking section#booking-step3 aside div p, body#booking section#booking-successful aside div p { margin-left: 22px; font-size: 1.06em; color: #999999; line-height: 140%; } html.ie8 body#booking section#booking-step1 aside div p, html.ie8 body#booking section#booking-step2 aside div p, html.ie8 body#booking section#booking-step3 aside div p, html.ie8 body#booking section#booking-successful aside div p, html.ie9 body#booking section#booking-step1 aside div p, html.ie9 body#booking section#booking-step2 aside div p, html.ie9 body#booking section#booking-step3 aside div p, html.ie9 body#booking section#booking-successful aside div p, html.ie10 body#booking section#booking-step1 aside div p, html.ie10 body#booking section#booking-step2 aside div p, html.ie10 body#booking section#booking-step3 aside div p, html.ie10 body#booking section#booking-successful aside div p, html.firefox body#booking section#booking-step1 aside div p, html.firefox body#booking section#booking-step2 aside div p, html.firefox body#booking section#booking-step3 aside div p, html.firefox body#booking section#booking-successful aside div p { font-size: 14px; } body#booking section#booking-step1 aside div ul, body#booking section#booking-step2 aside div ul, body#booking section#booking-step3 aside div ul, body#booking section#booking-successful aside div ul { margin: 0; padding: 0; padding-left: 22px; } body#booking section#booking-step1 aside div ul > li, body#booking section#booking-step2 aside div ul > li, body#booking section#booking-step3 aside div ul > li, body#booking section#booking-successful aside div ul > li { color: #999999; font-size: 1.06em; line-height: 140%; list-style-type: none; margin-bottom: 6px; } html.ie8 body#booking section#booking-step1 aside div ul > li, html.ie8 body#booking section#booking-step2 aside div ul > li, html.ie8 body#booking section#booking-step3 aside div ul > li, html.ie8 body#booking section#booking-successful aside div ul > li, html.ie9 body#booking section#booking-step1 aside div ul > li, html.ie9 body#booking section#booking-step2 aside div ul > li, html.ie9 body#booking section#booking-step3 aside div ul > li, html.ie9 body#booking section#booking-successful aside div ul > li, html.ie10 body#booking section#booking-step1 aside div ul > li, html.ie10 body#booking section#booking-step2 aside div ul > li, html.ie10 body#booking section#booking-step3 aside div ul > li, html.ie10 body#booking section#booking-successful aside div ul > li, html.firefox body#booking section#booking-step1 aside div ul > li, html.firefox body#booking section#booking-step2 aside div ul > li, html.firefox body#booking section#booking-step3 aside div ul > li, html.firefox body#booking section#booking-successful aside div ul > li { font-size: 14px; } body#booking section#booking-step1 aside div ul > li:before, body#booking section#booking-step2 aside div ul > li:before, body#booking section#booking-step3 aside div ul > li:before, body#booking section#booking-successful aside div ul > li:before { content: "- "; } body#booking section#booking-step1 aside div a, body#booking section#booking-step2 aside div a, body#booking section#booking-step3 aside div a, body#booking section#booking-successful aside div a { color: #1d9f9f; } body#booking section#booking-step1 aside div a:hover, body#booking section#booking-step2 aside div a:hover, body#booking section#booking-step3 aside div a:hover, body#booking section#booking-successful aside div a:hover { color: #028383; } body#booking section#booking-step1 aside a.centre_login_button, body#booking section#booking-step2 aside a.centre_login_button, body#booking section#booking-step3 aside a.centre_login_button, body#booking section#booking-successful aside a.centre_login_button { margin: 0px 15px; position: relative; top: 69px; float: right; margin-right: -20px; background: #f5f5f5; border: 1px solid #eeeeee; border-bottom: none; color: #858585; padding: 5px 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; } html.ie8 body#booking section#booking-step1 aside a.centre_login_button, html.ie8 body#booking section#booking-step2 aside a.centre_login_button, html.ie8 body#booking section#booking-step3 aside a.centre_login_button, html.ie8 body#booking section#booking-successful aside a.centre_login_button, html.ie9 body#booking section#booking-step1 aside a.centre_login_button, html.ie9 body#booking section#booking-step2 aside a.centre_login_button, html.ie9 body#booking section#booking-step3 aside a.centre_login_button, html.ie9 body#booking section#booking-successful aside a.centre_login_button, html.ie10 body#booking section#booking-step1 aside a.centre_login_button, html.ie10 body#booking section#booking-step2 aside a.centre_login_button, html.ie10 body#booking section#booking-step3 aside a.centre_login_button, html.ie10 body#booking section#booking-successful aside a.centre_login_button, html.firefox body#booking section#booking-step1 aside a.centre_login_button, html.firefox body#booking section#booking-step2 aside a.centre_login_button, html.firefox body#booking section#booking-step3 aside a.centre_login_button, html.firefox body#booking section#booking-successful aside a.centre_login_button { font-size: 12px; top: 72px; } @media screen and (max-width: 770px) { body#booking section#booking-step1 aside a.centre_login_button, body#booking section#booking-step2 aside a.centre_login_button, body#booking section#booking-step3 aside a.centre_login_button, body#booking section#booking-successful aside a.centre_login_button { display: none; } } body#booking section#booking-step1 aside a.centre_login_button:hover, body#booking section#booking-step2 aside a.centre_login_button:hover, body#booking section#booking-step3 aside a.centre_login_button:hover, body#booking section#booking-successful aside a.centre_login_button:hover { color: #028383; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 14px; line-height: 20px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 15px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 15px 3px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #f0f9f9; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 15px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; } .selectize-dropdown .active { background-color: #f0f9f9; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; }