/* /css/jquery-ui-theme-current/jquery-ui-current.css-------------------------------------------------- */ /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* 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: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=dedede&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=c2c2c2&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: 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: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../shared_css/jquery-ui-theme-current/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(../shared_css/jquery-ui-theme-current/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c2c2c2; background: #dedede url(../shared_css/jquery-ui-theme-current/images/ui-bg_highlight-hard_100_dedede_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-button: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 #999999; background: #dadada url(../shared_css/jquery-ui-theme-current/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(../shared_css/jquery-ui-theme-current/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(../shared_css/jquery-ui-theme-current/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% 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: #fef1ec url(../shared_css/jquery-ui-theme-current/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .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; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../shared_css/jquery-ui-theme-current/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../shared_css/jquery-ui-theme-current/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(../shared_css/jquery-ui-theme-current/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! * jQuery UI Resizable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*! * jQuery UI Selectable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /*! * jQuery UI Accordion 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /*! * jQuery UI Autocomplete 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.21 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /*! * jQuery UI Button 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /*! * jQuery UI Dialog 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Slider 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/*! * jQuery UI Tabs 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*! * jQuery UI Datepicker 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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 { border-left-width:0; } .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:0em; } /* 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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/*! * jQuery UI Progressbar 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* /js/validation/css/validationEngine.jquery.css------------------------------------------------------ */ .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; z-index: 5000; cursor: pointer; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none } .formError .formErrorContent { width: 100%; background: #ee0101; position:relative; z-index:5001; color: #fff; width: 150px; font-family: tahoma; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; z-index: 5006; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } /* /js/qtip/jquery.qtip.css---------------------------------------------------------------------------- */ /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Tue Jun 14 07:12:30 PDT 2011 */ /* Core qTip styles */ .ui-tooltip, .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; z-index: 15000; } /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border-width: 1px; border-style: solid; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */ .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover{ } /*! Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-default .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-default .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /* Tips plugin */ .ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; background: transparent !important; border: 0px dashed transparent !important; z-index: 10; } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; } .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; } /* Modal plugin */ #qtip-overlay{ position: fixed; left: -10000em; top: -10000em; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs{ cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content{ border-color: #E2E2E2; color: #454545; } .ui-tooltip-light .ui-tooltip-content{ background-color: white; } .ui-tooltip-light .ui-tooltip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content{ border-color: #303030; color: #f3f3f3; } .ui-tooltip-dark .ui-tooltip-content{ background-color: #505050; } .ui-tooltip-dark .ui-tooltip-titlebar{ background-color: #404040; } .ui-tooltip-dark .ui-tooltip-icon{ border-color: #444; } .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content{ border-color: #F9E98E; color: #A27D35; } .ui-tooltip-cream .ui-tooltip-content{ background-color: #FBF7AA; } .ui-tooltip-cream .ui-tooltip-titlebar{ background-color: #F0DE7D; } .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content{ border-color: #D95252; color: #912323; } .ui-tooltip-red .ui-tooltip-content{ background-color: #F78B83; } .ui-tooltip-red .ui-tooltip-titlebar{ background-color: #F06D65; } .ui-tooltip-red .ui-state-default .ui-tooltip-icon{ background-position: -102px 0; } .ui-tooltip-red .ui-tooltip-icon{ border-color: #D95252; } .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content{ border-color: #90D93F; color: #3F6219; } .ui-tooltip-green .ui-tooltip-content{ background-color: #CAED9E; } .ui-tooltip-green .ui-tooltip-titlebar{ background-color: #B0DE78; } .ui-tooltip-green .ui-state-default .ui-tooltip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content{ border-color: #ADD9ED; color: #5E99BD; } .ui-tooltip-blue .ui-tooltip-content{ background-color: #E5F6FE; } .ui-tooltip-blue .ui-tooltip-titlebar{ background-color: #D0E9F5; } .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{ background-position: -2px 0; } /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */ .ui-tooltip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content{ filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom: -3px; /* IE6 */ .margin-bottom: -3px; /* IE7 */ } /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{ -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*! Youtube tooltip style */ .ui-tooltip-youtube{ -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; } .ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content{ _margin-bottom: 0; /* IE6 */ .margin-bottom: 0; /* IE7 */ background: transparent; background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border-color: #CCCCCC; } .ui-tooltip-youtube .ui-tooltip-icon{ border-color: #222; } .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .ui-tooltip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .ui-tooltip-jtools .ui-tooltip-titlebar{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .ui-tooltip-jtools .ui-tooltip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; color: white; border: 0 dashed transparent; } .ui-tooltip-jtools .ui-tooltip-icon{ border-color: #555; } .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .ui-tooltip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-content{ background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-icon{ border-color: #808064; } .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .ui-tooltip-tipsy{ border: 0; } .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content{ _margin-bottom: 0; /* IE6 */ .margin-bottom: 0; /* IE7 */ background: transparent; background: rgba(0, 0, 0, .87); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border: 0px transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .ui-tooltip-tipsy .ui-tooltip-titlebar{ padding: 6px 35px 0 10; } .ui-tooltip-tipsy .ui-tooltip-content{ padding: 6px 10; } .ui-tooltip-tipsy .ui-tooltip-icon{ border-color: #222; text-shadow: none; } .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .ui-tooltip-tipped{ } .ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content{ border: 3px solid #959FA9; filter: none; -ms-filter: none; } .ui-tooltip-tipped .ui-tooltip-titlebar{ background: #3A79B8; background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; color: white; font-weight: normal; font-family: serif; border-bottom-width: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ui-tooltip-tipped .ui-tooltip-content{ background-color: #F9F9F9; color: #454545; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .ui-tooltip-tipped .ui-tooltip-icon{ border: 2px solid #285589; background: #285589; } .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } /* IE9 fix - removes all filters */ .ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{ filter: none; -ms-filter: none; } /* /css/jquery.simplyscroll.css------------------------------------------------------------------------ */ /* * simplyScroll 2 - a scroll-tastic jQuery plugin * * http://logicbox.net/jquery/simplyscroll * * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net * * Dual licensed under the MIT and GPL licenses. * * Last revised: 31/01/2012 * */ /* Default/Master classes Example markup format (for horizontal scroller) Note all DIVs are generated and should not be hard-coded
*/ .simply-scroll-container { /* Container DIV - automatically generated */ position: relative; } .simply-scroll-clip { /* Clip DIV - automatically generated */ position: relative; overflow: hidden; } .simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */ overflow: hidden; margin: 0; padding: 0; list-style: none; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } .simply-scroll-list li img { border: none; display: block; } .simply-scroll-btn { position: absolute; background-image: url(buttons.html); width: 42px; height: 44px; z-index:3; cursor: pointer; } .simply-scroll-btn-left { left: 6px; bottom: 6px; background-position: 0 -44px; } .simply-scroll-btn-left.disabled { background-position: 0 0 !important; } .simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus { background-position: 0 -88px; } .simply-scroll-btn-right { right: 6px; bottom: 6px; background-position: -84px -44px; } .simply-scroll-btn-right.disabled { background-position: -84px 0 !important; } .simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus { background-position: -84px -88px; } .simply-scroll-btn-up { right: 6px; top: 6px; background-position: -126px -44px; } .simply-scroll-btn-up.disabled { background-position: -126px 0 !important; } .simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus { background-position: -126px -88px; } .simply-scroll-btn-down { right: 6px; bottom: 6px; background-position: -42px -44px; } .simply-scroll-btn-down.disabled { background-position: -42px 0 !important; } .simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus { background-position: -42px -88px; } .simply-scroll-btn-pause { right: 6px; bottom: 6px; background-position: -168px -44px; } .simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus { background-position: -168px -88px; } .simply-scroll-btn-pause.active { background-position: -84px -44px; } .simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus { background-position: -84px -88px; } /* Custom class modifications - override classees .simply-scroll is default */ .simply-scroll { /* Customisable base class for style override DIV */ width: 576px; height: 200px; margin-bottom: 1em; } .simply-scroll .simply-scroll-clip { width: 576px; height: 200px; } .simply-scroll .simply-scroll-list {} .simply-scroll .simply-scroll-list li { float: left; width: 290px; height: 200px; } .simply-scroll .simply-scroll-list li img {} .simply-scroll .simply-scroll-btn {} .simply-scroll .simply-scroll-btn-left {} .simply-scroll .simply-scroll-btn-left.disabled {} .simply-scroll .simply-scroll-btn-left:hover {} .simply-scroll .simply-scroll-btn-right {} .simply-scroll .simply-scroll-btn-right.disabled {} .simply-scroll .simply-scroll-btn-right:hover {} .simply-scroll .simply-scroll-btn-up {} .simply-scroll .simply-scroll-btn-up.disabled {} .simply-scroll .simply-scroll-btn-up:hover {} .simply-scroll .simply-scroll-btn-down {} .simply-scroll .simply-scroll-btn-down.disabled {} .simply-scroll .simply-scroll-btn-down:hover {} /* Vertical scroller example */ .vert { /* wider than clip to position buttons to side */ width: 340px; height: 400px; margin-bottom: 1.5em; } .vert .simply-scroll-clip { width: 290px; height: 400px; } .vert .simply-scroll-list {} .vert .simply-scroll-list li { width: 290px; height: 200px; } .vert .simply-scroll-list li img {} .vert .simply-scroll-btn {} .vert .simply-scroll-btn-up { /* modified btn pos */ right: 0; top: 0; } .vert .simply-scroll-btn-up.disabled {} .vert .simply-scroll-btn-up:hover {} .vert .simply-scroll-btn-down { /* modified btn pos */ right: 0; top: 52px; } .vert .simply-scroll-btn-down.disabled {} .vert .simply-scroll-btn-down:hover {} /* NOTE left-right classes wouldn't be needed on vertical scroller */ /* /css/flexslider.css--------------------------------------------------------------------------------- */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 35px; background: white url('../shared_img/loading.gif') center no-repeat; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('../shared_img/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -28px; text-align: left;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* /js/validation/css/template.css--------------------------------------------------------------------- */ body { background: #ececec; } form.formular { font-family: tahoma, verdana, "sans-serif"; font-size: 12px; padding: 20px; border: 1px solid #A5A8B8; width: 300px; margin: 0 auto; } .formular fieldset { margin-top: 20px; padding: 15px; border: 1px solid #B5B8C8; } .formular legend { font-size: 12px; color: #15428B; font-weight: 900; } .formular fieldset label { float: none; text-align: inherit; width: auto; } .formular label span { color: #000; } .formular input,.formular select,.formular textarea { display: block; margin-bottom: 5px; } .formular .text-input { width: 250px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 14px; margin-top: 4px; background: #FFF repeat-x; } .formular textarea { width: 250px; height: 70px; color: #555; padding: 4px; border: 1px solid #B5B8C8; font-size: 14px; margin-top: 4px; background: #FFF repeat-x; } .formular .infos { background: #FFF; color: #333; font-size: 12px; padding: 10px; margin-bottom: 10px; } .formular span.checkbox,.formular .checkbox { display: inline; } .formular .submit { border: 1px solid #AAA; padding: 4px; margin-top: 20px; float: right; text-decoration: none; cursor: pointer; } .formular hr { clear: both; visibility: hidden; } .formular .fc-error { width: 350px; color: 555; padding: 4px; border: 1px solid #B5B8C8; font-size: 12px; margin-bottom: 15px; background: #FFEAEA; } /* Misc CSS-------------------------------------------------------------------------------------------- */ .promoviewallposition { bottom: 0; right: 0; } .promo-box { overflow: hidden; position: relative; clear: both; } .promo-box .offerslist .slides a { display: block; padding: 10px 10px 0; } .promo-box .offerslist .slides a img { width: 100%; } .promo-box .offerslist .slides li:last-child a img { margin-bottom: 10px; } .promo-box .flexslider { border: 0; } .promo-box .flexslider, .promo-box .flex-viewport, .promo-box .slides, .promo-box .slides > li, .promo-box .slides > li > a { *height: 205px; *display: block; } .promo-box .flex-control-paging li a { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); overflow: hidden; text-indent: 100%; } .promo-box .flex-control-paging li a:hover { background: #cf010e; } .promo-box .flex-control-paging li a.flex-active { background: #cf010e; } .promo-box .flex-control-nav { text-align: center; } .promo-box .promov-all { position: absolute; bottom: 0; right: 0; } .promo-box .v-all-text { margin: 10px; } .promo-box.filter-inside-right .flexslider, .promo-box.filter-inside-left .flexslider, .promo-box.filter-inside-center .flexslider { margin: 0; } .promo-box.filter-inside-right .flex-control-nav, .promo-box.filter-inside-left .flex-control-nav, .promo-box.filter-inside-center .flex-control-nav { position: absolute; bottom: 10px; } .promo-box .filter-inside-right .flex-control-nav { right: 10px; } .promo-box .filter-inside-left .flex-control-nav { left: 10px; } #reviews_container { clear: both; } #reviews_container .reviews2-body { margin-top: -5px; } #reviews_container .reviews2btns { color: #FFFFFF; padding: 5px 5px 5px 10px; } #reviews_container .reviews-viewall { background: #cf010e; } #reviews_container .write-review { background: #9c010b; } #reviews_container .write-review:hover { cursor: pointer; } #reviews_container .review-col { padding: 0 !important; margin-bottom: 15px; } #reviews_container .review-body { font-size: 14px; padding: 5px; } #reviews_container .reviewer { font-weight: bold; clear: both; display: block; font-size: 11px; font-style: italic; } #reviews_container .rating-col { float: right; } #reviews_container #reviews { margin: 5px; max-height: 300px; } #reviews_container #reviews .review { padding: 5px; } #reviews_container #reviews .review:nth-child(even) { background: rgba(0,0,0,0.1); } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #HomeLeft { width: 0%; float: left; display: inline; margin-right: ; padding: 0 _/2; padding-left: 0; } #HomeCenter { float: none; clear: both; display: block; margin-left: 0; margin-right: 0; padding: 0 _/2; } #HomeCenter.col-first .home-center-inner { padding-left: 0; } #HomeCenter.col-last .home-center-inner { padding-right: 0; } #HomeRight { width: 0%; float: left; display: inline; margin-right: ; padding: 0 _/2; padding-right: 0; } #Main > .row > .col:first-child { padding-left: 0; } #Main > .row > .col:last-child { padding-right: 0; } .video-box.box .inner { padding: 0; } #HomeLeft { width: 0%; float: left; display: inline; margin-right: ; padding: 0 _/2; padding-left: 0; } #HomeCenter { float: none; clear: both; display: block; margin-left: 0; margin-right: 0; padding: 0 _/2; } #HomeCenter.col-first .home-center-inner { padding-left: 0; } #HomeCenter.col-last .home-center-inner { padding-right: 0; } #HomeRight { width: 0%; float: left; display: inline; margin-right: ; padding: 0 _/2; padding-right: 0; } #Main > .row > .col:first-child { padding-left: 0; } #Main > .row > .col:last-child { padding-right: 0; } .video-box.box .inner { padding: 0; } .color1, .list-tile-color1 li, .list-alternate-color1 li:nth-child(even) { background-color: #cf010e; color: #FFFFFF; } .color2, .list-tile-color2 li, .list-alternate-color2 li:nth-child(even) { background-color: #005CBF; color: #FFFFFF; } .light, .list-tile-light li, .list-alternate-light li:nth-child(even) { background-color: #eeeeee; color: #000000; } .dark, .list-tile-dark li, .list-alternate-dark li:nth-child(even) { background-color: #212121; color: yellow; } .color1-text { color: #FFFFFF; } .color2-text { color: #FFFFFF; } .light-text { color: #000000; } .dark-text { color: yellow; } .text-color1, .header-color1, .header-color1 h1, .header-color1 h2, .header-color1 h3, .links-color1 a { color: #cf010e; } .text-color2, .header-color2, .header-color2 h1, .header-color2 h2, .header-color2 h3, .links-color2 a { color: #005CBF; } .text-light, .header-light, .header-light h1, .header-light h2, .header-light h3, .links-color-light a { color: #eeeeee; } .text-dark, .header-dark, .header-dark h1, .header-dark h2, .header-dark h3, .links-color-dark a { color: #212121; } .text-white, .header-white, .header-white h1, .header-white h2, .header-white h3, .links-color-white a { color: white; } .text-black, .header-black, .header-black h1, .header-black h2, .header-black h3, .links-color-black a { color: black; } .text-bold { font-weight: bold; } .text-normal { font-weight: normal; } .text-single-space { line-height: 1em !important; } .text-double-space { line-height: 2em !important; } .text-dark-text-shadow { text-shadow: _; } .text-light-text-shadow { text-shadow: 0 1px 0 rgba(255,255,255,0.3); } .border { border: 1px solid rgba(207,1,14,0.7); } .border-vert, .list-tile-border-vert li { border-top: 1px solid rgba(207,1,14,0.7); border-bottom: 1px solid rgba(207,1,14,0.7); } .border-horiz, .list-tile-border-horiz li { border-right: 1px solid rgba(207,1,14,0.7); border-left: 1px solid rgba(207,1,14,0.7); } .border-top, .list-tile-border-top li { border-top: 1px solid rgba(207,1,14,0.7); } .border-bottom, .list-tile-border-bottom li { border-bottom: 1px solid rgba(207,1,14,0.7); } .border-right, .list-tile-border-right li { border-right: 1px solid rgba(207,1,14,0.7); } .border-left, .list-tile-border-left li { border-left: 1px solid rgba(207,1,14,0.7); } .grad, .btn1, .box-grad, .header-grad > .box-header, .box-header-grad, .box-header.box-header-grad, .list-tile-grad li { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov, .btn1:hover, .header-grad-hov > .box-header, .box-header-grad-hov, .box-header.box-header-grad { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov:hover, .btn1:hover:hover, .header-grad-hov > .box-header:hover, .box-header-grad-hov:hover, .box-header.box-header-grad:hover { background: #e80110; background: -moz-linear-gradient(top,#e80110 0%,#9c010b 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e80110),color-stop(100%,#9c010b)); background: -webkit-linear-gradient(top,#e80110 0%,#9c010b 100%); background: -o-linear-gradient(top,#e80110 0%,#9c010b 100%); background: -ms-linear-gradient(top,#e80110 0%,#9c010b 100%); background: linear-gradient(to bottom,#e80110 0%,#9c010b 100%); -pie-background: linear-gradient(#e80110 0%,#9c010b 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad2, .box-grad2, .header-grad2 > .box-header, .box-header-grad2, .box-header.box-header-grad2, .list-tile-grad2 li { background: #005CBF; background: -moz-linear-gradient(top,#005CBF 0%,#003773 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#005CBF),color-stop(100%,#003773)); background: -webkit-linear-gradient(top,#005CBF 0%,#003773 100%); background: -o-linear-gradient(top,#005CBF 0%,#003773 100%); background: -ms-linear-gradient(top,#005CBF 0%,#003773 100%); background: linear-gradient(to bottom,#005CBF 0%,#003773 100%); -pie-background: linear-gradient(#005CBF 0%,#003773 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad2-hov, .btn2, .header-grad2-hov > .box-header, .box-header-grad2-hov, .box-header.box-header-grad2-hov { background: #005CBF; background: -moz-linear-gradient(top,#005CBF 0%,#003773 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#005CBF),color-stop(100%,#003773)); background: -webkit-linear-gradient(top,#005CBF 0%,#003773 100%); background: -o-linear-gradient(top,#005CBF 0%,#003773 100%); background: -ms-linear-gradient(top,#005CBF 0%,#003773 100%); background: linear-gradient(to bottom,#005CBF 0%,#003773 100%); -pie-background: linear-gradient(#005CBF 0%,#003773 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad2-hov:hover, .btn2:hover, .header-grad2-hov > .box-header:hover, .box-header-grad2-hov:hover, .box-header.box-header-grad2-hov:hover { background: #0068d9; background: -moz-linear-gradient(top,#0068d9 0%,#00438c 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0068d9),color-stop(100%,#00438c)); background: -webkit-linear-gradient(top,#0068d9 0%,#00438c 100%); background: -o-linear-gradient(top,#0068d9 0%,#00438c 100%); background: -ms-linear-gradient(top,#0068d9 0%,#00438c 100%); background: linear-gradient(to bottom,#0068d9 0%,#00438c 100%); -pie-background: linear-gradient(#0068d9 0%,#00438c 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-dark, .box-grad-dark, .header-grad-dark > .box-header, .box-header-grad-dark, .box-header.box-header-grad-dark, .list-tile-grad-dark li { background: #3b3b3b; background: -moz-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3b3b3b),color-stop(100%,#212121)); background: -webkit-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -o-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -ms-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: linear-gradient(to bottom,#3b3b3b 0%,#212121 100%); -pie-background: linear-gradient(#3b3b3b 0%,#212121 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-dark, .btn-dark, .header-grad-dark-hov > .box-header, .box-header-grad-dark-hov, .box-header.box-header-grad-dark-hov { background: #3b3b3b; background: -moz-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3b3b3b),color-stop(100%,#212121)); background: -webkit-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -o-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: -ms-linear-gradient(top,#3b3b3b 0%,#212121 100%); background: linear-gradient(to bottom,#3b3b3b 0%,#212121 100%); -pie-background: linear-gradient(#3b3b3b 0%,#212121 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-dark:hover, .btn-dark:hover, .header-grad-dark-hov > .box-header:hover, .box-header-grad-dark-hov:hover, .box-header.box-header-grad-dark-hov:hover { background: #474747; background: -moz-linear-gradient(top,#474747 0%,#2e2e2e 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#2e2e2e)); background: -webkit-linear-gradient(top,#474747 0%,#2e2e2e 100%); background: -o-linear-gradient(top,#474747 0%,#2e2e2e 100%); background: -ms-linear-gradient(top,#474747 0%,#2e2e2e 100%); background: linear-gradient(to bottom,#474747 0%,#2e2e2e 100%); -pie-background: linear-gradient(#474747 0%,#2e2e2e 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-light, .btn-light, .box-grad-light, .header-grad-light > .box-header, .box-header-grad-light, .box-header.box-header-grad-light, .list-tile-grad-light li { background: #eeeeee; background: -moz-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#ccc)); background: -webkit-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -o-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -ms-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: linear-gradient(to bottom,#eeeeee 0%,#ccc 100%); -pie-background: linear-gradient(#eeeeee 0%,#ccc 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-light, .btn-light, .header-light-hov > .box-header, .box-header-light-hov, .box-header.box-header-light-hov { background: #eeeeee; background: -moz-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#ccc)); background: -webkit-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -o-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -ms-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: linear-gradient(to bottom,#eeeeee 0%,#ccc 100%); -pie-background: linear-gradient(#eeeeee 0%,#ccc 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-light:hover, .btn-light:hover, .header-light-hov > .box-header:hover, .box-header-light-hov:hover, .box-header.box-header-light-hov:hover { background: #fbfbfb; background: -moz-linear-gradient(top,#fbfbfb 0%,#d9d9d9 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fbfbfb),color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top,#fbfbfb 0%,#d9d9d9 100%); background: -o-linear-gradient(top,#fbfbfb 0%,#d9d9d9 100%); background: -ms-linear-gradient(top,#fbfbfb 0%,#d9d9d9 100%); background: linear-gradient(to bottom,#fbfbfb 0%,#d9d9d9 100%); -pie-background: linear-gradient(#fbfbfb 0%,#d9d9d9 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-alt, .box-grad-alt, .btn-alt, .header-grad-alt > .box-header, .list-tile-grad-alt li { background: green; background: -moz-linear-gradient(top,green 0%,#001a00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,green),color-stop(100%,#001a00)); background: -webkit-linear-gradient(top,green 0%,#001a00 100%); background: -o-linear-gradient(top,green 0%,#001a00 100%); background: -ms-linear-gradient(top,green 0%,#001a00 100%); background: linear-gradient(to bottom,green 0%,#001a00 100%); -pie-background: linear-gradient(green 0%,#001a00 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-alt, .btn-alt-hov, .btn-alt:hover, .header-grad-alt-hov > .box-header { background: green; background: -moz-linear-gradient(top,green 0%,#001a00 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,green),color-stop(100%,#001a00)); background: -webkit-linear-gradient(top,green 0%,#001a00 100%); background: -o-linear-gradient(top,green 0%,#001a00 100%); background: -ms-linear-gradient(top,green 0%,#001a00 100%); background: linear-gradient(to bottom,green 0%,#001a00 100%); -pie-background: linear-gradient(green 0%,#001a00 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-alt:hover, .btn-alt-hov:hover, .btn-alt:hover:hover, .header-grad-alt-hov > .box-header:hover { background: #009a00; background: -moz-linear-gradient(top,#009a00 0%,#003400 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#009a00),color-stop(100%,#003400)); background: -webkit-linear-gradient(top,#009a00 0%,#003400 100%); background: -o-linear-gradient(top,#009a00 0%,#003400 100%); background: -ms-linear-gradient(top,#009a00 0%,#003400 100%); background: linear-gradient(to bottom,#009a00 0%,#003400 100%); -pie-background: linear-gradient(#009a00 0%,#003400 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-grey, .btn-grey { background: #999; background: -moz-linear-gradient(top,#999 0%,#666 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#999),color-stop(100%,#666)); background: -webkit-linear-gradient(top,#999 0%,#666 100%); background: -o-linear-gradient(top,#999 0%,#666 100%); background: -ms-linear-gradient(top,#999 0%,#666 100%); background: linear-gradient(to bottom,#999 0%,#666 100%); -pie-background: linear-gradient(#999 0%,#666 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .grad-hov-grey, .btn-grey:hover { background: #ccc; background: -moz-linear-gradient(top,#ccc 0%,#777 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#777)); background: -webkit-linear-gradient(top,#ccc 0%,#777 100%); background: -o-linear-gradient(top,#ccc 0%,#777 100%); background: -ms-linear-gradient(top,#ccc 0%,#777 100%); background: linear-gradient(to bottom,#ccc 0%,#777 100%); -pie-background: linear-gradient(#ccc 0%,#777 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; } .tile, .list-tile-image li { background-image: url('../img/tile.html'); background-position: top; background-repeat: repeat; } .noise, .list-tile-noise li { background-image: url('../img/noise.html'); background-position: top; background-repeat: repeat; } .cols-2 { column-count: 2; column-gap: 10px; column-width: 50%; -webkit-column-count: 2; -webkit-column-gap: 10px; -webkit-column-width: 50%; -moz-column-count: 2; -moz-column-gap: 10px; -moz-column-width: 50%; } .cols-3 { column-count: 3; column-gap: 10px; column-width: 33%; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-width: 33%; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-width: 33%; } .cols-3 { column-count: 3; column-gap: 10px; column-width: 33%; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-width: 33%; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-width: 33%; } .cols-4 { column-count: 4; column-gap: 10px; column-width: 25%; -webkit-column-count: 4; -webkit-column-gap: 10px; -webkit-column-width: 25%; -moz-column-count: 4; -moz-column-gap: 10px; -moz-column-width: 25%; } .cols-5 { column-count: 5; column-gap: 10px; column-width: 20%; -webkit-column-count: 5; -webkit-column-gap: 10px; -webkit-column-width: 20%; -moz-column-count: 5; -moz-column-gap: 10px; -moz-column-width: 20%; } .cols-6 { column-count: 6; column-gap: 10px; column-width: 16.666666666667%; -webkit-column-count: 6; -webkit-column-gap: 10px; -webkit-column-width: 16.666666666667%; -moz-column-count: 6; -moz-column-gap: 10px; -moz-column-width: 16.666666666667%; } .pie { position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .pieGrad { behavior: url(../shared_css/css3pie/PIE.htc); } .fa { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, label, legend, p, blockquote, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1; color: black; background: white; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } fieldset, img { border: 0; } address, caption, cite, code, dfn, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } abbr, acronym { border: 0; } .content-unreset body, .content-vanilla body, .content-module-container body { font: 9pt/1.5em sans-serif; } .content-unreset pre, .content-unreset code, .content-unreset tt, .content-vanilla pre, .content-vanilla code, .content-vanilla tt, .content-module-container pre, .content-module-container code, .content-module-container tt { font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace; } .content-unreset h1, .content-unreset h2, .content-unreset h3, .content-unreset h4, .content-unreset h5, .content-unreset h6, .content-unreset b, .content-unreset strong, .content-vanilla h1, .content-vanilla h2, .content-vanilla h3, .content-vanilla h4, .content-vanilla h5, .content-vanilla h6, .content-vanilla b, .content-vanilla strong, .content-module-container h1, .content-module-container h2, .content-module-container h3, .content-module-container h4, .content-module-container h5, .content-module-container h6, .content-module-container b, .content-module-container strong { font-weight: bold; } .content-unreset em, .content-unreset dfn, .content-vanilla em, .content-vanilla dfn, .content-module-container em, .content-module-container dfn { font-style: italic; } .content-unreset dfn, .content-vanilla dfn, .content-module-container dfn { font-weight: bold; } .content-unreset p, .content-unreset code, .content-unreset pre, .content-unreset kbd, .content-vanilla p, .content-vanilla code, .content-vanilla pre, .content-vanilla kbd, .content-module-container p, .content-module-container code, .content-module-container pre, .content-module-container kbd { margin: 0 0 1.5em 0; } .content-unreset blockquote, .content-vanilla blockquote, .content-module-container blockquote { margin: 0 1.5em 1.5em 1.5em; } .content-unreset cite, .content-vanilla cite, .content-module-container cite { font-style: italic; } .content-unreset li ul, .content-unreset li ol, .content-vanilla li ul, .content-vanilla li ol, .content-module-container li ul, .content-module-container li ol { margin: 0 1.5em; } .content-unreset ul, .content-unreset ol, .content-vanilla ul, .content-vanilla ol, .content-module-container ul, .content-module-container ol { margin: 0 1.5em 1.5em 1.5em; } .content-unreset ul, .content-vanilla ul, .content-module-container ul { list-style-type: disc; } .content-unreset ol, .content-vanilla ol, .content-module-container ol { list-style-type: decimal; } .content-unreset ol ol, .content-vanilla ol ol, .content-module-container ol ol { list-style: upper-alpha; } .content-unreset ol ol ol, .content-vanilla ol ol ol, .content-module-container ol ol ol { list-style: lower-roman; } .content-unreset ol ol ol ol, .content-vanilla ol ol ol ol, .content-module-container ol ol ol ol { list-style: lower-alpha; } .content-unreset dl, .content-vanilla dl, .content-module-container dl { margin: 0 0 1.5em 0; } .content-unreset dl dt, .content-vanilla dl dt, .content-module-container dl dt { font-weight: bold; } .content-unreset dd, .content-vanilla dd, .content-module-container dd { margin-left: 1.5em; } .content-unreset table, .content-vanilla table, .content-module-container table { margin-bottom: 1.4em; width: 100%; } .content-unreset th, .content-vanilla th, .content-module-container th { font-weight: bold; } .content-unreset th, .content-unreset td, .content-unreset caption, .content-vanilla th, .content-vanilla td, .content-vanilla caption, .content-module-container th, .content-module-container td, .content-module-container caption { padding: 4px 10px 4px 5px; } .content-unreset tfoot, .content-vanilla tfoot, .content-module-container tfoot { font-style: italic; } .content-unreset abbr, .content-unreset acronym, .content-vanilla abbr, .content-vanilla acronym, .content-module-container abbr, .content-module-container acronym { border-bottom: 1px dotted; } .content-unreset address, .content-vanilla address, .content-module-container address { margin: 0 0 1.5em; font-style: italic; } .content-unreset del, .content-vanilla del, .content-module-container del { text-decoration: line-through; } .content-unreset pre, .content-vanilla pre, .content-module-container pre { margin: 1.5em 0; white-space: pre; } .content-unreset img.centered, .content-unreset .aligncenter, .content-unreset div.aligncenter, .content-vanilla img.centered, .content-vanilla .aligncenter, .content-vanilla div.aligncenter, .content-module-container img.centered, .content-module-container .aligncenter, .content-module-container div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .content-unreset img.alignright, .content-vanilla img.alignright, .content-module-container img.alignright { display: inline; } .content-unreset img.alignleft, .content-vanilla img.alignleft, .content-module-container img.alignleft { display: inline; } .content-unreset .alignright, .content-vanilla .alignright, .content-module-container .alignright { float: right; margin-left: 10px; } .content-unreset .alignleft, .content-vanilla .alignleft, .content-module-container .alignleft { float: left; margin-right: 10px; } .content-unreset img, .content-vanilla img, .content-module-container img { max-width: 100%; } .content-unreset * html .clearfix, .content-vanilla * html .clearfix, .content-module-container * html .clearfix { height: 1%; } .content-unreset * + html .clearfix, .content-vanilla * + html .clearfix, .content-module-container * + html .clearfix { display: inline-block; } .content-unreset .clearfix:after, .content-vanilla .clearfix:after, .content-module-container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content-unreset * html .group, .content-vanilla * html .group, .content-module-container * html .group { height: 1%; } .content-unreset * + html .group, .content-vanilla * + html .group, .content-module-container * + html .group { display: inline-block; } .content-unreset .group:after, .content-vanilla .group:after, .content-module-container .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(../shared_css/boxsizing/boxsizing.htc); } ::-webkit-scrollbar { width: 10px; background-color: rgba(0,0,0,0.2); } ::-webkit-scrollbar:hover { background-color: rgba(0,0,0,0.3); } ::-webkit-scrollbar-thumb:vertical { background: rgba(255,255,255,0.4); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); } ::-webkit-scrollbar-thumb:vertical:active { background: rgba(255,255,255,0.5); } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; } pre code { display: block; padding: 10px; background: #efefef; color: #333; border: 1px solid #bebab0; font: "Lucida Console", Monaco, monospace; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .2em; } p, ul, ol { margin: 0 0 1em; } i { font-style: italic; } a { text-decoration: none; color: #005CBF; } b, strong { font-weight: bold; } u { font-style: underline; } h1 { color: #cf010e; font: 700 2.5em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } h2 { color: #005CBF; font: 700 2.0em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } h3 { color: #212121; font: 700 1.5em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } body { color: #333; font: normal 13px 'Roboto Condensed', sans-serif; background: #efefef top center no-repeat fixed; position: relative; } .container { margin: 0 auto; width: 100%; max-width: 100%; } .box-container { position: relative; margin: 0 auto; width: 100%; max-width: 100%; } .body-wrap, .big-wrap, header, .page-wrap, .main-wrap, footer { position: relative; *behavior: url(../shared_css/boxsizing/boxsizing.htc) !important; } .body-wrap { position: relative; } .big-wrap { position: relative; } header { background: white; color: #000; height: 165px; box-shadow: 0 -2px 2px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0 -2px 2px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 -2px 2px rgba(255,255,255,0.5) inset; position: relative; } header #HeaderDefault { height: 165px; } .page-wrap { margin: 0; position: relative; z-index: 2; position: relative; } .dealer-tag-line, .content-slogan { color: #000000; font: 400 25px 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3); } footer { background: #212121; color: #FFFFFF; position: relative; } footer a { color: #FFFFFF; } #TopDefault, #TopHome { background: url(../images/display/655/shopping1.jpg) top center no-repeat fixed; height: 520px; position: relative; } #BottomDefault, #BottomHome { background: white; position: relative; } #Logo { position: relative; z-index: 10; } #HeaderDefault { position: relative; } .menu-wrap .container { position: relative; } .main-wrap { z-index: 1; } .underlay { position: absolute; } section.underlay { width: 100%; } #Main { overflow: hidden; position: relative; z-index: 1; clear: both; background: #f9f9f9; padding: 105px 0px 0px 0px; margin: 0 auto !important; position: relative; margin: 0 auto; width: 100%; max-width: 100%; } #MainBottom { background: white; } #MenuMain, #MenuMainWrap, .menu-main, .menu-main > ul.dropdown > li, .dir.overlay-active { height: 39px; } .napactive { display: initial !important; } .noShow { display: none !important; } .custom-content-wrap { display: flex; justify-content: center; background-size: cover; min-height: 825px; } .custom-content { max-width: 1366px; margin-top: 105px; margin-bottom: 105px; font-family: 'Hind Vadodara', sans-serif; } #reviews_container { width: 90%; background: white; display: flex; justify-content: center; margin: auto; } #reviews_container #yellowStone-review { max-width: 1366px; text-align: center; } .defaultPage #reviews_container { flex-direction: column; } .active-review { display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; } #reviews_container .hidden { display: none; } #reviews_container #date { margin-top: 105px; font-family: 'Droid Sans', sans-serif; font-size: 22px; } #reviews_container #quote { margin-top: 80px; display: flex; justify-content: center; align-items: center; } #reviews_container #quote img { font-size: 20px; } #reviews_container #quote #quote_left { margin-right: 20px; } #reviews_container #quote #quote_right { margin-left: 20px; } #reviews_container #quote div { font-size: 46px; font-family: 'Montserrat', sans-serif; font-style: italic; font-weight: 500; } #reviews_container #reviewer { margin-top: 80px; font-family: 'Dancing Script', sans-serif; font-size: 60px; } #reviews_container #stars { margin-top: 20px; color: #FFD26D; } #reviews_container #moreBtn { margin-top: 80px; margin-bottom: 105px; height: 65px; width: 250px; border-radius: 4px; background-color: #cf010e; color: #FFFFFF; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-family: 'Hind Vadodara'; font-weight: bold; font-size: 16px; } #reviews_container #moreBtn a { color: #FFFFFF; } #reviews_container .fa-star { font-size: 40px; height: 40px; } #FooterHome { background: white; } .footer-def-wrap { max-width: 1366px; overflow: hidden; width: 100%; } .footer-def-wrap .back2Top { margin-top: 55px; text-transform: uppercase; font-size: 14px; font-family: 'Droid Sans', sans-serif; } .footer-def-wrap .back2Top a { color: #cf010e; } .footer-def-wrap .back2Top i { color: #cf010e; margin-bottom: 12px; } .footer-def-wrap .nav-cols { margin-top: 65px; width: 100%; height: 205px; } .footer-def-wrap .nav-cols h2 { font-family: 'Droid Sans', sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px; } .footer-def-wrap .nav-cols .footer-nav-col ul { display: block !important; } .footer-def-wrap .nav-cols .footer-nav-col ul li a { font-size: 14px; font-family: 'Hind Vadodara', sans-serif; color: #FFFFFF; } .footer-def-wrap .nav-cols .footer-nav-col { float: left; width: 25%; height: 100%; } .footer-def-wrap .nav-cols #footer-findUs { float: right; width: 25%; height: 100%; } .footer-def-wrap #footer-findUs .marquee { overflow: hidden; height: 150px !important; } .footer-def-wrap #footer-findUs .nap-box .nap { padding: 0px; width: 100%; margin: auto; } .footer-def-wrap .footer-content { margin-top: 80px; max-width: 1366px; } #FooterDefault .tcspowered { margin: 60px 40px 25px !important; font-family: 'Droid Sans', sans-serif; font-size: 14px !important; color: #FFFFFF; } .fullWidthLogo { background: white; justify-content: center; display: flex; } .site-logo { height: 165px; display: flex; } footer { z-index: 0 !important; } footer .resp-more-locations { display: none !important; } footer h2 { color: #FFFFFF; } .promo-fw-wrap { background: url(../images/display/654/promotion.jpg); background-size: cover; padding: 105px 0 92px; } .promo-box { padding-left: 10px; } form#TireSizeForm .tire-size-btn { margin-top: 40px; } #HeaderDefault .nap-box { background: #FFFFFF; } #HeaderDefault #nap_header_line { height: 139px; width: 1px !important; background: #555; position: absolute; top: 15px; z-index: 1000; display: none; } .body-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; } .ystone { background: white; } .ystone-slogan { background: #FFFFFF; } .ystone-nap-alt { background: #AC1A26; height: 126px; } .resp-more-locations { color: #000000; } .ystone-nav { background: #FFFFFF; } ul.resp-mobile-menu { background: #FFFFFF; } ul.resp-mobile-menu li a { color: #000000; } .tf-box .shop-btn { margin-top: 40px !important; } #defaultPage-cta-toolbar { width: 100%; float: left; z-index: 20; left: 0; position: fixed; } #defaultPage-ctaToolbar-wrap { height: 76px; width: 100%; } body.defaultPage #Main { max-width: 1200px; } .sns-box-nap-header a { color: #005CBF; } #promo_icon_left, #promo_icon_right { color: #cf010e; } .dealer-tag-line, .content-slogan { color: #000000; font: 400 25px 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3); } #cta-toolbar-wrap { background: #cf010e; } #fixed-cta-toolbar-wrap { background: #cf010e; } #cta-toolbar { background: #cf010e; } #cta-toolbar .cta-toolbar-item a { color: #FFFFFF; } #cta-toolbar .cta-toolbar-item a i { color: #FFFFFF; } #fixed-cta-toolbar { background: #cf010e; } #fixed-cta-toolbar .cta-toolbar-item a { color: #FFFFFF; } #fixed-cta-toolbar .cta-toolbar-item a i { color: #FFFFFF; } .content-category .service-title h1 { top: 0; } .content-category #services-left .thumb { margin-top: 15px; text-align: center; } .content-category #services-left .thumb img { max-width: 64px; height: auto; } .content-category #services-left .service-title { text-align: center; } .content-category #services-left .content-unreset { text-align: left; text-justify: inter-word; } .content-category #services-left a.mobile-appt.ui-link { text-decoration: none; } .defaultPage .page-wrap.responsive { top: 165px; } #TireFinder.ystone-tire { position: relative; } #TireFinder.ystone-tire .ystone-shop-btn { position: absolute; bottom: 0; } #TireFinder.ystone-tire ul.tf-selections select { height: 48px; } #menu_trigger { color: #cf010e; } div#ui-datepicker-div { width: 100%; max-width: 275px; margin-top: 0px; margin-left: 0px; } div#ui-datepicker-div a.ui-state-default, div#ui-datepicker-div .ui-state-hover { border: none !important; } .details-cta-btn { width: 32%; background: #eeeeee; padding: 10px 0px; text-align: center; } .details-cta-btn a { text-decoration: none; font-weight: 400 !important; } .details-cta-btn a i { margin-right: 5px; } .review-wrapper { display: flex; flex-wrap: nowrap; } .review-stars { display: flex; justify-content: space-between; width: 95px; overflow-x: hidden; } .open-time, .closed-time { font-size: 0.9em; } span.open-closed { font-size: 0.9em; font-weight: 700; color: #499500; } .search-form-mobile { display: flex; margin: 0; margin-bottom: 10px; } input#search-field { border-radius: 3px 0px 0px 3px; border-right: none !important; box-shadow: none; background: #fff; font-family: roboto; font-size: 1.3em; text-shadow: none; color: #6d6d6d; border: 1px solid #dddddd; height: 40px; width: 90%; padding-left: 5px; } .search-container-mobile .ui-btn { height: 38px; box-shadow: none; } .align-center { text-align: center; } .locations-wrapper { background-color: #fff; padding: 5px 25px; margin-bottom: 30px; } .locations-wrapper > a { text-decoration: none; } .locations-wrapper h3 { -webkit-margin-after: 0em !important; margin-top: 15px; } .locationNumber { color: #000 !important; text-decoration: none; } .heavyBlk { font-weight: 700; color: #000; font-size: 1.1em; } p.locationAddWrap.heavyBlk { margin-bottom: 0; } .distanceCalculated { margin-top: 5px; font-size: 0.9em; color: #6d6d6d; } .cta-btn { width: 31.5%; padding: 10px 0px; text-align: center; } .cta-wrap { display: flex; justify-content: space-around; padding-bottom: 30px; margin-top: 30px; } .cta-btn a { color: inherit; text-decoration: none; font-weight: 400 !important; } .cta-btn a i { color: inherit; margin-right: 5px; } .locationNumWrap { -webkit-margin-after: 1.2em; -webkit-margin-before: 1.2em; } .fa-chevron-right { color: white; } #search-btn-mobile { height: 40px; background-image: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; font-weight: bold; width: 10%; line-height: 40px; text-align: center; } .store-hours-mobile { margin-bottom: 15px; } .nivo-main-image { width: 55%; height: auto !important; } #footer-findUs .nap-box { padding-left: 0px !important; } #footer-findUs .nap-box .marquee.list .mchild.nap span.highlight { display: block; width: 150px; word-wrap: break-word; } @media only screen and (max-width: 991px) { #footer-findUs .nap-box .marquee.list .mchild.nap span.highlight { margin: auto; } } .homePage ul.ystone-services-li li:hover span { background-color: #830109 !important; color: #ffffff !important; } .homePage ul.ystone-services-li li a span { background-color: inherit; padding: 2px 4px; border-radius: 5px; } .homePage ul.ystone-services-li li a span:hover { background-color: #830109 !important; color: #ffffff !important; } #svs_fullwidth { padding-bottom: 95px; } .simply-scroll-list { padding-top: 10px; } .footer-def-wrap #footer-findUs .nap-box .nap { width: 100%; margin: auto; } img#yellowstoneRespMobile-headerLogo { height: 80px; padding: 0px; } body.defaultPage #Main { padding: 30px; overflow: hidden; } body.homePage #Main { padding: _; } .wrap-container-brain > div { margin: 0 auto; width: 100%; max-width: 100%; } .ul-reset { margin: 0; padding: 0; } .ul-reset li { margin: 0; padding: 0; list-style: none; } .tcspowered { text-align: right; font-size: 12px; margin: 20px 10px 10px; display: block; } .tcspowered img { position: relative; top: 4px; } .pill { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; } a.pill:hover { text-decoration: none; } .pill1, ul.list-pill1 li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: #cf010e; color: #FFFFFF !important; } a.pill1:hover, .pill1-hover:hover, ul.list-pill1 li a:hover { background: #fe0515; } .pill2, ul.list-pill2 li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: #005CBF; color: #FFFFFF !important; } a.pill2:hover, .pill2-hover:hover, ul.list-pill2 li a:hover { background: #0068d9; } .pill-light, ul.list-pill-light li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: #eeeeee; color: #000000 !important; } a.pill-light:hover, .pill-light-hover:hover, ul.list-pill-light li a:hover { background: #fbfbfb; } .pill-lighten, .bkg-light, ul.list-pill-lighten li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: rgba(238,238,238,0.5); } .pill-lighten:hover, .bkg-light:hover, ul.list-pill-lighten li a:hover { background: rgba(238,238,238,0.4); } .pill-dark, .bkg-dark, ul.list-pill-dark li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: #212121; color: yellow !important; } a.pill-dark:hover, .pill-dark-hover:hover, ul.list-pill-dark li a:hover { background: #2e2e2e; } .pill-darken, ul.list-pill-darken li a { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; background-color: rgba(33,33,33,0.5); } .pill-darken:hover, ul.list-pill-darken li a:hover { background: rgba(33,33,33,0.4); } .btn, .btn1, .btn2, .btn-dark, .btn-light { border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; padding: .3em .6em; text-decoration: none; font-size: 1em; text-align: center; outline: none; position: relative; text-decoration: none; cursor: pointer; zoom: 1; } .btn .content-module-container, .btn1 .content-module-container, .btn2 .content-module-container, .btn-dark .content-module-container, .btn-light .content-module-container { display: inline; } .btn, .btn-skel { color: #333 !important; font: 700 1em 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3); box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; } .btn i, .btn1 i, .btn2 i { margin-left: .5em; } .btn:hover, .btn1:hover, .btn2:hover, .btn3:hover, .btn-light:hover, .btn-grey:hover, .btn-dark:hover { text-decoration: none; } .btn1, a.btn1, .box a.btn1 { color: white !important; border: 1px solid #cf010e; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; } .btn2, a.btn2, .box a.btn2 { color: white !important; border: 1px solid #005CBF; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; } .btn-light, a.btn-light, .box a.btn-light { color: #666 !important; border: 1px solid #eeeeee; } .btn-dark, a.btn-dark, .box a.btn-dark { color: white !important; border: 1px solid #212121; } .btn-alt, a.btn-alt { color: white !important; border: 1px solid #212121; } .btn-grey { color: #E5E5E5 !important; text-shadow: 0 -1px 0 #222; } .btn-grey:hover { color: white; text-shadow: 0 -1px 0 #222; } .btn-mini, .pill-mini, input.btn-mini, a.btn-mini, button.btn-mini, .btn-group-mini a, .text-mini, .box-header.text-mini, .box-header-alt.text-mini { font-size: 50%; } .btn-small, .pill-small, input.btn-small, a.btn-small, button.btn-small, .btn-group-small a, .text-small, .box-header.text-small, .box-header-alt.text-small { font-size: 75%; } .btn-big, .pill-big, input.btn-big, a.btn-big, button.btn-big, .btn-group-big a, .text-big, .box-header.text-big, .box-header-alt.text-big { font-size: 125%; } .btn-mega, .pill-mega, input.btn-mega, a.btn-mega, button.btn-mega, .btn-group-mega a, .text-mega, .box-header.text-mega, .box-header-alt.text-mega { font-size: 150%; } .btn-zilla, .pill-zilla, input.btn-zilla, a.btn-zilla, button.btn-zilla, .btn-group-zilla a, .text-zilla, .box-header.text-zilla, .box-header-alt.text-zilla { font-size: 200%; } .btn-block, .pill-block, .item-block { display: block; width: 100%; text-align: center; clear: both; } .item-full { width: 100%; } .btn-half, .pill-half, img.half { width: 49%; } .pill-inset, .btn-inset, .box-inset, .list-tile-inset li { box-shadow: 0 -1px 1px rgba(255,255,255,0.2) inset; -webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.2) inset; } .pill-outset, .btn-outset, .box-outset, .list-tile-outset li { box-shadow: 0 1px 1px #000001; -webkit-box-shadow: 0 1px 1px #000001; -moz-box-shadow: 0 1px 1px #000001; } .ui-widget-content a { color: auto !important; } .ui-widget-content a.btn1 { color: #FFFFFF; } .ui-widget-content a.btn2 { color: #FFFFFF; } .btn-group { margin: 0px; padding: 0px; font-size: 14px; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; display: inline-block; overflow: hidden; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .btn-group li { float: left; display: inline; } .btn-group a, .btn-group a:link, .btn-group a:visited { line-height: 1em; padding: .6em .7em; margin: 0; display: inline-block; border-radius: 0; border-right: 1px solid rgba(0,0,0,0.2); border-left: 1px solid rgba(255,255,255,0.1); } .btn-group a:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .btn-group .f a { border-left: none; webkit-border-radius: .5em 0 0 .5em; -moz-border-radius: .5em 0 0 .5em; border-radius: .5em 0 0 .5em; } .btn-group .l a { border-right: none; webkit-border-radius: 0 .5em .5em 0; -moz-border-radius: 0 .5em .5em 0; border-radius: 0 .5em .5em 0; } .btn-group-round { webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .btn-group-round .f a { webkit-border-radius: 1em 0 0 1em; -moz-border-radius: 1em 0 0 1em; border-radius: 1em 0 0 1em; } .btn-group-round .l a { webkit-border-radius: 0 1em 1em 0; -moz-border-radius: 0 1em 1em 0; border-radius: 0 1em 1em 0; } .btn-group-square, .btn-group-square .f a, .btn-group-square .l a { webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .btn-group-plain a:hover { background: rgba(0,0,0,0.1); text-decoration: none; } .btn-group-explode a, .btn-group-explode a:link, .btn-group-explode a:visited { border-top: 3px solid #ccc; border-bottom: 3px solid #666; border-left: 0px; border-right: 0px; text-transform: uppercase; box-shadow: 0 4px 5px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.2) inset; -0-box-shadow: 0 4px 5px rgba(0,0,0,0.2) inset; -webkit-transition: all 0.2s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; } .btn-group-explode { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; -o-border-radius: 12px; } .btn-group-explode a:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0 4px 15px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 0 4px 15px rgba(0,0,0,0.3) inset; -0-box-shadow: 0 4px 15px rgba(0,0,0,0.3) inset; } .btn-group-explode .f { border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; -webkit-border-radius: 12px 0 0 12px; -o-border-radius: 12px 0 0 12px; } .btn-group-explode .l { border-radius: 0px 12px 12px 0; -moz-border-radius: 0px 12px 12px 0; -webkit-border-radius: 0px 12px 12px 0; -o-border-radius: 0px 12px 12px 0; } .btn-group-explode .f a { border-left: 3px solid #ccc; webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .btn-group-explode .l a { border-right: 3px solid #666; webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .box-skel, .list-tile-box-skel > li { overflow: hidden; padding: 0; margin: 0 0 10px; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .box-skel .inner, .list-tile-box-skel > li .inner { padding: 5px 10px 10px; overflow: hidden; } .box, .list-tile-box > li { overflow: hidden; background: #eeeeee; background: -moz-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#eeeeee),color-stop(100%,#ccc)); background: -webkit-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -o-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: -ms-linear-gradient(top,#eeeeee 0%,#ccc 100%); background: linear-gradient(to bottom,#eeeeee 0%,#ccc 100%); -pie-background: linear-gradient(#eeeeee 0%,#ccc 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; background: grad-light; color: #333; padding: 0; margin: 0 0 10px; border: 1px solid #BABABA; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .box .inner, .list-tile-box > li .inner { padding: 5px 10px 10px; overflow: hidden; } .box-color1, .box-color2, .box-dark, .box-light, .box-white, .box-black, .box-color1-25, .box-color2-25, .box-dark-25, .box-light-25, .box-white-25, .box-black-25, .box-color1-50, .box-color2-50, .box-dark-50, .box-light-50, .box-white-50, .box-black-50, .box-color1-75, .box-color2-75, .box-dark-75, .box-light-75, .box-white-75, .box-black-75, .box-grad, .box-grad2, .box-grad-light, .box-grad-dark, .box-grad-alt { overflow: hidden; padding: 0; margin: 0 0 10px; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .box-color1 .inner, .box-color2 .inner, .box-dark .inner, .box-light .inner, .box-white .inner, .box-black .inner, .box-color1-25 .inner, .box-color2-25 .inner, .box-dark-25 .inner, .box-light-25 .inner, .box-white-25 .inner, .box-black-25 .inner, .box-color1-50 .inner, .box-color2-50 .inner, .box-dark-50 .inner, .box-light-50 .inner, .box-white-50 .inner, .box-black-50 .inner, .box-color1-75 .inner, .box-color2-75 .inner, .box-dark-75 .inner, .box-light-75 .inner, .box-white-75 .inner, .box-black-75 .inner, .box-grad .inner, .box-grad2 .inner, .box-grad-light .inner, .box-grad-dark .inner, .box-grad-alt .inner { padding: 5px 10px 10px; overflow: hidden; } .box-header a.view, .box-header-sub h4 a.view { float: right; font-size: 5px 10px 10px; position: relative; top: 4px; } .box-alt, .list-tile-box-alt li { overflow: hidden; background: rgba(255,255,255,0.9) url(../shared_img/Shopping_BG_Pattern.png) repeat left top; color: #333; font: 400 14px 'Hind Vadodara'; text-transform: uppercase; padding: 0; margin: 0 0 10px 0; border: 1px solid #ccc; box-shadow: 1px 1px 2px #5d5d5d; -webkit-box-shadow: 1px 1px 2px #5d5d5d; -moz-box-shadow: 1px 1px 2px #5d5d5d; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .box-alt a, .list-tile-box-alt li a { color: #5d5d5d; } .box-alt .inner, .list-tile-box-alt li .inner { padding: 5px 10px 10px; overflow: hidden; } .box-alt label, .list-tile-box-alt li label { color: #FFFFFF !important; } .box-header-alt, .box-alt h4 { background: transparent; color: #005CBF; font: normal 20px 'Roboto Condensed', sans-serif; margin: 0 0 5px; text-shadow: 0 1px 0 rgba(255,255,255,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .box-header-alt a, .box-alt h4 a { color: white; } .box-header-alt a.view, .box-alt h4 a.view { float: right; font-size: 14px; position: relative; top: 4px; } .box-header-transparent, .box-header-sub-transparent > .box-header { background: transparent; border: none; } .box-color1, .box-header-color1, .list-box-color1 > li { color: #FFFFFF; background-color: #cf010e; } .box-color1 h1, .box-color1 h2, .box-color1 h3, .box-color1 label, .box-header-color1 h1, .box-header-color1 h2, .box-header-color1 h3, .box-header-color1 label, .list-box-color1 > li h1, .list-box-color1 > li h2, .list-box-color1 > li h3, .list-box-color1 > li label { color: #FFFFFF !important; } .box-color2, .box-header-color2, .list-box-color2 > li { color: #FFFFFF; background-color: #005CBF; } .box-color2 h1, .box-color2 h2, .box-color2 h3, .box-color2 label, .box-header-color2 h1, .box-header-color2 h2, .box-header-color2 h3, .box-header-color2 label, .list-box-color2 > li h1, .list-box-color2 > li h2, .list-box-color2 > li h3, .list-box-color2 > li label { color: #FFFFFF !important; } .box-dark, .box-header-dark, .list-box-dark > li { color: yellow; background-color: #212121; } .box-dark > h1, .box-dark > h2, .box-dark > h3, .box-dark label, .box-header-dark > h1, .box-header-dark > h2, .box-header-dark > h3, .box-header-dark label, .list-box-dark > li > h1, .list-box-dark > li > h2, .list-box-dark > li > h3, .list-box-dark > li label { color: yellow !important; } .box-light, .box-header-light, .list-box-light > li { color: #000000; background-color: #eeeeee; } .box-light label, .box-header-light label, .list-box-light > li label { color: #000000 !important; } .box-white, .box-header-white, .list-box-white > li { color: #222; background-color: white; } .box-black, .box-header-black, .list-box-black > li { color: white; background-color: black; } .color1-25, .list-color1-25 li { color: #FFFFFF; background-color: rgba(207,1,14,0.25); } .box-color1-25, .box-header-color1-25, .pill-color1-25, .btn-color1-25, .list-tile-color1-25 li { color: #FFFFFF; background-color: rgba(207,1,14,0.25); } .box-color2-25, .box-header-color2-25, .pill-color2-25, .btn-color2-25, .list-tile-color2-25 li { color: #FFFFFF; background-color: rgba(0,92,191,0.25); } .box-dark-25, .box-header-dark-25, .pill-dark-25, .btn-dark-25, .list-tile-dark-25 li { color: yellow; background-color: rgba(33,33,33,0.25); } .box-darken-25, .box-header-darken-25, .pill-darken-25, .btn-darken-25, .list-tile-darken-25 li { border: 0; background-color: #999; background-color: rgba(0,0,0,0.25); } .box-light-25, .box-header-light-25, .pill-light-25, .btn-light-25, .list-tile-light-25 li { color: #000000; background-color: rgba(238,238,238,0.25); } .box-lighten-25, .box-header-lighten-25, .pill-lighten-25, .btn-lighten-25, .list-tile-lighten-25 li { border: 0; background-color: white; background-color: rgba(255,255,255,0.25); } .box-white-25, .box-header-white-25, .pill-white-25, .btn-white-25, .list-tile-white-25 li { color: black; background-color: rgba(255,255,255,0.25); } .box-black-25, .box-header-black-25, .pill-black-25, .btn-black-25, .list-tile-black-25 li { color: white; background-color: rgba(0,0,0,0.25); } .box-color1-50, .box-header-color1-50, .pill-color1-50, .btn-color1-50, .list-tile-color1-50 li { color: #FFFFFF; background-color: rgba(207,1,14,0.5); } .box-color2-50, .box-header-color2-50, .pill-color2-50, .btn-color2-50, .list-tile-color2-50 li { color: #FFFFFF; background-color: rgba(0,92,191,0.5); } .box-dark-50, .box-header-dark-50, .pill-dark-50, .btn-dark-50, .pill-darken, .btn-darken, .list-tile-dark-50 li, .list-alternate-darken li:nth-child(even) { color: yellow; background-color: rgba(33,33,33,0.5); } .box-darken-50, .box-header-darken-50, .pill-darken-50, .btn-darken-50, .list-tile-darken-50 li { border: 0; background-color: #666; background-color: rgba(0,0,0,0.5); } .box-light-50, .box-header-light-50, .pill-light-50, .btn-light-50, .pill-lighten, .btn-lighten, .list-tile-light-50 li { color: #000000; background-color: rgba(238,238,238,0.5); } .box-lighten-50, .box-header-lighten-50, .pill-lighten, .p .btn-lighten, .pill-lighten-50, .list-tile-lighten-50 li, .list-alternate-lighten li:nth-child(even) { border: 0; background-color: white; background-color: rgba(255,255,255,0.5); } .box-white-50, .box-header-white-50, .pill-white-50, .btn-white-50, .list-tile-white-50 li { color: black; background-color: rgba(255,255,255,0.5); } .box-black-50, .box-header-black-50, .pill-black-50, .btn-black-50, .list-tile-black-50 li { color: white; background-color: rgba(0,0,0,0.5); } .box-color1-75, .box-header-color1-75, .pill-color1-75, .btn-color1-75, .list-tile-color1-75 li { color: #FFFFFF; background-color: rgba(207,1,14,0.75); } .box-color2-75, .box-header-color2-75, .pill-color2-75, .btn-color2-75, .list-tile-color2-75 li { color: #FFFFFF; background-color: rgba(0,92,191,0.75); } .box-dark-75, .box-header-dark-75, .pill-dark-75, .btn-dark-75, .list-tile-dark-75 li { color: yellow; background-color: rgba(33,33,33,0.75); } .box-darken-75, .box-header-darken-75, .pill-darken-75, .btn-darken-75, .list-tile-darken-75 li { border: 0; background-color: #333; background-color: rgba(0,0,0,0.75); } .box-light-75, .box-header-light-75, .pill-light-75, .btn-light-75, .list-tile-light-75 li { color: #000000; background-color: rgba(238,238,238,0.75); } .box-lighten-75, .box-header-lighten-75, .pill-lighten-75, .btn-lighten-75, .list-tile-lighten-75 li { border: 0; background: white; background-color: rgba(255,255,255,0.75); } .box-white-75, .box-header-white-75, .pill-white-75, .btn-white-75, .list-tile-white-75 li { color: black; background-color: rgba(255,255,255,0.75); } .box-black-75, .box-header-black-75, .pill-black-75, .btn-black-75, .list-tile-black-75 li { color: white; background-color: rgba(0,0,0,0.75); } .pill-color1-25:hover, .btn-color1-25:hover, .pill-hov-color1-25:hover, .btn-hov-color1-25:hover { background-color: rgba(207,1,14,0.3); } .pill-color2-25:hover, .btn-color2-25:hover, .pill-hov-color2-25:hover, .btn-hov-color2-25:hover { background-color: rgba(0,92,191,0.3); } .pill-dark-25:hover, .btn-dark-25:hover, .pill-hov-dark-25:hover, .btn-hov-dark-25:hover { background-color: rgba(33,33,33,0.3); } .pill-darken-25:hover, .btn-darken-25:hover, .pill-hov-darken-25:hover, .btn-hov-darken-25:hover { background-color: rgba(0,0,0,0.3); } .pill-light-25:hover, .btn-light-25:hover, .pill-hov-light-25:hover, .btn-hov-light-25:hover { background-color: rgba(238,238,238,0.3); } .pill-lighten-25:hover, .btn-lighten-25:hover, .pill-hov-lighten-25:hover, .btn-hov-lighten-25:hover { background-color: rgba(255,255,255,0.3); } .pill-white-25:hover, .btn-white-25:hover, .pill-hov-white-25:hover, .btn-hov-white-25:hover { background-color: rgba(255,255,255,0.3); } .pill-black-25:hover, .btn-black-25:hover, .pill-hov-black-25:hover, .btn-hov-black-25:hover { background-color: rgba(0,0,0,0.3); } .pill-color1-50:hover, .btn-color1-50:hover, .pill-hov-color1-50:hover, .btn-hov-color1-50:hover { background-color: rgba(207,1,14,0.55); } .pill-color2-50:hover, .btn-color2-50:hover, .pill-hov-color2-50:hover, .btn-hov-color2-50:hover { background-color: rgba(0,92,191,0.55); } .pill-dark-50:hover, .btn-dark-50:hover, .pill-hov-dark-50:hover, .btn-hov-dark-50:hover { background-color: rgba(33,33,33,0.55); } .pill-darken-50:hover, .btn-darken-50:hover, .pill-hov-darken-50:hover, .btn-hov-darken-50:hover { background-color: rgba(0,0,0,0.55); } .pill-darken:hover, .btn-darken:hover, .pill-hov-darken:hover, .btn-hov-darken:hover { background-color: rgba(0,0,0,0.55); } .pill-light-50:hover, .btn-light-50:hover, .pill-hov-light-50:hover, .btn-hov-light-50:hover { background-color: rgba(238,238,238,0.55); } .pill-lighten:hover, .btn-lighten:hover, .pill-hov-lighten:hover, .btn-hov-lighten:hover { background-color: rgba(255,255,255,0.55); } .pill-white-50:hover, .btn-white-50:hover, .pill-hov-white-50:hover, .btn-hov-white-50:hover { background-color: rgba(255,255,255,0.55); } .pill-black-50:hover, .btn-black-50:hover, .pill-hov-black-50:hover, .btn-hov-black-50:hover { background-color: rgba(0,0,0,0.55); } .pill-color1-75:hover, .btn-color1-75:hover, .pill-hov-color1-75:hover, .btn-hov-color1-75:hover { background-color: rgba(207,1,14,0.8); } .pill-color2-75:hover, .btn-color2-75:hover, .pill-hov-color2-75:hover, .btn-hov-color2-75:hover { background-color: rgba(0,92,191,0.8); } .pill-dark-75:hover, .btn-dark-75:hover, .pill-hov-dark-75:hover, .btn-hov-dark-75:hover { background-color: rgba(33,33,33,0.8); } .pill-darken-75:hover, .btn-darken-75:hover, .pill-hov-darken-75:hover, .btn-hov-darken-75:hover { background-color: rgba(0,0,0,0.8); } .pill-light-75:hover, .btn-light-75:hover, .pill-hov-light-75:hover, .btn-hov-light-75:hover { background-color: rgba(238,238,238,0.8); } .pill-lighten-75:hover, .btn-lighten-75:hover, .pill-hov-lighten-75:hover, .btn-hov-lighten-75:hover { background-color: rgba(255,255,255,0.8); } .pill-white-75:hover, .btn-white-75:hover, .pill-hov-white-75:hover, .btn-hov-white-75:hover { background-color: rgba(255,255,255,0.8); } .pill-black-75:hover, .btn-black-75:hover, .pill-hov-black-75:hover, .btn-hov-black-75:hover { background-color: rgba(0,0,0,0.8); } .box-lighten, .list-tile-lighten li { overflow: hidden; padding: 0; margin: 0 0 10px; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); background: white; background: rgba(255,255,255,0.5); border: 0; } .box-lighten .inner, .list-tile-lighten li .inner { padding: 5px 10px 10px; overflow: hidden; } .box-darken, .list-tile-darken li { overflow: hidden; padding: 0; margin: 0 0 10px; box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.3); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); background: #666; background: rgba(0,0,0,0.5); border: 0; color: white; } .box-darken .inner, .list-tile-darken li .inner { padding: 5px 10px 10px; overflow: hidden; } .box-darken a, .list-tile-darken li a { color: white; } .list-tile-box li, .list-tile-box-alt li, .list-tile-box-skel li { padding: 10px; } .list-columns-2 li, .list-columns-3 li, .list-columns-4 li { margin: 0 2% 2% 0 !important; display: inline; float: left; } .list-columns-2 li { width: 48%; } .list-columns-3 li { width: 31%; } .list-columns-4 li { width: 23%; } ul[class^='list-alternate'] li, ul[class*=' list-alternate'] li { padding: 5px; } .box-normalize { color: #000000 !important; } .box-normalize h1 { color: #cf010e; font: 700 2.5em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } .box-normalize h2 { color: #005CBF; font: 700 2.0em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } .box-normalize h3 { color: #212121; font: 700 1.5em 'Roboto Condensed', sans-serif; text-shadow: 0; text-decoration: none; } .box-normalize p, .box-normalize span { color: #000000 !important; } .box-normalize a { color: #005CBF; } .box-no-border { border: 0 !important; } .square, .box-square, .box-square .box-header, .pill-square, .btn-square, .list-tile-square li { border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .round, .box-round, .box-round .box-header, .pill-round, .btn-round, .list-tile-round li { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .tabs-down > li > a, .tab-down { border-radius: 0 0 .35em .35em; -webkit-border-radius: 0 0 .35em .35em; -moz-border-radius: 0 0 .35em .35em; } .tabs-up > li > a, .tab-up { border-radius: .35em .35em 0 0; -webkit-border-radius: .35em .35em 0 0; -moz-border-radius: .35em .35em 0 0; } .tabs-left > li > a, .tab-left { border-radius: .35em 0 0 .35em; -webkit-border-radius: .35em 0 0 .35em; -moz-border-radius: .35em 0 0 .35em; } .tabs-right > li > a, .tab-right { border-radius: 0 .35em .35em 0; -webkit-border-radius: 0 .35em .35em 0; -moz-border-radius: 0 .35em .35em 0; } .remove { display: none; } .row-fluid:after, .row:after, .col:after { content: ""; display: table; clear: both; } .row > .col { padding: 0 0 0 _; margin-bottom: _; } .row > .col.fitcol, .row > .col.fitcol:first-child { padding: 0; margin-bottom: 0; } .row > .col:first-child { padding: 0 0 0 0; margin-bottom: _; } .row > section, .span-fluid-24 > div { margin: 0 !important; } .clear { clear: both; } .span-fluid-1, .span-1 { width: 4.1666666666667%; float: left; display: inline; margin-right: ; } .span-fluid-2, .span-2 { width: 8.3333333333333%; float: left; display: inline; margin-right: ; } .span-fluid-3, .span-3 { width: 12.5%; float: left; display: inline; margin-right: ; } .span-fluid-4, .span-4 { width: 16.666666666667%; float: left; display: inline; margin-right: ; } .span-fluid-5, .span-5 { width: 20.833333333333%; float: left; display: inline; margin-right: ; } .span-fluid-6, .span-6 { width: 25%; float: left; display: inline; margin-right: ; } .span-fluid-7, .span-7 { width: 29.166666666667%; float: left; display: inline; margin-right: ; } .span-fluid-8, .span-8 { width: 33.333333333333%; float: left; display: inline; margin-right: ; } .span-fluid-9, .span-9 { width: 37.5%; float: left; display: inline; margin-right: ; } .span-fluid-10, .span-10 { width: 41.666666666667%; float: left; display: inline; margin-right: ; } .span-fluid-11, .span-11 { width: 45.833333333333%; float: left; display: inline; margin-right: ; } .span-fluid-12, .span-12 { width: 50%; float: left; display: inline; margin-right: ; } .span-fluid-13, .span-13 { width: 54.166666666667%; float: left; display: inline; margin-right: ; } .span-fluid-14, .span-14 { width: 58.333333333333%; float: left; display: inline; margin-right: ; } .span-fluid-15, .span-15 { width: 62.5%; float: left; display: inline; margin-right: ; } .span-fluid-16, .span-16 { width: 66.666666666667%; float: left; display: inline; margin-right: ; } .span-fluid-17, .span-17 { width: 70.833333333333%; float: left; display: inline; margin-right: ; } .span-fluid-18, .span-18 { width: 75%; float: left; display: inline; margin-right: ; } .span-fluid-19, .span-19 { width: 79.166666666667%; float: left; display: inline; margin-right: ; } .span-fluid-20, .span-20 { width: 83.333333333333%; float: left; display: inline; margin-right: ; } .span-fluid-21, .span-21 { width: 87.5%; float: left; display: inline; margin-right: ; } .span-fluid-22, .span-22 { width: 91.666666666667%; float: left; display: inline; margin-right: ; } .span-fluid-23, .span-23 { width: 95.833333333333%; float: left; display: inline; margin-right: ; } .span-fluid-24, .span-24 { float: none; clear: both; display: block; margin-left: 0; margin-right: 0; } .prepend-1 { margin-left: 4.1666666666667%; } .prepend-2 { margin-left: 8.3333333333333%; } .prepend-3 { margin-left: 12.5%; } .prepend-4 { margin-left: 16.666666666667%; } .prepend-5 { margin-left: 20.833333333333%; } .prepend-6 { margin-left: 25%; } .prepend-7 { margin-left: 29.166666666667%; } .prepend-8 { margin-left: 33.333333333333%; } .prepend-9 { margin-left: 37.5%; } .prepend-10 { margin-left: 41.666666666667%; } .prepend-11 { margin-left: 45.833333333333%; } .prepend-12 { margin-left: 50%; } .prepend-13 { margin-left: 54.166666666667%; } .prepend-14 { margin-left: 58.333333333333%; } .prepend-15 { margin-left: 62.5%; } .prepend-16 { margin-left: 66.666666666667%; } .prepend-17 { margin-left: 70.833333333333%; } .prepend-18 { margin-left: 75%; } .prepend-19 { margin-left: 79.166666666667%; } .prepend-20 { margin-left: 83.333333333333%; } .prepend-21 { margin-left: 87.5%; } .prepend-22 { margin-left: 91.666666666667%; } .prepend-23 { margin-left: 95.833333333333%; } .prepend-24 { margin-left: 100%; } .append-1 { margin-right: 4.1666666666667%; } .append-2 { margin-right: 8.3333333333333%; } .append-3 { margin-right: 12.5%; } .append-4 { margin-right: 16.666666666667%; } .append-5 { margin-right: 20.833333333333%; } .append-6 { margin-right: 25%; } .append-7 { margin-right: 29.166666666667%; } .append-8 { margin-right: 33.333333333333%; } .append-9 { margin-right: 37.5%; } .append-10 { margin-right: 41.666666666667%; } .append-11 { margin-right: 45.833333333333%; } .append-12 { margin-right: 50%; } .append-13 { margin-right: 54.166666666667%; } .append-14 { margin-right: 58.333333333333%; } .append-15 { margin-right: 62.5%; } .append-16 { margin-right: 66.666666666667%; } .append-17 { margin-right: 70.833333333333%; } .append-18 { margin-right: 75%; } .append-19 { margin-right: 79.166666666667%; } .append-20 { margin-right: 83.333333333333%; } .append-21 { margin-right: 87.5%; } .append-22 { margin-right: 91.666666666667%; } .append-23 { margin-right: 95.833333333333%; } .append-24 { margin-right: 100%; } .sink-1 { margin-top: 10px; } .sink-2 { margin-top: 20px; } .sink-3 { margin-top: 30px; } .sink-4 { margin-top: 40px; } .sink-5 { margin-top: 50px; } .sink-6 { margin-top: 60px; } .sink-7 { margin-top: 70px; } .sink-8 { margin-top: 80px; } .sink-9 { margin-top: 90px; } .sink-10 { margin-top: 100px; } .rise-1 { margin-top: -10px; } .rise-2 { margin-top: -20px; } .rise-3 { margin-top: -30px; } .rise-4 { margin-top: -40px; } .rise-5 { margin-top: -50px; } .rise-6 { margin-top: -60px; } .rise-7 { margin-top: -70px; } .rise-8 { margin-top: -80px; } .rise-9 { margin-top: -90px; } .rise-10 { margin-top: -100px; } .push-1 { margin-left: 10px; } .push-2 { margin-left: 20px; } .push-3 { margin-left: 30px; } .push-4 { margin-left: 40px; } .push-5 { margin-left: 50px; } .push-6 { margin-left: 60px; } .push-7 { margin-left: 70px; } .push-8 { margin-left: 80px; } .push-9 { margin-left: 90px; } .push-10 { margin-left: 100px; } .pull-1 { margin-left: -10px; } .pull-2 { margin-left: -20px; } .pull-3 { margin-left: -30px; } .pull-4 { margin-left: -40px; } .pull-5 { margin-left: -50px; } .pull-6 { margin-left: -60px; } .pull-7 { margin-left: -70px; } .pull-8 { margin-left: -80px; } .pull-9 { margin-left: -90px; } .pull-10 { margin-left: -100px; } .row:after, .col:after { content: ""; display: table; clear: both; } #Header #HeaderHome { position: relative; height: 165px; } #Header #HeaderHome #nap_header_line { height: 139px; width: 1px !important; background: #555; position: absolute; top: 15px; z-index: 1000; display: none; } @media (max-width: 575px) { #Header #HeaderHome { display: none; } } @media (max-width: 768px) and (min-width: 576px) { #Header #HeaderHome { display: none; } #Header #HeaderHome .row { display: flex; justify-content: space-between; } #Header #HeaderHome .row .inline-item { width: 100%; display: flex; justify-content: flex-end; } } @media (max-width: 991px) and (min-width: 769px) { #Header #HeaderHome { display: none; } #Header #HeaderHome .row { display: flex; justify-content: space-between; } #Header #HeaderHome .row .inline-item { width: 100%; display: flex; justify-content: flex-end; } } @media (max-width: 823px) and (min-width: 550px) and (orientation: landscape) { #Header #HeaderHome { display: none; } } #Header .span-fluid-24, #Header .span-24 { width: 100%; } #Header .fullWidthLogo.ystone { height: auto; background-color: white; } #Header .with-full-nav .site-logo { max-height: 126px; } #Header .ystone-slogan { color: #000000; font: 400 25px 'Roboto Condensed', sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3); } #Header .ystone-slogan.tall-slogan { height: 165px; } @media (max-width: 1199px) and (min-width: 769px) { #Header .ystone-slogan { font: 400 18px 'Roboto Condensed', sans-serif; padding-top: 15px; } } #Header .nap-box { background-color: #FFFFFF; } .homePage .page-wrap { z-index: 5; } .homePage #Main { z-index: auto; padding-top: 0; } .homePage #review_add_form + div { width: 100%; } .homePage #reviews_container { width: 100%; color: #000; overflow-x: hidden; } @media (min-width: 770px) { .homePage #reviews_container #quote { padding-right: 15px; padding-left: 15px; } } .homePage #reviews_container #quote > div { word-break: break-word; } .homePage .content-Home { color: #000; } .homePage .content-Home .custom-content-wrap { background-size: cover !important; } .homePage .content-Home .custom-content { width: 100%; max-width: 1000px; padding-top: 40px; padding-bottom: 15px; margin-top: 0 !important; margin-bottom: 0 !important; } .homePage .content-Home .custom-content h2, .homePage .content-Home .custom-content a { color: inherit; } .homePage section#TopHome > .row > div.span-fluid-1, .homePage section#TopHome > .row > div.span-1 { width: 4.1666666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-2, .homePage section#TopHome > .row > div.span-2 { width: 8.3333333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-3, .homePage section#TopHome > .row > div.span-3 { width: 12.5% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-4, .homePage section#TopHome > .row > div.span-4 { width: 16.666666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-5, .homePage section#TopHome > .row > div.span-5 { width: 20.833333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-6, .homePage section#TopHome > .row > div.span-6 { width: 25% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-7, .homePage section#TopHome > .row > div.span-7 { width: 29.166666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-8, .homePage section#TopHome > .row > div.span-8 { width: 33.333333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-9, .homePage section#TopHome > .row > div.span-9 { width: 37.5% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-10, .homePage section#TopHome > .row > div.span-10 { width: 41.666666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-11, .homePage section#TopHome > .row > div.span-11 { width: 45.833333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-12, .homePage section#TopHome > .row > div.span-12 { width: 50% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-13, .homePage section#TopHome > .row > div.span-13 { width: 54.166666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-14, .homePage section#TopHome > .row > div.span-14 { width: 58.333333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-15, .homePage section#TopHome > .row > div.span-15 { width: 62.5% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-16, .homePage section#TopHome > .row > div.span-16 { width: 66.666666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-17, .homePage section#TopHome > .row > div.span-17 { width: 70.833333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-18, .homePage section#TopHome > .row > div.span-18 { width: 75% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-19, .homePage section#TopHome > .row > div.span-19 { width: 79.166666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-20, .homePage section#TopHome > .row > div.span-20 { width: 83.333333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-21, .homePage section#TopHome > .row > div.span-21 { width: 87.5% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-22, .homePage section#TopHome > .row > div.span-22 { width: 91.666666666667% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-23, .homePage section#TopHome > .row > div.span-23 { width: 95.833333333333% !important; float: left !important; display: inline !important; margin-right: !important; } .homePage section#TopHome > .row > div.span-fluid-24, .homePage section#TopHome > .row > div.span-24 { float: none !important; clear: both !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; } .homePage section#TopHome > .row > div.span-fluid-24, .homePage section#TopHome > .row > div.span-24 { width: 100% !important; } @media (max-width: 575px) { .homePage section#TopHome > .row > div.span-fluid-1, .homePage section#TopHome > .row > div.span-1, .homePage section#TopHome > .row > div.span-fluid-2, .homePage section#TopHome > .row > div.span-2, .homePage section#TopHome > .row > div.span-fluid-3, .homePage section#TopHome > .row > div.span-3, .homePage section#TopHome > .row > div.span-fluid-4, .homePage section#TopHome > .row > div.span-4, .homePage section#TopHome > .row > div.span-fluid-5, .homePage section#TopHome > .row > div.span-5, .homePage section#TopHome > .row > div.span-fluid-6, .homePage section#TopHome > .row > div.span-6, .homePage section#TopHome > .row > div.span-fluid-7, .homePage section#TopHome > .row > div.span-7, .homePage section#TopHome > .row > div.span-fluid-8, .homePage section#TopHome > .row > div.span-8, .homePage section#TopHome > .row > div.span-fluid-9, .homePage section#TopHome > .row > div.span-9, .homePage section#TopHome > .row > div.span-fluid-10, .homePage section#TopHome > .row > div.span-10, .homePage section#TopHome > .row > div.span-fluid-11, .homePage section#TopHome > .row > div.span-11, .homePage section#TopHome > .row > div.span-fluid-12, .homePage section#TopHome > .row > div.span-12, .homePage section#TopHome > .row > div.span-fluid-13, .homePage section#TopHome > .row > div.span-13, .homePage section#TopHome > .row > div.span-fluid-14, .homePage section#TopHome > .row > div.span-14, .homePage section#TopHome > .row > div.span-fluid-15, .homePage section#TopHome > .row > div.span-15, .homePage section#TopHome > .row > div.span-fluid-16, .homePage section#TopHome > .row > div.span-16, .homePage section#TopHome > .row > div.span-fluid-17, .homePage section#TopHome > .row > div.span-17, .homePage section#TopHome > .row > div.span-fluid-18, .homePage section#TopHome > .row > div.span-18, .homePage section#TopHome > .row > div.span-fluid-19, .homePage section#TopHome > .row > div.span-19, .homePage section#TopHome > .row > div.span-fluid-20, .homePage section#TopHome > .row > div.span-20, .homePage section#TopHome > .row > div.span-fluid-21, .homePage section#TopHome > .row > div.span-21, .homePage section#TopHome > .row > div.span-fluid-22, .homePage section#TopHome > .row > div.span-22, .homePage section#TopHome > .row > div.span-fluid-23, .homePage section#TopHome > .row > div.span-23 { width: 100% !important; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section#TopHome > .row > div.span-fluid-1, .homePage section#TopHome > .row > div.span-1, .homePage section#TopHome > .row > div.span-fluid-2, .homePage section#TopHome > .row > div.span-2, .homePage section#TopHome > .row > div.span-fluid-3, .homePage section#TopHome > .row > div.span-3, .homePage section#TopHome > .row > div.span-fluid-4, .homePage section#TopHome > .row > div.span-4, .homePage section#TopHome > .row > div.span-fluid-5, .homePage section#TopHome > .row > div.span-5, .homePage section#TopHome > .row > div.span-fluid-6, .homePage section#TopHome > .row > div.span-6, .homePage section#TopHome > .row > div.span-fluid-7, .homePage section#TopHome > .row > div.span-7, .homePage section#TopHome > .row > div.span-fluid-8, .homePage section#TopHome > .row > div.span-8, .homePage section#TopHome > .row > div.span-fluid-9, .homePage section#TopHome > .row > div.span-9, .homePage section#TopHome > .row > div.span-fluid-10, .homePage section#TopHome > .row > div.span-10, .homePage section#TopHome > .row > div.span-fluid-11, .homePage section#TopHome > .row > div.span-11, .homePage section#TopHome > .row > div.span-fluid-12, .homePage section#TopHome > .row > div.span-12, .homePage section#TopHome > .row > div.span-fluid-13, .homePage section#TopHome > .row > div.span-13, .homePage section#TopHome > .row > div.span-fluid-14, .homePage section#TopHome > .row > div.span-14, .homePage section#TopHome > .row > div.span-fluid-15, .homePage section#TopHome > .row > div.span-15, .homePage section#TopHome > .row > div.span-fluid-16, .homePage section#TopHome > .row > div.span-16, .homePage section#TopHome > .row > div.span-fluid-17, .homePage section#TopHome > .row > div.span-17, .homePage section#TopHome > .row > div.span-fluid-18, .homePage section#TopHome > .row > div.span-18, .homePage section#TopHome > .row > div.span-fluid-19, .homePage section#TopHome > .row > div.span-19, .homePage section#TopHome > .row > div.span-fluid-20, .homePage section#TopHome > .row > div.span-20, .homePage section#TopHome > .row > div.span-fluid-21, .homePage section#TopHome > .row > div.span-21, .homePage section#TopHome > .row > div.span-fluid-22, .homePage section#TopHome > .row > div.span-22, .homePage section#TopHome > .row > div.span-fluid-23, .homePage section#TopHome > .row > div.span-23 { width: 100% !important; } } .homePage section:not([data-defined-horizontal-order*="shop-tires-home"])#TopHome, .homePage section:not([data-defined-horizontal-order*="tire_finder/finder_dynamic"])#TopHome, .homePage section:not([data-defined-horizontal-order*="tcwidget"])#TopHome, .homePage section:not([data-defined-horizontal-order*="shopping_content"])#TopHome { background-image: none; } .homePage section:not([data-defined-horizontal-order*="shop-tires-home"])#TopHome, .homePage section:not([data-defined-horizontal-order*="shop-tires-home"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="tire_finder/finder_dynamic"])#TopHome, .homePage section:not([data-defined-horizontal-order*="tire_finder/finder_dynamic"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="tcwidget"])#TopHome, .homePage section:not([data-defined-horizontal-order*="tcwidget"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="shopping_content"])#TopHome, .homePage section:not([data-defined-horizontal-order*="shopping_content"])#TopHome > .row { display: block; height: auto; } .homePage section:not([data-defined-horizontal-order*="shop-tires-home"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="tire_finder/finder_dynamic"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="tcwidget"])#TopHome > .row, .homePage section:not([data-defined-horizontal-order*="shopping_content"])#TopHome > .row { max-width: inherit; font-family: inherit; } .homePage section[data-defined-horizontal-order*="promo-box_"] > .row, .homePage section[data-defined-horizontal-order*="promo-box_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_promo-box"] > .row, .homePage section[data-defined-horizontal-order*="_promo-box"]#TopHome > .row { display: flex !important; align-items: center !important; justify-content: center !important; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="promo-box_"] > .row, .homePage section[data-defined-horizontal-order*="promo-box_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_promo-box"] > .row, .homePage section[data-defined-horizontal-order*="_promo-box"]#TopHome > .row { flex-direction: column; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="promo-box_"] > .row, .homePage section[data-defined-horizontal-order*="promo-box_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_promo-box"] > .row, .homePage section[data-defined-horizontal-order*="_promo-box"]#TopHome > .row { flex-direction: column; } } .homePage section[data-defined-horizontal-order*="promo-box_"] .promo-fw-wrap, .homePage section[data-defined-horizontal-order*="_promo-box"] .promo-fw-wrap { padding: 0; background-image: none; } .homePage section[data-defined-horizontal-order*="promo-box_"] .promo-fw-wrap .slides-fw, .homePage section[data-defined-horizontal-order*="_promo-box"] .promo-fw-wrap .slides-fw { margin-top: 1em; } .homePage section[data-defined-horizontal-order*="promo-box_"] .promo-fw-wrap li.promo-list-fw, .homePage section[data-defined-horizontal-order*="_promo-box"] .promo-fw-wrap li.promo-list-fw { width: 100% !important; } .homePage section[data-defined-horizontal-order*="promo-box_"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="promo-box_"] .promo-fw-wrap #promo_icon_right, .homePage section[data-defined-horizontal-order*="_promo-box"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="_promo-box"] .promo-fw-wrap #promo_icon_right { color: #000; } .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 770px) { .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome { padding-right: 15px; padding-left: 15px; } } .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order*="shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"] > .row, .homePage section[data-defined-horizontal-order*="tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"] > .row, .homePage section[data-defined-horizontal-order*="shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome > .row > div { display: flex !important; justify-content: center !important; } .homePage section[data-defined-horizontal-order*="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tcwidget"] > .row, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="shopping_content"] > .row, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome > .row { position: relative; align-items: center !important; width: 100% !important; max-width: inherit; height: auto !important; font-family: 'Montserrat', sans-serif !important; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tcwidget"] > .row, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="shopping_content"] > .row, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome > .row { flex-direction: column; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="tcwidget"] > .row, .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="shopping_content"] > .row, .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome > .row { flex-direction: column; } } .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#BottomHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#FooterHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#BottomHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#FooterHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#BottomHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#FooterHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#BottomHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#FooterHome { background: url(../images/display/655/shopping1.jpg) top center no-repeat fixed; min-height: 520px; position: relative; background-size: cover; } .homePage section[data-defined-horizontal-order*="shop-tires-home"] .ystone-content, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] .ystone-content, .homePage section[data-defined-horizontal-order*="tcwidget"] .ystone-content, .homePage section[data-defined-horizontal-order*="shopping_content"] .ystone-content { height: auto; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="shop-tires-home"] .ystone-content, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] .ystone-content, .homePage section[data-defined-horizontal-order*="tcwidget"] .ystone-content, .homePage section[data-defined-horizontal-order*="shopping_content"] .ystone-content { margin: 50px 0; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="shop-tires-home"] .ystone-content, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] .ystone-content, .homePage section[data-defined-horizontal-order*="tcwidget"] .ystone-content, .homePage section[data-defined-horizontal-order*="shopping_content"] .ystone-content { margin: 50px 0; } } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"], .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"], .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"], .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"], .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"], .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome { padding: 0; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row { justify-content: space-around !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row > div { float: none !important; width: 50% !important; } .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] > .row, .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"]#TopHome > .row { display: flex !important; align-items: center !important; justify-content: center !important; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] > .row, .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"]#TopHome > .row { flex-direction: column; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] > .row, .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] > .row, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"]#TopHome > .row { flex-direction: column; } } .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth { padding-bottom: 0; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth { padding-bottom: 20px; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth { padding-bottom: 30px; } } .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth .box-header.svs-fullwidth, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth .box-header.svs-fullwidth { margin-top: 20px; padding-bottom: 10px; } .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li { width: 50%; } .homePage section[data-defined-horizontal-order*="service-box-fullwidth_"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li img, .homePage section[data-defined-horizontal-order*="_service-box-fullwidth"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li img { max-width: 100%; height: auto; } .homePage section[data-defined-horizontal-order*="logo-scroller-static_"] > .row, .homePage section[data-defined-horizontal-order*="logo-scroller-static_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"] > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"]#TopHome > .row { display: flex !important; align-items: center !important; justify-content: center !important; } @media (max-width: 575px) { .homePage section[data-defined-horizontal-order*="logo-scroller-static_"] > .row, .homePage section[data-defined-horizontal-order*="logo-scroller-static_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"] > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"]#TopHome > .row { flex-direction: column; } } @media (max-width: 768px) and (min-width: 576px) { .homePage section[data-defined-horizontal-order*="logo-scroller-static_"] > .row, .homePage section[data-defined-horizontal-order*="logo-scroller-static_"]#TopHome > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"] > .row, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"]#TopHome > .row { flex-direction: column; } } .homePage section[data-defined-horizontal-order*="logo-scroller-static_"] .simply-scroll.simply-scroll-container, .homePage section[data-defined-horizontal-order*="_logo-scroller-static"] .simply-scroll.simply-scroll-container { margin-top: 20px; margin-bottom: 20px; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] { position: relative; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"], .homePage section[data-defined-horizontal-order*="flexslidergallresp"]#TopHome { padding: 0; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] > .row, .homePage section[data-defined-horizontal-order*="flexslidergallresp"]#TopHome > .row { position: relative; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] > .row > .col > div:not(.bannerslider) { position: relative; z-index: 3; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] > .row > .col > div:not(.bannerslider).content-shop-tires-home { z-index: 4; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] .slider-pre-loader { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #fff; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"] .slider-pre-loader:before { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; border: 5px solid #f3f3f3; border-top-color: #005CBF; border-radius: 50%; content: ""; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .homePage section[data-defined-horizontal-order*="shop-tires-home"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="shop-tires-home"] .promo-fw-wrap #promo_icon_right, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] .promo-fw-wrap #promo_icon_right, .homePage section[data-defined-horizontal-order*="tcwidget"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="tcwidget"] .promo-fw-wrap #promo_icon_right, .homePage section[data-defined-horizontal-order*="shopping_content"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="shopping_content"] .promo-fw-wrap #promo_icon_right, .homePage section[data-defined-horizontal-order*="flexslidergallresp"] .promo-fw-wrap #promo_icon_left, .homePage section[data-defined-horizontal-order*="flexslidergallresp"] .promo-fw-wrap #promo_icon_right { color: #fff; } .homePage section[data-defined-horizontal-order*="shop-tires-home"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li span, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li span, .homePage section[data-defined-horizontal-order*="tcwidget"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li span, .homePage section[data-defined-horizontal-order*="shopping_content"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li span, .homePage section[data-defined-horizontal-order*="flexslidergallresp"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li span { background-color: #000 !important; color: #fff !important; } .homePage section[data-defined-horizontal-order*="shop-tires-home"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:hover span, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:hover span, .homePage section[data-defined-horizontal-order*="tcwidget"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:hover span, .homePage section[data-defined-horizontal-order*="shopping_content"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:hover span, .homePage section[data-defined-horizontal-order*="flexslidergallresp"] #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:hover span { background-color: #830109 !important; color: #ffffff !important; } .homePage .box-header.svs-fullwidth { margin-top: 40px; } .homePage #svs_fullwidth .inner ul#service_list_fw a { color: #000; } .homePage .simply-scroll.simply-scroll-container { width: 100%; height: 90px; background-color: #fff; } .homePage .simply-scroll .simply-scroll-clip { margin: 0; } .homePage .simply-scroll .simply-scroll-clip > div.simply-scroll-list { height: 90px; padding-top: 0; } .ystone-tire .box-header { color: #333; } .ystone-tire .tires-opt a { color: #005CBF; } footer { z-index: auto !important; } .banner-text { position: absolute; top: 50%; left: 0; border-radius: 10px; padding: 30px 10px; text-align: center; } .banner-text h4, .banner-text h5 { color: white; font: 400 35px 'Roboto Condensed', sans-serif; } .banner-text h4 { margin-bottom: 5px; -webkit-text-shadow: 0 2px 2px black; text-shadow: 0 2px 2px black; } .banner-text h5 { margin-bottom: 10px; -webkit-text-shadow: 0 3px 5px black; font-size: 20px; text-shadow: 0 3px 5px black; } .banner-text h5 a { color: white; } .slides li { display: none; } .slides li.flex-active-slide .banner-text { display: inline; } #home-bannerslider { position: absolute; top: 0; left: 0; width: 100%; margin: 0 auto; overflow: hidden; } #home-bannerslider, #home-bannerslider .underlay, #home-bannerslider .banners { height: 100%; } #home-bannerslider .underlay { width: 100%; } #home-bannerslider .banners .flexslider-img { width: 100% !important; } #home-bannerslider .slides .box-container { position: static; } .flexslider-img { min-width: 1920px; min-height: 550px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#BottomHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#FooterHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#BottomHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#FooterHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#BottomHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#FooterHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#BottomHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#FooterHome { background-attachment: inherit; } .homePage .content-Home .custom-content-wrap { background-attachment: inherit !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#BottomHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#FooterHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#BottomHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#FooterHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#BottomHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#FooterHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#BottomHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#FooterHome { background-attachment: inherit; } .homePage .content-Home .custom-content-wrap { background-attachment: inherit !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#BottomHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#FooterHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#BottomHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#FooterHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#BottomHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#FooterHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#BottomHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#FooterHome { background-attachment: inherit; } .homePage .content-Home .custom-content-wrap { background-attachment: inherit !important; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .homePage section[data-defined-horizontal-order*="shop-tires-home"], .homePage section[data-defined-horizontal-order*="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#BottomHome, .homePage section[data-defined-horizontal-order*="shop-tires-home"]#FooterHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#BottomHome, .homePage section[data-defined-horizontal-order*="tire_finder/finder_dynamic"]#FooterHome, .homePage section[data-defined-horizontal-order*="tcwidget"], .homePage section[data-defined-horizontal-order*="tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#BottomHome, .homePage section[data-defined-horizontal-order*="tcwidget"]#FooterHome, .homePage section[data-defined-horizontal-order*="shopping_content"], .homePage section[data-defined-horizontal-order*="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#BottomHome, .homePage section[data-defined-horizontal-order*="shopping_content"]#FooterHome { background-attachment: inherit; } .homePage .content-Home .custom-content-wrap { background-attachment: inherit !important; } } @media (max-width: 769px) { .homePage .page-wrap.responsive #TopHome, .homePage .page-wrap.responsive #TopHome > .row { padding: 0; } .homePage .page-wrap.responsive #TopHome > .row { width: 100%; } #home-bannerslider .slides { height: 100%; } #home-bannerslider .slides li { height: 100%; background-position: center center !important; } #home-bannerslider .slides .banner-text { left: 50%; width: 80%; padding-top: 15px; padding-bottom: 15px; margin-left: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #home-bannerslider .slides .banner-text h4 { font-size: 5.5vw !important; } #home-bannerslider .slides .banner-text h5 { font-size: 4.5vw !important; } #home-bannerslider .banners .flexslider-img { display: none; } .content-tcwidget { min-height: 345px; } .content-shop-tires-home { min-height: 390px; } } @media (max-width: 575px) { .homePage #Main { padding: 0 !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"], .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"], .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"], .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"], .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"], .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content"], .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shop-tires-home"], .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order="tcwidget"], .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome { min-height: auto; height: auto !important; padding: 20px 0 50px !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content"] > .row, .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tcwidget"] > .row, .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome > .row { flex-wrap: wrap !important; justify-content: center !important; padding: 0 10px !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome > .row > div { width: 100% !important; } .homePage section[data-defined-horizontal-order*="flexslidergallresp"]#TopHome > .row { flex-wrap: nowrap; } .homePage #cta-toolbar, .homePage #fixed-cta-toolbar { display: flex; flex-wrap: wrap; width: 100%; } .homePage #cta-toolbar .cta-toolbar-item, .homePage #fixed-cta-toolbar .cta-toolbar-item { width: 100%; padding: 15px 0; text-align: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a { font-size: 1em; display: flex; align-items: center; justify-content: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { font-family: 'Droid Sans', sans-serif; font-weight: 700; } .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 12px; } .homePage #cta-toolbar .mobileCta-toolbar-divider, .homePage #fixed-cta-toolbar .mobileCta-toolbar-divider { display: block !important; } div#TireFinder.ystone-tire.tf-box { float: none; margin: 30px auto 15px !important; width: 100% !important; max-width: 338px; } .ystone-content .resp-lg { font-size: 2em; } .ystone-content .resp-med { font-size: 1.25em; } .ystone-content .resp-sm { font-size: 1em; } #svs_fullwidth { padding-bottom: 20px; } #svs_fullwidth h4 { padding-bottom: 25px; margin-top: 20px; } #svs_fullwidth ul#service_list_fw { display: flex; flex-wrap: wrap; } #svs_fullwidth ul#service_list_fw li { width: 50% !important; height: auto !important; padding: 15px 0; text-align: center; } #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #yellowStone-review #quote { padding: 0 25px; margin-top: 20px; } #yellowStone-review #quote img { width: 25px; } #yellowStone-review #quote div { font-size: 25px; } #yellowStone-review #reviewer { margin-top: 40px; font-size: 25px; } #yellowStone-review #moreBtn { margin-top: 40px; margin-bottom: 40px; } .custom-content-wrap { min-height: inherit; } .custom-content-wrap .custom-content { width: 100%; padding-top: 15px; } .promo-fw-wrap { padding: 0; background-image: none; } .homePage #Main .promo-fw-wrap { height: auto; } .homePage #Main .promo-fw-wrap .ystone-promos.promo-box .flexslider-fw ul.slides-fw { padding-bottom: 0; } .promo-fw-wrap .ystone-promos { padding-left: 0; } .promo-fw-wrap .ystone-promos .slides-fw { margin-top: 1em; } .promo-fw-wrap .ystone-promos li.promo-list-fw { width: 100% !important; margin: 0; } .promo-fw-wrap #promo_icon_left, .promo-fw-wrap #promo_icon_right { color: #000; } .promo-fw-wrap #promo_icon_right { padding-left: 0; } #FooterHome [class*="prepend"] { margin-left: 0; } #home-bannerslider .slides .banner-text { max-width: 315px; padding-bottom: 10px; } } @media (max-width: 768px) and (min-width: 576px) { div#TireFinder.ystone-tire.tf-box { float: none; margin: 30px auto 15px !important; } .ystone-content .resp-lg { font-size: 2em; } .ystone-content .resp-med { font-size: 1.25em; } .ystone-content .resp-sm { font-size: 1em; } #svs_fullwidth h4 { padding-bottom: 25px; margin-top: 20px; } #svs_fullwidth ul#service_list_fw { display: flex; flex-wrap: wrap; } #svs_fullwidth ul#service_list_fw li { width: 50% !important; height: auto !important; padding: 15px 0; text-align: center; } #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #yellowStone-review #quote { padding: 0 25px; margin-top: 40px; } #yellowStone-review #quote img { width: 25px; } #yellowStone-review #quote div { font-size: 25px; } #yellowStone-review #reviewer { margin-top: 40px; font-size: 25px; } #yellowStone-review #moreBtn { margin-top: 40px; } .custom-content-wrap { min-height: inherit; } .custom-content-wrap .custom-content { width: 100%; padding: 0 50px; } .homePage .page-wrap.responsive #TopHome { padding: 0; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"], .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"], .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"], .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"], .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"], .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome, .homePage section[data-defined-horizontal-order="shopping_content"], .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome, .homePage section[data-defined-horizontal-order="shop-tires-home"], .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"], .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome, .homePage section[data-defined-horizontal-order="tcwidget"], .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome { min-height: auto; height: auto !important; padding: 20px 0 50px !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shopping_content"] > .row, .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome > .row, .homePage section[data-defined-horizontal-order="shop-tires-home"] > .row, .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"] > .row, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome > .row, .homePage section[data-defined-horizontal-order="tcwidget"] > .row, .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome > .row { flex-direction: column !important; justify-content: center !important; } .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="tcwidget_shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content_tcwidget"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shopping_content"] > .row > div, .homePage section[data-defined-horizontal-order="shopping_content"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home"] > .row > div, .homePage section[data-defined-horizontal-order="shop-tires-home"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"] > .row > div, .homePage section[data-defined-horizontal-order="tire_finder/finder_dynamic"]#TopHome > .row > div, .homePage section[data-defined-horizontal-order="tcwidget"] > .row > div, .homePage section[data-defined-horizontal-order="tcwidget"]#TopHome > .row > div { width: 100% !important; } .homePage #cta-toolbar, .homePage #fixed-cta-toolbar { display: flex; flex-wrap: wrap; width: 100%; } .homePage #cta-toolbar .cta-toolbar-item, .homePage #fixed-cta-toolbar .cta-toolbar-item { width: 100%; padding: 15px 0; text-align: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a { font-size: 18px; display: flex; align-items: center; justify-content: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { font-family: 'Droid Sans', sans-serif; font-weight: 700; } .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 12px; } .homePage #cta-toolbar .mobileCta-toolbar-divider, .homePage #fixed-cta-toolbar .mobileCta-toolbar-divider { display: block !important; } #FooterHome [class*="prepend"] { margin-left: 0; } #home-bannerslider .slides .banner-text { max-width: 585px; } } @media (min-width: 770px) { div#TireFinder.ystone-tire { width: 100%; max-width: 338px; margin: 30px 15px !important; } .content-tcwidget { max-width: 100%; } .content-tcwidget > div { margin-right: 15px; margin-left: 15px; } .ystone-content { margin-right: 15px; margin-left: 15px; } #home-bannerslider .slides .banner-text { -webkit-transform: translateY(-50%); transform: translateY(-50%); } section[data-defined-horizontal-order="flexslidergallresp"] #home-bannerslider .slides .banner-text { left: 50%; margin-left: 0 !important; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } @media (max-width: 991px) and (min-width: 769px) { .homePage .fixed-cta-toolbar-wrapper { position: fixed; top: 165px; left: 0; z-index: 20; width: 100%; height: 76px; } .homePage #cta-toolbar-wrap, .homePage #fixed-cta-toolbar-wrap { display: flex; justify-content: center; width: 100%; height: 76px; } .homePage #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; align-items: center; } .homePage #cta-toolbar { flex-direction: row; } .homePage #fixed-cta-toolbar { z-index: 20 !important; max-width: 1375px; } .homePage #cta-toolbar, .homePage #fixed-cta-toolbar { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 76px; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a { display: flex; align-items: center; align-items: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { font-family: 'Droid Sans', sans-serif; font-size: 14px; font-weight: 700; } .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; } #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li { width: 25%; height: auto !important; padding: 15px 0; background: url(../shared_img/service-bar-fw.png) no-repeat center right; text-align: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li img { padding-bottom: 10px; width: 125px; height: 125px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(-n+4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:last-child, #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(4), #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(8) { background-image: none; } #svs_fullwidth .inner ul#service_list_fw span { border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #yellowStone-review #quote { padding: 0 25px; margin-top: 40px; } #yellowStone-review #quote img { width: 25px; } #yellowStone-review #quote div { font-size: 25px; } #yellowStone-review #reviewer { margin-top: 40px; font-size: 25px; } #yellowStone-review #moreBtn { margin-top: 40px; } .custom-content-wrap { min-height: inherit; } .custom-content-wrap .custom-content { width: 100%; padding: 0 50px; margin-top: 40px; margin-bottom: 40px; } } @media (max-width: 823px) and (min-width: 550px) and (orientation: landscape) { .homePage #fixed-cta-toolbar-wrap { position: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .homePage .fixed-cta-toolbar-wrapper { position: fixed; top: 165px; left: 0; z-index: 20; width: 100%; height: 76px; } .homePage #cta-toolbar-wrap, .homePage #fixed-cta-toolbar-wrap { display: flex; justify-content: center; width: 100%; height: 76px; } .homePage #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; align-items: center; } .homePage #cta-toolbar { flex-direction: row; } .homePage #fixed-cta-toolbar { z-index: 20 !important; max-width: 1375px; } .homePage #cta-toolbar, .homePage #fixed-cta-toolbar { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 76px; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a { display: flex; align-items: center; align-items: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 700; } .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; } #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li { width: 25%; height: auto !important; padding: 15px 0; background: url(../shared_img/service-bar-fw.png) no-repeat center right; text-align: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li img { padding-bottom: 10px; width: 165px; height: 165px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(-n+4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:last-child, #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(4), #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(8) { background-image: none; } #svs_fullwidth .inner ul#service_list_fw span { border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #yellowStone-review #date { margin-top: 65px; font-size: 22px; } #yellowStone-review #quote { padding: 0 25px; margin-top: 60px; } #yellowStone-review #quote img { width: 35px; } #yellowStone-review #quote div { font-size: 35px; } #yellowStone-review #reviewer { margin-top: 60px; font-size: 35px; } #yellowStone-review #moreBtn { margin-top: 60px; margin-bottom: 60px; } } @media (min-width: 1200px) { .homePage .fixed-cta-toolbar-wrapper { position: fixed; top: 165px; left: 0; z-index: 20; width: 100%; height: 76px; } .homePage #cta-toolbar-wrap, .homePage #fixed-cta-toolbar-wrap { display: flex; justify-content: center; width: 100%; height: 76px; } .homePage #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; align-items: center; } .homePage #cta-toolbar { flex-direction: row; } .homePage #fixed-cta-toolbar { z-index: 20 !important; max-width: 1375px; } .homePage #cta-toolbar, .homePage #fixed-cta-toolbar { display: flex; justify-content: space-around; align-items: center; width: 100%; height: 76px; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a { display: flex; align-items: center; align-items: center; } .homePage #cta-toolbar .cta-toolbar-item a, .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { font-family: 'Droid Sans', sans-serif; font-size: 18px; font-weight: 700; } .homePage #cta-toolbar .cta-toolbar-item a span, .homePage #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; } #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li { width: 25%; height: auto !important; padding: 15px 0; background: url(../shared_img/service-bar-fw.png) no-repeat center right; text-align: center; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li img { padding-bottom: 10px; width: 165px; height: 165px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(-n+4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:last-child, #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(4), #svs_fullwidth .inner ul#service_list_fw.services-list.service-type-horizontal.ystone-services-li li:nth-child(8) { background-image: none; } #svs_fullwidth .inner ul#service_list_fw span { border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } } @media (min-width: 769px) and (max-width: 1920px) { #home-bannerslider .flexslider-img { margin-left: calc((100vw - 1920px) / 2); } } @media (max-width: 768px) { #home-bannerslider { position: relative !important; } #home-bannerslider, #home-bannerslider .underlay, #home-bannerslider .banners { max-height: 190px; } #home-bannerslider .slides .banner-text { transform: translate(-50%,-50%); } } @media (max-width: 575px) { .row > .col, .row > .span-fluid-1, .row > .span-fluid-2, .row > .span-fluid-3, .row > .span-fluid-4, .row > .span-fluid-5, .row > .span-fluid-6, .row > .span-fluid-7, .row > .span-fluid-8, .row > .span-fluid-9, .row > .span-fluid-10, .row > .span-fluid-11, .row > .span-fluid-12, .row > .span-fluid-13, .row > .span-fluid-14, .row > .span-fluid-15, .row > .span-fluid-16, .row > .span-fluid-17, .row > .span-fluid-18, .row > .span-fluid-19, .row > .span-fluid-20, .row > .span-fluid-21, .row > .span-fluid-22, .row > .span-fluid-23, .row > .span-fluid-24, .list-columns-2, .list-columns-3, .list-columns-4 { width: 100% !important; display: block; float: none; padding-left: 0; padding-right: 0; } body { padding-top: 0px; } .item-full-mobile { width: 100%; } #Header, #HeaderDefault, #HeaderHome { height: 100px !important; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } #Header { padding: 0 10px; } #Header .col { margin: 0 !important; padding: 0 !important; } #Header .nap-box { display: none; } #Header .ystone-slogan { display: none; } #Header #HeaderDefault { display: none !important; } #Header div#yellowstoneRespMobile-header { display: flex !important; justify-content: space-between; height: 100%; } #Header div#yellowstoneRespMobile-header .site-logo-resp { max-width: 50%; height: 100%; display: flex; align-items: center; } #Header div#yellowstoneRespMobile-header .site-logo-resp img#yellowstoneRespMobile-headerLogo { max-height: 80px; padding: 0px; max-width: 100%; height: auto; } #Header div#yellowstoneRespMobile-header a#menu_trigger { float: right; padding: 15px; display: flex; align-items: center; height: 100%; } #Header div#yellowstoneRespMobile-header a#menu_trigger i { font-size: 20px; } .site-logo { display: block; text-align: center; margin-top: 30px; } .site-logo #Logo { width: 100%; } ul.resp-mobile-menu { width: 95%; right: 0; margin: 25px 10px; box-shadow: 0 0 15px 0 #000; position: absolute; top: 85px; z-index: 10; padding: 0; } ul.resp-mobile-menu li { border: 1px solid #ccc; font-weight: bold; padding: 10px; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile { border: none; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile a { border-bottom: 1px solid #ccc; padding-bottom: 1px; } .page-wrap.responsive { top: 100px; } .page-wrap.responsive #TopHome { height: auto !important; padding: 20px 0 50px 0; } .page-wrap.responsive #TopHome > .row { flex-wrap: wrap; padding: 0 10px; } .page-wrap.responsive #TopHome > .row .ystone-svs { width: 100%; height: auto; } .page-wrap.responsive #TopHome > .row .ystone-svs ul.services-list { background-size: contain; } .page-wrap.responsive #TopHome > .row .ystone-content { height: auto; margin: 50px 0; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-xl { font-size: 2.5em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-lg { font-size: 2em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-med { font-size: 1.25em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-sm { font-size: 1em; } .page-wrap.responsive #TopHome #TireFinder { float: none; margin: auto; margin-bottom: 15px; width: 100% !important; max-width: 338px; } .page-wrap.responsive #HomeCta #cta-toolbar, .page-wrap.responsive #HomeCta #fixed-cta-toolbar { display: flex; flex-wrap: wrap; width: 100%; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item { width: 100%; text-align: center; padding: 15px 0px; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item a, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item a { font-size: 1em; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; justify-content: center; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item a span, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 12px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } .page-wrap.responsive #HomeCta #cta-toolbar .mobileCta-toolbar-divider, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .mobileCta-toolbar-divider { display: block !important; } .page-wrap.responsive #defaultPage-ctaToolbar-wrap { display: none; } .page-wrap.responsive .prepend-4 { margin-left: 0%; } .page-wrap.responsive .append-3 { margin-right: 0%; } .page-wrap.responsive .prepend-1 { margin-left: 0%; } .page-wrap.responsive #service_tabs { display: none; } .defaultPage .page-wrap.responsive { top: 100px !important; } .dealer-tag-line, .nap-box { display: none; } #MenuMain, #MenuMainWrap { position: fixed !important; left: 0 !important; top: 0 !important; height: 52px; width: 100%; z-index: 100; } #MenuMain .menu-main, #MenuMainWrap .menu-main { position: fixed !important; left: 0 !important; top: 0 !important; width: 100%; background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; height: 50px; margin: 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); z-index: 100000; } #MenuMain .menu-main .menu, #MenuMainWrap .menu-main .menu { display: none; position: relative; top: 50px; width: 100%; background: #212121; box-shadow: 0 0 20px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); } #MenuMain .menu-main .menu li, #MenuMainWrap .menu-main .menu li { float: none; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); border-right: 0; border-left: 0; margin: 0; } #MenuMain .menu-main .menu li a, #MenuMainWrap .menu-main .menu li a { display: block; width: 100%; padding: 20px; font-size: 16px; } #MenuMain .menu-main .menu li ul, #MenuMainWrap .menu-main .menu li ul { display: none; } #MenuMain .menu-main .mobile-que, #MenuMainWrap .menu-main .mobile-que { display: inline !important; position: absolute; left: 0; } #MenuMain .menu-main .mobile-que a, #MenuMainWrap .menu-main .mobile-que a { padding: 15px !important; line-height: 0 !important; font-size: 18px; height: 50px; } #Main { padding: 25px 3% !important; } #Main .content-Home ol li { margin-bottom: 10px; } #Main .service-tab-wrapper { margin-top: 10px; } #Main h1 { font-size: 1.5em; } #Main h2.resp-service-header { margin-top: 25px; text-align: center; text-transform: uppercase; } #Main p#phoneNumber, #Main a.contact-resp-mobile { font-size: 20px; } #Main a.contact-resp-mobile { text-transform: uppercase; } #Main .store-hours-mobile, #Main .open-closed, #Main #storeAddress { font-size: 1.1em !important; } #Main .inner.mobile-locations img { width: 100% !important; height: auto !important; } #Main .resp-cta-wrap { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; border: 1px solid #cccccc; margin-bottom: 15px; text-align: center; } #Main .resp-cta-wrap .resp-cta-link { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main #resp_desk_services, #Main #resp_tips_desk, #Main .resp-service-description { display: none; } #Main #resp_mobile_services, #Main #resp_tips_mobile { display: block !important; } #Main .service-tab-wrapper ul#service_tabs { display: none; } #Main #resp_category { display: none; } #Main #resp_category_mobile { display: block !important; } #Main .resp-service-ul { margin: 3em 0; } #Main .resp-service-ul .resp-service-li { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 5px; padding: 0 10px; } #Main .resp-service-ul .resp-service-li a.resp-service-btn { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main #installerApp { display: block; overflow: auto; } #Main #installerApp h6 { font-size: 1.5em; margin-bottom: 15px; } #Main #installerApp span.small { font-size: 1em; } #Main #installerApp form { display: flex; flex-direction: column; } #Main #installerApp form > div { width: 100%; } #Main #installerApp form > div .input { margin-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #Main #installerApp form .blueBox { width: 100%; } #Main #installerApp form .blueBox input { margin-top: 10px; } #Main #installerApp form #FlatFee { flex-direction: row; margin-top: 5px; } #Main #installerApp form #FlatFee .input { flex-direction: row; margin: 10px 0 0 0; } #Main #installerApp form #FlatFee .input input { margin: 0 0 0 5px; } #Main #installerApp form .span-20 .submit input { cursor: pointer; } #Main .span-16.sink-2.responsive-theme { width: 100%; } #Main ul#service_tabs li { width: 100%; } #Main ul#service_tabs li a { border-radius: 0 !important; border-bottom: 1px solid #999 !important; } #Main #svs_fullwidth h4 { padding-bottom: 25px; margin-top: 20px; } #Main #svs_fullwidth ul#service_list_fw { display: flex; flex-wrap: wrap; } #Main #svs_fullwidth ul#service_list_fw li { width: 50%; text-align: center; } #Main .promo-fw-wrap { padding: 0; height: 150px; margin-top: 25px; } #Main .promo-fw-wrap .ystone-promos.promo-box { height: 100%; } #Main .promo-fw-wrap .ystone-promos.promo-box .flexslider-fw { height: 100%; } #Main .promo-fw-wrap .ystone-promos.promo-box .flexslider-fw ul.slides-fw { height: 100%; } #Main form#AppointmentIndexForm { font-size: larger; padding: 0 6%; } #Main form#AppointmentIndexForm .apCol { width: 100% !important; border-right: none !important; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apCol input[type="text"] { width: 60%; } #Main form#AppointmentIndexForm .apCol select { width: 60%; } #Main form#AppointmentIndexForm .apCol .aptag { width: 100px; } #Main form#AppointmentIndexForm .apCol .aptag label { font-size: 12px !important; } #Main form#AppointmentIndexForm .apCol .apbold { font-size: large; } #Main form#AppointmentIndexForm .apCol .chex-box { width: 100%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row { width: 100%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item { font-size: x-large; width: 100%; display: flex; align-items: center; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item .checkboxWrap { width: 15%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item .checkboxWrap input { height: 35px; width: 35px !important; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item span { width: 80%; } #Main form#AppointmentIndexForm .apCol #serviceText { width: 100%; } #Main form#AppointmentIndexForm .apColLast { width: 100%; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apColLast input[type="text"] { width: 50%; float: left; } #Main form#AppointmentIndexForm .apColLast input[type="text"] { width: 60%; } #Main form#AppointmentIndexForm .apColLast select { width: 60%; } #Main form#AppointmentIndexForm .apColLast .aptag { width: 100px; } #Main form#AppointmentIndexForm .apColLast .aptag label { font-size: 12px !important; } #Main #myCart h1.carthead { margin-left: 20px; font-size: 1.5em !important; } #Main #myCart h3 { font-size: 1.1em !important; } #Main #myCart .productncart.responsive-cart { padding: 15px 5px; } #Main #myCart .productncart.responsive-cart .xoutbtn.resp-delete { margin-top: 0px; padding: 1px !important; } #Main #myCart .productncart.responsive-cart .xoutbtn.resp-delete a i#responsive-remove { margin: 2px; } #Main #myCart .pricenquant { float: left; display: flex; width: 100%; padding: 5px; border: 1px solid silver; border-radius: 5px; margin-bottom: 15px; } #Main #myCart .pricenquant .pricedetailsdiv { width: 33%; } #Main #myCart .pricedetails { width: 100%; padding: 8px !important; } #Main #myCart .pricedetails .calcship { width: 100%; text-align: left; } #Main #myCart .pricedetails .calcship .submit { margin-left: 10px; } #Main #myCart .pricedetails .ship-totals-det { width: 100%; text-align: left; } #Main #myCart .enterzipper { display: flex; } #Main #myCart #subTotal { text-align: left !important; } #Main #myCart #subTotal span { text-align: left !important; width: auto !important; } #Main #myCart .couponCodeFloaty { padding: 15px; } #Main #myCart .couponCodeFloaty .submitFloaty.couponApplyCode { margin-top: 5px; } #Main #myCart div#cartLinks { display: flex; justify-content: space-evenly; flex-wrap: wrap; padding-bottom: 15px; } #Main #myCart div#cartLinks .add-to-cart { margin-bottom: 5px !important; margin-right: 0 !important; font-size: smaller; width: 100%; } #Main #myCart div#cartLinks .continueshop { font-size: smaller; width: 100%; } #Main #myCart .no-items-show a { margin: 10px; } #Main #cartResults { width: 100%; } #Main #cartResults form#my-cart-checkout-form { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details h1 { font-size: larger; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information h5 { font-size: medium; margin-bottom: 10px; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .payment_details { width: 100%; padding: 0 !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details { width: 100%; border-right: none !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details { width: 100%; float: left; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details ul li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order p { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order .place_btn { float: left; } #Main .span-8.responsive { width: 100% !important; } #Main div#manList { display: flex; flex-wrap: wrap; justify-content: space-evenly; width: 100%; height: 100%; } #Main div#manList h1 { width: 100%; } #Main div#manList a { width: 150px; height: 100px; padding: 5px; } #Main div#manList .manTile { width: 100%; height: 100%; margin: 0 !important; } #Main div#manList .manTile .inner { width: 100%; height: 100%; position: relative; } #Main div#manList .manTile .inner .imgHolder { width: 100%; height: 55px; } #Main div#manList .manTile .inner .imgHolder img { width: 100%; max-width: 100%; height: 50px; } #Main div#manList .manTile .inner .manName { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } #Main div#lineList .imgParent img { width: 100%; } #Main div#lineList .colL { width: 100%; } #Main div#lineList .colL h1 { font-size: x-large; } #Main div#lineList .colL .prodTile { width: 100%; max-width: 145px; height: 145px; } #Main div#lineList .colL .prodTile .inner { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px; } #Main div#lineList .colL .prodTile .inner .tileHead { height: 25%; padding: 0px; display: flex; justify-content: center; align-items: center; } #Main div#lineList .colL .prodTile .inner .tileHead a { font-size: small; } #Main div#lineList .colL .prodTile .inner .imgHolder { height: 75%; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } #Main div#lineList .colL .prodTile .inner .imgHolder a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } #Main div#lineList .colL .prodTile .inner .imgHolder a img { padding: 5px 0px; max-height: 100%; max-width: 100%; } #Main div#lineList .colR { width: 100%; margin-top: 30px; } #Main #installerMap .searchLocationsBar { display: flex; flex-direction: column; } #Main #installerMap .searchLocationsBar input { width: 100% !important; height: 25px !important; } #Main #installerMap .searchLocationsBar select { width: 100% !important; height: 25px !important; } #Main #installerMap .searchLocationsBar button { width: 50%; margin-top: 10px; } #Main #installerMap .locationsBoxMaster { display: flex; flex-direction: column; height: auto; } #Main #installerMap .locationsBoxMaster #map { width: 100%; height: 500px; } #Main #installerMap .locationsBoxMaster #sidebar { width: 100%; height: 100%; margin: 5px 0 0 0; } #Main .searchLocationsBar { display: flex; flex-direction: column; } #Main .searchLocationsBar input { width: 100% !important; height: 25px !important; } #Main .searchLocationsBar select { width: 100% !important; height: 25px !important; } #Main .searchLocationsBar a { width: 50% !important; margin-top: 15px; } #Main .locationsGrid table tbody tr { display: flex; flex-direction: column; } #Main td.installerData { border-bottom: none; } #Main td.installerData div[itemprop='address'] { font-size: large; } #Main td.installerData .phone { font-size: large; } #Main #MyInstallerView #ctaMenu { float: none; margin: 20px 0 20px 0; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; border-radius: 0px !important; border: 0px !important; } #Main #MyInstallerView #ctaMenu li { width: 100%; border-radius: 0px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: 1px solid #cccccc; } #Main #MyInstallerView #ctaMenu li a { border-radius: 0px !important; border: 0px !important; width: 100%; } #Main #MyInstallerView #ctaMenu .cta-menu-contact { display: none; } #Main #MyInstallerView #MyInstallersLeft { width: 100%; float: none; } #Main #MyInstallerView #MyInstallersLeft .leftIn { padding: 0; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo h1.fh2 { width: 100%; text-align: center; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo a.myInstall-link { text-align: center; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .servicesCont { width: 100%; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable { width: 100%; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .responsiveAddress #androidAddress p, #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .responsiveAddress #appleAddress p { font-size: large; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .itemPhone .responsivePhone { font-size: large; } #Main #MyInstallerView #MyInstallersLeft .leftIn #mapMenu { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; border-radius: 0px !important; align-items: center; border: 0px !important; } #Main #MyInstallerView #MyInstallersLeft .leftIn #mapMenu li { width: 100%; border-radius: 0px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: 1px solid #cccccc; } #Main #MyInstallerView #MyInstallersLeft .leftIn #mapMenu li a { width: 100%; font-size: smaller; border-radius: 0px !important; border: 0px !important; } #Main #MyInstallerView #MyInstallersLeft .leftIn .RoutePlanningForm { display: flex; flex-direction: column; } #Main #MyInstallerView #MyInstallersLeft .leftIn .RoutePlanningForm button { margin: 10px 60% 0 0; } #Main #MyInstallerView #MyInstallersLeft .leftIn .servicesCont .inner { padding: 0px; } #Main #MyInstallerView #MyInstallersLeft .leftIn .servicesCont .inner p img { width: 75% !important; height: 75% !important; } #Main #MyInstallerView #MyInstallersLeft .leftIn #map-box { display: none; } #Main #MyInstallerView #MyInstallersRight { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm label { text-align: left; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm input { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm textarea { width: 100%; } #Main #MyInstallerView #MyInstallersRight #reviews_container { padding: 0 !important; } #Main #MyInstallerView #MyInstallersRight #reviews_container .headerStyle { margin: 10px 0 0 0 !important; } #Main #MyInstallerView #MyInstallersRight #reviews_container .headerStyle .box-header { padding: 0px; } #Main #MyInstallerView #MyInstallersRight #reviews_container .writeButtonBar { bottom: 0px; } #Main #MyInstallerView #MyInstallersRight #reviews_container #reviews { bottom: 0px; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm { display: none; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form { display: block; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form h2 { color: #005CBF; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form label { color: #005CBF; } #Main #MyInstallerView #MyInstallersRight .services-loop-box { display: none; } #Main #searchByPage .search-img { display: none; } #Main #searchByPage .vehselcts { width: 100%; } #Main #searchByPage .search-content { display: none; } #Main #searchByPage .intsearchdes { font-size: larger; } #Main #searchByPage .intsearchdes h3 { font-size: larger !important; } #Main #searchByPage .intsearchr ul li { font-size: larger !important; } #Main #searchByPage .intsearchr .finderareaint #intfindbyfinish { width: 100%; } #Main #searchByPage .intsearchr .finderareaint h2 { font-size: larger !important; } #Main #searchByPage #intfindbyveh, #Main #searchByPage #intfindbysiz, #Main #searchByPage #intfindbybra { width: 75%; } #Main #searchByPage #intfindbyveh .buttonBox, #Main #searchByPage #intfindbysiz .buttonBox, #Main #searchByPage #intfindbybra .buttonBox { width: 100%; } #Main #searchByPage #intfindbyveh .buttonBox a, #Main #searchByPage #intfindbysiz .buttonBox a, #Main #searchByPage #intfindbybra .buttonBox a { width: 50%; padding: 10px 0px; } #Main .dontPrintEither { display: none; } #Main #compareTopBtns { margin-top: 25px; } #Main #promotionPrintBtn { display: none; } #Main #MainBottom #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #Main #MainBottom #yellowStone-review #quote { margin-top: 40px; padding: 0 25px; } #Main #MainBottom #yellowStone-review #quote img { width: 25px; } #Main #MainBottom #yellowStone-review #quote div { font-size: 25px; } #Main #MainBottom #yellowStone-review #reviewer { font-size: 25px; margin-top: 40px; } #Main #MainBottom #yellowStone-review #moreBtn { margin-top: 40px; } #Main #peoplePage { padding: 20px; } #Main #resp_mobile_category .service-title { width: 100% !important; padding-top: 35px; } #Main #AppointmentScheduleForm .serv-app-lftside { width: 100%; } #Main #AppointmentScheduleForm #service-scheduling { width: 100%; } #Main #reviews_container { flex-direction: column; } #Main #HomeCenter .promo-fw-wrap { background: none; height: 100%; } #Main #HomeCenter .promo-fw-wrap .ystone-promos .promo-list-fw { width: 100% !important; margin: 0; } #Main #HomeCenter .promo-fw-wrap .ystone-promos #promo_icon_right { padding-left: 0px; } #Main #TopHome .promo-fw-wrap { background: none; height: 100%; } #Main #TopHome .promo-fw-wrap .ystone-promos .promo-list-fw { width: 100% !important; margin: 0; } #Main #TopHome .promo-fw-wrap .ystone-promos #promo_icon_right { padding-left: 0px; } #Main #msr_overlay { background: #5a5959; text-transform: uppercase; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0.8; text-align: center; display: none; } #Main #msr_overlay h3 { font-size: 42px !important; padding: 50px; color: #fff; } #Main #msr_overlay a { color: #fff; font-size: 16px; text-decoration: underline; } #Main .promopg .specialImg img { max-width: 100%; } #BottomHome .services-list { display: flex; justify-content: center; flex-wrap: wrap; } #BottomHome .services-list li { width: 48% !important; height: 125px !important; display: flex; justify-content: center; align-items: center; font-size: medium; margin-top: 5px !important; } #BottomHome .prepend-3 { margin-left: 0px; } #BottomHome .custom-content-wrap { background-size: cover !important; min-height: inherit; } #BottomHome .custom-content-wrap .custom-content { margin-top: 40px; margin-bottom: 40px; max-width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group { display: flex; align-items: center; } #BottomHome .custom-content-wrap .custom-content .section.group img { height: auto !important; width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group img.tp_logo_hub { margin-top: 0; } #BottomHome .custom-content-wrap .custom-content div { width: 100% !important; padding: 0 10px; } #BottomHome .custom-content-wrap .section img { margin-left: 0px !important; } #Footer { top: 100px !important; width: 100%; } #Footer .box-container { width: 100%; } #Footer .box-container #FooterHome { display: flex; width: 100%; flex-direction: column; } #Footer .box-container #FooterHome .border-left { border-left: none; } #Footer .box-container #FooterHome .border-right { border-right: none; } #Footer .box-container #FooterHome .signup-box .inner { display: flex; align-items: center; height: 100%; justify-content: space-around; flex-direction: column; border-top: 2px white solid; } #Footer .box-container #FooterHome .signup-box .inner h4 { font-size: 20px; } #Footer .box-container #FooterHome #gadget-top-box2 .inner { background: none !important; display: flex; justify-content: center; text-align: center; border-top: 2px white solid; } #Footer .box-container #FooterHome #gadget-top-box3 .inner { background: none !important; display: flex; justify-content: center; text-align: center; border-top: 2px white solid; } #Footer .box-container #FooterDefault { padding: 0px 15px; } #Footer .box-container #FooterDefault .content-aboutfooter { margin: 0px 15px 0px 15px; } #Footer .box-container #FooterDefault #MenuFooter { font-size: large; margin-left: 15px; } #Footer .box-container #FooterDefault .tcspowered { margin: 0 15px 10px 0; } #Footer .box-container #FooterDefault .prepend-6 { margin-left: 0; } #Footer .box-container #FooterDefault #left_footer, #Footer .box-container #FooterDefault #center_footer, #Footer .box-container #FooterDefault #right_footer, #Footer .box-container #FooterDefault #footer-findUs { width: 100% !important; height: auto; text-align: center; } #Footer .box-container #FooterDefault #footer-findUs { margin-bottom: 30px; } #Footer .nap-box { height: 175px; justify-content: center !important; padding: 0 !important; } #Footer .nap-box .marquee { height: 175px !important; } #Footer .nap-box .marquee .mchild.nap { display: inherit !important; } #jobApplyForm .input { display: flex; flex-direction: column; } #jobApplyForm .input label { width: 100%; float: none; display: flex; clear: none; text-align: center; padding: 0px; } #jobApplyForm .input input { margin: 5px 0 5px 0; width: 100%; padding: 0px; } #jobApplyForm .input select { width: 100%; margin: 5px 0 5px 0; } #jobApplyForm .input textarea { width: 100%; } #jobApplyForm #applyAttachResume { display: flex; flex-direction: column; } #jobApplyForm #applyAttachResume label { width: 100%; float: none; text-align: left; padding: 0px; margin: 10px 0 0 5px; } #jobApplyForm #applyAttachResume input { margin: 5px 0 10px 0; } #jobApplyForm .submit input { width: 100%; } div[aria-labelledby='ui-dialog-title-email-friend-template'] { width: 95% !important; left: 2% !important; } .responsiveQuote { width: 95% !important; left: 2% !important; top: 110px !important; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm { display: flex; flex-direction: column; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm { width: 100%; height: auto !important; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm .input input { width: 100% !important; height: 35px !important; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm .input textarea { width: 100% !important; margin: 0; padding: 0; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm .Request-Locator-btninput .input select { height: 35px; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm .carfax .input input { width: 78px !important; } .responsiveQuote .RequestAQuote #static_new_request_form .RequestQuoteForm .ReqForm .carfax #carfax_input_state { margin-top: 22px; } .contact-toolbar-resp { height: 75px; width: 100%; position: fixed; bottom: 0; z-index: 110; } .contact-toolbar-resp a { color: #fff !important; font-size: 16px; font-weight: 700; } .contact-toolbar-resp i { font-size: 22px !important; } .cta-mobile-call-wrap { width: 35%; height: 100%; float: left; text-align: center; line-height: 75px; white-space: nowrap; background: #22bb41; } .cta-mobile-call-wrap.no-link { width: 100%; } .cta-mobile-link-wrap { width: 65%; height: 100%; float: left; line-height: 75px; white-space: nowrap; text-align: center; background: #363636; } i.fa.fa-car { margin-right: 10px; } i.fa.fa-mobile { font-size: 24px !important; } #catalog-tabs .compare-box { display: none; } #catalog-tabs .compare_content .action-right { display: none; } #instantquote .serv-app-lftside .myvehicle #header-message { display: flex; align-items: center; justify-content: space-between; } #instantquote .serv-app-lftside .myvehicle #header-message h2 { margin: 20px; } #instantquote .serv-app-lftside .myvehicle #header-message .myvehicle-total { font-size: xx-large !important; } #instantquote .serv-app-lftside .myvehicle #changeVehicle .input select { padding-top: 10px; padding-bottom: 10px; } #instantquote .serv-app-lftside .q-tire .pricing-details .total-row .col-right { font-size: xx-large !important; } #instantquote .serv-app-lftside .q-service { padding: 10px !important; } #instantquote .serv-app-rgtside { margin-top: 25px; } #instantquote .serv-app-rgtside h2.mobile-only { padding: 10px !important; } #instantquote .serv-app-rgtside #serv-scheduler #AppointmentContactMeBy { left: 0px; max-width: 100px; } #instantquote .serv-app-rgtside #serv-scheduler .box-header { margin: 0px; background-color: transparent; text-align: left; } #instantquote .serv-app-rgtside #serv-scheduler .inputspace input, #instantquote .serv-app-rgtside #serv-scheduler .inputspace select { width: 96% !important; padding: 5px !important; } #instantquote .serv-app-rgtside #serv-scheduler .error-message { width: 96%; } #instantquote .serv-app-rgtside #serv-scheduler .mobile-view-header { display: none !important; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] { width: 96% !important; left: 2% !important; height: 450px !important; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] #rebate-terms-dialog { height: 350px !important; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] #rebate-terms-dialog iframe { width: 100%; height: 334px; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] #rebate-terms-dialog iframe #document html body img { width: 100%; } #PromotionsDetailPagePrintImage img { max-width: 100%; } div#ui-datepicker-div { position: fixed; margin-top: 0px; margin-left: 0px; } span.resp-req { left: 47%; } .responsiveStoreFinder { width: 96% !important; margin: 2% !important; left: 0 !important; } .responsiveStoreFinder .locationSearchBox { display: flex; flex-direction: column; margin-bottom: 10px; } .responsiveStoreFinder .locationSearchBox .input input { margin: 5px 0 10px 0; } .responsiveStoreFinder .locationSearchBox button { width: 50%; } .responsiveStoreFinder .myInstallers .myInstallers2 ul { width: 100%; display: flex; flex-direction: column; } .installer-map { display: none !important; } #resp_mobile_locale_wrap { display: block !important; } .cta-btn { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; color: white !important; border: 1px solid #cf010e; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; border: none !important; } .cta-btn a { color: inherit; font-size: 16px; text-transform: uppercase; } .mapH1 { text-align: center; } .store-finder-desktop { display: none; } .store-finder-phone { display: block !important; } } @media (max-width: 768px) and (min-width: 576px) { .row > .col, .row > .span-fluid-1, .row > .span-fluid-2, .row > .span-fluid-3, .row > .span-fluid-4, .row > .span-fluid-5, .row > .span-fluid-6, .row > .span-fluid-7, .row > .span-fluid-8, .row > .span-fluid-9, .row > .span-fluid-10, .row > .span-fluid-11, .row > .span-fluid-12, .row > .span-fluid-13, .row > .span-fluid-14, .row > .span-fluid-15, .row > .span-fluid-16, .row > .span-fluid-17, .row > .span-fluid-18, .row > .span-fluid-19, .row > .span-fluid-20, .row > .span-fluid-21, .row > .span-fluid-22, .row > .span-fluid-23, .row > .span-fluid-24, .list-columns-2, .list-columns-3, .list-columns-4 { width: 100% !important; display: block; float: none; padding-left: 0; padding-right: 0; } #HeaderDefault .row { display: flex; justify-content: space-between; } #HeaderDefault .row .inline-item { width: 100%; display: flex; justify-content: flex-end; } #HeaderDefault { display: none !important; } header { height: 100px !important; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } #yellowstoneRespMobile-header { display: flex !important; justify-content: space-between; height: 100%; padding: 10px; } #yellowstoneRespMobile-header .site-logo-resp { max-width: 50%; height: 100%; display: flex; align-items: center; } #yellowstoneRespMobile-header .site-logo-resp img#yellowstoneRespMobile-headerLogo { max-height: 80px; padding: 0px; max-width: 100%; } #yellowstoneRespMobile-header a#menu_trigger { float: right; padding: 15px; display: flex; align-items: center; height: 100%; } #yellowstoneRespMobile-header a#menu_trigger i { font-size: 20px; } ul.resp-mobile-menu { width: 95%; right: 0; margin: 25px 10px; box-shadow: 0 0 15px 0 #000; position: absolute; top: 85px; z-index: 10; padding: 0; } ul.resp-mobile-menu li { border: 1px solid #ccc; font-weight: bold; padding: 10px; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile { border: none; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile a { border-bottom: 1px solid #ccc; padding-bottom: 1px; } .page-wrap.responsive { top: 100px; } .page-wrap.responsive #TopHome { display: flex; justify-content: center; height: auto; padding: 20px 0 50px 0; } .page-wrap.responsive #TopHome > .row { flex-direction: column; } .page-wrap.responsive #TopHome > .row > div { width: 100% !important; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-xl { font-size: 2.5em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-lg { font-size: 2em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-med { font-size: 1.25em; } .page-wrap.responsive #TopHome > .row .ystone-content .resp-sm { font-size: 1em; } .page-wrap.responsive #TopHome #TireFinder.ystone-tire { float: none !important; margin: 0 auto; } .page-wrap.responsive #HomeCta #cta-toolbar, .page-wrap.responsive #HomeCta #fixed-cta-toolbar { display: flex; flex-wrap: wrap; width: 100%; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item { width: 100%; text-align: center; padding: 15px 0px; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item a, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; justify-content: center; } .page-wrap.responsive #HomeCta #cta-toolbar .cta-toolbar-item a span, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 12px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } .page-wrap.responsive #HomeCta #cta-toolbar .mobileCta-toolbar-divider, .page-wrap.responsive #HomeCta #fixed-cta-toolbar .mobileCta-toolbar-divider { display: block !important; } .page-wrap.responsive .prepend-4 { margin-left: 0%; } .page-wrap.responsive .append-3 { margin-right: 0%; } .page-wrap.responsive .prepend-1 { margin-left: 0%; } .page-wrap.responsive #service_tabs { display: none; } #MenuMainWrap .box-container { height: 100%; } #MenuMainWrap .box-container .menu-box { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main { height: 100%; display: flex !important; align-items: center; justify-content: center; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main .menu { display: flex !important; justify-content: space-around; width: 100%; align-items: center; } .ystone-nav .menu-main ul.menu li a { font: 400 smaller 'Montserrat' !important; padding: 9px 15px !important; } #defaultPage-ctaToolbar-wrap { display: none; } .defaultPage .page-wrap.responsive { top: 100px; } #Main .content-Home ol { list-style-type: none; } #Main .content-Home ol li { margin-bottom: 10px; } #Main .service-tab-wrapper { margin-top: 10px; } #Main h1 { font-size: 2em !important; } #Main h2.resp-service-header { margin-top: 50px; text-align: center; text-transform: uppercase; } #Main h2 { margin: 25px; } #Main p#phoneNumber, #Main a.contact-resp-mobile { font-size: 20px; } #Main a.contact-resp-mobile { text-transform: uppercase; } #Main .store-hours-mobile, #Main .open-closed, #Main #storeAddress { font-size: 1.1em !important; } #Main .inner.mobile-locations img { width: 75% !important; height: auto !important; } #Main .resp-cta-wrap { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 15px; text-align: center; } #Main .resp-cta-wrap .resp-cta-link { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main #resp_desk_services, #Main #resp_tips_desk, #Main .resp-service-description { display: none; } #Main #resp_mobile_services, #Main #resp_tips_mobile { display: block !important; } #Main #resp_category { display: none; } #Main #resp_category_mobile { display: block !important; } #Main .resp-service-ul { margin: 3em 0; } #Main .resp-service-ul .resp-service-li { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 5px; padding: 0 10px; } #Main .resp-service-ul .resp-service-li a.resp-service-btn { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul .resp-service-li .resp-service-btn:after { content: "\f054"; font-family: FontAwesome; right: 45px; position: absolute; } #Main #installerApp { display: block; overflow: auto; margin-top: 25px; } #Main #installerApp h6 { font-size: 1.5em; margin-bottom: 15px; } #Main #installerApp span.small { font-size: 1em; } #Main #installerApp form { display: flex; flex-direction: column; } #Main #installerApp form > div { width: 55%; } #Main #installerApp form > div .input { margin-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #Main #installerApp form .blueBox { width: 100%; } #Main #installerApp form .blueBox input { margin-top: 10px; } #Main #installerApp form #FlatFee { flex-direction: row; margin-top: 5px; } #Main #installerApp form #FlatFee .input { flex-direction: row; margin: 10px 0 0 0; } #Main #installerApp form #FlatFee .input input { margin: 0 0 0 5px; } #Main #installerApp form .span-20 .submit input { cursor: pointer; } #Main .span-16.sink-2.responsive-theme { width: 100%; } #Main ul#service_tabs { margin-top: 15px; } #Main ul#service_tabs li { width: 100%; } #Main ul#service_tabs li a { border-radius: 0 !important; border-bottom: 1px solid #999 !important; } #Main #svs_fullwidth h4 { padding-bottom: 25px; margin-top: 20px; } #Main #svs_fullwidth ul#service_list_fw { display: flex; flex-wrap: wrap; } #Main #svs_fullwidth ul#service_list_fw li { width: 50%; text-align: center; } #Main form#AppointmentIndexForm { font-size: large; } #Main form#AppointmentIndexForm .apCol { width: 100% !important; border-right: none !important; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apCol input[type="text"] { width: 70%; } #Main form#AppointmentIndexForm .apCol select { width: 70%; } #Main form#AppointmentIndexForm .apCol .aptag { width: 120px; } #Main form#AppointmentIndexForm .apCol .aptag label { font-size: 14px !important; } #Main form#AppointmentIndexForm .apCol .chex-box { width: 75%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row { width: 100%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item { font-size: x-large; width: 100%; display: flex; align-items: center; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item .checkboxWrap { width: 15%; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item .checkboxWrap input { height: 35px; width: 35px !important; } #Main form#AppointmentIndexForm .apCol .chex-box .serv-row .serv-item span { width: 80%; } #Main form#AppointmentIndexForm .apCol #serviceText { width: 75%; } #Main form#AppointmentIndexForm .apColLast { width: 75%; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apColLast input[type="text"] { width: 70%; } #Main form#AppointmentIndexForm .apColLast select { width: 70%; } #Main form#AppointmentIndexForm .apColLast .aptag { width: 90px; } #Main form#AppointmentIndexForm .apColLast .aptag label { font-size: 14px !important; } #Main #myCart h1.carthead { margin-left: 22px; font-size: 1.5em !important; } #Main #myCart h3 { font-size: 1.1em !important; } #Main #myCart .productncart.responsive-cart { padding: 15px 5px; } #Main #myCart .productncart.responsive-cart .xoutbtn.resp-delete { margin-top: 5px; padding: 1px !important; } #Main #myCart .productncart.responsive-cart .xoutbtn.resp-delete a i#responsive-remove { margin: 2px 3px; } #Main #myCart .no-items-show a { margin: 10px; } #Main .pricenquant { width: 50%; } #Main .pricenquant .pricedetailsdiv { width: 31%; } #Main .couponCodeFloaty, #Main #cartLinks { padding: 0px 20px; margin-bottom: 10px; } #Main .ship-totals-det { width: 30%; } #Main #cartResults { width: 100%; } #Main #cartResults form#my-cart-checkout-form { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details h1 { font-size: larger; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information h5 { font-size: medium; margin-bottom: 10px; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .payment_details { width: 100%; padding: 0 !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details { width: 100%; border-right: none !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details { width: 100%; float: left; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details ul li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order p { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order .place_btn { float: left; } #Main #right_order_container { width: 475px; } #Main #right_order_container #your_order_box { width: 100%; float: left; } #Main #right_order_container #your_order_box .details { width: 100%; } #Main #right_order_container #your_order_box .details .content { width: 100%; } #Main #right_order_container #your_order_box .details .content #order_description { width: 100%; } #Main #right_order_container #your_order_box .details .content #order_description .description_details { width: 100%; } #Main #right_order_container #your_order_box .details .content #order_description .description_details h6 { width: 75%; float: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details span.price { width: 17%; float: left; text-align: right; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .pricing_details { width: 100%; float: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .pricing_details .product { width: 75%; float: left; text-align: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .pricing_details .shipping { width: 100%; float: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .pricing_details .shipping span.taxes { width: 75%; float: left; text-align: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .total { width: 100%; float: left; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .total span.text { float: left; width: 75%; } #Main #right_order_container #your_order_box .details .content #order_description .description_details .total .total_price { float: right; margin-right: 0; width: 23%; text-align: center; } #Main .span-8.responsive { width: 100% !important; } #Main div#lineList .imgParent img { width: 100%; } #Main div#lineList .colL { width: 100%; } #Main div#lineList .colL h1 { font-size: x-large; } #Main div#lineList .colL .prodTile { width: 100%; max-width: 165px; height: 165px; } #Main div#lineList .colL .prodTile .inner { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px; } #Main div#lineList .colL .prodTile .inner .tileHead { height: 25%; padding: 0px; display: flex; justify-content: center; align-items: center; } #Main div#lineList .colL .prodTile .inner .tileHead a { font-size: small; } #Main div#lineList .colL .prodTile .inner .imgHolder { height: 75%; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } #Main div#lineList .colL .prodTile .inner .imgHolder a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } #Main div#lineList .colL .prodTile .inner .imgHolder a img { padding: 5px 0px; max-height: 100%; max-width: 100%; } #Main div#lineList .colR { width: 100%; margin-top: 30px; } #Main div#manList { display: flex; flex-wrap: wrap; width: 100%; height: 100%; } #Main div#manList h1 { width: 100%; } #Main div#manList a { width: 33%; padding: 5px; } #Main div#manList .manTile { width: 100%; margin: 0 !important; } #Main div#manList .manTile .imgHolder { min-height: 45px; height: 100%; } #Main div#manList .manTile .imgHolder img { height: 55px; width: 100%; max-width: inherit !important; } #Main div#manList .manTile .manName { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } #Main #installerMap .searchLocationsBar { display: flex; flex-direction: column; } #Main #installerMap .searchLocationsBar input { width: 100% !important; } #Main #installerMap .searchLocationsBar select { width: 100% !important; } #Main #installerMap .searchLocationsBar button { width: 50%; margin-top: 10px; } #Main #installerMap .locationsBoxMaster { display: flex; flex-direction: column; height: auto; } #Main #installerMap .locationsBoxMaster #map { width: 100%; height: 500px; } #Main #installerMap .locationsBoxMaster #sidebar { width: 100%; height: 100%; margin: 5px 0 0 0; } #Main .searchLocationsBar { display: flex; flex-direction: column; } #Main .searchLocationsBar input { width: 50% !important; } #Main .searchLocationsBar select { width: 50% !important; } #Main .searchLocationsBar a { width: 50% !important; margin-top: 15px; } #Main .locationsGrid .installerListTable { width: 100%; } #Main .locationsGrid .installerListTable > tbody { display: flex; flex-direction: row; } #Main .locationsGrid .installerListTable > tbody > tr { display: flex; flex-direction: column; width: 50%; } #Main td.installerData { border-bottom: none; } #Main td.installerData div[itemprop='address'] { font-size: large; } #Main td.installerData .phone { font-size: large; } #Main #MyInstallerView #ctaMenu { float: none; margin: 20px 0 20px 0; display: flex; justify-content: center; width: 100%; } #Main #MyInstallerView #ctaMenu .cta-menu-quote a { border-left: 3px solid #666; border-radius: 12px 0 0 12px; } #Main #MyInstallerView #MyInstallersLeft { width: 100%; float: none; } #Main #MyInstallerView #MyInstallersLeft .leftIn { padding: 0; } #Main #MyInstallerView #MyInstallersLeft .leftIn #mapMenu { width: 100%; display: flex; justify-content: center; align-items: center; } #Main #MyInstallerView #MyInstallersLeft .leftIn #mapMenu li a { width: 100%; } #Main #MyInstallerView #MyInstallersLeft .leftIn .RoutePlanningForm { display: flex; flex-direction: column; } #Main #MyInstallerView #MyInstallersLeft .leftIn .RoutePlanningForm button { margin: 10px 60% 0 0; } #Main #MyInstallerView #MyInstallersLeft .leftIn .servicesCont .inner { padding: 0px; } #Main #MyInstallerView #MyInstallersLeft .leftIn .servicesCont .inner p img { width: 100% !important; height: 100% !important; } #Main #MyInstallerView #MyInstallersLeft .leftIn #map-box { display: none; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .responsiveAddress #androidAddress p, #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .responsiveAddress #appleAddress p { font-size: large; } #Main #MyInstallerView #MyInstallersLeft .leftIn .dealerInfo .moreInfoTable .itemPhone .responsivePhone { font-size: large; } #Main #MyInstallerView #MyInstallersRight { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm label { text-align: left; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm input { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm textarea { width: 100%; } #Main #MyInstallerView #MyInstallersRight #reviews_container { padding: 0 !important; } #Main #MyInstallerView #MyInstallersRight #reviews_container .headerStyle { margin: 10px 0 0 0 !important; } #Main #MyInstallerView #MyInstallersRight #reviews_container .headerStyle .box-header { padding: 0px; } #Main #MyInstallerView #MyInstallersRight #reviews_container .writeButtonBar { bottom: 0px; } #Main #MyInstallerView #MyInstallersRight #reviews_container #reviews { bottom: 0px; } #Main #MyInstallerView #MyInstallersRight .services-loop-box { display: none; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm { display: none; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form { display: block; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form h2 { color: #005CBF; } #Main #MyInstallerView #MyInstallersRight #finance_contact_form label { color: #005CBF; } #Main #MyInstallerView .cta-menu-contact { display: none; } #Main #MyInstallerView .cta-menu-appointment a { border-radius: 0 12px 12px 0; border-right: 3px solid #666; } #Main #compareTopBtns { margin-top: 25px; } #Main #MainBottom #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #Main #MainBottom #yellowStone-review #quote { margin-top: 40px; padding: 0 25px; } #Main #MainBottom #yellowStone-review #quote img { width: 25px; } #Main #MainBottom #yellowStone-review #quote div { font-size: 25px; } #Main #MainBottom #yellowStone-review #reviewer { font-size: 25px; margin-top: 40px; } #Main #MainBottom #yellowStone-review #moreBtn { margin-top: 40px; } #Main #peoplePage { margin-top: 25px; } #Main #resp_mobile_category .service-title { width: 100% !important; padding-top: 35px; } #Main #resp_mobile_category .service-title .thumb img { max-width: 100px !important; } #Main #resp_mobile_category .service-title .thumb h2 { font-size: 26px !important; } #Main #resp_category #services-left { width: 60% !important; float: left; } #Main #resp_category #services-left a.back-btn { margin-bottom: 30px; } #Main #resp_category #services-left .service-title { width: 100%; } #Main #resp_category #services-right { width: 39% !important; } #Main #AppointmentScheduleForm .serv-app-lftside { width: 100%; } #Main #AppointmentScheduleForm #service-scheduling { width: 100%; } #Main #reviews_container { flex-direction: column; } #Main .promopg .specialImg img { max-width: 100%; } #responsive_financing { margin-top: 20px; } #BottomHome .custom-content { width: 100% !important; max-width: none !important; padding: 0px 50px; } #BottomHome .custom-content div { width: 100% !important; } #BottomHome .services-list { display: flex; justify-content: center; flex-wrap: wrap; } #BottomHome .services-list li { width: 20% !important; height: 100px !important; display: flex; font-size: smaller; justify-content: center; align-items: center; margin-top: 5px !important; } #BottomHome .prepend-3 { margin-left: 0px; } #BottomHome .custom-content-wrap { background-size: cover !important; min-height: inherit; } #BottomHome .custom-content-wrap .custom-content { margin-top: 40px; margin-bottom: 40px; max-width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group { display: flex; align-items: center; } #BottomHome .custom-content-wrap .custom-content .section.group img { height: auto !important; width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group img.tp_logo_hub { margin-top: 0; } #BottomHome .custom-content-wrap .custom-content div { width: 100% !important; padding: 0 10px; } #Footer { top: 100px !important; } #Footer .box-container #FooterHome .row { display: flex; } #Footer .box-container #FooterHome .row .signup-box { display: flex; align-items: center; justify-content: center; text-align: center; } #Footer .box-container #FooterHome .row .signup-box h4 span { font-size: 20px !important; } #Footer .box-container #FooterHome .row #gadget-top-box2 { display: flex; align-items: center; justify-content: center; text-align: center; } #Footer .box-container #FooterHome .row #gadget-top-box3 { display: flex; align-items: center; justify-content: center; text-align: center; } #Footer .box-container #FooterDefault .row { display: flex; flex-wrap: wrap; } #Footer .box-container #FooterDefault .row .col:nth-child(1) { order: 1; width: 50% !important; } #Footer .box-container #FooterDefault .row .col:nth-child(2) { order: 2; } #Footer .box-container #FooterDefault #MenuFooter { font-size: medium; } #Footer .box-container #FooterDefault .tcspowered { margin-top: 0px; } #Footer .box-container #FooterDefault .nap-box { height: auto !important; justify-content: center !important; padding: 0 !important; } #Footer .box-container #FooterDefault .nap-box .marquee { height: 185px !important; } #Footer .box-container #FooterDefault .nap-box .marquee .mchild.nap { display: inherit !important; font-size: 16px !important; } #Footer .box-container #FooterDefault #left_footer, #Footer .box-container #FooterDefault #center_footer, #Footer .box-container #FooterDefault #right_footer, #Footer .box-container #FooterDefault #footer-findUs { width: 100% !important; height: auto; text-align: center; } #Footer .box-container #FooterDefault #left_footer a, #Footer .box-container #FooterDefault #center_footer a, #Footer .box-container #FooterDefault #right_footer a, #Footer .box-container #FooterDefault #footer-findUs a { font-size: 16px !important; } #Footer .box-container #FooterDefault #footer-findUs { margin-bottom: 30px; } #Footer .box-container #FooterDefault .back2Top { margin-top: 85px; } #jobApplyForm .input { display: flex; flex-direction: column; } #jobApplyForm .input label { width: 100%; float: none; display: flex; clear: none; text-align: center; padding: 0px; } #jobApplyForm .input input { margin: 5px 0 5px 0; padding: 0px; } #jobApplyForm .input select { width: 330px; margin: 5px 0 5px 0; } #jobApplyForm #applyAttachResume { display: flex; flex-direction: column; } #jobApplyForm #applyAttachResume label { width: 100%; float: none; text-align: left; padding: 0px; margin: 10px 0 0 5px; } #jobApplyForm #applyAttachResume input { margin: 5px 0 10px 0; } #jobApplyForm .submit input { width: 330px; } .contact-toolbar-resp { height: 75px; width: 100%; position: fixed; bottom: 0; background: gray; z-index: 110; } .contact-toolbar-resp a { font-size: 16px; font-weight: 700; color: #fff !important; } .contact-toolbar-resp i { font-size: 22px !important; } .cta-mobile-call-wrap { width: 35%; height: 100%; float: left; text-align: center; line-height: 75px; white-space: nowrap; background: #22bb41; } .cta-mobile-link-wrap { width: 65%; height: 100%; float: left; line-height: 75px; white-space: nowrap; text-align: center; background: #363636; } i.fa.fa-car { margin-right: 10px; } i.fa.fa-mobile { font-size: 24px !important; } #promoElipsis { display: none; } #catalog-tabs .compare-box { display: none; } #catalog-tabs .compare_content .action-right { display: none; } #instantquote .serv-app-lftside { width: 100% !important; } #instantquote .serv-app-lftside .myvehicle #header-message .myvehicle-total { font-size: xx-large !important; } #instantquote .serv-app-lftside #changeVehicle { width: 100%; } #instantquote .serv-app-lftside #changeVehicle .input select { padding-top: 10px; padding-bottom: 10px; width: 100%; } #instantquote .serv-app-lftside .q-tire .pricing-details .total-row .col-right { font-size: 22px !important; } #instantquote .serv-app-lftside .q-service { padding: 10px !important; } #instantquote .serv-app-rgtside { margin-top: 25px; width: 100% !important; } #instantquote .serv-app-rgtside h2.mobile-only { padding: 10px !important; } #instantquote .serv-app-rgtside .req { color: red; position: absolute; left: -10px; top: 4px; font-weight: bold; } #instantquote .serv-app-rgtside #serv-scheduler #AppointmentContactMeBy { left: 0px; max-width: 100px; } #instantquote .serv-app-rgtside #serv-scheduler .box-header { margin: 0px; background-color: transparent; text-align: left; } #instantquote .serv-app-rgtside #serv-scheduler h4 { font-size: 1.25em; } #instantquote .serv-app-rgtside #serv-scheduler .mobile-view-header { display: none !important; } #instantquote .serv-app-rgtside #serv-scheduler .box { padding: 0; } #instantquote .serv-app-rgtside #serv-scheduler .inputspace input, #instantquote .serv-app-rgtside #serv-scheduler .inputspace select { width: 85% !important; padding: 5px !important; max-width: 350px; } #instantquote .serv-app-rgtside #serv-scheduler .error-message { width: 85%; max-width: 350px; } #instantquote .serv-app-rgtside #serv-scheduler .inner { padding: 0 10px; width: 100%; } #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo { width: 50%; padding: 0 15px 10px; } #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo .inputspace { position: relative; } #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo select#AppointmentContactMeBy { border: 1px solid silver; padding: 3px 5px; background: #fff; position: relative; left: 5px; border-radius: 5px; } #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo select#AppointmentLocation { border: 1px solid silver; background: #fff; border-radius: 5px; width: 85%; } #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo select#AppointmentTime, #instantquote .serv-app-rgtside #serv-scheduler .inner .contactinfo select#AppointmentAltTime { border: 1px solid silver; background: #fff; border-radius: 5px; width: 85% !important; } #instantquote .serv-app-rgtside #serv-scheduler .inner .sSubmit { width: 50%; } #instantquote .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit { width: 100%; } #instantquote .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit input { width: 100% !important; margin-left: 0px !important; } #instantquote .serv-app-rgtside #serv-scheduler .inner .required-fields { float: left !important; } .RequestAQuote .RequestQuoteForm .ReqForm .input input { height: 35px !important; } #PromotionsDetailPagePrintImage img { max-width: 100%; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] { width: 96% !important; left: 2% !important; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] iframe { width: 100%; } div[aria-labelledby='ui-dialog-title-rebate-terms-dialog'] iframe #document html body img { width: 100%; } span.resp-req { left: 47%; } .responsiveStoreFinder { width: 75% !important; left: 10% !important; } .responsiveStoreFinder .myInstallers .myInstallers2 ul { max-width: 100%; } .installer-map { display: none !important; } #resp_mobile_locale_wrap { display: block !important; } .cta-btn { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; color: white !important; border: 1px solid #cf010e; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; border: none !important; } .cta-btn a { color: inherit; font-size: 16px; text-transform: uppercase; } .mapH1 { text-align: center; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #TopDefault, #TopHome { background-attachment: inherit; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) { #TopDefault, #TopHome { background-attachment: inherit; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) { #TopDefault, #TopHome { background-attachment: inherit; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #TopDefault, #TopHome { background-attachment: inherit; } } @media (max-width: 991px) and (min-width: 769px) { #TopHome { display: flex; justify-content: center; } #TopHome > .row { max-width: 1200px; width: 100%; justify-content: space-around !important; } #TopHome > .row > div { width: 50% !important; float: none !important; display: flex; justify-content: center; } header#Header .nap { font: 300 12px 'Hind Vadodara'; line-height: 1; } header#Header .nap span.highlight { font: 600 16px 'Hind Vadodara'; } header#Header .content-slogan { font: 400 16px 'Roboto Condensed', sans-serif; padding-top: 15px; } #MenuMainWrap .box-container { height: 100%; } #MenuMainWrap .box-container .menu-box { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main { height: 100%; display: flex !important; align-items: center; justify-content: center; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main .menu { display: flex !important; justify-content: space-around; width: 100%; align-items: center; } .ystone-nav .menu-main ul.menu li a { font: 400 small 'Montserrat' !important; } img#yellowstoneRespMobile-headerLogo { width: 35%; padding: 15px; } a#menu_trigger { float: right; padding: 15px; } a#menu_trigger i { font-size: 20px; } #HomeCta #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; transform: translate3d(0,0,0); } #HomeCta #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; width: 100%; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #HomeCta #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; width: 100%; height: 76px; display: flex; justify-content: center; align-items: center; transform: translate3d(0,0,0); } #HomeCta #fixed-cta-toolbar { width: 100%; z-index: 20 !important; display: flex; justify-content: space-around; height: 76px; align-items: center; max-width: 1375px; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #defaultPage-cta-toolbar #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; width: 100%; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 14px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #Main .content-Home ol { list-style-type: none; } #Main .content-Home ol li { margin-bottom: 10px; } #Main h2.resp-service-header { margin-top: 50px; text-align: center; text-transform: uppercase; } #Main h2 { margin: 25px; } #Main p#phoneNumber, #Main a.contact-resp-mobile { font-size: 20px; } #Main a.contact-resp-mobile { text-transform: uppercase; } #Main .store-hours-mobile, #Main .open-closed, #Main #storeAddress { font-size: 1.1em !important; } #Main .inner.mobile-locations img { width: 75% !important; height: auto !important; } #Main .resp-cta-wrap { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 15px; text-align: center; } #Main .resp-cta-wrap .resp-cta-link { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul { margin: 3em 0; } #Main .resp-service-ul .resp-service-li { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 5px; padding: 0 10px; } #Main .resp-service-ul .resp-service-li a.resp-service-btn { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul .resp-service-li .resp-service-btn:after { content: "\f054"; font-family: FontAwesome; right: 45px; position: absolute; } #Main #installerApp { display: block; overflow: auto; margin-top: 25px; } #Main #installerApp h6 { font-size: 1.5em; margin-bottom: 15px; } #Main #installerApp span.small { font-size: 1em; } #Main #installerApp form { display: flex; flex-wrap: wrap; justify-content: space-between; } #Main #installerApp form > div { width: 30%; } #Main #installerApp form > div .input { margin-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #Main #installerApp form .blueBox input { margin-top: 10px; } #Main #installerApp form .blueBox #FlatFee { width: 100%; } #Main #installerApp form .blueBox #FlatFee .input { flex-direction: row; } #Main #installerApp form .blueBox #FlatFee .input input { margin: 0 0 0 5px; } #Main .span-8.responsive { width: 100% !important; } #Main ul#service_tabs { margin-top: 15px; } #Main ul#service_tabs li { width: 100%; } #Main ul#service_tabs li a { border-radius: 0 !important; border-bottom: 1px solid #999 !important; } #Main form#AppointmentIndexForm .apCol { width: 100% !important; border-right: none !important; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apCol input[type="text"] { width: 70%; } #Main form#AppointmentIndexForm .apCol .chex-box { width: 75%; } #Main form#AppointmentIndexForm .apCol #serviceText { width: 75%; } #Main form#AppointmentIndexForm .apColLast { width: 75%; margin-bottom: 25px; } #Main form#AppointmentIndexForm .apColLast input[type="text"] { width: 70%; } #Main div#lineList .imgParent img { width: 100%; } #Main div#lineList .colL { width: 100%; } #Main div#lineList .colL h1 { font-size: x-large; } #Main div#lineList .colL .prodTile { width: 100%; max-width: 165px; height: 165px; } #Main div#lineList .colL .prodTile .inner { height: 100%; width: 100%; display: flex; flex-direction: column; padding: 0px; } #Main div#lineList .colL .prodTile .inner .tileHead { height: 25%; padding: 0px; display: flex; justify-content: center; align-items: center; } #Main div#lineList .colL .prodTile .inner .tileHead a { font-size: small; } #Main div#lineList .colL .prodTile .inner .imgHolder { height: 75%; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } #Main div#lineList .colL .prodTile .inner .imgHolder a { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } #Main div#lineList .colL .prodTile .inner .imgHolder a img { padding: 5px 0px; max-height: 100%; max-width: 100%; } #Main div#lineList .colL .span-20 { width: 100%; } #Main div#lineList .colL .span-20 .submit input { cursor: pointer; } #Main div#lineList .colR { width: 100%; margin-top: 30px; } #Main div#manList { display: flex; flex-wrap: wrap; width: 100%; height: 100%; } #Main div#manList h1 { width: 100%; } #Main div#manList a { width: 25%; padding: 5px; } #Main div#manList .manTile { width: 100%; margin: 0 !important; } #Main div#manList .manTile .imgHolder { min-height: 45px; height: 100%; } #Main div#manList .manTile .imgHolder img { height: 55px; width: 100%; max-width: inherit !important; } #Main div#manList .manTile .manName { overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } #Main #installerMap .searchLocationsBar { display: flex; flex-wrap: wrap; align-items: center; } #Main #installerMap .searchLocationsBar label { margin: 0 5px 0 0; } #Main #installerMap .searchLocationsBar input { width: 30% !important; } #Main #installerMap .searchLocationsBar select { padding: 0 !important; width: 30% !important; margin: 0 !important; } #Main #installerMap .searchLocationsBar button { margin: 10px 75% 0 0; width: 100%; } #Main #installerMap .locationsBoxMaster { display: flex; height: 550px; } #Main #installerMap .locationsBoxMaster #map { width: 70%; height: 100%; } #Main #installerMap .locationsBoxMaster #sidebar { width: 35%; height: 100%; margin: 0 0 0 5px; overflow-x: hidden; } #Main .searchLocationsBar { display: flex; align-items: center; } #Main .searchLocationsBar label { margin: 0 5px 0 0; } #Main .searchLocationsBar input { width: 20% !important; } #Main .searchLocationsBar select { width: 20% !important; } #Main .searchLocationsBar a { width: 25% !important; } #Main .locationsGrid .installerListTable { width: 100%; } #Main .locationsGrid .installerListTable > tbody { display: flex; flex-direction: row; } #Main .locationsGrid .installerListTable > tbody > tr { display: flex; flex-direction: column; width: 50%; } #Main td.installerData { border-bottom: none; } #Main #MyInstallerView #ctaMenu { float: none; margin: 20px 0 20px 0; display: flex; justify-content: center; width: 100%; } #Main #MyInstallerView #ctaMenu .cta-menu-quote a { border-left: 3px solid #666; border-radius: 12px 0 0 12px; } #Main #MyInstallerView #MyInstallersLeft #mapMenu { width: 100%; display: flex; justify-content: center; align-items: center; } #Main #MyInstallerView #MyInstallersLeft #mapMenu li a { width: 100%; } #Main #MyInstallerView #MyInstallersLeft .RoutePlanningForm { display: flex; flex-direction: column; } #Main #MyInstallerView #MyInstallersLeft .RoutePlanningForm button { margin: 10px 60% 0 0; } #Main #MyInstallerView #MyInstallersLeft .servicesCont .inner { padding: 0px; } #Main #MyInstallerView #MyInstallersLeft .servicesCont .inner p img { width: 100% !important; height: 100% !important; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm label { text-align: left; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm input { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm textarea { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm p button { margin-bottom: 10px; } #Main #CatalogCalculatorForm #instantquote { width: 100vw; } #Main #CatalogCalculatorForm #instantquote .serv-app-lftside { width: 54%; } #Main #CatalogCalculatorForm #instantquote .serv-app-rgtside width:38% select#AppointmentContactMeBy { border: 1px solid silver; padding: 3px 5px; background: #fff; position: relative; left: 5px; border-radius: 5px; } #Main #CatalogCalculatorForm #instantquote .serv-app-rgtside select#AppointmentLocation { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65%; } #Main #CatalogCalculatorForm #instantquote .serv-app-rgtside select#AppointmentTime, #Main #CatalogCalculatorForm #instantquote .serv-app-rgtside select#AppointmentAltTime { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65% !important; } #Main #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #Main #svs_fullwidth .inner ul.services-list.service-type-horizontal.ystone-services-li li { width: 25%; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { text-align: center; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { padding: 15px 0; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:nth-child(-n + 4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { background: url(../shared_img/service-bar-fw.png) no-repeat center right; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:last-child, #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(4), #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(8) { background: none !important; } #Main #svs_fullwidth .inner #service_list_fw span { border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw span i.fa { font-family: FontAwesome; } #Main #svs_fullwidth .inner .view-all-fw { font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw li img { padding-bottom: 10px; width: 125px; height: 125px; } #Main #MainBottom #yellowStone-review #date { margin-top: 65px; font-size: 18px; } #Main #MainBottom #yellowStone-review #quote { margin-top: 40px; padding: 0 25px; } #Main #MainBottom #yellowStone-review #quote img { width: 25px; } #Main #MainBottom #yellowStone-review #quote div { font-size: 25px; } #Main #MainBottom #yellowStone-review #reviewer { font-size: 25px; margin-top: 40px; } #Main #MainBottom #yellowStone-review #moreBtn { margin-top: 40px; } #Main #peoplePage { margin-top: 25px; } #Main #resp_mobile_category .service-title { width: 100% !important; padding-top: 35px; } #Main #resp_mobile_category .service-title .thumb img { width: 150px !important; max-width: 150px !important; } #Main #resp_mobile_category .service-title .thumb h2 { font-size: 26px !important; } #Main #resp_category #services-left { width: 60%; float: left; } #Main #resp_category #services-left a.back-btn { margin-bottom: 30px; } #Main #resp_category #services-left .service-title { width: 100%; } #Main #resp_category #services-right { width: 39%; } #Main #AppointmentScheduleForm .serv-app-lftside { width: 100%; } #Main #AppointmentScheduleForm #service-scheduling { width: 100%; } #Main #reviews_container { flex-direction: column; } #responsive_financing { margin-top: 20px; } #jobApplyForm { display: flex; justify-content: center; } #jobApplyForm .input { display: flex; flex-direction: column; } #jobApplyForm .input label { width: 330px; float: none; display: flex; clear: none; text-align: center; padding: 0px; } #jobApplyForm .input input { margin: 5px 0 5px 0; padding: 0px; } #jobApplyForm .input select { width: 330px; margin: 5px 0 5px 0; } #jobApplyForm .input textarea { width: 330px; } #jobApplyForm #applyAttachResume { display: flex; flex-direction: column; } #jobApplyForm #applyAttachResume label { float: none; text-align: left; padding: 0px; margin: 10px 0 0 5px; } #jobApplyForm #applyAttachResume input { margin: 5px 0 10px 0; } #jobApplyForm .submit input { width: 330px; } #cartResults { width: 100%; } #cartResults form#my-cart-checkout-form { width: 100%; } #cartResults form#my-cart-checkout-form #order_container { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details h1 { font-size: larger; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information h5 { font-size: medium; margin-bottom: 10px; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .payment_details { width: 100%; padding: 0 !important; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details { width: 100%; border-right: none !important; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li { width: 100% !important; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li input { width: 100% !important; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details { width: 100%; float: left; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details ul li input { width: 100% !important; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order p { width: 100%; } #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order .place_btn { float: left; } #BottomHome .custom-content { width: 100% !important; max-width: none !important; padding: 0px 50px; } #BottomHome .custom-content div { width: 100% !important; } #BottomHome .services-list { display: flex; justify-content: space-between; } #BottomHome .services-list li { width: 15%; height: 100px !important; display: flex; justify-content: center; align-items: center; } #BottomHome .custom-content-wrap { background-size: cover !important; min-height: inherit; } #BottomHome .custom-content-wrap .custom-content { margin-top: 40px; margin-bottom: 40px; max-width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group { display: flex; align-items: center; } #BottomHome .custom-content-wrap .custom-content .section.group img { height: auto !important; width: 100%; } #BottomHome .custom-content-wrap .custom-content .section.group img.tp_logo_hub { margin-top: 0; } #BottomHome .custom-content-wrap .custom-content div { width: 100% !important; padding: 0 10px; } #FooterDefault .nap-box { overflow: hidden; height: auto !important; } #FooterDefault .nap-box .marquee { height: 185px !important; } #FooterDefault .nap-box .marquee .mchild.nap { display: inherit !important; } #FooterDefault #left_footer, #FooterDefault #center_footer, #FooterDefault #right_footer, #FooterDefault #footer-findUs { width: 100% !important; height: auto; text-align: center; } #FooterDefault #left_footer a, #FooterDefault #center_footer a, #FooterDefault #right_footer a, #FooterDefault #footer-findUs a { font-size: 16px !important; } #FooterDefault #footer-findUs { margin-bottom: 30px; } #promoElipsis { display: none; } .finderareaint { height: 245px; } #PromotionsDetailPagePrintImage img { max-width: 100%; } .cta-btn { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; color: white !important; border: 1px solid #cf010e; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; border: none !important; } .cta-btn a { color: inherit; font-size: 16px; text-transform: uppercase; } } @media (max-width: 823px) and (min-width: 550px) and (orientation: landscape) { header#Header { height: 100px !important; box-shadow: 0 5px 10px rgba(0,0,0,0.2); } header#Header #yellowstoneRespMobile-header { display: flex !important; justify-content: space-between; height: 100%; padding: 10px; } header#Header #yellowstoneRespMobile-header .site-logo-resp { max-width: 50%; height: 100%; display: flex; align-items: center; } header#Header #yellowstoneRespMobile-header .site-logo-resp img#yellowstoneRespMobile-headerLogo { max-height: 80px; padding: 0px; max-width: 100%; width: auto; } header#Header #yellowstoneRespMobile-header a#menu_trigger { float: right; padding: 15px; display: flex; align-items: center; height: 100%; } header#Header #yellowstoneRespMobile-header a#menu_trigger i { font-size: 20px; } header#Header div#yellowstoneRespMobile-submenu { width: 100%; } .defaultPage .page-wrap.responsive { top: 100px !important; } .defaultPage .page-wrap.responsive #service_tabs { display: none; } h2 { margin: 25px; } p#phoneNumber, a.contact-resp-mobile { font-size: 20px; } a.contact-resp-mobile { text-transform: uppercase; } .store-hours-mobile, .open-closed, #storeAddress { font-size: 1.1em !important; } .inner.mobile-locations img { width: 50% !important; height: auto !important; } #Footer { top: 100px !important; } #msr_overlay { display: none !important; } #promoElipsis { display: none; } #defaultPage-ctaToolbar-wrap { display: none; } .contact-toolbar-resp { height: 75px; width: 100%; position: fixed; bottom: 0; z-index: 110; } .contact-toolbar-resp a { color: #fff !important; font-size: 16px; font-weight: 700; } .contact-toolbar-resp i { font-size: 22px !important; } .cta-mobile-call-wrap { width: 35%; height: 100%; float: left; text-align: center; line-height: 75px; white-space: nowrap; background: #22bb41; } .cta-mobile-link-wrap { width: 65%; height: 100%; float: left; line-height: 75px; white-space: nowrap; text-align: center; background: #363636; } i.fa.fa-car { margin-right: 10px; } i.fa.fa-mobile { font-size: 24px !important; } .contact-toolbar-resp.noShow { display: block !important; } #HeaderDefault { display: none !important; } #yellowstoneRespMobile-header { display: block !important; } .finderareaint { height: 245px; } #HomeCta #fixed-cta-toolbar-wrap { position: inherit; } #catalog-tabs .compare-box { display: none; } #catalog-tabs .compare_content .action-right { display: none; } ul.resp-mobile-menu { width: 95%; right: 0; margin: 25px 10px; box-shadow: 0 0 15px 0 #000; position: absolute; top: 85px; z-index: 10; padding: 0; } ul.resp-mobile-menu li { border: 1px solid #ccc; font-weight: bold; padding: 10px; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile { border: none; } ul.resp-mobile-menu ul.sub-nav-mobile li.resp-sub-mobile a { border-bottom: 1px solid #ccc; padding-bottom: 1px; } #PromotionsDetailPagePrintImage img { max-width: 100%; } div#ui-datepicker-div { position: fixed; margin-left: 0px !important; margin-top: 0px !important; } span.resp-req { left: 46.5%; } .installer-map { display: none !important; } #resp_mobile_locale_wrap { display: block !important; } .cta-btn { background: #cf010e; background: -moz-linear-gradient(top,#cf010e 0%,#830109 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cf010e),color-stop(100%,#830109)); background: -webkit-linear-gradient(top,#cf010e 0%,#830109 100%); background: -o-linear-gradient(top,#cf010e 0%,#830109 100%); background: -ms-linear-gradient(top,#cf010e 0%,#830109 100%); background: linear-gradient(to bottom,#cf010e 0%,#830109 100%); -pie-background: linear-gradient(#cf010e 0%,#830109 100%); behavior: url(../shared_css/css3pie/PIE.htc); position: relative; color: white !important; border: 1px solid #cf010e; box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5) inset; border: none !important; } .cta-btn a { color: inherit; font-size: 16px; text-transform: uppercase; } .mapH1 { text-align: center; } .store-finder-desktop { display: none; } .store-finder-phone { display: block !important; } .serv-app-rgtside select#AppointmentContactMeBy { border: 1px solid silver; padding: 3px 5px; background: #fff; position: relative; left: 5px; border-radius: 5px; } .serv-app-rgtside select#AppointmentLocation { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65%; } .serv-app-rgtside select#AppointmentTime, .serv-app-rgtside select#AppointmentAltTime { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65% !important; } } @media (max-width: 1199px) and (min-width: 992px) { #TopHome { display: flex; justify-content: center; } #TopHome > .row { max-width: 1200px; width: 100%; justify-content: space-around !important; } #TopHome > .row > div { width: 50% !important; float: none !important; display: flex; justify-content: center; } header#Header .nap { font: 300 14px 'Hind Vadodara'; line-height: 1; } header#Header .nap span.highlight { font: 600 16px 'Hind Vadodara'; } header#Header .content-slogan { font: 400 18px 'Roboto Condensed', sans-serif; padding-top: 15px; } #MenuMainWrap .box-container { height: 100%; } #MenuMainWrap .box-container .menu-box { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main { height: 100%; display: flex; align-items: center !important; justify-content: center; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main .menu { display: flex !important; justify-content: space-around; width: 100%; align-items: center; } img#yellowstoneRespMobile-headerLogo { width: 25%; padding: 15px; position: relative; top: 15px; } a#menu_trigger { float: right; padding: 15px; } a#menu_trigger i { font-size: 20px; } #HomeCta #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; transform: translate3d(0,0,0); } #HomeCta #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; max-width: 1375px; width: 100%; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #HomeCta #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; width: 100%; height: 76px; display: flex; justify-content: center; align-items: center; transform: translate3d(0,0,0); } #HomeCta #fixed-cta-toolbar { width: 100%; z-index: 20 !important; display: flex; justify-content: space-around; height: 76px; align-items: center; max-width: 1375px; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #defaultPage-cta-toolbar #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; max-width: 1375px; width: 100%; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #Main { margin-bottom: 25px; } #Main .content-Home ol { list-style-type: none; } #Main .content-Home ol li { margin-bottom: 10px; } #Main h2.resp-service-header { margin-top: 50px; text-align: center; text-transform: uppercase; } #Main h2 { margin: 25px; } #Main p#phoneNumber, #Main a.contact-resp-mobile { font-size: 20px; } #Main a.contact-resp-mobile { text-transform: uppercase; } #Main .store-hours-mobile, #Main .open-closed, #Main #storeAddress { font-size: 1.1em !important; } #Main .inner.mobile-locations img { width: 75% !important; height: auto !important; } #Main .resp-cta-wrap { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 15px; text-align: center; } #Main .resp-cta-wrap .resp-cta-link { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul { margin: 3em 0; } #Main .resp-service-ul .resp-service-li { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 5px; padding: 0 10px; } #Main .resp-service-ul .resp-service-li a.resp-service-btn { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul .resp-service-li .resp-service-btn:after { content: "\f054"; font-family: FontAwesome; right: 65px; position: absolute; } #Main #installerApp { display: block; overflow: auto; margin-top: 25px; } #Main #installerApp h6 { font-size: 2em; margin-bottom: 15px; } #Main #installerApp span.small { font-size: 1.2em; } #Main #installerApp form { display: flex; flex-wrap: wrap; justify-content: space-between; } #Main #installerApp form > div { width: 30%; } #Main #installerApp form > div .input { margin-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #Main #installerApp form .blueBox input { margin-top: 10px; } #Main #installerApp form .blueBox #FlatFee { width: 100%; } #Main #installerApp form .blueBox #FlatFee .input { flex-direction: row; } #Main #installerApp form .blueBox #FlatFee .input input { margin: 0 0 0 5px; } #Main #installerApp form .span-20 { width: 100%; } #Main #installerApp form .span-20 .submit input { cursor: pointer; } #Main #cartResults { width: 100%; } #Main #cartResults form#my-cart-checkout-form { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container .shipping_speed .details h1 { font-size: larger; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information h5 { font-size: medium; margin-bottom: 10px; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .payment_details { width: 100%; padding: 0 !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details { width: 100%; border-right: none !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .left_details li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details { width: 100%; float: left; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .right_details ul li input { width: 100% !important; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order p { width: 100%; } #Main #cartResults form#my-cart-checkout-form #order_container .left_container #payment_information .order .place_btn { float: left; } #Main .span-8.responsive { width: 100% !important; } #Main #lineList .prodTile { width: 47%; } #Main #installerMap .searchLocationsBar { display: flex; align-items: center; } #Main #installerMap .searchLocationsBar label { margin: 0 5px 0 0; } #Main #installerMap .searchLocationsBar input { width: 20% !important; } #Main #installerMap .searchLocationsBar select { width: 20% !important; margin: 0 60px 0 0; } #Main #installerMap .locationsBoxMaster { display: flex; height: 550px; } #Main #installerMap .locationsBoxMaster #map { width: 70%; height: 100%; } #Main #installerMap .locationsBoxMaster #sidebar { width: 35%; height: 100%; margin: 0 0 0 5px; overflow-x: hidden; } #Main .searchLocationsBar { display: flex; align-items: center; } #Main .searchLocationsBar label { margin: 0 5px 0 0; } #Main .locationsGrid .installerListTable { width: 100%; } #Main .locationsGrid .installerListTable > tbody { display: flex; flex-direction: row; } #Main .locationsGrid .installerListTable > tbody > tr { display: flex; flex-direction: column; width: 50%; } #Main td.installerData { border-bottom: none; } #Main #MyInstallerView { margin-top: 30px; } #Main #MyInstallersLeft #mapMenu { width: 100%; display: flex; justify-content: center; align-items: center; } #Main #MyInstallersLeft #mapMenu li a { width: 100%; } #Main #MyInstallersLeft .servicesCont .inner { padding: 0px; } #Main #MyInstallersLeft .servicesCont .inner p img { width: 100% !important; height: 100% !important; } #Main #MyInstallersRight .ContactUsForm label { text-align: left; } #Main #MyInstallersRight .ContactUsForm input { width: 100%; } #Main #MyInstallersRight .ContactUsForm textarea { width: 100%; } #Main #service_tabs { margin-top: 25px; } #Main #manList { display: flex; flex-wrap: wrap; width: 100%; height: 100%; } #Main #manList h1 { width: 100%; } #Main #manList a { width: 25%; padding: 5px; } #Main #manList .manTile { width: 100%; margin: 0 !important; height: 100%; } #Main #manList .manTile .imgHolder { height: 75px; display: flex; justify-content: center; align-items: center; } #Main #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #Main #svs_fullwidth .inner ul.services-list.service-type-horizontal.ystone-services-li li { width: 25%; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { text-align: center; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { padding: 15px 0; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:nth-child(-n + 4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { background: url(../shared_img/service-bar-fw.png) no-repeat center right; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:last-child, #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(4), #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(8) { background: none !important; } #Main #svs_fullwidth .inner #service_list_fw span { border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw span i.fa { font-family: FontAwesome; } #Main #svs_fullwidth .inner .view-all-fw { font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw li img { padding-bottom: 10px; width: 165px; height: 165px; } #Main #peoplePage { margin-top: 25px; } #Main #resp_mobile_category .service-title { width: 100% !important; padding-top: 35px; } #Main #resp_mobile_category .service-title .thumb img { width: 150px !important; max-width: 150px !important; } #Main #resp_mobile_category .service-title .thumb h2 { font-size: 26px !important; } #Main #resp_category #services-left a.back-btn { margin-bottom: 30px; } #Main #resp_category #services-left .service-title { width: 100%; } #Main #reviews_container { flex-direction: column; } #jobApplyForm { display: flex; justify-content: center; } #jobApplyForm .input { display: flex; flex-direction: column; } #jobApplyForm .input label { width: 100%; float: none; display: flex; clear: none; text-align: center; padding: 0px; } #jobApplyForm .input input { margin: 5px 0 5px 0; padding: 0px; } #jobApplyForm .input select { width: 330px; margin: 5px 0 5px 0; } #jobApplyForm #applyAttachResume { display: flex; flex-direction: column; } #jobApplyForm #applyAttachResume label { width: 100%; float: none; text-align: left; padding: 0px; margin: 10px 0 0 5px; } #jobApplyForm #applyAttachResume input { margin: 5px 0 10px 0; } #jobApplyForm .submit input { width: 330px; } #BottomHome .services-list { display: flex; justify-content: space-between; } #BottomHome .services-list li { height: 100px !important; font-size: small; display: flex; justify-content: center; align-items: center; } #FooterDefault { font-size: 16px !important; } #FooterDefault .nap-box { overflow: hidden; height: auto !important; } #FooterDefault .nap-box .marquee { height: 185px !important; } #FooterDefault .nap-box .marquee .mchild.nap { display: inherit !important; } #FooterDefault #left_footer a, #FooterDefault #center_footer a, #FooterDefault #right_footer a, #FooterDefault #footer-findUs a { font-size: 16px !important; } #FooterDefault #footer-findUs { margin-bottom: 30px; } #promoElipsis { display: none; } .finderareaint { height: 245px; } #PromotionsDetailPagePrintImage img { max-width: 100%; } .serv-app-rgtside .req { color: red; position: absolute; left: 6px; font-weight: bold; } .serv-app-rgtside select#AppointmentContactMeBy { border: 1px solid silver; padding: 3px 5px; background: #fff; position: relative; left: 5px; border-radius: 5px; } .serv-app-rgtside select#AppointmentLocation { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65%; } .serv-app-rgtside select#AppointmentTime, .serv-app-rgtside select#AppointmentAltTime { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65% !important; } .serv-app-rgtside #serv-scheduler .box { padding: 0; } .serv-app-rgtside #serv-scheduler .inner { padding: 0; width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit { width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit { width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit input { width: 100% !important; margin-left: 0px !important; } } @media (min-width: 1200px) { #TopHome { display: flex; justify-content: center; } #TopHome > .row { width: 100%; justify-content: space-around !important; } #TopHome > .row > div { width: 50% !important; float: none !important; display: flex; justify-content: center; } #MenuMainWrap .box-container { height: 100%; } #MenuMainWrap .box-container .menu-box { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner { height: 100%; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main { height: 100%; display: flex; align-items: center !important; justify-content: center; } #MenuMainWrap .box-container .menu-box .menu-inner .menu-main .menu { display: flex !important; justify-content: space-around; width: 100%; align-items: center; } img#yellowstoneRespMobile-headerLogo { width: 19%; padding: 15px; position: relative; top: 15px; left: 15px; } a#menu_trigger { float: right; padding: 15px; } a#menu_trigger i { font-size: 20px; } .resp-mobile-menu { padding: 5px; } .resp-mobile-menu li { font-size: 20px; padding: 0px 15px; } #HomeCta #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; transform: translate3d(0,0,0); } #HomeCta #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; max-width: 1375px; width: 100%; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #HomeCta #fixed-cta-toolbar-wrap { position: fixed; top: 165px; z-index: 20 !important; width: 100%; height: 76px; display: flex; justify-content: center; align-items: center; transform: translate3d(0,0,0); } #HomeCta #fixed-cta-toolbar { width: 100%; z-index: 20 !important; display: flex; justify-content: space-around; height: 76px; align-items: center; max-width: 1375px; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #HomeCta #fixed-cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #defaultPage-cta-toolbar #cta-toolbar-wrap { width: 100%; height: 76px; display: flex; justify-content: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar { display: flex; justify-content: space-around; flex-direction: row; height: 76px; align-items: center; max-width: 1375px; width: 100%; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a { font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; display: flex; align-items: center; } #defaultPage-cta-toolbar #cta-toolbar-wrap #cta-toolbar .cta-toolbar-item a span { margin: 0 29px 0 29px; font-size: 18px; font-family: 'Droid Sans', sans-serif; font-weight: 700; } #Main .content-Home ol { list-style-type: none; } #Main .content-Home ol li { margin-bottom: 10px; } #Main h2.resp-service-header { margin-top: 50px; text-align: center; text-transform: uppercase; } #Main .resp-cta-wrap { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 15px; text-align: center; } #Main .resp-cta-wrap .resp-cta-link { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul { margin: 3em 0; } #Main .resp-service-ul .resp-service-li { box-shadow: 0 1px 3px rgba(0,0,0,0.2); height: 40px; width: 100%; background: linear-gradient(#ffffff,#f1f1f1); border: 1px solid #cccccc; margin-bottom: 5px; padding: 0 10px; } #Main .resp-service-ul .resp-service-li a.resp-service-btn { font-size: 16px; font-weight: bold; line-height: 40px; white-space: nowrap; text-transform: uppercase; } #Main .resp-service-ul .resp-service-li .resp-service-btn:after { content: "\f054"; font-family: FontAwesome; right: 45px; position: absolute; } #Main #installerApp { display: flex; margin-top: 25px; flex-direction: column; } #Main #installerApp h6 { font-size: 2.25em; margin-bottom: 15px; } #Main #installerApp form { display: flex; flex-wrap: wrap; justify-content: space-between; } #Main #installerApp form > div { width: 30%; } #Main #installerApp form > div .input { margin-bottom: 10px; width: 100%; display: flex; flex-direction: column; } #Main #installerApp form .blueBox input { margin-top: 10px; } #Main #installerApp form .blueBox #FlatFee { width: 100%; } #Main #installerApp form .blueBox #FlatFee .input { flex-direction: row; } #Main #installerApp form .blueBox #FlatFee .input input { margin: 0 0 0 5px; } #Main #installerApp form .span-20 { width: 100%; } #Main #installerApp form .span-20 .submit input { cursor: pointer; } #Main #installerMap .searchLocationsBar { display: flex; align-items: center; } #Main #installerMap .searchLocationsBar label { margin: 0 5px 0 0; } #Main #installerMap .searchLocationsBar input { width: 20% !important; } #Main #installerMap .searchLocationsBar select { width: 20% !important; margin: 0 60px 0 0; } #Main #installerMap .locationsBoxMaster { display: flex; height: 550px; } #Main #installerMap .locationsBoxMaster #map { width: 80%; height: 100%; } #Main #installerMap .locationsBoxMaster #sidebar { width: 25%; height: 100%; margin: 0 0 0 5px; overflow-x: hidden; } #Main .searchLocationsBar { display: flex; align-items: center; } #Main .searchLocationsBar label { margin: 0 5px 0 0; } #Main td.installerData { border-bottom: none; } #Main form#AppointmentIndexForm .apCol input[type="text"] { width: 65%; } #Main form#AppointmentIndexForm .apCol .chex-box { width: 75%; } #Main form#AppointmentIndexForm .apCol #serviceText { width: 75%; } #Main form#AppointmentIndexForm .apColLast { margin-bottom: 25px; } #Main form#AppointmentIndexForm .apColLast input[type="text"] { width: 50%; } #Main #MyInstallerView { margin-top: 30px; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm label { text-align: left; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm input { width: 100%; } #Main #MyInstallerView #MyInstallersRight .ContactUsForm textarea { width: 100%; } #Main #service_tabs { margin-top: 25px; } #Main #svs_fullwidth .inner ul#service_list_fw { display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; align-items: center; } #Main #svs_fullwidth .inner ul.services-list.service-type-horizontal.ystone-services-li li { width: 25%; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { text-align: center; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { padding: 15px 0; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:nth-child(-n + 4) { border-bottom: 1px solid rgba(93,93,93,0.22); padding-bottom: 15px; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li { background: url(../shared_img/service-bar-fw.png) no-repeat center right; } #Main #svs_fullwidth .inner #service_list_fw.ystone-services-li li:last-child, #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(4), #Main #svs_fullwidth .inner .ystone-services-li li:nth-child(8) { background: none !important; } #Main #svs_fullwidth .inner #service_list_fw span { padding: 5px 30px; border-radius: 4px; font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw span i.fa { font-family: FontAwesome; } #Main #svs_fullwidth .inner .view-all-fw { font: 600 14px 'Hind Vadodara'; text-transform: uppercase; } #Main #svs_fullwidth .inner #service_list_fw li img { padding-bottom: 10px; width: 165px; height: 165px; } #Main #peoplePage { margin-top: 25px; } #Main #resp_mobile_category .service-title { width: 100% !important; padding-top: 35px; } #Main #resp_mobile_category .service-title .thumb img { width: 150px !important; max-width: 150px !important; } #Main #resp_mobile_category .service-title .thumb h2 { font-size: 26px !important; } #Main #resp_category #services-left a.back-btn { margin-bottom: 30px; } #Main #resp_category #services-left .service-title { width: 100%; } #jobApplyForm { display: flex; justify-content: center; } #jobApplyForm .input { display: flex; flex-direction: column; } #jobApplyForm .input label { width: 330px; float: none; display: flex; clear: none; text-align: center; padding: 0px; } #jobApplyForm .input input { margin: 5px 0 5px 0; padding: 0px; } #jobApplyForm .input select { width: 330px; margin: 5px 0 5px 0; } #jobApplyForm .input textarea { width: 330px; } #jobApplyForm #applyAttachResume { display: flex; flex-direction: column; } #jobApplyForm #applyAttachResume label { float: none; text-align: left; padding: 0px; margin: 10px 0 0 5px; } #jobApplyForm #applyAttachResume input { margin: 5px 0 10px 0; } #jobApplyForm .submit input { width: 330px; } #BottomHome .services-list { display: flex; justify-content: space-between; } #BottomHome .services-list li { height: 150px !important; font-size: medium; display: flex; justify-content: center; align-items: center; } #FooterDefault { font-size: 16px !important; } #FooterDefault .nap-box { overflow: hidden; height: auto !important; } #FooterDefault .nap-box .marquee { height: 185px !important; } #FooterDefault .nap-box .marquee .mchild.nap { display: inherit !important; } #FooterDefault #left_footer a, #FooterDefault #center_footer a, #FooterDefault #right_footer a, #FooterDefault #footer-findUs a { font-size: 16px !important; } #FooterDefault #footer-findUs { margin-bottom: 30px; } .resp-delete { margin-top: 7px; } .resp-delete a i#responsive-remove { margin: 1px 3px; } #promoElipsis { display: none; } } #PromotionsDetailPagePrintImage img { max-width: 100%; } .serv-app-rgtside .req { color: red; position: absolute; left: 6px; font-weight: bold; } .serv-app-rgtside select#AppointmentContactMeBy { border: 1px solid silver; padding: 3px 5px; background: #fff; position: relative; left: 5px; border-radius: 5px; } .serv-app-rgtside select#AppointmentLocation { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65%; } .serv-app-rgtside select#AppointmentTime, .serv-app-rgtside select#AppointmentAltTime { border: 1px solid silver; background: #fff; border-radius: 5px; width: 65% !important; } .serv-app-rgtside #serv-scheduler .box { padding: 0; } .serv-app-rgtside #serv-scheduler .inner { padding: 0; width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit { width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit { width: 100%; } .serv-app-rgtside #serv-scheduler .inner .sSubmit .submit input { width: 100%; margin-left: 0px; } body.grid-debug .row { background: url('shared_img/10px-grid.html') left top repeat; } body.grid-debug #HomeLeft .col { background: tomato; } body.grid-debug #HomeCenter .col { background: teal; } body.grid-debug #HomeRight .col { background: lime; } #BottomHome, #BottomDefault { overflow: hidden; } .row > .nopad { padding: 0; } .align-left { text-align: left; } .align-right { text-align: right; } .align-center { text-align: center; } .break-word { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .float-left { float: left; display: inline; } .float-right { float: right; display: inline; } .clear-right { clear: right; } .clear-left { clear: left; } .uppercase { text-transform: uppercase; } .no-space { margin: 0; padding: 0; } .no-margin { margin: 0; } .no-padding { padding: 0; } .pad-1, .pad, .pad-1-in > div { padding: 10px; } .pad-vert-1, .pad-vert, .pad-vert-1-in > div { padding-top: 10px; padding-bottom: 10px; } .pad-horiz-1, .pad-horiz, .pad-horiz-1-in > div { padding: 0 10px; } .pad-top-1, .pad-top, .pad-top-1-in > div { padding-top: 10px; } .pad-right-1, .pad-right, .pad-right-1-in > div { padding-right: 10px; } .pad-btm-1, .pad-btm, .pad-btm-1-in > div { padding-bottom: 10px; } .pad-left-1, .pad-left, .pad-left-1-in > div { padding-left: 10px; } .pad-2, .pad-2-in > div { padding: 20px; } .pad-vert-2, .pad-vert-2-in > div { padding: 20px 0; } .pad-horiz-2, .pad-horiz-2-in > div { padding: 0 20px; } .pad-top-2, .pad-top-2-in > div { padding-top: 20px; } .pad-right-2, .pad-right-2-in > div { padding-right: 20px; } .pad-btm-2, .pad-btm-2-in > div { padding-bottom: 20px; } .pad-left-2, .pad-left-2-in > div { padding-left: 20px; } .pad-3, .pad-3-in > div { padding: 30px; } .pad-vert-3, .pad-vert-3-in > div { padding: 30px 0; } .pad-horiz-3, .pad-horiz-3-in > div { padding: 0 30px; } .pad-top-3, .pad-top-3-in > div { padding-top: 30px; } .pad-right-3, .pad-right-3-in > div { padding-right: 30px; } .pad-btm-3, .pad-btm-3-in > div { padding-bottom: 30px; } .pad-left-3, .pad-left-3-in > div { padding-left: 30px; } .margin-1, .margin-1-in > div { margin: 10px; } .margin-vert-1, .margin-vert-1-in > div { margin-top: 10px; margin-bottom: 10px; } .margin-horiz-1, .margin-horiz-1-in > div { margin-right: 10px; margin-left: 10px; } .margin-top-1, .margin-top-1-in > div { margin-top: 10px; } .margin-right-1, .margin-right-1-in > div { margin-right: 10px; } .margin-btm-1, .margin-btm-1-in > div { margin-bottom: 10px; } .margin-left-1, .margin-left-1-in > div { margin-left: 10px; } .margin-2, .margin-2-in > div { margin: 20px; } .margin-vert-2, .margin-vert-2-in > div { margin-top: 20px; margin-bottom: 20px; } .margin-horiz-2, .margin-horiz-2-in > div { margin-right: 20px; margin-left: 20px; } .margin-top-2, .margin-top-2-in > div { margin-top: 20px; } .margin-right-2, .margin-right-2-in > div { margin-right: 20px; } .margin-btm-2, .margin-btm-2-in > div { margin-bottom: 20px; } .margin-left-2, .margin-left-2-in > div { margin-left: 20px; } .margin-3, .margin-3-in > div { margin: 30px; } .margin-vert-3, .margin-vert-3-in > div { margin-top: 30px; margin-bottom: 30px; } .margin-horiz-3, .margin-horiz-3-in > div { margin-right: 30px; margin-left: 30px; } .margin-top-3, .margin-top-3-in > div { margin-top: 30px; } .margin-right-3, .margin-right-3-in > div { margin-right: 30px; } .margin-btm-3, .margin-btm-3-in > div { margin-bottom: 30px; } .margin-left-3, .margin-left-3-in > div { margin-left: 30px; } .trans-1 { -webkit-transition: .1s all linear; -moz-transition: .1s all linear; -o-transition: .1s all linear; -ms-transition: .1s all linear; transition: .1s all linear; } .trans-2 { -webkit-transition: .2s all linear; -moz-transition: .2s all linear; -o-transition: .2s all linear; -ms-transition: .2s all linear; transition: .2s all linear; } .trans-3 { -webkit-transition: .3s all linear; -moz-transition: .3s all linear; -o-transition: .3s all linear; -ms-transition: .3s all linear; transition: .3s all linear; } .trans-4 { -webkit-transition: .4s all linear; -moz-transition: .4s all linear; -o-transition: .4s all linear; -ms-transition: .4s all linear; transition: .4s all linear; } .trans-5 { -webkit-transition: .5s all linear; -moz-transition: .5s all linear; -o-transition: .5s all linear; -ms-transition: .5s all linear; transition: .5s all linear; } div.inline, div.inline-item { display: inline-block; } #MenuMain, #MenuMainWrap { position: relative; clear: both; } #MenuMainWrap { position: relative; z-index: 1000; } #MenuMainWrap .menu-box, #MenuMainWrap .menu-box .menu-inner { position: relative; z-index: 1000; } .wrap-brain-nav { position: relative; z-index: 11; } .menu-main { position: relative; z-index: 11; position: relative; display: inline-block; } .menu-main .mobile-que { display: none; } .menu-main ul.mobile-menu-show { display: block !important; } .menu-main ul.dropdown, .menu-main ul.dropdown li, .menu-main ul.dropdown ul { list-style: none; margin: 0; padding: 0; } .menu-main ul.dropdown { position: relative; z-index: 9; float: left; } .menu-main ul.dropdown > li { position: relative; float: left; vertical-align: middle; zoom: 1; line-height: normal; border-top: _; border-right: _; border-bottom: _; border-left: _; border-radius: _; -webkit-border-radius: _; -moz-border-radius: _; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); margin-right: _; } .menu-main ul.dropdown > li a:link, .menu-main ul.dropdown > li a:visited, .menu-main ul.dropdown > li a { background: #FFFFFF; color: #000000; padding: 9px 7px; font: 400 16px 'Montserrat'; text-shadow: _; box-shadow: _; -webkit-box-shadow: _; -moz-box-shadow: _; border-radius: _; -webkit-border-radius: _; -moz-border-radius: _; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: inline-block; } .menu-main ul.dropdown > li:first-child { border-left: 0; } .menu-main ul.dropdown > li:last-child { border-right: 0; } .menu-main ul.dropdown .nav-icon { width: inherit; display: block; margin: 0 auto; } .menu-main ul.dropdown > li > a { text-align: center; } .menu-main ul.dropdown > li a:hover, .menu-main ul.dropdown li:hover > a.dir { background: #FFFFFF; color: #000000; -webkit-transition: _; -moz-transition: _; -o-transition: _; -ms-transition: _; transition: _; } .menu-main ul.dropdown li.hover, .menu-main ul.dropdown li:hover { z-index: 599; cursor: default; background-color: transparent; } .menu-main ul.dropdown li:hover > ul { visibility: visible; } .menu-main ul.dropdown li.dir { padding: 7px 20px 7px 14px; } .menu-main ul.dropdown a.open { background-color: #2e2e2e; color: #76b900; } .menu-main ul.dropdown ul { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: _; -webkit-border-radius: _; -moz-border-radius: _; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 143px; text-transform: none; background-color: #666; } .menu-main ul.dropdown ul a:link, .menu-main ul.dropdown ul a:visited { background: #005CBF; color: #FFFFFF; padding: _ _; text-shadow: _; border-top: _; border-right: _; border-bottom: _; border-left: _; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); display: block; } .menu-main ul.dropdown ul li:first-child, .menu-main ul.dropdown ul li:first-child a { -webkit-border-top-left-radius: _; -webkit-border-top-right-radius: _; -moz-border-radius-topleft: _; -moz-border-radius-topright: _; border-top-left-radius: _; border-top-right-radius: _; } .menu-main ul.dropdown ul li:last-child, .menu-main ul.dropdown ul li:last-child a { -webkit-border-bottom-right-radius: _; -webkit-border-bottom-left-radius: _; -moz-border-radius-bottomright: _; -moz-border-radius-bottomleft: _; border-bottom-right-radius: _; border-bottom-left-radius: _; } .menu-main ul.dropdown ul a:hover { background: #FFFFFF; color: #000000; -webkit-transition: _; -moz-transition: _; -o-transition: _; -ms-transition: _; transition: _; } .menu-main ul.dropdown ul a { display: block; } .menu-main ul.dropdown ul li { float: none; padding: 0; border: 0; background-color: transparent; color: #000; filter: none; } .menu-main ul.dropdown ul ul { top: 1px; left: 99%; } .menu-main ul.dropdown ul li.dir { padding-right: 15px; } .menu-main ul.dropdown ul a.open { background-color: #76b900; color: #fff; } .menu-main ul.dropdown ul li:hover > a.dir { background-color: #005CBF; color: #fff; } .menu-main #nav-tires { text-decoration: none; width: 29%; padding: 10px 0 0 10px; font-size: 36px; } .menu-main #nav-tires span { position: relative; top: -11px; } .menu-main #nav-tires img { width: 20%; } .menu-main #nav-tires:hover { background: #FFFFFF; color: #000000; -webkit-transition: _; -moz-transition: _; -o-transition: _; -ms-transition: _; transition: _; } .menu-main .nav-tires-active { background: #005CBF; } .menu-main #nav-tires.nav-tires-active:hover { background: #0050a6; } .nav-item { background: #FFFFFF; color: #000000; font: 400 16px 'Montserrat'; text-shadow: _; box-shadow: _; -webkit-box-shadow: _; -moz-box-shadow: _; display: inline-block; padding: 9px 7px; } a.pdf { background: url('../shared_img/pdf.png') left no-repeat; padding: .2em 0 0 30px; height: 32px; display: inline-block; } .table-data { width: 100%; margin-bottom: 20px; } .table-data th, .table-data td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table-data th { font-weight: bold; } .table-data thead th { vertical-align: middle; border-bottom: 3px solid silver; font-weight: 900; } .table-data caption + thead tr:first-child th, .table-data caption + thead tr:first-child td, .table-data colgroup + thead tr:first-child th, .table-data colgroup + thead tr:first-child td, .table-data thead:first-child tr:first-child th, .table-data thead:first-child tr:first-child td { border-top: 0; } .table-data tbody + tbody { border-top: 2px solid #dddddd; } .table-data .table-data { background-color: #ffffff; } .table-data { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-data th, .table-data td { border-left: 1px solid #dddddd; } .table-data caption + thead tr:first-child th, .table-data caption + tbody tr:first-child th, .table-data caption + tbody tr:first-child td, .table-data colgroup + thead tr:first-child th, .table-data colgroup + tbody tr:first-child th, .table-data colgroup + tbody tr:first-child td, .table-data thead:first-child tr:first-child th, .table-data tbody:first-child tr:first-child th, .table-data tbody:first-child tr:first-child td { border-top: 0; } .table-data thead:first-child tr:first-child > th:first-child, .table-data tbody:first-child tr:first-child > td:first-child, .table-data tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-data thead:first-child tr:first-child > th:last-child, .table-data tbody:first-child tr:first-child > td:last-child, .table-data tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-data thead:last-child tr:last-child > th:first-child, .table-data tbody:last-child tr:last-child > td:first-child, .table-data tbody:last-child tr:last-child > th:first-child, .table-data tfoot:last-child tr:last-child > td:first-child, .table-data tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .table-data thead:last-child tr:last-child > th:last-child, .table-data tbody:last-child tr:last-child > td:last-child, .table-data tbody:last-child tr:last-child > th:last-child, .table-data tfoot:last-child tr:last-child > td:last-child, .table-data tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .table-data tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .table-data tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .table-data caption + thead tr:first-child th:first-child, .table-data caption + tbody tr:first-child td:first-child, .table-data colgroup + thead tr:first-child th:first-child, .table-data colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .table-data caption + thead tr:first-child th:last-child, .table-data caption + tbody tr:first-child td:last-child, .table-data colgroup + thead tr:first-child th:last-child, .table-data colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .table-data tbody > tr:nth-child(odd) > td, .table-data tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } header .nap { color: #000000; font: 300 16px 'Hind Vadodara'; text-shadow: 0 1px 0 rgba(255,255,255,0.3); text-align: left; } header .nap span.highlight { font: 600 18px 'Hind Vadodara'; } header .nap .sns-box { margin-top: 5px; } footer { z-index: 10; } footer .nap { color: #FFFFFF; font: 700 13.333333333333px 'Roboto Condensed', sans-serif; } footer .nap span.highlight { font: 700 19px 'Roboto Condensed', sans-serif; } footer .nap .sns-box { margin-top: 5px; } .sns-box-header a { margin: 0 2px; } .sns-box-header a img { width: auto; } .sns-box-header a:last-child { margin-right: 0; } .sns-box-footer a { margin: 0 2px; } .sns-box-footer a img { width: auto; } .sns-box-footer a:last-child { margin-right: 0; } .sns-box-main a { margin: 0 2px; } .sns-box-main a img { width: auto; } .sns-box-main a:last-child { margin-right: 0; } .sns-box-home a { margin: 0 2px; } .sns-box-home a img { width: auto; } .sns-box-home a:last-child { margin-right: 0; } .nap.list-float-right { float: right; display: inline; padding: 0 10px; border-left: 1px solid rgba(207,1,14,0.7); } .nap.list-float-left { float: left; display: inline; padding: 0 10px; border-left: 1px solid rgba(207,1,14,0.7); } .nap.list-float-left-full { float: left; display: inline; padding: 15px 0px 0px 15px; } .nap.list-dark-tile { float: left; display: inline; padding: 10px !important; width: 23%; background: rgba(0,0,0,0.5); border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); margin-bottom: 10px; color: white; } .nap.list { padding: 10px 0; } .catalog-search-box { display: _; float: right; position: relative; top: _; right: _; bottom: ; left: _; margin: 10px 10px 0 0; } .catalog-search-box form { position: relative; } .catalog-search-box fieldset { border: 0px; padding: 0px; margin: 0px; position: relative; } .catalog-search-box input[type="text"] { padding: 5px 30px 5px 5px; margin: 0; color: white; background: rgba(0,0,0,0.5); position: relative; font-size: 14px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .catalog-search-box input[type="button"] { cursor: pointer; background: url('../img/btn-search.html') top no-repeat; width: 16px; height: 16px; border: 0; position: absolute; right: 6px; top: 6px; } .catalog-search-box input[type="button"]:hover { background: url('../img/btn-search.html') bottom no-repeat; } .mybox { background: tomato; padding: 20px; } .mybox h1 { font: 700 30px 'Roboto Condensed', sans-serif; color: lime; } .mybox p { color: red; } .layout-req-quote { display: none; } .quote-link { cursor: pointer; } input[type="text"], textarea { border: 1px solid silver; } .form-full .input, .input-row-full .input { clear: left; } .form-full label, .form-full input[type="text"], .form-full textarea, .input-row-full label, .input-row-full input[type="text"], .input-row-full textarea { width: 100%; margin: 5px 0; } .form-full .checkbox, .input-row-full .checkbox { overflow: hidden; } .form-full .checkbox label, .input-row-full .checkbox label { width: auto; } .form-full .checkbox input[type="checkbox"], .input-row-full .checkbox input[type="checkbox"] { margin: 0 10px 0 0; width: auto; } .form-nested .input, .input-row-nested .input { clear: left; } .form-nested label, .form-nested input, .form-nested textarea, .input-row-nested label, .input-row-nested input, .input-row-nested textarea { float: left; display: inline; } .form-nested input, .form-nested textarea, .input-row-nested input, .input-row-nested textarea { width: 65%; margin: 5px 0; } .form-nested label, .input-row-nested label { width: 35%; padding: 3px 1em 3px 0; text-align: right; } .form-nested .checkbox, .input-row-nested .checkbox { overflow: hidden; } .form-nested .checkbox label, .input-row-nested .checkbox label { width: auto; } .form-nested .checkbox input[type="checkbox"], .input-row-nested .checkbox input[type="checkbox"] { margin: 0 10px 0 0; width: auto; } .form-nested #ReviewAddForm label, .form-nested #ReviewAddForm input, .form-nested #ReviewAddForm textarea { float: none; display: inline; } .form-nested #ReviewAddForm input, .form-nested #ReviewAddForm textarea { width: 100%; margin: 5px 0; } .form-nested #ReviewAddForm input#ReviewRecommended { width: 10% !important; } .form-full input[type="text"], .form-full input[type="checkbox"], .form-full select, .form-full textarea, .form-nested input[type="text"], .form-nested input[type="checkbox"], .form-nested select, .form-nested textarea { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); padding: 3px; background: white; border: 1px solid silver; } .form-full .input-row, .input-row-full, .form-nested .input-row, .input-row-nested { clear: both; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); padding: 5px 0; } .form-full .input-row:first-child, .input-row-full:first-child, .form-nested .input-row:first-child, .input-row-nested:first-child { border-top: 0; } .form-full .input-row:last-child, .input-row-full:last-child, .form-nested .input-row:last-child, .input-row-nested:last-child { border-bottom: 0; } .form-full .button-row, .form-nested .button-row { clear: both; overflow: hidden; padding: 5px 0; } .alert-good, .alert-green { padding: 5px; border: 1px solid #d6e9c6; color: #3c763d; background: #dff0d8; text-align: center; margin: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .alert-bad, .alert-red, .error-message { padding: 5px; border: 1px solid #ebccd1; color: #a94442; background: #f2dede; text-align: center; margin: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .alert-nuetral, .alert-blue { padding: 5px; border: #bce8f1; color: #31708f; background: #d9edf7; text-align: center; margin: 5px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .alert-nuetral a, .alert-blue a { color: #31708f; } #AppointmentIndexForm div.error-message { width: 100% !important; text-align: center !important; } .ui-widget-overlay { background: #000; opacity: .70; } .requester-dialog .ui-dialog { padding: 0; } .requester-dialog .ui-widget-content { padding: 0 !important; } .requester-dialog .ui-widget-header { background-color: white !important; background-image: none; border: 0; border-radius: 0; moz-border-radius: 0; border-bottom: 1px solid #eeeeee; } .requester-dialog .ui-dialog-titlebar { padding: 26px 18px; } .requester-dialog .ui-dialog-title { font-size: 30px; line-height: 23px; position: absolute; margin: 0; color: #636363; } .requester-dialog .ui-dialog-titlebar-close { right: 1em; } .Req-form-input-sections { display: inline-block; width: 49%; margin-top: 10px; float: left; padding: 12px 12px 0 12px; } .Req-form-input-sections .septext { font-size: 18px; color: #666; display: block; margin: 5px 0; text-align: center; } .Req-form-input-sections h5 { font-size: 18px; margin-bottom: 10px; } .Req-form-input-sections label { font-size: 15px; display: block; line-height: 17px; margin-top: 6px; font-weight: normal; } .Req-form-input-section label { font-size: 15px; display: block; line-height: 17px; margin-top: 6px; font-weight: normal; padding-left: 23px; } .Req-form-input-sections label span, span.red { color: red; font-size: 15px; } .requiredRequestNote { font-style: italic; color: red; font-size: 12px; float: right; display: inline-block; margin: 1px 17px 5px 2px; } .Req-form-input-sections input { width: 200px !important; display: block; font-size: 16px; padding: 2px 0 2px 9px; margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .Req-form-input-section { float: left; width: 100%; display: block; } .Req-form-input-section textarea { display: block; width: 486px !important; height: 100px; font-size: 16px; padding: 5px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 0 14px; } .Btm-btn-locations { float: left; width: 100%; height: 70px; background: #f5f5f5; border-top: 1px solid #999; border-color: #0044cc #0044cc #002a80; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); } span.select-locationz { font-size: 12px; } #actionButtons { float: right; display: inline; padding: 10px; } .Request-Locator-btninput { float: left; display: inline; margin: 11px 0 0 0; } .Request-Locator-btninput select { width: 234px !important; } #locationbuttonfinder { float: left; display: inline; } .displayInstallerInfo { float: left; display: inline; position: absolute; bottom: 14px; left: 10px; } .SelectedLocation { font-size: 12px; line-height: 14px; } .locator-dialog .ui-dialog { padding: 0; } .locator-dialog .ui-widget-content { padding: 0 !important; } .locator-dialog .ui-widget-header { background-color: white !important; background-image: none; border: 0; border-radius: 0; moz-border-radius: 0; border-bottom: 1px solid #eeeeee; } .locator-dialog .ui-dialog-titlebar { padding: 26px 18px; } .locator-dialog .ui-dialog-title { font-size: 22px; line-height: 23px; position: absolute; margin: 0; color: #636363; } .locator-dialog .ui-dialog-titlebar-close { right: 1em; } #SelectLocationPP { float: left; width: 89%; padding: 9px 20px 12px 20px; margin: 0 0 0 14px; background: #f6f6f6; } .locationSearchBox { background: #f6f6f6; } .locationSearchBox label { font-weight: normal; } .locationSearchBox .MyCartZip { display: inline; float: left; margin: 3px 6px 0; padding: 2px 5px; height: 25px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .locationSearchBox .Req-zipFindBtn { display: inline; float: left; } .myInstallers2 p { font-size: 11px !important; text-align: center; padding: 5px 30px; background-color: #DFF0D8; color: #468847; border: 4px solid #D6E9C6; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .myInstallers2 b { clear: both; display: block; font-size: 11px !important; text-align: center; padding: 5px 30px; background-color: #F2DEDE; color: #B94A48; border: 4px solid #EED3D7; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .myInstallers2 b br { display: none; } .myInstallers2 ul.installerRow { margin: 0 0 10px 0; padding: 10px; list-style: none; float: left; width: 508px; background: white; border: 1px solid silver; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } li.installer_left { float: left; } li.installer_right { float: right; } .carfax { background-image: url("../shared_img/plate_blank.png"); width: 149px; height: 74px; display: inline; margin-top: 4px; float: left; } span.carfaxint { font-size: 14px; display: block; margin-bottom: 0; margin-top: 7px; } #carfax_input { width: 78px ! important; margin-top: 25px; margin-left: 5px; float: left; position: relative; color: grey; } #carfax_input_state { width: 46px ! important; margin-top: 27px; float: right; height: 30px; color: grey; margin-left: 0px !important; margin-right: 5px !important; } #new-requesting-a-quote { overflow: hidden; } .buttondiv { float: right; position: absolute; right: 5px; } .reqdialogcarfaxbtn { display: inline; width: 100px; margin-top: 6px; color: black; padding: 0; } .reqdialogcarfaxbtn span { font-size: 13px !important; color: black !important; text-shadow: none !important; } .emailoffers input { float: right; width: 25px !important; } .emailoffers span { font-size: 12px; margin-top: 6px; float: left; } .contactselect { margin-top: 15px; float: left; display: block; text-align: left; width: 100%; } .contactselect select { float: right; margin: 2px; } .ui-widget-overlay { background: #000; opacity: .70; } .requester-dialog .ui-dialog { padding: 0; } .requester-dialog .ui-widget-content { padding: 0 !important; } .requester-dialog .ui-widget-header { background-color: white !important; background-image: none; border: 0; border-radius: 0; moz-border-radius: 0; border-bottom: 1px solid #eeeeee; } .requester-dialog .ui-dialog-titlebar { padding: 26px 18px; } .requester-dialog .ui-dialog-title { font-size: 30px; line-height: 23px; position: absolute; margin: 0; color: #636363; } .requester-dialog .ui-dialog-titlebar-close { right: 1em; } .Btm-btn-locations { float: left; width: 100%; height: 70px; background: #f5f5f5; border-top: 1px solid #999; border-color: #0044cc #0044cc #002a80; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); } span.select-locationz { font-size: 12px; } #actionButtons { float: right; display: inline; padding: 10px; } .Request-Locator-btninput { float: left; display: inline; margin: 11px 0 0 0; } .Request-Locator-btninput select { width: 234px !important; } #locationbuttonfinder { float: left; display: inline; } .displayInstallerInfo { float: left; display: inline; position: absolute; bottom: 14px; left: 10px; } .SelectedLocation { font-size: 12px; line-height: 14px; } .locator-dialog .ui-dialog { padding: 0; } .locator-dialog .ui-widget-content { padding: 0 !important; } .locator-dialog .ui-widget-header { background-color: white !important; background-image: none; border: 0; border-radius: 0; moz-border-radius: 0; border-bottom: 1px solid #eeeeee; } .locator-dialog .ui-dialog-titlebar { padding: 26px 18px; } .locator-dialog .ui-dialog-title { font-size: 22px; line-height: 23px; position: absolute; margin: 0; color: #636363; } .locator-dialog .ui-dialog-titlebar-close { right: 1em; } #SelectLocationPP { float: left; width: 89%; padding: 9px 20px 12px 20px; margin: 0 0 0 14px; background: #f6f6f6; } .locationSearchBox { background: #f6f6f6; } .locationSearchBox label { font-weight: normal; } .locationSearchBox .MyCartZip { display: inline; float: left; margin: 3px 6px 0; padding: 2px 5px; height: 25px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .locationSearchBox .Req-zipFindBtn { display: inline; float: left; } .myInstallers2 p { font-size: 11px !important; text-align: center; padding: 5px 30px; background-color: #DFF0D8; color: #468847; border: 4px solid #D6E9C6; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .myInstallers2 b { clear: both; display: block; font-size: 11px !important; text-align: center; padding: 5px 30px; background-color: #F2DEDE; color: #B94A48; border: 4px solid #EED3D7; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .myInstallers2 b br { display: none; } .myInstallers2 ul.installerRow { margin: 0 0 10px 0; padding: 10px; list-style: none; float: left; width: 508px; background: white; border: 1px solid silver; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } li.installer_left { float: left; } li.installer_right { float: right; } .carfax { background-image: url("../shared_img/plate_blank.png"); width: 149px; height: 74px; display: inline; margin-top: 4px; float: left; } span.carfaxint { font-size: 14px; display: block; margin-bottom: 0; margin-top: 7px; } #carfax_input { width: 78px ! important; margin-top: 25px; margin-left: 5px; float: left; position: relative; color: grey; } #carfax_input_state { width: 46px ! important; margin-top: 27px; float: right; height: 30px; color: grey; margin-left: 0px !important; margin-right: 5px !important; } #new-requesting-a-quote { overflow: hidden; } .buttondiv { float: right; position: absolute; right: 5px; } .reqdialogcarfaxbtn { display: inline; width: 100px; margin-top: 6px; color: black; padding: 0; } .reqdialogcarfaxbtn span { font-size: 13px !important; color: black !important; text-shadow: none !important; } .emailoffers input { float: right; width: 25px !important; } .emailoffers span { font-size: 12px; margin-top: 6px; float: left; } .contactselect { margin-top: 15px; float: left; display: block; text-align: left; width: 100%; } .contactselect select { float: right; margin: 2px; } .sns-left { display: table; } .sns-left .sns-text { display: table-cell; vertical-align: middle; padding: 0 10px 0 0; } .sns-top { text-align: center; } .sns-top .sns-text { display: block; margin-bottom: 10px; } .installer-box input[type="text"] { padding: 3px; width: 130px; color: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .jq-reset .ui-widget-content { border: 0; margin: 0; padding: 0; background: transparent; font-weight: normal; color: inherit; } .jq-reset input, .jq-reset select, .jq-reset textarea, .jq-reset button { font-family: 'Roboto Condensed', sans-serif !important; } .loadwait { display: none; } .activelist li > a { display: block; padding: 5px 10px; } .activelist li.selected a { background: #eeeeee; } .load-animate-fadein { opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .animate-fadein { opacity: 1; } .load-animate-slide-right { position: absolute; right: -100%; -webkit-transition: all .5s ease-in-out 3s; -moz-transition: all .5s ease-in-out 3s; -o-transition: all .5s ease-in-out 3s; -ms-transition: all .5s ease-in-out 3s; transition: all .5s ease-in-out 3s; } .animate-slide-right { position: relative; right: inherit; } .hover-animate-bloat { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .hover-animate-bloat:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .list-tile-color1 li, .list-tile-color2 li, .list-tile-dark li, .list-tile-light li, .list-tile-darken li, .list-tile-lighten li, .list-tile-darken-25 li, .list-tile-lighten-25 li, .list-tile-darken-50 li, .list-tile-lighten-50 li, .list-tile-darken-75 li, .list-tile-lighten-75 li, .list-tile-image li, .list-tile-noise li { padding: 10px !important; border-radius: .35em; -webkit-border-radius: .35em; -moz-border-radius: .35em; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); float: left; display: inline-block; margin: 0 0 10px 10px !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .list-tile-color1 li:first-child, .list-tile-color2 li:first-child, .list-tile-dark li:first-child, .list-tile-light li:first-child, .list-tile-darken li:first-child, .list-tile-lighten li:first-child, .list-tile-darken-25 li:first-child, .list-tile-lighten-25 li:first-child, .list-tile-darken-50 li:first-child, .list-tile-lighten-50 li:first-child, .list-tile-darken-75 li:first-child, .list-tile-lighten-75 li:first-child, .list-tile-image li:first-child, .list-tile-noise li:first-child { margin-left: 0 !important; } .right-icon-param { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; } .left-icon-param { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; } ul.i-r-arrow-right li a:after, a.i-r-arrow-right:after, .btn.i-r-arrow-right:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; content: "\f061"; } ul.i-r-caret-right li a:after, a.i-r-caret-right:after, .btn.i-r-caret-right:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; content: "\f0da"; } ul.i-r-chevron-right li a:after, a.i-r-chevron-right:after, .btn.i-r-chevron-right:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; content: "\f054"; } ul.i-r-angle-right li a:after, a.i-r-angle-right:after, .btn.i-r-angle-right:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; content: "\f105"; } ul.i-r-double-angle-right li a:after, a.i-r-double-angle-right:after, .btn.i-r-double-angle-right:after { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-left: .3em; content: "\f101"; } ul.i-l-arrow-right li a:before, a.i-l-arrow-right:before, .btn.i-l-arrow-right:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; content: "\f061"; } ul.i-l-caret-right li a:before, a.i-l-caret-right:before, .btn.i-l-caret-right:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; content: "\f0da"; } ul.i-l-chevron-right li a:before, a.i-l-chevron-right:before, .btn.i-l-chevron-right:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; content: "\f054"; } ul.i-l-angle-right li a:before, a.i-l-angle-right:before, .btn.i-l-angle-right:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; content: "\f105"; } ul.i-l-double-angle-right li a:before, a.i-l-double-angle-right:before, .btn.i-l-double-angle-right:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; margin-right: .3em; content: "\f101"; } .services-list.list-tile-color1 li, .services-list.list-tile-color2 li, .services-list.list-tile-dark li, .services-list.list-tile-light li, .services-list.list-tile-darken li, .services-list.list-tile-lighten li, .services-list.list-tile-darken-25 li, .services-list.list-tile-lighten-25 li, .services-list.list-tile-darken-50 li, .services-list.list-tile-lighten-50 li, .services-list.list-tile-darken-75 li, .services-list.list-tile-lighten-75 li, .services-list.list-tile-image li, .services-list.list-tile-noise li { padding: 0 !important; margin: 0 0 .1em !important; } .noShow { display: none; } .Req-form-input-sections { width: 50%; } #cafax_input { width: 78px ! important; margin-top: 25px; margin-left: 5px; float: left; position: relative; color: grey; } #cafax_input_state { width: 46px ! important; margin-top: 27px; float: right; height: 30px; color: grey; margin-left: 0px !important; margin-right: 5px !important; } .Req-form-input-section { margin-top: 10px; } .licenceplate { text-align: center; } .licenceplate p { margin: 0 0 5px; text-align: center; } .licenceplate select { text-align: right; padding: 5px; margin: 5px auto; } .plate-default .col { margin-bottom: 0 !important; } .plate-default .plate { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); background: white; box-shadow: 0 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5); overflow: hidden; } .plate-default .plate span { display: block; padding: 5px; background: #cf010e; color: white; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); text-align: center; margin-top: 10px; } .plate-default .plate .inner { padding: 10px; } .plate-default .plate input[type="text"] { border: 1px solid silver; font: 400 20px impact, gadget, arial black, sans-serif; color: #002362; text-shadow: 0 2px 0 #c8dcff; text-transform: uppercase; padding: 5px; width: 90%; text-align: center; } .plate-image .plate { background: url('../img/license-plate.html') top no-repeat; height: 100px; } .plate-image .plate span { display: none; } .plate-image .plate .inner { padding: 10px; } .plate-image .plate input[type="text"] { border: 1px solid silver; font: 400 20px impact, gadget, arial black, sans-serif; color: #002362; text-shadow: 0 2px 0 #c8dcff; text-transform: uppercase; padding: 5px; width: 90%; margin-top: 20px; text-align: center; } .tf-box { background: rgba(255,255,255,0.9) url("../shared_img/Shopping_BG_Pattern.png") top repeat !important; overflow: hidden; } .tf-box #tire-guide-search-button-vehicle { display: none; } .tf-box .search-box { padding: 0px; } .tf-box .ui-widget-content { background: transparent; } .tf-box .ui-accordion .ui-accordion-content { padding: 1em 0; border: 0; } .tf-box .box-header .ui-icon { display: none; } .tf-box fieldset { border: 0; } .tf-box select { background: rgba(255,255,255,0.7); color: #000; font: 400 16px 'Hind Vadodara' !important; text-transform: uppercase; padding: 0px; margin: 2px 0; border: 0px solid black; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); } .tf-box div.select { display: inline; } .tf-box .box-header-wheels { display: none; } .tf-box .search-wheels { display: none; } .tf-box .shop-btn { margin-top: 10px; } .tf-box .btn-box { margin: 0 0 10px; } .tf-box .btn-box .shop-btn { margin-top: 0; } .tf-box .finder-box, .tf-box .finder-box.ui-widget-content { overflow: hidden; padding: 0px; } .tf-box .search-box { display: none; overflow: hidden; } .tf-box h4 { font-size: 25px; margin-bottom: 0; } .tf-box h4 .content-module-container { display: inline; } .tf-box h4 .header-filters { float: right; line-height: 1em; padding: 0; } .tf-box h4 .header-filters ul { margin: 0; padding: 0; } .tf-box .header-icon-arrow:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f061"; width: 25px; text-align: center; } .tf-box .header-icon-arrow.ui-state-active:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f063"; } .tf-box .header-icon-caret:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f0da"; width: 25px; text-align: center; } .tf-box .header-icon-caret.ui-state-active:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f0d7"; } .tf-box .header-icon-chevron:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f054"; width: 25px; text-align: center; } .tf-box .header-icon-chevron.ui-state-active:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f078"; } .tf-box .header-icon-angle:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f105"; width: 25px; text-align: center; } .tf-box .header-icon-angle.ui-state-active:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; content: "\f107"; } .tf-box .options-top { overflow: hidden; padding: 0px; padding-bottom: 0; } .tf-box .tf-selections, .tf-box .tf-actions { display: block; list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; clear: both; } .tf-box .tf-selections li, .tf-box .tf-actions li { float: left; display: inline-block; width: 100%; margin: 0; } .tf-box .tf-selections li select, .tf-box .tf-actions li select { width: 90%; } .tf-box .plus-sizes label { font-size: 10px; color: #5d5d5d; } .tf-box .tf-actions { margin: 10px 0 0; } .tf-box .tf-actions li { display: block; float: left; } .tf-box .tf-actions .plus-sizes { margin-bottom: 10px; float: left; } .tf-box .tf-actions .btn-box { float: right; } .tf-box .tf-actions .btn-box .btn-reset { margin-bottom: 5px; } .tf-box .search-options { margin-bottom: 0; } .tf-box .search-options li { float: left; display: inline; margin: 0 0 20px 0; } .tf-box .search-options li a { font-size: 14px; cursor: pointer; line-height: 1em; padding: 10px 20px !important; } .tf-box .filters-box { height: auto !important; background: none !important; } .tf-box .filters-box ul { margin-bottom: 0; } .tf-box .filters-box ul li { float: none !important; display: block !important; margin-bottom: 10px !important; } .tf-box .filters-box ul li:last-child { margin-bottom: 0 !important; } .tf-box .filter-container { overflow: visible !important; } .tf-box .xout, .tf-box .marker { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; position: relative; margin: 0 0 0 .5em; top: .1em; } .tf-box .marker { color: white; } .tf-box .xout { color: #212121; } .tf-box .xout { cursor: pointer; position: absolute; top: 0; right: 2px; } .tf-box .xout:hover { color: #545454; } .tf-box .xout span:before { content: "\f057"; font-size: 20px; } .tf-box .marker { cursor: pointer; position: absolute; top: -31px; left: -2px; } .tf-box .marker:hover { color: white; } .tf-box .marker span:before { content: "\f0d8"; font-size: 65px; } .tf-box .search-options li .option-window { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; position: relative; behavior: url(../shared_css/css3pie/PIE.htc); box-shadow: 0 0 10px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); position: absolute; display: none; z-index: 9999; width: 275px; height: 100px; padding: 10px; background: white; } .tf-box .search-tires .wheels-opt, .tf-box .box-header-tires .wheels-opt, .tf-box .search-wheels .tires-opt, .tf-box .box-header-wheels .tires-opt { display: none; } .tf-box .option-window .tf-selections { float: left; } .tf-box .search-options form { position: relative; } .tf-box #tires_by_brand .option-window { width: 200px; } .tf-box #tires_by_brand select { width: 100%; } .tf-box .checker { display: inline; float: left; } .tf-box .btnBox .otherSearch { margin: 10px 0 0; color: #333333; text-transform: uppercase; font: 700 23px 'Roboto Condensed', sans-serif; } .tf-box .btnBox .otherSearch u { text-decoration: none; } .tf-box .btnBox .otherSearch a { font-size: 28px; } #TireFinder.finder-qtip-element .options-top { display: none; } #flashMessage { display: block; width: 100%; padding: 20px; margin: 10px auto 30px; background: orange; color: silver; text-align: center; font-size: 16px; } @media print { header, footer { display: none; } .only-screen { display: none; } .only-print { display: block; } } @media screen { .only-print { display: none; } } #icon-column { width: 33%; } #icon-column div { display: flex; } #icon-column span { color: black; font-size: 13px; } #icon-column i { font-size: 18px; color: black; width: 15%; } .ystone-svs.ystone-tire a.btn.btn2.btn-zilla.btn-block.alt-quote-btn { border: none; border-radius: 0; margin-top: 23px; } .menu-main { width: 100%; } ul.menu { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #MenuMain ul.menu { width: 100%; display: flex; justify-content: space-around; } #FooterHome .simply-scroll { width: 100%; height: 90px; } .simply-scroll .simply-scroll-clip { width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; } .simply-scroll .simply-scroll-list li { width: auto; height: auto; margin-right: 30px; } header { position: fixed; width: 100%; z-index: 100; } #TopHome { background-size: cover; } #TopHome > .row { display: flex; height: 100%; justify-content: center; align-items: center; font-family: 'Montserrat', sans-serif; } div#TireFinder.ystone-tire { height: 404px; width: 338px; border-radius: 4px; box-shadow: 0px 0px 30px rgba(0,0,0,0.5); float: right; } .ystone-tire-full { height: 404px; width: 338px; float: right; } .ystone-content { width: auto; height: 404px; display: flex; justify-content: center; align-items: center; } #Footer { top: 165px; } #Logo { width: 100%; height: auto; max-height: 100%; padding: 15px; align-self: center; } .back2Top { text-align: center; } .back2Top a { color: #000; } header .nap { line-height: 1; } .nap-box, .ystone { height: 126px; } .sns-box-nap-header i { font-size: 20px; margin-right: 5px; } .sns-box-nap-footer i { font-size: 20px; margin-right: 2px; } .marquee.ystone-nap, .nap { padding: 15px 0px 0px; } .search-tires.finder-box { height: 350px; } #TireFinder.ystone-tire h4.box-header-tires, #TireFinder.ystone-tire h4.box-header-wheels, .ystone-svs.services-box h4.box-header { height: 54px; font: bold 16px 'Droid Sans', sans-serif; text-transform: uppercase; padding: 16px; } span.tire-span, span.wheel-span, span.service-span { font: 600 14px 'Hind Vadodara'; color: #5d5d5d; } ul.search-options { display: flex; align-items: center; justify-content: center; } ul.search-options li.active a { color: #5d5d5d; } div.input.select select { padding-top: 3px; padding-bottom: 3px; } span.plus-sizes label { font-size: 12px !important; font-family: 'Hind Vadodara'; } a.search-vehicle-button.tires-opt.shop-btn.btn.btn2.btn-zilla.btn-block.ystone-shop-btn, a.search-vehicle-button.wheels-opt.shop-btn.btn.btn2.btn-zilla.btn-block.ystone-shop-btn { border: none; border-radius: 0; margin-top: 41px; } .ystone-svs.ystone-tire a.btn.btn2.btn-zilla.btn-block.ystone-shop-btn { border: none; border-radius: 0; margin-top: 23px; } a.tires-opt.shop-btn.btn.btn2.btn-zilla.btn-block.ystone-shop-btn { margin-top: 8px; } .tire-size-btn > a.tires-opt.shop-btn.btn.btn2.btn-zilla.btn-block.ystone-shop-btn { margin-top: 44px; } a.btn.btn2.btn-zilla.btn-block.ystone-shop-btn { border: none; border-radius: 0; margin-top: 240px; font-weight: 400; } .ystone-shop-btn > i.icon-chevron-right { display: none; } ul.tf-selections li, .plus-sizes { padding-left: 16px; } .ystone-svs { width: 338px; height: 404px; margin: 0 auto; } div.ystone-svs ul.services-list { background: url(../shared_img/fullwidth-svs-grid.png); } div#TireFinder.ystone-tire select { background: rgba(255,255,255,0.9); } #TireSizeForm ul.tf-selections { display: flex !important; flex-direction: column; } #TireSizeForm .input.select select { width: 90%; margin-left: 15px; padding-left: 16px; } select#brand-list { height: 42px !important; } .tire-size-btn { width: 100%; margin-top: 45px; } .tire-brand-btn { width: 100%; margin-top: 157px; } h4.box-header.svs-fullwidth { font: 600 30px 'Droid Sans'; text-align: center; color: #5d5d5d; padding-bottom: 75px; text-transform: uppercase; } .ystone-svs-full { margin-bottom: 50px; } ul.tf-selections li select[disabled*='disabled'], ul.tf-selections div select[disabled*='disabled'] { opacity: 0.5; } input#guide-show-plus { width: 13px; height: 13px; top: 2px; left: 5px; position: relative; margin-right: 5px; } .nap-box { display: flex; justify-content: space-around; } .resp-xl { font-size: 4vw; } .resp-lg { font-size: 3vw; } .resp-med { font-size: 2vw; } .resp-sm { font-size: 1vw; } .ystone-slogan { padding-top: 15px; } h1 { padding: 0px !important; } h2 { padding: 0px !important; } #TopHome .row { max-width: 100%; justify-content: center !important; } / *Shopping1 Single-Module */ .footer-def-wrap .nav-cols .footer-nav-col { padding-right: 15px; } .footer-def-wrap .nav-cols .footer-nav-col { padding-left: 15px; } a#fast_tires, a#tires_yes { background-color: #cf010e; } a#fast_service, a#tires_no { background-color: #cf010e; } a#fast_tires:hover, a#fast_service:hover, a#tires_yes:hover, a#tires_no:hover, input.eqf-continue:hover { background-color: #005CBF !important; }