/* CSS Document */ .gm-fa {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .gm-fa-before:before {font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body {background: #fff; margin: 0; font-family: 'Lato', arial, verdana, sans-serif; font-size: 13px; color: #333; -webkit-text-size-adjust: 100%;} textarea {font-family: 'Lato', arial, verdana, sans-serif; } input[type=submit] {font-family: 'Lato', arial, verdana, sans-serif; } button {font-family: 'Lato', arial, verdana, sans-serif; } .container {position:relative; max-width: 1040px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;} .containerExtended {position:relative; max-width: 1040px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;} a {color: #f56565; text-decoration: underline;} .primaryColor {color: #ee7d11;} a:hover {color: #f56565; text-decoration: none;} .rightCol {float:right; width: 50%; padding: 0 0 0 10px; box-sizing: border-box;} .leftCol {float:left; width: 50%; padding: 0 10px 0 0; box-sizing: border-box;} .whiteSubContainer {position:relative; background: #fff; padding: 20px 0;} .greySubContainer {position:relative; background: #f7f7f7; padding: 20px 0;} .greySubContainerDk {position:relative; background: #ddd; padding: 20px 0;} .greySubContainer hr{margin: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: none; bordern-right: none;} .grey {background: #f7f7f7; } .unExtend {padding: 0 5px;} .clear {clear:both; } .ruleTop {border-top:1px solid #ccc;} .ruleBottom {border-bottom:1px solid #ccc;} .smallText {font-size: 0.9em;} .topBar {position: relative; background: #474747; } .topBar::before {content: ""; position:absolute; top:5%; height: 40%; width: 100%; background:rgba(255,255,255,0.1);} .topBar .topLeft {position:relative; float: left; padding: 3px 0 8px 0; color: #ccc; font-size: 0.85em; } .topBar .topLeft::before {content:""; position:relative; display:inline-block; width: 24px; height: 17px; top: 4px; background:url(../images/icon_present.png) left no-repeat; } .topBar .topLeft b {color: #fff; } .topBar .topLeft a {color: #fff; } .topBar ul.languageSelector {position:relative; float: left; margin: 7px 0; padding: 0;list-style:none;} .topBar ul.languageSelector li {display:inline; float: left; color: #fff; margin-right: 5px; } .topBar ul.languageSelector li img {border: 1px solid #aaa; height: 14px;} .topBar ul.languageSelector li a:hover img {border: 1px solid #fff;} .topBar ul.topRight {position:relative; float: right; margin: 4px 0; padding: 0;list-style:none;} .topBar ul.topRight li {display:inline; float: left; } .topBar ul.topRight li a{display:inline-block; color: #eee; float: left; padding: 3px 10px; color: #eee; border-right: 1px solid rgba(255,255,255,0.1); border-left: 1px solid rgba(0,0,0,.1); text-decoration:none; } .topBar ul.topRight li a:hover {color: #fff;} .topBar ul.topRight li:first-child a{padding-left:0; border-left: none;} .topBar ul.topRight li:last-child a{padding-right:0; border-right: none;} .topBar ul.topRight li a.tick{background: url(../images/icon_tick.png) left no-repeat; padding-left: 20px;} .topBar ul.topRight li:first-child a.tick{padding-left: 20px;} @media screen and (max-width:750px) { .topBar .topRight {display:none} } .top {position:relative; } .top .container {height: 110px; padding-top: 20px;} .top .logo {position:absolute; display:block; top: 12px; left: 20px; width: 248px; height: 48px; background:url(../images/logo_top.gif) left center no-repeat;} .top .logoXmas {position:absolute; display:block; top: 5px; left: 20px; width: 305px; height: 68px; background:url(../images/xmas/logo_top.jpg) left center no-repeat;} @media screen and (max-width:500px) { .top .logo {width: 170px; background-size: contain} .top .logoXmas {width: 240px; background-size: contain;} } @media screen and (max-width:400px) { .top .logoXmas {width: 200px;} } .top ul.nav {position:absolute; bottom: 0; left: 20px; list-style: none; padding: 0; margin: 0;} .top ul.nav li {position:relative; float: left; display: inline; margin-right: 2px; } .top ul.nav li a{position: relative; float: left; display: inline; padding: 8px 10px; color: #555; text-decoration:none;background: #ddd; border-color:#ccc; border-width:1px; border-style:solid; border-width:1px 1px 0 1px;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px;} .top ul.nav li a::after {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} .top ul.nav li a:hover {background-color: #ccc; color: #000} .top ul.nav li a.over {background: #ee7d11; color: #fff; border-color: #ee7d11} .top a.basketButton {position:relative; float: right; padding: 3px 25px 3px 36px; border: 1px solid #ee7d11; background: url(../images/icon_cart.png) 5px center no-repeat #ee7d11; color: #fff; text-decoration: none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .top a.basketButton b {display: block; } .top a.basketButton:before {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} .top a.basketButton::after { content:""; position:absolute; right: 7px; top: 0; width: 10px; height: 100%; background:url(../images/icon_arrow_right.gif) center no-repeat; } @media screen and (max-width:600px) { .top ul.nav li:nth-child(2){display:none; } } @media screen and (max-width:500px) { .top a.basketButton {overflow: hidden; } /*.top a.basketButton {color:transparent; overflow: hidden; width: 60px; height: 40px; padding: 0}*/ } .top #search {position: relative; float:right; margin-right: 10px; } .top #search input[type=text] {width: 300px; padding:12px; border:1px solid #ccc; outline-color:#ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .top #search input[type=submit] {position: absolute; right:0; top: 0; width: 40px; height: 100%; background: url(../images/icon_search.gif) no-repeat center; border: none; color: transparent} .top ul.ticks {position:absolute; bottom: 10px; right: 20px; list-style: none; padding: 0; margin: 0;} .top ul.ticks li {float: left; display: inline; margin-left: 20px; } .top ul.ticks li a{position: relative; float: left; display: inline; padding: 5px 0 5px 30px; color: #666; text-decoration:none; } .top ul.ticks li a:hover {color: #000; } .top ul.ticks li a::after {content:""; position:absolute; top:0; left: 0; width: 24px; height: 24px; background: url(../images/icon_tick.png) center no-repeat #ee7d11;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} @media screen and (max-width:900px) { .top #search input[type=text] {width: 240px;} .top ul.ticks li {margin-left: 10px; } .top ul.ticks li a {font-size: 0.9em; padding-left: 22px; } .top ul.ticks li a::after {width: 20px; height: 20px; top: 4px;} } @media screen and (max-width:740px) { .top ul.ticks {display:none;} } .topSmall .container {height: 73px;} .topSmall ul.nav {display: none;} .topSmall #search {display:none;} .topSmall a.basketButton {display:none;} .topSmall ul.ticks {bottom: 20px; } .topNav {background: #ee7d11; border-bottom: 1px solid rgba(0,0,0,.2);} .topNav .mobileNavButton {display:none;} .topNav #nav {position: relative; width: 100%; height: 35px; overflow: hidden;} .topNav #nav ul {position:absolute;left: 0; top: 0; list-style: none; padding: 0; margin: 0; width: 1000%;} .topNav #nav ul li {position:relative; float: left; display: inline;} .topNav #nav ul li a{position: relative; display: inline; float: left; padding: 9px 10px 0 10px; height: 26px; color: #fff; text-decoration:none; border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(0,0,0,.1); } .topNav #nav ul li.corporate {display:none;} .topNav #nav ul li.mobileOnly {display:none;} @media screen and (max-width:600px) { .topNav #nav ul li.corporate {display:block; background-color: rgba(255,255,255,0.2); font-weight: 700;} } @media screen and (max-width:750px) { .topNav #nav ul li.mobileOnly {display:block; background-color: rgba(255,255,255,0.2); font-weight: 700;} } .topNav #nav ul li a:hover{background-color: rgba(255,255,255,0.1);} .topNav #nav ul li:first-child a {border-left: none} .topNav #nav ul li:last-child a {border-right: none} .topNav #nav ul li a.christmas {font-weight: bold; padding-left: 30px; padding-right: 30px;} .topNav #nav ul li a.christmas:before {content:""; position:absolute; left: 0; top: 0; width: 32px; height: 100%; background: url(../images/xmas/featured_section_snow_left.png) no-repeat center; } .topNav #nav ul li a.christmas:after {content:""; position:absolute; right: 0; top: 0; width: 32px; height: 100%; background: url(../images/xmas/featured_section_snow_right.png) no-repeat center; } .topNav #nav ul li a.ukSite {font-weight: bold; padding-left: 30px; padding-right: 30px;} .topNav #nav ul li a.ukSite:before {content:""; position:absolute; left: 0; top: 0; width: 30px; height: 100%; background: url(../images/flags-new/32/United%20Kingdom%28Great%20Britain%29.png) no-repeat center; } .topNav #mobileSearch, .topNav #mobileFavourites {position:relative; height: 0; overflow: hidden; padding: 0 20px; } .topNav #mobileSearch form {display:block; position:relative;} .topNav #mobileSearch input[type=text] {position:absolute; width: 100%; top:10px; left: 0; padding:12px; border:none; outline: none; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-sizing: border-box} .topNav #mobileSearch input[type=submit] {position: absolute; right:0; top: 10px; width: 40px; height: 40px; background: url(../images/icon_search.gif) no-repeat center; border: none; color: transparent; cursor:pointer} .topNav .navScrollButton_right {display:block; position: absolute; top: 0; right: 0; width: 35px; height: 35px; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11; display:none; cursor:pointer} .topNav .navScrollButton_left {display:block; position: absolute; top: 0; left: 0; width: 35px; height: 35px; background: url(../images/icon_arrow_left.gif) center no-repeat #ee7d11; display:none; cursor:pointer} .topNav .mobileButtons {display: none;} @media screen and (max-width:750px) { .top #search {display: none;} .topNav a.mobileNavButton {display:block; position:absolute; left: 0; top: 0; width: 50%; height: 35px; cursor: pointer} .topNav a.mobileNavButton span {position: absolute; width: 25px; height: 3px; left: 20px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition:all 0.5s ease; } .topNav a.mobileNavButton span:nth-child(1) {top: 10px;} .topNav a.mobileNavButton span:nth-child(2) {top: 17px;} .topNav a.mobileNavButton span:nth-child(3) {top: 24px;} .subPageTop .mainNavOpen a .bar1 {top: 24px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .subPageTop .mainNavOpen a .bar2 {display:none;} .subPageTop .mainNavOpen a .bar3 {top: 24px;-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .topNav .container {padding: 0;} .topNav #nav ul {position: absolute; top: 35px; width: 100%;border-top: 1px solid rgba(0,0,0,0.1)} .topNav #nav ul li {float: none; display: block;} .topNav #nav ul li a{display: block; height: auto; float: none; border-left: none; border-right: none ; padding: 10px 20px; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.1) } .topNav .mobileButtons {display:block; position: absolute; right: 0; top: 0; padding-right: 12px; } .topNav .mobileButtons a {display: inline-block; color: #fff; text-decoration: none; font-size: 18px; padding: 8px 7px; } .xtopNav a.mobileSearchButton {display:block; position:absolute; right:0; top:0; width: 55px; height: 35px; cursor: pointer} .xtopNav a.mobileSearchButton::after {content:""; position: absolute; right: 20px; top: 0; width: 20px; height: 100%; background: url(../images/icon_search_white.png) center no-repeat;} .xtopNav .mobileFavouriteButton { top: 0px; vertical-align: middle; line-height: 35px; font-size: 1.5em; display: block; position: absolute; right: 55px; padding-left: 20px; padding-right: 20px; height: 35px; cursor: pointer; color: #fff; } .topNav .navScrollButton_right {left: -1000px;} .topNav .navScrollButton_left {left: -1000px;} } .breadcrumb {background: #dedede; border-bottom: 1px solid #ccc; } .breadcrumb ul {list-style:none; margin: 0; padding: 0 0 0 5px;} .breadcrumb ul li {float:left; display: inline; } .breadcrumb ul li a {position:relative;display:inline-block; float: left; padding: 8px 12px 8px 5px; background:url(../images/bc_divide.gif) right no-repeat; font-size:0.9em; color: #555; text-decoration:none} .breadcrumb ul li a:hover {color: #000;} .breadcrumb ul li b {display:inline-block; float: left; padding: 8px 5px;font-size:0.9em; color: #555; font-weight: 400; } .checkoutSteps4 {background: #dedede; border-bottom: 1px solid #ccc; } .checkoutSteps4 ul {list-style:none; margin:0; padding: 0;position:relative; max-width: 1040px; margin: 0 auto; box-sizing: border-box;} .checkoutSteps4 ul li {position: relative; width: 25%; float: left; padding: 8px 5px 8px 20px; box-sizing: border-box; color: #555;} .checkoutSteps4 ul li:first-child {padding-left: 30px; } .checkoutSteps4 ul li b {font-size: 1.5em; font-weight: 700; margin-right:5px;} .checkoutSteps4 ul li::after {content:""; position: absolute; z-index: 1; right: -10px; top: 0; width: 10px; height: 100%; background: url(../images/bc_divide.gif) right no-repeat; } .checkoutSteps4 ul li.over {background: #fff;} .checkoutSteps4 ul li.over::after {content:""; position: absolute; z-index: 1; right: -10px; top: 0; width: 10px; height: 100%; background: url(../images/bc_divide_white.gif) right no-repeat; } .checkoutSteps4 ul li:last-child::after {display:none;} @media screen and (max-width:750px) { .checkoutSteps4 {border: none;} .checkoutSteps4 ul li {float: none; width: 100%; background-image:none; padding: 3px 20px; border-bottom: 1px solid #ccc;} .checkoutSteps4 ul li:first-child {padding-left: 20px;} .checkoutSteps4 ul li b {font-size: 1em;} } .checkoutSteps3 {background: #dedede; border-bottom: 1px solid #ccc; } .checkoutSteps3 ul {list-style:none; margin:0; padding: 0;position:relative; max-width: 1040px; margin: 0 auto; box-sizing: border-box;} .checkoutSteps3 ul li {position: relative; width: 33.33%; float: left; padding: 8px 5px 8px 20px; box-sizing: border-box; color: #555;} .checkoutSteps3 ul li:first-child {padding-left: 30px; } .checkoutSteps3 ul li:last-child {background-image:none;} .checkoutSteps3 ul li b {font-size: 1.5em; font-weight: 700; margin-right:5px;} .checkoutSteps3 ul li::after {content:""; position: absolute; z-index: 1; right: -10px; top: 0; width: 10px; height: 100%; background: url(../images/bc_divide.gif) right no-repeat; } .checkoutSteps3 ul li.over {background: #fff;} .checkoutSteps3 ul li.over::after {content:""; position: absolute; z-index: 1; right: -10px; top: 0; width: 10px; height: 100%; background: url(../images/bc_divide_white.gif) right no-repeat; } .checkoutSteps3 ul li:last-child::after {display:none;} @media screen and (max-width:750px) { .checkoutSteps3 {border: none;} .checkoutSteps3 ul li {float: none; width: 100%; background-image:none; padding: 3px 20px; border-bottom: 1px solid #ccc;} .checkoutSteps3 ul li:first-child {padding-left: 20px;} .checkoutSteps3 ul li b {font-size: 1em;} } .termsError {margin: 10px 0; padding: 10px; border: 1px solid #f56565; color: #f56565; background: #fff; font-size: 1.1em; font-weight: bold; vzzzertical-align: middle} .termsError i {font-size: 2em; vertical-align: middle; margin-right: 10px; } .spam_warning { margin-top: 10px; padding: 10px; color: white; background-color: rgba(255,255,255,0.1); text-align: center; font-size: 1.2em; } .spam_warning::before { font: normal normal normal 14px/1 FontAwesome; margin-right: 5px; } .spam_warning .spam_title {font-size: +1.8em; color: #bb0000; margin: 3px; font-weight: bold; } .spam_warning .spam_content {font-size: +1em; color: #bb0000; margin: 2px; } #carousel {position:relative; background-position: top center; background-repeat: no-repeat; margin-bottom: 20px; overflow:hidden; webkit-transition: background-image 1s linear; -moz-transition: background-image 1s linear; -o-transition: background-image 1s linear; transition:background-image 1s linear; } #carousel .container {height: 384px; } #carousel .innerCarousel {position:absolute; top: 0; left: 0; width: 100%; height: 100%; display:none; padding: 20px; box-sizing: border-box} #carousel .innerCarousel:first-child {display:block;} #carousel .innerCarousel h1, #carousel .innerCarousel h2 {text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); color: #fff; font-size: 2.5em; font-weight: 700; margin: 0; } #carousel .innerCarousel .detail {position: relative; width: 33%; height: 220px; padding: 20px; margin-top: 10px; background:#fff; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);} #carousel .innerCarousel .detail .top {margin-bottom: 10px;} #carousel .innerCarousel .detail h3 {font-size: 1em; margin: 0;} #carousel .innerCarousel .link {position:absolute; margin: 0; display: block; padding: 20px; left: 0; bottom: 0; width: 100%; box-sizing: border-box;} #carousel .innerCarousel .link a {position:relative; display: block; padding: 10px 40px 10px 10px; background: #ee7d11; border: 1px solid #ee7d11; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #fff; text-decoration:none; font-size: 1.1em;} #carousel .innerCarousel .link a::before {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} #carousel .innerCarousel .link a b {content: ""; position:absolute; display:block; top: 0; right: 0; width: 37px; height: 100%; background: url(../images/icon_arrow_right.gif) center no-repeat; border-left: 1px solid #ee7d11; } #carousel .innerCarousel .clink a b::after {content: ""; position:absolute; top: 0; left: 0; width: 0; height: 100%; border-left: 1px solid rgba(255,255,255,.3);} #carousel .pager {position: absolute; bottom: 10px; width:100%; text-align:center; white-space:pre} #carousel .pager a {position: relative; display:inline-block; width: 22px; height: 22px; background:url(../images/carousel_button.png) bottom center no-repeat; cursor: pointer} #carousel .pager a:hover {background-position: top;} #carousel .pager a.over {background-position: top;} #carousel a.next {display:none; } #carousel a.prev {display:none; } @media screen and (max-width:900px) { #carousel {background-size:auto 180px; border-bottom: 1px solid #ccc; } #carousel .container {padding-top: 190px; height: 400px;} #carousel .innerCarousel {padding-top: 180px;} #carousel .innerCarousel .detail {position: static; width: 100%; float: none; margin-top: 20px; padding: 0; background: none; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none} #carousel .pager {display:none;} #carousel .innerCarousel h1, #carousel .innerCarousel h2 {position:absolute; bottom:230px; left: 0; padding: 0 20px; } #carousel a.next {display:block; position: absolute; right: -4px; top: 67px; width: 45px; height: 45px; background: url(../images/icon_arrow_right.gif) center no-repeat #bbb; background-color: rgba(0,0,0,.3); cursor:pointer; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #carousel a.next:hover { background-color: rgba(0,0,0,.4)} #carousel a.prev {display:block; position: absolute; left: -4px; top: 67px; width: 45px; height: 45px; background: url(../images/icon_arrow_left.gif) center no-repeat #bbb; background-color: rgba(0,0,0,.3); cursor:pointer; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #carousel a.prev:hover { background-color: rgba(0,0,0,.4)} } @media screen and (max-width:550px) { #carousel .innerCarousel h1, #carousel .innerCarousel h2 {font-size: 1.9em; bottom:280px; } #carousel .container {height: 450px;} } .ctas {margin-bottom: 20px; } .ctas .cta {position:relative; float:left; width: 33.33%; padding: 0 5px; box-sizing: border-box;} .ctas .cta.ghr {width: 50%;} .ctas .cta a {position:relative; display:block; width: 100%; text-decoration: none; color: #333; height: 180px; border: 1px solid #ccc; padding: 91px 10px 10px 10px; box-sizing: border-box} .ctas .cta a:hover {border: 1px solid #aaa; } .ctas .cta a .img {position: absolute; display:block; top: 0; left: 0; width: 100%; height: 81px; border-bottom: 1px solid #ccc; background-position: center; background-repeat: no-repeat; background-size: cover} .ctas .cta a .img1 {background-image:url(../images/cta/ribbon.jpg);} .ctas .cta a .img2 {background-image:url(../images/cta/family.jpg);} .ctas .cta a .img3 {background-image:url(../images/cta/map.jpg);} .ctas .cta a b {display:block; font-weight: 700; font-size: 1.1em; } .ctas .cta a p {margin:0;} .ctas .cta a::after {content:""; display: block; position: absolute; width: 32px; height: 32px; bottom: 0; right: 0; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11;} .ctas .cta.ghr a::after {content: "Activate Voucher"; color: white; width: auto; text-align: right; padding-left: 32px; padding-right: 10px; background-position: 10px; line-height: 32px;} .ctas .cta.ghr.map a::after {content: "Racecourse Map";} @media screen and (max-width:750px) { .ctas .cta {position:relative; float:none; width: 100%; margin-bottom: 10px; overflow: hidden} .ctas .cta a {height: 83px; padding: 10px 34px 10px 125px;} .ctas .cta a .img {width: 115px; border-bottom: none; border-right: 1px solid #ccc;} } @media screen and (max-width:500px) { .ctas .cta a {padding-left: 85px;height: 100px} .ctas .cta a .img {width: 75px; height:98px} } .subNav {height: 33px; border-bottom: 1px solid #ccc; margin: 16px 0 0 0;} .subNav ul {position:relative; list-style: none; padding: 0; margin: 0;} .subNav ul li {position:relative; float: left; display: inline; padding: 0 1px; text-transform: lowercase; box-sizing: border-box;} .subNav ul li span{position: relative; float: left; display: inline; padding: 8px 10px 0 10px; height: 25px; color: #333; text-decoration:none; text-transform: lowercase; background: #f7f7f7; border-color:#ccc; border-width:1px; box-sizing: border-box; border-style:solid; border-width:1px 1px 0 1px;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px;} .subNav ul li span::first-letter {text-transform: uppercase;} .subNav ul li span::before {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} .subNav ul li a {position: relative; float: left; display: inline; padding: 8px 10px 0 10px; height: 33px; color: #333; text-decoration:none; text-transform: lowercase; background: #ddd; border-color:#ccc; box-sizing: border-box; border-width:1px; border-style:solid; border-width:1px 1px 0 1px;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px;border-top-right-radius: 4px;} .subNav ul li a::first-letter {text-transform: uppercase;} .subNav ul li a::before {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} .subNav ul li a.over {background: #f7f7f7; border-color: #ccc; height: 34px} .subNav ul li a:hover {background: #ccc;} .subNav ul li a.over:hover {background: #f7f7f7;} .subNav ul li a.shareButton {width: 27px; height: 27px; border-width:1px; padding: 0; margin-left: 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-image: url(../images/share_icon.png); background-position: center; background-repeat: no-repeat;} .subNav ul li .shareBox {position:absolute; top: 80%; left: 80%; z-index: 10; background: #fff; border: 1px solid #ccc;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);} .subNav ul li .shareBox ul {} .subNav ul li .shareBox ul li{ display:block; float: none;} .subNav ul li .shareBox ul li a {display:block; width: 100%; float: none; background: #fff; border: none; box-sizing: border-box; padding: 10px 10px 8px 36px; height: auto; } .subNav ul li .shareBox ul li a.fb::after {content:""; position: absolute; top: 5px; left: 5px; width: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/social_icons/fb.png) no-repeat center #aaa; } .subNav ul li .shareBox ul li a.fb:hover::after {background-color: #46629e;} .subNav ul li .shareBox ul li a.tw::after {content:""; position: absolute; top: 5px; left: 5px; width: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/social_icons/tw.png) no-repeat center #999; } .subNav ul li .shareBox ul li a.tw:hover::after {background-color: #55acee;} .subNav ul li .shareBox ul li a.pi::after {content:""; position: absolute; top: 5px; left: 5px; width: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/social_icons/pin.png) no-repeat center #777; } .subNav ul li .shareBox ul li a.pi:hover::after {background-color: #bd2126;} .subNav ul li .shareBox ul li a.go::after {content:""; position: absolute; top: 5px; left: 5px; width: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(../images/social_icons/g.png) no-repeat center #888; } .subNav ul li .shareBox ul li a.go:hover::after {background-color: #ca3829;} .sectionImage {float: right; margin: 0 0 20px 20px; width: 25%} @media screen and (max-width:950px) { .sectionImage {width: 33%} } @media screen and (max-width:750px) { .sectionImage {display:none;} } .mapContainer {position:relative; background: #f7f7f7; } .mapContainerHidden {position:relative; background: #f7f7f7; display:none;} #mapContainer {height: 500px; max-height: 75%; } .mapLocationInput {padding: 10px; border: none; margin: 15px 0 0 15px; } .finderNavContainer{position: absolute; top: 0; right: 0; height: 100%; width: 280px; padding: 20px 20px 20px 0; box-sizing: border-box;} .finderNav {position:relative; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; background: #fff; -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3);} @media screen and (max-width:850px) { .finderNavContainer{position: relative; width: auto; height: auto; padding: 20px 0; background: #fff; } .finderNav {width: auto; height: auto; overflow: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } .finderNav .topForm{padding: 0 10px; margin: 10px 0;} .finderNav .topForm .left {width: 50%; float: left; padding-right: 5px; box-sizing: border-box} .finderNav .topForm .right {width: 50%; float: right; padding-left: 5px; box-sizing: border-box; text-align: right;} .finderNav .topForm input {width: 100%; border: 1px solid #ccc; padding: 7px; box-sizing: border-box;} .finderNav .topForm .right input {text-align: right;} .finderNav ul {position:relative; margin: 0; list-style:none; padding: 0; width: 100%; } .finderNav ul li {position: relative; padding: 3px 5px 3px 30px; margin: 0; border-top: 1px dotted #ccc} .finderNav ul li .checkbox {position: absolute; left: 10px; top: 4px; display:block; width: 12px; height: 12px; border:1px solid #ccc; background:url(../images/finder/tick.gif) center no-repeat } .finderNav ul li.title {font-weight: bold; border-top: 1px solid #ccc} .finderNav ul li.dead {background: #F7F7F7; color:#aaa} .finderNav ul li.dead .checkbox {background-image:url(../images/finder/cross.gif);} .finderNav ul li.showSubs {font-size: 0.8em; padding-bottom:10px;} .finderNav ul li.hideSubs {font-size: 0.8em; padding-bottom:10px; display:none; } .finderNav .priceFilterInputTable {width: 100%; } .finderNav .priceFilterInputField {widsssssssth: 40px; } .finderNav .priceSlider {position:relative; width: 100%; padding: 0 14px; margin: 10px 0; box-sizing: border-box; } .finderNav #sliderContainer {position:relative; height: 30px;} .finderNav #sliderContainer .slider {position:absolute; top: 0; width: 10px; height: 15px; background: #f56565; cursor:pointer;} .finderNav #priceLow {left: -4px;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .finderNav #priceHigh {right: -4px;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .finderNav #priceMiddle {position:absolute; top: 6px; left: 0; width: 100%; height: 3px; background: #333; } .finderNav #priceMiddleDead {position:absolute; top: 6px; left: 0; width: 100%; height: 3px; background: #aaa; } .finderNav #priceLabelMin {position: absolute; left: 5px; top: 15px; font-size: 0.9em; color: #333; } .finderNav #priceLabelMax {position: absolute; right: 5px; top: 15px; font-size: 0.9em; color: #333;} .finderNav .priceTick {position:absolute; top: 10px; width: 1px; background: #ccc; } .finderNav #priceTick1 {left: 0;height: 20px; } .finderNav #priceTick5 {right: 0; height: 20px; } .stbAProdsContainer{position: absolute; top: 0; right: 0; height: 100%; width: 280px; padding: 20px 20px 20px 0; box-sizing: border-box;} .stbAProdsList {position:relative; height: 100%; width: 100%; overflow-y: scroll; overflow-x: hidden; background: #fff; -webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3);} .stbAProdsList .smallTitle {margin: 0; padding: 0 10px; margin: 10px 0;} .stbAProdsList ul {position:relative; margin: 10px 0; list-style:none; padding: 0; width: 100%; } .stbAProdsList ul li {position: relative; padding: 3px 10px; margin: 0; border-top: 1px dotted #ccc} .ajaxLoading {height: 500px; } .ajaxLoading .ajaxInner {position:absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px; border: 1px solid #ccc; background: url(../images/ajax-loading.gif) center no-repeat #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);box-shadow: 0 0 4px rgba(0, 0, 0, 0.4)} #mapContent {display:none;} #optionContent {display:none;} #howContent {display:none;} .productLeft {position:relative; float: left; width: 49%; margin: 20px 0; box-sizing: border-box;} .productLeft .mainImg {width: 100%; height: 0; padding-bottom: 66.5%; overflow: hidden; box-sizing: border-box; background-color: #dedede; cursor:pointer;} .productLeft .mainImg img {width: 100%; } .productLeft .productThumbContainer {margin: 2px -2px} .productLeft .productThumbContainer .img {position:relative; width: 20%; float: left; overflow: hidden; padding: 2px; box-sizing: border-box; } .productLeft .productThumbContainer .img a {display: block; position: relative; height: 0; padding-bottom: 66.6%;} .productLeft .productThumbContainer .img img {width: 100%; border: none; } .productLeft .productThumbContainer .img .imageTitle {display:none} .productLeft .productThumbContainer .img .imageDescription {display:none} .productLeft .mainImg a.validDetail {position:absolute; display:block; top: 10px; left: 10px; padding: 5px 10px 5px 32px; background: #fff; background: rgba(255,255,255,0.8); border-radius: 4px; color: #333; text-decoration: none; font-size: 13px; } .productLeft .mainImg a.validDetail i {display: block; position: absolute; top: 1px; left: 2px; width: 25px; bottom: 2px; padding-top: 5px; text-align: center; font-weight: 700; font-style: normal; font-size: 12px; background: url(../images/prodQualification/calendar.png) center no-repeat; background-size: contain } .productRight {position:relative; float: right; width: 50%; padding-left: 10px; margin: 20px 0; box-sizing: border-box;} .productRight h1.largeTitle {margin-top:0; } .productRight ul.prodForm {border-top: 1px solid #eee; } .productRight .highlights {color: #ee7d11; font-size: 1.4em} ul.prodForm {width: 100%; display: table; list-style:none; padding: 10px 0; margin: 20px 0; } ul.prodForm li {display: table-cell; vertical-align:top; } ul.prodForm li:nth-child(1) {text-align: left;} ul.prodForm li:nth-child(2) {text-align: center;} ul.prodForm li:nth-child(3) {text-align: right;} ul.prodForm li .price {display:block; font-size: 2.2em; font-weight: 700;} ul.prodForm li .price .units {font-size: 0.5em} ul.prodForm li select {margin-top:5px; border: 1px solid #ccc; padding: 5px;} ul.prodForm input[type=submit]{ position:relative; float: right; padding: 15px 32px 15px 45px; border: 1px solid #ee7d11; color: #fff; font-size: 1.4em; font-weight: 700; text-align: left; cursor: pointer; box-sizing: border-box; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-image: url(../images/icon_cart.png), url(../images/icon_arrow_right_pad.gif); background-repeat: no-repeat, no-repeat; background-position: 8px center, right center; background-color: #ee7d11; } .associatedAccommodation {margin: 20px 0;border-top: 1px solid #eee;} .associatedAccommodation .intro {margin: 20px 0;} .associatedAccommodation .intro .mediumTitle {margin: 0;} .associatedAccommodation .assoc {position: relative; margin: 10px 0; padding: 0 0 0 30px; cursor: pointer} .associatedAccommodation .assoc .name {font-size: 1.05em; font-weight: 700;} .associatedAccommodation .assoc a.check {position: absolute; left: 0; top: 50%; margin-top: -8px; width: 15px; height: 14px; padding-top: 1px; border: 1px solid #ccc; color: #000; background: #fff; text-decoration: none; text-align: center; } .associatedAccommodation .assoc a.check i {display: none;} .associatedAccommodation .assoc a.check.checked i {display: block; } .productRight input[type=button]{ position:relative; float: right; padding: 15px 32px 15px 45px; border: 1px solid #ee7d11; color: #fff; font-size: 1.4em; font-weight: 700; text-align: left; cursor: pointer; box-sizing: border-box; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: url(../images/icon_cart.png), url(../images/icon_arrow_right_pad.gif); background-repeat: no-repeat, no-repeat; background-position: 8px center, right center; background-color: #ee7d11; } ul.prodForm input[type=submit].noIcon, .productRight input[type=button].noIcon { background-image: url(../images/icon_arrow_right_pad.gif); background-position: right; background-repeat: no-repeat; padding: 15px 32px 15px 15px; } ul.prodForm button{ position:relative; float: right; padding: 15px 32px 15px 45px; border: 1px solid #ee7d11; color: #fff; font-size: 1.4em; font-weight: 700; text-align: left; cursor: pointer; box-sizing: border-box; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background-image: url(../images/icon_cart.png), url(../images/icon_arrow_right_pad.gif); background-repeat: no-repeat, no-repeat; background-position: 8px center, right center; background-color: #ee7d11; } ul.prodForm button i{ font-size: 1.2em; margin-right: 5px; } .productLeftSTBA {position:relative; float: left; width: 50%; padding-right: 10px; margin: 20px 0; box-sizing: border-box;} .productLeftSTBA div {float: left; width: 80%; border: 1px solid #eee; box-sizing: border-box; margin-left: 4px;} .productLeftSTBA div img{width: 100%;} .productLeftSTBA a {display: block; float:left; border: 1px solid #eee; width: 15%; margin: 0 0 4px 4px; box-sizing: border-box; } .productLeftSTBA a img {width: 100%; } .review {position:relative; display:block; padding: 2px 0 0 205px; height: 15px; font-size: 1.2em; font-weight: 700; margin: 10px 0;} .review div {position:absolute; top: 0; left: 0; width:200px; height: 19px; background: url(../images/review_star_dull.png) left repeat-x; box-sizing: border-box; color: #000; } .review div div {background: url(../images/review_star.png) left;} @media screen and (max-width:900px) { .productRight ul {display:block;} ul.prodForm li {display:block;} ul.prodForm li:nth-child(1) {text-align: left; float: left; width: 50%;} ul.prodForm li:nth-child(2) {text-align: right; float: right; width: 50%;} ul.prodForm li:nth-child(3) {display:block; clear: both; padding-top:20px; } ul.prodForm input[type=submit]{display: block; float: none; width: 100%;} } @media screen and (max-width:600px) { .productRight {float:none; width: 100%; padding: 0;} .productLeft {float:none; width: 100%; padding: 0;} .productLeftSTBA {float:none; width: 100%; padding: 0;} } .subProductDetail {background: #fbfbfb; padding: 20px 10px; border-width: 0 1px 1px 1px ; border-style: solid; border-color: #ccc;} .productBottom #desc {display: block} .productBottom #map {display: none} .productBottom #video {display: none} .productBottom #reviews {display: none} .productBottom #avail {display: none} .productBottom #facts {display: none} .productBottom #sure {display: none} .productBottom #restrictions {display: none} .productBottom #redemptionPrompts {display: none} .productBottom .productCode {font-weight: 700; text-align: right; margin-top:20px;} .subNav .productTabs {margin: 0 -2px} .subNav .productTabs li a i {margin-right: 5px; } @media screen and (max-width:800px) { .subNav .productTabs li {width: 20%; } .subNav .productTabs li a {width: 100%; text-align: center; } .subNav .productTabs li:last-child {display:none} .subNav .productTabs_2 li {width: 50%; } .subNav .productTabs_3 li {width: 33.33%; } .subNav .productTabs_4 li {width: 25%; } .subNav .productTabs_5 li {width: 20%; } .subNav .productTabs_6 li {width: 16.66%; } .subNav .productTabs_7 li {width: 14.25%; } .subNav .productTabs_8 li {width: 12.5%; } .subNav .productTabs_6 li a, .productTabs_7 li a, .productTabs_8 li a {color: transparent} .subNav .productTabs_6 li a i, .productTabs_7 li a i, .productTabs_8 li a i {display:block; margin-bottom: 10px; color: #333; } } @media screen and (max-width:550px) { .subNav .productTabs li a {color: transparent;} .subNav .productTabs li a i {position: absolute; display:block; color: #333; left: 50%; top: 8px; width: 40px; text-align: center; margin-left: -20px; font-size: 1.4em; font-weight: 400; font-style: normal;} .xxsubNav .productTabs li a i {display:block; margin-bottom: 10px; color: #333;} } .gt-button { position:relative; display: inline-block; padding: 9px 25px 9px 15px; width:100%; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #474747; border: none; color: #fff; color:rgba(255,255,255,.9); text-decoration: none; cursor:pointer; font-size: 16px;} #tDisclaimer img { margin-top: 15px;} .productCtas {border-bottom: 1px solid #ddd; margin-bottom: 20px;} .productCtas .cta {position:relative; float: left; width: 33%; padding: 10px 10px 20px 52px; box-sizing: border-box;} .productCtas .cta .icon1 {position:absolute; top:0; left: 0; width: 45px; height: 35px; padding-top: 17px; background: url(../images/prodQualification/calendar.png) center no-repeat; font-size: 1.3em; line-height: 1; font-weight: 700; text-align: center} .productCtas .cta .icon1 .mnths {font-size: 0.5em; font-weight: 400} .productCtas .cta .icon2 {position:absolute; top:0; left: 0; width: 45px; height: 52px; background: url(../images/prodQualification/emailVoucher.png) center no-repeat;} .productCtas .cta .icon3 {position:absolute; top:0; left: 0; width: 45px; height: 52px; background: url(../images/prodQualification/packaging.png) center no-repeat;} .productCtas .cta .title {font-weight: 700;} .productCtas .cta a {color: #f35554;} .productBottom h3 {margin: 1.2em 0 3px 0;} .productBottom p {margin: 0 0 1.2em 0;} @media screen and (max-width:600px) { .productCtas {border-bottom: none;} .productCtas .cta {float: none; width: 100%; padding: 10px 10px 10px 52px;border-bottom: 1px solid #ddd } } .productGroupContainer {margin: 10px 0} .productGroup {position:relative; width: 25%; float: left; padding: 0 5px 10px 5px; box-sizing: border-box;} .productGroup a {position:relative; display:block; border: 1px solid #ccc; height: 260px; color: #555; text-decoration: none; background:#fff; overflow:hidden} .productGroup a .img {position:relative; display: block; height: 175px; width: 100%; overflow: hidden; text-align:center; border-bottom: 1px solid #f7f7f7; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #eee;} .productGroup a .img i {position: absolute; width: 50px; height: 38px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; padding-top: 12px; border: 2px solid #ddd; color: #ddd; font-size: 28px; border-radius: 50%; text-align: center} .productGroup a .img i:after {content:""; position: absolute; top: 50%; left: 0; margin-top: -1px; display: block; width: 100%; height: 2px; background: #ddd;transform: rotate(-45deg);} .productGroup a .img img {display: block; margin: auto; height: auto; min-height: 100%; width: auto; min-width: 100%;border:none;} .productGroup a .details {position:absolute; top:176px; width: 100%; background: #fff; padding: 5px 10px; box-sizing: border-box; webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition:all 0.25s ease; } .productGroup a .details .title {display:block; font-size: 1.1em; font-weight: 700; } .productGroup a .bottomDetails {position:absolute; left: 0; bottom: 0; padding: 10px; width: 100%; height:62px; box-sizing: border-box; background: #fff; } .productGroup a .bottomDetails .location {display:block; height: 16px; overflow: hidden; } .productGroup a .bottomDetails .price {display:block; font-size: 1.5em; font-weight: 700;} .productGroup a .bottomDetails .price .units {font-size: 0.7em;} .productGroup a .bottomDetails:before {content:""; position:absolute; top: 5px; left: 10px; right:10px; height:0; border-top:1px dotted #aaa; } .productGroup .cornerFlag {position:absolute; top: 0; left: 0; width: 36px; height: 36px; background-repeat: no-repeat; background-position: top left; background-image:url(../images/cornerFlags_sm/default.gif); } .productGroup .cornerFlag_14 {background-image: url(../images/cornerFlags_sm/14.gif);} .productGroup .cornerFlag_21 {background-image: url(../images/cornerFlags_sm/21.gif);} .productGroup .cornerFlag_56 {background-image: url(../images/cornerFlags_sm/56.gif);} .productGroup .cornerFlag_57 {background-image: url(../images/cornerFlags_sm/57.gif);} .productGroup .cornerFlag_73 {background-image: url(../images/cornerFlags_sm/73.gif);} .productGroup .cornerFlag_80 {background-image: url(../images/cornerFlags_sm/80.gif);} .productGroup .cornerFlag_97 {background-image: url(../images/cornerFlags_sm/97.gif);} .productGroup .cornerFlag_98 {background-image: url(../images/cornerFlags_sm/98.gif);} .productGroup .cornerFlag_103 {background-image: url(../images/cornerFlags_sm/103.gif);} .productGroup .cornerFlag_105 {background-image: url(../images/cornerFlags_sm/105.gif);} .productGroup .cornerFlag_110 {background-image: url(../images/cornerFlags_sm/110.gif);} .productGroup .cornerFlag_149 {background-image: url(../images/cornerFlags_sm/149.gif);} .productGroup .cornerFlag_170 {background-image: url(../images/cornerFlags_sm/170.gif);} .productGroup .cornerFlag_171 {background-image: url(../images/cornerFlags_sm/171.gif);} .productGroup .cornerFlag_174 {background-image: url(../images/cornerFlags_sm/174.gif);} .productGroup .cornerFlag_176 {background-image: url(../images/cornerFlags_sm/176.gif);} .productGroup .cornerFlag_179 {background-image: url(../images/cornerFlags_sm/179.gif);} .productGroup .cornerFlag_195 {background-image: url(../images/cornerFlags_sm/195.gif);} .productGroup .cornerFlag_197 {background-image: url(../images/cornerFlags_sm/197.gif);} .productGroup .cornerFlag_203 {background-image: url(../images/cornerFlags_sm/203.gif);} .productGroup .cornerFlag_204 {background-image: url(../images/cornerFlags_sm/204.gif);} .productGroup .cornerFlag_221 {background-image: url(../images/cornerFlags_sm/221.gif);} .productGroup .cornerFlag_222 {background-image: url(../images/cornerFlags_sm/222.gif);} .productGroup .cornerFlag_223 {background-image: url(../images/cornerFlags_sm/223.gif);} .productGroup .cornerFlag_238 {background-image: url(../images/cornerFlags_sm/238.gif);} .productGroup .cornerFlag_239 {background-image: url(../images/cornerFlags_sm/239.gif);} .productGroup .cornerFlag_240 {background-image: url(../images/cornerFlags_sm/240.gif);} .productGroup .cornerFlag_241 {background-image: url(../images/cornerFlags_sm/241.gif);} .productGroup a::after {content:""; position:absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11;} .productGroup a:hover {border: 1px solid #aaa; } .productGroup a.removeRecent {position: absolute; top: 1px; right: 6px; width: 25px; height: 24px; background: url( ../images/icon_cross_white.gif) center no-repeat rgba(0,0,0,.1); cursor: pointer; border: none; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;} .productGroup a.removeRecent.hasFavourite { -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;} .productGroup a.removeRecent:hover {background-color: #ef2d33;} .productGroup a.removeRecent::after {display:none;} .sectionGroupContainer {margin: 10px 0} .sectionGroup {position:relative; width: 25%; float: left; padding: 0 5px 10px 5px; box-sizing: border-box;} .sectionGroup a {position:relative; display:block; border: 1px solid #ccc; height: 260px; color: #555; text-decoration: none; background:#fff; overflow:hidden} .sectionGroup a .img {position:relative; display: block; height: 175px; width: 100%; overflow: hidden; margin-bottom: 10px; text-align:center; border-bottom: 1px solid #f7f7f7; background-position : center; background-repeat: no-repeat; background-size: cover} .sectionGroup a .details {position:absolute; top:176px; width: 100%; background: #fff; padding: 5px 10px; box-sizing: border-box; webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition:all 0.25s ease; } .sectionGroup a .details .title {display:block; font-size: 1.1em; font-weight: 700; } .sectionGroup a .bottomDetails {position:absolute; left: 0; bottom: 0; padding: 10px; width: 100%; height:62px; box-sizing: border-box; background: #fff; } .sectionGroup a .bottomDetails .price {display:block; font-size: 1.5em; font-weight: 700;} .sectionGroup a .bottomDetails .price .units {font-size: 0.7em;} .sectionGroup a .bottomDetails:before {content:""; position:absolute; top: 5px; left: 10px; right:10px; height:0; border-top:1px dotted #aaa; } .sectionGroup a::after {content:""; position:absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11;} .sectionGroup a:hover {border: 1px solid #aaa; } .sectionGroup a.removeRecent {position: absolute; top: 1px; right: 6px; width: 25px; height: 24px; background: url( ../images/icon_cross_white.gif) center no-repeat rgba(0,0,0,.1); cursor: pointer; border: none; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: border-bottom-left-radius: 4px;} .sectionGroup a.removeRecent.hasFavourite { -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;} .sectionGroup a.removeRecent:hover {background-color: #ef2d33;} .sectionGroup a.removeRecent::after {display:none;} .sectionCTA {position:relative; margin: 20px 0; text-align: right;} .sectionCTA a {position:relative; display: inline-block; padding: 10px 60px 10px 10px; background: #ee7d11; border: 1px solid #ee7d11; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #fff; text-decoration:none; font-size: 1.2em; font-weight: bold} .sectionCTA a::before {content: ""; position:absolute; top: 0; left: 0; width: 100%; height: 50%; background:rgba(255,255,255,0.25);} .sectionCTA a b {content: ""; position: absolute; display:block; top: 0; right: 0; width: 37px; height: 100%; background: url(../images/icon_arrow_right.gif) center no-repeat; border-left: 1px solid #ee7d11; } @media screen and (max-width:950px) { .productGroup {width: 33.3%; } .sectionGroup {width: 33.3%; } } @media screen and (max-width:750px) { .productGroup {width: 50%; } .sectionGroup {width: 50%; } } @media screen and (max-width:450px) { .productGroup {width: 100%; } .sectionGroup {width: 100%; } } .infoBox a {position:relative; display:block; border: 1px solid #fff; width: 240px; height: 260px; color: #555; text-decoration: none; background:#fff; box-sizing: border-box; font-family: 'Lato', arial, verdana, sans-serif; font-size: 13px; overflow:hidden;-webkit-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.3);} .infoBox a .img {position:relative; display: block; height: 175px; width: 100%; overflow: hidden; text-align:center; border-bottom: 1px solid #f7f7f7} .infoBox a .img img {display: block; margin: auto; height: auto; min-height: 100%; width: auto; min-width: 100%; border:none; } .infoBox a .details {position:absolute; top:176px; width: 100%; background: #fff; padding: 5px 10px; box-sizing: border-box; webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition:all 0.25s ease; } .infoBox a .details .title {display:block; font-size: 1.1em; font-weight: 700; } .infoBox a .bottomDetails {position:absolute; left: 0; bottom: 0; padding: 10px; width: 100%; height:62px; box-sizing: border-box; background: #fff; } .infoBox a .bottomDetails .location {display:block; height: 16px; overflow: hidden; } .infoBox a .bottomDetails .price {display:block; font-size: 1.4em; font-weight: 700;} .infoBox a .bottomDetails:before {content:""; position:absolute; top: 5px; left: 10px; right:10px; height:0; border-top:1px dotted #aaa; } .infoBox a::after {content:""; position:absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11;} .infoBox .close {position:absolute; top: 1px; right: 1px; width: 24px; height: 24px; background: url(../images/icon_cross_white.gif) no-repeat center rgba(0,0,0,.1); cursor: pointer; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: border-bottom-left-radius: 4px;} .infoBox .close:hover {background-color: #ef2d33} .faqQ {display: block; font-size: 1.1em; font-weight: 700; padding: 3px 0;} .faqA {position:relative; height: 0; overflow: hidden;} .faqA .inner {position: absolute; bottom: 0;padding: 10px 0 20px 0;} .faqA .inner p{margin:0 0 10px 0;} .scrollerContainer {position:relative; padding: 20px 0; overflow:hidden} .scrollerContainer .scroller {position:relative; height:262px; overflow:hidden;} .scrollerContainer .scroller .slider {position:absolute; top: 0; left:0; width:2000%; height: 262px; padding:0;} .scrollerContainer a.next {display:block; position: absolute; right: -55px; top: 50%; margin-top: -22px; width: 45px; height: 45px; background: url(../images/icon_arrow_right.gif) center no-repeat #bbb; cursor:pointer; background-color: rgba(0,0,0,.2); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .scrollerContainer a.next:hover { background-color: rgba(0,0,0,.3)} .scrollerContainer a.prev {display:block; position: absolute; left: -55px; top: 50%; margin-top: -22px; width: 45px; height: 45px; background: url(../images/icon_arrow_left.gif) center no-repeat #bbb; cursor:pointer; background-color: rgba(0,0,0,.2); -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .scrollerContainer a.prev:hover { background-color: rgba(0,0,0,.3)} .scrollerContainer .scroller .slider .productGroup {width:1.25%} .scrollerContainer .scroller .slider .sectionGroup {width:1.25%} @media screen and (max-width:1130px) { .scrollerContainer a.next {right: -20px;} .scrollerContainer a.prev {left: -20px;} } @media screen and (max-width:950px) { .scrollerContainer .scroller .slider .productGroup {width:1.66%} .scrollerContainer .scroller .slider .sectionGroup {width:1.66%} } @media screen and (max-width:750px) { .scrollerContainer .scroller .slider .productGroup {width:2.5%} .scrollerContainer .scroller .slider .sectionGroup {width:2.5%} } @media screen and (max-width:450px) { .scrollerContainer .scroller .slider .productGroup {width:5%} .scrollerContainer .scroller .slider .sectionGroup {width:5%} } .formContainer {position: relative; width: 100%; max-width: 800px; margin: 0 auto; } .formContainer .title {padding-left: 35%; font-size: 1.5em; margin: 20px 0 5px 0; font-weight: 700;} .formContainer .right {padding: 7px 0 7px 35% } .formContainer .submit a {display:block; margin: 10px 0; } .formContainer .submit {padding: 7px 0 7px 35%; } .formContainer .field {margin: 7px 0;} .formContainer .label {float: left; width: 35%; padding: 8px 10px 0 0; box-sizing: border-box; text-align: right;} .formContainer .input {float: right; width: 65%; text-align: left;} .formContainer .inputPadded {float: right; width: 65%; text-align: left;padding: 8px 0;} .formContainer hr {height: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #fff; border-left: none; border-right: none;} .formContainer input[type=text] {border: 1px solid #ccc; padding: 7px; width: 100%;box-sizing: border-box; } .formContainer .input img {float: left} .formContainer input[type=text].captcha {display:inline-block; float: left; width: 100px; margin-left: 4px;} .formContainer input[type=password] {border: 1px solid #ccc; padding: 7px; width: 100%;box-sizing: border-box; } .formContainer input[type=submit] {padding: 10px 30px 10px 20px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; font-size: 1.4em; font-weight: 700; cursor:pointer } .formContainer button[type=submit] {padding: 10px 20px 10px 20px; background: #ee7d11; border: none; color: #fff; font-size: 1.4em; font-weight: 700; cursor:pointer } .formContainer button[type=submit] i {margin-left: 10px; } .formContainer button[type=submit] i.disabled {display: none; } .formContainer button[type=submit]:disabled {background-color: #ccc; cursor: default } .formContainer button[type=submit]:disabled i {display:none} .formContainer button[type=submit]:disabled i.disabled {display: inline-block;} .formContainer select {border: 1px solid #ccc; padding: 7px; box-sizing: border-box; } .formContainer textarea {border: 1px solid #ccc; padding: 7px; width: 100%;box-sizing: border-box; } .formContainer .error input[type=text] {border: 1px solid #f56565;; padding: 7px; width: 100%;box-sizing: border-box; } .formContainer .error input[type=password] {border: 1px solid #f56565;; padding: 7px; width: 100%;box-sizing: border-box; } .formContainer .error select {border: 1px solid #f56565;; padding: 7px; box-sizing: border-box; } .formContainer .error textarea {border: 1px solid #f56565;; padding: 7px; width: 80%;box-sizing: border-box; } .formContainer table td {padding: 2px 10px 2px 0;} .simpleForm {position: relative; width: 100%; margin: 20px auto; } .simpleForm .label {margin: 10px 0 5px 0;} .simpleForm .input {margin: 5px 0 10px 0;} .simpleForm input[type=text] {border: 1px solid #ccc; padding: 7px; width: 100%; max-width: 400px; box-sizing: border-box; } .simpleForm input[type=password] {border: 1px solid #ccc; padding: 7px; width: 100%;box-sizing: border-box; } .simpleForm input[type=submit] {padding: 10px 30px 10px 20px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; font-size: 1.4em; font-weight: 700; cursor:pointer } .simpleForm select {border: 1px solid #ccc; padding: 7px; box-sizing: border-box; } .simpleForm textarea {border: 1px solid #ccc; padding: 7px; width: 100%;box-sizing: border-box; } .simpleForm .error input[type=text] {border: 1px solid #f56565;; padding: 7px; width: 100%;box-sizing: border-box; } .simpleForm .error input[type=password] {border: 1px solid #f56565;; padding: 7px; width: 100%;box-sizing: border-box; } .simpleForm .error select {border: 1px solid #f56565;; padding: 7px; box-sizing: border-box; } .simpleForm .error textarea {border: 1px solid #f56565;; padding: 7px; width: 80%;box-sizing: border-box; } .errorMessage {margin: 2px 0 10px 0;color : #f56565;} .formContainer .input .error {} .searchForm {margin-bottom: 20px;} .searchForm input[type=text] {border: 1px solid #ccc; padding: 7px; width: 250px;box-sizing: border-box; } .searchForm input[type=submit] {padding: 8px 25px 8px 15px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; cursor:pointer } .searchForm a {display:block; margin-top: 7px;} @media screen and (max-width:550px) { .formContainer .title {padding-left: 0;} .formContainer .right {padding-left: 0; } .formContainer .submit {padding-left: 0;} .formContainer .field {} .formContainer .label {float: none; width: 100%; padding: 2px 0; text-align: left;} .formContainer .input {float: none; width: 100%;} } .listTable {width: 100%; border: none; border-collapse: collapse} .listTable td{padding: 5px; text-align:left; } .listTable td.center{text-align: center} .listTable td.right{text-align: right} .listTable thead {font-weight: 700; font-size: 0.9em} .listTable thead td {border-bottom:1px solid rgba(0,0,0,0.1); } .listTable tbody td {border-top:1px solid rgba(0,0,0,0.03); } .listTable tfoot td {border-top:1px solid rgba(0,0,0,0.1); font-weight: 700;} .listTable tbody tr:nth-child(even) td {background:rgba(0,0,0,0.02);} .listTable .title{font-size: 1.2em; font-weight: 700;} .listTable tbody tr:nth-child(even) td {background:rgba(0,0,0,0.02);} .listTable .title{font-size: 1.2em; font-weight: 700;} .listTable .ruleBottom {border-top:1px solid rgba(0,0,0,0.1)} .listTable .empty {padding: 20px 5px;} .listTable td.avatar {padding: 1px 0 1px 5px;} .listTable td.avatar i {display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #ccc; background-image: url(/templates_15/images/WH/silhouette.jpg); background-color: #eee; background-size: cover;} .listTable td.avatar i { transition: all .2s ease-in-out; } .listTable td.avatar i:hover { transform: scale(1.25); } .cartTable {width: 100%; border: none; border-collapse: collapse} .cartTable td{padding: 5px; text-align:left; vertical-align: top} .cartTable td.center{text-align: center} .cartTable td.right{text-align: right} .cartTable thead {font-weight: 700; font-size: 0.9em} .cartTable thead td {border-bottom:1px solid rgba(0,0,0,0.1); } .cartTable tbody tr.ruleBottom td{border-bottom:1px solid rgba(0,0,0,0.03); } .cartTable tfoot td {border:none; font-weight: 700;} .cartTable .title{font-size: 1.2em; font-weight: 700;} .cartTable .smallButtonLink {margin:5px 0 10px 0;} .cartTable .prodImg {width: 200px} .cartTable .prodImg img {border:none; width: 100%;} .cartTable .prodImgMissing {position:relative; display: block; height: 150px; width: 200px; overflow: hidden; text-align:center; border-bottom: 1px solid #f7f7f7l background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #eee;} .cartTable .prodImgMissing i {position: absolute; width: 50px; height: 38px; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; padding-top: 12px; border: 2px solid #ddd; color: #ddd; font-size: 28px; border-radius: 50%; text-align: center} .cartTable .prodImgMissing i:after {content:""; position: absolute; top: 50%; left: 0; margin-top: -1px; display: block; width: 100%; height: 2px; background: #ddd;transform: rotate(-45deg);} .cartTable select {border: 1px solid #ccc; padding: 4px; box-sizing: border-box; } .cartTable input[type=text] {border: 1px solid #ccc; padding: 7px; } .cartTable input[type=submit] {padding: 10px 30px 10px 20px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; font-size: 1.4em; font-weight: 700; cursor:pointer } .cartTable input[type=submit].dead {background-color: #dedede} .cartTable .field{margin:5px 0;} .cartTable .field .label {display:inline-block; padding: 7px 0; margin-right: 5px;} .cartTable .field .input {display:inline-block; } .cartTable .payLogo {display:block; margin: 10px 0;} @media screen and (max-width:750px) { .cartTable .prodImg {width: 120px} } @media screen and (max-width:550px) { .cartTable .prodImg {display:none} } .pager {margin: 10px 0;} .pager ul {position: relative; margin:0; padding: 0; list-style:none; } .pager ul li {display:block; float: left; border: 1px solid #333; margin: 1px;} .pager ul li a {display:block; float: left; padding: 5px 0 0 0 ; width: 25px; height: 20px; font-size: 0.9em; text-align: center;font-weight: normal; color: #fff; text-decoration:none; background: #333} .pager ul li a:hover {background-color: #666;} .pager ul li span {display:block; float: left; padding: 5px 0 0 0 ; width: 25px; height: 20px; font-size: 0.9em; text-align: center;font-weight: normal; color: #333; text-decoration:none; background: #fff} .pager ul li.prev a { background-image:url(../images/icon_arrow_left.gif); background-repeat:no-repeat; background-position:center} .pager ul li.next a { background-image:url(../images/icon_arrow_right.gif); background-repeat:no-repeat; background-position:center} .pager ul li.prev span { background-image:url(../images/icon_arrow_left.gif); background-repeat:no-repeat; background-position:center} .pager ul li.next span { background-image:url(../images/icon_arrow_right.gif); background-repeat:no-repeat; background-position:center} .pager ul li.dots {border: none; padding: 6px 0 0 0} .smallButtonLink{position:relative; display: inline-block; padding: 2px 13px 2px 6px; margin:1px 0; background: url(../images/icon_arrow_right_pad_sm.gif) right center no-repeat #ee7d11; border: none; color: #fff; color:rgba(255,255,255,.9); text-decoration: none; cursor:pointer } .smallButtonLink:hover{color:#fff;} .smallButtonLink.grayscale { background-color: #474747; } .largeButtonLink{position:relative; display: inline-block; padding: 9px 25px 9px 15px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; color:rgba(255,255,255,.9); font-size: 1.2em; font-weight: 700; text-decoration: none; cursor:pointer } .largeButtonLink:hover{color:#fff;} .largeButtonLinkBack{position:relative; display: inline-block; padding: 9px 15px 9px 25px; background: url(../images/icon_arrow_left.gif) 8px center no-repeat #ee7d11; border: none; color: #fff; color:rgba(255,255,255,.9); font-size: 1.2em; font-weight: 700; text-decoration: none; cursor:pointer } .largeButtonLinkBack:hover{color:#fff;} .largeButtonLink.grayscale { background-color: #474747; } .largeButtonLinkBack.grayscale { background-color: #474747; } .largeButtonLinkGrey { background-color: #aaa } .showMore {position:relative; display: inline-block; padding: 9px 15px; background: #ee7d11; border: none; color: #fff; color:rgba(255,255,255,.9); font-size: 1em; font-weight: 700; text-decoration: none; cursor:pointer } .showMore:hover {color: #fff; } .showMore:before {content:'\f0fe'; margin-right: 5px; } .showLess {position:relative; display: inline-block; padding: 9px 15px; background: #ee7d11; border: none; color: #fff; color:rgba(255,255,255,.9); font-size: 1em; font-weight: 700; text-decoration: none; cursor:pointer } .showLess:hover {color: #fff; } .showLess:before {content:'\f146'; margin-right: 5px;} .faqs {border-top: 1px solid #929292; padding-bottom:20px; background: #bbb;} .faqs .intro {padding: 20px; text-align: center} .faqs .intro .title {font-size: 2em; color: #000; font-weight: 700; margin-bottom: 5px; } .faqs .intro a {display:block; color: #f56565; text-decoration: underline; margin-top: 5px; } .faqs .main {position: relative; margin: 30px -5px 20px -5px;} .faqs .main .faq {position: relative; width: 25%; float: left; padding: 0 5px; box-sizing: border-box; text-align: left;} .faqs .main .faq a {position: relative; display:block; padding: 10px 10px 10px 40px; height: 44px; overflow: hidden; color: #333; text-decoration:none; border-color: #929292; border-style:solid; border-width: 1px 1px 1px 1px; -moz-border-radius: 4px; border-radius: 4px;} .faqs .main .faq_1 a {background: url(../images/faq/icon1.gif) 9px 13px no-repeat #fff; } .faqs .main .faq_2 a {background: url(../images/faq/icon2.gif) 8px 11px no-repeat #fff; } .faqs .main .faq_3 a {background: url(../images/faq/icon3.gif) 7px 11px no-repeat #fff; } .faqs .main .faq_4 a {background: url(../images/faq/icon4.gif) 9px 14px no-repeat #fff; } .faqs .main .faq b {display:block; height: 34px; overflow: hidden; } .faqs .main .faq::after {content:""; position:absolute; top: -7px; left: 50%; margin-left: -10px; width:21px; height: 15px; background: url(../images/faq/top.gif)} .faqs hr {margin: 20px 0; border-bottom: 1px solid #ccc} .faqs .footerReview {position: relative; } .faqs .footerReview .inner {width: 100%; } .faqs .footerReview .inner .reviewImg {width: 75px; height: 75px; border: 3px solid #888; background-color: #666; margin: 0 auto 5px auto; border-radius: 50%; background-size: cover; background-position: center} .faqs .footerReview .inner i {display: block; margin-top: 5px;} .faqs .footerReview .reviewStars {position:relative; display:block; width:200px; height: 19px; margin: 10px auto 0 auto; background: url(../images/review_star_dull.png) left repeat-x; box-sizing: border-box; color: #000; } .faqs .footerReview .reviewStars div {position: absolute; left: 0 top: 0; height: 100%; background: url(../images/review_star.png) left;} .faqs .trustedBy {position: relative; display: block text-align: center;} .faqs .trustedBy b {display:inline-block; width: 12.5%; height: 0; padding-bottom: 8%; background-positions: center; background-size: cover; background-repeat: none} .faqs .trustedBy b:nth-child(1){background-image: url(../images/corporate_logos/3m.png)} .faqs .trustedBy b:nth-child(2){background-image: url(../images/corporate_logos/police.png)} .faqs .trustedBy b:nth-child(3){background-image: url(../images/corporate_logos/kelloggs.png)} .faqs .trustedBy b:nth-child(4){background-image: url(../images/corporate_logos/hp.png)} .faqs .trustedBy b:nth-child(5){background-image: url(../images/corporate_logos/starbucks.png)} .faqs .trustedBy b:nth-child(6){background-image: url(../images/corporate_logos/hilton.png)} .faqs .trustedBy b:nth-child(7){background-image: url(../images/corporate_logos/loreal.png)} .faqs .trustedBy b:nth-child(8){background-image: url(../images/corporate_logos/vileda.png)} .faqs .trustedBy a {display: block; visibility: hidden; position: absolute; width: auto; padding: 10px ; font-size: 1.1em; color: #fff; font-weight: bold; text-decoration: none; margin: 0; background: #ee7d11 } .faqs .trustedBy a i {margin-left: 5px; } @media screen and (max-width:600px) { .faqs .trustedBy b {width: 25%; padding-bottom: 16%; } } @media screen and (max-width:900px) { .faqs .main .faq { width: 33.33%; } .faqs .main .faq:nth-child(4) {display:none;} } @media screen and (max-width:750px) { .faqs .main .faq { width: 100%; float:none; margin-top: 3px;} .faqs .main .faq:nth-child(4) {display:block;} .faqs .main .faq div {padding-left: 45px;} } ul.corporateLogos {position: relative; width: 100%; margin:20px 0; padding: 0; list-style:none} ul.corporateLogos li {position: relative; display: table; float: left; width: 20%; height: 80px; padding: 0; margin: 0; } ul.corporateLogos li div {display: table-cell; text-align: center;vertical-align: middle;} ul.corporateLogos li img {max-width:85%; max-height: 85%; } @media screen and (max-width:750px) { ul.corporateLogos li {width: 25%;} } @media screen and (max-width:500px) { ul.corporateLogos li {width: 33.3%;} .offerImage { max-width: 100% !important; width: 100% !important; } .racecourseLogo { max-width: 100% !important; width: 100% !important; } } .offerImage { float:right; max-width:500px; } .racecourseLogo { float:right; max-width:500px; } /* Favourites */ .productGroup a.favourite, .sectionGroup a.favourite {position: absolute; top: 1px; right: 6px; color: white; width: 25px; height: 24px; text-align:center; vertical-align:middle; line-height: 24px; background: rgba(0,0,0,.1); cursor: pointer; border: none; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: border-bottom-left-radius: 4px; transition:color 0.5s;} .productGroup a.favourite.hasRecent, .sectionGroup a.favourite.hasRecent { right: 31px; } .productGroup a.favourite:hover, .sectionGroup a.favourite:hover { color: #f56565; border: none;} .productGroup a.favourite.favourited, .sectionGroup a.favourite.favourited { color:#f56565; background: rgba(255,65,65,.2); } .productGroup a.favourite.favourited:hover, .sectionGroup a.favourite.favourited:hover { color: white; } .productGroup a.favourite::after, .sectionGroup a.favourite::after {display:none;} .favourites .shareBox { border: 1px solid #ccc; background-color:#f5f5f5; margin-bottom: 20px; margin-top: 20px; padding: 15px; } .favourites .shareBox input { width: 100%; height: 40px; font-size: 1.2em; border: 0px; outline-color: #ccc; margin-top: 15px; margin-bottom: 0px; border-bottom:0px; padding: 15px; box-sizing: border-box; border-top-left-radius: 5px;border-top-right-radius: 5px; } .favourites .shareIcons { width: 100%; height: 35px; list-style: none; display: block; margin:0px; padding:0px; box-sizing: border-box; } .favourites .shareIcons li { list-style: none; margin: 0px; padding: 0px; display: inline-block; width: 20%; height: 35px; box-sizing: border-box; } .favourites .shareIcons li a { display:inline-block; width: 100%; height: 100%; text-align: center; line-height: 35px; vertical-align:middle; box-sizing: border-box; color:white; font-size: 1.2em;} .favourites .shareIcons .fb { background-color: #3b5998; border-bottom-left-radius: 5px; } .favourites .shareIcons .tw { background-color: #4099FF; } .favourites .shareIcons .gp { background-color: #d34836; } .favourites .shareIcons .pi { background-color: #C92228; } .favourites .shareIcons .em { background-color: #4DB6AC; border-bottom-right-radius: 5px; } .dialogModal h1, .dialogModal h2, .dialogModal h3, .dialogModal h4, .dialogModal h5, .dialogModal h6 { margin-top: 0px; } .dialogModal input { width: 100%; height: 40px; margin-top: 15px; margin-bottom: 15px; padding: 15px; box-sizing: border-box; } .dialogModal .buttons { width: 100%; height: 50px; } .dialogModal .buttons::after { clear: both; display: inline-block; content: " "; } .dialogModal .buttons .accept { float: right; } .dialogModal .buttons .decline { float: left; } /* End Favourites */ .messageCenter { padding: 0 20px 10px 20px; } .messageCenter .message { position:relative; width: 95%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .messageCenter .message .mediumTitle {margin: 0 0 5px 0;} .messageCenter .message_G { padding:20px; margin: 0 0 10px 5%; background: #fbdfc2; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .messageCenter .message_C { padding:20px; margin: 0 5% 10px 0; background: #e5e5e5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .messageCenter .message_S { padding:20px; margin: 0 5% 10px 0; background: #bce5f5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .messageCenter .corner { position:absolute; bottom: 18px; width: 0; height: 0; border-style: solid; border-style: inset;-webkit-transform:rotate(360deg) } .messageCenter .message_G .corner { border-width: 0 20px 20px 0;right: -20px; border-color: transparent transparent #fbdfc2 transparent; } .messageCenter .message_C .corner { border-width: 0 0 20px 20px;left: -20px; border-color: transparent transparent #e5e5e5 transparent; } .messageCenter .message_S .corner { border-width: 0 0 20px 20px;left: -20px; border-color: transparent transparent #bce5f5 transparent; } .messageCenter .buttons {float: right; } .messageCenter .attachment {position: relative; padding: 5px 0 5px 45px; float: left; margin: 10px 20px 10px 0; min-height: 40px;} .messageCenter .attachment i {position: absolute; left: 0; } .messageCenter .attachment .fileType {display:block; font-size: 0.75em;} .messageCenter .message .subject { font-size:16px; font-weight: 700; } .messageCenter .message .date { font-style:italic; margin-bottom: 5px; } .messageCenter hr {border: none; margin: 10px 0; height: 1px; background: rgba(0,0,0,0.2);} .modal {position:fixed; width: 100%; height: 100%; top:0; left: 0; background: #000; background: rgba(0,0,0,0.6);display:none; z-index: 100 } .modal .modalOuter {position: absolute; width: auto; width: 80%; height: 80%; max-width: 600px; max-height: 600px; overflow:auto; left: 50%; top: 50%; border: 10px solid rgba(255,255,255,0.4); border-radius: 12px; background: url(../images/ajax-loading.gif) center no-repeat #f7f7f7;background-clip: padding-box; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); } .modal .modalOuter a.close {position:absolute; top: 0px; right: 20px; width: 41px; height: 22px; background: url(../images/icon_cross_white.gif) no-repeat center 4px #ccc; background-color: rgba(0,0,0,0.2); cursor: pointer; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .modal .modalOuter a.close:hover {background-color: #ef2d33} .modal .modalOuter .modalInner .modalImage {position: absolute; top: 0; left: 0; height: 180px; width: 100%; background-color: #ccc; background; position: center; background-repeat: no-repeat; background-size: cover;} .modal .modalOuter .modalInner .modalImage h1 {position: absolute; bottom: 20px; color: #fff; padding: 0 20px; margin: 0; width: 100%; box-sizing: border-box; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);} .modal .modalOuter .modalInner .modalImageShim {display:block; height: 180px;} .modal .modalOuter .modalInner {position: relative; padding: 25px 20px 20px 20px; height: 100%; overflow-x: hidden; overflow-y:auto; box-sizing: border-box;} .modal .modalOuter a.prevButton {position:absolute; cursor:pointer; top: 50%; left: 0; width: 50px; height: 50px; margin-top: -25px; background: url(../images/icon_arrow_left.gif) center no-repeat #ccc; background-color:rgba(0,0,0,.3); -webkit-border-bottom-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-topright: 4px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; z-index: 1} .modal .modalOuter a.prevButton:hover {background-color: #666; background-color:rgba(0,0,0,.5); } .modal .modalOuter a.nextButton {position:absolute; cursor:pointer; top: 50%; right: 0; width: 50px; height: 50px; margin-top: -25px; background: url(../images/icon_arrow_right.gif) center no-repeat; background-color:rgba(0,0,0,.3); -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; z-index: 1} .modal .modalOuter a.nextButton:hover {background-color: #666; background-color:rgba(0,0,0,.5); } .modal .modalOuter .supersizeText {position: absolute; left: 0; bottom: 0; background: #fff; background: rgba(255,255,255,0.3); padding: 10px ;} .modal .modalOuter .supersizeText .supersizeTitle {font-weight: bold; font-size: 1.2em;} .geo-locate { box-sizing:border-box; width: 100%; height: 100%; position: relative;} .geo-locate h1, .geo-locate h2, .geo-locate h3, .geo-locate h4, .geo-locate h5, .geo-locate h6 { margin-top: 0px; } .geo-locate .flag { width: 90%; margin-left: auto; margin-right: auto; height: 50%; background-position: 50% 50%; background-size: contain; background-repeat:no-repeat; } .geo-locate .bottom-bar { box-sizing:border-box; width: 100%; position: absolute; bottom: 15px; } .geo-locate .bottom-bar::after { clear:both; content: " "; display:inline-block; } .geo-locate .bottom-bar .pull-right { float: right; } .footer {background: #333; color: #fff; text-align: center; padding: 20px 0;} .footer hr{margin: 10px 0; border-top: 1px solid #222; border-bottom: 1px solid #444; border-left: none; border-right: none;} .footer .socials {font-size: 1.4em; font-weight: bold;} .footer .socials ul {margin: 10px 0; list-style: none; padding: 0;} .footer .socials ul li {position: relative; display:inline; margin:0 3px} .footer .socials ul li a {display:inline-block; width: 36px; height: 36px; overflow:hidden; color: transparent; border: 1px solid #555; background-position: center; background-repeat:no-repeat; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .footer .socials ul li a:hover {border: 1px solid #666; background-color: #373737} .footer .socials ul li a.fb{background-image: url(../images/social_icons/fb.png);} .footer .socials ul li a.gp{background-image: url(../images/social_icons/g.png);} .footer .socials ul li a.tw{background-image: url(../images/social_icons/tw.png);} .footer .socials ul li a.li{background-image: url(../images/social_icons/li.png);} .footer .socials ul li a.pi{background-image: url(../images/social_icons/pin.png);} .footer .socials ul li a.yt{background-image: url(../images/social_icons/yt.png);} .footer .socials ul li a.inst{background-image: url(../images/social_icons/inst.png);} .footer .links {margin: 10px 0;} .footer .links a {display:inline-block; color: #eee; text-decoration: none; margin: 5px 0; padding: 0 6px 0 5px; border-right: 1px solid #888; line-height: 1.4} .footer .links a:hover {color: #fff;} .footer .links a:last-child {border:none;} .footer .text {color:#ccc;} .footer .footerLogo {position:relative; height: 26px; background: url(../images/logo_white.png) center no-repeat; margin-bottom: 10px; } .footer .ccicons {height: 36px; background: url(../images/cc-icons.png) center no-repeat; background-size: contain; margin: 20px 0} .footer .seasonal h3 {margin: 15px 0; font-size: 1.2em; font-weight: 700;} .footer .seasonal {width: 16.66%; float: left;text-align: left; line-height: 1.1; padding: 0 10px 0 0; box-sizing: border-box} .footer .seasonal ul {list-style:none; margin:0; padding: 0;} .footer .seasonal ul li {margin: 12px 0;} .footer .seasonal ul li.hidden {display:none;} .footer .seasonal ul li a {color: #ccc; text-decoration:none;} .footer .seasonal ul li a:hover {color: #fff;} .footer .seasonal ul li a.allLink {20px; font-size:0.8em; text-decoration:underline; color: #aaa} .footer .seasonal ul li a.allLink:hover {color: #fff;} @media screen and (max-width:1000px) { .footer .seasonal {width: 20%; } .footer .seasonal:nth-child(6) {display:none;} } @media screen and (max-width:800px) { .footer .seasonal {width: 25%; } .footer .seasonal:nth-child(5) {display:none;} } @media screen and (max-width:650px) { .footer .seasonal {width: 33.3%; } .footer .seasonal:nth-child(4) {clear:both;} .footer .seasonal:nth-child(5) {display:block;} .footer .seasonal:nth-child(6) {display:block;} } @media screen and (max-width:500px) { .footer .seasonal {width: 50%; } .footer .seasonal:nth-child(3) {clear:both;} .footer .seasonal:nth-child(4) {clear:none;} .footer .seasonal:nth-child(5) {clear:both;} .footer .seasonal:nth-child(5) {display:block;} .footer .seasonal:nth-child(6) {display:block;} } .footer ul.flags {margin:0 auto; list-style:none; margin: 10px 0 0 0 ; padding: 0;} .footer ul.flags li {display:inline-block; margin:5px 2px;} .footer ul.flags li a { } .footer ul.flags li a img {border:none; width: 32px; } .footer .legal {margin-top:15px; font-size: 0.85em; color: #888} #chat {position:fixed; display: none; width: 160px; bottom: 20px; right: 0; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);} #chat div {position: relative; display:block; padding: 8px 30px 8px 35px; color: #fff; background: url(../images/icon_chat.png) 5px center no-repeat #ee7d11; font-weight: 700; font-size: 1.1em; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; cursor: pointer} #chat div.closed:after {content:""; position: absolute; top: 0; right: 0; width: 28px; height: 100%; background:url(../images/icon_arrow_up.gif) center no-repeat;} #chat div.open:after {content:""; position: absolute; top: 0; right: 0; width: 28px; height: 100%; background:url(../images/icon_cross_white.gif) center no-repeat; } #chat a {position: relative; display: block; background: #fff; color: #333; text-decoration: none; box-sizing: border-box; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;} #chat a:after {content:""; position:absolute; bottom: -24px; left: 50%; margin-left: -12px; width: 24px; height: 24px; background: url(../images/chat-speech-bubble.png) top no-repeat} #chat a .image {display: block; height: 60px; background-repeat: no-repeat; background-position: center; background-size: cover;} #chat a .text {display: block; padding: 10px 10px 32px 10px; } #chat a .text::after {content:""; position:absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: url(../images/icon_arrow_right.gif) center no-repeat #ee7d11;} .largeTitle {font-size: 2em; margin: 20px 0 10px 0; font-weight: 700;} .mediumTitle {font-size: 1.5em; margin: 20px 0 10px 0; font-weight: 700;} .smallTitle {font-size: 1.2em; margin: 20px 0 10px 0; font-weight: 700;} .largeTitle .fa, .mediumTitle .fa, .smallTitle .fa {color: #ee7d11; font-size: 1.6em; margin-right: 5px;} .largeTitle .favourite { font-size: 1em; float: right;} .largeTitle .favourite .fa { font-size: 1em; } .modalVideoContainer {position: fixed; display:none; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.6);z-index: 100} .modalVideoContainer .inner {position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; border: 2px solid #fff; background: #fff; box-sizing: border-box; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);} .modalVideoContainer .inner img {position: absolute;} .modalVideoContainer .inner .videoFrame {position: absolute;width: 100%; height: 100%; top: 0; left: 0; margin:0; padding:0;border:none;} .modalVideoContainer .inner a.closeButton {position:absolute; cursor:pointer; top: 0; right: 20px; width: 41px; height: 22px; background: url(../images/icon_cross_white.gif) no-repeat center 3px #ccc; background-color:rgba(0,0,0,.3); -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; z-index: 1} .modalVideoContainer .inner a.closeButton:hover {background-color: #ef2d33} .confirmAlertContainer {position:fixed; width: 100%; height: 100%; top:0; left: 0; background: rgba(0,0,0,0.6); display:none; z-index: 100} .confirmAlertContainer .outer {position: absolute; width: auto; max-height: 90%; overflow:auto; left: 50%; top: 50%; background: #fff; padding: 25px 20px 20px 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); border-radius: 2px;} .confirmAlertContainer .outer {position: relative; width: 300px;} .confirmAlertContainer .outer div.title {margin-top:0; font-size: 20px; font-weight: 700; } .confirmAlertContainer .outer a.yes {display: block; padding: 10px; margin: 10px 0; background: #ee7d11; text-align: center; text-decoration:none; color: #fff; font-size: 16px} .confirmAlertContainer .outer a.yes:hover {background: #ee7d11;} .confirmAlertContainer .outer a.no {display: block; padding: 10px; margin: 10px 0; background: #ccc; text-align: center; text-decoration:none; color: #fff; font-size: 16px} .confirmAlertContainer .outer a.no:hover {background: #bbb;} #downloadIframe {width: 1px; height: 1px; border:none;} .budgetSlider {margin-top: 10px 0;} .budgetSlider .smallTitle {margin-top: 5px; margin-bottom: 3px; } .budgetSlider .minValue {position: relative; float: left; width: 50%; text-align: left; padding-right: 5px; box-sizing: border-box; } .budgetSlider .maxValue {position: relative; float: right; width: 50%; text-align: right; padding-left: 5px; box-sizing: border-box; } .budgetSlider .budgetLabel {margin-bottom: 3px;} .budgetSlider input {display: inline-block!important; max-width: 100px;} .budgetSlider .slider {position: relative; margin: 4px 2px 0 2px; padding: 4px 0;} .budgetSlider .slider .track {display: block; position: relative; height: 12px; margin-left: -2px; margin-right: -2px; background: #ccc; border: 1px solid #bbb; border-radius: 2px;-webkit-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 4px 4px 0px rgba(0,0,0,0.1); } .budgetSlider .slider a {display: block; position: absolute; top: 0; color: #666; text-align: center; text-decoration: none; width: 20px; padding-top: 4px; height: 100%; outline: none; background: #eee; border: 1px solid #bbb; border-radius: 2px; box-sizing: border-box; } .budgetSlider .slider .trackActive {position: absolute; top: 4px; height: 14px; background: #ee7d11;} .preChatTop {min-height: 130px; padding-right: 250px; } .preChatTop h1 {margin: 0; } .preChatTop .chatImage {position: absolute; width: 300px; top: -130px; right: -75px; height: 280px; border: 5px solid #ccc; border-radius: 50%; overflow: hidden; } .preChatTop .chatImage div {position: absolute; width: 225px; left: 0; bottom: 0; height: 155px; background-repeat: no-repeat; background-size: cover; background-position: center; } .preChatTop .conversation {display:block; border: 1px solid #ccc; background: #fff; height: 60px; padding: 8px 10px; width: 100%; box-sizing: border-box; font-size: 1.1em; margin: 8px 0} .preChatTop .conversation .message {} .preChatTop .conversation .pause {font-style: italic; color: #666; display: none} .preChatForm {} .preChatForm input[type=text] {display:block; border: 1px solid #ccc; padding: 5px 10px; width: 100%; box-sizing: border-box; font-size: 1.1em; margin: 0} .preChatForm textarea {display:block; border: 1px solid #ccc; padding: 5px 10px; width: 100%; height: 50px; box-sizing: border-box; font-size: 1.1em; margin: 0} .preChatForm .field {margin: 6px 0;} .preChatForm .field .label {margin: 0 0 1px 0;} .preChatForm .field .input .left {float: left: padding-right: 5px; box-sizing: border-box;} .preChatForm .field .input .right {float: right: padding-left: 5px; box-sizing: border-box;} .preChatForm .submit {margin: 6px 0; text-align: right;} .preChatForm .submit button {position: relative; padding: 10px 30px 10px 20px; background: url(../images/icon_arrow_right_pad.gif) right center no-repeat #ee7d11; border: none; color: #fff; font-size: 1.4em; font-weight: 700; cursor:pointer } .preChatForm .submit button:after {content: ""; position: absolute; display: block; top: 1px; left: 1px; right: 1px; height: 50%; background: rgba(255,255,255,0.2) } .leftRightInner {position: relative; } .leftRightInner .left {position: relative; float: left; width: 25%; padding-right: 10px; box-sizing:border-box;} .leftRightInner .left .inner {display: block; padding: 10px; background: rgba(0,0,0,0.05); border-radius: 4px; } .leftRightInner .left .inner .mediumTitle {margin: 5px 0 ;} .leftRightInner .left .inner .field {margin: 8px 0;} .leftRightInner .left .inner input[type=text] {display:block; border: 1px solid #ccc; box-sizing: border-box; font-size: 1.1em; margin: 0} .leftRightInner .left .inner .field input[type=text] {padding: 8px 10px; width: 100%; } .leftRightInner .left .inner .budgetSlider input[type=text] {position: relative; padding: 4px 10px; width: 100%; max-width: 100px; } .leftRightInner .left .inner .field input::-webkit-input-placeholder {visibility: hidden} .leftRightInner .left .inner .field input::-moz-placeholder {visibility: hidden} .leftRightInner .left .inner .field input:-ms-input-placeholder {visibility: hidden} .leftRightInner .left .inner .field input:-moz-placeholder {visibility: hidden} .leftRightInner .left .inner .filters {margin: 20px 0;} .leftRightInner .left .inner .filters .filter {position: relative; } .leftRightInner .left .inner .filters .filter .check {position: absolute; display: block; top: 50%; margin-top: -8px; width: 14px; height: 14px; padding-top: 2px; cursor: pointer; box-sizing: border-box; background: #fff; outline: 1px solid rgba(0,0,0,0.075); font-size: 12px; text-align: center; } .leftRightInner .left .inner .filters .filter .activeCheck {right: 8px; } .leftRightInner .left .inner .filters .filter .openCheck {right: 26px; } .leftRightInner .left .inner .filters .filter .title {position: relative; margin-top: 10px; padding: 7px 20px 7px 10px; background: #ee7d11; color: #fff; font-weight: bold;-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .leftRightInner .left .inner .filters .filter .title:before {content:""; position: absolute; top: 1px; left: 1px; right: 1px; bottom: 50%; display: block; background: rgba(255,255,255,0.1);} .leftRightInner .left .inner .filters .filterInActive .title {background: #bbb; } .leftRightInner .left .inner .filters .filter .title .check i {color: #555;} .leftRightInner .left .inner .filters .filter .title .check b {color: #555;} .leftRightInner .left .inner .filters .filter .title .activeCheck i {display: block;} .leftRightInner .left .inner .filters .filter .title .activeCheck b {display: none;} .leftRightInner .left .inner .filters .filterInActive .title .check i {color: #bbb;} .leftRightInner .left .inner .filters .filterInActive .title .check b {color: #bbb;} .leftRightInner .left .inner .filters .filterInActive .title .activeCheck i {display: none;} .leftRightInner .left .inner .filters .filterInActive .title .activeCheck b {display: block;} .leftRightInner .left .inner .filters .filter .title .openCheck i {display: block;} .leftRightInner .left .inner .filters .filter .title .openCheck b {display: none;} .leftRightInner .left .inner .filters .filterClosed .title .openCheck i {display: none;} .leftRightInner .left .inner .filters .filterClosed .title .openCheck b {display: block;} .leftRightInner .left .inner .filters .filter ul {margin: 0; padding: 0; list-style: none;} .leftRightInner .left .inner .filters .filter ul li {position: relative; margin: 0; padding: 5px 20px 5px 10px; border-bottom: 1px solid #ddd;} .leftRightInner .left .inner .filters .filter ul li:last-child {border-bottom: none;} .leftRightInner .left .inner .filters .filter ul li .check i {color: #555; display: block; } .leftRightInner .left .inner .filters .filter ul li .check b {display: none; } .leftRightInner .left .inner .filters .filter ul li .check span {display: none; } .leftRightInner .left .inner .filters .filter ul li.inActive {background: rgba(255,255,255,0.5); color: rgba(0,0,0,0.3)} .leftRightInner .left .inner .filters .filter ul li.inActive .check i {display: none; } .leftRightInner .left .inner .filters .filter ul li.inActive .check b {color: #ccc; display: block; } .leftRightInner .left .inner .filters .filter ul li.inActive .check span {display: none; } .leftRightInner .left .inner .filters .filter ul li.neutral .check i {display: none; } .leftRightInner .left .inner .filters .filter ul li.neutral .check b {display: none; } .leftRightInner .left .inner .filters .filter ul li.neutral .check span {color: #555; display: block; } .leftRightInner .left .inner .filters .filter .opener {position: relative; overflow: hidden} .leftRightInner .left .inner .filters .filter .moreLink {position: absolute; display: block; left: -5px; bottom: -20px; right: -5px; height: 20px; border-top: 1px solid #ccc; text-align: center; text-decoration: none;} .leftRightInner .left .inner .filters .filter .moreLink span {position: absolute; display: block; font-size: 10px; line-height: 1; left: 50%; top: -1px; margin-left: -15px; width: 40px; height: 21px; background: #fff; border: 1px solid #ccc; -webkit-border-bottom-right-radius: 50%; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;} .leftRightInner .left .inner .filters .filter .moreLink span i {position: absolute; bottom: 1px; left: 0; width: 100%; font-size: 12px; line-height: 1 } .leftRightInner .right {position: relative; float: right; width: 75%; padding-right: 10px; box-sizing:border-box;} .leftRightInner .right .productGroupContainer {margin: 10px -5px;} .leftRightInner .right .productGroupContainer .productGroup {width: 33.33%;} .emptySearch {margin: 20px 5px; padding: 30px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 1.2em} .emptySearch i {display: inline-block; font-size: 20px; line-height: 1; padding: 4px 0 0 0 ; width: 24px; border: 3px solid #ee7d11; color: #ee7d11; border-radius: 50%; } @media screen and (max-width:900px) { .leftRightInner .left .inner .budgetSlider .budgetLabel {font-size: 0.75em} } @media screen and (max-width:750px) { .leftRightInner .left {width: 40%;} .leftRightInner .right {width: 60%;} .leftRightInner .right .productGroupContainer .productGroup {width: 50%;} } @media screen and (max-width:500px) { .leftRightInner .left {width: 50%;} .leftRightInner .right {width: 50%;} .leftRightInner .right .productGroupContainer .productGroup {width: 100%; float:none} } .field-FL {position: relative;} .field-FL input[type=text] {padding: 15px 10px 5px 10px!important;} .field-FL .label {position: absolute; top: 6px; left: 10px; font-size: 0.7em; line-height: 1; opacity: 0.75; } .field-FL .labelC {top: 50%; margin-top: -0.45em; font-size: 1em} .waiting {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display:none;} .waiting .inner {position: absolute; display: block; width: 100px; height: 100px; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; padding-top: 65px; color: #fff;font-size: 1.2em; text-align: center; box-sizing: border-box;} .waiting .inner i {position: absolute; top: 10px; left: 0; width: 100px; text-align: center; display:block; } .ctas .cta a .img3 {background-image:url(../images/cta/map_IE.jpg);}