/* Minification failed. Returning unminified contents. (9662,1): run-time error CSS1019: Unexpected token, found '}' (10813,16): run-time error CSS1035: Expected colon, found ';' */ /*! jQuery UI - v1.10.3 - 2013-11-12 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(//images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url(/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url(/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon { background-image: url(/images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/images/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); border-radius: 5px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ /* ========================================================================== Site Name ------------ Website : Plumbs Author : Prodo - Ric Carey */ /* =====================BoilerPlate==============================*/ @font-face { font-family: 'open_sansregular'; src: url("/css/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot"); src: url("/css/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff") format("woff"), url("/css/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf") format("truetype"), url("/css/fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url('/css/fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot'); src: url('/css/fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'), url('/css/fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'), url('/css/fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url("/css/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot"); src: url("/css/fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/opensans_light_macroman/OpenSans-Light-webfont.woff") format("woff"), url("/css/fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf") format("truetype"), url("/css/fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sanslight_italic'; src: url('/css/fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot'); src: url('/css/fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff') format('woff'), url('/css/fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url("/css/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot"); src: url("/css/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff") format("woff"), url("/css/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf") format("truetype"), url("/css/fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: 300; font-style: normal; } /* @font-face { font-family: 'open_sanssemibold_italic'; src: url('/css/fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot'); src: url('/css/fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/css/fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: 300; font-style: normal; } */ @font-face { font-family: 'open_sansbold'; src: url("/css/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot"); src: url("/css/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff") format("woff"), url("/css/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf") format("truetype"), url("/css/fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url('/css/fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot'); src: url('/css/fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/css/fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url("/css/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot"); src: url("/css/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff") format("woff"), url("/css/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("/css/fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg"); font-weight: 300; font-style: normal; } /* @font-face { font-family: 'open_sansextrabold_italic'; src: url('/css/fonts/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('/css/fonts/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('/css/fonts/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('/css/fonts/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: 300; font-style: normal; } */ /* =====================BolilerPlate==============================*/ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0; background: #00a0af; color: #FFF; padding: 0.5em; text-align: center; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; } .browsehappy a { color: #FFF; text-decoration: underline; font-weight: bold; } .browsehappy a:hover { color: #f26649; } /* ========================================================================== clearfix ========================================================================== */ /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /* =====================Mixins==============================*/ /* =====================Grid============================== -custom Grid framework based on Amaazimum */ /* * Prodo Custom Amazium V1.1 * Amazium V1.3 * Copyright 2012, Mike Ballan * www.amazium.co.uk */ /** * Set the spacing between your grid items. */ /***** Screen bigger than 959px *****/ .row { margin: 0 auto; width: 960px; } .row .row { margin: 0 -10px; width: auto; display: inline-block; } .grid_1 { width: 60px; margin: 0 10px 0 10px; float: left; display: block; } .grid_2 { width: 140px; margin: 0 10px 0 10px; float: left; display: block; } .grid_3 { width: 220px; margin: 0 10px 0 10px; float: left; display: block; } .grid_4 { width: 300px; margin: 0 10px 0 10px; float: left; display: block; } .grid_5 { width: 380px; margin: 0 10px 0 10px; float: left; display: block; } .grid_6 { width: 460px; margin: 0 10px 0 10px; float: left; display: block; } .grid_7 { width: 540px; margin: 0 10px 0 10px; float: left; display: block; } .grid_8 { width: 620px; margin: 0 10px 0 10px; float: left; display: block; } .grid_9 { width: 700px; margin: 0 10px 0 10px; float: left; display: block; } .grid_10 { width: 780px; margin: 0 10px 0 10px; float: left; display: block; } .grid_11 { width: 860px; margin: 0 10px 0 10px; float: left; display: block; } .grid_12 { width: 940px; margin: 0 10px 0 10px; float: left; display: block; } img.grid_1, img.grid_2, img.grid_3, img.grid_4, img.grid_5, img.grid_6, img.grid_7, img.grid_8, img.grid_9, img.grid_10, img.grid_11, img.grid_12 { display: block; } .grid_1_no_margin { width: 60px; margin: 0 10px 0 10px; float: left; display: block; } .grid_2_no_margin { width: 160px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_3_no_margin { width: 240px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_4_no_margin { width: 320px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_5_no_margin { width: 400px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_6_no_margin { width: 480px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_7_no_margin { width: 560px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_8_no_margin { width: 640px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_9_no_margin { width: 720px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_10_no_margin { width: 800px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_11_no_margin { width: 880px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_12_no_margin { width: 960px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_9_25_percent_descendants li { width: 156px; margin: 0 7px 10px 7px; float: left; } .masonary_container { width: 960px; } .custom_grid_9 { width: 680px; margin: 0 10px 0 10px; float: left; display: block; } .custom_grid_9_variant { width: 670px; } .full { width: 100%; clear: both; } .home_alt_2 .rounded { /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 4px; /* Firefox 1-3.6 */ -moz-border-radius: 4px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 4px; } .grey-border { border: 1px solid #cccccc; box-sizing: border-box; } .bg-white { background: white; } .grid-sizer { width: 80px; /* Used for Masonary */ } .offset_1 { margin-left: 90px; } .offset_2 { margin-left: 170px; } .offset_3 { margin-left: 250px; } .offset_4 { margin-left: 330px; } .offset_5 { margin-left: 410px; } .offset_6 { margin-left: 490px; } .offset_7 { margin-left: 570px; } .offset_8 { margin-left: 650px; } .offset_9 { margin-left: 730px; } .offset_10 { margin-left: 810px; } .offset_11 { margin-left: 890px; } /***** Lap (Smaller than 959px) *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .offer a img { width: 100%; height: auto; } .row { margin: 0 auto; width: 768px; } .row .row { margin: 0 -10px; width: auto; display: inline-block; } .grid_1, .tablet_grid_1 { width: 44px; margin: 0 10px 0 10px; float: left; display: block; } .grid_2, .tablet_grid_2 { width: 108px; margin: 0 10px 0 10px; float: left; display: block; } .grid_3, .tablet_grid_3 { width: 172px; margin: 0 10px 0 10px; float: left; display: block; } .grid_4, .tablet_grid_4 { width: 236px; margin: 0 10px 0 10px; float: left; display: block; } .grid_5, .tablet_grid_5 { width: 300px; margin: 0 10px 0 10px; float: left; display: block; } .grid_6, .tablet_grid_6 { width: 364px; margin: 0 10px 0 10px; float: left; display: block; } .squeeze-visit-request { height: 609px !important; } .grid_7, .tablet_grid_7 { width: 428px; margin: 0 10px 0 10px; float: left; display: block; } .grid_8, .tablet_grid_8 { width: 492px; margin: 0 10px 0 10px; float: left; display: block; } .grid_9, .tablet_grid_9 { width: 556px; margin: 0 10px 0 10px; float: left; display: block; } .grid_10, .tablet_grid_10 { width: 620px; margin: 0 10px 0 10px; float: left; display: block; } .grid_11, .tablet_grid_11 { width: 684px; margin: 0 10px 0 10px; float: left; display: block; } .grid_12, .tablet_grid_12 { width: 748px; margin: 0 10px 0 10px; float: left; display: block; } .grid_1_no_margin { width: 44px; margin: 0 10px 0 10px; float: left; display: block; } .grid_2_no_margin { width: 128px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_3_no_margin { width: 192px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_4_no_margin { width: 256px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_5_no_margin { width: 320px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_6_no_margin { width: 384px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_7_no_margin { width: 448px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_8_no_margin { width: 512px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_9_no_margin { width: 576px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_10_no_margin { width: 640px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_11_no_margin { width: 704px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid_12_no_margin { width: 768px; margin: 0 10px 0 10px; float: left; display: block; margin: 0; } .grid-sizer { width: 64px; /* Used for Masonary */ } .custom_grid_9 { width: 536px; margin: 0 10px 0 10px; float: left; display: block; } .offset_1 { margin-left: 74px; } .offset_2 { margin-left: 138px; } .offset_3 { margin-left: 202px; } .offset_4 { margin-left: 266px; } .offset_5 { margin-left: 330px; } .offset_6 { margin-left: 394px; } .offset_7 { margin-left: 458px; } .offset_8 { margin-left: 522px; } .offset_9 { margin-left: 586px; } .offset_10 { margin-left: 650px; } .offset_11 { margin-left: 714px; } /* Custom grid pieces */ .lap_grid_5 { width: 300px; margin: 0 10px 0 10px; float: left; display: block; } .lap_grid_4 { width: 236px; margin: 0 10px 0 10px; float: left; display: block; } .grid_1 .max_width_fill, .grid_2 .max_width_fill, .grid_3 .max_width_fill, .grid_4 .max_width_fill, .grid_5 .max_width_fill, .grid_6 .max_width_fill, .grid_7 .max_width_fill, .grid_8 .max_width_fill, .grid_9 .max_width_fill, .grid_10 .max_width_fill, .grid_11 .max_width_fill, .grid_12 .max_width_fill { width: 100%; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .masonary_container { width: 768px; } } @media only screen and (max-width: 959px) { img.grid_1, img.grid_2, img.grid_3, img.grid_4, img.grid_5, img.grid_6, img.grid_7, img.grid_8, img.grid_9, img.grid_10, img.grid_11, img.grid_12 { height: auto; } } /***** Palm (Smaller than 768px) *****/ @media only screen and (max-width: 767px) { .row { margin: 0 auto; width: 96%; } .row .row { margin: 0; width: auto; display: inline-block; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_1_no_margin, .grid_2_no_margin, .grid_3_no_margin, .grid_4_no_margin, .grid_5_no_margin, .grid_6_no_margin, .grid_7_no_margin, .grid_8_no_margin, .grid_9_no_margin, .grid_10_no_margin, .grid_11_no_margin, .grid_12_no_margin { width: 100%; margin: 10px 0; overflow: hidden; float: left; display: inline; } .offset_1, .offset_2, .offset_3, .offset_4, .offset_5, .offset_6, .offset_7, .offset_8, .offset_9, .offset_10, .offset_11 { margin-left: 0; } .grid-sizer { width: 100%; /* Used for Masonary */ } .masonary_container { width: 100%; } .white_content_wrap > .grid_1, .white_content_wrap > .grid_2, .white_content_wrap > .grid_3, .white_content_wrap > .grid_4, .white_content_wrap > .grid_5, .white_content_wrap > .grid_6, .white_content_wrap > .grid_7, .white_content_wrap > .grid_8, .white_content_wrap > .grid_9, .white_content_wrap > .grid_10, .white_content_wrap > .grid_11, .white_content_wrap > .grid_12 { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .custom_grid_9 { width: 95%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .row_padding { padding: 30px 0; } .row_padding_bottom { padding: 0 0 30px 0; } .margin_auto { margin: 0 auto; float: none; overflow: hidden; } /*=====================Typeography Styles============================== - used for base text styling */ .red { color: #981f3b; } .home_alt_2 .red-btn { font-size: 19px; display: inline-block; padding: 5px 16px; } .home_alt_2 .red-btn ~ .chevron { margin-top: 10px; padding-right: 10px; margin-left: 0; } .bg-red { background: #981f3b; } .prestige_purple { color: #3f304c !important; } .button { border: 0; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; display: inline-block; vertical-align: middle; padding: 10px; background: #a42b47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a42b47), color-stop(100%, #8b122e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* IE10+ */ background: linear-gradient(to bottom, #a42b47 0%, #8b122e 100%); /* W3C */ text-decoration: none; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); position: relative; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); } .button:hover { background: #8b122e; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #8b122e 0%, #a42b47 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #8b122e), color-stop(100%, #a42b47)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8b122e 0%, #a42b47 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8b122e 0%, #a42b47 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8b122e 0%, #a42b47 100%); /* IE10+ */ background: linear-gradient(to bottom, #8b122e 0%, #a42b47 100%); /* W3C */ text-decoration: none; } .button, .button:hover, .button:active, .button:focus, .button:visited { color: #FFFFFF; } .grey_btn { background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #dadada 100%); /* W3C */ /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/ text-shadow: 1px 1px 0px rgba(61, 61, 61, 0.1); } .grey_btn:hover { background: #dadada; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #dadada 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #dadada), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dadada 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dadada 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dadada 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dadada 0%, white 100%); /* W3C */ } .prestige_button { background: #53465d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzNDY1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTJkNDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #53465d 0%, #392d44 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53465d), color-stop(100%,#392d44)); background: -webkit-linear-gradient(top, #53465d 0%,#392d44 100%); background: -o-linear-gradient(top, #53465d 0%,#392d44 100%); background: -ms-linear-gradient(top, #53465d 0%,#392d44 100%); background: linear-gradient(to bottom, #53465d 0%,#392d44 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53465d', endColorstr='#392d44',GradientType=0 ); text-shadow: 1px 1px 0px rgba(61, 61, 61, 0.1); } .prestige_button:hover, .prestige_button:focus { background: #392d44; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5MmQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzQ2NWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #392d44 0%, #53465d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#392d44), color-stop(100%,#53465d)); background: -webkit-linear-gradient(top, #392d44 0%,#53465d 100%); background: -o-linear-gradient(top, #392d44 0%,#53465d 100%); background: -ms-linear-gradient(top, #392d44 0%,#53465d 100%); background: linear-gradient(to bottom, #392d44 0%,#53465d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#392d44', endColorstr='#53465d',GradientType=0 ); } .gold-btn { background: #c9b780 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #c9b780 0%, #b19f69 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c9b780), color-stop(100%, #b19f69)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c9b780 0%, #b19f69 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c9b780 0%, #b19f69 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c9b780 0%, #b19f69 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #c9b780 0%, #b19f69 100%) !important; /* W3C */ /*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);*/ text-shadow: 1px 1px 0px rgba(61, 61, 61, 0.1); } .gold-btn:hover { background: #b19f69 !important; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #b19f69 0%, #c9b780 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b19f69), color-stop(100%, #c9b780)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b19f69 0%, #c9b780 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b19f69 0%, #c9b780 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b19f69 0%, #c9b780 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #b19f69 0%, #c9b780 100%) !important; /* W3C */ } .grey_btn, .grey_btn:hover, .grey_btn:active, .grey_btn:focus, .grey_btn:visited { color: #555555; } .button:active { margin-top: 3px; padding-bottom: 8px; } .button .chevron { font-family: 'open_sansextrabold', Arial, sans-serif; font-weight: 300; background: url("/images/retina/sprite@2x.png") no-repeat -4px -4px; background-size: 300px 300px; width: 10px; height: 15px; display: block; float: right; margin-left: 10px; margin-top: 2px; } .button .btn_text { float: left; } h1 { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } h2, h3, h4, h5, h6, h7, h8, h9 { font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } h1 { font-size: 2.14286em; } h2 { font-size: 1.71429em; } h3 { font-size: 1.28571em; } h4 { font-size: 1em; } h5 { font-size: 0.85714em; } h6 { font-size: 0.71429em; } .centre { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .font-alternative { font-family: 'Fjord One', serif; font-weight: 300; } .font-alternative .bold { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-weight: bold; } .font-light { font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; } .font-regular { font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } .semibold { font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .bold { font-family: 'open_sansbold', Arial, sans-serif; font-weight: 300; } .main_grid { float: right; } .main_content_area { font-size: 0.875em; } .big-white { font-size: 2.1em; font-family: 'open_sanslight_italic', Arial, sans-serif; color: white; line-height: 1.3; } .home_alt_2.ppc .big-white { letter-spacing: 2px; } .center-margin { margin: 0 auto; } .no-float { float: none; } .big-white i { font-style: normal; } .big-white span { font-family: 'open_sansbold_italic', Arial, sans-serif; } .italic { font-family: 'open_sansitalic', Arial, sans-serif; } .text-middle { text-align: center; } .full-height { height: 100% !important; } .full-width { width: 100% !important; } .right { float: right; } .left { float: left; } .no-bot-pad { padding-bottom: 0 !important; } .no-right-pad { padding-right: 0 !important; } .no-left-pad { padding-left: 0 !important; } .no-bot-margin { margin-bottom: 0 !important; } .no-right-margin { margin-right: 0 !important; } .no-left-margin { margin-left: 0 !important; } h1.red .pre-title { display: block; color: #555555; font-size: 0.6em; margin-bottom: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a, h9 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover, h8 a:hover, h9 a:hover { text-decoration: underline; } h1 a.red, h2 a.red, h3 a.red, h4 a.red, h5 a.red, h6 a.red, h7 a.red, h8 a.red, h9 a.red { color: #981f3b; } /*defualt styles for umbraco content areas*/ .rich-text-area ul { padding: 0; padding-left: 10px; } .rich-text-area ul li { list-style-type: none; background-image: url("/images/bullet.png"); background-repeat: no-repeat; background-position: 0 0.5em; padding-top: 2px; padding-left: 25px; margin-bottom: 10px; display: block; } .rich-text-area ul li > h1:first-child, .rich-text-area ul li > h2:first-child, .rich-text-area ul li > h3:first-child, .rich-text-area ul li > h4:first-child, .rich-text-area ul li > h5:first-child { margin-top: 0; } .rich-text-area h1, .rich-text-area h2, .rich-text-area h3, .rich-text-area h4, .rich-text-area h5, .rich-text-area h6, .rich-text-area h7, .rich-text-area h8, .rich-text-area h9 { color: #981f3b; margin: 20px 0 10px; clear: both; } .rich-text-area p, .rich-text-area ul li, .rich-text-area blockquote { line-height: 1.85em; } .rich-text-area blockquote { position: relative; padding: 30px; margin: 0; display: block; overflow: hidden; } .rich-text-area blockquote:before, .rich-text-area blockquote:after { position: absolute; font-size: 70px; font-family: georgia; color: #981f3b; display: block; line-height: normal; } .rich-text-area blockquote:before { top: 0; left: 0; content: "\201C"; } .rich-text-area blockquote:after { bottom: -20px; right: 0; content: "\201D"; } .rich-text-area > h1:first-child, .rich-text-area > h2:first-child, .rich-text-area > h3:first-child { margin-top: 0; } .rich-text-area b, .rich-text-area strong { font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .rich-text-area img { max-width: 100%; height: auto; border: 1px solid #DBD7D4; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rich-text-area .img_float_left, .rich-text-area .macro_item.float_left { float: left; margin: 10px; margin-left: 0px !important; } .rich-text-area .img_float_right, .rich-text-area .macro_item.float_right { float: right; margin: 10px; margin-right: 0px !important; } .rich-text-area table { width: 100%; } .rich-text-area table tr td, .rich-text-area table tr th { border: 1px solid #DBD7D4; font-weight: 300; padding: 10px; vertical-align: top; } .rich-text-area table tr td P:first-child, .rich-text-area table tr th P:first-child { margin-top: 0; } .rich-text-area table tr td p:last-child, .rich-text-area table tr th p:last-child { margin-bottom: 0; } .rich-text-area table tr th { background-color: #F6F5F3; } .rich-text-area .half_col { width: 50%; float: left; } .rich-text-area .half_col h3 { text-align: center; } .rich-text-area .video_icon, .rich-text-area .camera_icon { margin-top: 20px; background-color: #F0F0F0; } .rich-text-area .video_link, .rich-text-area .pic_thumb { width: 29%; padding: 2%; float: left; text-decoration: none; font-size: 0.85714em; text-align: center; display: block; } .rich-text-area .video_link:hover, .rich-text-area .pic_thumb:hover { text-decoration: underline; } .rich-text-area .video_link:last-child, .rich-text-area .pic_thumb:last-child { margin-right: 0; } .rich-text-area .video_link img, .rich-text-area .pic_thumb img { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .rich-text-area .mini_slider ul li { background-image: none; } .rich-text-area .mini_slider .controls .pager a { background-color: #CF8D9B; } .rich-text-area .mini_slider .controls .pager .active { background-color: #A75061; } .rich-text-area .accordion { border-top: 1px solid #CCCCCC; clear: both; } .rich-text-area .accordion .acc_item { border-bottom: 1px solid #CCCCCC; } .rich-text-area .accordion .acc_item .acc_title { padding: 10px 0; font-size: 1.28571em; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; overflow: hidden; cursor: pointer; } .rich-text-area .accordion .acc_item .acc_title .sprite { display: block; float: right; margin-right: 10px; margin-top: 10px; } .rich-text-area .accordion .acc_item .acc_content { display: none; } .rich-text-area .accordion.clean { border: 1px solid #CCCCCC; } .rich-text-area .accordion.clean .acc_item { border-bottom: 0; } .rich-text-area .accordion.clean .acc_item.toggled .acc_title { border-bottom: 1px solid #CCCCCC; } .rich-text-area .accordion.clean .acc_title, .rich-text-area .accordion.clean .acc_content { padding: 0 15px; } .rich-text-area .accordion.clean .acc_title { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #CCCCCC; font-family: 'open_sanssemibold', Arial, sans-serif; font-size: 1.2em; } .rich-text-area .accordion.clean .sprite { background: url("/images/acc-clean-arrows.png") no-repeat; height: 10px; width: 10px; background-position: 0 -12px; } .rich-text-area .accordion.clean .acc_item.toggled .sprite { background-position: 0 0; } .rich-text-area .accordion.clean .acc_item:first-of-type .acc_title { border-top: 0; } .rich-text-area .macro_mini_slider { width: 340px; float: left; margin: 10px; } .rich-text-area .macro_mini_slider ul li { width: 100%; padding: 0; } .rich-text-area .float_left > .macro_mini_slider { margin-left: 0; } .rich-text-area .float_right > .macro_mini_slider { margin-right: 0; } .rich-text-area .macro_img_gal.float_left + ul { overflow: hidden; } .rich-text-area .macro_item .video_thumbnail img { -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .rich-text-area .event-calendar { padding: 0; margin: 0; } .rich-text-area .event-calendar li { background-image: none; padding: 0; margin: 0; } .rich-text-area .pagination { padding: 0; margin: 0; } .rich-text-area .pagination li { background-image: none; margin: 5px; padding: 0; } .lt-ie9 .rich-text-area, .no-backgroundsize .rich-text-area { /*ul li { background-image: url('/images/bullets.png'); }*/ } .lt-ie9 .rich-text-area .tick_list li, .no-backgroundsize .rich-text-area .tick_list li { background-image: none; } .lt-ie9 .rich-text-area .sbOptions li, .no-backgroundsize .rich-text-area .sbOptions li { background: none; } .box_button { border: 3px solid #F3F3F3; background-color: #FFFFFF; display: block; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); text-decoration: none; padding: 5px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 10px; } .box_button:hover { background-color: #F3F3F3; border-color: #FFFFFF; } .main_content_area > .padder > .region_map:first-child + h1 { margin-top: 0; } .grid_9 .padder .rich-text-area img { max-width: 680px; height: auto; } .custom_grid_9 .rich-text-area img { max-width: 675px; height: auto; } @media only screen and (max-width: 959px) { .rich-text-area iframe { width: 90%; margin: 0 auto; display: block; } .add_to_calender { display: none; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .custom_grid_9 .rich-text-area img { max-width: 530px; height: auto; } .grid_9 .padder .rich-text-area img { max-width: 536px; } } @media only screen and (max-width: 767px) { .grid_9 .padder .rich-text-area img, .grid_9 .padder .rich-text-area img, .custom_grid_9 .rich-text-area img { max-width: 100%; width: auto; height: auto; display: block; } /*over rule the widths being set in umbraco*/ .rich-text-area > ul { width: auto !important; } .rich-text-area > ul > li { width: auto; } .custom_grid_9 .rich-text-area img { max-width: 250px; } } /*===================== Prestige Range ==============================*/ .prestige_heading { width: 256px; height: 111px; margin: 0 auto !important; display: block; background: url('/images/prestige_logo.jpg') no-repeat top left; text-indent: -9999em; } .center { text-align: center; } .no-overflow { overflow: hidden; } .prestige_offer_banner { position: relative; display: block; margin: 0 auto; max-width: 881px; max-height: 328px; } .prestige_offer_banner > div { position: absolute; left: 5px; right: 5px; bottom: 5px; background: url(/images/white80.png) repeat top left; padding: 20px; } .rich-text-area .fabric_listing li { margin-bottom: 20px; padding-top: 0; padding-left: 0; } .rich-text-area .fabric_listing li:nth-child(3n + 1) { clear: none; } .rich-text-area .fabric_listing li:hover { background-color: #3f304c; } .rich-text-area .fabric_listing li:hover .title:after { border-bottom-color: #3f304c; } .prestige_padder .rich-text-area img { border: 0; padding: 0; } /*=====================Global Styles============================== - used for global template - base css Styling for elements */ /* custom Reset */ html, body { background-color: #F2F2F2; margin: 0; padding: 0; font-size: 16px; min-height: 100%; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; text-rendering: optimizeLegibility; } a { text-decoration: underline; } a:hover, .telephone, .telephone:hover { text-decoration: none; } a, a:visited, a:focus, a:active, a:hover, .telephone, .telephone:hover { color: #555555; } /* Base Styles */ .sprite { display: block; } .grey_divider { height: 1px; width: 100%; background-color: #B5B4B2; -webkit-box-shadow: 0px 0px 2px 0px #bfbfbf; -moz-box-shadow: 0px 0px 2px 0px #bfbfbf; box-shadow: 0px 0px 2px 0px #bfbfbf; margin: 10px 0; } .outer_wrapper { max-width: 1400px; width: 100%; margin: 0 auto; background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); color: #555555; height: 100%; display: table; } .overall_wrapper { max-width: 1400px; width: 100%; margin: 0 auto; display: block; height: 100%; } .expander { display: table-row; height: auto; background-color: #EEEEEE; } .text-center { text-align: center; } /* .lt-ie9 .outer_wrapper { width: 960px; }*/ .lt-ie8 { /*fix sticky footer*/ min-height: 100%; } .lt-ie8 .outer_wrapper { position: relative; min-height: 100%; height: auto; overflow: hidden; display: block; } .lt-ie8 .expander { display: block; } .lt-ie8 footer { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; display: block; height: auto; } .wrapper { width: 960px; overflow: hidden; margin: 0 auto; } .clear { clear: both; } .home_alt_2 .alt-home-module-wrapper .inner { padding: 40px 30px; } #contact-container .inner, .large-pad.inner { padding: 40px 70px !important; } @media only screen and (max-width: 768px) { #contact-container .inner, .large-pad.inner { padding: 30px !important; } } .home_alt_2 .alt-home-module-wrapper .inner-max { padding: 55px 60px; } .home_alt_2 .alt-home-module-wrapper .full { margin: 20px 0; display: inline-block; overflow: hidden; } .home_alt_2 h2.com-h2 { margin: 0; font-size: 24px; font-family: 'open_sanssemibold', Arial, sans-serif; } .home_alt_2 .pa-text { margin-top: 0.9em; margin-bottom: 0.8em; color: #555555; font-size: 0.9em; line-height: 1.6em; font-family: 'open_sanslight', Arial, sans-serif; } .home_alt_2 #price-from-container { cursor: pointer; display: block; text-decoration: none; } .home_alt_2 #price-from-container img { /*height: 60%;*/ height: 140px; } .home_alt_2 .price-from { font-size: 1.2em; margin: 0; font-family: 'open_sanslight', Arial, sans-serif; } .home_alt_2 .outline-pad { text-align: center; padding: 10px; border: 2px solid #981f3b; } .wrapper_padded { padding-left: 10px; padding-right: 10px; width: 940px; } nav ul { display: block; padding: 0; margin: 0; overflow: hidden; } nav.main_menu ul { overflow: visible; } nav ul li { display: block; padding: 0; margin: 0; list-style: none; float: left; } nav ul li a, nav ul li a:hover, nav ul li a:focus, nav ul li a:visited, nav ul li a:active { display: block; text-decoration: none; float: left; } nav ul li .divider { display: block; float: left; margin-left: 15px; margin-right: 15px; } /* Header */ header { padding-top: 15px; position: relative; z-index: 99999; background-color: #FFFFFF; } header .logo { display: block; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; font-size: 0.875em; text-decoration: none; margin-top: 10px; padding-bottom: 10px; } header .logo img { margin-bottom: 6px; display: block; width: 194px; height: auto; } header .logo .logo_slogan { font-family: 'open_sanssemibold', Arial, sans-serif; font-size: 14px; font-weight: 300; -webkit-text-stroke: 0; margin-top: 0; } .mini_menu { float: right; font-size: 0.75em; } .mini_menu ul li a:hover { text-decoration: underline; } .main_menu { border-top: 1px solid #d8d7d5; border-bottom: 1px solid #C4C4C4; background-color: #f3ecd3; margin-top: 15px; position: relative; -webkit-box-shadow: 0px 1px 2px 0px #bfbfbf; -moz-box-shadow: 0px 1px 2px 0px #bfbfbf; box-shadow: 0px 1px 2px 0px #bfbfbf; } .main_menu:before, .main_menu:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .main_menu:before { display: block; top: -1px; background-color: #C4C4C4; } .main_menu:after { bottom: -1px; background-color: #d8d7d5; } .main_menu .wrapper { overflow: visible; } .main_menu ul { float: left; padding: 0; font-size: 0.875em; } .main_menu ul li { position: relative; padding-top: 10px; padding-bottom: 10px; } .main_menu .wrap_around { margin: -5px 0; padding: 0; background: #a42b47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a42b47), color-stop(100%, #8b122e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* IE10+ */ background: linear-gradient(to bottom, #a42b47 0%, #8b122e 100%); /* W3C */ /*look how nice it looks with the red gradient*/ background: #ddcc97; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #ddcc97 0%, #c0ae78 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddcc97), color-stop(100%, #c0ae78)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ddcc97 0%, #c0ae78 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ddcc97 0%, #c0ae78 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ddcc97 0%, #c0ae78 100%); /* IE10+ */ background: linear-gradient(to bottom, #ddcc97 0%, #c0ae78 100%); /* W3C */ -moz-border-radius: 4px 4px 4px 0px; border-radius: 4px 4px 4px 0px; position: relative; overflow: visible; -webkit-box-shadow: 0px 1px 2px 0px #bfbfbf; -moz-box-shadow: 0px 1px 2px 0px #bfbfbf; box-shadow: 0px 1px 2px 0px #bfbfbf; } .main_menu .wrap_around li { padding-top: 15px; padding-bottom: 15px; } .main_menu .wrap_around:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #c0ae78; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #c0ae78 0%, #a89b70 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c0ae78), color-stop(100%, #a89b70)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c0ae78 0%, #a89b70 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c0ae78 0%, #a89b70 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c0ae78 0%, #a89b70 100%); /* IE10+ */ background: linear-gradient(to bottom, #c0ae78 0%, #a89b70 100%); /* W3C */ -moz-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; } .main_menu .wrap_around:after { position: absolute; content: ""; left: -5px; bottom: 0px; width: 5px; height: 5px; background-color: #660B1E; /*for plumb grad*/ background-color: #a79048; -moz-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px; } .main_menu .wrap_around a { color: #FFFFFF; } .main_menu ul .first-child a { padding-left: 13px; } .main_menu .wrap_around .last-child a { padding-right: 13px; } .main_menu ul .last-child .divider { margin-right: 8px; } .main_menu ul li .divider { margin-left: 14px; margin-right: 14px; } .main_menu .wrap_around .last-child .divider { display: none; } .main_menu .wrap_around li .divider { color: #FFFFFF; } .main_menu a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } .main_menu .wrap_around a { font-family: 'open_sanssemibold', Arial, sans-serif; } .main_menu .wrap_around .mega_menu a { font-family: 'open_sansregular', Arial, sans-serif; } .main_menu a:hover { color: #981f3b; } .main_menu .product_menu_link { display: none; } @media only screen and (max-width: 767px) { .main_menu .product_menu_link { display: block; } } /*Mega Menu Styling*/ .mega_menu { position: absolute; display: block; background: #fdfdfd; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #fdfdfd), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #fdfdfd 0%, #e5e5e5 100%); /* W3C */ top: 100%; margin-top: 15px; /*Account for padding etc on anchor*/ margin-left: -15px; /*Account for padding etc on anchor*/ padding: 20px; border: 1px solid #C4B27B; border-top-width: 0; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; overflow: hidden; white-space: nowrap; z-index: 19; width: 680px; } .mega_menu .mega_menu_img { display: inline-block; float: none; margin-top: -1.28571em; margin-left: 10px; } .mega_menu ul { float: none; display: inline-block; margin-top: 5px; width: 470px; vertical-align: top; } .mega_menu ul li { width: 195px; float: left; padding: 5px 5px 5px 15px !important; margin-right: 5px; border-right: 2px dotted #C6C6C6; background-image: url(/images/retina/arrow.png); background-position: 5px 10px; background-size: 3px 5px; background-repeat: no-repeat; white-space: normal; } .main_menu .wrap_around .mega_menu .title { background-image: url(/images/retina/arrow.png); background-position: 5px 10px; background-size: 3px 5px; background-repeat: no-repeat; padding-left: 13px; } .main_menu ul .first-child .title a { padding-left: 0; } .mega_menu ul li a { color: #555555; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } .main_menu .wrap_around .mega_menu .title { font-size: 1.28571em; } .main_menu .wrap_around .mega_menu .title a { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1em; color: #555555; float: none; } .main_menu .wrap_around .mega_menu ul li a { color: #555555; } .main_menu .wrap_around .mega_menu ul li a:hover, .main_menu .wrap_around .mega_menu .title a:hover { text-decoration: underline; } .main_menu ul .first-child .mega_menu li a { padding-left: 0; } .mega_menu_wrapper { display: none; } .main_menu .menu-expanded .mega_menu_wrapper { display: block; } .first-child .mega_menu_arrow, .last-child .mega_menu_arrow { margin-left: -10px; } .first-child .mega_menu_wrapper { padding-left: 15px; } .mega_menu_arrow { z-index: 20; top: 100%; margin-top: 0px; /*Account for padding etc on anchor*/ content: ""; position: absolute; width: 0; left: 50%; margin-left: -20px; /*-15 for padding and then 5 for arrow*/ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #AC9E71; } .wrap_around .mega_menu_arrow { border-top: 5px solid #AC9E71; } .wrap_around .mega_menu { -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; border-top-width: 1px; margin-top: 0px; } #search_toggle, .search_form button .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -5px -65px; background-size: 300px 300px; width: 16px; height: 16px; text-indent: -99999px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; display: block; } #search_toggle:hover { background-position: -30px -65px; } .search_form button .sprite { background-position: -55px -65px; } #search_toggle { cursor: pointer; } .header_search_form { position: absolute; top: 140%; right: 0; display: none; } .header_search_form input { background: white; border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 30px 10px 10px; font-size: 16px; outline: none; border: 3px solid #D8D8D8; } .header_search_form button { position: absolute; top: 12px; right: 10px; width: 20px; height: 20px; background: url(/images/sprite.png) -28px -63px; border: 0; } header .promoted_text { text-align: right; font-size: 0.9375em; padding-top: 15px; } header .promoted_text .main_call_to_action { margin-top: 15px; font-size: 1.46667em; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .home_alt_2 header .promoted_text .main_call_to_action { margin-top: 0px; font-family: 'open_sanslight', Arial, sans-serif; } .home_alt_2 header .promoted_text .main_call_to_action .button { font-size: 0.8em; display: inline-block; padding: 15px 25px; /*margin-top: 10px;*/ } .home_alt_2.header-fix header .promoted_text .main_call_to_action .button { float: none; } .home_alt_2.header-fix header .promoted_text .main_call_to_action .action { padding-top: 0 !important; } header .promoted_text .main_call_to_action .button { font-size: 0.63636em; margin-left: 10px; float: right; display: block; z-index: 1000; } .ppc header .promoted_text .main_call_to_action .button { float: none; } .home_alt_2 header .promoted_text .main_call_to_action .button b { font-family: 'open_sanssemibold', Arial, sans-serif; font-size: 1.1em; } .home_alt_2 header .promoted_text .main_call_to_action .button .chevron { margin-top: 5px; } header .promoted_text .main_call_to_action .action { position: relative; display: block; padding-top: 5px; } .home_alt_2 header .promoted_text .main_call_to_action .action { font-family: 'open_sanssemibold', Arial, sans-serif; margin: 10px 0 0 0; font-size: 0.8em; padding-top: 15px; } .ppc.home_alt_2 header .promoted_text .main_call_to_action .action { padding-top: 5px; } .ppc header .mini_menu, .home_alt_2 header .mini_menu { display: none; } /*Search Form*/ .search_form { padding: 10px; padding-right: 0; text-align: right; } .search_form .button { padding: 5px; border: 3px solid #CBC5A5; } /*form*/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #555555; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #555555; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #555555; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #555555; opacity: 1; } input, textarea { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 20px; padding: 5px; color: #555555; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; font-size: 16px; } textarea { height: 50px; resize: none; } .glow_button { -webkit-box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.3); box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.3); } .search_form input, .consultant_search_form input { border-color: #CBC5A5; height: 16px; } .search_form input { border: 3px solid #CBC5A5; } .sbSelector { border: 3px solid #D8D8D8; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 20px; padding: 5px; background-color: #FFFFFF; display: block; text-decoration: none; } .sbHolder { font-size: 0.85714em; position: relative; } .sbToggle { position: absolute; right: 3px; top: 3px; border-left: 3px solid #D8D8D8; width: 30px; height: 30px; } .sbToggle:after { content: ""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #D8D8D8; border-bottom: 0; position: absolute; top: 50%; right: 50%; margin-right: -5px; margin-top: 0px; } .sbToggleOpen:after { border-bottom: 5px solid #D8D8D8; border-top: 0; } .sbOptions { position: relative; margin: 0; margin-top: -21px; margin-bottom: 30px; padding: 0 !important; left: 0; right: 0; z-index: 9999; } .sbOptions li { list-style: none; display: block; margin: 0; background-color: #FFFFFF; border: 3px solid #D8D8D8; border-top: 0; float: none; } .sbOptions li a { text-decoration: none; display: block; padding: 5px; } .sbOptions li:hover { background-color: #EEEEEE; } .sbOptions li:last-child { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .rich-text-area .sbOptions li { background: white; list-style-type: none; margin: 0; padding: 0; } .input-validation-error { border-color: #981f3b; } .field-validation-valid { display: none; } .validation-summary-valid { display: none; } .field-validation-error, .postcode_search .field-validation-error, .postcode_search .field-validation-error span { display: block; clear: both; color: #981f3b; font-size: 1em; } .grid_9 button, .grid_9 .main_cta_form .form button { float: right; width: auto; } .grid_9 .submit-row, .grid_12 .submit-row { height: 60px; float: left; } .grid_9 .main_cta_form .form .submit-row { width: 335px; } .grid_12 .main_cta_form .form button { float: left; width: auto; margin-top: 20px; } .contourPageName { display: none; } .grid_12 .main_cta_form .form .radiobuttonlist label { float: left; width: 100%; } .grid_12 .main_cta_form .form .radiobuttonlist .radio_btn_list_holder { clear: none; float: left; width: 220px; } .grid_12 .main_cta_form .form .radiobuttonlist .radio_btn_list_holder label { width: auto; } fieldset { border: 0; margin: 0; padding: 0; } .main_cta_form .form .checkbox_row ul { list-style: none; margin: 0; padding: 0; } .main_cta_form .form .checkbox_row ul li { margin: 0; padding: 0; width: 50%; float: left; margin-bottom: 10px; background-image: none; } .main_cta_form .form .checkbox_row ul li:nth-child(2n +1) { clear: both; } /* footer */ footer { background-color: #F2F1ED; display: table-row; height: 1px; font-size: 0.875em; display: block; } footer .highlight_strip { background: #efe5c1; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #efe5c1 0%, #d8ceab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #efe5c1), color-stop(100%, #d8ceab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efe5c1 0%, #d8ceab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efe5c1 0%, #d8ceab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efe5c1 0%, #d8ceab 100%); /* IE10+ */ background: linear-gradient(to bottom, #efe5c1 0%, #d8ceab 100%); /* W3C */ margin-bottom: 30px; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); } footer .highlight_strip ul { padding: 10px 0; display: table; } footer .highlight_strip ul li { display: table-cell; list-style: none; margin: 0; padding: 0; padding-top: 10px; vertical-align: middle; text-align: center; } footer .highlight_strip ul li .sprite { display: inline-block; margin-left: 10px; float: none; } footer .highlight_strip ul li .search_form .sprite { display: block; margin-left: 0; } footer .highlight_strip ul li .label { clear: both; display: block; } footer .highlight_strip a, footer .highlight_strip .call_us { text-decoration: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; display: inline-block; vertical-align: middle; } footer .highlight_strip a:hover { color: #981f3b; } footer .about_plumbs { text-align: center; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; } footer .about_plumbs p { line-height: 1.71429em; margin-bottom: 20px; } footer .british_made { background-color: #FFFFFF; border: 3px solid #e5dbb8; padding: 10px; text-align: left; overflow: hidden; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1.14286em; } footer .british_made .great_britain { float: left; margin-right: 10px; } footer .professional_memberships { margin-top: 10px; } footer .professional_memberships a, footer .social_links a, .lightbox_overlay .social_links a { display: block; text-indent: -99999px; float: left; margin-right: 22px; } footer .footer_links li { width: 50%; float: left; list-style: none; font-size: 0.85714em; margin-bottom: 10px; } /* footer .footer_links li:nth-child(2n+1) { clear: both; } */ footer .footer_links li a:hover { text-decoration: underline; } footer .social_links, .lightbox_overlay .social_links { padding: 0; } .lightbox_overlay .social_links { margin: 0; } footer .social_links li, .lightbox_overlay .social_links li { float: left; list-style: none; background-color: #FFFFFF; padding: 10px; border: 2px solid #EAE9E5; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 26px; height: 26px; text-align: center; margin-bottom: 20px; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -ms-transition: background 0.4s ease; transition: background 0.4s ease; } .lightbox_overlay .social_links li { margin: 0 10px 0 0; } footer .social_links li:hover, .lightbox_overlay .social_links li:hover { background-color: #EAE9E5; } footer .social_links li:nth-child(2n+2) { float: right; } footer .social_links a, .lightbox_overlay .social_links a { width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: auto; } .fancy_divider { margin: 10px auto; } /* Layout */ .main_content { overflow: hidden; padding-bottom: 10px; } .home_alt_2 .main_content { background: #f0f0f0; } /*Hide Add this bar*/ #at4m-mobile-container { display: none !important; } /*Rotator*/ .carousel_controls_wrapper .cycle-slide { opacity: inherit !important; } .cycle-slide img { width: 100%; height: auto; display: block; } .content_slider { width: 780px; height: 550px; float: left; position: relative; } .carousel_controls_wrapper { position: relative; overflow: hidden; } .carousel_controls { float: right; width: 160px; height: 480px; margin: 35px 0; } .carousel_control { display: inline-block; text-indent: -9999px; vertical-align: middle; padding: 0px; position: absolute; top: 10px; left: 0; right: 0; } .carousel_control.next { top: auto; bottom: 0px; } .carousel_control .sprite { width: 19px; height: 11px; margin: 0 auto; padding: 0 5px; } .carousel_control.disabled { opacity: 0.2; } .carousel_control.previous .sprite { background-position: -155px -48px; } .carousel_control.next .sprite { background-position: -155px -70px; } .carousel_controls img { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; width: 142px; height: 110px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } .carousel_controls .cycle-slide { margin: 0; display: block; width: 152px; margin-bottom: 10px; margin-left: 10px; } @media only screen and (max-width: 959px) { .carousel_controls { float: none; width: auto; margin: 10px 0; height: auto; } .content_slider { float: none; width: auto; height: auto; } .carousel_controls .cycle-slide { padding: 0 5px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carousel_control { display: none; } .carousel_controls img { width: 100%; height: auto; } } .slider img { max-width: 100%; } .rotator { position: relative; width: 100%; } .rotator ul { position: relative; width: 100%; margin: 0; padding: 0; height: 525px; } .rotator ul li { position: absolute; top: 0; left: 0; right: 0; list-style: none; z-index: 1; } .rotator ul li.visible_slide { z-index: 2; } .rotator ul li a { display: block; } .home_alt_2 .slider_placeholder.rounded .rotator ul li img { width: 100%; height: auto; /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 5px; /* Firefox 1-3.6 */ -moz-border-radius: 5px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 5px; } .home_alt_2 .slider_placeholder.with-arrow { position: relative; } .home_alt_2 .slider_placeholder.with-arrow.rotator_loaded:after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; position: absolute; left: 50%; left: -webkit-calc(50% - 15px); left: -moz-calc(50% - 15px); left: calc(50% - 15px); top: 0; display: block !important; background: 0; background-image: none; } .rotator ul li .info_box img { max-width: 220px; max-height: 340px; width: auto; height: auto; } .rotator .controls { position: absolute; top: 50%; margin-top: -10px; left: 10px; right: 10px; } .rotator .controls .button { text-indent: -99999px; border: 3px solid rgba(255, 255, 255, 0.3); -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); z-index: 2; position: relative; } .rotator .controls .button .sprite { margin: 0 4px; } .rotator .controls .next { float: right; } .rotator .pager { position: absolute; bottom: 20px; right: 10px; z-index: 2; } .rotator .pager a { float: left; display: block; width: 10px; height: 10px; background-image: url("/images/white50.png"); margin-right: 10px; text-indent: -99999px; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .rotator .pager .active { background-image: url("/images/white80.png"); } .rotator .info_box { position: absolute; top: 35px; right: 130px; z-index: 1; } .rotator .info_box .info_box_text { padding: 10px; } .rotator .diamond { text-align: center; background: url("/images/retina/diamond.png") no-repeat 0 0; background-size: 222px 339px; width: 222px; height: 229px; padding: 55px 0px; } .js .info_box { margin-top: -30px; opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .js .info_box .info_box_text { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .js .info_box.activated { margin-top: 0px; opacity: 1; } .js .info_box.activated .info_box_text.activated { opacity: 1; } .js .rotator .slides li { display: none; } .rotator .slides li img { width: 100%; height: auto; } .rotator_summary .thumbnails { text-align: right; margin-top: 30px; float: right; margin-right: 10px; } .rotator_summary .thumbnails div { display: inline-block; margin-left: 20px; position: relative; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; cursor: pointer; } .rotator_summary .thumbnails div img { -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; display: block; cursor: pointer; } .rotator_summary .thumbnails div:after { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 2; height: 10px; background: url("/images/retina/thumbnail_top@2x.png") no-repeat 0 0; background-size: 60px 10px; width: 60px; height: 10px; } .rotator_summary .thumbnails div:before { content: ""; position: absolute; top: 0; left: 0; right: 0; z-index: 1; bottom: 0; background-image: url("/images/white50.png"); -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .rotator_summary .thumbnails .active:before { display: none; } .rotator_summary .summaries { margin: 10px; margin-left: 10px; font-size: 1.14286em; } .lt-ie9 .thumbnails div:after { background: url("/images/thumbnail_top.png"); } /*mini-slider*/ .mini_slider { text-align: center; } .mini_slider .va_bottom li { vertical-align: middle; } .mini_slider ul { width: 100%; overflow: hidden; margin: 0; padding: 0; white-space: nowrap; text-align: left; vertical-align: top; } .mini_slider ul li { white-space: normal; display: inline-block; width: 90%; padding: 0; padding-left: 5%; padding-right: 5%; overflow: hidden; margin: 0; display: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; text-align: center; vertical-align: top; line-height: 1.85em; } .mini_slider .slides { margin: 0 auto; } .mini_slider .controls { display: inline-block; } .mini_slider .controls a { float: left; display: block; text-decoration: none; font-family: 'open_sansbold', Arial, sans-serif; font-weight: 300; } .mini_slider .controls .next { margin-left: 20px; } .mini_slider .controls .previous { margin-right: 20px; } .mini_slider .controls .pager a { margin-top: 7px; width: 10px; height: 10px; background-color: #AEAEAE; margin-left: 5px; margin-right: 5px; text-indent: -99999px; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .mini_slider .controls .pager .active { background-color: #757575; } .float_left { float: left; } .float_right { float: right; } .margin-zero { margin: 0; } .margin-top { margin-top: 10px; } .margin-bottom { margin-bottom: 10px; } .large-margin-top { margin-top: 40px; } .large-margin-bottom { margin-bottom: 40px; } .large-padding-top { padding-top: 40px; } .large-padding-bottom { padding-bottom: 40px; } .padding-top { padding-top: 10px; } .padding-bottom { padding-bottom: 10px; } .overflow_hidden { overflow: hidden; } /*Gallery Rotator - .rotator override*/ .gallery_rotator { -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); background-color: #FFFFFF; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin-top: 20px; width: 940px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } .gallery_rotator .rotator { width: 780px; height: 550px; float: left; } .gallery_rotator .rotator .slides { width: 780px; height: 550px; } .gallery_rotator .rotator .controls { width: 87px; left: auto; top: auto; margin-top: 0; bottom: 15px; } .gallery_rotator .rotator .controls .button { background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #dadada 100%); /* W3C */ background-clip: border-box; border: 0; } .gallery_rotator .rotator .controls .button:hover { background: #dadada; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #dadada 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #dadada), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dadada 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dadada 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dadada 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dadada 0%, white 100%); /* W3C */ } .gallery_rotator .rotator .controls .next { border-left: 0; } .gallery_rotator .rotator .controls .next .sprite { background-position: -134px -62px; } .gallery_rotator .rotator .controls .previous { /* border-right: 1px solid #CACACA;*/ } .gallery_rotator .rotator .controls .previous .sprite { background-position: -117px -62px; } .gallery_rotator .rotator .summary_controls { right: -150px; top: 0; left: auto; bottom: 0; height: auto; width: 142px; z-index: 0; } .gallery_rotator .rotator .summary_controls .next, .gallery_rotator .rotator .summary_controls .previous { position: absolute; right: 0; left: 0; } .gallery_rotator .rotator .summary_controls .next, .gallery_rotator .rotator .summary_controls .previous, .gallery_rotator .rotator .summary_controls .next:hover, .gallery_rotator .rotator .summary_controls .previous:hover, .gallery_rotator .rotator .summary_controls .next:active, .gallery_rotator .rotator .summary_controls .previous:active, .gallery_rotator .rotator .summary_controls .next:visited, .gallery_rotator .rotator .summary_controls .previous:visited { background: none; } .gallery_rotator .rotator .summary_controls .previous { top: 0; } .gallery_rotator .rotator .summary_controls .previous .sprite { background-position: -155px -48px; width: 19px; height: 11px; margin: 0 auto; } .gallery_rotator .rotator .summary_controls .next { bottom: 0; border: 0; } .gallery_rotator .rotator .summary_controls .next .sprite { background-position: -155px -70px; width: 19px; height: 11px; margin: 0 auto; } .gallery_rotator .rotator .pager { display: none !important; /*overule Jquery*/ } .gallery_rotator .rotator .title, .rotator_slide_title { position: absolute; left: 0; bottom: 15px; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; background-color: #FFFFFF; padding: 10px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #dadada 100%); /* W3C */ } .gallery_rotator .offer { position: absolute; right: -5px; top: 15px; padding: 10px; height: auto; text-align: centre; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; font-size: 1.125em; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #dadada 100%); /* W3C */ -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 4px 4px 0px 4px; border-radius: 4px 4px 0px 4px; } .gallery_rotator .offer .big { font-size: 2em; display: block; } .gallery_rotator .offer:after { bottom: -5px; right: 0; background-color: #8E8E8E; -moz-border-radius: 0 0px 5px 0; border-radius: 0 0px 5px 0; content: ""; height: 5px; position: absolute; width: 5px; } .gallery_rotator .rotator_summary { float: right; width: 160px; } .gallery_rotator .rotator_summary .wrapper { width: 100%; } .gallery_rotator .rotator_summary .summaries { display: none; } .gallery_rotator .rotator_summary .thumbnail_wrapper { height: 475px; overflow: hidden; margin: 35px 0 10px; position: relative; } .gallery_rotator .rotator_summary .thumbnails { width: 162px; margin: 0px; height: 540px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; } .gallery_rotator .rotator_summary .thumbnails div { margin: 0; display: block; width: 152px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; margin-bottom: 10px; margin-left: 10px; } .gallery_rotator .rotator_summary .thumbnails div img { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; width: 142px; height: 110px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } .gallery_rotator .rotator_summary .thumbnails div:after { display: none; } .call_us_label_before { display: inline-block; vertical-align: middle; } .lt-ie8 header .promoted_text .main_call_to_action .button { width: 250px; } .mini_slider { display: none; } .mini_slider ul { width: 20px; } .search_button_holder { height: 40px; margin-left: 5px; float: right; } .overlay_bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: url("/images/black_75.png"); z-index: 1000000000; overflow: hidden; } .overlay_contain { width: 800px; z-index: 10000; position: absolute; top: 40%; margin-top: -200px; right: 50%; margin-right: -400px; } .overlay_box { width: 800px; height: 400px; background-color: #000000; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4); -webkit-border-radius: 6px; border-radius: 6px; color: #FFF; overflow: hidden; } .overlay_box iframe { width: 800px; height: 400px; } #aside_toggle { display: none; } .click_here_to_see_more { font-size: 0.6em; color: #981f3b; } .request_a_visit h2 { margin: 10px 0; color: #981f3b; font-size: 1.6em; } .request_a_visit .button_wrap { height: 45px; display: block; } .request_a_visit #manual_address { display: block; clear: right; float: right; font-size: 12px; padding: 15px 0; } .request_a_visit .sumit-row { height: 65px; display: block; float: right; } .request_a_visit .sumit-row button, .request_a_visit .sumit-row input, .request_a_visit .sumit-row .button { font-size: 1em; } .address-selector { font-size: 0.85714em; border: 3px solid #e5dbb8; padding: 5px; } /***** inbetween desktop and lap *****/ @media only screen and (min-width: 959px) and (max-width: 1199px) { .outer_wrapper { width: 100%; } } /***** Lap (Smaller than 959px) *****/ @media only screen and (max-width: 959px) { .first-child .mega_menu_wrapper { padding-left: 0; } .rotator .info_box { top: 0px; -moz-transform: scale(0.75) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(0.75) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(0.75) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(0.75) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(0.75) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } html, body { font-size: 14px; } .outer_wrapper { width: 798px; } .wrapper { width: 768px; } nav ul li .divider { margin-left: 10px; margin-right: 10px; } .main_menu ul .first-child a { padding-left: 8px; } .main_menu .wrap_around .last-child a { padding-right: 8px; } .main_menu ul li .divider { margin-left: 8px; margin-right: 8px; } /*footer*/ footer .highlight_strip ul li { text-align: center; } footer .highlight_strip ul li .sprite { display: inline-block; float: none; } footer .highlight_strip ul li .label { clear: both; display: block; } footer .three_year_guarantee img { width: 100%; height: auto; } footer .social_links { width: auto; display: inline-block; float: none; } footer .social_links li { margin-right: 10px; } footer .social_links li:nth-child(2n+2) { float: left; } footer .social_links_wrapper { width: 100%; clear: both; text-align: center; padding-top: 20px; } /* .rotator { position: relative; width: 798px; height: 299px; ul { position: relative; width: 798px; height: 299px; } img { width: 798px; height: auto; } } */ .overlay_contain { width: 400px; height: 200px; margin-top: -100px; margin-right: -200px; } .overlay_box { width: 400px; height: 200px; } .overlay_box iframe { width: 400px; height: 200px; } } /***** inbetween lap and tablet *****/ @media only screen and (min-width: 768px) and (max-width: 798px) { .outer_wrapper { width: 100%; } } /***** tablet only *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .rich-text-area .macro_mini_slider { width: 230px; } .gallery_rotator { width: 748px; } .gallery_rotator .rotator .summary_controls { right: -125px; width: 118px; } .gallery_rotator .rotator, .gallery_rotator .rotator .slides { width: 620px; height: 437px; } .gallery_rotator .rotator_summary { width: 128px; } .gallery_rotator .rotator_summary .thumbnail_wrapper { margin-right: 10px; } .gallery_rotator .rotator_summary .thumbnail_wrapper, .gallery_rotator .rotator_summary .thumbnails { height: 370px; } .gallery_rotator .rotator_summary .thumbnail_wrapper div, .gallery_rotator .rotator_summary .thumbnails div { width: 118px; } .gallery_rotator .rotator_summary .thumbnail_wrapper div img, .gallery_rotator .rotator_summary .thumbnails div img { height: 83px; width: 108px; } .voucher_img img { width: 300px; height: auto; } .grid_9 .main_cta_form .form .submit-row { width: 305px; } header .logo .logo_slogan { font-size: 12px; } } /***** Palm (Smaller than 768px) *****/ .palm_only { display: none; } .mobile-ctaenq { display: none; height: 40px; position: fixed; bottom: 0; height: 40px; padding: 0; width: 100%; z-index: 999; } .palm_button_ctas.mobile-ctaenq { margin: 0; border: 0; } .mobile-ctaenq .button { height: 40px; display: block; -moz-border-radius: 0; border-radius: 0; } @media only screen and (max-width: 767px) { .mobile-ctaenq.show { display: block; } html, body { font-size: 14px; } .info_box, .rotator .controls, .rotator_summary { display: none; } .gallery_rotator .rotator .summary_controls, .gallery_rotator .rotator .summary_controls.controls { display: block !important; /*overrule jquery*/ left: 0; right: 0; top: auto; bottom: -100px; width: auto; height: 100px; } .gallery_rotator .rotator .summary_controls .previous, .gallery_rotator .rotator .summary_controls.controls .previous { top: 50%; margin-top: -14px; left: 0; right: auto; } .gallery_rotator .rotator .summary_controls .previous .sprite, .gallery_rotator .rotator .summary_controls.controls .previous .sprite { background-position: -117px -62px; width: 11px; height: 19px; } .gallery_rotator .rotator .summary_controls .next, .gallery_rotator .rotator .summary_controls.controls .next { top: 50%; margin-top: -14px; right: 0; bottom: auto; left: auto; } .gallery_rotator .rotator .summary_controls .next .sprite, .gallery_rotator .rotator .summary_controls.controls .next .sprite { background-position: -134px -62px; width: 11px; height: 19px; } .outer_wrapper { width: 100%; } .wrapper { width: 100%; } .main_content .wrapper { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wrapper_padded { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .palm_only { display: block; } .palm_hidden { display: none; } header { padding-top: 0px; } header .logo { text-align: center; margin-top: 0; padding-bottom: 0; margin-bottom: 35px; } header .logo img { margin: 0 auto; width: 130px; margin-bottom: 10px; } .logo_slogan { display: none; } .main_menu { text-align: center; margin-top: 0; } .main_menu .wrap_around { -moz-border-radius: 0px; border-radius: 0px; display: block; float: none; text-align: center; border: 0; margin: -50px 0 0 0; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .main_menu .wrap_around li { font-size: 1em; width: auto; border: 0; float: none; display: inline-block; } .main_menu .wrap_around a, .main_menu .wrap_around li .divider { color: #555555; } .main_menu .wrap_around a:hover { color: #981f3b; } .main_menu .wrap_around:after, .main_menu .wrap_around:before { display: none; } .main_menu .menu_toggle.toggled .normal_menu, .main_menu .menu_toggle.toggled .palm_button { opacity: 1; } .main_menu .normal_menu { border-top: 1px solid #999999; border-bottom: 0; padding: 0; float: none; margin-bottom: -10px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; opacity: 0; } .main_menu .normal_menu li { font-size: 1.16667em; width: 100%; border-bottom: 1px solid #c3ccd2; position: relative; } .main_menu .normal_menu a { padding: 10px; display: block; float: none; text-align: left; } .main_menu .normal_menu a:active { background-color: #981f3b; color: #FFFFFF; } .main_menu .normal_menu .divider { display: block; position: absolute; right: 10px; top: 50%; margin-top: -5px; background: url("/images/retina/sprite@2x.png") no-repeat -5px -25px; background-size: 300px 300px; width: 6px; height: 11px; text-indent: -99999px; } .main_menu .normal_menu a:active + .divider { background-position: -20px -25px; } .main_menu .normal_menu .last-prod-child { border: 0; } .main_menu .normal_menu .last-child .divider { display: block; } .main_menu .palm_button { height: 51px; opacity: 0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; } .palm_button_ctas { margin-top: 10px; border-top: 1px solid #F5EEDB; clear: both; margin-left: -10px; margin-right: -10px; } .palm_button_ctas_tag { display: none; } .main_menu .button { display: block; text-align: left; padding: 10px 30px; -moz-border-radius: 0; border-radius: 0; margin-top: 0; } .main_menu .button:hover { color: #FFFFFF; } .main_menu .button .btn_text { float: none; } .menu_toggle { display: none; overflow: hidden; clear: both; float: none; } #menu_toggle, .palm_call_us { text-decoration: none; display: block; width: 50%; float: left; border-right: 1px solid #F5EEDB; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .palm_call_us { border-right: 0; border-left: 1px solid #D8CFA8; } #menu_toggle .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -21px -43px; background-size: 300px 300px; width: 18px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; } #menu_toggle.toggled .sprite { background-position: 0px -43px; } #menu_toggle .close { display: none; } #menu_toggle.toggled .close { display: inline; } #menu_toggle .open { display: inline; } #menu_toggle.toggled .open { display: none; } /*footer*/ footer .wrapper { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } footer .three_year_guarantee { width: 50%; } footer .social_links_wrapper { width: 50%; clear: none; float: right; padding-top: 0px; text-align: left; } footer .social_links { float: right; width: 130px; } footer .social_links li { float: left; } footer .social_links li:nth-child(2n+2) { float: right; } footer .professional_memberships { padding-top: 10px; padding-bottom: 20px; overflow: hidden; display: table; width: 100%; } footer .professional_memberships span { width: 33%; display: table-cell; text-align: center; } footer .professional_memberships span a { display: inline-block; float: none; margin: 0; } footer .grey_divider { width: 60%; margin-left: auto; margin-right: auto; } footer .footer_links li a, footer .footer_links li a:hover, footer .footer_links li a:focus, footer .footer_links li a:active, footer .footer_links li a:visited { text-align: center; float: none; } footer .highlight_strip { font-size: 1.16667em; } footer .highlight_strip ul { padding: 10px; } footer .highlight_strip ul li { width: 50%; display: block; float: left; clear: left; padding-top: 10px; padding-bottom: 10px; } footer .highlight_strip ul li .sprite { margin-top: 0; } footer .highlight_strip ul li:nth-child(2n+2) { float: right; clear: none; } footer .british_made, footer .about_plumbs p { width: 60%; margin-left: auto; margin-right: auto; } footer .three_year_guarantee img { max-width: 213px; } .gallery_rotator { width: 748px; width: 100%; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; background-color: transparent; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .gallery_rotator .rotator, .gallery_rotator .rotator .slides { width: 620px; height: 437px; width: 100%; height: auto; } .gallery_rotator .rotator ul li { position: relative; } .gallery_rotator .rotator .controls { display: none !important; /*Overrule JQUERY*/ } .gallery_rotator .rotator .offer { top: auto; right: auto; left: -5px; bottom: 0px; padding: 5px; -moz-border-radius: 4px 4px 4px 0px; border-radius: 4px 4px 4px 0px; } .gallery_rotator .rotator .offer:after { right: auto; left: 0; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .gallery_rotator .rotator .offer .big { font-size: 1.16667em; } .gallery_rotator .rotator .title { bottom: auto; top: 0; right: 0; background: #FFFFFF; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); text-align: center; font-size: 1.16667em; } .gallery_rotator .rotator_summary { width: 100%; height: 100px; margin: 0; background-color: #FFFFFF; margin-top: -5px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding-top: 20px; } .gallery_rotator .rotator_summary .thumbnail_wrapper, .gallery_rotator .rotator_summary .thumbnails { height: 100px; width: 95%; margin-left: auto; margin-right: auto; float: none; position: relative; margin-top: 0 !important; } .gallery_rotator .rotator_summary .thumbnail_wrapper div, .gallery_rotator .rotator_summary .thumbnails div { width: 118px; } .gallery_rotator .rotator_summary .thumbnail_wrapper div img, .gallery_rotator .rotator_summary .thumbnails div img { height: 83px; width: 108px; } .gallery_rotator .rotator_summary .thumbnail_wrapper { width: 100%; overflow: hidden; margin: 0 auto; } .gallery_rotator .rotator_summary .thumbnail_wrapper .thumbnails { width: 100%; display: block; white-space: normal; overflow: hidden; } .gallery_rotator .rotator_summary .thumbnail_wrapper .thumbnails div { width: auto; display: block; float: left; white-space: normal; width: 28%; margin-bottom: 100px; overflow: hidden; } .gallery_rotator .rotator_summary .thumbnail_wrapper .thumbnails div img { width: 100%; height: auto; max-width: 108px; } .gallery_rotator .rotator_summary .thumbnail_wrapper .thumbnails .previously_active { margin-left: -33%; } .gallery_rotator .rotator_summary .wrapper { width: 90%; } .content_footer .customer_reviews { margin-right: 0; } .mega_menu_wrapper { display: none !important; } .grid_9 .main_cta_form .form .submit-row { width: 100%; } .overlay_contain { width: 290px; height: 200px; margin-top: -100px; margin-right: -150px; } .overlay_box .close_btn { right: -10px; } .overlay_box { width: 280px; height: 200px; } .overlay_box iframe { width: 280px; height: 200px; } .spacer { width: 1px; height: 1px; display: block; clear: both; } #fabric_search_page { margin: 0; margin-top: 10px; } .hide-phone { display: none; } .prestige_padder { padding: 20px; } .prestige_padder .fabric_listing { text-align: center; } .prestige_padder .fabric_listing li { display: inline-block; } } @media only screen and (max-width: 495px) { .search_form input { width: 100px; } } @media only screen and (max-width: 360px) { .search_form input { width: 70px; } } /* =====================Home Page Styles============================== - does what it says on the tin. */ .home .expander { background-color: #ffffff; } .inset_box { background-color: #EEEEEE; margin: 0 -10px; padding: 45px 10px 35px; -webkit-box-shadow: inset 0px 0px 3px 0px #7f7f7f; -moz-box-shadow: inset 0px 0px 3px 0px #7f7f7f; box-shadow: inset 0px 0px 3px 0px #7f7f7f; } @media only screen and (max-width: 767px) { .inset_box { padding: 20px 10px; } } .find_your_consultant { background-color: #F2ECDC; } .find_your_consultant .inner { background: url("/images/retina/united_kingdom@2x.png") no-repeat -15px -4px; background-size: 107px 182px; padding: 10px; padding-left: 55px; font-size: 0.875em; height: 166px; position: relative; } .find_your_consultant .inner .title { font-size: 2.14286em; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; margin-top: 5px; margin-bottom: -10px; display: block; } .find_your_consultant .inner-wrapper, .find_your_consultant.inner-wrapper { margin: 3px; position: relative; background: #e4dcb8; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #e4dcb8 0%, #ded09f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e4dcb8), color-stop(100%, #ded09f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4dcb8 0%, #ded09f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4dcb8 0%, #ded09f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4dcb8 0%, #ded09f 100%); /* IE10+ */ background: linear-gradient(to bottom, #e4dcb8 0%, #ded09f 100%); /* W3C */ } .find_your_consultant .inner-wrapper:before { position: absolute; bottom: 0; right: 15px; width: 117px; height: 118px; background-repeat: no-repeat; background-image: url("/images/swatch_lady.png"); content: ""; display: block; } .find_your_consultant .consultant_search_form { margin-top: 15px; } .find_your_consultant .consultant_search_form .outward { padding: 12px 10px; width: 60px; font-size: 1em; } .find_your_consultant .consultant_search_form .inward { padding: 12px 10px; width: 40px; font-size: 1em; margin-left: 0.5em; } .find_your_consultant .consultant_search_form button { margin-left: 10px; border: 0; } .find_your_consultant .consultant_search_form button .sprite { display: block; float: right; margin-left: 10px; margin-top: 5px; background: url("/images/retina/sprite@2x.png") no-repeat -135px -14px; background-size: 300px 300px; width: 6px; height: 10px; } .find_your_consultant .field-validation-error { padding: 5px 0; } .image_overlay { position: relative; color: #FFFFFF; } .image_overlay a { color: #FFFFFF; display: block; } .image_overlay img { border: 2px solid #3f304c; display: block; } .image_overlay .overlay { position: absolute; bottom: 20px; left: 0; right: 0; padding: 10px; background-image: url("/images/purple80.png"); font-size: 0.75em; text-align: center; } .image_overlay .overlay_title { font-size: 2.83333em; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; } .image_overlay .overlay p { margin-top: 0.5em; margin-bottom: 0; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; -webkit-text-stroke: 0.35px; } .plumbs_5_star { text-align: center; } .plumbs_5_star span { width: 100%; display: block; font-size: 0.75em; margin: 10px 0; } .plumbs_5_star a { color: #981f3b; text-decoration: none; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } .plumbs_5_star a:hover { text-decoration: underline; } .quote { background-color: #EDEDED; color: #981f3b; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; width: 50px; height: 50px; line-height: 88px; text-align: center; font-size: 70px; font-family: georgia; margin: 0 auto; } .customer_reviews { font-size: 0.875em; } .fefo { border-top: 2px solid #aaaaaa; text-align: center; margin-bottom: 10px; position: relative; padding-top: 20px; margin-top: 10px; font-size: 1.14286em; } .fefo .small { padding-top: 5px; clear: both; display: block; font-size: 0.875em; } .fefo .small img { margin-top: -2px; margin-left: 2px; display: inline-block; vertical-align: middle; } .fefo:after { display: block; content: ""; position: absolute; top: 0px; left: 50%; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #aaaaaa; } .reviewer_attribution { display: block; clear: both; padding-top: 10px; } .video_thumbnail { position: relative; display: block; margin-bottom: 10px; } .video_thumbnail img { z-index: 1; border: 0; width: 100%; max-width: 280px; height: auto; -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .video_thumbnail .sprite, .slider_video .sprite { position: absolute; left: 50%; top: 50%; z-index: 2; margin-top: -30px; margin-left: -30px; } .video_testimonail { display: block; text-decoration: none; font-size: 0.875em; margin-bottom: 10px; } .video_testimonail:hover { text-decoration: underline; } .video_gallery .content_box { margin-bottom: 20px; text-align: center; } .video_gallery a { text-decoration: none; color: #981f3b; display: block; } .content_box { background-color: #FFF; padding: 10px; border: 1px solid #D9D9D9; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content_box a { text-decoration: none; } .video_gallery a:hover h3 { text-decoration: underline; } .video_gallery h3 { font-size: 1em; margin: 0; } .video_gallery p { color: #555555; font-size: 0.875em; margin-bottom: 0; } .video_gallery .message { clear: both; text-align: center; } .featured_video { position: relative; } .featured_video:before { content: 'Featured video'; display: block; position: absolute; top: 25px; right: 0px; color: #FFF; background-color: #981f3b; padding: 5px 10px; z-index: 10; font-size: 0.875em; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .featured_video:after { content: ''; display: block; position: absolute; top: 23px; right: -4px; background-color: #981f3b; z-index: 10; width: 4px; height: 33px; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .featured_video img { max-width: 100%; height: auto; } .video_filter_submit:hover, .video_filter_clear:hover { color: #FFF; } a.video_filter_clear { color: #FFF; text-decoration: none; float: right; } a.video_filter_clear:hover { color: #FFF; } .video_filter_submit { float: left; } .video_filter_clear { float: right; } .video_filter_submit:after, .video_filter_clear:after { content: ''; display: inline-block; float: right; width: 14px; height: 12px; background: url("/images/retina/sprite@2x.png") no-repeat -209px -60px; margin-top: 3px; margin-left: 5px; background-size: 300px 300px; } .video_filter_clear:after { width: 12px; background-position: -190px -59px; } .video_filters .colapsable { overflow: hidden; } .video_filters .colapsable.toggled:hover .video_filter_clear { color: #FFF; } aside .video_filters ul { margin-bottom: 20px; } .video_gallery .pagination { clear: both; } .green_pattern { background: url("/images/retina/greenpattern@2x.jpg") no-repeat 0 0; background-size: 300px 226px; } .offer { text-align: center; height: 226px; } .offer a { -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; height: 226px; display: block; } .offer .button_wrap { display: block; clear: both; margin-top: 5px; font-size: 0.75em; } .offer .voucher { background: #d7c78c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #d7c78c 0%, #d5c183 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #d7c78c), color-stop(100%, #d5c183)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7c78c 0%, #d5c183 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7c78c 0%, #d5c183 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d7c78c 0%, #d5c183 100%); /* IE10+ */ background: linear-gradient(to bottom, #d7c78c 0%, #d5c183 100%); /* W3C */ background-color: #d5c183; color: #FFFFFF; width: 156px; padding: 10px; padding-bottom: 0; display: inline-block; font-size: 0.9em; margin-bottom: 17px; position: relative; } .offer .voucher span { display: block; text-align: center; line-height: 0.85em; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; word-break: break-all; } .offer .voucher .big { font-size: 5.25em; } .offer .voucher .middle { font-size: 4.25em; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .offer .voucher .small { font-size: 2.5em; } .offer .voucher:after { content: ""; display: block; position: absolute; bottom: -17px; left: 0; right: 0; height: 17px; background-image: url("/images/voucher_sand_after.png"); } .rollover { height: 226px; margin-bottom: 10px; -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: relative; } .rollover img { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .rollover .rollover_toggle { font-family: georgia; font-style: italic; font-weight: bold; background-color: #FFFFFF; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 2px 3px 0 #555555; -moz-box-shadow: 0 2px 3px 0 #555555; box-shadow: 0 2px 3px 0 #555555; width: 30px; height: 30px; cursor: pointer; text-align: center; font-size: 20px; line-height: 30px; position: absolute; bottom: 10px; right: 10px; z-index: 1; } .rollover .overlay { text-decoration: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 5px; background-image: url("/images/white90.png"); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; min-height: 0; } .rollover .overlay .title { font-size: 1.875em; text-align: center; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; line-height: 1em; padding-bottom: 5px; } @media only screen and (max-width: 768px) { .home_alt_2 .rollover .overlay .title { font-size: 1.2em; } .home_alt_2 .rollover .overlay .title span { font-size: 0.9em; } } .rollover .overlay .title span { font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; font-size: 0.46667em; line-height: 1.4em; display: block; } .rollover .overlay .hidden_text { max-height: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; text-align: center; padding-top: 0; font-size: 0.875em; } .rollover .overlay .hidden_text p { margin-top: 0; } .rollover .overlay .hidden_text .fake_hyperlink { text-decoration: none; } .rollover .overlay .hidden_text .fake_hyperlink:hover { text-decoration: underline; } .rollover:hover .overlay, .rollover.toggled .overlay { min-height: 216px; max-height: 216px; } .rollover:hover .overlay .hidden_text, .rollover.toggled .overlay .hidden_text { max-height: 206px; opacity: 1; } .lt-ie9 .rollover .overlay .hidden_text { display: none; } .lt-ie9 .rollover:hover .overlay .hidden_text { display: block; } /***** Lap (Smaller than 959px) *****/ @media only screen and (max-width: 959px) { /* Find your consultant */ .find_your_consultant .inner { padding-left: 10px; height: 125px; } .find_your_consultant .inner-wrapper:before { right: 0; } .find_your_consultant .consultant_search_form { margin-top: 25px; } .plumbs_5_star a { font-size: 0.85714em; } .rollover, .offer, .offer a { height: 178px; } .home .grid_4.offer a img { width: 100%; height: auto; } .rollover img { width: 100%; height: auto; } .rollover:hover .overlay, .rollover.toggled .overlay { min-height: 158px; max-height: 158px; } .rollover:hover .overlay .hidden_text, .rollover.toggled .overlay .hidden_text { max-height: 158px; } .offer .voucher { font-size: 0.5em; } } /***** Palm (Smaller than 768px) *****/ @media only screen and (max-width: 767px) { .image_overlay img { width: 100%; height: auto; } .rollover, .offer, .offer a { height: auto; } .green_pattern { background-size: cover; } .image_overlay img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .find_your_consultant .inner { height: auto; } .rollover { margin-bottom: 0; } .rollover .overlay { -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .rollover:hover .overlay, .rollover.toggled .overlay { max-height: none; min-height: none; bottom: 0; } .rollover:hover .overlay .hidden_text, .rollover.toggled .overlay .hidden_text { max-height: none; } .home .inset_box .offer, .home .inset_box .rollover { max-width: 300px; margin: 0 auto; float: none; clear: both; display: block; } .home .inset_box .offer { max-height: 226px; } .home .inset_box .offer a { overflow: hidden; } .home .inset_box .offer .button_wrap { margin-bottom: 10px; } } /* =====================Page Styles============================== - styles used for the other pages/templates inc: -Fabric Search */ /*reusable styles*/ .page_heading_bar { padding: 0; padding-top: 50px; text-align: center; } .page_heading_bar h1 { color: #981F3B; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #eeeeee 100%); /* W3C */ display: inline-block; vertical-align: bottom; margin: 0; padding: 10px; text-align: center; min-width: 400px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 3px solid rgba(255, 255, 255, 0.3); -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ border-bottom: 0; } .breadcrumb { margin: 20px 5px; padding: 0; font-size: 0.75em; } .breadcrumb li { list-style: none; float: left; margin-left: 5px; color: #981f3b; } .breadcrumb li a { text-decoration: none; margin-right: 5px; } .breadcrumb li a:hover { text-decoration: underline; } .breadcrumb li .divider { color: #555555; } /* fabric Search*/ .lt-ie9 .fabric_search_results { float: right !important; } .prestige_range_link { display: block; text-decoration: none; float: right; margin-left: 10px; text-align: center; } .prestige_range_link .fake_hyperlink { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; display: inline-block; margin-top: 10px; color: #3f304c; text-shadow: 0px 2px 2px #AAAAAA, 0px 1px 0px #FFFFFF; } .prestige_range_link .fake_hyperlink .sprite { display: block; float: right; margin-left: 5px; margin-top: 5px; } .prestige_range_link .fake_hyperlink:hover { text-decoration: underline; } .prestige_range_link .polaroid { width: 200px; height: 150px; } .prestige_range_link .polaroid .ribbon_overlay { position: absolute; top: 20px; left: 5px; right: -3px; padding: 5px; height: 30px; background-image: url("/images/purple80.png"); color: #FFFFFF; font-size: 1.375em; -moz-border-radius: 0px 3px 0px 0px; border-radius: 0px 3px 0px 0px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); } .prestige_range_link .polaroid .ribbon_overlay:before { background-image: url("/images/retina/ribbon_end_purple_80_v2@2x.png"); position: absolute; content: ""; left: -12px; top: 0px; width: 12px; height: 43px; background-size: 12px 43px; border: 0; outline: 0; -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0); display: block; } .prestige_range_link .polaroid .ribbon_overlay:after { background-image: url("/images/purple80.png"); position: absolute; content: ""; right: 0px; bottom: -3px; width: 3px; height: 5px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .lt-ie9 .prestige_range_link .polaroid .ribbon_overlay:before { background-image: url("/images/ribbon_end_purple_80_v2.png"); } .polaroid { position: relative; padding: 2px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); background-color: #FFFFFF; } .polaroid img { display: block; } aside .polaroid { display: inline-block; } .fabric_listing { margin: 0; padding: 0; } .fabric_listing li { background-color: #FFFFFF; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); margin-bottom: 20px; margin-left: 5px; margin-right: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; list-style: none; } .fabric_listing li a { display: block; text-decoration: none; position: relative; } .fabric_listing li img { margin: 2px; } .fabric_listing li .title { padding: 8px 10px 10px; display: block; position: relative; text-align: center; font-size: 0.85714em; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .fabric_listing li .title:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; display: block; position: absolute; left: 50%; margin-left: -5px; top: -15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFFFFF; content: ""; } .fabric_listing li .ribbon { position: absolute; top: 20px; right: -3px; background-color: #981f3b; -moz-border-radius: 3px 3px 0px 3px; border-radius: 3px 3px 0px 3px; padding: 3px; color: #FFFFFF; font-size: 1.16667em; } .fabric_listing li .ribbon:after { background-color: inherit; position: absolute; content: ""; right: 0px; bottom: -3px; width: 3px; height: 3px; -moz-border-radius: 0px 0px 5px 0px; border-radius: 0px 0px 5px 0px; } .fabric_listing li .prestige_ribbon { background-color: #542459; } .fabric_listing li:hover { margin-top: -5px; margin-bottom: 25px; /*account for the -5 on the margin-bottom*/ background-color: #981f3b; } .fabric_listing li:hover .title { color: #ffffff; } .fabric_listing li:hover .title:after { border-bottom-color: #981f3b; } .fabric_listing li:nth-child(3n + 1) { clear: both; } .fabric_listing.grid_9_25_percent_descendants li:nth-child(3n + 1) { clear: none; } .fabric_listing.grid_9_25_percent_descendants li:nth-child(4n + 1) { clear: both; } .menu_title { display: inline-block; margin-bottom: 20px; } .menu_title:before, .menu_title:after { display: block; border-color: #981f3b; border-style: solid; content: ""; width: 10px; height: 10px; border-width: 0; border-top-width: 1px; margin-top: 10px; } .menu_title:before { border-left-width: 1px; float: left; margin-right: 10px; } .menu_title:after { border-right-width: 1px; float: right; margin-left: 10px; } .filters, .navbar-block.colapsable { text-align: center; } .filters ul, .navbar-block.colapsable ul { margin: 0; padding: 10px; padding-bottom: 0; border-top: 1px solid #981f3b; margin-top: 10px; font-size: 0.875em; } .filters ul li, .navbar-block.colapsable ul li { margin: 0; padding: 0; list-style: none; margin-top: 10px; } .filters input, .navbar-block.colapsable input { /*cant be display none for ie8*/ position: absolute; left: -9999999px; /*cant have top set as ie8 tries to scroll to it.*/ opacity: 0; } .filters label, .navbar-block.colapsable label { width: 100%; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; } .filters label .checkbox, .navbar-block.colapsable label .checkbox { float: left; background-color: #f0f0f0; border: 1px solid #888888; -moz-border-radius: 1px 1px 1px 1px; border-radius: 1px 1px 1px 1px; width: 17px; height: 17px; display: block; cursor: pointer; margin-right: 10px; } .filters input:checked + label .checkbox, .navbar-block.colapsable input:checked + label .checkbox { background: url("/images/retina/sprite@2x.png") no-repeat -80px -41px; background-size: 300px 300px; background-color: #f0f0f0; } .filters label:hover .checkbox, .navbar-block.colapsable label:hover .checkbox { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); } .colapsable { background-color: #FFFFFF; padding: 10px; text-align: left; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin-bottom: 10px; } .colapsable .filter_title { position: relative; padding-right: 33px; display: block; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; cursor: pointer; } .colapsable_toggle { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #555555; border-bottom: 0; position: absolute; top: 50%; right: 0px; margin-top: -5px; } .colapsable:hover { color: #FFFFFF; background: #a42b47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a42b47), color-stop(100%, #8b122e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* IE10+ */ background: linear-gradient(to bottom, #a42b47 0%, #8b122e 100%); /* W3C */ cursor: pointer; } .colapsable:hover .colapsable_toggle { border-top-color: #FFFFFF; } .colapsable:hover a { color: #FFFFFF; } .toggled .colapsable_toggle { border-top: 0; border-bottom: 10px solid #555555; } .colapsable.toggled:hover, .active_filters:hover { color: #555555; cursor: default; background: #FFFFFF; } .colapsable.toggled:hover a, .active_filters:hover a { color: #555555; } .js .collase_area { display: none; } .colapsable.open_on_load .collase_area { display: block; } .offer_colapasable, .offer_colapasable.colapsable.toggled:hover, .offer_colapasable.colapsable.toggled { background: #a42b47; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #a42b47), color-stop(100%, #8b122e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a42b47 0%, #8b122e 100%); /* IE10+ */ background: linear-gradient(to bottom, #a42b47 0%, #8b122e 100%); /* W3C */ color: #FFFFFF; } .offer_colapasable .colapsable_toggle, .offer_colapasable.colapsable.toggled:hover .colapsable_toggle, .offer_colapasable.colapsable.toggled .colapsable_toggle { border-top-color: #FFFFFF; border-bottom-color: #FFFFFF; } .filters .offer_colapasable ul { border-color: #FFFFFF; } .active_filters button { font-size: 0.875em; color: #555555; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; background-color: #FFFFFF; border: 0; padding: 0; margin-right: 10px; } .active_filters button .sprite { margin-right: 10px; float: left; display: block; } .active_filters button:hover { text-decoration: underline; color: #981f3b; } aside .button { text-align: left; font-size: 0.75em; display: block; overflow: hidden; } .filters_modules { font-size: 0.875em; background-color: #FFF; padding: 0 10px 10px 10px; margin: -10px 0 10px 0; } .filters_modules .swatch_board_woman .button_div { margin-right: 0; } .filters_modules .swatch_board_woman .sb_content { padding-right: 0; } .filters_modules div:last-child { border: 0; } .js .infante_scroll_pager { display: none; } .pagination { margin: 5px; margin-right: 0; padding: 0; float: right; } .pagination li { margin: 5px; padding: 0; list-style: none; float: left; } .pagination li a { background-color: #F6F5F3; border: 1px solid #DEDCDD; width: 20px; height: 20px; line-height: 20px; text-align: center; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); padding: 5px; text-decoration: none; display: block; } .pagination li a:hover { color: #555555; background: none; background-color: #D9D9D9; } .pagination .selected a { color: #555555; background: none; background-color: #D9D9D9; } .pagination .next a, .pagination .previous a { background: #ae858d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ae858d), color-stop(100%, #8a606a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae858d 0%, #8a606a 100%); /* W3C */ color: #FFFFFF; width: auto; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; position: relative; border: 0; margin-left: 20px; margin-right: 20px; padding-left: 0; padding-right: 0; text-shadow: 0px 2px 2px #555555; } .pagination .next a:hover, .pagination .next a:hover:before, .pagination .next a:hover:after, .pagination .previous a:hover, .pagination .previous a:hover:before, .pagination .previous a:hover:after { background: #8a606a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #8a606a 0%, #ae858d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #8a606a), color-stop(100%, #ae858d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8a606a 0%, #ae858d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8a606a 0%, #ae858d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8a606a 0%, #ae858d 100%); /* IE10+ */ background: linear-gradient(to bottom, #8a606a 0%, #ae858d 100%); /* W3C */ color: #FFFFFF; } .pagination .next a:before, .pagination .next a:after, .pagination .previous a:before, .pagination .previous a:after { top: 0; bottom: 0; background: #ae858d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ae858d), color-stop(100%, #8a606a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ae858d 0%, #8a606a 100%); /* IE10+ */ background: linear-gradient(to bottom, #ae858d 0%, #8a606a 100%); /* W3C */ position: absolute; width: 20px; display: block; content: ""; } .pagination .next a:before, .pagination .previous a:before { left: -20px; -moz-border-radius: 100% 0% 0% 100%; border-radius: 100% 0% 0% 100%; } .pagination .next a:after, .pagination .previous a:after { right: -20px; -moz-border-radius: 0% 100% 100% 0%; border-radius: 0% 100% 100% 0%; } .page_intro { margin-bottom: 20px; } .page_intro h2 { margin: 0; margin-bottom: 10px; } .page_intro p { margin-top: 0; line-height: 1.8em; } .ajax_load_more { display: block; background-color: #FFFFFF; border: 1px solid #D8D8D8; padding: 20px; color: #981f3b; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; text-align: center; text-decoration: none; font-size: 1.5em; } .ajax_load_more .sprite { display: inline-block; vertical-align: middle; margin-left: 5px; } .ajax_load_more:hover { background-color: #981f3b; color: #FFFFFF; } .loading_spinner { margin: 0 auto; display: block; width: 20px; clear: both; } /*Fabric Details*/ .white_content_wrap { background-color: #FFFFFF; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; overflow: hidden; position: relative; } .swatches { text-align: center; } .swatch { position: relative; width: 100px; height: 80px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; display: inline-block; margin: 5px; } .swatch img { -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .swatch:after { position: absolute; bottom: 0; left: 0; content: ""; right: 0; background: url("/images/retina/swatch_cut_out_single@2x.png") repeat 0 0; background-size: 12px 7px; height: 7px; } .lt-ie9 .swatch:after { background-image: url("/images/swatch_cut_out_single.png"); } .mini_swatch_link { display: block; clear: both; } .related_fabrics .fancy_divider { margin: 0 auto; } .tick_list, .rich-text-area .tick_list { margin: 0; padding: 0; font-size: 1em; display: block; width: 100%; overflow: hidden; } .tick_list li, .rich-text-area .tick_list li { list-style: none; margin: 0; margin-bottom: 10px; padding: 0; float: left; display: block; background: none; } .tick_list li a, .rich-text-area .tick_list li a { display: block; text-decoration: none; position: relative; padding-left: 30px; margin-right: 30px; } .tick_list li a span, .rich-text-area .tick_list li a span { clear: both; display: block; } .tick_list li a span:hover, .rich-text-area .tick_list li a span:hover { text-decoration: underline; } .tick_list li a .sprite, .rich-text-area .tick_list li a .sprite { position: absolute; left: 0; top: 0; clear: none; } .tick_list li a .sprite:hover, .rich-text-area .tick_list li a .sprite:hover { text-decoration: none; } .customer_reviews_on_page .customer_reviews { font-size: 1em; } .content_footer .customer_reviews, .customer_reviews_on_page .customer_reviews, .inspa_box .customer_reviews { margin-bottom: 20px; } .content_footer .customer_reviews .fefo, .customer_reviews_on_page .customer_reviews .fefo, .inspa_box .customer_reviews .fefo { border-top: 0; } .content_footer .customer_reviews .fefo .small, .customer_reviews_on_page .customer_reviews .fefo .small, .inspa_box .customer_reviews .fefo .small { clear: none; display: inline; } .content_footer .customer_reviews .fefo:before, .customer_reviews_on_page .customer_reviews .fefo:before, .inspa_box .customer_reviews .fefo:before { position: absolute; content: ""; left: 35%; right: 35%; top: -2px; background-color: #AAAAAA; height: 2px; display: block; } .grid_9_no_margin .content_footer .customer_reviews .fefo .small { clear: both !important; display: block; } .content_footer { overflow: visible; } .content_footer .fancy_divider { margin: 30px auto 60px; } .content_footer .customer_reviews { margin-right: 10px; padding: 10px; background-color: #FFFFFF; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .content_footer .customer_reviews .quote { margin-top: -30px; background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2); } .content_footer .grid_5.video-grid .video_testimonail { width: 160px; } .content_footer .grid_5.video-grid .video_testimonail:nth-child(2n+1) { margin-right: 0; } .content_footer .video_testimonail { width: 120px; font-size: 0.71429em; float: left; margin-right: 45px; } .content_footer .video_testimonails { margin-left: 10px; } .content_footer .video_testimonails a:nth-child(4n) { margin-right: 0; } .content_footer .video_testimonails a:nth-child(5n) { clear: both; } .homevisit_footer { clear: both; padding-top: 5px; } .dashed_left_border { border-right: 1px dashed #CECECE; position: absolute; top: 10px; bottom: 10px; right: 245px; } .county_select, .postcode_search { margin-top: 20px; padding-top: 20px; padding-bottom: 20px; border-top: 3px dotted #dadada; } .county_select { margin-top: 0px; padding-top: 0; border-top: 0; vertical-align: top; width: 100%; } .county_select span { display: block; float: left; white-space: nowrap; } .county_select a { vertical-align: top; } .county_select a, .postcode_search a { color: #981f3b; display: inline-block; margin: 5px; font-size: 1.28571em; } .county_select h2, .postcode_search h2 { margin-top: 0; padding-top: 0; } .postcode_search span { font-size: 1.28571em; padding-bottom: 20px; display: block; } .postcode_search .outward { border-color: #dadada; height: 20px; padding: 10px; width: 100px; } .postcode_search .inward { border-color: #dadada; height: 20px; padding: 10px; width: 75px; margin-left: 10px; } .postcode_search .field-validation-error, .postcode_search .field-validation-error span, { padding-bottom: 0; } .postcode_search a { font-size: 0.85714em; text-decoration: none; } .postcode_search a:hover { text-decoration: underline; } .postcode_search button { height: 45px; width: 120px; margin-left: 20px; } .postcode_search .form { display: inline-block; overflow: hidden; } .postcode_search .form div { float: left; height: 50px; } .reviews_map #fullreview { margin-bottom: 20px; } .padder { padding: 20px; } .prestige_padder { padding: 20px 0; text-align: center; } .prestige_range_content { } .prestige_range_content p { line-height: 1.85em; } a.prestige_range_button { background: #542459; padding: 1em; display: inline-block; border: 2px solid #b8c128; color: #ffffff; margin: 2em 0em; text-decoration: none; } .prestige_range_button:hover { color: white; background-color: #3d1a41; } .prestige_logos { margin: 0; padding: 0; text-align: center; padding: 1em 0em; overflow: hidden; border-top: 4px solid #b8c128; border-bottom: 4px solid #b8c128; } .prestige_logos li { display: inline-block; width: 20%; float: left; } .prestige_logos a { display: block; } .prestige_featured_images { margin: 22px; text-align: center; padding: 0em; overflow: hidden; } .prestige_featured_images li { display: inline-block; width: 33.33333%; float: left; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .prestige_featured_images img { border: 3px solid #542459; max-width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .prestige_featured_images a { display: block; } .shadow_swatches ul { margin: 0; padding: 0; display: block; overflow: hidden; } .shadow_swatches ul li { margin: 0; padding: 0; display: block; list-style: none; width: 25%; float: left; margin-bottom: 10px; } .shadow_swatches ul li span { display: block; margin-top: 20px; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1.14286em; text-decoration: none; } .shadow_swatches ul li span:hover { text-decoration: underline; } .shadow_swatches ul li a { text-decoration: none; } .shadow_swatches .swatch { position: relative; } .shadow_swatches .swatch:before { left: 50%; margin-left: -25px; position: absolute; content: ""; bottom: -15px; width: 50px; height: 10px; background: #F1F1F1; -moz-border-radius: 25px / 5px; -webkit-border-radius: 25px / 5px; border-radius: 25px / 5px; } .overlap_heading { display: block; margin: 0 auto; width: 400px; text-align: center; background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #eeeeee 100%); /* W3C */ -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 10px; margin-top: -64px; z-index: 2000; position: relative; height: 44px; color: #981f3b; background-clip: padding-box; border: 3px solid rgba(255, 255, 255, 0.3); border-bottom: 0; font-size: 2em; } .lt-ie9 .overlap_heading { background: none; background-color: #EEEEEE; } .meet_the_team { margin: 0; padding: 0; display: block; overflow: hidden; } .meet_the_team li { margin: 0; margin-bottom: 20px; padding: 0; list-style: none; float: left; width: 33%; text-align: center; } .meet_the_team li .polaroid { display: inline-block; } .meet_the_team li .name { clear: both; display: block; padding-left: 10px; padding-right: 10px; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } .meet_the_team li .rich-text-area { padding-left: 10px; padding-right: 10px; font-size: 0.85714em; } .double_video { overflow: hidden; background-image: url("/images/video_divider.png"); background-repeat: repeat-y; background-position: 50% top; margin-top: 20px; } .double_video .video_testimonail { width: 45%; float: left; margin: 0 2.5%; text-align: center; } .double_video .video_testimonail h2 { margin-top: 0; } .double_video .video_testimonail:hover { text-decoration: none; } .towns_served { margin-top: 20px; text-align: center; } .towns_served ul { margin: 0; padding: 0; display: block; } .towns_served li { padding: 0; display: inline-block; margin: 5px 10px; font-size: 0.85714em; white-space: nowrap; } .towns_served li a { color: #981f3b; } .region_map { float: right; width: 230px; height: 250px; background-color: #F3F3F3; padding: 5px; margin-left: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } .inline-polaroid { float: left; margin-right: 10px; margin-bottom: 10px; } .consultant_name { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1.14286em; } .fabric_sponsers_title { width: 85%; margin: 20px auto 40px; font-size: 1.15em; } .fabric_sponsers { display: table; width: 100%; margin-bottom: 40px; } .fabric_sponsers a { display: table-cell; vertical-align: middle; } #view_fabric_range { display: block; margin: 20px auto 0; text-align: center; width: 400px; color: #981f3b; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; border-top: 3px dotted #DDDDDD; font-size: 1.66667em; padding: 20px 0 10px; text-decoration: none; } #view_fabric_range:hover { text-decoration: underline; } .half_col_footer { overflow: hidden; padding: 0 10px; padding-top: 30px; } .half_col_footer .half_col { width: 50%; float: left; padding-bottom: 10px; } .half_col_footer .half_col .video_testimonail { width: 45%; margin: 10px 2.5%; } .plain_text_link, .plain_text_link:visited, .plain_text_link:focus, .plain_text_link:active, .plain_text_link:hover { color: #981f3b; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; display: block; text-decoration: none; text-align: center; font-size: 1.14286em; } .plain_text_link:hover { text-decoration: underline; } /*Inspirations*/ .feeling_inspired .expander { background-image: url("/images/retina/inspired_wall_paper@2x.jpg"); background-repeat: repeat; background-size: 222px 225px; } .inpirations_header { text-align: center; padding: 0; position: relative; background-color: #FFFFFF; border: 1px solid #D9D9D9; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin: 0px; margin-bottom: 10px; z-index: 4; margin: 10px; /* background: #FFFFFF url("/images/retina/inpirations_header.png") no-repeat center center; background-size: 1024px 262px;*/ background: #FFFFFF url("/images/retina/inpirations_header_bottom.png") no-repeat; background-size: 453px 250px; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; padding-bottom: 25px; padding-left: 150px; padding-right: 150px; background-position: 145% bottom; } .lt-ie9 .inpirations_header { background-image: url("/images/inpirations_header_bottom.png"); } .inpirations_header:before, .inpirations_header:after { content: ""; position: absolute; background-color: #FFFFFF; border: 1px solid #D9D9D9; height: 2px; bottom: -4px; left: 0px; right: 0px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; display: block; } .inpirations_header:before { border-top: 0; z-index: 1; } .inpirations_header:after { left: 1px; right: 1px; height: 1px; bottom: -6px; -moz-border-radius: 0px 0px 16px 16px; border-radius: 0px 0px 16px 16px; } .inpirations_header h1 { color: #981f3b; font-family: 'Sofia', cursive; font-weight: 300; -webkit-text-stroke: 0.35px; font-size: 2.85714em; background: url("/images/retina/inpirations_header_top.png") no-repeat top left; background-size: 536px 192px; width: 100%; margin: 0; /*min-height: 102px;*/ padding-top: 25px; background-position: -275px top; margin-left: -150px; padding-left: 150px; } .lt-ie9 .inpirations_header h1 { background-image: url("/images/inpirations_header_top.png"); } .inpirations_header p { margin-top: 5px; margin-left: 100px; margin-right: 100px; } .inspa_box { position: relative; background-color: #FFFFFF; border: 1px solid #D9D9D9; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin: 0px; margin-bottom: 10px; z-index: 4; margin: 9px; /*9px because of the borders*/ text-align: center; padding: 10px 0; } .inspa_box:before, .inspa_box:after { content: ""; position: absolute; background-color: #FFFFFF; border: 1px solid #D9D9D9; height: 2px; bottom: -4px; left: 0px; right: 0px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; display: block; } .inspa_box:before { border-top: 0; z-index: 1; } .inspa_box:after { left: 1px; right: 1px; height: 1px; bottom: -6px; -moz-border-radius: 0px 0px 16px 16px; border-radius: 0px 0px 16px 16px; } .inspa_box .customer_reviews .quote { background-color: #FFFFFF; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .inspa_box .video_thumbnail img { -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); height: 195px; width: 420px; max-width: 420px; } .inspa_link { display: block; margin: 10px 20px; border-bottom: 1px solid #E5E5E5; text-decoration: none; text-align: center; clear: both; } .inspa_link h2 { font-size: 1.28571em; } .inspa_link h2, .inspa_link p { margin: 0; padding: 0 0 10px 0; } .inspa_link:hover h2 { text-decoration: underline; } .inspa_link p { display: inline-block; font-size: 0.875em; } .inspa_link .sprite { display: inline-block; margin-left: 5px; } .blog-post-inspa { text-align: left; padding-top: 10px; } .blog-post-inspa .rich-text-area { padding: 10px; } .blog-post-inspa .polaroid { float: left; margin-right: 10px; margin-bottom: 15px; } .blog-post-inspa .summary_content { overflow: hidden; } .blog-post-inspa h3 { margin: 0; clear: none; } .blog-post-inspa p { font-size: 0.875em; } .blog-post-inspa p a { color: #981f3b; text-decoration: none; } .blog-post-inspa p a:hover { text-decoration: underline; } .blog-post-inspa .summary { font-size: 0.875em; } .published_by_info { font-size: 0.8em; margin-top: 10px; overflow: hidden; } .published_by_info a, .published_by_info a:hover { color: #981f3b; } .pub_in_tags, .pub_by { float: left; } .pub_in_tags .tag_inner { float: left; margin-right: 5px; } .pub_in_tags ul { margin: 0; padding: 0; display: block; float: left; } .pub_in_tags ul li { display: inline; background-image: none; padding: 0; margin: 0; line-height: 1em; } .pub_in_tags { margin-left: 5px; } .inpirations_nav .inspa_box, .gallery .inspa_box { padding-top: 0; margin-bottom: 20px; padding-bottom: 0; } .inpirations_nav .inspa_box .video_thumbnail img, .gallery .inspa_box .video_thumbnail img { width: 300px; height: 150px; max-width: 300px; } .inpirations_nav .inspa_box .inspa_link, .gallery .inspa_box .inspa_link { border-top: 0; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.35px; font-size: 1.5625em; height: auto; position: static; margin: 10px; padding: 10px; text-align: center; background-color: #ECECEC; color: #981f3b; -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .inpirations_nav .inspa_box .inspa_link .sub_text, .gallery .inspa_box .inspa_link .sub_text { font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; font-size: 0.52em; color: #555555; clear: both; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .inpirations_nav .inspa_box .inspa_link:hover, .gallery .inspa_box .inspa_link:hover { background-color: #981f3b; color: #FFFFFF; } .inpirations_nav .inspa_box .inspa_link:hover .sub_text, .gallery .inspa_box .inspa_link:hover .sub_text { color: #FFFFFF; } .inpirations_nav .inspa_box .inspa_link:hover .sprite, .gallery .inspa_box .inspa_link:hover .sprite { background-position: -20px -25px; } .inpirations_nav .inspa_box img { padding: 10px; padding-bottom: 0; margin-bottom: 0; width: 100%; box-sizing: border-box; } .gallery { margin-top: 10px; } .gallery .inspa_box { padding-bottom: 10px; padding-top: 10px; } .google_map { float: right; } .reviews_map .google_map .infowindow { text-align: center; } .reviews_map .google_map .infowindow p { padding: 0; margin: 0; } .reviews_map .google_map .infowindow p.type { font-size: 1.3em; color: #981F3B; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } #fullreview .reviewtext { font-size: 12px; } #fullreview .stars { text-align: center; font-size: 12px; font-family: 'Fjord One', serif; font-weight: 300; margin: 10px 0; color: #555; } #fullreview p.source, #fullreview p.date { text-align: right; font-size: 13px; font-family: 'Fjord One', serif; font-weight: 300; margin: 5px 0; color: #333; } #fullreview p.date { color: #555; } .no_padding_inspa { padding: 0; text-align: left; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; margin-bottom: 30px; } .no_padding_inspa .padder > .rich-text-area > p:first-child { margin-top: 0; } .reviews { margin: 0; padding: 0; display: block; } .reviews li { margin: 0; padding: 10px 20px; display: block; list-style: none; font-size: 0.875em; border-bottom: 1px solid #D6D6D6; margin-bottom: 10px; } .reviews li .title { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1.28571em; margin: 10px 0; } .reviews li .title .date { font-size: 0.77778em; float: right; color: #999; line-height: 28px; } .reviews li p:first-child { margin-top: 0; } .reviews li p { font-size: 12px; } .reviews li .testimonial_author { display: block; text-align: right; margin: 10px 0 10px 10px; font-family: 'Fjord One', serif; font-weight: 300; font-size: 1em; color: #333; line-height: 28px; } .grid_5 .main_cta_form .form .row .sbHolder { width: 100%; } .grid_5 .main_cta_form .form .row .button { display: block; float: right; width: auto; } #homeVisitButton { float: right !important; width: 100% !important; } #homeVisitButton .btn_text { float: none; position: relative; } #homeVisitButton .chevron { position: absolute; right: -20px; top: 0; } .sidebar_module #homeVisitButton .chevron { right: 6px; top: 8px; } @media only screen and (max-width: 380px) { #homeVisitButton { width: 100% !important; float: none !important; } #homeVisitButton .btn_text { float: none; display: block; margin: 0 auto; width: inherit; } #homeVisitButton .chevron { position: absolute; right: 15px; } } #AddressLookUp { display: initial; float: right; text-align: center; } /*#HomeVisitForm #homeVisitButton { float: none; width: 100%; }*/ .star_rating { width: 110px; height: 16px; margin: 0 auto; display: block; background: url(/images/stars_small.png) no-repeat 0 -178px; } .star_rating.starhalf { background-position: 0 0; } .star_rating.star1 { background-position: 0 -17px; } .star_rating.star1half { background-position: 0 -35px; } .star_rating.star2 { background-position: 0 -53px; } .star_rating.star2half { background-position: 0 -71px; } .star_rating.star3 { background-position: 0 -88px; } .star_rating.star3half { background-position: 0 -106px; } .star_rating.star4 { background-position: 0 -124px; } .star_rating.star4half { background-position: 0 -141px; } .star_rating.star5 { background-position: 0 -159px; } .stars { text-align: center; } .reviews .star_rating { margin-top: 35px; } .reviews h5 { text-align: center; margin: 10px; font-family: 'Fjord One', serif; font-weight: 300; font-size: 14px; color: #999; } .g_map { height: 320px; margin-bottom: 10px; } /*News list */ .news-list h2 { margin-top: 0; } /* testimonial map */ .reviews_map h3 { font-family: 'Fjord One', serif; font-weight: 300; font-size: 1.28571em; } .reviews_map .reviewtext { font-size: 12px; line-height: 24px; } /*Masonary*/ .masonary_container { margin-left: 0px; } .item { margin: 0; } .sumit-row { height: 45px; display: block; overflow: hidden; } .video_thumbnail_sprite_holder { position: relative; } .video_thumbnail_sprite_holder .sprite { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; } .tabgroup { margin: 10px 0; } .tabgroup .tab_nav { display: block; margin-bottom: -1px; } .tabgroup .tab_nav ul { padding: 0; margin: 0; margin-left: -2px; } .tabgroup .tab_nav ul li { padding: 0; margin: 0 2px; background: none; background-color: #F6F5F3; border: 1px solid #DBD7D4; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .tabgroup .tab_nav ul li a { display: block; padding: 5px 15px; } .tabgroup .tab_nav ul li a:focus { outline: 0; } .tabgroup .tab_nav ul .active { border-bottom: 0; padding-bottom: 1px; background-color: #FFFFFF; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .tabgroup .tab_nav ul .active a { color: #981f3b; } .tabgroup .tab_holder { background-color: #FFFFFF; border: 1px solid #DBD7D4; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .tabgroup .tab_holder .tab { padding: 15px; overflow: hidden; } .tabgroup .tab_holder .tab .img_float_left, .tabgroup .tab_holder .tab .img_float_right { margin: 20px; } .js .tabgroup .tab_holder .tab { display: none; } .js .steps .tab_holder .tab { display: block !important; /*overrule jquery*/ border-bottom: 1px solid #DBD7D4; position: relative; overflow: visible; } .steps .tab_holder .tab:before { content: ""; display: block; position: absolute; left: 50%; bottom: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px; border-top: 10px solid #DBD7D4; } .steps .tab_holder .tab:after { content: ""; display: block; position: absolute; left: 50%; margin-left: -10px; bottom: -8px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffffff; } .steps .tab_holder .tab:last-child { border-bottom: 0; } .steps .tab_holder .tab:last-child:before, .steps .tab_holder .tab:last-child:after { display: none; } .region_map .county_map { background-color: #FFFFFF; height: 250px; width: 230px; overflow: hidden; } .region_north-west .county_map .mapbg { margin-left: -90px; margin-top: -80px; } .region_north-east .county_map .mapbg { margin-left: -140px; margin-top: -25px; } .region_scotland .county_map .mapbg { margin-left: -70px; margin-top: -30px; } .region_scotland .county_map .mapbg { margin-left: -70px; margin-top: 70px; } .region_northern-ireland .county_map .mapbg { margin-left: 5px; margin-top: -40px; } .region_ireland .county_map .mapbg { margin-left: 45px; margin-top: -115px; } .region_yorkshire .county_map .mapbg { margin-left: -145px; margin-top: -80px; } .region_east-midlands .county_map .mapbg { margin-left: -160px; margin-top: -140px; } .region_east .county_map .mapbg { margin-left: -190px; margin-top: -180px; } .region_london .county_map .mapbg { margin-left: -190px; margin-top: -215px; } .region_west-midlands .county_map .mapbg { margin-left: -70px; margin-top: -30px; } .region_wales .county_map .mapbg { margin-left: -70px; margin-top: -175px; } .region_west-midlands .county_map .mapbg { margin-left: -110px; margin-top: -160px; } .region_south-west .county_map .mapbg { margin-left: -90px; margin-top: -215px; } .region_south-east .county_map .mapbg { margin-left: -190px; margin-top: -215px; } .region_isle-of-man .county_map .mapbg { margin-left: -55px; margin-top: -74px; } .map { float: left; margin: 30px 0; text-align: center; width: 460px; } .county_map { display: inline-block; width: 350px; /* .hovering_south_scotland, .area_scotland .map_foreground{background: url('/images/map/retina/ss.png') no-repeat 117px 46px; background-size: 134px 141px;} .hovering_northscoland, hovering_scotland_isles, .area_scotland .map_foreground{background: url('/images/map/retina/ns.png') no-repeat 101px 1px; background-size: 119px 102px;}*/ } .county_map img { position: relative; z-index: 1; } .county_map map { position: absolute; z-index: 5; background-color: Green; display: block; } .county_map .mapbg { background-image: url("/images/map/retina/map_vector_cs4_v2@2x.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 350px 404px; } .county_map .hovering_wales, .county_map .area_wales .map_foreground { background: url("/images/map/retina/wales.png") no-repeat 150px 243px; background-size: 76px 95px; } .county_map .hovering_west_country, .county_map .area_south-west .map_foreground { background: url("/images/map/retina/west_country.png") no-repeat 134px 304px; background-size: 125px 98px; } .county_map .hovering_london, .county_map .area_london .map_foreground { background: url("/images/map/retina/london.png") no-repeat 287px 323px; background-size: 25px 19px; } .county_map .hovering_southeast, .county_map .hovering_isle_of_white, .county_map .area_south-east .map_foreground { background: url("/images/map/retina/se.png") no-repeat 245px 300px; background-size: 99px 76px; } .county_map .hovering_east_anglia, .county_map .area_east .map_foreground { background: url("/images/map/retina/ea.png") no-repeat 280px 263px; background-size: 70px 71px; } .county_map .hovering_east_midlands, .county_map .area_east-midlands .map_foreground { background: url("/images/map/retina/em.png") no-repeat 243px 235px; background-size: 67px 77px; } .county_map .hovering_west_midlands, .county_map .area_west-midlands .map_foreground { background: url("/images/map/retina/wm.png") no-repeat 209px 253px; background-size: 59px 65px; } .county_map .hovering_isle_of_man, .county_map .area_isle-of-man .map_foreground { background: url("/images/map/retina/isle_of_man.png") no-repeat 168px 197px; background-size: 15px 18px; } .county_map .hovering_north_west, .county_map .area_north-west .map_foreground { background: url("/images/map/retina/nw.png") no-repeat 200px 163px; background-size: 47px 104px; } .county_map .hovering_yorkshire, .county_map .area_yorkshire .map_foreground { background: url("/images/map/retina/york.png") no-repeat 229px 192px; background-size: 75px 59px; } .county_map .hovering_north_east, .county_map .area_north-east .map_foreground { background: url("/images/map/retina/ne.png") no-repeat 226px 134px; background-size: 51px 63px; } .county_map .hovering_south_scotland, .county_map .area_scotland .map_foreground, .county_map .hovering_northscoland, .county_map hovering_scotland_isles, .county_map .area_scotland .map_foreground { background: url("/images/map/retina/scot.png") no-repeat 100px 0px; background-size: 150px 186px; } .county_map .hovering_roi, .county_map .area_ireland .map_foreground { background: url("/images/map/retina/roi.png") no-repeat 1px 151px; background-size: 152px 197px; } .county_map .hovering_ni, .county_map .area_northern-ireland .map_foreground { background: url("/images/map/retina/ni.png") no-repeat 72px 153px; background-size: 81px 64px; } .lt-ie9 .county_map, .no-backgroundsize .county_map { /*.hovering_south_scotland, .area_scotland .map_foreground{background-image: url('/images/map/ss.png');} .hovering_northscoland, hovering_scotland_isles, .area_scotland .map_foreground{background-image: url('/images/map/ns.png');}*/ } .lt-ie9 .county_map .mapbg, .no-backgroundsize .county_map .mapbg { background-image: url("/images/map/map_vector_cs4_v2.png"); } .lt-ie9 .county_map .hovering_wales, .lt-ie9 .county_map .area_wales .map_foreground, .no-backgroundsize .county_map .hovering_wales, .no-backgroundsize .county_map .area_wales .map_foreground { background-image: url("/images/map/wales.png"); } .lt-ie9 .county_map .hovering_west_country, .lt-ie9 .county_map .area_south-west .map_foreground, .no-backgroundsize .county_map .hovering_west_country, .no-backgroundsize .county_map .area_south-west .map_foreground { background-image: url("/images/map/west_country.png"); } .lt-ie9 .county_map .hovering_london, .lt-ie9 .county_map .area_london .map_foreground, .no-backgroundsize .county_map .hovering_london, .no-backgroundsize .county_map .area_london .map_foreground { background-image: url("/images/map/london.png"); } .lt-ie9 .county_map .hovering_southeast, .lt-ie9 .county_map .hovering_isle_of_white, .lt-ie9 .county_map .area_south-east .map_foreground, .no-backgroundsize .county_map .hovering_southeast, .no-backgroundsize .county_map .hovering_isle_of_white, .no-backgroundsize .county_map .area_south-east .map_foreground { background-image: url("/images/map/se.png"); } .lt-ie9 .county_map .hovering_east_anglia, .lt-ie9 .county_map .area_east .map_foreground, .no-backgroundsize .county_map .hovering_east_anglia, .no-backgroundsize .county_map .area_east .map_foreground { background-image: url("/images/map/ea.png"); } .lt-ie9 .county_map .hovering_east_midlands, .lt-ie9 .county_map .area_east-midlands .map_foreground, .no-backgroundsize .county_map .hovering_east_midlands, .no-backgroundsize .county_map .area_east-midlands .map_foreground { background-image: url("/images/map/em.png"); } .lt-ie9 .county_map .hovering_west_midlands, .lt-ie9 .county_map .area_west-midlands .map_foreground, .no-backgroundsize .county_map .hovering_west_midlands, .no-backgroundsize .county_map .area_west-midlands .map_foreground { background-image: url("/images/map/wm.png"); } .lt-ie9 .county_map .hovering_isle_of_man, .lt-ie9 .county_map .area_isle-of-man .map_foreground, .no-backgroundsize .county_map .hovering_isle_of_man, .no-backgroundsize .county_map .area_isle-of-man .map_foreground { background-image: url("/images/map/isle_of_man.png"); } .lt-ie9 .county_map .hovering_north_west, .lt-ie9 .county_map .area_north-west .map_foreground, .no-backgroundsize .county_map .hovering_north_west, .no-backgroundsize .county_map .area_north-west .map_foreground { background-image: url("/images/map/nw.png"); } .lt-ie9 .county_map .hovering_yorkshire, .lt-ie9 .county_map .area_yorkshire .map_foreground, .no-backgroundsize .county_map .hovering_yorkshire, .no-backgroundsize .county_map .area_yorkshire .map_foreground { background-image: url("/images/map/york.png"); } .lt-ie9 .county_map .hovering_north_east, .lt-ie9 .county_map .area_north-east .map_foreground, .no-backgroundsize .county_map .hovering_north_east, .no-backgroundsize .county_map .area_north-east .map_foreground { background-image: url("/images/map/ne.png"); } .lt-ie9 .county_map .hovering_south_scotland, .lt-ie9 .county_map .area_scotland .map_foreground, .lt-ie9 .county_map .hovering_northscoland, .lt-ie9 .county_map hovering_scotland_isles, .lt-ie9 .county_map .area_scotland .map_foreground, .no-backgroundsize .county_map .hovering_south_scotland, .no-backgroundsize .county_map .area_scotland .map_foreground, .no-backgroundsize .county_map .hovering_northscoland, .no-backgroundsize .county_map hovering_scotland_isles, .no-backgroundsize .county_map .area_scotland .map_foreground { background-image: url("/images/map/scot.png"); } .lt-ie9 .county_map .hovering_roi, .lt-ie9 .county_map .area_ireland .map_foreground, .no-backgroundsize .county_map .hovering_roi, .no-backgroundsize .county_map .area_ireland .map_foreground { background-image: url("/images/map/roi.png"); } .lt-ie9 .county_map .hovering_ni, .lt-ie9 .county_map .area_northern-ireland .map_foreground, .no-backgroundsize .county_map .hovering_ni, .no-backgroundsize .county_map .area_northern-ireland .map_foreground { background-image: url("/images/map/ni.png"); } @media only screen and (max-width: 959px) { .map { width: 350px; } } @media only screen and (max-width: 767px) { .blog-post-inspa .summary_content h3 { text-align: center; } .map { width: auto; display: block; float: none; } .region_map { float: none; margin: 0 auto; margin-bottom: 10px; } .map { width: 325px; overflow: hidden; margin-left: -20px; } .map .county_map { -moz-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } } @media only screen and (max-width: 380px) { /*scale it down to fit mobile*/ .no-csstransforms .map .county_map { width: 280px; overflow: hidden; } .no-csstransforms .map .county_map .mapbg { margin-left: -35px; } .map .county_map { -moz-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(0.85) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } } .inspa_area_box { position: relative; background-color: #FFFFFF; border: 1px solid #D9D9D9; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin: 0px; margin-bottom: 10px; z-index: 4; position: relative; margin: 0px auto 30px; } .inspa_area_box:before, .inspa_area_box:after { content: ""; position: absolute; background-color: #FFFFFF; border: 1px solid #D9D9D9; height: 2px; bottom: -4px; left: 0px; right: 0px; -moz-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; display: block; } .inspa_area_box:before { border-top: 0; z-index: 1; } .inspa_area_box:after { left: 1px; right: 1px; height: 1px; bottom: -6px; -moz-border-radius: 0px 0px 16px 16px; border-radius: 0px 0px 16px 16px; } .inspa_area_box .white_content_wrap { background-color: transparent; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } .navbar-block { position: relative; border-bottom: 1px solid #CECECE; margin-top: 20px; padding-bottom: 20px; } .navbar-block:after { display: block; content: ""; } .navbar-block .listings { border: 0; margin-top: 10px; } .navbar-block .colapsable { margin-bottom: 0; } .navbar-block h2 { margin: 0; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; text-align: center; } .navbar-block .posts { margin: 0; padding: 0; list-style: none; display: block; } .navbar-block .posts li { margin: 0; padding: 0; list-style: none; display: block; } .navbar-block .posts li a { display: block; color: #981f3b; text-decoration: none; margin-bottom: 10px; } .navbar-block .collase_area .posts { margin-top: 10px; } .navbar-block .posts { margin: 0; padding: 0; list-style: none; display: block; } .navbar-block.colapsable { border: 1px solid #D9D9D9; text-align: left; } .navbar-block.colapsable a { text-decoration: none; } .list .post { padding-bottom: 10px; margin-bottom: 10px; } .list .post:last-child { margin-bottom: 0px; } .blog .navbar-block { border-bottom: 0; padding-bottom: 10px; } .list .post:after, .blog .navbar-block:after { background: url("/images/retina/sprite@2x.png") no-repeat 0 -199px; background-size: 300px 300px; width: 211px; height: 26px; display: block; margin: 0 auto; clear: both; content: ""; margin-top: 40px; margin-bottom: 10px; } .blog .navbar-block:after { margin-top: 20px; } .blog .navbar-block .colapsable { margin-bottom: 30px; } .lt-ie9 .list .post:after, .lt-ie9 .blog .navbar-block:after { background-image: url("/images/sprite.png"); } .navbar-block .archive li { position: relative; } .navbar-block .archive li .colapsable_toggle { right: 10px; top: 20px; } .navbar-block .archive li ul { display: none; } .timestamp { float: right; background-color: #FFF; border: 1px solid #981F3B; text-align: center; padding: 10px 5px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); display: block; margin: 5px; margin-top: 0; font-size: 0.95em; } .timestamp .dd_mmm { display: block; } .timestamp .year { display: block; margin-top: 0px; } .post .info { border-top: 1px solid #CECECE; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CECECE; } .blog_post_info a, .read_more_link, .blog_post_info a:hover, .read_more_link:hover { color: #981F3B; } .read_more_link, .post .info a { text-decoration: none; } .read_more_link:hover, .post .info a:hover { text-decoration: underline; } .blog_post_info { overflow: hidden; font-size: 0.9em; } .blog_post_info .about, .blog_post_info .target, .blog_post_info .tags { float: left; display: inline; } .blog_post_info .about address { display: inline; font-style: normal; } .blog_post_info .tags { margin-left: 5px; } .blog_post_info .tags .tag_inner { display: inline; float: left; } .blog_post_info .tags .tagged { float: left; margin: 0 5px; } .blog_post_info .tags ul { display: inline; margin: 0; padding: 0; float: left; margin-left: 5px; } .blog_post_info .tags ul li { display: inline; margin: 0; padding: 0; float: left; } .blog_post_info .info { clear: both; } aside .navbar-block .tags { margin: 0; padding: 0; list-style: none; } aside .navbar-block .tags li { margin: 5px; padding: 0; list-style: none; display: inline-block; } aside .navbar-block .tags a { color: #981f3b; text-decoration: none; } aside .navbar-block .tags a:hover { text-decoration: underline; } aside .navbar-block .tags .weight-1 { font-size: 0.78571em; } aside .navbar-block .tags .weight-2 { font-size: 0.85714em; } aside .navbar-block .tags .weight-3 { font-size: 1em; } aside .navbar-block .tags .weight-4 { font-size: 1.28571em; } aside .navbar-block .tags .weight-5 { font-size: 1.42857em; } aside .navbar-block .tags .weight-6 { font-size: 1.57143em; } aside .navbar-block .archive { margin: 0; padding: 0; } aside .navbar-block .archive li { list-style: none; } aside .navbar-block .archive li a { border-bottom: 1px solid #981f3b; display: block; text-decoration: none; padding-top: 10px; padding-bottom: 10px; } aside .navbar-block .archive li ul { margin: 5px 0; padding: 0; } aside .navbar-block .archive li ul li a { background-image: url("/images/retina/right_arrow_grey.png"); background-position: 95% 50%; background-size: 6px 11px; margin-bottom: 0; font-size: 0.85714em; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; padding-right: 30px; border-bottom: 0; background-repeat: no-repeat; color: #981f3b; } aside .navbar-block .archive li ul .selected a, aside .navbar-block .archive li ul li a:hover { text-decoration: none; background-color: #981f3b; color: #FFFFFF; background-image: url("/images/retina/right_arrow_white.png"); } .aside_bottom { clear: left; } .lt-ie9 aside .navbar-block .archive li ul li a { background-image: url("/images/right_arrow_grey.png"); } .lt-ie9 aside .navbar-block .archive li ul .selected a, .lt-ie9 aside .navbar-block .archive li ul li a:hover { background-image: url("/images/right_arrow_white.png"); } .testimonials_side_module { padding: 10px; background-color: #FFF; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: 1px solid #D9D9D9; } /*comments form*/ .comments_form { list-style: none; padding: 0; margin: 0; overflow: hidden; width: 680px; } .comments_form li { width: 340px; float: left; margin-bottom: 10px; } .comments_form .submit_li { width: 100%; height: 60px; } .comments_form .submit_li button { margin-top: -80px; } .comments_form input, .comments_form textarea { width: 314px; } .comments_form .comments_textarea { clear: none; float: right; height: 160px; } .comments_form .comments_textarea textarea { height: 66px; } .comments_form .comments_name { clear: none; } .comments_form .hidden { display: none; } .comments_form label { position: absolute; left: -9999px; opacity: 0; } .comments_form button { float: right; font-size: 0.85714em; width: 70px; margin-right: 11px; } #comments { margin-top: 10px; border-top: 2px solid #E0E0E0; border-bottom: 2px solid #E0E0E0; } #comments ol { margin: 0; padding: 0; } #comments ol li { border-bottom: 1px solid #E0E0E0; margin-bottom: 10px; padding-bottom: 10px; list-style: none; margin: 0; padding: 0; } #comments ol li article cite { font-style: normal; } #comments ol li article h4 { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } #comments ol li article .comment-body { font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; } #comments ol li:last-child { border-bottom: 0; margin-bottom: 0px; padding-bottom: 0px; } .author { margin-top: 10px; border-top: 2px solid #E0E0E0; padding: 10px 0; } .author .polaroid { float: left; margin-right: 10px; } .author .bio h3 { margin-top: 0; padding-top: 0; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } .author + .blog { border-top: 2px solid #E0E0E0; margin-top: 10px; padding: 10px 0; } .custom_grid_9 > .author:first-child { border-top: 0px solid #E0E0E0; margin-top: 0px; } /* NEWS AND EVENTS */ .news_events .read_more { color: #981f3b; } .news_events a { text-decoration: none; } .featured_events, .upcoming_events, .future_events { list-style: none; margin: 30px 0; padding: 0; } .featured_events li { width: 320px; float: left; } .featured_events li:first-child { margin-right: 20px; } .featured_events li img { width: 100%; height: auto; } .featured_events li p, .upcoming_events li p { line-height: 26px; margin: 10px 0; } .upcoming_events li, .future_events li { list-style-type: none; background-image: url("/images/bullet.png"); background-repeat: no-repeat; background-position: 0 1.3em; padding-top: 2px; padding-left: 25px; margin-bottom: 10px; display: block; } .upcoming_events li .image { width: 177px; float: right; margin-left: 20px; display: block; margin-top: 10px; } .upcoming_events li .details { overflow: hidden; } .upcoming_events li .details h3, .future_events li .details h3 { margin: 10px 0; } .future_events li h3 { margin: 10px 0; } .future_events li { display: block; margin-top: 20px; margin-bottom: 20px; } .upcoming_events li .details h3 span, .future_events li h3 span { color: #555; } .future_events li a { display: inline-block; } .future_events li .read_more { float: right; margin: 10px 0; } /* =====================Moduele Styles============================== - styles used for the sidebar modules -may override styles in page.sccss or global.scss */ aside .offer { height: auto; padding: 20px 0; margin-top: 20px; margin: 0; float: none; } aside .offer a { height: auto; padding-bottom: 10px; text-decoration: none; } aside .offer.img-link a { padding-bottom: 0; } aside .offer.img-link img { display: block; } aside .offer .button_wrap { font-size: 1em; height: 35px; } aside .offer .button_wrap .button { float: none; display: inline-block; padding: 9px 18px; } aside .button { font-size: 0.75em; padding: 8px; } aside .main_cta_pre_text { font-size: 1.42857em; text-align: center; line-height: 1.6em; } .social_share_this { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; font-size: 1.28571em; text-align: center; padding: 10px 0; margin-top: 20px; } /*importants to overrule pintrest styles its trying to add*/ .social_share_this a { display: inline-block !important; border: 1px solid #000000 !important; margin: 10px !important; width: 45px !important; height: 45px !important; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2) !important; -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2) !important; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2) !important; } .social_share_this a .sprite { text-indent: -99999px !important; display: block !important; width: 20px !important; height: 20px !important; margin: 14px !important; } .social_share_this .facebook_share { border-color: #3A5897; } .social_share_this .facebook_share .sprite { margin-left: 16px; } .social_share_this .facebook_share:hover { background-color: #3A5897; border-color: #FFFFFF; } .social_share_this .pintrest_share { border-color: #C8232C !important; } .social_share_this .pintrest_share:hover { background-color: #C8232C !important; border-color: #FFFFFF !important; } .sidebar_link { display: block; margin: 20px 0; } /*Listings Nav*/ .listings { border-bottom: 1px solid #CECECE; } .listings .section_title { font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; color: #981f3b; font-size: 1.14286em; padding: 10px 0; display: block; margin-top: 10px; } .listings ul li { float: none; border-top: 1px solid #CECECE; overflow: hidden; display: block; } .listings ul li a { display: block; float: none; background-image: url("/images/retina/right_arrow_red.png"); background-size: 6px 11px; background-repeat: no-repeat; background-position: right center; padding: 10px; padding-left: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 0.85714em; } .listings ul li a:hover { color: #981f3b; } .listings ul li span { display: block; clear: both; } .listings ul li a, .listings ul li a:hover, .listings ul li a:focus, .listings ul li a:visited, .listings ul li a:active { float: none; } .listings .posts li { border-top: 0; } .listings .posts li a { background-image: url("/images/retina/right_arrow_grey.png"); background-position: 95% 50%; background-size: 6px 11px; margin-bottom: 0; font-size: 1em; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 30px; } .listings .posts li a:hover { text-decoration: none; background-color: #981f3b; color: #FFFFFF; background-image: url("/images/retina/right_arrow_white.png"); } .lt-ie9 .posts li a, .no-backgroundsize .posts li a { background-image: url("/images/right_arrow_grey.png"); } .lt-ie9 .posts li a:hover, .no-backgroundsize .posts li a:hover { background-image: url("/images/retina/right_arrow_white.png"); } } /*Request a home visit form*/ @media only screen and (max-width: 450px) { .main_cta_form .hidden-on-mobile { display: none !important; } } .main_cta_form h2 { margin: 0; margin-bottom: 10px; } .main_cta_form .form { margin-top: 10px; } .main_cta_form .form .row { margin: 0; margin-bottom: 10px; width: 100%; border: 3px solid #D8D8D8; background-color: white; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .main_cta_form .form .row.dropdownlist, .main_cta_form .form .row.sumit-row, .main_cta_form .form .row.checkbox_row, .main_cta_form .form .row.contourNavigation { background: none; border: 0; } .main_cta_form .form .row { position: relative; min-height: 30px; } .main_cta_form .form .row.textarea { height: 60px; } .main_cta_form .form .row label { display: block; font-size: 10px; line-height: 30px; text-indent: 10px; } .main_cta_form .form .row.textarea label { line-height: 60px; } .main_cta_form .form .row.dropdownlist label { display: none; } .main_cta_form .form .row input, .main_cta_form .form .row textarea { border: 0; width: 60%; position: absolute; right: 0; top: 0; background-color: transparent; } .main_cta_form .form .radiobuttonlist label { position: static; left: 0; opacity: 1; display: block; float: left; } .main_cta_form .form .radiobuttonlist .radio_btn_list_holder { clear: both; display: block; } .main_cta_form .form .radiobuttonlist .radio_btn_list_holder .radio_button { margin-right: 20px; float: left; margin-left: 10px; } .main_cta_form .form .radiobuttonlist .radio_btn_list_holder .radio_button label { position: static; left: 0; opacity: 1; display: block; float: left; line-height: 20px; } .main_cta_form .form .radiobuttonlist .radio_btn_list_holder .radio_button input { width: auto !important; float: left; margin-right: 5px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .main_cta_form .form button { width: 100%; margin-bottom: 10px; font-size: 0.875em; padding: 10px; } .main_cta_form .form .checkbox_row label { left: 0; position: static; opacity: 1; } .main_cta_form .form .checkbox_row input { display: none; } .main_cta_form .form .checkbox_row label { clear: both; width: 100%; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; font-size: 0.85714em; } .main_cta_form .form .checkbox_row.preference label { font-size: 0.75em; } .main_cta_form .form .checkbox_row label .checkbox { float: left; background-color: #f0f0f0; border: 3px solid #D8D8D8; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; width: 24px; height: 24px; display: block; cursor: pointer; margin: 0 5px; vertical-align: top; box-sizing: content-box; } .main_cta_form .form .checkbox_row input:checked + label .checkbox { background: url("/images/retina/sprite@2x.png") no-repeat -77px -37px; background-size: 300px 300px; background-color: #f0f0f0; } .main_cta_form .form .checkbox_row label:hover .checkbox { -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); } .main_cta_form .form .checkbox_row label .check-label { overflow: hidden; display: block; line-height: normal; padding-top: 8px; } .main_cta_form #HomeVisitForm .row input, .main_cta_form #HomeVisitForm .row textarea { width: 78%; } .sidebar_module .main_cta_form #HomeVisitForm .row input, .sidebar_module .main_cta_form #HomeVisitForm .row textarea { width: 60%; } .contactus.main_cta_form form .row input, .contactus.main_cta_form form .row textarea { width: 88%; } .offer_form { margin-left: 15px; } .offer_form .main_cta_form .form .row { width: 50%; } /***** tablet only *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { .main_cta_form .form .row input, .main_cta_form .form .row textarea, .contactus.main_cta_form form .row input, .contactus.main_cta_form form .row textarea { width: 80%; } .sidebar_module .main_cta_form #HomeVisitForm .row input, .sidebar_module .main_cta_form #HomeVisitForm .row textarea { width: 48%; } .main_cta_form #HomeVisitForm .row input, .main_cta_form #HomeVisitForm .row textarea { width: 73%; } } @media only screen and (max-width: 767px) { .offer_form .main_cta_form .form .row { width: 95%; } .main_cta_form .form .row input, .main_cta_form .form .row textarea, .main_cta_form #HomeVisitForm .row input, .main_cta_form #HomeVisitForm .row textarea, .contactus.main_cta_form form .row input, .contactus.main_cta_form form .row textarea { width: 68%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .sidebar_module .main_cta_form #HomeVisitForm .row input, .sidebar_module .main_cta_form #HomeVisitForm .row textarea { width: 78%; } } /*Sidebar Nav*/ .side_nav { -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); background-color: #FFFFFF; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; } .side_nav ul { padding: 3px; padding-bottom: 0; display: block; font-size: 0.85714em; } .side_nav ul li { background: white; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, white 0%, #dadada 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, white), color-stop(100%, #dadada)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dadada 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #dadada 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #dadada 100%); /* IE10+ */ background: linear-gradient(to bottom, white 0%, #dadada 100%); /* W3C */ display: block; margin-bottom: 3px; border: 1px solid #D9D9D9; padding: 0; float: none; overflow: hidden; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .side_nav ul li a { display: block; color: #555555; text-decoration: none; padding: 10px; font-size: 0.92857em; } .side_nav ul li a, .side_nav ul li a:hover, .side_nav ul li a:focus, .side_nav ul li a:visited, .side_nav ul li a:active { float: none; } .side_nav ul li:hover { background: #dadada; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #dadada 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #dadada), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dadada 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dadada 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dadada 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, #dadada 0%, white 100%); /* W3C */ } .side_nav ul .selected a { color: #981f3b; } /*Swatchboard Woman*/ .swatch_board_woman { text-align: right; position: relative; margin-top: 10px; } .swatch_board_woman .big { font-size: 2em; line-height: 40px; font-family: 'Fjord One', serif; font-weight: 300; -webkit-text-stroke: 0.7px; } .swatch_board_woman .big .red { font-size: 1.41667em; font-family: 'open_sansbold', Arial, sans-serif; font-weight: 300; } .swatch_board_woman img { position: absolute; top: 0; left: 0; z-index: 1; } .swatch_board_woman .sb_content { position: relative; z-index: 2; font-size: 0.85714em; padding-top: 15px; color: #2F2F2F; padding-right: 15px; font-family: 'open_sanssemibold', Arial, sans-serif; font-weight: 300; } .swatch_board_woman .button_div { margin-top: 10px; height: 55px; display: block; overflow: hidden; margin-right: -15px; } .swatch_board_woman .button_div .button { border-top: 1px solid #FFFFFF; display: block; cursor: pointer; font-size: 1em; padding: 10px; } /*Advert*/ .product_advert { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid #CECECE; } .product_advert img { max-width: 220px; } /*Module Borders*/ .sidebar_module { border-bottom: 1px solid #CECECE; } aside > .sidebar_module:last-child { border-bottom: 0; } aside > .sidebar_module:first-child > .offer { padding-top: 0; } .sidebar_module .main_cta_form { margin-top: 10px; border: 1px #981F3B solid; padding: 0; } .sidebar_module .main_cta_form .form button { font-size: 0.75em; } .sidebar_module .main_cta_form .checkbox_row .check-label { margin: 0; text-indent: 0; margin-top: 0; } /* =====================Media Queiries============================== - for everything not covered in the grid. */ /***** inbetween desktop and lap *****/ /***** Lap (Smaller than 959px) *****/ @media only screen and (max-width: 959px) { .fabric_listing li img { width: 168px; height: auto; } aside .polaroid, aside .polaroid img { width: 100%; height: auto; } aside .button .chevron { display: none; } .postcode_search input { width: 195px; height: 20px; } .postcode_search button { line-height: 22px; } .fabric_sponsers #crowson { width: 101px; height: 15px; } .fabric_sponsers #sanderson { width: 82px; height: 15px; } .fabric_sponsers #linwood { width: 111px; height: 19px; } .fabric_sponsers #prestige-reup { width: 99px; height: 20px; } .fabric_sponsers #ross { width: 57px; height: 29px; } .dashed_left_border { right: 193px; } .google_map { float: none; margin: 0 auto; text-align: center; } .reviews_map .google_map { padding: 0; float: left; } .google_map .g_map { display: inline-block; width: 100%; height: 200px; } .featured_events li, .featured_events li:first-child { width: 45%; margin: 0 2.5%; } } /***** tablet only *****/ @media only screen and (min-width: 768px) and (max-width: 959px) { aside .offer.img-link img { width: 100%; height: auto; } .tabgroup .tab_nav ul li a { padding-left: 5px; padding-right: 5px; } .tabgroup .tab_holder .tab { padding: 5px; } .tablet-full-max-width, .inspa_box .video_thumbnail .tablet-full-max-width, .inspa_box .tablet-full-max-width { max-width: 100%; height: auto; } .inspa_box .video_thumbnail .tablet-full-max-width, .inspa_box .video_thumbnail .tablet-full-max-width, .inspa_box .tablet-full-max-width { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .inpirations_nav .inspa_box .tablet-full-max-width { padding: 10px; padding-bottom: 0; } .prestige_range_link .polaroid { width: 158px; height: 119px; } .prestige_range_link .polaroid img { width: 158px; height: 119px; } .product_advert img { width: 100%; height: auto; } .offer .voucher { width: 100px; } .offer .voucher:after { background-size: 120px auto; height: 10px; bottom: -10px; } .grid_9_25_percent_descendants li { width: 120px; } .related_fabrics .fabric_listing li img { width: 116px; } .inpirations_header { background-position: 185% bottom; } .grid_5 .main_cta_form .form .row input { width: 286px; } .content_footer .video_testimonail { margin-right: 10px; width: 110px; } .comments_form { width: 525px; } .comments_form li { width: 260px; } .comments_form li input, .comments_form li textarea { width: 235px; } .swatch_board_woman img { width: 102px; top: auto; bottom: 42px; height: auto; } } /***** inbetween lap and tablet *****/ /***** Palm (Smaller than 768px) *****/ @media only screen and (max-width: 767px) { .postcode_search input { height: 45px; } aside .offer.img-link .green_pattern { background: none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); } aside .offer.img-link .green_pattern img { margin: 0 auto; } aside .offer.img-link a { padding: 20px 0; } html, body { width: 100%; } .equal_heights, .equal_heights > div { height: auto !important; /*overule jquery*/ } .mobile-full-max-width, .inspa_box .video_thumbnail .mobile-full-max-width, .inspa_box .mobile-full-max-width { max-width: 100%; height: auto; } .inspa_box .video_thumbnail .mobile-full-max-width, .inspa_box .video_thumbnail .mobile-full-max-width, .inspa_box .mobile-full-max-width { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; width: 100%; } .grid_6.inspa_box img { max-width: 420px; } .grid_4.inspa_box img, .grid_4.inspa_box .mobile-full-max-width { max-width: 260px; } .page_heading_bar h1 { min-width: 1px; } aside .polaroid { width: 215px; } .page_intro { text-align: center; } .page_intro .intro_text { text-align: left; } .prestige_range_link { margin: 0 auto; float: none; display: inline-block; overflow: visible; padding: 10px; } .fabric_listing { text-align: center; } .fabric_listing li { width: 118px; float: none; display: inline-block; margin-left: 2px; margin-right: 2px; overflow: visible; } .fabric_listing li img { width: 112px; } .fabric_listing li:nth-child(3n+1) { clear: none; } .fabric_listing li:hover { margin-top: 10px; /*cancel out margin sliding*/ margin-bottom: 20px; } .fabric_listing li .ribbon { font-size: 0.85714em; padding: 2px; top: 5px; } .find_your_consultant { text-align: center; } .find_your_consultant .inner-wrapper { background-image: none; } .find_your_consultant .inner-wrapper:before { display: none; } .image_overlay .overlay { bottom: 0; padding: 5px; } .overlap_heading { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; padding: 5px; } .breadcrumb { margin: 10px 5px; } .image_overlay .overlay p { display: none; } /* .mini_slider .slides { width: 100% !important; } */ .mini_slider .slides img { margin: 0 auto; } .rich-text-area .macro_img_gal { float: none; } .rich-text-area .macro_mini_slider { width: auto; float: none; margin: 10px 0; } .white_content_wrap { display: block; margin: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; } .shadow_swatches ul li { width: 50%; } #view_fabric_range { width: auto; } .half_col_footer .half_col { width: 100%; margin-top: 20px; margin-bottom: 20px; } .fabric_sponsers { display: block; text-align: center; } .fabric_sponsers a { display: inline-block; margin: 10px; } .wrapper > .grid_9_no_margin > .white_content_wrap { margin: 0; } .postcode_search a { clear: both; display: block; } .region_map + h1 { clear: both; } .meet_the_team li { width: 100%; } .double_video { background: none; text-align: center; } .double_video .video_testimonail { width: 100%; margin: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; } .double_video .video_thumbnail { max-width: 280px; margin: 0 auto; } .double_video > .video_testimonail:last-child { border-bottom: 0; } .content_footer .video_testimonails { text-align: center; } .content_footer .video_testimonails .video_testimonail { display: inline-block; padding: 0 10px; width: 50%; margin: 0 0 10px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content_footer .video_testimonails .video_testimonail .video_thumbnail { text-align: center; } .content_footer .video_testimonails .video_testimonail .video_thumbnail img { max-width: 120px; display: inline-block; } .content_footer .video_testimonails a:nth-child(5n) { clear: none; } .inpirations_header { padding-left: 10px; padding-right: 10px; } .inpirations_nav .inspa_box img { -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; margin-top: 10px; } .google_map img { width: 100%; height: auto; } .inspa_box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; margin-bottom: 30px; } .dashed_left_border { display: none; } .product_advert { text-align: center; } .product_advert img { display: inline-block; } .content_footer .video_icon { margin-top: 0; } .content_footer .customer_reviews .quote { margin-top: 0; } .white_content_wrap .grid_10_no_margin .grid_10 { padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid_5 .main_cta_form { padding: 10px; } .grid_5 .mobile-full-max-width { width: 100%; max-width: 375px; display: block; margin: 0 auto; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .blog-post-inspa { text-align: center; } .blog-post-inspa .polaroid { float: none; display: inline-block; } .blog-post-inspa h3, .blog-post-inspa p, .blog-post-inspa .summary { text-align: left; } .comments_form { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .comments_form li { float: left; clear: both; width: 100%; } .comments_form input { height: 40px; } .comments_form input, .comments_form textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .comments_form .comments_textarea { height: auto; } .comments_form .comments_textarea text-area { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .comments_form .submit_li button { margin-top: 0; margin-right: 0; } /*Aside hide and show*/ #aside_toggle { display: block; background-color: #FFFFFF; float: left; clear: both; padding: 10px; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); cursor: pointer; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } #aside_toggle img { float: left; margin-top: 2px; margin-right: 5px; } #aside_toggle.hide-phone { display: none; } /* .main_content aside { position: absolute; left: -101%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; }*/ .main_content .fabric_aside { position: static; opacity: initial; } .main_content .aside_toggled { left: 0; position: relative; opacity: 1; } .rich-text-area ul { padding: 0; } .inpirations_header { margin-left: 0; margin-right: 0; } .inpirations_header p { margin-left: 0; margin-right: 0; margin-top: 0px; } .tabgroup .tab_nav ul { margin: 0; } .tabgroup .tab_nav ul li { margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .tabgroup .tab_nav ul li a { display: block; float: none; } .tabgroup .tab_holder .tab .img_float_left, .tabgroup .tab_holder .tab .img_float_right { margin: 10px; } .inpirations_header h1, .inpirations_header { background: #FFFFFF; padding: 0; margin: 10px 0; text-align: center; width: auto; } .inpirations_header h1 { background: none; line-height: 1.2; min-height: 0; padding: 0 10px; } .content_footer .customer_reviews { margin-right: 0; } } @media only screen and (max-width: 400px) { .rich-text-area .img_float_left, .rich-text-area .img_float_right, .rich-text-area .macro_item.float_right, .rich-text-area .macro_item.float_left { float: none !important; margin: 10px auto !important; } .rich-text-area .float_left, .rich-text-area .float_right { float: none; } #menu_toggle, .palm_call_us, .main_menu .normal_menu, .main_menu .button { font-size: 0.875em; } } @media only screen and (max-width: 495px) { .postcode_search input { width: 105px; } .featured_events li, .featured_events li:first-child { width: 100%; margin: 0px auto; max-width: 320px; float: none; margin-bottom: 20px; } .upcoming_events li .image { float: none; display: block; margin: 0 auto; max-width: 177px; } .upcoming_events li, .future_events li { list-style-type: none; background-image: url("/images/bullet.png"); background-repeat: no-repeat; background-position: center top; padding-top: 25px; padding-left: 0; margin-bottom: 10px; display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dedede; text-align: center; } .future_events li .read_more { float: none; display: block; text-align: center; mar; } } @media only screen and (max-width: 360px) { .postcode_search input { width: 105px; } } /* =====================Sprites============================== */ .sprite_uk { margin-top: -6px; background: url("/images/retina/sprite@2x.png") no-repeat -4px -91px; background-size: 300px 300px; width: 24px; height: 27px; } .sprite_colour_chart { margin-top: -7px; background: url("/images/retina/sprite@2x.png") no-repeat -38px -91px; background-size: 300px 300px; width: 29px; height: 28px; } .sprite_phone { margin-top: -1px; background: url("/images/retina/sprite@2x.png") no-repeat -78px -94px; background-size: 300px 300px; width: 13px; height: 21px; } .twitter { background: url("/images/retina/sprite@2x.png") no-repeat -8px -135px; background-size: 300px 300px; margin-top: 4px; margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .pintrest, .pintrest_share .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -43px -134px; background-size: 300px 300px; margin-top: 3.5px; margin-bottom: 3.5px; margin-left: 5.5px; margin-right: 5.5px; } .google_plus { background: url("/images/retina/sprite@2x.png") no-repeat -69px -134px; background-size: 300px 300px; margin-top: 3.5px; margin-bottom: 3.5px; margin-left: 3.5px; margin-right: 3.5px; } .youtube { background: url("/images/retina/sprite@2x.png") no-repeat -8px -168px; background-size: 300px 300px; margin-top: 0px; margin-bottom: 0px; margin-left: 2px; margin-right: 2px; } .linkedin { background: url("/images/retina/sprite@2x.png") no-repeat -43px -172px; background-size: 300px 300px; margin-top: 6px; margin-bottom: 6px; margin-left: 3.5px; margin-right: 3.5px; } .facebook, .facebook_share .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -75px -172px; background-size: 300px 300px; margin-top: 3.5px; margin-bottom: 3.5px; margin-left: 7.5px; margin-right: 7.5px; } .great_britain { background: url("/images/retina/sprite@2x.png") no-repeat -109px -162px; background-size: 300px 300px; width: 66px; height: 33px; } .fancy_divider { background: url("/images/retina/sprite@2x.png") no-repeat 0 -199px; background-size: 300px 300px; width: 211px; height: 26px; } .furniture_ombudsman { background: url("/images/retina/sprite@2x.png") no-repeat -4px -235px; background-size: 300px 300px; width: 130px; height: 37px; } .master_upholster { background: url("/images/retina/sprite@2x.png") no-repeat -167px -229px; background-size: 300px 300px; width: 52px; height: 48px; } .fira { background: url("/images/retina/sprite@2x.png") no-repeat -248px -229px; background-size: 300px 300px; width: 50px; height: 49px; } .previous .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -69px -10px; background-size: 300px 300px; width: 12px; height: 19px; } .next .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -102px -9px; background-size: 300px 300px; width: 12px; height: 19px; } .video_thumbnail .sprite, .video_thumbnail_sprite_holder .sprite, .equal_heights .video_thumbnail .sprite, .slider_video .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -211px -135px; background-size: 300px 300px; width: 60px; height: 60px !important; } .purple_chevron_sprite { background: url("/images/retina/sprite@2x.png") no-repeat -67px -43px; background-size: 300px 300px; width: 7px; height: 12px; } .active_filters button .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -109px -134px; background-size: 300px 300px; width: 18px; height: 18px; } .active_filters button:hover .sprite { background-position: -134px -134px; } .ajax_load_more .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -48px -45px; background-size: 300px 300px; width: 12px; height: 8px; } .ajax_load_more:hover .sprite { background-position: -48px -31px; } .tick_list li .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -102px -94px; background-size: 300px 300px; width: 24px; height: 24px; } .pintrest_share:hover .sprite { background-position: -268px -10px; } .facebook_share:hover .sprite { background-position: -268px -46px; } .county_select a .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -85px -65px; background-size: 300px 300px; width: 11px; height: 15px; margin-right: 5px; margin-top: 5px; } .postcode_search button .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -135px -14px; background-size: 300px 300px; width: 6px; height: 10px; display: block; float: right; margin-top: 6px; } .video_icon, .camera_icon { background: url("/images/retina/sprite@2x.png") no-repeat -129px -84px; background-size: 300px 300px; width: 50px; height: 50px; margin: -20px auto 20px; background-color: #FFFFFF; -moz-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; } .camera_icon { background-position: -202px -65px; } .inspa_link .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -5px -25px; background-size: 300px 300px; width: 6px; height: 11px; } .accordion .acc_item .sprite { background: url("/images/retina/sprite@2x.png") no-repeat -155px -70px; background-size: 300px 300px; width: 19px; height: 11px; } .accordion .toggled .sprite { background-position: -155px -48px; } .lt-ie9 .sprite_uk, .lt-ie9 .sprite_colour_chart, .lt-ie9 .sprite_phone, .lt-ie9 .twitter, .lt-ie9 .pintrest, .lt-ie9 .google_plus, .lt-ie9 .youtube, .lt-ie9 .linkedin, .lt-ie9 .facebook, .lt-ie9 .great_britain, .lt-ie9 .fancy_divider, .lt-ie9 .furniture_ombudsman, .lt-ie9 .master_upholster, .lt-ie9 .fira, .lt-ie9 .purple_chevron_sprite, .lt-ie9 .video_icon, .lt-ie9 .camera_icon .facebook_share .sprite, .lt-ie9 .pintrest_share .sprite, .lt-ie9 .tick_list li .sprite, .lt-ie9 #search_toggle, .lt-ie9 .search_form button .sprite, .lt-ie9 .find_your_consultant .consultant_search_form button .sprite, .lt-ie9 .button .chevron, .lt-ie9 .postcode_search button .sprite, .lt-ie9 .sprite, .lt-ie9 .video_thumbnail_sprite_holder .sprite, .lt-ie9 .accordion .acc_item .sprite, .no-backgroundsize .sprite_uk, .no-backgroundsize .sprite_colour_chart, .no-backgroundsize .sprite_phone, .no-backgroundsize .twitter, .no-backgroundsize .pintrest, .no-backgroundsize .google_plus, .no-backgroundsize .youtube, .no-backgroundsize .linkedin, .no-backgroundsize .facebook, .no-backgroundsize .great_britain, .no-backgroundsize .fancy_divider, .no-backgroundsize .furniture_ombudsman, .no-backgroundsize .master_upholster, .no-backgroundsize .fira, .no-backgroundsize .purple_chevron_sprite, .no-backgroundsize .video_icon, .no-backgroundsize .camera_icon .facebook_share .sprite, .no-backgroundsize .pintrest_share .sprite, .no-backgroundsize .tick_list li .sprite, .no-backgroundsize #search_toggle, .no-backgroundsize .search_form button .sprite, .no-backgroundsize .find_your_consultant .consultant_search_form button .sprite, .no-backgroundsize .button .chevron, .no-backgroundsize .postcode_search button .sprite, .no-backgroundsize .sprite, .no-backgroundsize .video_thumbnail_sprite_holder .sprite, .no-backgroundsize .accordion .acc_item .sprite { background-image: url("/images/sprite.png"); } .lt-ie9 .rotator .diamond, .no-backgroundsize .rotator .diamond { background-image: url("/images/diamond.png"); } .lt-ie9 input:checked + label .checkbox, .no-backgroundsize input:checked + label .checkbox { background-image: url("/images/sprite.png"); } .feefo_header { background-color: #f6f5f3; overflow: hidden; font-family: 'open_sanslight', Arial, sans-serif; padding: 20px; min-height: 43px; line-height: 43px; border: 1px solid #DEDEDC; } .feefo_header p { margin-top: 0; margin-bottom: 0; } .feefo_header .powered_by { float: right; height: 43px; } .video_testimonails .plain_text_link { margin-bottom: 20px; } .lt-ie9 .main_cta_form .form .checkbox_row input { display: block; position: absolute; left: -99999px; visibility: visible; } .lt-ie9 .main_cta_form .form .checkbox_row input:checked + label .checkbox { background-image: url("/images/sprite.png"); } .no-backgroundsize .main_cta_form .form .checkbox_row input:checked + label .checkbox { background-image: url("/images/sprite.png"); } .close_btn { background: url('/images/retina/close_circle@2x.png') no-repeat 0 0; background-size: 20px 20px; width: 20px; height: 20px; text-indent: -99999px; color: transparent; font-size: 0px; position: absolute; right: -20px; top: -20px; cursor: pointer; } .lt-ie9 .close_btn, .no-backgroundsize .close_btn { background-image: url('/images/close_circle.png'); } .rich-text-area .fancy_divider { clear: both; } /*show normal select not jquery one*/ #AddressID { display: block !important; } #AddressID + .sbHolder { display: none !important; } .video_icon_link { display: block; float: right; border: 0 !important; margin-top: 3px !important; } .co-ordination { padding: 10px; position: relative; } .co-ordination img { width: 100%; height: auto; } .co-ord-overlay { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #000; background: rgba(0,0,0,0.9); display: none; color: #FFFFFF; overflow-y: auto; overflow-x: hidden; } .co-ord-overlay div { padding: 10px; display: none; } .co-ord-overlay .close_btn { display: block !important; padding: 0; top: 10px; right: 10px; } /* request a swatch */ .request_swatch { background: transparent url(/images/swatch/requestswatchpat.jpg) repeat-y center top; padding: 20px 20px 0; margin: 20px 0; position: relative; border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; } .request_swatch_footer { position: absolute; height: 20px; width: 100%; bottom: -20px; left: 0; background: transparent url(/images/swatch/requestswatchfoot.jpg) no-repeat left bottom; } .request_swatch h3, .request_swatch h2 { margin-top: 0; } .request_swatch p { font-size: 14px; line-height: 24px; } .request_swatch .available_swatches { padding: 10px 0; border-top: 1px solid #bebec0; } .request_swatch .available_swatches p { margin-top: 0; } .request_swatch .available_swatches > a { border-radius: 4px; -webkit-border-radius: 4px; position: relative; text-decoration: none; cursor: pointer; width: 100%; font-family: 'open_sanslight', Arial, sans-serif; color: white; height: 30px; padding: 0; text-indent: 10px; line-height: 30px; text-align: left; display: block; margin: 5px auto; border: 0; font-size: 14px; background: #ad858f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkODU4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ODYwNjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ad858f 0%, #886069 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad858f), color-stop(100%,#886069)); background: -webkit-linear-gradient(top, #ad858f 0%,#886069 100%); background: -o-linear-gradient(top, #ad858f 0%,#886069 100%); background: -ms-linear-gradient(top, #ad858f 0%,#886069 100%); background: linear-gradient(to bottom, #ad858f 0%,#886069 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad858f', endColorstr='#886069',GradientType=0 ); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); transition: 400ms; -webkit-transition: 400ms; } .request_swatch .available_swatches > a span { display: block; position: absolute; top: 10px; right: 10px; height: 10px; width: 10px; background: url(/images/swatch/toggle.png) no-repeat 0 -10px; } .request_swatch .available_swatches > a.active span { background-position: 0 0; } .request_swatch .available_swatches ul { display: none; } .request_swatch .request_swatch_wrap { border-top: 1px solid #bebec0; padding: 10px 0; display: block; } .request_swatch .button { border-radius: 15px; width: 100%; font-family: 'open_sanslight', Arial, sans-serif; color: white; height: 30px; padding: 0; line-height: 30px; text-align: center; display: block; margin: 5px auto; border: 0; top: 2px; font-size: 14px; background: #8e8e8e; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ODY4NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #8e8e8e 0%, #686868 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#686868)); background: -webkit-linear-gradient(top, #8e8e8e 0%,#686868 100%); background: -o-linear-gradient(top, #8e8e8e 0%,#686868 100%); background: -ms-linear-gradient(top, #8e8e8e 0%,#686868 100%); background: linear-gradient(to bottom, #8e8e8e 0%,#686868 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#686868',GradientType=0 ); -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); transition: 400ms; -webkit-transition: 400ms; } .request_swatch .button:hover, .request_swatch .button:focus { top: 0; bottom: 2px; } .request_swatch .button:active { background: #886069; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4NjA2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDg1OGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #886069 0%, #ad858f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#886069), color-stop(100%,#ad858f)); background: -webkit-linear-gradient(top, #886069 0%,#ad858f 100%); background: -o-linear-gradient(top, #886069 0%,#ad858f 100%); background: -ms-linear-gradient(top, #886069 0%,#ad858f 100%); background: linear-gradient(to bottom, #886069 0%,#ad858f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#886069', endColorstr='#ad858f',GradientType=0 ); } .request_swatch ul { list-style: none; padding: 0; margin: 10px 0; display: block; } .request_swatch li { padding: 5px 0; line-height: 28px; text-align: left; position: relative; padding-left: 50px; } .request_swatch li > a { text-decoration: none; } .request_swatch > ul > li > a { width: 38px; height: 28px; float: left; position: relative; margin-right: 10px; background: url(/images/swatch/remove_swatch.png) no-repeat center center; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,.2); position: absolute; top: 5px; left: 0; } .request_swatch li img { border-radius: 4px; -webkit-border-radius: 4px; vertical-align: middle; } .request_swatch > ul > li > a:hover img { display: none; } .request_swatch li > a div { position: absolute; top: 0; left: 40px; width: 100px; display: none; height: 30px; font-size: 12px; padding: 0 5px 0 15px; line-height: 28px; color: #333; background: transparent url(/images/swatch/remove_swatch_bg.png) left top no-repeat; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; } .request_swatch li > a:hover div { display: block; } .request_swatch .available_swatches li { padding-right: 40px; padding-bottom: 10px; } .request_swatch .available_swatches li > a { display: block; } .request_swatch .available_swatches li > a:hover { color: #981f3b; } .request_swatch .available_swatches li > a:hover img { display: inline; } .request_swatch .available_swatches li { padding-left: 0; padding-right: 0; } .request_swatch .available_swatches li a { position: relative; padding-left: 50px; } .request_swatch .available_swatches li a img { position: absolute; top: 0; left: 0; } .visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .chosen_fabrics ul { list-style: none; padding: 0; max-width: 300px; margin: 0 auto; } .chosen_fabrics li { margin-bottom: 20px; } .chosen_fabrics li > div { padding: 30px 0; height: 40px; position: relative; overflow: hidden; background-color: #dedede; -webkit-box-shadow: 0 2px 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px 2px rgba(0,0,0,.1); } .chosen_fabrics li > a { display: block; text-align: right; font-size: 12px; margin-top: 5px; } .chosen_fabrics li > div img { position: absolute; top: 0; left: 0; z-index: 0; border-radius: 3px; -webkit-border-radius: 3px; } .chosen_fabrics .chosen_image_name { line-height: 40px; background: url(/images/black_75.png) repeat; background: rgba(0,0,0,.6); z-index: 1; position: relative; color: #fff; text-align: center; } .chosen_fabrics .chosen_fabric_empty { padding: 15px; height: 70px; text-align: center; border: 1px dashed #981f3b; background: #fff; box-shadow: none; -webkit-box-shadow: none; } .chosen_fabrics .chosen_fabric_empty a { text-align: center; } .chosen_fabrics .chosen_fabric_empty a img { display: block; margin: 5px auto; } /*find inspa gallery*/ .find_inspa_gallery { } .gallery_top_section { overflow: hidden; } .find_inspa_gallery .gallery_top_section .long_img { margin-right: 20px; } .find_inspa_gallery .image { display: block; background-color: #FFF; float: left; margin-bottom: 20px; overflow: hidden; text-decoration: none; border-bottom: 2px solid #bcbcbc; -webkit-border-radius: 5px; border-radius: 5px; } .find_inspa_gallery .image span { display: block; height: 36px; line-height: 36px; padding: 10px; overflow: hidden; font-family: 'Fjord One', serif; font-weight: 300; color: #981f3b; } .lightbox_overlay .overlay_contain { width: 940px; height: 400px; margin-right: -470px; text-align: center; } .lightbox_overlay .overlay_contain .overlay_box { display: inline-block; width: auto; height: auto; -webkit-border-radius: 0; border-radius: 0; background-color: transparent; text-align: left; position: relative; overflow: visible; max-width: 880px; max-height: 500px; } .lightbox_overlay .img_link { text-indent: -9999px; font-size: 0; color: transparent; display: block; width: 20px; height: 20px; background-size: 20px 20px; position: absolute; top: 50%; margin-top: -10px; } .lightbox_overlay .prev_img { background-image: url(/images/retina/left_circle@2x.png); left: -30px; } .lightbox_overlay .next_img { background-image: url(/images/retina/right_circle@2x.png); right: -30px; } .lightbox_overlay .close_btn { right: -30px; top: -30px; } .lightbox_overlay .overlay_target { display: block; height: 500px; } .lightbox_overlay .overlay_target img { display: block; margin: 0 auto; } .lightbox_overlay .overlay_target .over_big_img { display: block; max-height: 100%; width: auto; } .lighbox_footer { padding: 10px; overflow: hidden; background-color: #FFF; min-width: 600px; } .lighbox_footer .button { float: right; } .lightbox_footer_small { min-width: 0; } .lightbox_footer_small .social_links { text-align: center; } .lightbox_footer_small .social_links li { float: none; display: inline-block; } .lightbox_footer_small .button { float: none; margin: 0 auto; display: block; overflow: hidden; width: 250px; margin-top: 10px; } .lt-ie9 .lightbox_overlay .prev_img { background-image: url(/images/left_circle.png); } .lt-ie9 .lightbox_overlay .next_img { background-image: url(/images/right_circle.png); } .margin-0-10 { margin: 0 10px; } .co-ord-link { position: absolute; left: 0; top: 0; display: block; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; background-color: black; display: block; border: 5px solid rgba(214,195,139, 0.6); background-clip: padding-box; text-decoration: none; } .co-ord-link:hover { text-decoration: none; } .co-ord-link > a { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; display: none; width: 200px; background-color: white; padding: 10px; border: 5px solid rgba(214,195,139, 0.6); background-clip: padding-box; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; font-size: 0.8em; z-index: 0; position: relative; margin-left: 12px; margin-top: 12px; } .co-ord-link .tooltip { text-decoration: none; display: block; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; background-color: black; position: absolute; top: -1px; left: -1px; z-index: 10; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } .co-ord-link .tooltip:hover { background-color: #D6C38B; } .co-ord-link .tooltip_heading { font-weight: bold; } .co-ord-link:hover .tooltip:after { opacity: 1; } .co-ord-link .tooltip:after { content: "+"; color: #D6C38B; position: absolute; top: 0px; left: 0px; z-index: 10; font-size: 25px; font-weight: bold; line-height: 30px; height: 30px; width: 30px; text-align: center; font-family: arial; } .co-ord-link:hover .tooltip:after { color: #000; } #why-container { margin: 0; position: relative; } #why-container .com-h2 { padding-bottom: 10px; } #why-container img { position: absolute; bottom: 0; left: 35%; height: 95%; } @media only screen and (min-width: 768px) and (max-width: 959px) { #why-container img { height: 70%; } } #why-container .free-info .pa-text { font-size: 1.5em; padding: 5px 0; } #why-container .free-info .pa-text:before { content: ''; width: 20px; height: 16px; display: inline-block; float: left; background: url("/images/retina/sprite@2x.png") no-repeat -169px -91px; margin-top: 8px; margin-right: 12px; } @media only screen and (min-width: 768px) and (max-width: 959px) { .lightbox_overlay .overlay_contain { width: 760px; margin-right: -380px; top: 30%; } .lightbox_overlay .overlay_contain .overlay_box { max-width: 700px; } .lightbox_overlay .overlay_contain .overlay_box img { max-width: 100%; display: block; } .find_inspa_gallery .image img { width: 100%; height: auto; } .find_inspa_gallery .small_img_1, .find_inspa_gallery .small_img_2, .find_inspa_gallery .small_img_3, .find_inspa_gallery .long_img_small { width: 172px !important; } .find_inspa_gallery .long_img { width: 299px !important; } .find_inspa_gallery .med_img_1, .find_inspa_gallery .med_img_2, .find_inspa_gallery .thin_img, .find_inspa_gallery .square_img { width: 234px !important; } .find_inspa_gallery .wide_img { width: 551px !important; } .find_inspa_gallery .gallery_middle_section .med_img_1, .find_inspa_gallery .gallery_middle_section .med_img_2 { width: 173px !important; } } @media only screen and (max-width: 767px) { .find_inspa_gallery .image { width: 100% !important; height: auto; } .find_inspa_gallery .image img { width: 100%; height: auto; } .lightbox_overlay { display: none !important; } } @media only screen and (min-width: 490px) and (max-width: 767px) { .find_inspa_gallery .image { width: 50% !important; margin: 10px auto !important; clear: both; float: none; } .find_inspa_gallery .image:nth-child(2n+1) { clear: both; } } /*New Rotator/Slider Generated*/ .slider_placeholder { height: 649px; position: relative; width: 100%; } @media only screen and (max-width: 959px) { .slider_placeholder { height: 410px; } } .slider_placeholder:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #FFF; z-index: 999999; background-image: url(/images/loading_spin.gif); background-position: center center; background-repeat: no-repeat; } .rotator_loaded.slider_placeholder { height: auto; position: static; } .rotator_loaded.slider_placeholder:after { content: " "; display: none; } .finished_message, .ajax_load_more, .loading_spinner { margin-bottom: 10px; } /*Alternative HomePage - main content*/ .alt_home .main_content { background-color: #F3F1ED; } /*Alternative HomePage - prestige*/ .pretige_section { position: relative; height: 480px; clear: both; } .pretige_section .bg_img { position: absolute; left: 50%; margin-left: -700px; top: 0; z-index: 1; } .pretige_section .text { position: absolute; top: 0; left: 0; bottom: 0; width: 40%; min-width: 330px; background-image: url("/images/purple.png"); z-index: 2; } .pretige_section .text:after { position: absolute; right: -65px; width: 65px; height: 480px; top: 0; bottom: 0; content: ""; background-image: url("/images/retina/prest_end.png"); background-size: cover; } .lt-ie9 .pretige_section .text:after { background-image: url("/images/prest_end.png"); } .pretige_section .text .text_wrap { width: 330px; float: right; color: #FFF; text-align: center; padding-top: 30px; } .pretige_section .text .text_wrap a { display: block; background: #52465c; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNDY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYTJjNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #52465c 0%, #3a2c45 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52465c), color-stop(100%,#3a2c45)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #52465c 0%,#3a2c45 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #52465c 0%,#3a2c45 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #52465c 0%,#3a2c45 100%); /* IE10+ */ background: linear-gradient(to bottom, #52465c 0%,#3a2c45 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52465c', endColorstr='#3a2c45',GradientType=0 ); /* IE6-8 */ border: 3px solid #8A7F8F; padding: 10px; color: #FFF; text-decoration: none; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; width: 200px; margin: 0 auto; position: relative; } .pretige_section .text .text_wrap a:hover { background: #3a2c45; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhMmM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjQ2NWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3a2c45 0%, #52465c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a2c45), color-stop(100%,#52465c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3a2c45 0%,#52465c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3a2c45 0%,#52465c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3a2c45 0%,#52465c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3a2c45 0%,#52465c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a2c45', endColorstr='#52465c',GradientType=0 ); /* IE6-8 */ } .pretige_section .text .text_wrap a:after { content: ""; bottom: -45px; width: 220px; border-top: 1px solid #FFF; height: 1px; display: block; position: absolute; left: 0; } .pretige_section .text .text_wrap .logos_img { margin-top: 90px; } .pretige_section .text .text_wrap p { line-height: 2em; font-size: 0.85em; } /*Alternative HomePage - stepby step*/ .tailoring_step_by_step { padding-bottom: 20px; overflow: hidden; } .tailoring_step_by_step .tailoring_step { clear: both; display: block; width: 100%; padding-top: 20px; } .tailoring_step_by_step .tailoring_step h2 { margin-top: 5px; } .tailoring_step_by_step .tailoring_step .img { padding: 10px; background-color: #FFF; border: 3px solid #D9D8D6; float: right; margin-left: 20px; position: relative; } .tailoring_step_by_step .tailoring_step:nth-child(2n+1) .img { float: left; margin-right: 20px; margin-left: 0px; } .tailoring_step_by_step .tailoring_step .img:after, .tailoring_step_by_step .tailoring_step .swoosh { position: absolute; bottom: 0px; left: -50px; display: block; background: url('/images/retina/red_arrow@2x.png') no-repeat -34px 0; background-size: 67px 34px; width: 32px; height: 34px; content: ""; } .lt-ie9 .tailoring_step_by_step .tailoring_step .img:after, .lt-ie9 .tailoring_step_by_step .tailoring_step .swoosh { background-image: url('/images/red_arrow.png'); } .tailoring_step_by_step .tailoring_step .swoosh { display: none; } .tailoring_step_by_step .tailoring_step:nth-child(2n+1) .img:after, .tailoring_step_by_step .tailoring_step .swoosh { background-position: 0 0; left: auto; right: -50px; } .tailoring_step_by_step .tailoring_step .no_after:after { display: none; } .tailoring_step_by_step p { line-height: 1.8em; font-family: 'open_sanslight', Arial, sans-serif; font-weight: 300; font-size: 1.1em; } .tailoring_step_by_step .video_thumbnail, .tailoring_step_by_step .video_testimonail { margin-bottom: 0; } .tailoring_step_by_step .video_thumbnail img { width: 354px; height: 220px; max-width: 354px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0; box-shadow: 0; } /*Alternative HomePage - Slider*/ .slider { clear: both; position: relative; height: 620px; width: 100%; display: block; overflow: hidden; } .slider:after { content: ""; display: block; height: 21px; background-image: url(/images/cut_out.png); background-repeat: repeat-x; position: absolute; left: 0; right: 0; top: 0; } .slider ul { margin: 0; padding: 0; list-style: none; display: block; } .slider ul li { /*margin: 0; padding: 0; list-style: none; display: block; position: absolute; left: 0; right: 0; top: 0;*/ position: relative; height: 500px; width: 100%; padding: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .slider ul li img { position: absolute; top: 0; left: 50%; margin-left: -700px; } .slider ul li .caption { position: absolute; bottom: 0; left: 0; right: 0; background-image: url(/images/black_50.png); padding: 10px 0; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); } .slider ul li .caption a { color: #FFF; } .slider .controls { position: static; display: block; clear: both; height: 80px; padding: 20px 0; background-color: #FFF; } .slider .controls .previous { display: none; } .slider .controls .next { display: none; } .slider .controls .pager { text-align: center; } .slider .controls .pager a { width: 234px; height: 80px; display: inline-block; -webkit-border-radius: 0; border-radius: 0; text-indent: 0; float: none; } .slider .controls .pager a:last-child { width: 220px; } /*.slider .controls .pager a:first-child:after { content: "Or"; display: inline-block; margin: 10px 0; width: 30px; }*/ /*Alternative HomePage - Slider*/ .local_consult { background: #ded09f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZDA5ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGQ5YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ded09f 0%, #e8d9b8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ded09f), color-stop(100%,#e8d9b8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ded09f 0%,#e8d9b8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ded09f 0%,#e8d9b8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ded09f 0%,#e8d9b8 100%); /* IE10+ */ background: linear-gradient(to bottom, #ded09f 0%,#e8d9b8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ded09f', endColorstr='#e8d9b8',GradientType=0 ); /* IE6-8 */ overflow: hidden; } .local_consult .row > .grid_8 { background-image: url(/images/swatchboard_woman.png); background-position: left bottom; background-repeat: no-repeat; height: 270px; } .local_consult_form { margin-left: 150px; } .local_consult_form .find_your_consultant { background: none; } .local_consult_form .find_your_consultant .inner-wrapper:before { display: none; } .local_consult_form .find_your_consultant .inner-wrapper { background: none; } .local_consult_form .find_your_consultant .inner { background: none; } /*Alternative Footer*/ .alt_footer .about_plumbs { text-align: left; font-family: 'open_sansregular',Arial,sans-serif; font-size: 0.9em; } .alt_footer .footer_link_6241, .alt_footer .footer_link_1083 { display: none; } .alt_footer .footer_links li:nth-child(2n+1) { clear: none; } .alt_footer .three_year_guarantee img { margin: 10px auto 0; display: block; width: 213px; } .alt_footer .professional_memberships span { float: right; } .striped_before, .striped_after { position: relative; overflow: hidden; } .striped_before:before, .striped_after:after { display: block; left: 0; right: 0; content: ""; height: 5px; background-image: url(/images/striped.png); background-repeat: repeat; position: absolute; } .striped_before { padding-top: 25px; } .striped_before:before { top: 10px; } .striped_after { padding-bottom: 25px; } .striped_after:after { bottom: 10px; } .placeholder_stripe { width: 620px; display: block; margin: -10px auto 35px; } .alt_home .rotator_summary { display: none; } .alt_home .inset_box { background-color: #FFF; } .alt_home .main_content { padding-bottom: 0; } .heading_line1, .heading_line2 { display: block; } .heading_line1 { margin-bottom: 5px; } .alt_footer_links { margin: 0; padding: 0; } .alt_footer_links li { float: left; list-style: none; margin: 10px 20px; padding: 0; height: 48px; line-height: 48px; position: relative; } .alt_footer_links li:first-child { margin-left: 0; } .alt_footer_links li:after { display: block; content: ""; background-color: #696864; -webkit-border-radius: 50%; border-radius: 50%; width: 5px; height: 5px; position: absolute; right: -20px; top: 50%; margin-top: -3px; } .alt_footer_links li:last-child:after { display: none; } .alt_footer_links li a { font-size: 0.9em; text-decoration: none; } .alt_footer_links li a:hover { text-decoration: underline; } .alt_footer .professional_memberships { overflow: hidden; margin-bottom: 20px; } .main_footer { margin-top: 20px; } .alt_footer .find_your_consultant .consultant_search_form input { width: 235px; margin-bottom: 10px; } .alt_footer .find_your_consultant .consultant_search_form button { width: 255px; margin-left: 2px; text-align: center; } .alt_footer .find_your_consultant .consultant_search_form button .float_left { float: none; } .alt_footer .find_your_consultant .consultant_search_form button .sprite { display: none; } .alt_footer .local_consult_form .find_your_consultant .inner { text-align: center; } .alt_footer .local_consult_form .find_your_consultant { width: auto; } .alt_footer .local_consult_meet h3 { font-size: 1.6em; text-align: center; } .local_consult_form { height: 270px; overflow: hidden; background-image: url("/images/great_britain.png"); background-repeat: no-repeat; background-position: center right; } @media only screen and (max-width: 767px) { .placeholder_stripe { width: 100%; } .heading_line1, .heading_line2 { display: inline; margin-bottom: 0; } .tailoring_step_by_step { text-align: center; } html .tailoring_step_by_step .tailoring_step .img, html .tailoring_step_by_step .tailoring_step:nth-child(2n+1) .img { display: inline-block; margin: 0 auto; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 380px; width: 100%; } html .tailoring_step_by_step .tailoring_step .img img { display: block; width: auto; height: auto; max-width: 100%; } .tailoring_step_by_step .tailoring_step .img:after { display: none; } .tailoring_step_by_step .tailoring_step h2 { clear: both; text-align: left; } .tailoring_step_by_step .tailoring_step p { text-align: left; } .pretige_section .text { min-width: 250px; } .local_consult_form { margin-left: 0; } .tailoring_step_by_step .tailoring_step .swoosh { display: block; position: static; } .slider { height: 500px; } .slider .controls { display: none !important; } html .slider ul li img { margin-left: -700px !important; } .pretige_section .text { width: 100%; } .pretige_section .text:after { display: none; } .pretige_section .text .text_wrap { width: 100%; float: none; } .alt_footer .about_plumbs { font-size: 1em; } .alt_footer .about_plumbs p { width: 100%; } .alt_footer .three_year_guarantee { width: 100%; } .alt_footer_links, .alt_footer .local_consult_meet { text-align: center; } .alt_footer_links li { display: inline-block; float: none; } .alt_footer .video_testimonail { display: inline-block; } .alt_footer .find_your_consultant .consultant_search_form { width: 100%; max-width: 235px; margin: 0 auto; float: none; } .alt_footer .local_consult_form .find_your_consultant { margin: 0 auto; float: none; } .local_consult .row > .grid_8 { background-image: none; } } .main_cta_form .form .row .on_screen_label { position: relative; opacity: 1; left: 0; width: 250px; display: block; float: left; } .main_cta_form .form .row .radio_label_holder { float: right; } .main_cta_form .form .row .radio_label_holder label { position: relative; opacity: 1; left: 0; float: right; } .main_cta_form .form .row .radio_label { display: block; clear: both; } .main_cta_form .form .row .radio_label input { width: auto; float: left; margin-right: 10px; } #postcode_row { width: 220px; float: left; } #postcode_row input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; } .main_cta_form .form .adlu_row { width: 160px; float: right; } #AddressLookUpRow, #postcode_row, #ManualAddressRow, #AddressList { margin-bottom: 0; background-color: none; border: 0; min-height: 0; } #AddressLookUp { display: block; text-align: center; } .main_cta_form .form .row.checkbox_row { margin-top: 10px; display: block; } #AddressList { display: block; } .main_cta_form .form .radio_row { padding-top: 25px; display: block; } .frm_bottom_row .frm_additional_address { margin-top: 10px; } #blog_preview { width: 200px; } .request_visit_form img { display: block; width: 100%; height: auto; } .request_visit_form .form_wrapper { border-bottom: 1px solid #CECECE; background-color: #E4DCB7; padding: 10px; } .request_visit_form .form button { font-size: 0.75em; } .request_visit_form .form .sumit-row, .request_visit_form .form button { margin-bottom: 0; } .request_visit_form .form_intro { font-size: 0.875em; } .request_visit_form h2 { font-size: 1.5em; } .request_visit_form .form .checkbox_row label .check-label { font-size: 0.875em; } /*.stop_css_transitions, .gallery_rotator .rotator_summary .stop_css_transitions*/ .gallery_rotator .rotator_summary .thumbnails, .gallery_rotator .rotator_summary .thumbnails div { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .gallery_rotator .rotator_summary .thumbnails div:before { display: none; } .homevisit_footer .grid_5 .testimonials_slide { max-height: 68px; } .homevisit_footer .grid_5 .show_all_testimonial_slide { max-height: 1000px; } .testimonials_slide { margin-top: 0; overflow: hidden; max-height: 78px; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .testimonials_slide p:first-child { margin-top: 0; } .testimonials_slide p:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 959px) { .testimonials_slide { max-height: 68px; } .main_cta_form .form .adlu_row { float: none; display: block; width: 100%; clear: left; text-align: center; } .main_cta_form .form .adlu_row .button_wrap { display: inline-block; float: none; margin-top: 10px; } #postcode_row { float: none; width: 100%; } .request_a_visit #manual_address { float: none; display: block; text-align: center; } } @media only screen and (max-width: 767px) { .home_alt_2 #why-container img { display: none; } .home_alt_2 #why-container .grid_3 { padding-top: 10px; } .home_alt_2 #why-container .inner-max { padding-bottom: 0; } .home_alt_2 #why-container .grid_9, .home_alt_2 #why-container .grid_3 { position: relative; padding-bottom: 25px; margin: 0; } .testimonials_slide { max-height: 1000px; } .js .read_more_link_testimonials { display: none !important; } .main_cta_form .form .adlu_row { float: none; display: block; width: 100%; clear: left; text-align: center; } .main_cta_form .form .adlu_row .button_wrap { display: inline-block; float: none; margin-top: 10px; } #postcode_row { float: none; width: 100%; } .request_a_visit #manual_address { float: none; display: block; text-align: center; } } .mini_slider.customer_reviews .reviewer_attribution { font-family: 'Fjord One', serif; font-weight: 300; font-size: 15px; } .mini_slider.customer_reviews .reviewer_attribution time { font-size: 13px; color: #555; font-family: 'open_sansregular', Arial, sans-serif; font-weight: 300; -webkit-text-stroke: 0px; } .show_all_testimonial_slide { max-height: 1000px; } .read_more_link_testimonials { text-transform: lowercase; font-size: 13px; } .js .read_more_link_testimonials { display: none; } .rotator_cta { position: absolute; right: 10px; bottom: 10px; z-index: 250; } .show-only-phone { display: none !important; } aside > .show-only-phone + .sidebar_module:last-child .offer { padding-top: 0; } @media only screen and (min-width: 768px) and (max-width: 959px) { .offer_form { width: 645px; } } @media only screen and (max-width: 767px) { .rotator_cta { display: none; } .show-only-phone { display: block !important; } } .prestige_image_link { position: relative; display: block; width: 880px; margin: 20px auto; } .prestige_image_link img { max-width: 100%; } .home .prestige_image_link { width: auto; margin: 0; text-decoration: none; } .prestige_image_link .prst_img_link { display: block; text-decoration: none; } .prestige_image_link .desc { background-color: #542459; color: #FFF; font-family: 'Fjord One', serif; font-weight: 300; border-top: #76337d; font-size: 1.500em; padding: 12px 60px 12px 200px; overflow: hidden; position: relative; } .home .prestige_image_link .desc { padding: 12px 20px 12px 110px; font-size: 1.125em; height: 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .prestige_image_link .desc:before { content: ''; display: block; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; border: 1px dashed #ABABAB; } .prestige_image_link .prst_badge { position: absolute; bottom: 20px; left: 20px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); z-index: 5; } .prestige_image_link .imageDescLine1 { display: block; float: left; } .prestige_image_link .imageDescLine2 { float: right; clear: both; display: block; } .prestige_logos li { float: none; width: auto; margin: 20px; } .prest_into { margin-left: 10px; margin-right: 10px; } .prestige_range_page .fabric_listing li:nth-child(3n+1) { clear: none; } @media only screen and (max-width: 959px) { .home .prestige_image_link, .home .prestige_image_link .prst_img_link { width: 100%; } .home .prst_badge { display: none; } .home .prestige_image_link .desc { padding: 12px; text-align: center; font-size: 1em; height: 58px; } .home .prestige_image_link .desc:before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .prestige_image_link { width: 690px; } .prestige_image_link .prst_img_link { width: 690px; height: auto; } .prestige_image_link .imageDescLine1, .prestige_image_link .imageDescLine2 { display: inline; float: none; clear: none; } } @media only screen and (max-width: 767px) { .prestige_image_link { width: 90%; } .prestige_image_link .prst_img_link { width: 100%; height: auto; } .prestige_image_link .imageDescLine1, .prestige_image_link .imageDescLine2 { display: inline; float: none; clear: none; } .prst_badge { display: none; } .prestige_image_link .desc { padding: 12px; text-align: center; } .prestige_image_link .desc:before { display: none; } .pad_mob { padding-left: 10px; padding-right: 10px; } .home .prestige_image_link .desc { height: auto; } } .prestige_range_page .white_content_wrap { margin-bottom: 20px; } /* Squeeze page */ .squeeze-visit-request { background: #981f3b url('/images/squeeze/flag-bg.jpg') no-repeat top center; color: #FFF; /*padding: 8px;*/ /*padding: 1.8em;*/ float: left; display: inline; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .squeeze-inner { } .squeeze-visit-request h2 { font-family: 'Fjord One', serif; font-weight: 300; } .squeeze-visit-request .main_cta_form { margin: 10px; padding: 30px 30px 0px 30px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; border-radius: 4px; } .squeeze-visit-request .main_cta_form .form .row { border: 2px solid #FFF; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 0; margin-bottom: 15px; } .squeeze-visit-request .main_cta_form .form .sbOptions { position: absolute; margin-top: 15px; } .squeeze-visit-request .main_cta_form .form .dropdownlist a { height: auto; padding: 10px; } .squeeze-visit-request .main_cta_form .form .dropdownlist .sbToggle { height: 18px !important; } .squeeze-visit-request .main_cta_form .form .sumit-row { height: auto; } .squeeze-visit-request .main_cta_form .form .sumit-row button { padding: 14px 10px; } .squeeze-visit-request .main_cta_form .form .sumit-row button .btn_text { float: none !important; font-size: 1.3em; } .squeeze-visit-request .main_cta_form .form input { height: 30px; } .squeeze-modules h2 { font-size: 2em; } .squeeze-visit-request .main_cta_form .form .row.dropdownlist, .squeeze-visit-request .main_cta_form .form .row.sumit-row, .squeeze-visit-request .main_cta_form .form .row.checkbox_row, .squeeze-visit-request .main_cta_form .form .row.contourNavigation { border: 0; } .squeeze-visit-request .main_cta_form .form .checkbox_row label .check-label { color: #FFF; } .squeeze-visit-request label, .squeeze-visit-request input { color: #555555; } .squeeze-visit-request .main_cta_form .form .row label { font-size: 14px; } .squeeze-visit-request .main_cta_form #HomeVisitForm .row input, .squeeze-visit-request .main_cta_form #HomeVisitForm .row textarea { width: 75%; } .squeeze-visit-request .form-header span { font-size: 0.75em; } .squeeze-visit-request .form-header { margin-bottom: 20px; } .squeeze-visit-request .button { color: #981f3b; background: #f3ecd3; } .squeeze-visit-request .button:hover { background: #ddcc97; } .squeeze-visit-request .button .btn_text { float: none; font-weight: bold; text-shadow: none; position: relative; } .squeeze-visit-request .button .chevron { position: absolute; right: -25px !important; top: 2px !important; background: url('/images/retina/sprite@2x.png') no-repeat -327px -26px; width: 8px; height: 13px; } .squeeze-why-choose { background: url('/images/squeeze/lady-swatch.jpg') no-repeat 30px 100% #FFF; background-size: 70%; padding: 8px; min-height: 589px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .squeeze-why-choose .inner { padding: 20px 25px; } .squeeze-why-choose h2 { margin-top: 0; text-align: center; font-family: 'Fjord One', serif; font-weight: bold; color: #981f3b; } @media only screen and (min-width: 767px) { .squeeze-why-choose .plumbs-features li { text-align: center; position: relative; width: 32%; } .squeeze-why-choose .plumbs-features li span { margin-left: 25px; } .squeeze-why-choose .plumbs-features li:before { position: absolute; left: 25px; } } .plumbs-features { list-style: none; padding: 0; margin: 30px 0; } .plumbs-features li { display: inline-block; width: 30%; vertical-align: top; } .plumbs-features li:before { content: ''; width: 20px; height: 16px; display: inline-block; float: left; background: url("/images/retina/sprite@2x.png") no-repeat -169px -91px; margin-top: 3px; } .plumbs-features span { overflow: hidden; display: block; } .plumbs-features strong { color: #981f3b; display: block; } .squeeze-why-choose p { float: right; width: 50%; text-align: center; font-size: 1.125em; color: #981f3b; font-weight: bold; line-height: 1.5; margin: 0; } .squeeze-bottom-modules .grid_4 { background-color: #FFF; padding-top: 20px; padding-bottom: 20px; -moz-border-radius: 4px; border-radius: 4px; } @media only screen and (max-width: 767px) { .squeeze-visit-request { height: auto !important; } .squeeze-why-choose { background-image: none; min-height: initial; height: auto !important; } .squeeze-why-choose p { float: none; width: auto; } .plumbs-features { margin: 30px auto; font-size: 1.125em; } .plumbs-features strong { display: inline; } .plumbs-features li { display: block; width: auto; text-align: center; margin: 10px 0; } .plumbs-features li:before { display: inline-block; float: none; } .plumbs-features span { overflow: auto; display: inline; } .squeeze-bottom-modules .gird_4 { height: auto !important; } } /*//customer review module*/ .squeeze { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D8D8D8; min-height: 385px; } .squeeze p { color: #555555; font-size: 0.875em; } .squeeze .fefo { border-top: 1px solid #D8D8D8; margin-top: 45px; } .squeeze .module_lrg_red { font-size: 1.2rem; color: #981f3b !important; font-family: 'open_sansregular', Arial, sans-serif; } .customer_reviews.squeeze { padding-top: 0; } .customer_reviews.squeeze .quoteHeading { background-color: #981f3b; padding: 15px; font-size: 1rem; color: white; } .customer_reviews.squeeze .reviewer_attribution time { color: #555555; } .customer_reviews.squeeze .next, .customer_reviews.squeeze .previous { display: none !important; } .squeeze_videos { position: relative; } .squeeze_videos .view-all-testimonials { border-top: 1px solid #D8D8D8; position: absolute; bottom: 25px; width: 100%; } .squeeze_videos .view-all-testimonials p { font-size: 0.875em; } .squeeze_videos .controls { display: none !important; } .text_module.squeeze { text-align: center; border: 10px solid #981f3b; padding-left: 20px; padding-right: 20px; } .text_module.squeeze .module-main-heading, .text_module.squeeze .module-sub-heading { color: #981f3b; line-height: 1; font-family: 'Fjord One', serif; } .text_module.squeeze .module-main-heading { font-size: 2rem; } .text_module.squeeze .module-sub-heading { font-size: 1.5rem; } .text_module.squeeze img { margin: 40px 0; } .text_module.squeeze p { margin: 0; font-size: 0.875em; } @media only screen and (max-width: 767px) { .squeeze-visit-request input { width: 50% !important; } } @media only screen and (min-width: 767px) { .squeeze-visit-request .main_cta_form .form .post-Code, .squeeze-visit-request .main_cta_form .form .house-No { width: 48%; } .squeeze-visit-request .main_cta_form .form .post-Code input, .squeeze-visit-request .main_cta_form .form .house-No input { width: 50% !important; } .squeeze-visit-request .main_cta_form .form .house-No { float: left; } .squeeze-visit-request .main_cta_form .form .post-Code { float: right; } } @media only screen and (max-width: 767px) { .homevisit_footer .video-grid { display: none; } .request-home-form .rich-text-area.padding-top { padding-top: 0; border-bottom: 1px solid #D8D8D8; padding-bottom: 15px; } .request-home-form #AddressLookUp { padding: 10px 40px; } .request-home-form .request_a_visit { margin-top: 0 !important; } .white_content_wrap .grid_10_no_margin .grid_10 { margin-bottom: 0 !important; } .request-home-form .request_a_visit .request-home-form .request_a_visit form { margin-top: 0 !important; } .form.main_content_form { margin-top: 0; } .request-home-form .request_a_visit .main_cta_form { padding-top: 0 !important; } .request-home-form h1 { text-align: center; margin-top: 0; font-size: 1.35rem; } .request-home-form strong { font-family: 'open_sansregular', Arial, sans-serif; font-weight: bold; } .request-home-form p { text-align: center; width: 75%; margin: 0 auto; } .main_cta_form h2 { font-size: 1.25em; } .request-home-form_wrapper { margin-top: 15px; } } .Red { color: #981f3b !important; } .ppc-slider { margin-bottom: 25px; } /*----------- Request Questionnaire -----------*/ @media only screen and (max-width: 767px) { #skip-survey { text-align: center; } .request-survey-form { padding: 0 !important; } .request-survey-form .additional-info label { margin-bottom: 15px; } .request-survey-form .additional-info label, .request-survey-form .additional-info input { width: 96% !important; } .request-survey-form .dropdownlist .sbHolder { width: 98% !important; float: left; } .request-survey-form .button { width: 100%; } .request-survey-form .button .btn_text { float: none; } .request-survey-heading { text-align: center; } } .thank-you-survey-heading { padding-top: 30px; } .request-survey-thank-you { color: #981f3b; width: 100%; margin: 15px 0; font-weight: bold; display: none; } .field-validation-error { padding: 15px 0; font-size: 0.85em; } #skip-survey { color: #981f3b; font-weight: bold; margin: 15px 0; display: block; } .request-survey-intro { margin-bottom: 15px !important; font-weight: bold; } #request-survey-container { } .request-survey-form { padding: 0 10px; } .request-survey-form .row { width: 100%; margin-bottom: 15px; } .request-survey-form .additional-info { display: none; border: 1px solid #D8D8D8; padding: 20px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .request-survey-form .additional-info label { width: 60%; padding-top: 8px; } .request-survey-form .additional-info input { width: 30%; border: inherit; } .request-survey-form .dropdownlist.additional-info { overflow: hidden; } .request-survey-form .dropdownlist .sbHolder { width: 32%; float: left; } .request-survey-form input[type="checkbox"] { float: left; } .request-survey-form label { display: block; width: 90%; float: left; padding-left: 6px; font-size: 0.85em; } .request-survey-form .button { padding: 10px 20px; } /*.request-survey-form .sbSelector { padding-right: 35px !important; height: auto !important; } .request-survey-form .sbToggle { width: 30px; height: 90%; } .request-survey-form .sbToggleOpen { height: 16%; }*/ /*reset button text*/ .reset-search { text-align: center !important; } /*Total Comfort Range*/ @media only screen and (min-width: 768px) { .total_comfort_range .tabgroup .tab_nav ul li { width: 23%; display: block; } .total_comfort_range .tabgroup .tab_nav ul li a { height: 50px; text-align: center; } } .total_comfort_range .inset_box { margin-left: -30px; margin-right: -30px; padding: 10px 30px; overflow: hidden; clear: both; text-align: center; } .total_comfort_range .inset_box img { display: block; float: left; margin-right: 30px; } .total_comfort_range .inset_box img:last-child { margin-right: 0; } .total_comfort_range h1 { text-align: center; } .total_comfort_range h1 a { color: #981f3b; } .total_comfort_range h2, .total_comfort_range h3, .total_comfort_range h4 { font-family: "Fjord One",serif; font-weight: 300; } .red_feature_box { background-color: #7f2d37; color: #FFF; padding: 10px 20px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; padding-right: 150px; min-height: 140px; margin-bottom: 20px; } .red_feature_box img { position: absolute; right: 0px; top: 25px; } .rich-text-area .total_comfort_range img { border: 0; } /*========= Alternative Homepage 2 - Return of the Loose Covers ===============*/ .home_alt_2 { background-color: #f3f1ed; } /*============ Slider Strapline ============*/ .slider-strap { background-color: #f3ecd3; padding: 15px 0; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.2); } .slider-strap .free-info { text-align: center; position: relative; float: left; padding-left: 30px; font-size: 14px; font-family: open_sanssemibold; text-transform: uppercase; line-height: 14px; margin-right: 25px; margin-top: 10px; width: 70px; } .slider-strap .free-info:before { position: absolute; content: " "; left: 10px; background: url("/images/altHomepage/alt-home-sprite.png") no-repeat -228px -39px; width: 25px; height: 26px; } .slider-strap .view-more-btn { display: block; background-color: #eaeaea; color: #9d2637; padding: 10px 40px 10px 10px; float: right; text-decoration: none; font-family: open_sanssemibold; border: 2px solid #9d2637; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } .slider-strap .view-more-btn:after { position: absolute; content: " "; right: 10px; background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -138px -42px; width: 25px; height: 24px; } @media only screen and (max-width: 960px) { .slider-strap { text-align: center; } .slider-strap .free-info { float: none; display: inline-block; margin-bottom: 15px; } .slider-strap .view-more-btn { float: none; max-width: 355px; margin: 0 auto; } .slider-strap .view-more-btn:after { top: 10px; } } /*============ Intro ============*/ .home-intro { padding: 10px; } .home-intro h1 { font-size: 28px; line-height: 36px; text-align: center; font-family: open_sanslight; color: #555555; text-rendering: optimizeLegibility; } @media only screen and (max-width: 960px) { .home-intro h1 { font-size: 20px; } } /*============ Promo Boxes ============*/ .alt-promo-box { height: 315px; margin-bottom: 10px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; position: relative; } .home_alt_2 .rollover, .home_alt_2 .offer, .home_alt_2 .offer a { height: 310px; } .home_alt_2 .rollover:hover .overlay, .home_alt_2 .rollover.toggled .overlay { min-height: 300px; max-height: 300px; } .home_alt_2 .rollover .rollover_toggle { background-color: transparent; height: auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: auto; font-family: open_sanssemibold; color: #ffffff; font-style: normal; font-size: 17px; padding: 3px 40px 3px 10px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 3px solid rgba(225,225,225,0.5); width: 130px; left: 10px; bottom: 8px; } .home_alt_2 .rollover .rollover_toggle:after { display: block; position: absolute; content: " "; right: 10px; top: 5px; background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -100px -42px; width: 25px; height: 25px; } .large-promo .title { padding: 13.5px !important; } @media only screen and (max-width: 460px) { .large-promo img { height: 100%; } } @media only screen and (max-width: 767px) { .home_alt_2 .rollover, .home_alt_2 .offer { max-width: 300px; margin: 0 auto; float: none; clear: both; display: block; } .home_alt_2 .large-promo .rollover { height: 202px; } .home_alt_2 .large-promo .rollover:hover .overlay, .home_alt_2 .large-promo .rollover.toggled .overlay { min-height: 202px; max-height: 202px; } } @media only screen and (min-width:767px) and (max-width: 959px) { .home_alt_2 .rollover, .home_alt_2 .offer, .home_alt_2 .offer a { height: 235px; } .home_alt_2 .rollover:hover .overlay, .home_alt_2 .rollover.toggled .overlay { min-height: 235px; max-height: 235px; } .home_alt_2 .rollover .rollover_toggle { width: 100px; font-size: 12px; } } /*============ Divider ============*/ .alt-home-divider { text-align: center; padding: 15px 0; } .alt-home-divider .divider-image { background: url('/images/altHomepage/alt-home-sprite.png') no-repeat 0 0; width: 219px; height: 25px; display: inline-block; } /*============ Modules ============*/ .home_alt_2 .alt-home-module-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #f0f0f0; } .alt-home-module-wrapper { -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2); background-color: #f3f1ed; padding: 30px 0 0; } @media only screen and (max-width: 768px) { .alt-home-module-wrapper { padding: 0; } } /*============ Find your consultant Module ============*/ .home_alt_2 .find_your_consultant { -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .home_alt_2 .find_your_consultant .inner { background: url("/images/altHomepage/united-kingdom.png") no-repeat -7px 50px; padding: 10px 55px; text-align: center; height: 210px; } .home_alt_2 .find_your_consultant .inner .title { font-size: 28px; } .home_alt_2 .find_your_consultant .inner p { margin: 5px 0; } .home_alt_2 .find_your_consultant form { max-width: 300px; margin: auto; left: -8px; position: relative; } .home_alt_2 .find_your_consultant form input[type=text] { padding: 12px 10px; font-size: 1em; margin: auto; border: 3px solid #cabf99; text-align: center; margin-bottom: 5px; } .home_alt_2 .find_your_consultant form .outward { width: 90px; } .home_alt_2 .find_your_consultant form .inward { width: 65px; } .home_alt_2 .find_your_consultant form button { width: 204px; margin: auto; } .home_alt_2 .find_your_consultant form button .sprite { background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -100px -42px; width: 25px; height: 25px; display: inline-block; float: none; margin: 0; vertical-align: middle; margin-left: 15px; } .home_alt_2 .find_your_consultant.inner-wrapper { position: relative; } .home_alt_2 .find_your_consultant.inner-wrapper:before { position: absolute; bottom: -1px; right: -13px; width: 135px; height: 198px; background-image: url("/images/altHomepage/consultant_new.png"); content: ""; display: block; background-repeat: no-repeat; z-index: 5; } .home_alt_2 .find_your_consultant p.consultant-form-outro { background-color: #8b122e; position: absolute; bottom: 0; width: 100%; left: 0; margin: 0; color: white; padding: 0px; height: 30px; line-height: 30px; } @media only screen and (max-width:650px) { .home_alt_2 .find_your_consultant .inner { height: 265px; padding: 10px 30px; } .home_alt_2 .find_your_consultant.inner-wrapper { overflow: hidden; } .home_alt_2 .find_your_consultant .inner p { margin: 20px 0 0; } .home_alt_2 .find_your_consultant .consultant_search_form { margin-top: 15px; } .home_alt_2 .find_your_consultant .consultant-form-outro { margin-top: 10px !important; } } @media only screen and (min-width:768px) and (max-width: 959px) { .home_alt_2 .find_your_consultant .inner { height: 270px; } } /*============ Small CTA Modules ============*/ .home_alt_2 .small-promo-container { height: 132px; overflow: hidden; } .home_alt_2 .small-promo-container .small-promo-box { width: 220px; height: 122px; margin-top: 12px; position: relative; display: block; -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .home_alt_2 .small-promo-container .small-promo-box:hover .strap { background-image: url("/images/white90.png"); } .home_alt_2 .small-promo-container .small-promo-box:hover .strap-text { color: #981f3b; } .home_alt_2 .small-promo-container .small-promo-box img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .home_alt_2 .small-promo-container .small-promo-box .strap { position: absolute; bottom: 0; padding: 10px 0; width: 100%; background-image: url("/images/white90.png"); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15); -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; min-height: 0; color: #981f3b; } .home_alt_2 .small-promo-container .small-promo-box .strap-text { color: #981f3b; font-family: 'Fjord One', serif; margin-left: 10px; display: inline-block; font-size: 19px; font-weight: 300; -webkit-text-stroke: 0.7px; line-height: 0.75em; padding-bottom: 5px; } .home_alt_2 .small-promo-container .small-promo-box .plus-icon { position: absolute; display: block; background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -176px -34px; width: 39px; height: 39px; top: -10px; right: 10px; } .home_alt_2 .small-promo-container .small-promo-box .arrow-icon { position: absolute; display: block; background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -139px -42px; width: 25px; height: 24px; top: 8px; right: 15px; } @media only screen and (min-width:768px) and (max-width: 959px) { .home_alt_2 .small-promo-container { width: 740px; margin: 0 5px; } .home_alt_2 .small-promo-container .small-promo-box { width: 360px; } .home_alt_2 .small-promo-container .small-promo-box img { width: 100%; } } @media only screen and (max-width:600px) { .home_alt_2 .small-promo-container { height: auto; } .home_alt_2 .small-promo-container .small-promo-box { float: none; overflow: hidden; margin: 15px auto; width: 300px; height: auto; } .home_alt_2 .small-promo-container .small-promo-box img { width: 100%; height: auto; position: relative; } } /*============ Image Module ============*/ .home_alt_2 .prestige_image_link { -webkit-box-shadow: 0 2px 3px 0 #bcbcbc; -moz-box-shadow: 0 2px 3px 0 #bcbcbc; box-shadow: 0 2px 3px 0 #bcbcbc; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } @media only screen and (max-width: 767px) { .home_alt_2 .prestige_image_link { max-width: 300px; margin: 0 auto; float: none; clear: both; display: block; } } /*============ Bottom Modules ============*/ .alt-home-bottom-module-wrapper { background-color: #ffffff; padding: 50px 0; margin-top: 30px; } .alt-home-bottom-module-wrapper:after { display: table; content: " "; height: 0; clear: both; } .alt-home-bottom-module { position: relative; } /*============ Stamp Module ============*/ .alt-home-stamp { position: relative; } .alt-home-stamp a { text-decoration: none; } .alt-home-stamp .headline { font-size: 27px; font-family: 'Fjord One', serif; color: #9a1332; line-height: 31px; text-align: center; display: block; } .alt-home-stamp img { float: left; position: relative; z-index: 2; } .alt-home-stamp p { position: absolute; right: 15px; width: 40%; font-size: 14px; margin: 4px 0; } .alt-home-stamp .stamp-btn { position: absolute; top: 155px; right: 40px; left: 60px; } .alt-home-stamp .stamp-btn-text { display: inline-block; float: right; text-align: center; width: 41%; } .alt-home-stamp .stamp-btn .icon { display: inline-block; background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -100px -42px; width: 25px; height: 25px; vertical-align: middle; margin-left: 7px; position: relative; right: -7px; } /*@media only screen and (max-width: 767px) { .alt-home-stamp { display: block; float: none; margin: auto; max-width: 300px; } }*/ @media only screen and (min-width:768px) and (max-width: 959px) { /* .alt-home-stamp { text-align: center; }*/ .alt-home-stamp img { max-width: 70%; } .alt-home-stamp p, .alt-home-stamp .stamp-btn { right: 0; } /* .alt-home-stamp .stamp-btn-text { width: 100%; }*/ } /*============ Customer Reviews Module ============*/ .alt-home-bottom-module.mini_slider { margin-bottom: 20px; } .alt-home-customer-reviews { } .alt-home-customer-reviews .quote { background-color: #ffffff; float: left; } .alt-home-customer-reviews .text { float: left; text-align: left; margin-left: 15px; } .alt-home-customer-reviews .text img { vertical-align: bottom; } .alt-home-customer-reviews .heading { font-size: 27px; } .alt-home-customer-reviews .separator { width: 140px; margin: 15px auto; height: 2px; background-color: #aaaaaa; position: relative; } .alt-home-customer-reviews .separator:after { display: block; content: ""; position: absolute; top: 0px; left: 50%; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #aaaaaa; } .alt-home-customer-reviews .reviewer_attribution { font-size: 1.2em !important; padding: 0; } .alt-home-customer-reviews .reviewer_wrapper { margin: 5px 0; } .alt-home-customer-reviews .reviewer_attribution:before { display: inline-block; content: "-"; } .alt-home-customer-reviews .reviewer_attribution time { color: #981f3b !important; margin: -3px; display: block; font-weight: 700 !important; } .alt-home-customer-reviews .stars { margin: 10px 0; } .alt-home-customer-reviews i { display: inline-block; background-repeat: no-repeat; } .alt-home-customer-reviews .stars .star { background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -65px -42px; width: 22px; height: 20px; } .alt-home-customer-reviews .stars .half-star { background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -3px -42px; width: 22px; height: 20px; } .alt-home-customer-reviews .stars .empty-star { background: url('/images/altHomepage/alt-home-sprite.png') no-repeat -30px -42px; width: 22px; height: 20px; } @media only screen and (max-width: 959px) { .alt-home-customer-reviews .quote { float: none; } .alt-home-customer-reviews .text { float: none; text-align: center; margin-left: 0; margin-top: 15px; } } @media only screen and (max-width: 520px) { .home_alt_2 .find_your_consultant.inner-wrapper:before { content: none; } } .left { float: left; } .right { float: right; } /*================================ New request home visit form ================================*/ .confirm_form_variant form { border: 1px solid #cccccc; background-color: #EEEEEE; margin: 40px 0; } .confirm_form_variant form, .confirm_form_variant form * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .confirm_form_variant form input[type=text] { height: 40px; -webkit-box-sizing: inherit !important; -moz-box-sizing: inherit !important; box-sizing: inherit !important; border: 3px solid #cccccc; font-size: 14px; padding: 10px; } .confirm_form_variant form:after { content: ''; display: table; clear: both; } .confirm_form_variant .address_lookup_validation { padding: 10px 20px; } .confirm_form_variant .frm_top_content { padding: 40px; } .confirm_form_variant form h2 { margin-bottom: 40px; font-family: 'Fjord One', serif; } .confirm_form_variant form .row { width: 50%; } .confirm_form_variant form .frm_house_number, .confirm_form_variant form .frm_postcode, .confirm_form_variant form #AddressList, .confirm_form_variant form #AddressLookUpRow, .confirm_form_variant form .frm_enter_manually, .confirm_form_variant form .frm_additional_address { float: left; margin-right: 20px; } .confirm_form_variant form #AddressList select { max-width: 170px; height: 40px; border-color:#cccccc; } .confirm_form_variant form .frm_enter_manually { height: auto; } .confirm_form_variant form .frm_house_number label, .confirm_form_variant form .frm_postcode label { display: none; } .confirm_form_variant form #AddressLookUpRow .button { float: none; } .confirm_form_variant form .frm_additional_address label { display: none; } .confirm_form_variant form .frm_top_row { } .confirm_form_variant form .frm_top_row:after, .confirm_form_variant form .frm_bottom_row:after { content: ''; display: table; clear: both; } .confirm_form_variant form .checkbox_row { margin-top: 40px; } .confirm_form_variant form .checkbox_row h3 { margin-bottom: 40px; } .confirm_form_variant form .checkbox_row h3 label { font-size: 16px !important; } .confirm_form_variant form .checkbox_row ul:after { content: ''; display: table; clear: both; } .confirm_form_variant form .checkbox_row ul li { width: auto !important; clear: none !important; margin-right: 20px !important; } .confirm_form_variant .form .checkbox_row label { font-size: 14px; line-height: 30px; } .confirm_form_variant .form .checkbox_row label .checkbox { margin-right: 20px !important; background-color: #ffffff; } .confirm_form_variant .form .frm_confirm_row { padding: 40px; float: none; border-top: 1px solid #cccccc; height: auto !important; } .confirm_form_variant .form .frm_confirm_row #homeVisitButton { float: left !important; width: auto !important; padding-left: 60px; padding-right: 60px; margin: 0 !important; } @media only screen and (max-width: 959px) { .confirm_form_variant form .button .chevron { top: 50% !important; margin-top: -7.5px !important; } .confirm_form_variant form { } .confirm_form_variant .frm_top_content { padding: 20px; } .confirm_form_variant form h2 { margin-bottom: 20px; } .confirm_form_variant form .row { } .confirm_form_variant form .frm_house_number, .confirm_form_variant form .frm_postcode, .confirm_form_variant form #AddressList, .confirm_form_variant form #AddressLookUpRow, .confirm_form_variant form .frm_enter_manually, .confirm_form_variant form .frm_additional_address { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } .confirm_form_variant form #AddressList select, .confirm_form_variant form .frm_house_number input, .confirm_form_variant form .frm_postcode input, .confirm_form_variant form #AddressLookUpRow input, .confirm_form_variant form .frm_enter_manually input, .confirm_form_variant form .frm_additional_address input { width: 100%; max-width:none; } .confirm_form_variant form .frm_enter_manually { } .confirm_form_variant form .frm_house_number label, .confirm_form_variant form .frm_postcode label { } .confirm_form_variant form #AddressLookUpRow .button { } .confirm_form_variant form .additional_address label { } .confirm_form_variant form .frm_top_row:after, .confirm_form_variant form .frm_bottom_row:after { } .confirm_form_variant form .checkbox_row { margin-top: 0; } .confirm_form_variant form .checkbox_row h3 { margin-top: 0; margin-bottom: 20px; } .confirm_form_variant form .checkbox_row h3 label { } .confirm_form_variant form .checkbox_row ul li { } .confirm_form_variant .form .checkbox_row label { } .confirm_form_variant .form .checkbox_row label .checkbox { } .confirm_form_variant .form .frm_confirm_row { padding: 20px; } .confirm_form_variant .form .frm_confirm_row #homeVisitButton { } } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */