/* *** BEGIN
Formee (~/cms/includes/formee.css) *** */
.formee:after,.formee div:after,.formee ol:after,.formee ul:after,.formee li:after,.formee dl:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}.formee{margin:1em 20px;padding:0}.formee ul{margin:0;padding:0}.formee fieldset{border:1px solid #d4d4d4;position:relative;height:100%;padding:1.2em 0;margin:0 0 4em}.formee legend{margin-left:1%;margin-right:1%;padding:.5% .5% .8%}.formee h3{margin:2em 1% .8%;padding:.5% .5% .8%}.grid-1-12,.grid-2-12,.grid-3-12,.grid-4-12,.grid-5-12,.grid-6-12,.grid-7-12,.grid-8-12,.grid-9-12,.grid-10-12,.grid-11-12,.grid-12-12{display:inline-block;float:left;margin-left:1%;margin-right:1%;padding:.8% .5% 1%;height:100%;*margin-left:.8%;*margin-right:.8%;*padding:.8% .25% 1%}.grid-1-12{width:5.333%}.grid-2-12{width:13.666%}.grid-3-12{width:22%}.grid-4-12{width:30.333%}.grid-5-12{width:38.666%}.grid-6-12{width:47%}.grid-7-12{width:55.333%}.grid-8-12{width:63.666%}.grid-9-12{width:72%}.grid-10-12{width:80.333%}.grid-11-12{width:88.666%}.grid-12-12{width:97%}.formee .alpha{margin-left:0}.formee .omega{margin-right:0}.formee .clear{clear:both}.formee-no-lbl{position:relative;padding-bottom:0}.formee-no-lbl input,.formee-no-lbl label,.formee-no-lbl span,.formee-no-lbl ul,.formee-no-lbl p{position:absolute;bottom:0}.formee .left{clear:none;float:left!important;margin-right:.3em!important}.formee .right{clear:none;float:right!important;margin-left:.3em!important}.formee-lbl,.formee label{display:block;height:auto;margin:.2em 0 .5em}.formee td{vertical-align:top}.formee td label{display:inline-block!important}.formee td input+label{margin-left:2px}.formee .formee-txt,.formee input[type="text"],.formee input[type="password"],.formee input[type="file"],.formee textarea,.formee select{vertical-align:middle;width:100%;border-style:solid;border-width:1px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;*width:99%}.formee textarea{}.formee select{}.formee-list .formee-lbl,.formee-list label{display:inline;height:auto;margin:.5em 0 .8em 2px}.formee-req{position:relative;top:3px}.formee-list{height:100%;list-style:none;padding:0;margin:0}.formee-list li,.formee-list li{margin:.5em .6em .8em;float:left;display:inline-block;list-style:none}.formee-list input{margin-right:.2em}.formee-small{width:30%!important;float:left;margin-right:10px;display:inline;*width:25%!important}.formee-medium{width:50%!important;float:left;margin-right:10px;display:inline;*width:45%!important}.formee fieldset{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.grid-1-12:hover,.grid-2-12:hover,.grid-3-12:hover,.grid-4-12:hover,.grid-5-12:hover,.grid-6-12:hover,.grid-7-12:hover,.grid-8-12:hover,.grid-9-12:hover,.grid-10-12:hover,.grid-11-12:hover,.grid-12-12:hover{}.field-button:hover{background:transparent}.formee{}.formee legend,.formee h3{font-size:3em;line-height:1.2em;letter-spacing:-.035em;color:#2b2b2b;font-weight:normal}.formee-lbl,.formee label{color:#2b2b2b;vertical-align:middle}.formee-req{position:relative;top:-.25em;font-size:11px;color:#0c3}.formee .formee-txt,.formee input[type="text"],.formee input[type="password"],.formee input[type="file"],.formee textarea,.formee select{border-color:#c6c6c6 #dadada #eaeaea;background:#fafafa;color:#999;font-family:inherit;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.formee select{border-color:#c6c6c6 #dadada #eaeaea;background:#fafafa;color:#999}.formee .formee-txt:hover,.formee input[type="text"]:hover,.formee input[type="password"]:hover,.formee input[type="file"]:hover,.formee textarea:hover,.formee select:hover{color:#666;background:#fff none;border-color:#c6c6c6}form .formee-txt:focus,.formee input[type="text"]:focus,.formee input[type="password"]:focus,.formee input[type="file"]:focus,.formee textarea:focus,.formee select:focus{color:#333;background:#fff none;border-color:#659ec9 #70aedd #a8cfec;outline:0}.formee-msg-info,.formee-msg-warning,.formee-msg-error,.formee-msg-success{padding:5px 20px 0 20px;border:1px solid #ccc;display:block;height:auto;margin:0 1.5% .8em;clear:both;color:#2b2b2b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:10px}.formee-msg-info-small,.formee-msg-warning-small,.formee-msg-error-small,.formee-msg-success-small{padding:5px 5px 0 5px;border:1px solid #ccc;display:block;height:auto;margin:0 1.5% .8em;clear:both;color:#2b2b2b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:10px;font-size:}.formee-msg-info ul,.formee-msg-warning ul,.formee-msg-error ul,.formee-msg-success ul{margin:0 0 10px 27px}.formee-msg-info li,.formee-msg-warning li,.formee-msg-error li,.formee-msg-success li{list-style:none;padding:0;margin-bottom:.4%;font-size:1em;line-height:1.1em;vertical-align:top}.formee-msg-info h3,.formee-msg-warning h3,.formee-msg-error h3,.formee-msg-success h3{font-size:1.1em;line-height:1.5em;letter-spacing:-.02em;padding:0;margin:0 0 .3em 0}.formee-msg-info-small h3,.formee-msg-warning-small h3,.formee-msg-error-small h3,.formee-msg-success-small h3{font-size:1em;line-height:1.2em;letter-spacing:-.02em;padding:0;margin:0 0 .3em 0}.formee-msg-info{border-color:#bcdfef;background-color:#d1ecf7}.formee-msg-info h3{background:url(/cms/images/forms/form-ic-info.png) no-repeat 0 3px;padding-left:25px}.formee-msg-info-small{border-color:#bcdfef;background-color:#d1ecf7}.formee-msg-info-small h3{background:url(/cms/images/forms/form-ic-info-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-warning{border-color:#fceb77;background-color:#fff6bf}.formee-msg-warning h3{background:url(/cms/images/forms/form-ic-warning.png) no-repeat 0 3px;padding-left:25px}.formee-msg-warning-small{border-color:#fceb77;background-color:#fff6bf}.formee-msg-warning-small h3{background:url(/cms/images/forms/form-ic-warning-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-error{border-color:#f6abab;background-color:#fad0d0}.formee-msg-error h3{background:url(/cms/images/forms/form-ic-error.png) no-repeat 0 3px;padding-left:25px}.formee-msg-error-small{border-color:#f6abab;background-color:#fad0d0}.formee-msg-error-small h3{background:url(/cms/images/forms/form-ic-error-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-success{border-color:#d0f1a6;background-color:#e5f8ce}.formee-msg-success h3{background:url(/cms/images/forms/form-ic-success.png) no-repeat 0 3px;padding-left:25px}.formee-msg-success-small{border-color:#d0f1a6;background-color:#e5f8ce}.formee-msg-success-small h3{background:url(/cms/images/forms/form-ic-success.png) no-repeat 0 3px;padding-left:25px}.formee-msg-success strong,.formee-msg-success a{color:#62b548}.formee-msg-info strong,.formee-msg-info a{color:#11689e}.formee-msg-warning strong,.formee-msg-warning a{color:#957210}.formee-msg-error strong,.formee-msg-error a{color:#b01717}.formee-msg-error-label{color:#b01717!important}input.formee-error,select.formee-error,textarea.formee-error{color:#b01717!important;border-color:#fad0d0!important;-moz-box-shadow:0 0 3px 0 rgba(176,23,23,.4);-webkit-box-shadow:0 0 3px 0 rgba(176,23,23,.4);box-shadow:0 0 3px 0 rgba(176,23,23,.4)}label.formee-error{color:#b01717!important}
/* *** END
Formee (~/cms/includes/formee.css) *** */
/* *** BEGIN
JQuery UI Styles (~/cms/includes/jquery-ui.css) *** */
/*!
* jQuery UI CSS Framework 1.8.23
*
* 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.23
*
* 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
*
* Custom style modified by Caleb Kester
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Lucida Grande, Lucida Sans, 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: Lucida Grande, Lucida Sans, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #f2f2f2;
background: #fcfdfd url(/cms/images/jqueryUI/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
font-family: Gill Sans MT, Gill Sans Std, Open Sans, Calibri, Arial, sans-serif;;
color: #fff;
min-height: 8px;
text-align: left;
background: #306c91;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #306c91 0%, #125272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(100%,#125272));
background: -webkit-linear-gradient(top, #306c91 0%,#125272 100%);
background: -o-linear-gradient(top, #306c91 0%,#125272 100%);
background: -ms-linear-gradient(top, #306c91 0%,#125272 100%);
background: linear-gradient(to bottom, #306c91 0%,#125272 100%);
}
.ui-widget .ui-widget-header {
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #002b40;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
line-height: 1.3em;
cursor: pointer;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNTk3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1MzE0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11597d), color-stop(100%, #153146));
background: -webkit-linear-gradient(#11597d, #153146);
background: -moz-linear-gradient(#11597d, #153146);
background: -o-linear-gradient(#11597d, #153146);
background: linear-gradient(#11597d, #153146);
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #fff;
text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background: #153146;
color: #fff;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #fff;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
background: #153146;
color: #fff;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #fff;
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 #fad42e; background: #fbec88 url(/cms/images/jqueryUI/ui-bg_flat_55_fbec88_40x100.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(/cms/images/jqueryUI/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(/cms/images/jqueryUI/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/cms/images/jqueryUI/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/cms/images/jqueryUI/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/cms/images/jqueryUI/ui-icons_6da8d5_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/cms/images/jqueryUI/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/cms/images/jqueryUI/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/cms/images/jqueryUI/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/cms/images/jqueryUI/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: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/cms/images/jqueryUI/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(/cms/images/jqueryUI/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.23
*
* 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.23
*
* 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.23
*
* 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: 13px; 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.23
*
* 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.23
*
* 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.23
*
* 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: .8em 2em; }
.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.23
*
* 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: 1pxs; 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: .3em; 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 { text-align: center; }
.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.23
*
* 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.23
*
* 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.23
*
* 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 {
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.23
*
* 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%; }
/* *** END
JQuery UI Styles (~/cms/includes/jquery-ui.css) *** */
/* *** BEGIN
Store (~/cms/includes/store.css) *** */
/* ==========================================================================
WYSIWYG Box
========================================================================== */
.magicbox {
display: inline-block;
width: 32%;
padding: 15px;
border: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.magicbox img {
max-width: 100%;
height: auto;
}
.magicbox:nth-child(n+1) {
border-left: 1px dotted #d1d1d1;
}
.magicbox:nth-child(3n+1) {
border-left-color: #fff;
}
.magicbox:nth-child(n+4) {
border-top: 1px dotted #D1D1D1;
}
/* ==========================================================================
Store
========================================================================== */
/* Sizing Chart
========================================================================== */
.sizing-chart {
display: block;
margin: 0;
padding: 0;
font-size: 0;
}
.sizing-chart li {
display: inline-block;
width: 33%;
padding-right: 1em;
font-size: 14px;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sizing-chart h4 {
margin-top: 0;
margin-bottom: 0.2em;
}
.sizing-chart p {
font-size: 12px;
}
.table-size {
width: 100%;
margin: 1em 0;
}
.table-size thead th{
background: #4a4a4a;
color: #fff;
font-size: 14px;
}
.table-size th,
.table-size td {
border: 1px solid #4a4a4a;
font-size: 11px;
padding: 2px 4px;
text-align: center;
}
.table-size td:first-child {
text-align: left;
font-size: 12px;
}
.table-size th:first-child {
font-size: 12px;
}
/* Customer Service
========================================================================== */
.customerserv {
}
/* Item Detail
========================================================================== */
.product-detail .title {
font-weight: bold;
font-size: 1.29em;
color: #0c527e;
}
.product-detail .product-price{
font-size: 1.29em;
}
.product-detail .addtocart {
margin-bottom: 0.2em;
}
.product-detail .addthis_button_facebook_like iframe {
z-index: 100000000;
}
/*.product-detail .addthis_button_facebook_like .fb_edge_widget_with_comment iframe {
width: 50px !important;
}*/
.feature-list .mod-content ul {
padding-left: 10px;
}
/* Item Images
========================================================================== */
.product-image {
min-height: 420px;
line-height: 420px;
padding: 12px 2px 12px 2px;
text-align: center;
}
.threesixty {
cursor: move;
}
.threesixty-controller {
display: none;
float: left;
min-height: 50px;
min-width: 60px;
background: url(/cms/images/layout/360.png) 5px 50% no-repeat;
}
.threesixty-active .threesixty-controller {
display: block;
}
.threesixty-nav {
position: absolute;
left: 50%;
top: 7px;
text-align: center;
font-size: 0;
width: 200px;
margin-left: -100px;
}
.threesixty-nav .btn-alt {
padding: 2px 20px 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.threesixty-nav .btn-alt:first-child {
border-right: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 0;
}
.icon-arrow-left-single {
display: inline-block;
background: url(/cms/images/layout/arrow-left-single.png);
width:8px;
height: 18px;
}
.icon-arrow-right-single {
display: inline-block;
background: url(/cms/images/layout/arrow-right-single.png);
width:8px;
height: 18px;
}
.threesixty-guide{
display: block;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #cccccc;
}
.product-image-zoom {
display: inline-block;
background: url(/cms/images/layout/icon-search-lg.png) 50% 50% no-repeat;
float:right;
width: 35px;
height: 40px;
overflow: hidden;
text-indent: -9999em;
}
.product-image-controller {
position: relative;
overflow: hidden;
/*min-height: 50px;*/
}
.threesixty img {
width: auto;
height: auto;
max-width: 100%;
}
.video-item h3 {
margin-top: 0;
color: #3f3f3f;
}
.video-embed {
float: left;
padding-right: 15px;
width: 70%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Default Store Styles
================================================
This is the default stylesheet for the store related elements. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited {color:#686868; text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}
/* ## Store StartUp Styles ## */
.imgLabel {background-repeat:no-repeat; background-position:0 0; text-indent:-9999em;}
.sale {color:#ea0000; font-weight:bold;}
.regular {color:#000; font-weight:bold;}
/* ## shopping cart and account summary ## */
.accountSummary {padding-right:12px; text-align:right; font-size:.9em; padding-top:2px;}
.accountSummary a, .accountSummary a:link, .accountSummary a:visited {margin:0 3px; color:#000; text-decoration:none;}
.accountSummary a:hover, .accountSummary a:active {text-decoration:underline;}
.accountSummary a.cartLink, .accountSummary a.cartLink:link, .accountSummary a.cartLink:visited {margin-left:10px; padding-left:18px; background:url(/cms/images/layout/icon_cart.gif) no-repeat 0 0;}
/* ## block modules used for "grid" of layout ## */
.block175, .block320, .block323, .block432, .block438, .block502, .block630, .block765 {float:left; display:inline;}
.block175 {width:175px;}
.block320 {width:320px;}
.block323 {width:323px;}
.block432 {width:432px;}
.block438 {width:438px;}
.block502 {width:502px;}
.block630 {width:630px;}
.block765 {width:765px;}
.marginR5 {margin-right:5px;}
.marginR10 {margin-right:10px;}
.pad10 {padding:10px;}
.padS10 {padding-left:10px; padding-right:10px;}
.padL10 {padding-left:10px;}
.padT5 {padding-top:5px;}
.padT10 {padding-top:10px;}
.padB5 {padding-bottom:5px;}
.sitebody {min-height:1px; margin-bottom:10px;}
.twoRailLeft {background:url(/cms/images/layout/siderail_bg.gif) repeat-y 0 0;}
/* ## Site Search ## *
.siteSearch {float:right; padding:4px 0 0 0;}
.siteSearch label {float:left; display:inline; margin:7px 5px 0 0;}
.siteSearch .text {float:left; display:inline; width:165px; margin:2px 5px 0 0;}
.quickView {position:relative; height:30px; padding:0 10px 0 21px; margin-bottom:4px; border:1px solid #155088; z-index:110;}
.quickView .imgLabel {float:left;}
/* ## Left Nav ## *
.lnavwrpr {margin:0; padding:16px 9px 0 9px;}
.lnvgrphdg { margin:0 0 10px 0; font-size:1.1em; font-weight:bold; color:#9ecaff;}
.lnvgrphdg a, .lnvgrphdg a:link, .lnvgrphdg a:visited {color:#fff; text-decoration:none; font-weight:normal;}
.lnvgrphdg a:hover, .lnvgrphdg a:active {color:#fff; text-decoration:underline; font-weight:normal;}
ul.lnav {margin:0 0 10px 0; padding:0; font-weight:bold; color:#036; list-style-type:none; font-family:inherit;}
ul.lnav a, ul.lnav a:link, ul.lnav a:visited {color:#fff; font-weight:normal; text-decoration:none;font-family:inherit;}
ul.lnav a:hover, ul.lnav a:active {color:#fff; text-decoration:underline;}
ul.lnav a.active, ul.lnav a.active:link, ul.lnav a.active:visited {font-weight:bold;}
ul.lnav ul {margin:4px 0 0 10px; padding:0; list-style-type:none;}
ul.lnav li {border-style:none;font-family:inherit;}
ul.lnav li a {font-family:inherit;}
ul.lnav ul a, ul.lnav ul a:link, ul.lnav ul a:visited {color:#fff;}
ul.lnav ul a:hover, ul.lnav ul a:active {color:#fff; text-decoration:underline;}
.lnavBanner {padding-bottom:10px; text-align:center;}
.lnavBanner img {display:block; margin:0 auto;}
/* ## store footer ## */
/*.footer {margin-bottom:10px;}
.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#e6edf2;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}
.emailSignup {float:right; padding:4px 0 0 0;}
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}
.advFooter {position: relative; margin-bottom:10px; padding:0 10px; border-bottom:2px solid #e6edf2;}
.advFooter li.callout {margin-bottom:8px;}
.advFooter .callout a,
.advFooter .callout a:link,
.advFooter .callout a:visited {font-weight:bold; font-size:12px; color:#1C4E87;}
ul.advList {float:left; display:inline; width:160px; margin:0 10px 0 0; padding:0; list-style-type:none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {text-decoration:none; color:#6d6d6d;}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; font-size:12px; color:#1C4E87;}
.welcomeMsg {float:right; display:inline; width:260px; padding:0; font-size:12px;}
.subFooter {padding:0 10px; text-align:right;}
.footerLinks {float:left; display:inline; }
.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited {text-decoration:none; color:#666666;}
.footerLinks a:hover,
.footerLinks a:active {text-decoration:underline;}
.copyright {color:#787878;}*/
/* ## Site Headings - Store Overwrites ## *
.hdng {margin:0 0 7px 0; padding:0; font-size:1.6em; font-weight:normal; color:#1c4e87; background:none; border:0;}
.hdng2 {margin:0; padding:0; font-size:1.2em; font-weight:bold; color:#1c4e87; background:none;}
.hdng3 {margin:0 0 5px 0; font-size:1.8em; font-weight:normal; color:#1c4e87;}
.imghdng {margin:5px 0; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em;}
.hdngbox {margin:0; padding:3px 10px; font-size:16px; font-weight:bold; color:#fff; background-color:#999;}
/* ## Store Specific Buttons ## */
/* Default styling for .btnWrapper and .btn is located in style.css *
.btnAddToCart {background-color:#005e8f;}
.btnAddToCart .btn{width:112px; padding:1px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.btnWishlist {background:transparent;}
.btnWishlist .btn{padding:1px 2px; font-size:14px; font-weight:normal; color:#000; background:transparent; border:0; text-align:center; text-decoration:none; cursor:pointer;}
.btnUpdateCart {background-color:#999;}
.btnUpdateCart .btn{width:112px; padding:5px 2px; font-size:16px; font-weight:normal; color:#000; background-color:#D2D2D2; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btnProceedCheckout {background-color:#005e8f;}
.btnProceedCheckout .btn{width:112px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.btnContinueShopping {background-color:#005e8f;}
.btnContinueShopping .btn{width:172px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.hline {width:100%; margin:20px 0; border-bottom:1px solid #D2D2D2;}
/* ## text field styles ## */
/*
*
.text {padding:2px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
select {padding:1px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
/* ## Truncation Styling ## */
.truncateLink {display:block;padding:5px 10px 0 0; text-align:right;}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited {padding-right:10px; font-weight:bold; color:#000; text-decoration:none;}
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {background:url(/cms/images/layout/arrow_down_black.gif) no-repeat 100% 50%;}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {background:url(/cms/images/layout/arrow_up_black.gif) no-repeat 100% 50%;}
/* ## Interior Styles ## */
/*.pageHeading {margin-bottom:7px; border-bottom:4px solid #c8d9e1;}
.pageHeading .hdng {}
*
.deptImage {margin-bottom:7px;}
.deptImage img {display:block;}
.pageTools {float:right; display:inline; width:400px; padding:5px 0 0 0; text-align:right;}
.pageTools a,
.pageTools a:link,
.pageTools a:visited {float:right; display:inline; height:13px; margin:2px 0 0 10px; font-size:.9em; color:#686868; font-weight:normal; text-decoration:none; background:url(/cms/images/layout/icons_pagetools.gif) no-repeat 0 -999em; cursor:pointer;}
.pageTools a:hover,
.pageTools a:active {color:#1C4E87; text-decoration:underline;}
.pageTools a.recent,
.pageTools a.recent:link,
.pageTools a.recent:visited {margin-left:-3px; padding:0 0 0 18px; background-position:0 -59px;}
.pageTools a.recent:hover,
.pageTools a.recent:active {margin-left:-3px; background-position:0 -139px;}
.pageTools a.print,
.pageTools a.print:link,
.pageTools a.print:visited {padding:0 0 0 18px; background-position:0 -19px;}
.pageTools a.print:hover,
.pageTools a.print:active {background-position:0 -99px;}
.pageTools a.email,
.pageTools a.email:link,
.pageTools a.email:visited {padding:0 0 0 18px; background-position:0 1px;}
.pageTools a.email:hover,
.pageTools a.email:active {background-position:0 -79px;}
.pageTools a.bookmark,
.pageTools a.bookmark:link,
.pageTools a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageTools a.bookmark:hover,
.pageTools a.bookmark:active {background-position:0 -119px;}
.pageTools .addthis_toolbox { float:right; display:inline; }
.pageTools .addthis_toolbox a,
.pageTools .addthis_toolbox a:link,
.pageTools .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }
.pageControl {float:right; text-align:right; color:#b0b0b0;}
.pageControl a,
.pageControl a:link,
.pageControl a:visited {text-decoration:none;}
.pageControl a:hover,
.pageControl a:active {text-decoration:underline;}
.pageControl a.prev,
.pageControl a.prev:link,
.pageControl a.prev:visited {margin:0 5px 0 0; padding-left:10px; background:url(/cms/images/layout/arrow_left_blue.gif) no-repeat 0 4px;}
.pageControl a.next,
.pageControl a.next:link,
.pageControl a.next:visited {margin:0 0 0 5px; padding-right:10px; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 100% 4px;}
/* ## Store Reviews and Rating ## */
.reviews .controls {}
.controls {padding:5px 0 10px 0; text-align:right;}
.controls a,
.controls a:link,
.controls a:visited {text-decoration:none;}
.controls .inactive {color:#999999;}
.controls .postLinks {float:left; font-size:.9em; color:#1c4e87;}
.controls .postLinks a,
.controls .postLinks a:link,
.controls .postLinks a:visited {text-decoration:underline;}
.reviews .reviewhdng {float:left; display:inline; margin:0 10px 3px 0; padding:2px 0 0 0; font-weight:bold; color:#000;}
.rating {float:left; margin:0 5px 0 0; padding:0; list-style-type:none;}
.rating .textRating {display:none;}
.rating .star {float:left; display:inline; width:15px; height:15px; background:url(/cms/images/layout/rating_star.gif) no-repeat 0 0; text-indent:-999em;}
.rating .active {background-position:0 -15px;}
.rating .half {background-position:0 -30px;}
.reviews .postStamp {padding:7px 0;font-size:.8em;font-weight:bold;}
.reviews .postStamp .dateStamp {font-weight:normal; padding:0 5px;}
.reviews .postStamp a, .reviews .postStamp a:link, .reviews .postStamp a:visited {color:#000;}
.reviews p {margin-bottom:20px;}
.reviews .hdngbox {padding-top:4px;}
.reviews .hdngbox .imghdng {margin-top:3px;}
.reviews .reviewPaging {float:right;}
.reviewPaging ul {margin:0; padding:0; list-style-type:none;}
.reviewPaging li {float:left; display:inline; margin-left:2px; font-size:13px; color:#352952;}
.reviewPaging li a, .reviewPaging li a:link, .reviewPaging li a:visited {float:left; display:inline; padding:1px 3px; font-size:13px; color:#352952; text-decoration:none; background:url(/cms/images/layout/paging_box.gif) repeat-x 0 0; border-left:1px solid #b8c8d7; border-right:2px solid #e9f1f7;}
.reviewPaging li.active a, .reviewPaging li.active a:link, .reviewPaging li.active a:visited {background:none; border:0;}
/* ## Store Item List ## */
.itemList .itemWrapper {position:relative;float:left; display:inline; width:226px; padding:20px 10px 5px; margin:0 10px 10px 0; border:1px solid #c7c7c7; background-color:#fff;}
.itemList .last {margin-right:0;}
.itemWrapper a.itemLink,
.itemWrapper a.itemLink:link,
.itemWrapper a.itemLink:visited {display:block; text-decoration:none;}
.itemWrapper .itemImage {display:block; margin:0 auto 10px auto; padding:0;}
.itemWrapper .itemTitle {display:block; margin:0 0 3px 0; font-size:1.1em; font-weight:bold;}
.itemWrapper .itemTitle a, .itemWrapper .itemTitle a:link, .itemWrapper .itemTitle a:visited {text-decoration:none;}
.itemWrapper .itemSku {display:block; margin-bottom:10px; font-size:.9em; color:#999999;}
.itemWrapper .itemDesc {}
.itemWrapper .itemPrice {font-size:1.1em; color:#1c4e87;}
.itemWrapper .itemCallouts {margin:0 0 8px 0; text-align:center;}
.itemWrapper .itemCO {padding:3px 5px;}
.itemWrapper .reviews {margin:0 0 8px 0;}
.itemWrapper .reviews .imgLabel {float:left; display:inline; margin-right:10px;}
.departmentList .itemTitle {text-align:center;}
.itemSwatches {margin-bottom:7px; padding:5px 0 0 0; border-top:1px solid #dae1ee;}
.itemSwatches .imgLabel {float:left; display:inline; margin-right:10px;}
.itemSwatches ul.swatchList li {margin:0 3px 3px 0;}
.itemSwatches ul.swatchList li.last {margin-right:0;}
.swatchList {margin:0; padding:0; list-style-type:none;}
.swatchList:after {
content: "";
display: table;
clear: both;
}
.swatchList li {float:left; display:inline; margin:0 5px 5px 0;}
.swatchList li.last {margin-right:0;}
.swatchList .swatchAlt {display:none;}
.swatchList .color-title {
clear: both;
display: block;
padding: 0.3em 0.1em;
font-size: 0.8em;
text-align: center;
}
.grid-item .swatchList {
text-align: center;
}
.grid-item .swatchList li {
float: none;
display: inline-block;
margin: 2px;
}
.swatchList li img {display:block; border: 1px solid #fff; -webkit-backface-visibility: visible; }
.swatchList li a:focus img,
.swatchList li a:hover img { -webkit-backface-visibility: visible; opacity: 1;}
.swatchList li a,
.swatchList li a:link,
.swatchList li a:visited {float:left; display:inline; border:1px solid #fff; outline: 1px solid #cccccc; overflow:hidden; }
.swatchList li a:hover,
.swatchList li a:active {}
.swatchList li a.active,
.swatchList li a:hover,
.swatchList li a:focus {border-color:#0b527e; outline-color: #0b527e;}
.swatchList li a.active img,
.swatchList li a.active:link img,
.swatchList li a.active:visited img {}
ul.textLink {margin:0; padding:0; list-style-type:none;}
ul.textLink li {float:left; display:inline; margin:0 5px 0 0;}
ul.textLink li a,
ul.textLink li a:link,
ul.textLink li a:visited {display:block; width:18px; height:13px; border:1px solid #cccccc; overflow:hidden;}
ul.textLink li a:hover,
ul.textLink li a:active {border-color:#000;}
ul.textLink li a.active,
ul.textLink li a.active:link,
ul.textLink li a.active:visited {border-color:#000;}
.enlargeSwatch {display:none;}
.productDetails ul.textLink li a,
.productDetails ul.textLink li a:link,
.productDetails ul.textLink li a:visited,
.productDetails ul.textLink li a.disabled {
display:block;
width:auto;
height:26px;
margin-bottom:5px;
padding:1px 3px;
text-decoration:none;
line-height:25px;
text-align:center;
font-weight:bold;
background:#f6f6f6;
border:2px solid #d9d9d9;
overflow:hidden;
}
.productDetails ul.textLink li a.disabled {background:#ddd;border:2px solid #fff;color:#fff;}
.productDetails ul.textLink li a.disabled:hover {cursor:default;background:#ddd;}
.productDetails ul.textLink li a.active,
.productDetails ul.textLink li a.active:link,
.productDetails ul.textLink li a.active:visited {border-color:#000;background:#fff;}
.productDetails ul.textLink li a:hover,
.productDetails ul.textLink li a:active {background:#f9f9f9;}
.productDetails div.radioList label {margin-right:7px;}
.productDetails .itemSku {margin-bottom:5px; color:#999999;}
.productDetails .rating {margin-bottom:10px;}
.productDetails .itemDesc {} /*placeholder class*/
.detailsRow {margin-bottom:15px;}
.detailsRow select, .detailsRow .text {display:block; margin-bottom:5px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.detailsRow .input-inline { display: inline-block;}
.detailsRow .note {width:60%; font-size:.9em; color:#666;}
.detailsRow .itemCallouts {margin:2em 0 0; text-align:left;}
.detailsRow .itemCO {padding:3px 5px;}
.itemCallouts img{
padding-bottom: 0.5em;
}
.itemCallouts .toolTip {
/*width: auto;*/
width: 200px;
z-index: 1000;
text-align: center;
border: 0;
-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}
.rowLabel {display:block; margin-bottom:3px; font-weight:bold;}
.rowLabel-inline { display: inline-block; }
.rowPromo { font-size: 0.8em; font-style: italic; color: hsl(0, 0%, 50%); padding: 0; line-height: 1.1em; display: inline-block; width: 140px; vertical-align: top;}
.rowLabel .selectedName {font-weight:normal; color:#666666;}
.productDetails .selectedName {
display: inline-block;
max-width: 147px;
padding-top: 2px;
height: 16px;
overflow: hidden;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
.productDetails .detailsRow strong {
display: inline-block;
height: 18px;
vertical-align: top;
}
.itemPrice {font-weight:bold; font-size:1.3em; color:#1c4e87;}
/*.productImage {position:relative; margin-bottom:10px; border:1px solid #d2d2d2; text-align:center;}
.productImage .pImage {display:block;}
.productImage .btnEnlarge {position:absolute; bottom:0; right:0; cursor:pointer;}
*/
.viewsCarousel-alt {
position: relative;
}
.viewsCarousel{
position: relative;
margin:0 0 10px;
padding:15px;
background: #f2f2f2;
border: 1px solid #e6e6e6;
}
.viewsCarousel::-moz-selection{background: transparent; color: #4a4a4a; text-shadow: none; }
.viewsCarousel::selection {background: transparent; color: #4a4a4a; text-shadow: none; }
.viewsCarousel-scroll {
position: relative;
overflow: hidden;
left: 8%;
}
.viewsCarousel-alt .altViews,
.viewsCarousel .altViews {
width: 6000px;
}
ul.altViews {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 2px;
}
ul.relatedItems {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 2px;
}
.viewsCarousel-alt .altViews {
padding: 10px 20px;
}
.viewsCarousel-alt .grid-item {
padding: 0;
width: 220px;
}
.viewsCarousel .prev,
.viewsCarousel .next {
position: absolute;
top: 0;
left: 0;
float: none;
display: block;
margin: 0;
height: 100%;
width: 15px;
cursor: pointer;
z-index: 15;
}
.viewsCarousel .next{
left: auto;
right: 0;
}
.viewsCarousel .prev span,
.viewsCarousel .next span {
position: absolute;
top: 50%;
left: 50%;
margin-left: -4px;
margin-top: -7px;
}
ul.altViews li img, ul.relatedItems li img { width: 60px; height: 60px;}
.viewsCarousel-alt ul.altViews li img, .viewsCarousel-alt ul.relatedItems li img { width: 200px; height: 200px;}
.icon-carousel-right,
.icon-carousel-left {
display: inline-block;
width: 7px;
height: 13px;
background: url(/cms/images/layout/arrow-carousel.png) 0 0 no-repeat;
}
.icon-carousel-left {
background-position: -7px -13px;
}
.viewsCarousel .prev:hover .icon-carousel-left{
background-position: -7px 0;
}
.icon-carousel-right {
background-position: 0 -13px;
}
.viewsCarousel .next:hover .icon-carousel-right{
background-position: 0 0;
}
.viewsCarousel-alt .prev,
.viewsCarousel-alt .next {
position: absolute;
top: 30%;
left: 0;
cursor: pointer;
z-index: 100;
}
.viewsCarousel-alt .next {
left: auto;
right: 0;
cursor: pointer;
}
.icon-carousel-alt-right,
.icon-carousel-alt-left {
display: inline-block;
width: 15px;
height: 40px;
background: url(/cms/images/layout/arrow-carousel-alt.png) 0 0 no-repeat;
}
.icon-carousel-alt-left {
background-position: 0 0;
}
.prev:hover .icon-carousel-alt-left{
background-position: 0 -40px;
}
.icon-carousel-alt-right {
background-position: -15px 0;
}
.next:hover .icon-carousel-alt-right{
background-position: -15px -40px;
}
ul.altViews li, ul.relatedItems li {float:left; display:block; margin:0 5px 5px 0;}
ul.altViews li:last-child, ul.relatedItems li:last-child {margin-right:0;}
ul.altViews li img, ul.relatedItems li img{border:1px solid #fff;}
ul.altViews li .active img, ul.relatedItems li.active img{outline: 2px solid #0d5180;}
/* ## pagination and filters ## *
.filters {float:left; display:inline; margin:0 0 10px 0;}
.filters .filterList {float:left; display:inline; }
.filters label {float:left; display:inline; margin:2px 5px 0 0; font-weight:bold;}
.filters .sortList {float:left; display:inline; padding:0 10px;}
.filters .sortList label {margin:2px 5px 0 0;}
.filters select {float:left; margin-right:5px;}
.filters .sortItem {float:left; display:inline; margin:0; padding:2px 4px; border-right:1px solid #999999;}
.filters .sortList .last {border-right:0;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}
.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .viewAll {float:right; display:inline; padding-right:0; padding-top:5px;}
.pagination .viewAll a,.pagination .viewAll a:link, .pagination .viewAll a:visited {text-decoration:none;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; width:16px; height:15px; margin-right:4px; padding-top:1px; text-align:center; background-color:#fff; text-decoration:none; border:1px solid #517294;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; width:16px; height:15px; margin-right:4px; padding-top:1px; text-align:center; background-color:#fff; text-decoration:none; border:1px solid #517294;}
.pagination .paging .active {float:left; display:inline; width:17px; height:15px; margin-right:4px; padding-top:1px; text-align:center; color:#fff; background-color:#9baab7; text-decoration:none; border:1px solid #517294;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
/* ## banners ## *
.banners {margin-bottom:10px;}
.banners .bnrBlock {float:left; display:inline; margin-right:10px;}
.banners .last {margin-right:0;}
/* ## Carousels ## */
.carousel {margin:0 0 20px 0; position:relative;}
.scrollable {position:relative; overflow:hidden; margin:0 23px;}
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
.scrollable .items .itemWrapper {float:left; width:174px; padding:0; margin:0 5px 0 0;}
.carousel a.prev,
.carousel a.next,
.carousel a.prevPage,
.carousel a.nextPage {position:absolute; display:block; width:22px; height:45px; top:0; cursor:pointer;}
.carousel a.prev,
.carousel a.prevPage {left:0; background:url(/cms/images/layout/ui/carousel_left.gif) no-repeat 50% 0;}
.carousel a.next,
.carousel a.nextPage {right:0; background:url(/cms/images/layout/ui/carousel_right.gif) no-repeat 50% 0;}
.carousel a.prev:hover,
.carousel a.next:hover,
.carousel a.prevPage:hover,
.carousel a.nextPage:hover {background-position:50% -45px;}
.carousel a.disabled,
.carousel a.disabled:link,
.carousel a.disabled:visited,
.carousel a.disabled:hover,
.carousel a.disabled:active {background-position:50% -90px; cursor:default;}
.carousel .navi {margin-left:22px; width:200px; height:20px;}
.carousel .navi a, .carousel .navi a:link, .carousel .navi a:visited {width:8px; height:8px; float:left; margin:3px; background:url(/cms/images/layout/ui/carousel_navigator.png) 0 0 no-repeat; cursor:pointer; overflow:hidden;}
.carousel .navi a:hover, .carousel .navi a:hover:active {background-position:0 -8px;}
.carousel .navi a.active, .carousel .navi a.active:link, .carousel .navi a.active:visited {background-position:0 -16px;}
/* ## shopping cart ## */
.shopping-cart {
margin: 0;
}
.shopping-cart .mod-title .title {
display: inline-block;
}
.cartTools {
padding-top: 9px;
float: right;
color: #fff;
}
.cartTools a {
color: #fff;
}
/*.cartTools {text-align:right; padding:5px; margin:0 0 10px 0; border:1px solid #D2D2D2;}*/
.cartTools ul {float:left; text-align:left; margin:0; padding:0; list-style-type:none;}
.cartTools li {display:inline-block; padding:0 10px 0 0; position:relative;}
.cartTools ul li ul.popup {position:absolute; top:15px; left:-2px; visibility:hidden; padding:8px; border:solid 1px #666;width:210px; background:#fff; line-height:1.5em; z-index: 1000; color: #4a4a4a; font-size: 12px;}
.cartTools .close {padding:0; margin-top:4px; top:0; left:0; text-align:center;}
.cartTools ul.popup li {display:block;}
.cartTools .popup a { color: #0c527e }
.cartTools a,
.cartTools a:link,
.cartTools a:visited {font-size:9px; font-weight:bold; text-decoration:none; cursor:pointer;}
.cartTools a:hover,
.cartTools a:active {text-decoration:underline; color: #FCFCFC;}
.accountBlocks .cartTools {float: none;}
.accountBlocks .cartTools a {color: #0C527E;}
/*.backTo {margin:0; text-align:right;}
.backTo strong.title {font-size:9px; font-weight:bold;}
.backTo a.bringBackTo {padding:0 0 0 10px;}
*/
.cartTools .sf-menu ul {float:none; background-color:#fff;}
/*.cartwrpr {margin:0 auto; padding:2px 0 13px 0;}
*/
.shiphdng {margin:0 0 10px 0; padding:5px; font-weight:bold; background-color:#efefef; border:1px solid #D2D2D2;}
.shipAddr {border-width:1px 1px 0 1px; border-style:solid; border-color:#999999;}
.shipAddr table td {padding: 5px 10px 5px 3px;}
.cart {width:100%; margin:0 auto 5px auto; border-collapse:collapse;}
/* ******** */
/* Cart Fix */
/* ******** */
.cart table tr td {border-bottom:none;}
.cart .edit table tr td{font-size:.9em;}
.cart .edit div a {font-size:.9em;}
/* ************ */
/* End Cart Fix */
/* ************ */
.cart table.innerTable td {border:0; vertical-align:top; padding:0;}
.cart table.innerTable td.pImg {padding-right:10px;}
.cart th {padding:5px 10px; color:#fff; background-color:#125272; text-align: left;}
.cart td {background-color:#fff; vertical-align:top; padding:10px 0 10px 5px; border-bottom:1px solid #DAE2EA;}
.cart tr.noborder td {border-bottom-width:0;}
.cart td.edit div {padding:5px 0 0 0; font-size:.9em;}
.cart td.qty input.text, table.cart td.wrapping input.text {width:20px; padding-left:3px; padding-right:3px; text-align:center;}
.cart td p {font-size:13px; font-weight:bold; margin:0; color:#000;}
.cart td ul {margin:0; padding:0; list-style-type:none;}
.cart td ul.selections li {margin-bottom:5px; padding-left:10px; background:url(/cms/images/arrowRight.gif) no-repeat 0 4px; font-weight:bold;font-size:13px;}
a.removeItem {font-size:11px; color:#d7182a;}
.cartInfo {
margin-top: 10px;
}
.btnUpdateCart {
margin-top: 0;
}
.cart-disclaimer {
border: 1px solid #e6e6e6;
background: #f2f2f2;
padding: 5px;
font-size: 11px;
}
.cartSupport .tabdiv p {line-height:1.4em;}
.cartSupport .tabdiv ul {padding:0; margin:5px 0 0 5px; line-height:18px; list-style-type:none;}
.cartSupport .tabdiv ul li {padding:2px 3px 0 0; margin-bottom:7px; color:#000000;}
/*.checkoutBlock {float:right; width:33%; }*/
/*.updateCart {padding-bottom:11px; margin-bottom:11px; border-bottom: 1px solid #D2D2D2;}
*/
.promoCode {margin-bottom:7px; padding:5px 10px; border:1px solid #D2D2D2;}
.promoCode .promoLabel {float:left; font-weight:bold; padding:5px 10px 0 0;}
.promoCode img, .promoCode input {display:block; float:left;}
.promoCode input.image {margin:0 0 0 8px;}
.promoCode input.text {width:117px; margin:2px 5px 0 0;}
.promoCode input.select {width:117px; background-color:#f7f7f7;}
.promoCode .btn-small { margin-top: 2px;}
.multipleShips {padding:0 0 10px 0; margin:0 0 20px 0; border-bottom: 1px solid #D2D2D2;}
/*.chkoutBoxes {margin-bottom:15px;}
.chkoutBoxes .chkoutRow {position:relative; min-height:1px; *height:1%; background:#fff; border:1px solid #DAE2EA; margin-bottom:2px;}
.chkoutBoxes .chkoutRow .title {float:left; display:inline; width:178px; padding:7px 5px 7px 0; margin:0; text-align:right; border-right:1px solid #fff; background-color:#e6edf2;}
.chkoutBoxes .chkoutRow .price {float:right; display:inline; width:95px; padding:6px 15px 0 0; font-size:13px; font-weight:bold; text-align:right;}*/
.chkoutRow {
position: relative;
}
.chkoutBoxes a.enterZip, .chkoutBoxes a.enterZip:link, .chkoutBoxes a.enterZip:visited { font-size:11px; color:#000000; text-decoration:underline; z-index:10;}
.checkout-total {
margin-top: 8px;
padding-top: 8px;
border-top: 2px solid #e6e6e6;
}
.shipData {display:none; padding:10px; margin-bottom:2px; border:1px solid #1C4E87; background:url(/cms/images/layout/gradient_tanbottom.gif) repeat-x 0 100%;}
.shipData .shipRow {padding:10px 0 0 0;}
.shipData .shipTitle { margin-top:3px;}
.shipData input, .shipData select {}
.shipData input.text {display:inline;margin:0 5px 0 0}
.updateCart span {display:block;}
.updateCart input.btn {width:100%;}
.proceedCheckout span {display:block;}
.proceedCheckout input.btn {width:100%;}
/* ## dialog windows ## */
.uiModal {display:none;}
.recentDialog .recentlyViewed {border-bottom:1px solid #e5e5e5;}
.recentDialog .itemWrapper {float:left; display:inline; width:215px; padding:0 10px 0 0; margin-bottom:20px;}
.recentDialog .itemWrapper a.itemLink,
.recentDialog .itemWrapper a.itemLink:link,
.recentDialog .itemWrapper a.itemLink:visited {float:left; display:inline; width:103px; margin-right:5px;}
.recentDialog .itemWrapper .itemImage {padding:0; border:1px solid #d2d2d2;}
.recentDialog .itemWrapper .itemDetails {float:left; display:inline; width:105px;}
.recentDialog .itemWrapper .itemTitle a,
.recentDialog .itemWrapper .itemTitle a:link,
.recentDialog .itemWrapper .itemTitle a:visited {color:#000;}
.recentDialog .itemWrapper .itemSku {margin-bottom:5px;}
.recentDialog .itemWrapper .itemPrice {font-size:1em; font-weight:normal; color:#000;}
/*
.imageViewer .mainImage {float:left; display:inline; width:585px;}
.imageViewer .mainImage img {border:1px solid #d2d2d2;}
.imageViewer .thumbnails {float:left; width:103px;}
*/
.imageViewer-image {
float: left;
width: 667px;
/*width: 72%;*/
min-height: 560px;
padding-right: 10px;
}
.imageViewer-alt{
float: right;
width: 166px;
/*width: 24%;*/
min-height: 560px;
}
.imageViewer .mainImage {
width: auto;
height: auto;
max-width: 100%;
}
.imageViewer .altViews {
width: 134px;
min-height: 515px;
background: #f2f2f2;
border: 1px solid #e6e6e6;
padding: 5px 0px 5px 5px;
}
.imageViewer .altViews a {
display: inline-block;
}
/* Item added to cart */
#item-dialog
{
display:none;
background:#fff;
border:solid 2px #005e8f;
position:absolute;
top:176px;
left:626px;
width:320px;
z-index:5000;
}
.hdng-item-dialog
{
padding:6px 0;
text-align:center;
font-size:1.4em;
background-color:#e6edf2;
border-bottom:solid 1px #ccd1d8;
}
.item-dialog-content
{
padding:6px 0 8px 0;
margin:0 12px;
}
.item-dialog-details
{
color:#444;
}
/* ## Error Markers ## */
/* this overwrites default due to different form support */
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}
.fieldtext {color:#000000;}
.fielderror {color:#f00;}
.fieldnorm {width:16px; height:20px;}
.req, .fieldreq {padding-right:12px; background:transparent url(/cms/images/global/field-req.gif) no-repeat 100% 2px;}
.error, .fieldred {padding-right:12px; color:#f00; background:transparent url(/cms/images/global/field-error.gif) no-repeat 100% 2px;}
.errorMessage {margin:0 0 25px 0; text-align:left; background-color:#ffff99; border:1px solid #ff0000 ;}
.help {font-size:.9em; color: #666;}
/* ## account area ## */
.account + .account { margin-top: 0.4em;}
.account .mod-title {
position: relative;
overflow: hidden;
padding: 0.4em 15px;
background: #e4e4e4;
border: 1px solid #cfcfcf;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.graph20 .account .mod-title{
background: none;
border: none;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.account .mod-title .title {
float: left;
margin: 0;
color: #0c527e;
font-size: 1.14em;
font-weight: bold;
}
.account .title small {
display: inline-block;
padding-left: 1em;
font-weight: normal;
color: #4a4a4a;
}
.account-edit {
display: block;
float: right;
padding:3px 0 1px;
font-size: 0.79em;
text-transform: uppercase;
text-decoration: none;
}
.account-edit:hover,
.account-edit:focus {
text-decoration: underline;
}
.account .mod-content {
padding: 15px;
font-size: 0.857em;
background: #f2f2f2;
}
.account-alt .mod-content {
background: #fff;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.account-info label{
font-weight: bold;
padding-right: 1em;
}
.account-info {
word-wrap: break-word;
}
.table-transactions {
width: 100%;
}
.table-transactions th {
text-align: left;
padding: 0.6em 1.5em;
}
.table-transactions td {
padding: 0.6em 1.5em;
}
.table-transactions tr:nth-child(2n){
background: #f2f2f2;
}
.table-transactions thead {
border-bottom: 1px dotted #d1d1d1;
}
.btn.mypoints {
display: block;
line-height: inherit;
background: #153146;
cursor: default;
}
.mypoints strong{
display: block;
font-weight: bold;
font-size: 3.5em;
line-height: 1em;
}
.accountBlocks {position:relative; min-height:1px; border:1px solid #0c527e;}
.accountBlocks .inner {padding:25px 15px 10px 15px;}
.accountBlocks .blockhdng {position:absolute; font-size:1.4em; top:-14px; left:10px; padding:3px 5px; margin:0; background-color:#fff; background-position:50% 50%;}
/*.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}*/
.multiColumn {}
.multiColumn .halfColumn {float:left; display:inline; width:48%;}
.multiColumn .rightColumn {float:right;}
.accountLogin {background:url(/cms/images/global/lbl-or.gif) no-repeat center 45%;}
.accountLogin .halfColumn {width:46%;}
.accountBlocks .cartwrpr {margin:0; padding:0;}
.accountBlocks .multipleShips {border-bottom:0; padding:0; margin:0;}
/*
input[readonly], textarea[readonly], select[readonly] {background: none repeat scroll 0 0 lightgray;}
*/
.formTable {vertical-align:top;}
.formTable th {width:100px; padding:0 12px 7px 0; background-color:transparent; vertical-align:top; font-weight:bold;}
.formTable td {padding:0 0 7px 0; vertical-align:top;}
.formTable td td {padding:0 2px 0 0;}
.formTable .req {font-weight:bold;}
.formTable .error {font-weight:bold; color:#f00;}
.formTable .securityCode {padding:7px 5px 7px 0; border:1px solid #a8c6e0;}
.formTable input.text {}
.forms {float:left; display:inline; width:100%; margin:0 0 10px 0; padding-top:5px;}
.forms dt {float:left; clear:left; width:40%; margin:0; padding:0 12px 7px 0; text-align:right; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forms dt.full {width:90%; clear:both; text-align:left;}
.forms dd {float:left; width:60%; margin: 0; padding:0 5px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forms dd.clear {padding:0; margin:0;}
.forms dd.full {width:90%; clear:both;}
.forms dd.clear {width:90%; clear:both; float:none;}
.forms dd.help {padding-top:2px;}
.forms dl {float:none; display:block; margin:0;}
.forms .req {font-weight:bold;}
.forms .error {font-weight:bold; color:#f00;}
.forms .optional {font-weight:normal;}
.forms label {vertical-align:top;}
.forms input.text {width: 160px;}
.forms textarea {}
.forms input[type="checkbox"] + label { padding-left: 5px; padding-right: 10px;}
.formRow {margin:0 0 8px 0;}
.formRow label {display:inline-block; margin:0 0 4px 0;}
.formRow input.text {width:210px; margin:0 0 7px 0;}
.formRow input.full {width:93%;}
.formRow .req, .formRow .fieldreq {padding:0 0 0 12px; background-position:0 2px;}
.formRow .error, .formRow .fieldred {padding:0 0 0 12px; background-position:0 2px;}
.forms fieldset {margin:0; border:0; padding:0;}
.formRow .formLabel {display:block; font-weight:normal;}
.formsColumn .formRow .formLabel {float:left; display:inline; width:110px; margin-right:10px;}
.multiCol .colWrap {float:left; display:inline;}
.multiCol2 .colWrap {width:48%;}
.multiCol .ratio29 {width:29%; margin-left:2%; margin-right:2%; }
.multiCol .ratio35 {width:34%;}
.multiCol .ratio40 {width:39%;}
.multiCol .ratio60 {width:59%;}
.multiCol .ratio65 {width:64%;}
.shipmethod {position:relative; display:inline-block;}
.shipalert {position:absolute; right:-198px; top:0; padding:7px 20px 7px 7px; width:160px; border:solid 1px #9baab7; background:#E0E0E0;}
.shipalert .arrowTab {position:absolute; top:-1px; left:-9px; width:8px; height:9px; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 0 0;}
.shipalert .close {position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; text-indent:-9999em;}
/* ## sub-mini cart ## */
.subCart {margin-bottom:20px;}
.subCart th {background:transparent;}
/* ## checkout process ## */
ul.processSteps {margin:0; padding:0; list-style-type:none;}
ul.processSteps li {float:left; display:inline; padding:5px 7px; margin:0 3px 10px 0;}
ul.processSteps li.active {background-color:#2F679B; color:#fff; border:1px solid #2F679B;}
ul.processSteps li.prevStep {background:#E0E0E0;}
ul.processSteps li.prevStep a,
ul.processSteps li.prevStep a:link,
ul.processSteps li.prevStep a:visited {color:#666;}
.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}
/* ## send to friend ## */
.friendPopup {width:660px; padding:10px; margin:0 auto;}
.friendPopup dl.forms dt {width:90px;}
/* ## Limit Textbox ## */
.txtlimitbx {background-color:#1c4e87;}
.txtlimitbx2 {background-color:#a8c6e0;}
/* ## faq ## */
ul.faqLinks {margin:5px 0 10px 15px; padding:0; list-style-type:none;}
ul.faqLinks li {padding-bottom:5px;}
dl.faqList {}
dl.faqList dt {font-weight:bold; margin-bottom:3px;}
dl.faqList dd {position:relative; padding-left:20px; margin:0 0 7px 0;}
dl.faqList .answerLabel {position:absolute; top:0; left:0; font-weight:bold;}
/* ## Edit Customer Order ## */
.eco {float:right;padding:5px;border:solid 1px #000;background:#fff;margin:5px;position:relative;z-index:1000; color:#f00;line-height:1.5em;}
.eco a {color:#f00;font-weight:bold;}
/* ## dropcart ## */
.dropCart {margin:0 auto; display:none;}
.dropCartHeader {padding:5px; font-weight:bold; font-size:12px; background:#D9D9D9; color:#333;}
.dropCartHeader .closebtn {float:right; display:inline; width:24px; height:22px; margin:3px 6px 0 0; background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0; text-indent:-9999em; cursor:pointer;}
.cartContainer {padding:7px 8px 16px 8px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; background:#fff;}
.dropCart .dropCartContent {padding:10px 0;}
.dropCartBase .hdrBannerBar {position:static; height:28px; z-index:1; padding:4px 0 0 10px; border-left:1px solid #D9D9D9; border-bottom:1px solid #999;}
.dropCartBase .checkoutBlock {background:#fff; }
.dropCartBase .chkoutBoxes {margin-bottom:0; border-right:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutRow {border-left:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutSubtotal {border-left:0; margin-left:1px;}
.dropCartBase .chkoutBoxes .chkoutRow .title {height:25px; padding-bottom:0;}
.dropCartButtons {padding:5px; text-align:center;}
/* ## recent cart ## */
.recent-cart {position:absolute; top:-9999em; right:26px; width:315px; z-index:1000000000; background:#fff; border:1px solid #949494;}
.recent-cart .itemWrapper {float:none; display:block; width:auto; height:auto; padding:0 10px;}
.recent-cart .itemWrapper .itemLink,
.recent-cart .itemWrapper .itemLink:link,
.recent-cart .itemWrapper .itemLink:visited {float:left; width:101px;}
.recent-cart .itemWrapper .itemContent {margin-left:110px;}
.recent-cart .itemWrapper .itemTitle {font-weight:bold;}
/* ## collection items ## */
.collectionItems {border:solid 3px #ddd;padding:10px;height:350px;overflow:auto;}
.collectionItems .itemWrapper {padding:10px;}
.collectionItems .itemWrapper a.itemLink,
.collectionItems .itemWrapper a.itemLink:link,
.collectionItems .itemWrapper a.itemLink:visited {float:left; display:inline; width:226px;}
.collectionItems .itemWrapper .itemDetails {float:left; display:inline; width:40%; margin-left:10px;}
.collectionItems .itemWrapper .itemTitle {display:inline;}
.collectionItems .itemWrapper .detailsRow {margin:10px 0;}
.collectionItems .itemWrapper .itemQuantity {float:right; display:inline; width:150px;}
.collectionItems .itemWrapper .itemQuantity .rowLabel {float:left; display:inline; margin-right:5px; padding-top:3px;}
.toolTipTrigger {margin-left:10px; cursor:pointer; text-decoration:underline;}
.toolTip {
display:none;
width:220px;
padding:5px;
text-align:left;
border:2px solid #e5e3e1;
background:#fff;
}
.Bannerrotate ul,
.Bannerrotate ul li {display:block; width:100%; text-align:center; margin:0; padding:0; list-style-type:none;}
.RadioButtonList label {margin-right:10px;}
/* site tags */
.tagsWrapper {padding:5px; border:1px solid #ccc;}
.tagsWrapper .taghdng {font-weight:bold; color:#000; text-decoration:none;}
.tagList {display:inline; margin:0; padding:0; list-style-type:none;}
.tagList li {display:inline; margin:0 2px;}
.tagList a,
.tagList a:link,
.tagList a:visited {color:#666;}
.addTag-trigger{text-decoration:underline; cursor:pointer;}
.addTagWrapper {display:none;}
.hTagcloud .tagList {display:block; margin:0 auto; text-align:center;}
.tagList .popular1 {}
.tagList .popular2 {font-size:1.2em;}
.tagList .popular3 {font-size:1.4em;}
.tagList .popular4 {font-size:1.6em;}
.tagList .popular5 {font-size:1.8em;}
/* ## Master Overlay Control ## */
/* overlay quick view */
.qvWrapper .qvLeft {float:left; display:inline; width:250px; margin-bottom:10px;}
.qvWrapper .qvRight {float:right; display:inline; width:250px; margin-bottom:10px; padding-top:5px;}
.qvWrapper .productImage {position:relative;}
.qvWrapper .productImage img {display:block; margin:0 auto;}
.qvWrapper .reviewItem {margin-bottom:18px; padding:10px 0;}
.qvWrapper .textRating {display:none;}
.qvWrapper .averageCount {margin-left:7px; font-style:italic; color:#2d7ac0;}
.qvWrapper .itemPrice {margin:10px 0; padding:0; border:0; line-height:normal;}
.qvWrapper .itemButtons {position:absolute; bottom:14px; left:43px; right:43px;}
.qvWrapper .itemButtons a.detailsButton,
.qvWrapper .itemButtons a.detailsButton:link,
.qvWrapper .itemButtons a.detailsButton:visited {display:block; height:28px; margin-bottom:4px; line-height:28px; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#000; border:1px solid #6e6d6a;}
.qvWrapper .itemButtons a.detailsButton:hover,
.qvWrapper .itemButtons a.detailsButton:active {background:#6e6d6a;}
.qvWrapper .tabnav li a,
.qvWrapper .tabnav li a:link,
.qvWrapper .tabnav li a:visited {padding:5px 20px; font-size:11px;}
.qvWrapper .tabnav li.ui-tabs-selected a,
.qvWrapper .tabnav li.ui-tabs-selected a:link,
.qvWrapper .tabnav li.ui-tabs-selected a:visited {font-size:11px; padding:6px 20px;}
/* ## one page checkout ## */
.note {font-size:.8em; color:#4e4e4e;}
.note a, .note a:link, .note a:visited {text-decoration:underline;}
.memberBar {min-height:1px; margin:0 0 7px 0; padding:5px; background:#e6edf2;}
.memberBar .hdng {margin:0; padding:0 10px; line-height:30px; border:0; border-right:1px solid #fff;}
.memberBar .memberBarInner {padding:3px 15px 0 15px; text-align:right;}
.memberBar label {margin-right:2pxs; font-weight:bold; vertical-align:baseline;}
.memberBar span.btnWrapper {margin-right:10px;}
/* .useSavedAddress {font-size:.9em; color:#4e4e4e; background:url(/cms/images/layout/gradient_graybottom.gif) repeat-x 0 100%;}
.useSavedAddress input {margin-right:5px; vertical-align:middle;}*/
.onePageCheckout { position:relative; }
.onePageCheckout .title {
margin: 0;
font-size: 1.71em;
}
.onePageCheckout .checkboxTitle {background:#F2F2F2; border:1px solid #E6E6E6; margin:0 0 10px 0; font-size:1.5em; line-height:normal;}
.onePageCheckout .checkboxTitle input[type="radio"] {float:left; margin:9px 10px 0 10px; }
.onePageCheckout .checkboxTitle label {display:block; padding:5px; cursor:pointer;}
.checkoutSection {
padding-top: 1em;
margin-top: 1em;
border-top: 1px dotted #d1d1d1;
}
.inStorePickup {
border-top:2px dotted #145374;
padding-top: 1.2em;
margin-top: 1.2em;
}
.inStorePickup .address {padding:10px 10px 15px 10px; font-size:.9em; color:#666666;}
.inStorePickup .address .addressTitle {text-align:left; font-size:1.3em; font-weight:bold;}
.inStorePickup .address .addressLabel {float:left; width:120px; text-align:left; font-weight:bold;}
.inStorePickup .address .addressContent {float:left; text-align:left; }
.onePageCheckout .formRow {
margin-bottom: 0.4em;
}
.onePageCheckout label.input-req {
font-weight: bold;
}
dl.checkoutProcess {min-height:1px; margin:0 0 15px 0;}
/*dl.checkoutProcess dt.stepTitle {border:1px solid #1C4E87;}*/
dl.checkoutProcess dt.stepTitle span.stepTitleInner {
position:relative;
display:block;
padding:7px 65px 7px 10px;
color:#fff;
font-size:14px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: #306c91;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #306c91 0%, #125272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(100%,#125272));
background: -webkit-linear-gradient(top, #306c91 0%,#125272 100%);
background: -o-linear-gradient(top, #306c91 0%,#125272 100%);
background: -ms-linear-gradient(top, #306c91 0%,#125272 100%);
background: linear-gradient(to bottom, #306c91 0%,#125272 100%);
}
dl.checkoutProcess dt.inactive span.stepTitleInner {
color: #306c91;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd));
background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#cdcdcd 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
dl.checkoutProcess dt.previous {border:1px solid #DAE2EA;}
dl.checkoutProcess dt.previous span.stepTitleInner {color:#707070; background-color:#e6edf2;}
dl.checkoutProcess dd.stepContent {margin:0 0 1px 0; padding:20px 10px; border:1px solid #DAE2EA ; border-top:0;}
dl.checkoutProcess .stepGroupTitle {float:left; display:inline; width:110px; margin-right:20px; text-align:left;}
dl.checkoutProcess .stepGroupTitle .hdng {font-size:17px; color:#4e4e4e; border:0; font-weight:normal;}
/*dl.checkoutProcess .stepGroupContent {float:left; display:inline; width:470px; margin-bottom:13px;}*/
dl.checkoutProcess .stepGroupContent .accountBlocks {margin:0; border:0;}
dl.checkoutProcess .stepGroupTitle .hdng span {display:block; padding:3px 0 0 0; font-size:11px; text-transform:none;}
.checkoutProcess .forms fieldset {position:relative; margin:0 0 10px 130px;}
.checkoutProcess .forms fieldset legend {position:absolute; left:-130px; top:0; width:110px; color: #4E4E4E; font-size: 17px; font-weight: normal; white-space:normal;}
.checkoutProcess .forms fieldset legend span {float:left;}
.checkoutProcess .forms fieldset legend span.note {float:none; font-size:11px;}
.checkout-heading,
.store .main-area .page-heading .title,
.page-heading.with-line {
border-bottom: 1px dotted #d1d1d1;
margin-bottom: 1em;
}
.store .main-area .page-heading.with-line .title {
border-bottom: 0;
margin-bottom: 0;
}
.checkout-heading .title {
margin: 0.5em 0;
line-height: 1em;
}
.store .main-area .page-heading .title, .page-heading.with-line .title {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 0.3em;
}
.checkout-login {
padding: 1.5em 1em 0;
font-size: 1.2em;
text-align: right;
}
.checkoutCart {
border: 1px solid #f2f2f2;
padding: 15px;
}
.cartHeader:after {
content: "";
display: table;
clear: both;
}
.cartHeaderInner {
float: left;
margin: 0 0 0.5em;
font-size: 1.71em;
}
.checkoutCart .editLink {
display: inline-block;
padding: 7px 0;
float: right;
text-transform: uppercase;
font-size: 0.86em;
text-decoration: none;
}
.checkoutCart .editLink:hover,
.checkoutCart .editLink:focus {
text-decoration: underline;
}
.chkoutBoxes {
border: 1px solid #e6e6e6;
background: #f2f2f2;
padding: 10px;
}
.chkoutTotalRow {
font-weight: bold;
}
.chkoutBoxes em { color: #999999;}
/*.checkoutSummary {position:absolute; top:0; right:0; width:290px; height:100%;}*/
/*.checkoutCart {position:absolute; top:0; width:290px; padding:0;}*/
/* .checkoutCartInner {margin:0 0 2px 0;}
.checkoutCart .cartHeader {border:1px solid #a8c6e0;}
.checkoutCart .cartHeader .cartHeaderInner {position:relative; padding:7px 65px 7px 10px; color:#1C4E87; font-size:14px; font-weight:bold; background-color:#e6edf2;}
.checkoutCart .cartItems { padding:1px 10px; border:1px solid #dae2ea; border-top:0; }
.checkoutCart .itemWrapper {margin:10px 0; }
.checkoutCart .itemImage {float:left; display:inline; height:auto;}
.checkoutCart .itemContent {position:static; padding:0; text-align:left; font-size:1em;}
.checkoutCart .itemContent .itemTitle { float:left; width:55%; margin:0; text-align:left; font-size:1em; font-weight:normal; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.checkoutCart .recipHeader { padding:10px 0 0 0; border-bottom:1px dotted #ccc; }
.checkoutCart .itemWrapper .itemSwatch {float:left; display:inline; margin:7px 0 12px 0;}
.checkoutCart .itemWrapper .itemPrice { float:right; display:inline; width:40%; margin:0; font-size:1em; text-align:right; font-weight:normal; }
.checkoutCart .itemWrapper .qtyNum {}
.checkoutCart .chkoutBoxes .chkoutRow .title {width:160px;}
.checkoutCart .chkoutBoxes .chkoutRow .price {width:105px;}
*/
.siteStamps {margin:10px 0;}
.siteStamps img {vertical-align:middle;}
.stepTitle {
margin: 0.25em 0;
}
dl.checkoutProcess dt.stepTitle a.editLink,
dl.checkoutProcess dt.stepTitle a.editLink:link,
dl.checkoutProcess dt.stepTitle a.editLink:visited {position:absolute; right:10px; top:8px; font-size:14px; text-decoration:none; text-transform:none;}
/* .checkoutCart .cartHeader a.editLink,
.checkoutCart .cartHeader a.editLink:link,
.checkoutCart .cartHeader a.editLink:visited {position:absolute; right:10px; top:8px; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none;}
*/
.dateSelection .selector {float:left; display:inline; width:90px; margin-right:10px;}
.dateSelection div.selector span {width:60px;}
.dateSelection div.selector select {width:97px;}
.checkoutProcess .supportedPayments { margin:0 0 10px; }
.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}
.helpfulInfo {font-size:14px; color:#4e4e4e; line-height:1.7em;}
.helpfulInfo .hdng2 {margin:0; font-size:18px; font-weight:normal; color:#4e4e4e;}
.cartQuestionsText {float:left; display:inline; width:255px; padding:0 20px;}
.helpLinks {float:left; display:inline; width:320px;}
.helpLinks ul.linkList {}
.helpLinks ul.linkList li {float:left; display:inline; width:140px; margin:0 10px 0 0; padding:0 0 0 10px; background:url(/images/layout/arrow_right_red_open.gif) no-repeat 0 8px;}
.helpLinks ul.linkList a,
.helpLinks ul.linkList a:link,
.helpLinks ul.linkList a:visited {color:#4e4e4e; text-decoration:none;}
.shippingOptions {}
.shippingOptions .shipOpt {float:left; display:inline; width:160px; margin: 0 5px 5px 0; padding:5px 10px 5px 5px;}
.shippingOptions .shipOpt label {margin:0; cursor:pointer;}
.shipping-selected {background-color:#e6edf2;}
.reviewAllBlock {float:left; display:inline; width:48%; margin:0 10px 0 0; padding:0;}
.reviewAllBlock .listhdng {display:block; margin-bottom:4px;}
.reviewAllBlock .secondRow {margin-top: 11px;}
.reviewAllBlock .recipientSeparator {border-top: 1px solid #666; width:50%;}
.reviewAllBlock .hline {border-bottom:1px solid #D2D2D2; display:block; margin:-8px 0 5px; width:45%;}
span.grandTotal {color:#142c88; font-size:16px;}
span.billingEmail {display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom;}
.LeftNavWrapper{
margin-top: 40px;
}
.banner-random{
text-align: center;
}
.checkoutOr {background:url(/cms/images/layout/or.jpg) no-repeat 0 0; width:84px; height:10px;margin: 20px auto 0;}
.checkoutOr span {display:block; margin:0 auto; text-align:center; width:30px; background:#ffffff; text-transform:uppercase; position:relative; top:-2px; color:#aaaaaa;}
.multiHolder{
width: 960px;
margin: 0 auto;
}
.multiLeft{
width: 220px;
float: left;
}
.multiRight{
width: 720px;
margin-left: 20px;
float: left;
}
.multiLeft [class*="grid"], .multiRight [class*="grid"]{
padding: 0px;
margin: 10px 2%;
}
.multiLeft [class*="grid"] .block, .multiRight [class*="grid"] .block{
padding: 0px;
margin: 0px;
}
.multiLeft .grid-3{
margin-left: 0px;
}
.multiRight .fItem{
margin-left: 0px !important;
}
.multiRight .lItem{
margin-right: 0px !important;
}
.multiRight .grid-12{
width: 100%;
margin: 0px;
}
.multiRight .grid-9 .block{
margin: 20px;
}
.multiRight .grid-6{
width: 48%;
}
.multiRight .grid-4{
width: 220px;
margin: 0px 15px;
}
.multiRight .grid-3{
width: 22%;
}
.multiRight .grid-13{
width: 125px;
margin: 0 12px;
}
.multiRight .grid-13.lItem{
margin: 0 11px;
}
/* ## email cart pop up ## */
.email-cart-popup .emailCartContent .content{text-align:center;font-weight: bolder;font-size: 0.91em;}
.email-cart-popup .emailCartContent .input{text-align:center;padding:7px}
.email-cart-popup .emailCartContent .input input[type=text]{height:25px;-webkit-box-shadow:0 1px 0 #FFF,0 -2px 5px rgba(0,0,0,0.08) inset;-moz-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;-ms-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;-o-box-shadow:0 1px 0 #fff,0 -2px 5px rgba(0,0,0,0.08) inset;box-shadow:0 1px 0 #FFF,0 -2px 5px rgba(0,0,0,0.08) inset;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:#EAE7E7;border:1px solid #C8C8C8;color:#777;font:Helvetica,Arial,sans-serif;padding-left:5px}
input#txtCartEmail{width:233px}
.email-cart-popup .emailCartContent .input input[type=text]:focus{-webkit-box-shadow:0 0 2px #134c6a inset;-moz-box-shadow:0 0 2px #134c6a inset;-ms-box-shadow:0 0 2px #134c6a inset;-o-box-shadow:0 0 2px #134c6a inset;box-shadow:0 0 2px #134c6a inset;background-color:#FFF;border:1px solid #134c6a;outline:none}
.signincart{display:none}
.emailCartHeader{padding:15px;font-weight:700;font-size:12px;text-align:center}
.emailCartHeader .closebtn{float:right;display:inline;width:24px;height:22px;margin:3px 6px 0 0;background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0;text-indent:-9999em;cursor:pointer}
.errorMsgCartPopup{color:red;font-size: 0.8em;}
/*
Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/
/* CSS for lens */
.cloudzoom-lens {
border:5px solid #888;
width:100px;
height:100px;
box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
cursor:crosshair;
z-index: 10;
}
/* CSS for zoom window. */
.cloudzoom-zoom {
border:1px solid #888;
width:500px;
height:200px;
box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
z-index:999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
border:none;
box-shadow:none;
z-index:999;
}
/* CSS for captions */
.cloudzoom-caption {
display:none; /* CSS captions should be hidden initially */
text-align: left;
background-color:#000;
color:#fff;
font-weight:bold;
padding:10px;
font-family: sans-serif;
font-size:11px;
}
/* A blank image */
.cloudzoom-blank {
background-image:url(blank.png);
}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {
background-image:url(ajax-loader.gif);
width:32px;
height:32px;
}
ul.altViews li img.cloudzoom-gallery-active {outline: 1px solid #0d5180;}
/* *** END
Store (~/cms/includes/store.css) *** */
/* *** BEGIN
Polls (~/cms/includes/subcss/polls.css) *** */
.poll{}.poll .pollDesc{}.poll ul{padding:10px 0 10px 5px;list-style-type:none}.poll li{margin-bottom:5px}.poll li input{margin:4px 3px 3px 0;padding:0;float:left}.poll li div{padding-left:18px}.pollSubmitWrpr{margin:0 auto 20px auto;width:98px;display:block;text-align:center}.pollSubmitWrpr input{margin-bottom:5px}.pollSubmitWrpr h4{font-size:11px}.viewPollArchivesWrpr{padding:5px}.pollResultsWrpr{margin:5px 5px 5px 5px;border-bottom:1px solid #d9d9d9;padding:0 0 4px 0}.pollPercentageWrpr{}.pollPreviousQuestionsWrpr{border:1px solid #cfcab5;padding:3px;margin-bottom:10px}.pollPreviousQuestionsWrprHdng{font-weight:bold;margin-bottom:3px}.pollPreviousQuestionWrpr{font-size:1em;margin-bottom:3px}.pollPreviousQuestionDate{font-style:italic;float:left;padding-right:5px}.pollPreviousQuestionName{margin-left:65px}.pollPreviousQuestionName a,.pollPreviousQuestionName a:link,.pollPreviousQuestionName a:visited{}.pollPreviousQuestionName a:hover{}.pollPreviousQuestionName a:active{}.pollPercentageQuestion{border-bottom:1px solid #000;margin-bottom:5px;font-weight:bold;font-size:13px}.pollPercentageResultsHdng{font-weight:bold;margin-bottom:5px;display:block}.pollPercentageResultWrpr{margin-bottom:5px}.pollPercentageResultsBarHeight{height:12px}.pollPercentageResultsBar{margin:0;padding:0;background-color:#600;margin-right:5px;float:left}.pollPercentageResultTotalWrpr{margin-top:5px}.pollResults{height:10px;background:#fff}.poll-result .pollResults{background:#0c527e}.pollResultsText{margin-bottom:5px}
/* *** END
Polls (~/cms/includes/subcss/polls.css) *** */
/* *** BEGIN
Events (~/cms/includes/subCSS/events.css) *** */
.eventsModuleTheme .filter{color:#fff;background:#22457b url(/cms/images/core/bg_calfilter.gif) repeat-x 0 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin-bottom:6px}.eventsModuleTheme a,.eventsModuleTheme a:link,.eventsModuleTheme a:visited{color:#0c527e}.eventsModuleTheme .range{vertical-align:middle}.eventsModuleTheme select{padding:0}.eventsModuleTheme .selected{font-weight:bold}.filterViewWrpr{float:left}.filterViewWrpr .viewType{margin-bottom:5px;text-transform:capitalize}.filterViewWrpr .viewType .selected{font-weight:bold}.filterViewWrpr .viewType .viewHead{font-weight:bold}.filterViewWrpr .viewType .summary{margin:0 4px}.filterViewWrpr .viewType .month{margin:0 4px}.filterViewWrpr .viewType .week{margin:0 4px}.filterViewWrpr .viewType .day{margin:0 4px}.filterViewWrpr .viewType .details{margin:0 4px}.filterViewWrpr .displayMode{}.filterViewWrpr .displayMode .displayHead{font-weight:bold}.filterViewWrpr .displayMode .selected{font-weight:bold}.filterSortFieldsWrpr{float:right}.filterSortFieldsWrpr .monthYear{float:left}.filterSortFieldsWrpr{}.filterSortFieldsWrpr .filterBy{float:right}.calendarDate{text-align:center}table.cal-sm{background-color:#fff;border-collapse:collapse;width:100%;margin-bottom:15px}table.cal-sm td{color:#999;padding:4px 2px;border:1px solid #cecece}table.cal-sm th{text-align:center;color:#fff;font-weight:bold;text-transform:uppercase;border:1px solid #cecece;background-color:#306c91;padding:4px}table.cal-sm th.month_hdg{background-color:#22457b}.today,.today td{color:#306c91;text-align:center;background-color:#e6e6e6}.currday,.currday td{background-color:#f5f5f5;text-align:center}table.cal-sm th a,table.cal-sm th a:link,table.cal-sm th a:visited{color:#fff;text-decoration:none}table.cal-sm td.day{font-weight:bold}table.cal-sm td.event{background-color:#e8e8e8;text-align:center}table.cal-sm a,table.cal-sm a:link,table.cal-sm a:visited{font-weight:bold;color:#306c91;text-decoration:none}table.cal-sm a:hover{color:#4a4a4a;text-decoration:none}table.cal-sm a:active{color:#306c91;text-decoration:none}.todayList,.todayList td{color:#000;background-color:#f5f5f5}table.cal-list{border-collapse:collapse}table.cal-list td{border:1px solid #cecece;padding:6px 12px}table.cal-list .alternate{padding:12px}table.cal-list td.listRailDate,.listRailDate{float:none;font:normal 11px Arial;color:#525042;text-transform:uppercase;vertical-align:middle;width:27%}table.cal-list td.listRailInfo,.listRailInfo{}.listRailInfo ul{}table.calendar_month{width:100%;background-color:#fff;border-collapse:collapse}table.calendar_month tr{vertical-align:top}table.calendar_month th{text-align:center;color:#fff;padding:6px;background-color:#306c91}table.calendar_month td.day{font-size:12px;font-weight:bold;border:1px solid #cecece}table.calendar_month th.cal-week{background:#306c91 url(/cms/images/cal-week.png) no-repeat center;vertical-align:middle}.calendar_numeral{color:#999;font-size:14px;font-weight:bold}.calendar_numeral a,.calendar_numeral a:link,.calendar_numeral a:visited{color:#0c527e;text-decoration:none}.calendar_numeral a:hover,.calendar_numeral a:active{color:#4a4a4a;text-decoration:none}.calendar_day_empty{border:1px solid #cecece}.calendar_day_empty,.calendar_day_event{width:14%;height:50px}.calendar_day_event{border:1px solid #cecece;background-color:#e8e8e8}.calendar_day_event img{margin-top:5px}table.cal-sm a.grey,table.cal-sm a.grey:link,table.cal-sm a.grey:visited{font-weight:bold;color:#0c527e;text-decoration:none}table.cal-sm a.grey:hover{color:#4a4a4a;text-decoration:text-decoration:none}table.cal-sm a.grey:active{color:#0c527e;text-decoration:none}table.thumbitemtbl{width:100%;margin-bottom:10px}table.thumbitemtbl td{vertical-align:top;padding:10px 15px}.eventsHeadWrpr{}.eventsCalendarsMonthSummaryWrpr{width:240px;margin-right:20px;float:left}.eventsCalendarListSummaryWrpr{float:left;width:420px}.eventsCalendarListHead{color:#fff;font-size:14px;font-weight:bold;background:#306c91;text-align:left;padding:6px 10px;margin-bottom:10px}.eventsCalendarItemsMargin{margin-left:10px;padding-bottom:10px}.eventsCalendarItem{margin-bottom:10px}.eventTime{color:#587d58;margin-right:10px}.eventsCalendarListHead .hdng{padding:0;background:none;margin:0;border:0}a.eventLink,a.eventLink:link,a.eventLink:visited{color:#0c527e;font-weight:bold;text-decoration:none}a.eventLink:hover{color:#4a4a4a;text-decoration:none}.eventsDetailsWrpr h1{margin-top:0}.relatedEventsWrpr ul{padding-left:25px}.eveentsDocumentsIcon{float:left;padding-right:5px}.eveentsDocumentsIcon img{width:24px;height:auto}.eventsMap>div{width:100%!important;min-height:300px!important}.eventToolTipWrpr{display:none;width:340px;z-index:99;color:#333}.eventToolTipShadow{background:url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding:10px 13px 1px 13px}.eventToolTopShadowBottom{background:url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px}.eventToolTipWrpr h5{font-size:14px;margin-bottom:6px}.eventToolTipDate{font-size:11px;font-weight:bold}.eventToolTipName{font-size:14px;font-weight:bold;margin-bottom:14px}
/* *** END
Events (~/cms/includes/subCSS/events.css) *** */
/* *** BEGIN
Photo Gallery (~/cms/includes/subCSS/photoGallery.css) *** */
.gallery-listing .grid-item{padding-bottom:.5em}.gallery-list{display:block;margin:0;padding:0;font-size:0}.gallery-item{display:inline-block;font-size:13px;width:205px;height:205px;margin:10px 10px}.gallery-item a{position:relative;display:inline-block;width:100%;height:100%;background-position:50% 25%!important;background-size:cover!important;border:1px solid #000}.gallery-item a:hover,.gallery-item a:focus{z-index:50;outline:none;-webkit-transform:rotate(0) scale(1.2);-moz-transform:rotate(0) scale(1.2);-ms-transform:rotate(0) scale(1.2);-o-transform:rotate(0) scale(1.2);transform:rotate(0) scale(1.2);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.gallery-item img{height:auto;width:auto}.gallery-item a img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}a.grid-image{display:block;line-height:148px}
/* *** END
Photo Gallery (~/cms/includes/subCSS/photoGallery.css) *** */
/* *** BEGIN
Color Box (~/cms/includes/subCSS/colorbox.css) *** */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none}.cboxIframe{width:100%;height:100%;display:block;border:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#colorbox{border:3px solid #e6e6e6;background:#fff;-webkit-box-shadow:0 0 0 3px white,1px 1px 10px 3px rgba(0,0,0,.75);-moz-box-shadow:0 0 0 3px white,1px 1px 10px 3px rgba(0,0,0,.75);box-shadow:0 0 0 3px white,1px 1px 10px 3px rgba(0,0,0,.75);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.cboxPhoto{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}#cboxOverlay{background:#fff}#colorbox{outline:0}#cboxContent{margin-top:25px;overflow:visible}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{padding:3px}#cboxLoadingGraphic{background:url(/cms/images/colorbox/loading.gif) no-repeat center center}#cboxLoadingOverlay{}#cboxTitle{position:absolute;top:-22px;left:5px;color:#0c527e;font-weight:bold}#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(/cms/images/colorbox/controls.png) no-repeat 0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxPrevious{background-position:0 0;right:44px}#cboxPrevious:hover{background-position:0 -25px}#cboxNext{background-position:-25px 0;right:22px}#cboxNext:hover{background-position:-25px -25px}#cboxClose{background-position:-50px 0;right:0}#cboxClose:hover{background-position:-50px -25px}.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious{right:66px}.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px}
/* *** END
Color Box (~/cms/includes/subCSS/colorbox.css) *** */
/* *** BEGIN
Video (~/cms/includes/subCSS/videos.css) *** */
.multiMod{text-align:left}.multiMod .title{margin:1em 0 0;text-align:left}.multiMod .mMStage .mMPlayer{float:left;width:400px}.multiMod .mMStage .mMPlaying{float:left;width:200px;color:#003871}.multiMod .mMStage .mMPlaying .title{font-size:19px;font-weight:normal;color:#003871;margin:0;padding:0}.multiMod .mMStage .mMPlaying p.mMDateline{font-size:11px;margin:0;padding-top:6px}.multiMod .mMStage .mMPlaying p{font-size:12px}.multiMod .mMMenuBar{text-align:left;color:#fff;background:#306c91;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#306c91 0%,#125272 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#306c91),color-stop(100%,#125272));background:-webkit-linear-gradient(top,#306c91 0%,#125272 100%);background:-o-linear-gradient(top,#306c91 0%,#125272 100%);background:-ms-linear-gradient(top,#306c91 0%,#125272 100%);background:linear-gradient(to bottom,#306c91 0%,#125272 100%);-webkit-border-top-right-radius:2px;-webkit-border-top-left-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-topleft:2px;border-top-right-radius:2px;border-top-left-radius:2px;padding:4px 10px}.multiMod .mMSearch{float:right}.multiMod .mMSearch .mMLabel{float:left;font-size:12px;margin:7px 6px 0 0}.multiMod .mMSearch .mMSrchInpt{float:left;width:140px;font-size:11px;color:#003871;border:1px solid #809cb8;margin:2px 0 0 0;padding:2px}.multiMod .mMSearch .mMSrchImgBtn{float:left;width:11px;height:11px;margin:1px 0 0 0;padding:5px}.multiMod .mMCats{float:left}.multiMod .mMCats .mMLabel{float:left;font-size:12px;margin:0 6px 0 0;line-height:2em}.multiMod .mMBrdcrmb{background-color:#f2f2f2;border-bottom:1px solid #809cb8;margin-bottom:10px;padding:5px 0}.multiMod .mMBrdcrmbInner{font-size:11px;color:#003871;margin:0 10px;text-align:left}.multiMod .mMBrdcrmbInner span{font-weight:bold}.multiMod .mMIndex{margin-left:-4px;text-align:center}.multiMod .mMIndex ul{list-style-type:none;margin:0;padding:0}.multiMod .mMIndex ul li{display:inline-block;width:139px;height:126px;position:relative;background:url(/cms/images/multimod/thumb_bg.gif) no-repeat 0 0;margin:0 0 0 8px;padding:0}.multiMod .mMIndex ul li.last{margin-right:0}.multiMod .mMIndex .mMThumb{position:absolute;top:3px;left:3px}.multiMod .mMIndex .mMThumb img{width:132px;height:74px;background-repeat:no-repeat;background-position:center center}.multiMod .mMThumb a:link img,.multiMod .mMThumb a:visited img{}.multiMod .mMThumb a:hover img{border:1px solid #c50013}.multiMod .mMIndex .mMThumbOverlay{position:absolute;top:0;left:0;display:none;width:138px;height:94px;background:url(/cms/images/multimod/thumb_overlay.gif) no-repeat 0 0;text-indent:-9999em}.multiMod .mMIndex .mMCaption{width:130px;height:30px;position:absolute;top:84px;left:6px;font-size:11px;line-height:14px;color:#003871;overflow:hidden}.multiMod .mMPagerBar{display:block;position:relative;overflow:hidden;padding:2px 0;color:#fff;background:#306c91;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#306c91 0%,#125272 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#306c91),color-stop(100%,#125272));background:-webkit-linear-gradient(top,#306c91 0%,#125272 100%);background:-o-linear-gradient(top,#306c91 0%,#125272 100%);background:-ms-linear-gradient(top,#306c91 0%,#125272 100%);background:linear-gradient(to bottom,#306c91 0%,#125272 100%);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.multiMod .mMPagerStatus{float:left;font-size:12px;margin:5px 0 0 10px}.multiMod .mMPagerBar .mMPager{float:right;font-size:12px;margin:3px 10px 0 0}.multiMod .mMPagerBar .mMPager ul{list-style-type:none;margin:0;padding:0}.multiMod .mMPagerBar .mMPager ul li{float:left;display:inline;cursor:pointer}.multiMod .mMPagerBar .mMPager ul li.page-number{margin-right:2px;padding:2px}.multiMod .mMPagerBar .mMPager ul li.page-number:hover,.multiMod .mMPagerBar .mMPager ul li.pgCurrent{text-decoration:underline}.multiMod .mMPagerBar .mMPager li.pgFirst,.multiMod .mMPagerBar .mMPager li.pgLast,.multiMod .mMPagerBar .mMPager li.pgPrev,.multiMod .mMPagerBar .mMPager li.pgNext{width:46px;height:23px;background-image:url(/cms/images/multimod/pager_sprite.gif);background-repeat:no-repeat;margin:0;padding:0;text-indent:-9999em}.multiMod .mMPagerBar .mMPager li.pgFirst{background-position:0 0;margin:0}.multiMod .mMPagerBar .mMPager li.pgFirst:hover{background-position:0 -23px}.multiMod .mMPagerBar .mMPager li.pgLast{background-position:-46px 0}.multiMod .mMPagerBar .mMPager li.pgLast:hover{background-position:-46px -23px}.multiMod .mMPagerBar .mMPager li.pgPrev{background-position:0 -46px;margin-right:4px}.multiMod .mMPagerBar .mMPager li.pgPrev:hover{background-position:0 -69px}.multiMod .mMPagerBar .mMPager li.pgNext{background-position:-46px -46px;margin-left:4px}.multiMod .mMPagerBar .mMPager li.pgNext:hover{background-position:-46px -69px}.multiMod .mMPagerBar .mMPager li.pgEmpty{display:none}.mMCats .sf-menu{float:left}.mMCats .sf-menu a.mMCatBtn,.mMCats .sf-menu a.mMCatBtn:link,.mMCats .sf-menu a.mMCatBtn:visited{}.mMCats .sf-menu a,.mMCats .sf-menu a:link,.mMCats .sf-menu a:visited{text-decoration:none;color:#fff;font-weight:bold;padding:2px 5px;margin-top:2px}.mMCats .sf-menu a,.mMCats .sf-menu a:visited{color:#003871}.mMCats .sf-menu li{font-size:11px}.mMCats .sf-menu li ul{width:120px;background-color:#fff;border:1px solid #003871;margin:-3px 0 0 1px;padding:4px 10px 8px 10px}.mMCats .sf-menu li li{background:url(/cms/images/multimod/cat_menu_li_bg.gif) repeat-x 0 bottom}.mMCats .sf-menu li li ul{margin-left:15px}.mMCats .sf-menu li li li{}.mMCats .sf-menu li li a,.mMCats .sf-menu li li a:link,.mMCats .sf-menu li li a:visited{height:auto;padding:5px 0;text-indent:0;color:#003871}.mMCats .sf-menu li a:hover{background-position:0 -26px}.mMCats .sf-menu li.sfHover a{background-position:0 -26px}.mMCats .sf-menu li li a:hover,.mMCats .sf-menu li li a:active{color:#900}.mMCats .sf-menu li:hover,.mMCats .sf-menu li.sfHover,.mMCats .sf-menu a:focus,.mMCats .sf-menu a:hover,.mMCats .sf-menu a:active{color:#fff;outline:0}.mMCats .sf-menu a.sf-with-ul ul{padding-right:2.25em;min-width:1px}.mMCats .sf-sub-indicator{position:absolute;display:block;right:0;top:0;width:8px;height:8px;text-indent:-999em;overflow:hidden;background:url(/cms/images/multimod/cat_menu_arrow.gif) no-repeat -10px -100px}.mMCats a>.sf-sub-indicator{top:.8em;background-position:0 -100px}.mMCats a:focus>.sf-sub-indicator,.mMCats a:hover>.sf-sub-indicator,.mMCats a:active>.sf-sub-indicator,.mMCats li:hover>a>.sf-sub-indicator,.mMCats li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px}.mMCats .sf-menu ul .sf-sub-indicator{background-position:-10px 0}.mMCats .sf-menu ul a>.sf-sub-indicator{background-position:0 0}.mMCats .sf-menu ul a:focus>.sf-sub-indicator,.mMCats .sf-menu ul a:hover>.sf-sub-indicator,.mMCats .sf-menu ul a:active>.sf-sub-indicator,.mMCats .sf-menu ul li:hover>a>.sf-sub-indicator,.mMCats .sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0}.mMCats ul.sf-menu li li:hover ul,.mMCats ul.sf-menu li li.sfHover ul{left:115px;top:0}
/* *** END
Video (~/cms/includes/subCSS/videos.css) *** */
/* *** BEGIN
Comments (~/cms/includes/subCSS/comments.css) *** */
.cmtLeaveLink{background:url(/cms/images/core/addRemove.gif) 0 1px no-repeat;cursor:pointer;text-align:right;margin-bottom:10px;float:right;padding-left:15px}.clickOn{background:url(/cms/images/core/addRemove.gif) 0 -43px no-repeat}.cmtNav{position:relative;width:650px;min-height:1px;text-align:center;background:#fff;z-index:100;padding:0}.cmtNav ul{margin:0;padding:0}.cmtNav li{float:left;list-style-type:none;width:100px;padding:0;margin:0 -1px -1px 0;border:solid 1px #c0dcf1;border-bottom:none}.cmtNav a,.cmtNav a:link,.cmtNav a:visited{padding:0 0 0 7px;font-size:1em;display:block;font-family:Georgia,Sans-Serif;color:#2777d1;height:38px;text-transform:uppercase}.cmtNav span{padding:5px 9px 5px 3px;font-size:11px;display:block;color:#2777d1;text-transform:uppercase}.cmtNav span:hover{background-color:#ebf2f8;cursor:pointer}.cmtBox{position:relative;clear:both;padding-bottom:12px;overflow:hidden}.cmtBox h2{margin-left:10px}.cmtBox h4{font-family:Georgia,Serif;font-size:1.3em;font-weight:normal;color:#acc3da;padding:0;margin:0}.cmtBox strong{color:#000}.cmtRead{padding-top:10px;background:#f6f6f6;border:1px solid #d6cead}.cmtRead .paging{margin-left:10px;margin-top:0}.cmtReadInner{}.cmtLeave{padding-left:10px;display:none;border:1px solid #d6cead;padding-bottom:20px;padding-right:10px;background:#f6f6f6;margin-bottom:10px}.cmtLeave .cmtField .rateThis{float:left;margin-right:7px;margin-top:0;padding-top:0}.cmtField{margin-top:10px;margin-right:10px;float:left}.cmtName{width:120px;float:left}.cmtName p{float:left;margin-left:15px}.cmtWrpr{margin-bottom:10px;margin-left:10px}.cmtTextwrpr{float:left;position:relative;width:550px}.cmtTextwrpr .fLeft{float:left;width:24px;margin-right:-2px;position:relative}.cmtText{border:1px solid #b0d8f2;background:#fff;margin:5px 0 0 0;padding:10px;overflow:auto;overflow-x:hidden}.cmtLeave .submitBtn{margin-top:-30px}div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}.cmtText div.rating-cancel,.cmtText div.star-rating,.newsModuleWrpr div.rating-cancel,.newsModuleWrpr div.star-rating{cursor:default}div.rating-cancel,div.rating-cancel a{background:url(/cms/images/delete.gif) no-repeat 0 -16px}div.star-rating,div.star-rating a{background:url(/cms/images/star.png) no-repeat 0 0}div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0;border:0}div.star-rating-on a{background-position:0 -16px!important}div.star-rating-hover a{background-position:0 -32px}div.star-rating-readonly a{cursor:default!important}div.star-rating{background:transparent!important;overflow:hidden!important}.formRow{margin:0 0 8px 0}.formRowNoMargin{margin:0 0 0 0}.formRow label,.formRowNoMargin label{display:inline-block;margin:0 0 0 0}.formRow input[type="radio"]{margin:0 3px 0 0}.formRow input.text,.formRowNoMargin input.text{width:210px;margin:0 0 7px 0}.formRow input.full,.formRowNoMargin input.full{width:93%}.formRow .req,.formRow .fieldreq,.formRowNoMargin .req,.formRowNoMargin .fieldreq{padding:0 0 0 12px;background-position:0 2px}.formRow .error,.formRow .fieldred,.formRowNoMargin .error,.formRowNoMargin .fieldred{padding:0 0 0 12px;background-position:0 2px}.forms fieldset{margin:0;border:0;padding:0}.formRow .formLabel{display:block;font-weight:normal}.formRow strong.formLabel{display:block;font-weight:bold}.formRow .formContent{display:inline}.formRow .formContentBlock{display:block;float:left}.formsColumn .formRow .formLabel{float:left;display:inline;width:110px;margin-right:10px}.multiCol .colWrap{float:left;display:inline}.multiCol2 .colWrap{width:48%}.multiCol .ratio35{width:34%}.multiCol .ratio40{width:39%}.multiCol .ratio60{width:59%}.multiCol .ratio65{width:64%}
/* *** END
Comments (~/cms/includes/subCSS/comments.css) *** */
/* *** BEGIN
Cookie Consent CSS (~/cms/includes/css/silkTide.min.css) *** */
#cc-notification{position:fixed!important;z-index:99999998!important;left:0!important;width:100%!important;background-color:#fff!important}#cc-notification.cc-mobile{position:relative!important;border-bottom:0!important}#cc-modal #cc-modal-closebutton a,#cc-settingsmodal #cc-settingsmodal-closebutton a{display:block!important;width:18px!important;height:18px!important;position:absolute!important;top:2px!important;right:2px!important;background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cross.png)!important}#cc-modal #cc-modal-closebutton a span,#cc-settingsmodal #cc-settingsmodal-closebutton a span{display:none}#cc-notification.cc-bottom{bottom:0!important}#cc-notification.cc-top{top:0!important}#cc-notification.cc-push{top:0!important}#cc-notification #cc-notification-permissions{display:none}#cc-tag{position:fixed!important;z-index:999999999!important;bottom:0!important;right:10%!important;display:none}#cc-tag.cc-tag-bottom-left{right:auto!important;left:10%!important}#cc-tag.cc-tag-horizontal-right{right:0!important;bottom:20%!important}#cc-tag.cc-tag-horizontal-left{left:0!important;right:auto!important;bottom:20%!important}#cc-tag.cc-tag-vertical-right{right:0!important;bottom:20%!important}#cc-tag.cc-tag-vertical-left{left:0!important;right:auto!important;bottom:20%!important}#cc-tag a{padding:0 12px!important;text-decoration:none!important}#cc-modal-overlay{background:#fff!important;background-color:rgba(255,255,255,.8)!important;display:none;width:100%!important;height:1000%!important;position:fixed!important;top:0!important;left:0!important;z-index:999999!important}#cc-modal,#cc-settingsmodal{display:none;width:100%!important;height:1000%!important;position:absolute!important;top:0!important;left:0!important;z-index:99999999!important}#cc-settingsmodal{z-index:9999999999!important}#cc-modal #cc-modal-wrapper,#cc-settingsmodal #cc-settingsmodal-wrapper{margin:100px auto!important}#cc-modal,#cc-settingsmodal,#cc-tag,#cc-notification{line-height:1!important}.cc-clear{clear:both!important}#cc-modal,#cc-settingsmodal,#cc-tag,#cc-notification,#cc-modal div,#cc-modal span,#cc-modal iframe,#cc-modal h1,#cc-modal h2,#cc-modal h3,#cc-modal h4,#cc-modal h5,#cc-modal h6,#cc-modal p,#cc-modal pre,#cc-modal a,#cc-modal code,#cc-modal em,#cc-modal img,#cc-modal s,#cc-modal small,#cc-modal strong,#cc-modal b,#cc-modal u,#cc-modal i,#cc-modal dl,#cc-modal dt,#cc-modal dd,#cc-modal ol,#cc-modal ul,#cc-modal li,#cc-modal form,#cc-modal label,#cc-settingsmodal div,#cc-settingsmodal span,#cc-settingsmodal iframe,#cc-settingsmodal h1,#cc-settingsmodal h2,#cc-settingsmodal h3,#cc-settingsmodal h4,#cc-settingsmodal h5,#cc-settingsmodal h6,#cc-settingsmodal p,#cc-settingsmodal pre,#cc-settingsmodal a,#cc-settingsmodal code,#cc-settingsmodal em,#cc-settingsmodal img,#cc-settingsmodal s,#cc-settingsmodal small,#cc-settingsmodal strong,#cc-settingsmodal b,#cc-settingsmodal u,#cc-settingsmodal i,#cc-settingsmodal dl,#cc-settingsmodal dt,#cc-settingsmodal dd,#cc-settingsmodal ol,#cc-settingsmodal ul,#cc-settingsmodal li,#cc-settingsmodal form,#cc-settingsmodal label,#cc-tag div,#cc-tag span,#cc-tag iframe,#cc-tag h1,#cc-tag h2,#cc-tag h3,#cc-tag h4,#cc-tag h5,#cc-tag h6,#cc-tag p,#cc-tag pre,#cc-tag a,#cc-tag code,#cc-tag em,#cc-tag img,#cc-tag s,#cc-tag small,#cc-tag strong,#cc-tag b,#cc-tag u,#cc-tag i,#cc-tag dl,#cc-tag dt,#cc-tag dd,#cc-tag ol,#cc-tag ul,#cc-tag li,#cc-tag form,#cc-tag label,#cc-notification div,#cc-notification span,#cc-notification iframe,#cc-notification h1,#cc-notification h2,#cc-notification h3,#cc-notification h4,#cc-notification h5,#cc-notification h6,#cc-notification p,#cc-notification pre,#cc-notification a,#cc-notification code,#cc-notification em,#cc-notification img,#cc-notification s,#cc-notification small,#cc-notification strong,#cc-notification b,#cc-notification u,#cc-notification i,#cc-notification dl,#cc-notification dt,#cc-notification dd,#cc-notification ol,#cc-notification ul,#cc-notification li,#cc-notification form,#cc-notification label{margin:0;padding:0;border:0;font-size:10pt;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:400;line-height:1em;text-align:left;vertical-align:baseline;text-shadow:none;background:0}#cc-modal a,#cc-tag a,#cc-settingsmodal a,#cc-notification a,#cc-modal a:hover,#cc-tag a:hover,#cc-settingsmodal a:hover,#cc-notification a:hover{background-color:transparent}#cc-modal a#footerlogo span{background:url("https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/silktide-logo.png") no-repeat scroll 0 0 transparent!important;display:block;height:31px!important;margin-top:4px!important;text-indent:-5000px!important;width:126px!important}#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo,#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo:active,#cc-modal #cc-modal-wrapper a#footerlogo,footer#mainfooter a#footerlogo:visited{display:block;margin-top:20px!important;color:#868686!important;text-decoration:none!important}#cc-modal #cc-modal-wrapper .cc-getforsite{position:absolute;right:16px;bottom:16px}#cc-modal.cc-mobile #cc-modal-wrapper .cc-getforsite{position:relative!important;margin-top:30px!important;margin-left:16px}#cc-modal.cc-mobile,#cc-settingsmodal.cc-mobile{width:100%!important;position:relative!important;top:0!important;left:0!important;height:auto!important;z-index:999999999999!important}#cc-modal.cc-mobile a.cc-logo,#cc-settingsmodal.cc-mobile a.cc-logo,#cc-notification.cc-mobile a.cc-logo{display:none!important}#cc-notification .cc-logo,#cc-tag .cc-logo,#cc-modal .cc-logo,#cc-settingsmodal .cc-logo{background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);width:142px;height:32px;position:absolute;right:32px;bottom:20px}.cc-logo span{display:none}#cc-notification.cc-light{background:#e2e2e2!important;background-color:rgba(226,226,226,.95)!important;color:#1d1d1d!important}#cc-notification.cc-light #cc-notification-permissions li{color:#1d1d1d!important}#cc-notification.cc-light #cc-notification-permissions li strong{color:#31a8f0!important}#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive{color:#aaa!important}#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive label{color:#aaa!important}#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive strong{color:#88bfef!important}#cc-notification.cc-light #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link{color:#aaa!important}#cc-notification.cc-light a,#cc-notification.cc-light a:visited{color:#31a8f0!important}#cc-notification.cc-light a:hover{color:#257eb4!important}#cc-notification.cc-light h2,#cc-notification.cc-light h3,#cc-notification.cc-light p{color:#1d1d1d!important}#cc-notification.cc-light ul.cc-notification-buttons li a,#cc-notification.cc-light ul.cc-notification-buttons li a:visited{background-color:#f1d600!important;color:#111!important}#cc-notification.cc-light ul.cc-notification-buttons li a:hover,#cc-notification.cc-light ul.cc-notification-buttons li a:active,#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:hover,#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites:active{background-color:#f5f5f5!important}#cc-notification.cc-light ul.cc-notification-buttons li #cc-approve-button-allsites{background-color:#31a8f0!important}#cc-tag.cc-light a,#cc-tag.cc-light a:visited{background-color:#e2e2e2!important;color:#1d1d1d!important}#cc-modal.cc-light #cc-modal-wrapper{background-color:#e2e2e2!important;color:#f5f5f5!important}#cc-modal.cc-light #cc-modal-wrapper a,#cc-modal.cc-light #cc-modal-wrapper a:visited{color:#666!important}#cc-modal.cc-light #cc-modal-wrapper a:hover{color:#31a8f0!important}#cc-modal.cc-light #cc-modal-wrapper #cc-change-button-allsites{background-color:#666!important;color:#111!important}#cc-modal.cc-light #cc-modal-wrapper select{color:#111!important}#cc-modal.cc-light #cc-modal-wrapper a.cc-consentchange:hover{background-color:#31a8f0!important}#cc-modal.cc-light #cc-modal-wrapper li strong{color:#31a8f0!important}#cc-modal.cc-light #cc-modal-wrapper li span{color:#7a7a7a!important}#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper{background-color:#e1e1e1!important;color:#f5f5f5!important}#cc-modal.cc-light #cc-modal-wrapper p,#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p{color:#f5f5f5!important}#cc-modal.cc-light #cc-modal-wrapper h2,#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2{color:#1d1d1d!important}#cc-modal.cc-light #cc-modal-wrapper h2 span,#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span{color:#7a7a7a!important}#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper h2 span{color:#71f031!important}#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper p.cc-subtitle,#cc-modal.cc-light #cc-modal-wrapper p.cc-subtitle{color:#7a7a7a!important}#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a,#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:visited{color:#666!important}#cc-modal.cc-light #cc-modal-secondclosebutton a:hover,#cc-modal.cc-light #cc-modal-secondclosebutton a:active,#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:hover,#cc-settingsmodal.cc-light #cc-settingsmodal-secondclosebutton a:active,#cc-modal.cc-light #cc-modal-global a:hover,#cc-modal.cc-light #cc-modal-global a:active{color:#1d1d1d!important}#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a,#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:visited{background-color:#f5f5f5!important;color:#111!important;box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;background-color:#f1d600!important}#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:hover,#cc-modal.cc-light #cc-modal-wrapper .cc-preference-importantmessage a:active{background-color:#0288ce!important;color:#fff!important;box-shadow:1px 2px 10px #000;-moz-box-shadow:1px 2px 10px #000;-webkit-box-shadow:1px 2px 10px #000}#cc-modal.cc-light #cc-modal-wrapper a.cc-learnmore-link,#cc-settingsmodal.cc-light #cc-settingsmodal-wrapper a.cc-learnmore-link,#cc-notification.cc-light a.cc-learnmore-link{color:#666!important}#cc-notification.cc-monochrome{background:#333!important;background-color:rgba(51,51,51,.95)!important;color:#fff!important}#cc-notification.cc-monochrome #cc-notification-permissions li{color:#fff!important}#cc-notification.cc-monochrome #cc-notification-permissions li strong{color:#fff!important}#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive{color:#aaa!important}#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive label{color:#aaa!important}#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive strong{color:#bbb!important}#cc-notification.cc-monochrome #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link{color:#aaa!important}#cc-notification.cc-monochrome a,#cc-notification.cc-monochrome a:visited{color:#ddd!important}#cc-notification.cc-monochrome a:hover{color:#fff!important}#cc-notification.cc-monochrome h2,#cc-notification.cc-monochrome h3,#cc-notification.cc-monochrome p{color:#aaa!important}#cc-notification.cc-monochrome ul.cc-notification-buttons li a,#cc-notification.cc-monochrome ul.cc-notification-buttons li a:visited{background-color:#ddd!important;color:#111!important}#cc-notification.cc-monochrome ul.cc-notification-buttons li a:hover,#cc-notification.cc-monochrome ul.cc-notification-buttons li a:active,#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:hover,#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites:active{background-color:#fff!important}#cc-notification.cc-monochrome ul.cc-notification-buttons li #cc-approve-button-allsites{background-color:#ddd!important}#cc-tag.cc-monochrome #cc-tag-button,#cc-tag.cc-monochrome #cc-tag-button:visited{background-color:#333!important;color:#ddd!important}#cc-tag.cc-monochrome #cc-tag-button:hover,#cc-tag.cc-monochrome #cc-tag-button:active{border-top:3px solid #fff!important;border-right:3px solid #fff!important;border-left:3px solid #fff!important}#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper li strong,#cc-modal.cc-monochrome #cc-modal-wrapper li strong{color:#fff!important}#cc-modal.cc-monochrome #cc-modal-wrapper{background-color:#333!important;color:#f5f5f5!important}#cc-modal.cc-monochrome #cc-modal-wrapper a,#cc-modal.cc-monochrome #cc-modal-wrapper a:visited{color:#666!important}#cc-modal.cc-monochrome #cc-modal-wrapper a:hover{color:#31a8f0!important}#cc-modal.cc-monochrome #cc-modal-wrapper #cc-change-button-allsites{background-color:#666!important;color:#111!important}#cc-modal.cc-monochrome #cc-modal-wrapper select{color:#111!important}#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-consentchange:hover{background-color:#31a8f0!important}#cc-modal.cc-monochrome #cc-modal-wrapper li strong{color:#fff!important}#cc-modal.cc-monochrome #cc-modal-wrapper li span{color:#7a7a7a!important}#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper{background-color:#333!important;color:#f5f5f5!important}#cc-modal.cc-monochrome #cc-modal-wrapper p,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p{color:#f5f5f5!important}#cc-modal.cc-monochrome #cc-modal-wrapper h2,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2{color:#fff!important}#cc-modal.cc-monochrome #cc-modal-wrapper h2 span,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span{color:#7a7a7a!important}#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper h2 span{color:#ddd!important}#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper p.cc-subtitle,#cc-modal.cc-monochrome #cc-modal-wrapper p.cc-subtitle{color:#7a7a7a!important}#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:visited{color:#666!important}#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:hover,#cc-modal.cc-monochrome #cc-modal-secondclosebutton a:active,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:hover,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-secondclosebutton a:active,#cc-modal.cc-monochrome #cc-modal-global a:hover,#cc-modal.cc-monochrome #cc-modal-global a:active{color:#fff!important}#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a,#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:visited{background-color:#f5f5f5!important;color:#111!important;box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;background-color:#f1d600!important}#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:hover,#cc-modal.cc-monochrome #cc-modal-wrapper .cc-preference-importantmessage a:active{background-color:#0288ce!important;color:#fff!important;box-shadow:1px 2px 10px #000;-moz-box-shadow:1px 2px 10px #000;-webkit-box-shadow:1px 2px 10px #000}#cc-modal.cc-monochrome #cc-modal-wrapper a.cc-learnmore-link,#cc-settingsmodal.cc-monochrome #cc-settingsmodal-wrapper a.cc-learnmore-link,#cc-notification.cc-monochrome a.cc-learnmore-link{color:#ddd!important}#cc-notification ul.cc-notification-buttons li a,#cc-notification ul.cc-notification-buttons li a:visited{float:right!important}#cc-notification ul.cc-notification-buttons{position:absolute!important;right:0!important;top:5px!important;width:360px!important}#cc-notification.cc-mobile #cc-notification-wrapper{margin-right:0!important}#cc-notification.cc-mobile ul.cc-notification-buttons li a,#cc-notification.cc-mobile ul.cc-notification-buttons li a:visited{float:none!important}#cc-notification.cc-mobile ul.cc-notification-buttons{padding-top:1px!important;position:relative!important;right:0!important;top:0!important;width:auto!important;clear:both}#cc-notification{background:#1d1d1d!important;background-color:rgba(29,29,29,.95)!important;color:#f5f5f5!important;border-bottom:1px dotted #ccc!important;font-family:'Open Sans',Arial,Helvetica,sans-serif!important;font-size:11pt!important}#cc-notification #cc-notification-wrapper{padding:20px 32px 0!important}#cc-notification #cc-notification-permissions ul{margin:0 0 26px!important;padding:0!important;list-style:none!important;float:left!important}#cc-notification.cc-mobile #cc-notification-permissions li{width:auto!important}#cc-notification #cc-notification-permissions li{margin:0 0 10px 30px!important;padding:6px 0 0!important;list-style:none!important;width:440px!important;color:#9a9a9a!important;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}#cc-notification #cc-notification-permissions li label{font-size:12pt!important;line-height:1.3em;color:#9a9a9a!important;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}#cc-notification #cc-notification-permissions li input{float:left!important;margin-left:-30px!important;margin-top:0!important}#cc-notification #cc-notification-permissions li strong{color:#31a8f0!important;display:block!important;font-size:14pt;letter-spacing:-.05em;-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive{color:#666!important}#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive label{color:#666!important}#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive strong{color:#1d658e!important}#cc-notification #cc-notification-permissions li a.cc-learnmore-link{-webkit-transition:color .2s ease-in;-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .2s ease-in}#cc-notification #cc-notification-permissions li.cc-notification-permissions-inactive a.cc-learnmore-link{color:#666!important}#cc-notification a,#cc-notification a:visited{text-decoration:none!important;color:#31a8f0!important;font-size:11pt}#cc-notification a:hover{text-decoration:underline!important;color:#b2f7ff!important}#cc-notification h2,#cc-notification h3,#cc-notification p{color:#f5f5f5!important;margin:0!important;text-align:left!important;font-size:11pt;width:auto!important}#cc-notification h2{margin-right:320px!important}#cc-notification.cc-mobile h2{margin-right:0!important}#cc-notification h2 span,#cc-notification h2{font-size:14pt;letter-spacing:-.05em;margin-bottom:20px!important;font-weight:400!important}#cc-notification h2 a{letter-spacing:-.05em;font-size:14pt}#cc-notification h3{margin-top:10px!important}#cc-notification ul.cc-notification-buttons{margin:0!important;padding:0!important;list-style:none!important}#cc-notification.cc-notification-afterload ul.cc-notification-buttons{top:auto!important;bottom:5px!important}#cc-notification ul.cc-notification-buttons li{margin:0!important;padding:0!important;list-style:none!important}#cc-notification ul.cc-notification-buttons li a,#cc-notification ul.cc-notification-buttons li a:visited{margin-top:8px!important;margin-bottom:6px!important;display:block;padding:8px 16px!important;background-color:#f1d600!important;color:#111!important;margin-right:12px!important;text-decoration:none!important;font-size:12pt!important;font-weight:600;letter-spacing:-.05em;border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;transition:background .2s ease-in-out 0,color .2s ease-in-out 0,box-shadow .2s ease-in-out 0;-moz-transition:background .2s ease-in-out 0,color .2s ease-in-out 0,-moz-box-shadow .2s ease-in-out 0;-webkit-transition:background .2s ease-in-out 0,color .2s ease-in-out 0,-webkit-box-shadow .2s ease-in-out 0}#cc-notification ul.cc-notification-buttons li a:hover,#cc-notification ul.cc-notification-buttons li a:active,#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:hover,#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites:active{text-decoration:none!important;background-color:#f5f5f5!important;box-shadow:1px 2px 10px #000;-moz-box-shadow:1px 2px 10px #000;-webkit-box-shadow:1px 2px 10px #000}#cc-notification ul.cc-notification-buttons li #cc-approve-button-allsites{background-color:#31a8f0!important}#cc-tag a,#cc-tag a:visited{font-family:'Open Sans',Arial,Helvetica,sans-serif!important;font-size:12pt!important;background-color:#1d1d1d!important;background-repeat:no-repeat;background-position:6px 7px;color:#f5f5f5!important;padding:8px 12px 8px 12px!important;text-decoration:none!important;display:block;border-top:3px solid #666!important;border-right:3px solid #666!important;border-left:3px solid #666!important;border-radius:3px 3px 0 0!important;-moz-border-radius:3px 3px 0 0!important;-webkit-border-radius:3px 3px 0 0!important;box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;transition:color .2s ease-in-out 0,box-shadow .2s ease-in-out 0;-moz-transition:color .2s ease-in-out 0,-moz-box-shadow .2s ease-in-out 0;-webkit-transition:color .2s ease-in-out 0,-webkit-box-shadow .2s ease-in-out 0}#cc-tag.cc-tag-horizontal-right a,#cc-tag.cc-tag-horizontal-right a:visited{-webkit-transform:rotate(-90deg)!important;-moz-transform:rotate(-90deg)!important;-o-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;margin-right:-82px!important;padding:8px 12px 60px 12px!important}#cc-tag.cc-tag-horizontal-left a,#cc-tag.cc-tag-horizontal-left a:visited{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;margin-left:-82px!important;padding:8px 12px 60px 12px!important}#cc-tag.cc-tag-vertical-right a,#cc-tag.cc-tag-vertical-right a:visited{-webkit-transform:rotate(-90deg)!important;-moz-transform:rotate(-90deg)!important;-o-transform:rotate(-90deg)!important;-ms-transform:rotate(-90deg)!important;margin-right:-82px!important;padding:8px 12px 60px 12px!important}#cc-tag.cc-tag-vertical-left a,#cc-tag.cc-tag-vertical-left a:visited{-webkit-transform:rotate(90deg)!important;-moz-transform:rotate(90deg)!important;-o-transform:rotate(90deg)!important;-ms-transform:rotate(90deg)!important;margin-left:-82px!important;padding:8px 12px 60px 12px!important}#cc-tag a:hover,#cc-tag a:active{border-top:3px solid #f1d600!important;border-right:3px solid #f1d600!important;border-left:3px solid #f1d600!important;box-shadow:2px 2px 7px #000;-moz-box-shadow:2px 2px 7px #000;-webkit-box-shadow:2px 2px 7px #000}#cc-tag a span{font-size:12pt!important}#cc-modal{font-family:'Open Sans',Arial,Helvetica,sans-serif!important;font-size:11pt!important}#cc-modal #cc-modal-wrapper{width:100%;max-width:686px;margin:40px auto!important;background-color:#1d1d1d!important;color:#f5f5f5!important;padding:25px 15px 5px!important;text-align:left!important;position:relative!important;overflow-y:auto;overflow-x:hidden;min-height:560px;box-shadow:0 0 30px #000;-moz-box-shadow:0 0 30px #000;-webkit-box-shadow:0 0 30px #000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cc-modal #cc-modal-wrapper a,#cc-modal #cc-modal-wrapper a:visited{color:#f5f500!important;text-decoration:none!important}#cc-modal #cc-modal-wrapper a:hover{color:#31a8f0!important;text-decoration:underline!important}#cc-modal #cc-modal-wrapper #cc-change-button-allsites{margin-top:16px!important;margin-bottom:6px!important;display:block!important;padding:6px 12px!important;background-color:#f5f500!important;color:#111!important;float:left!important;clear:both!important;margin-right:8px!important;text-decoration:none!important;border-radius:3px!important;-moz-border-radius:3px!important;-webkit-border-radius:3px!important}#cc-modal #cc-modal-wrapper #cc-change-button-allsites:hover,#cc-modal #cc-modal-wrapper #cc-change-button-allsites:active{background-color:#31a8f0!important}#cc-settingsmodal #cc-settingsmodal-wrapper select,#cc-modal #cc-modal-wrapper select{color:#111!important;margin-right:8px!important;text-decoration:none!important;font-size:10pt!important;width:150px}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper select,#cc-modal.cc-mobile #cc-modal-wrapper select{float:none!important;margin-top:10px!important;position:static!important}#cc-modal #cc-modal-wrapper a.cc-consentchange:hover{background-color:#31a8f0!important}#cc-settingsmodal #cc-settingsmodal-wrapper ul li label,#cc-modal #cc-modal-wrapper ul li label{float:left;padding:0 0 10px 0}#cc-settingsmodal #cc-settingsmodal-wrapper ul,#cc-modal #cc-modal-wrapper ul{margin:0!important;padding:0 0!important;list-style:none!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper ul,#cc-modal.cc-mobile #cc-modal-wrapper ul{padding:0!important}#cc-settingsmodal #cc-settingsmodal-wrapper li,#cc-modal #cc-modal-wrapper li{clear:both!important;margin:0!important;padding:15px 0 0!important;list-style:none!important;position:relative}#cc-settingsmodal #cc-settingsmodal-wrapper li strong,#cc-modal #cc-modal-wrapper li strong{width:480px!important;float:left!important;display:block!important;color:#31a8f0!important;font-size:16pt;font-weight:400!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li strong #cc-modal.cc-mobile #cc-modal-wrapper li strong{float:none!important}#cc-settingsmodal #cc-settingsmodal-wrapper li span,#cc-modal #cc-modal-wrapper li span{float:left!important;clear:left!important;display:block!important;color:#7a7a7a!important;line-height:1.2em;font-size:12pt!important;margin-top:8px}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,#cc-modal.cc-mobile #cc-modal-wrapper li span{float:none!important}#cc-settingsmodal{font-family:'Open Sans',Arial,Helvetica,sans-serif!important;font-size:11pt!important}#cc-settingsmodal.cc-mobile{height:auto}#cc-settingsmodal #cc-settingsmodal-wrapper{width:716px!important;height:8%!important;margin:40px auto!important;background-color:#1d1d1d!important;padding-top:24px!important;color:#f5f5f5!important;text-align:left!important;position:relative!important;overflow-x:hidden;max-height:560px;background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/globe.png);background-position:-20px 20px;background-repeat:no-repeat;box-shadow:0 0 30px #000;-moz-box-shadow:0 0 30px #000;-webkit-box-shadow:0 0 30px #000}#cc-settingsmodal #cc-settingsmodal-wrapper .cc-content{overflow-y:auto!important;overflow-x:hidden!important;height:400px;margin-top:20px}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper{max-height:none!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper .cc-content{height:540px!important;max-height:none!important}#cc-modal #cc-modal-wrapper p{line-height:1em;margin-top:12px;color:#f5f5f5!important}#cc-settingsmodal #cc-settingsmodal-wrapper p{margin-top:32px}#cc-modal #cc-modal-wrapper .cc-content{padding-top:8px;clear:both}#cc-modal.cc-mobile #cc-modal-wrapper .cc-content{height:auto!important;overflow:hidden!important}#cc-modal #cc-modal-wrapper h2,#cc-settingsmodal #cc-settingsmodal-wrapper h2{font-size:24pt!important;color:#fff!important;font-weight:400}#cc-settingsmodal #cc-settingsmodal-wrapper h2{margin:0 72px!important}#cc-modal #cc-modal-wrapper h2 span,#cc-settingsmodal #cc-settingsmodal-wrapper h2 span{font-size:14pt!important;color:#7a7a7a!important}#cc-settingsmodal #cc-settingsmodal-wrapper h2 span{color:#71f031!important}#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle,#cc-modal #cc-modal-wrapper p.cc-subtitle{color:#7a7a7a!important;margin:16px 0 0 0!important;font-size:12pt!important}#cc-settingsmodal #cc-settingsmodal-wrapper p.cc-subtitle{margin:16px 0 0 73px!important}#cc-modal.cc-mobile #cc-modal-wrapper p.cc-subtitle{margin-left:0!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper p.cc-subtitle{margin-left:10px!important}#cc-settingsmodal #cc-settingsmodal-wrapper iframe{width:714px!important;border:0!important;min-height:390px!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper iframe{width:100%!important;height:500px;z-index:9999999999999!important;margin-top:0}#cc-modal #cc-modal-closebutton a,#cc-settingsmodal #cc-settingsmodal-closebutton a{background-image:url("https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/modal-close.png")!important;display:block!important;height:24px!important;position:absolute!important;right:10px!important;top:10px!important;width:24px!important;background-position:0 0}#cc-modal #cc-modal-closebutton a:hover,#cc-settingsmodal #cc-settingsmodal-closebutton a:hover{background-position:0 -24px}#cc-modal #cc-modal-global{padding-top:5px!important}#cc-settingsmodal #cc-settingsmodal-secondclosebutton a,#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited{color:#71f031!important;text-decoration:none!important}#cc-modal #cc-modal-secondclosebutton a span,#cc-modal #cc-modal-secondclosebutton a:visited span,#cc-settingsmodal #cc-settingsmodal-secondclosebutton a span,#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:visited span,#cc-modal #cc-modal-global a span,#cc-modal #cc-modal-global a:visited span{font-size:12pt!important;font-weight:600!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton{padding-left:10px;padding-top:0}#cc-modal.cc-mobile #cc-modal-secondclosebutton a,#cc-modal.cc-mobile #cc-modal-secondclosebutton a:visited,#cc-modal.cc-mobile #cc-modal-global a,#cc-modal.cc-mobile #cc-modal-global a:visited{float:none!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a,#cc-settingsmodal.cc-mobile #cc-settingsmodal-secondclosebutton a:visited{display:none!important}#cc-modal #cc-modal-secondclosebutton a:hover,#cc-modal #cc-modal-secondclosebutton a:active,#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:hover,#cc-settingsmodal #cc-settingsmodal-secondclosebutton a:active,#cc-modal #cc-modal-global a:hover,#cc-modal #cc-modal-global a:active{text-decoration:none!important;color:#fff!important}#cc-modal #cc-modal-wrapper #cc-modal-footer-buttons{margin-left:57px!important;margin-top:25px!important}#cc-settingsmodal #cc-settingsmodal-wrapper #cc-settingsmodal-footer-buttons{margin-left:72px!important}#cc-modal.cc-mobile #cc-modal-wrapper #cc-modal-footer-buttons{position:relative;width:auto;padding-top:10px!important;margin-left:0!important}#cc-modal #cc-modal-wrapper .cc-preference-importantmessage{margin-top:20px!important;clear:both!important;padding:10px!important;text-align:left!important;background-color:#444!important;border:1px dotted #666!important;line-height:2em!important}#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a,#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:visited{line-height:1.2em;margin-top:0!important;margin-bottom:0!important;display:block;padding:5px 10px!important;background-color:#f5f5f5!important;color:#111!important;margin-right:8px!important;text-decoration:none!important;font-size:10pt;float:right;border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;box-shadow:1px 1px 2px #000;-moz-box-shadow:1px 1px 2px #000;-webkit-box-shadow:1px 1px 2px #000;transition:background .2s ease-in-out 0,color .2s ease-in-out 0,box-shadow .2s ease-in-out 0;-moz-transition:background .2s ease-in-out 0,color .2s ease-in-out 0,-moz-box-shadow .2s ease-in-out 0;-webkit-transition:background .2s ease-in-out 0,color .2s ease-in-out 0,-webkit-box-shadow .2s ease-in-out 0;background-color:#f1d600!important}#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:hover,#cc-modal #cc-modal-wrapper .cc-preference-importantmessage a:active{text-decoration:none!important;background-color:#0288ce!important;color:#fff!important;box-shadow:1px 2px 10px #000;-moz-box-shadow:1px 2px 10px #000;-webkit-box-shadow:1px 2px 10px #000}#cc-modal #cc-modal-wrapper a.cc-learnmore-link,#cc-settingsmodal #cc-settingsmodal-wrapper a.cc-learnmore-link,#cc-notification a.cc-learnmore-link{color:#fff!important}#cc-modal.cc-mobile #cc-modal-wrapper{height:auto!important;max-height:none!important;min-height:inherit!important}#cc-modal.cc-mobile #cc-modal-wrapper,#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper{margin-top:0!important;width:auto!important}#cc-modal.cc-mobile #cc-modal-wrapper h2{width:auto!important;margin-left:0!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2 span,#cc-modal.cc-mobile #cc-modal-wrapper h2 span{display:block;margin-top:8px}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper h2{margin-left:10px!important;width:auto!important}#cc-modal.cc-mobile #cc-modal-wrapper,#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper{border:0!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;background-image:none!important;max-height:none!important}#cc-settingsmodal.cc-mobile #cc-settingsmodal-wrapper li span,#cc-modal.cc-mobile #cc-modal-wrapper li span{width:auto!important;float:none!important}#cc-modal.cc-mobile #cc-modal-wrapper a.cc-consentchange{margin-top:10px!important;float:none!important}#cc-modal #cc-modal-wrapper li strong{width:auto!important}.lt-ie9 #cc-tag.cc-tag-vertical-right{bottom:0%!important}.lt-ie9 #cc-tag.cc-tag-vertical-right a,.lt-ie9 #cc-tag.cc-tag-vertical-right a:visited{padding:10px!important;margin-right:10px!important}
/* *** END
Cookie Consent CSS (~/cms/includes/css/silkTide.min.css) *** */
/* *** BEGIN
Store Commenting Review Styles (~/cms/includes/css/reviews.css) *** */
.reviewsWrapper .controls .view{float:right;font-size:.92em}.ratingDisplay{float:left;margin:0 10px 0 0;padding:0;list-style-type:none}.graph20 .ratingsGroup .ratingDisplay{position:absolute;top:35px;left:73px}.ratingDisplay .textRating{display:none;padding:0 0 0 5px;font-size:.9em;vertical-align:top}.ratingDisplay .star{float:left;display:inline;width:15px;height:15px;background:url(/cms/images/layout/rating_star.png) no-repeat 0 0;text-indent:-999em;overflow:hidden}.ratingDisplay .active{background-position:0 -15px}.ratingDisplay .half{background-position:0 -30px}.textRating .ratingValue{display:inline-block;padding:3px 5px;color:#fff;line-height:1em;background:#3f3f3f}.reviewAverage{margin-bottom:15px;border-bottom:1px solid #dfdfdf}.graph20 .reviewAverage{border-bottom:2px solid #ccc}.reviewAverage .reviewItem{margin:0;padding:0;border-bottom:0}.reviewAverageInterior{}.graph20 .reviewAverageInterior{font-size:16px;letter-spacing:0;line-height:16px;color:#333}.ratingSummary{margin-left:0;padding-left:0}.graph20 .ratingSummary{position:relative}.graph20 .ratingSummary>p{margin:0;padding:19px 0 0}.graph20 .ratingSummary>p:last-child{padding:0 0 23px}.reviewItem{margin:15px 0}.reviewItem+.reviewItem{border-top:1px dashed #aaa;padding-top:15px}.reviewItemInterior{padding:0 0 15px 0}.graph20 .reviewItemInterior{position:relative}.reviewItem .reviewhdng{display:inline-block;margin:0}.graph20 .reviewItem .reviewhdng{font-size:30px;font-weight:900;letter-spacing:-.44px;line-height:36px}.reviewItem .reviewhdng+.ratingDisplay{display:inline-block;float:none;margin:0}.ratingScore{font-size:.92em}.ratingScore+.ratingScore{margin:1em 0}.reviewItem .itemName{margin-bottom:10px;font-size:1.3em;font-weight:bold}.reviewItem .itemName a,.reviewItem .itemName a:link,.reviewItem .itemName a:visited{text-decoration:none}.reviewItem .postStamp{float:left;width:110px;display:inline;margin:0 10px 0 0;padding:5px;background:#f2f2f2;border:1px solid #cfcfcf}.graph20 .reviewItem .postStamp{padding:2px 13px;background:none}.postStamp .postInfo{margin-bottom:10px}.graph20 .reviewItem .postStamp{border:none}.postInfo .adr{}.postInfo .verifiedPurchase{color:blue}.reviewItem .reviewer{}.reviewItem .reviewer a,.reviewItem .reviewer a:link,.reviewItem .reviewer a:visited{color:#000}.reviewItem .reviewer .fn{font-weight:bold}.graph20 .reviewItem .reviwer .fn{font-weight:400}.reviewItem .reviewer .adr{font-weight:normal}.reviewItem .description{}.graph20 .reviewItem .description{padding-bottom:15px;margin-top:-15px}.reviewItem .hdngbox{padding-top:4px}.reviewItem .hdngbox .imghdng{margin-top:3px}.reviewItem .helpful{float:left;display:inline;font-size:.9em}.reviewItem .helpful a,.reviewItem .helpful a:link,.reviewItem .helpful a:visited{margin:0 0 0 5px;text-decoration:none}.reviewItem .helpful a:hover,.reviewItem .helpful a:active{text-decoration:underline}.reviewItem .titleAlt{margin:0 0 3px 0;font-size:1.2em;font-family:Gill Sans MT,Gill Sans Std,Open Sans,Calibri,Arial,sans-serif;color:hsl(203,100%,5%)}.reviewItem .postStamp,.reviewItem .reviewContent{display:table-cell}.graph20 .reviewItem .reviewContent{color:#333}.graph20 .reviewItem .reviewContent>p.smaller{position:absolute;top:52px;left:72px}.graph20 .reviewItem .reviewContent .recommend{font-style:italic}.reviewItem .postRightColumn{float:right;display:inline;margin:0 0 0 10px;text-align:right}.graph20 .reviewItem .postRightColumn{text-align:left;position:absolute;top:99px;left:72px;margin:0}.reviewItem .reviewTimestamp{display:inline-block;margin-bottom:10px;padding:3px 5px;font-size:.875em;background:#eeefe9;border:1px solid #e3e3e3}.graph20 .reviewItem .reviewTimestamp{padding:0;background:none;border:none;color:#333;margin-bottom:0}.shareReview{margin:0 0 10px 0}.shareReview .addthis_toolbox{display:inline-block}.permalink{display:none;padding-top:5px;clear:both}.permalink a,.permalink a:link,.permalink a:visited{padding-right:3px;text-decoration:underline}.reviewItem .ratingsGroup{}.reviewItem .ratingsGroup .reviewhdng{float:none;display:block}#writeReview{display:none}.reviewItem .reviewCompose{}.reviewCompose{padding:10px 0}.reviewCompose .reviewRatingLabel{display:inline-block;margin-bottom:3px}.reviewCompose .ratingSelect{margin-bottom:10px}.reviewCompose textarea{height:150px}.reviewComposeButtons{margin:10px 0 0}.commentList{margin:10px 0 20px}.reviewCommentNested{margin-left:20px}.reviewCommentCompose{display:none;margin:30px 20px 0}.reviewCommentCompose textarea{height:75px}.reviewComment{margin:0;padding:0;border:0}.reviewComment .commentInterior{margin:0;padding:10px 0;border-bottom:1px dotted #ccc}.ratingBreakdownTrigger{font-size:.9em;text-decoration:underline;cursor:pointer}.ratingBreakdown .rbItem{clear:both;font-size:.9em}.graph20 .ratingBreakdown .rbItem{margin-bottom:9px}.ratingBreakdown .rbItemName{float:left;display:inline;width:100px;margin-right:10px;padding-top:1px;text-align:right}.graph20 .ratingBreakdown .rbItemName{text-align:left}.ratingSecondary{margin:0 0 10px 0}.ratingSecondary .rsItem{margin-bottom:2px;font-size:.9em}.ratingSecondary .rsItemName{display:inline-block;width:105px;font-weight:bold}.ratingSecondary .textRating{line-height:1em}.ratingSecondary .barGraph{display:inline-block;font-weight:bold;width:60px;height:4px;border:1px solid #000;vertical-align:middle}.ratingSecondary .barGraph span{display:inline-block;height:4px;background:#999}.ratingSecondary .bar0_0 span{width:0}.ratingSecondary .bar0_5 span{width:6px}.ratingSecondary .bar1_0 span{width:12px}.ratingSecondary .bar1_5 span{width:18px}.ratingSecondary .bar2_0 span{width:24px}.ratingSecondary .bar2_5 span{width:30px}.ratingSecondary .bar3_0 span{width:36px}.ratingSecondary .bar3_5 span{width:42px}.ratingSecondary .bar4_0 span{width:48px}.ratingSecondary .bar4_5 span{width:54px}.ratingSecondary .bar5_0 span{width:60px}.ratingSelection .hover-text{margin-left:5px}.reviewsWrapper dl.forms{background:url(/cms/images/layout/forms_bg.gif) repeat-y 115px 0}.reviewsWrapper .formee{margin:0}.reviewDetailsLanding .ratingSummary{width:auto}.reviewDetailsLanding .reviewAverage{margin-bottom:10px}.reviewItemImage{float:left;display:inline;margin:0 10px 10px 0}.reviewItemSummary{display:table}.reviewComparison .titleAlt{margin:0 0 10px 0;font-weight:bold;font-size:1.4em}.reviewComparison .reviewHigh{display:inline;float:left;width:48%}.reviewComparison .reviewLow{display:inline;float:right;width:48%}.reviewComparison .postStamp{float:left;display:block;width:auto;min-height:auto!important;margin-bottom:10px}.reviewComparison .postStamp .postInfo{display:inline;margin-right:5px}.reviewComparison .postStamp .reviewer{display:block;margin:0}.reviewComparison .ratingsGroup{margin-left:0}.reviewComparison .reviewContent{display:block;clear:both}.graph20 .reviewComparison .reviewContent{padding-top:37px!important}div.view.rateit{top:3px}.graph20 .postName{height:60px;width:60px;border-radius:50%;background:#333;position:relative;float:left}.graph20 .postName span{position:absolute;color:#fff;font-size:24px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);line-height:29px;letter-spacing:-.35px}@media all and (min-width:48em){.graph20 .reviewItem .titleAlt{font-size:27px}.graph20 .reviewItem .postStamp,.graph20 .reviewItem .reviewContent{display:block}.graph20 .reviewItem .reviewhdng{font-size:36px;letter-spacing:0;line-height:50px}.graph20 .ratingSummary>p:last-child{padding:32px 20px 33px 0}.graph20 .ratingSummary>p{padding:32px 20px 33px 0;float:left}.graph20 .ratingSummary>p>span.bold:before{content:'|';position:relative;right:10px}.graph20 .reviewItem .description{padding-bottom:25px}.graph20 .reviewItem .postRightColumn{position:static;text-align:right}.graph20 .reviewItem .reviewContent>p.smaller{top:17px;left:180px}.graph20 .item-details .reviewItem .reviewContent>p.smaller{top:31px}.graph20 .reviewItem .reviewContent>p.smaller:before{content:'|';position:absolute;left:-15px}.graph20 .reviewItem .description{margin-top:0}.graph20 .reviewItem .description p{line-height:18px}.graph20 .reviewItem .postStamp{padding-top:15px}.graph20 .reviewComparison .reviewContent{padding-top:0!important}}
/* *** END
Store Commenting Review Styles (~/cms/includes/css/reviews.css) *** */
/* *** BEGIN
Store Commenting Star Plugin Styles (~/cms/includes/css/jquery.rateit.css) *** */
div.rateit{display:-moz-inline-box;display:inline-block;position:relative;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none}div.rateit div.rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(/cms/images/layout/star.png);height:16px}* html div.rateit,* html div.rateit div.rateit-range{display:inline}*+html div.rateit,*+html div.rateit div.rateit-range{display:inline}div.rateit div.rateit-hover,div.rateit div.rateit-selected{position:absolute;left:0}div.rateit div.rateit-hover-rtl,div.rateit div.rateit-selected-rtl{left:auto;right:0}div.rateit div.rateit-hover{background:url(/cms/images/layout/star.png) left -32px}div.rateit div.rateit-hover-rtl{background-position:right -32px}div.rateit div.rateit-selected{background:url(/cms/images/layout/star.png) left -48px}div.rateit div.rateit-selected-rtl{background-position:right -16px}div.rateit div.rateit-preset{background:url(/cms/images/layout/star.png) left -48px}div.rateit div.rateit-preset-rtl{background:url(/cms/images/layout/star.png) left -48px}div.rateit div.rateit-reset{background:url(/cms/images/layout/delete.gif) 0 0;width:16px;height:16px;display:-moz-inline-box;display:inline-block;float:left}div.rateit div.rateit-reset:hover{background-position:0 -16px}div.rateit div.rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(/cms/images/layout/star.png)}.reminderWrpr div.rateit div.rateit-range{position:relative;display:-moz-inline-box;display:inline-block;background:url(/cms/images/layout/stars.png);height:24px!important;width:126px!important}
/* *** END
Store Commenting Star Plugin Styles (~/cms/includes/css/jquery.rateit.css) *** */
/* *** BEGIN
Locations (~/cms/includes/css/locations.css) *** */
.locations{position:relative;display:block;margin:0;padding:0;width:940px;height:380px;background:url(/cms/images/locations/map.jpg)}.locations li{display:block}.locations a{position:absolute;display:block;margin:0;padding:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%;outline:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.locations a:after{content:'';position:absolute;top:50%;left:50%;display:block;width:37px;height:43px;margin-left:-18px;margin-top:-21px;background:url(/cms/images/locations/map-flag.png) no-repeat 50% 50%;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.locations a:hover:after,.locations a:focus:after{background-image:url(/cms/images/locations/map-flag-on.png)}.location-america a{top:34px;left:76px;width:261px;height:178px}.location-america a:hover,.location-america a:focus{background-image:url(/cms/images/locations/map-america.png)}.location-america a:after{left:62%;top:51%}.location-africa a{top:133px;left:412px;width:147px;height:189px}.location-africa a:hover,.location-africa a:focus{background-image:url(/cms/images/locations/map-africa.png)}.location-africa a:after{left:60%;top:30%}.location-asia a{top:37px;left:568px;width:265px;height:186px}.location-asia a:hover,.location-asia a:focus{background-image:url(/cms/images/locations/map-asia.png)}.location-asia a:after{left:30%;top:35%}.location-oceania a{top:187px;left:652px;width:182px;height:165px}.location-oceania a:hover,.location-oceania a:focus{background-image:url(/cms/images/locations/map-oceania.png)}.location-oceania a:after{left:44%;top:59%}.location-europe a{top:50px;left:425px;width:123px;height:105px}.location-europe a:hover,.location-europe a:focus{background-image:url(/cms/images/locations/map-europe.png)}.location-europe a:after{left:60%;top:36%}.location-list{display:block;margin:15px 15px;padding:0}.location-list>li{display:block;padding:20px 0 20px 40px;overflow:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.location-list>li+li{border-top:1px dotted #d1d1d1}.location-list h2{display:block;margin:0;width:20%;float:left}.location-list ul{overflow:hidden;padding:0;margin:8px 0;width:80%;float:left}.location-list li:target{background:hsl(0,0%,90%)}.location-list ul li{display:block;width:20%;float:left;margin:3px 0}.location-search select{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.location-search .col-1-2{margin-top:10px;margin-bottom:10px}.col-2-5.omega h2{margin:0}
/* *** END
Locations (~/cms/includes/css/locations.css) *** */
/* *** BEGIN
Beretta Green gallery (~/cms/includes/css/green.css) *** */
/* ==========================================================================
HTML Tags
========================================================================== */
html, button, input, select, textarea, .green {color: #4a4a4a; }
.green ::-moz-selection {
background: #1b5a58;
color: #fff;
text-shadow: none;
}
.green ::selection {
background: #1b5a58;
color: #fff;
text-shadow: none;
}
.green .wrapper-inner {
color: #4a4a4a;
}
.green .header {
background: rgb(27,90,88); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
}
.green .header .columns {
padding: 17px 0px 0px 0px;
}
.green .panel .content {
margin-top: 10px;
margin-bottom: 15px;
}
.green .panel .title .trigger::before,
.green .tabs .panel .title .trigger::after {
content: "";
background-color: #1b5a58;
}
.green .footer-store {
background: rgb(27,90,88) !important; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ) !important; /* IE6-8 */
}
.green .siteSearchWrpr .search .search-btn-wrapper {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f09637+0,ed7302+100 */
background: rgb(240,150,55); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,150,55,1) 0%, rgba(237,115,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,150,55,1) 0%,rgba(237,115,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,150,55,1) 0%,rgba(237,115,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09637', endColorstr='#ed7302',GradientType=0 ); /* IE6-9 */
}
.green .item-description {
color: #4a4a4a;
}
.green .footer-store a:hover,
.green .footer-store a:focus {
border-bottom-color: #f09637;
}
.green .footer-store li.on a {
border-bottom-color: #f09637;
}
.green h3,
.green h4,
.green h5,
.green h6 {
color: #1b5a58;
}
.green .desktop-total {
color: #fff;
}
.green .btn-alt2 {
color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f09637+0,ed7302+100 */
background: rgb(240,150,55); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,150,55,1) 0%, rgba(237,115,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,150,55,1) 0%,rgba(237,115,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,150,55,1) 0%,rgba(237,115,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09637', endColorstr='#ed7302',GradientType=0 ); /* IE6-9 */
border: 1px solid #f09637;
}
.green .btn-alt2:hover,
.green .btn-alt2:focus,
.green a.btn-alt2:hover,
.green a.btn-alt2:focus {
color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed7302+0,f09637+100 */
background: rgb(237,115,2); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,115,2,1) 0%, rgba(240,150,55,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(237,115,2,1) 0%,rgba(240,150,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(237,115,2,1) 0%,rgba(240,150,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7302', endColorstr='#f09637',GradientType=0 ); /* IE6-9 */
text-decoration: none;
filter: none;
}
.green a {
color: #1b5a58;
text-decoration: underline;
}
.green .guidedNavWrapper .navGroup li.navMore {
color: #1b5a58;
}
.green .sliderbox .ui-widget-header {
background: none repeat scroll 0 0 #1b5a58;
}
.green ul.altViews li .active img, ul.relatedItems li.active img {
outline: 2px solid #1b5a58;
}
.green .item-wrapper .view-more {
color:#f09637;
}
.green .item-wrapper .view-more:after {
content:"";
background-color:#f09637;
}
.green .btn-alt,
.green a.btn-alt {
color: #1b5a58;
text-decoration: none;
}
.green .btn-alt:hover,
.green .btn-alt:focus,
.green a.btn-alt:hover,
.green a.btn-alt:focus {
color: #1b5a58;
background: #cdcdcd;
text-decoration: none;
filter: none;
}
.green .breadcrumbs {
margin: 1em 0 1em;
color: #999999;
font-size: 0.79em;
}
.green .breadcrumbs a {
color: #1b5a58;
text-decoration: none;
display: inline-block;
}
.green .mod-alt2 {
background: rgb(27,90,88); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
}
.green .mod-alt3 > .mod-title,
.green .hawkRailHeader {
min-height: 8px;
text-align: left;
background: rgb(27,90,88); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
-webkit-border-top-right-radius: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.green .icons-phone {
background-position: -30px -194px;
}
.green .icons-bag {
/*background-position: -30px -378px;*/
}
.graph20.graph20--green .utility{ background: #1a5755;}
.green .utility-select {
color: #808080;
}
.green .utility-title,
.green .language-current,
.green .language-switcher,
.green .member-nav a {
display: block;
margin: 0;
padding: 0;
min-height: 16px;
color: #808080;
font-weight: normal;
font-size: 1em;
line-height: 16px;
}
.green .logo {
display: block;
margin: 0;
text-align: center;
background: #063a39 url(/cms/images/layout/green-header-glow.png) no-repeat 50% 0;
height: 86px;
-webkit-box-shadow: 0px 0px 3px 0px hsla(0, 0%, 0%, 0.8);
-moz-box-shadow: 0px 0px 3px 0px hsla(0, 0%, 0%, 0.8);
box-shadow: 0px 0px 3px 0px hsla(0, 0%, 0%, 0.8);
}
.green .footer {
position: relative;
background: #17393b url(/cms/images/layout/green-footer-glow.png) no-repeat 50% 0;
}
.graph20.graph20--green .footer{ background: #1a5755;}
/*
.green .footer-social {
position: absolute;
top: -54px;
right: 18px;
display: block;
margin: 0;
padding: 13px 0 0;
width: 220px;
height: 24px;
overflow: hidden;
text-align: center;
background: url(/cms/images/layout/green-footer-tab.png) no-repeat;
}
.green .footer-store a {
display: inline-block;
line-height: 1em;
padding: 0 0.4em 0 0.5em;
text-decoration: none;
}
*/
.green .footer-links a {
color: #cccccc; text-decoration: none;
}
.graph20.graph20--green .footer-links a {color: #fff;}
.green .footer-legal a {
color: #cccccc;
text-decoration: none;
}
.green .nav-main a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.green .nav-main > ul > li > a:hover,
.green .nav-main > ul > li > a:focus,
.green .nav-main .on > a,
.green .nav-main .clicked > a {
border-bottom-color: #f09637;
}
.green .nav-aside .mod-content a {
position: relative;
display: block;
padding: 0.4em 0 0.4em 20px;
color: #1b5a58;
font-weight: bold;
font-size:.95em;
text-decoration: none;
z-index:1;
}
.green .sub-menu {
display:none;
width: 100%;
background: rgba(27,90,88, 0.9);
text-align: left;
font-size: 1.14em;
z-index: 10000;
}
.green .sub-menu > ul > li > a {
margin-bottom: 5px;
font: bold 1em Arial, sans-serif;
text-transform: uppercase;
color: #666666;
}
.green .sub-menu a {
margin: 0;
padding: 3px 15px 2px 5px;
height: auto;
line-height: 1em;
text-transform: none;
}
.green .aside-alt.nav-aside .on {
color: #f09637;
}
.green .nav-aside .on:before{
color: #f09637;
}
.green .nav-aside ul a:hover,
.green .nav-aside ul a:focus,
.green .nav-aside ul a:hover:before,
.green .nav-aside ul a:focus:before {color:#f09637;}
.green .store-tools .tools-bag strong {
color: #f09637;
}
.green h2 {
color: #1b5a58;
}
.green .icons-phone {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
}
.green .grid-title a {
text-decoration: none;
}
.green .product-detail .title {
font-weight: bold;
font-size: 1.29em;
color: #1b5a58;
}
.green .tabs-nav ul {
border-bottom: none;
}
.green .tabs-nav li {
float: left;
padding: 0px;
}
.green .tabs-nav li a {
padding: 10px 20px 0px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececec+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.green .tabs-nav a {
color: #5a5252;
display: block;
font-size: 1.07em;
height: 31px;
text-decoration: none;
border-bottom: 4px solid #063a39;
background-image: url(/cms/images/layout/tab-bg.png);
background-position: 0px 90%;
background-repeat: repeat-x;
}
.green .tabs-content .panel {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ececec+0,ffffff+100 */
background: rgb(236,236,236); /* Old browsers */
background: -moz-linear-gradient(top, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(236,236,236,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border: 1px solid #e5e5e5;
}
.green .tabs-nav a:hover,
.green .tabs-nav a:focus,
.green .tabs-nav .selected a {
color: #1b5a58;
background-position: 0 0;
}
.green .tabs-nav .selected a {
color: #1b5a58;
}
.green .tabs-nav ul:after {
content: '';
display: block;
float: left;
width: 44px;
height: 46px;
background: url(/cms/images/layout/green-tab-end.png) no-repeat 0 100%;
}
.green .logo-image {
display: inline-block;
padding: 18px 20px 5px 20px;
background: url(/cms/images/layout/green-logo.png) no-repeat 50% 50%;
text-indent: -9999px;
overflow: hidden;
}
.graph20.graph20--green .icon.header-logo{ display: none;}
.graph20.graph20--green .logo--green{display: block; margin: 0 auto;}
.graph20.graph20--green .footer-inner .upd-logo .logo-image {
background-size: 211px 40px;
padding: 0;
width: 135px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.green .logo-image {
background-image: url(/cms/images/layout/green-logo@2x.png);
background-size: 211px 49px;
}
}
@media all and (min-width: 64em){
.graph20.graph20--green .logo--green{margin: 0 0 0 -48px; padding: 12px 0;}
}
.green .btn-alt3 {
display: inline-block;
padding: 8px 15px;
border: 0;
color: #1b5a58;
text-decoration: underline;
font-weight: bold;
font-size: 13px;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: none;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.green .btn-alt3:hover,
.green .btn-alt3:focus,
.green a.btn-alt3:hover,
.green a.btn-alt3:focus {
text-decoration: none;
color: #333;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec));
background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%);
-webkit-box-shadow: 0 0 0 1px #ececec;
-moz-box-shadow: 0 0 0 1px #ececec;
box-shadow: 0 0 0 1px #ececec;
}
.green .ui-widget-header {
color: #fff;
font-family: Gill Sans,Gill Sans MT,Gill Sans Std,Open Sans,Calibri,Arial,sans-serif;
min-height: 8px;
text-align: left;
background: rgb(27,90,88); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
}
.green .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #002b40;
color: #fff;
cursor: pointer;
font-size: 11px;
line-height: 1.3em;
text-decoration: none;
text-transform: uppercase;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
}
.green a.btn {
color:White;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNWE1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzM5M2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(27,90,88,1) 0%, rgba(23,57,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,90,88,1)), color-stop(100%,rgba(23,57,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,90,88,1) 0%,rgba(23,57,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5a58', endColorstr='#17393b',GradientType=0 ); /* IE6-8 */
text-decoration: none;
}
.green a.btn:focus, .green a.btn:hover {
color: #fff;
background: #023C3B;
filter: none;
}
.green .block {color: #3f3f3f;}
.green .nav-main .sub-menu {
background-color: rgba(27,90,88, 0.9);
}
.graph20.graph20--green .nav-main .sub-menu {background-color: #fff;}
@media (max-width:64.94em) {
.green .nav-main {
background-color: rgb(27,90,88);
}
.green .header .columns .column:first-child {
text-align: left;
}
.green .header .columns .column {
text-align: center;
}
.green .header .columns .column:last-child {
text-align: right;
}
.green .header .columns {
padding: 17px 0px 17px 0px;
}
.green .menu-toggle .icon {
left: 10px;
}
.green .logo-image {
display: block;
padding: 0px 0px 0px 0px;
width: 211px;
height: 49px;
}
.green .store-tools {
margin-right: 10px;
}
.green .nav-main > ul > li > a:hover,
.green .nav-main > ul > li > a:focus,
.green .nav-main .on > a,
.green .nav-main .clicked > a {
border-bottom-color: #666666;
}
}
/* *** END
Beretta Green gallery (~/cms/includes/css/green.css) *** */
/* *** BEGIN
Slideshow Adjust (~/cms/includes/css/slideshow.css) *** */
.slideshow .slide-content {
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.slideshow .slide-content:after {
background:none;
}
.slideshow-nav a {
-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
}
.graph20 .slideshow-nav a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.pause-line {
-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.75);
}
/* *** END
Slideshow Adjust (~/cms/includes/css/slideshow.css) *** */
/* *** BEGIN
Responsive Grid (~/cms/responsive/includes/css/grid.css) *** */
.container{position:relative;margin:0 auto;padding:0;min-width:16em;max-width:75em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container-12{position:relative;margin:0 auto;padding:0;min-width:16em;max-width:60em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.graph20 .container{position:relative;margin:0 auto;padding:0;min-width:16em;max-width:94em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.graph20 .container-inner{position:relative;margin:0 auto;padding:0;min-width:16em;max-width:85em;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}.container{*zoom:1}.container [class*="grid-"]{padding:0 10px;margin:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.gutterless{padding:0 10px}.gutterless>[class*="grid-"]{padding:0!important}@media only screen and (min-width:16em){.container [class*="grid-"]{position:relative;float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}[class*="grid-"] [class*="grid-"]{padding:0}.alpha{padding:0}.omega{padding:0}.s-1half>[class*="grid-"]{width:50%;padding:0 10px}.s-1half>.alpha{padding:0 10px 0 0}.s-1half>.omega{padding:0 0 0 10px}}@media only screen and (min-width:30em){[class*="grid-"] [class*="grid-"]{padding:0 10px}.alpha{padding:0}.omega{padding:0}.container .alpha{padding-left:0}.container .omega{padding-right:0}[class*="grid-"] .grid-1{width:8.333%}[class*="grid-"] .grid-2{width:16.666%}.graph20 .register-2{width:16.666%;float:left;padding:0 10px}[class*="grid-"] .grid-3{width:25%}.graph20 .register-3{width:25%;float:left;padding:0 10px}[class*="grid-"] .grid-4{width:33.333%}.graph20 .register-4{width:33.333%;float:left;padding:0 10px}[class*="grid-"] .grid-5{width:41.666%}[class*="grid-"] .grid-6{width:50%}.graph20 .register-6{width:50%;float:left;padding:0 10px}[class*="grid-"] .grid-7{width:58.333%}[class*="grid-"] .grid-8{width:66.666%}[class*="grid-"] .grid-9{width:75%}.graph20 .register-9{width:75%;float:left;padding:0 10px}[class*="grid-"] .grid-10{width:83.333%}[class*="grid-"] .grid-11{width:91.666%}[class*="grid-"] .grid-12{width:100%}.graph20 .register-12{width:100%;float:left;padding:0 10px}.sw-1half>[class*="grid-"]{width:50%}.sw-1half>[class*="push-"]{left:50%}.sw-1half>[class*="pull-"]{left:-50%}.sw-1half>[class*="grid-"] .alpha{padding:0 10px 0 0}.sw-1half>[class*="grid-"] .omega{padding:0 0 0 10px}.sw-1third>[class*="grid-"]{width:33.333%}.sw-1third>[class*="push-"]{left:33.333%}.sw-1third>[class*="pull-"]{left:-33.333%}.sw-1third>[class*="grid-"] .alpha{padding:0 10px 0 0}.sw-1third>[class*="grid-"] .omega{padding:0 0 0 10px}.sw-stack>[class*="grid-"]{width:100%}.sw-stack>.alpha,.sw-stack>.omega{padding:0}}@media only screen and (min-width:48em){[class*="grid-"] [class*="grid-"]{padding:0 10px}.container .alpha{padding-left:0}.container .omega{padding-right:0}.container .grid-1{width:8.333%}.container .grid-2{width:16.666%}.container .grid-3{width:25%}.container .grid-4{width:33.333%}.container .grid-5{width:41.666%}.container .grid-6{width:50%}.container .grid-7{width:58.333%}.container .grid-8{width:66.666%}.container .grid-9{width:75%}.container .grid-10{width:83.333%}.container .grid-11{width:91.666%}.container .grid-12{width:100%}.container .push-1{left:8.333%}.container .push-2{left:16.666%}.container .push-3{left:25%}.container .push-4{left:33.333%}.container .push-5{left:41.666%}.container .push-6{left:50%}.container .push-7{left:58.333%}.container .push-8{left:66.666%}.container .push-9{left:75%}.container .push-10{left:83.333%}.container .push-11{left:91.666%}.container .push-12{left:100%}.container .pull-1{left:-8.333%}.container .pull-2{left:-16.666%}.container .pull-3{left:-25%}.container .pull-4{left:-33.333%}.container .pull-5{left:-41.666%}.container .pull-6{left:-50%}.container .pull-7{left:-58.333%}.container .pull-8{left:-66.666%}.container .pull-9{left:-75%}.container .pull-10{left:-83.333%}.container .pull-11{left:-91.666%}.container .pull-12{left:-100%}.container .prefix-1{margin-left:8.333%}.container .prefix-2{margin-left:16.666%}.container .prefix-3{margin-left:25%}.container .prefix-4{margin-left:33.333%}.container .prefix-5{margin-left:41.666%}.container .prefix-6{margin-left:50%}.container .prefix-7{margin-left:58.333%}.container .prefix-8{margin-left:66.666%}.container .prefix-9{margin-left:75%}.container .prefix-10{margin-left:83.333%}.container .prefix-11{margin-left:91.666%}.container .prefix-12{margin-left:100%}.container .suffix-1{margin-right:8.333%}.container .suffix-2{margin-right:16.666%}.container .suffix-3{margin-right:25%}.container .suffix-4{margin-right:33.333%}.container .suffix-5{margin-right:41.666%}.container .suffix-6{margin-right:50%}.container .suffix-7{margin-right:58.333%}.container .suffix-8{margin-right:66.666%}.container .suffix-9{margin-right:75%}.container .suffix-10{margin-right:83.333%}.container .suffix-11{margin-right:91.666%}.container .suffix-12{margin-right:100%}}@media only screen and (min-width:48em)and (max-width:59.938em){.m-1half>[class*="grid-"]{width:50%}.m-1half>[class*="push-"]{left:50%}.m-1half>[class*="pull-"]{left:-50%}.m-1half>[class*="prefix-"]{margin-left:0}.m-1half>[class*="suffix-"]{margin-right:0}.m-1third>[class*="grid-"]{width:33.333%}.m-1third>[class*="push-"]{left:33.333%}.m-1third>[class*="pull-"]{left:-33.333%}.m-1fourth>[class*="grid-"]{width:25%}.m-1fourth>[class*="push-"]{left:25%}.m-1fourth>[class*="pull-"]{left:-25%}.m-2thirds-left>[class*="grid-"]{width:50%}.m-2thirds-left>[class*="grid-"]:nth-child(2n){width:33.333%}.m-2thirds-left>[class*="grid-"]:nth-child(2n+1){width:66.666%}.m-2thirds-left>[class*="push-"]{left:0}.m-2thirds-left>[class*="pull-"]{left:0}.m-2thirds-left>[class*="prefix-"]{margin-left:0}.m-2thirds-left>[class*="suffix-"]{margin-right:0}.m-2thirds-right>[class*="grid-"]{width:50%}.m-2thirds-right>[class*="grid-"]:nth-child(2n){width:66.666%}.m-2thirds-right>[class*="grid-"]:nth-child(2n+1){width:33.333%}.m-2thirds-right>[class*="push-"]{left:0}.m-2thirds-right>[class*="pull-"]{left:0}.m-2thirds-right>[class*="prefix-"]{margin-left:0}.m-2thirds-right>[class*="suffix-"]{margin-right:0}.m-stack>[class*="grid-"]{width:100%}.m-stack>[class*="push-"]{left:0}.m-stack>[class*="pull-"]{left:0}.m-stack>.alpha,.m-stack>.omega{padding:0}}@media(max-width:68.75em){.m-stack>[class*="grid-"]{width:100%}.m-stack>[class*="push-"]{left:0}.m-stack>[class*="pull-"]{left:0}.m-stack>[class*="prefix-"]{margin-left:0}.m-stack>[class*="suffix-"]{margin-right:0}.m-stack>.alpha,.m-stack>.omega{padding:0}}
/* *** END
Responsive Grid (~/cms/responsive/includes/css/grid.css) *** */
/* *** BEGIN
Responsive Default Styles (~/cms/responsive/includes/css/style.css) *** */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
/* ==========================================================================
HTML Tags
========================================================================== */
html, button, input, select, textarea {color: #4a4a4a; }
body {font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; overflow-y: scroll;}
body.graph20 {font-family: 'Lato', sans-serif; font-size: 1em; overflow-y: scroll; color: #333;}
body.redsgn{font-family: 'Open Sans', sans-serif;}
::-moz-selection {
background: #0c527e;
color: #fff;
text-shadow: none;
}
::selection {
background: #0c527e;
color: #fff;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
img {
max-width:100%;
height: auto !important;
vertical-align: middle;
}
.graph20 .icon{ display: inline-block;stroke-width: 0;stroke: currentColor; }
.graph20 .header-logo{ height: 3em; width: 9em; transition: opacity .3s ease-in-out;}
.graph20 .logo--green{display: none;}
.graph20 .logo-image:hover .icon.header-logo,
.graph20 .logo-image:focus .icon.header-logo {opacity: 0.7;}
.graph20 .product-detail .icon{height:1.5em; width: 1.5em; fill: #ccc; margin-right: 15px;}
.graph20 .addthis_toolbox{float:left;}
.graph20 .addthis_toolbox a{text-decoration: none;}
.graph20 .social-tools .icon{ height: 2em; width: 2em; fill: #003057; margin-top: 20px;}
.graph20 .footer .icon {width: .75em;height: .75em;fill: #fff;}
.graph20 .icon-facebook:hover,.graph20 .icon-facebook:focus{fill: #3b5998;}
.graph20 .icon-twitter:hover, .graph20 .icon-twitter:focus{fill: #00acee;}
.graph20 .icon-youtube:hover, .graph20 .icon-youtube:focus{fill: #c4302b;}
.graph20 .icon-pinterest:hover, .graph20 .icon-pinterest:focus{fill: #e60023;}
.graph20 .icon-instagram:hover, .graph20 .icon-instagram:focus{fill: #feda75;}
.graph20 .icon-linkedin:hover, .graph20 .icon-linkedin:focus{fill: #0077B5;}
.graph20 .icon-facebook-full {height: 2em; width: 9em; fill:#1877f2;}
.graph20 .fb-auth.fb-busa { display: block; border: 2px solid #ccc; padding: 5px; transition: all 0.3s ease-in-out;}
.graph20 .fb-auth.fb-busa:hover, .graph20 .fb-auth.fb-busa:focus{cursor: pointer; background: #15435F; border-color: #15435F;}
.graph20 .fb-auth.fb-busa:hover .icon-facebook-full, .graph20 .fb-auth.fb-busa:focus .icon-facebook-full {fill: #fff;}
.graph20 input.btn-alt2{width:100%; transition: all 0.3s ease-in-out; margin-top: 10px;}
.graph20 dl.checkoutProcess dt.stepTitle a.editLink,
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:link,
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:visited {color: #15435F; font-size: 12px; top: 26px;}
.graph20 .checkout-shipping-step .input-req,
.graph20 .checkout-shipping-step .input-opt {display: none;}
/* For Hiding the steps in the Checkout that belongs to */
.graph20 dl.checkoutProcess span.regularPayment,
.graph20 dl.checkoutProcess span.regularBill,
.graph20 dl.checkoutProcess span.regularReview{display: none;}
@media all and (min-width: 48em){
.graph20 .icon-facebook-full {height: 3em; width: 11em;}
.graph20 dl.checkoutProcess dt.stepTitle a.editLink,
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:link,
.graph20 dl.checkoutProcess dt.stepTitle a.editLink:visited { top: 32px; font-size: 14px;}
}
@media all and (min-width: 64em){
.graph20 .icon.header-logo{ height: 4em; width: 14em;}
}
fieldset {border: 0;margin: 0; padding: 0;}
.graph20 fieldset {border: none;}
textarea {resize: vertical;}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
h1 {
font-size:2.43em;
font-weight:normal;
font-family: "Open Sans", "Calibri", Arial, sans-serif;
color: #000f18;
margin: 0.67em 0 0.3em;
-webkit-font-smoothing: antialiased;
}
.graph20 h1 {
font-size: 2.25em;
font-weight: 900;
font-family: "Lato", sans-serif;
letter-spacing: -0.9px;
line-height: 38px;
}
h2 {
font: bold 1.875em/1.2em 'Open Sans', Arial, sans-serif;
color: #15435f;
margin: 0.83em 0;
}
.graph20 h2 {
margin: 0;
font-weight: 900;
font-size: 1.875em;
font-family: 'Lato', sans-serif;
color: #333;
letter-spacing: -0.44px;
line-height: 36px;
}
h3 {
font: bold 1.29em/1.2em 'Open Sans', Arial, sans-serif;
color: #0c527e;
margin: 1em 0;
}
.graph20 h3 {
font-weight: 900;
font-size: 1.625em;
font-family: 'Lato', sans-serif;
color: #333;
}
h4 {
font-size: 1em;
color: #0c527e;
margin: 1.33em 0;
}
.graph20 h4 {
font-size: 1.25em;
margin: 1.33em 0;
font-family: 'Lato', sans-serif;
font-weight: 900;
color: #333;
}
h5 {
font-size: .83em;
color: #0c527e;
margin: 1.67em 0;
}
.graph20 h5 {color: #333;}
h6 {
font-size: .75em;
color: #0c527e;
margin: 2.33em 0;
}
.graph20 h6 {color: #333;}
.graph20 p{
font-size: 0.875em;
line-height: 20px;
font-family: 'Lato', sans-serif;
}
a {
color: #15435f;
text-decoration: underline;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover, a:active, a:focus {text-decoration: none;}
a[href^="tel"],
a[href^="tel"]:hover,
a[href^="tel"]:focus { text-decoration: none !important;}
a img{
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-backface-visibility: hidden;
}
a:hover img,
a:focus img{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8;}
.graph20 .svg-legend {
position: absolute;
top: -999em;
width: 0;
height: 0;
}
@media all and (min-width: 48em){
.graph20 h1{font-size: 3em; letter-spacing: -0.7px; line-height: 50px;}
.graph20 h2 { font-size: 2.25em; letter-spacing: 0; line-height: 38px;}
.graph20 h3{ font-size: 1.875em;}
.graph20 h4{ font-size: 1.5em;}
.graph20 p{
font-size: 1em;
line-height: 28px;
}
}
/* Font Face for the site */
@font-face {
font-family: 'icomoon';
src: url('/redesign_exclude2017/cms/fonts/icomoon.eot?ukd7qa');
src: url('/redesign_exclude2017/cms/fonts/icomoon.eot?ukd7qa#iefix') format('embedded-opentype'),
url('/redesign_exclude2017/cms/fonts/icomoon.ttf?ukd7qa') format('truetype'),
url('/redesign_exclude2017/cms/fonts/icomoon.woff?ukd7qa') format('woff'),
url('/redesign_exclude2017/cms/fonts/icomoon.svg?ukd7qa#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-comments-o:before { content: "\e90a";}
.icon-user:before { content: "\e906";}
.graph20 .icon-user:before { color: #999;}
.graph20 .icon-lock:before { color: #999;}
.graph20 .member-nav .icon-user:before { color: #fff;}
.icon-search:before { content: "\e909";}
.icon-cart:before { content: "\e908";}
.icon-pinterest:before { content: "\e905";}
.icon-youtube:before { content: "\e900";}
.icon-facebook:before { content: "\e901";}
.icon-instagram:before { content: "\e902";}
.icon-google-plus:before { content: "\e903";}
.icon-twitter:before { content: "\e904";}
/* Social Media Icons here */
ul.footerSocial li a{
height: 25px;
width: 25px;
background-repeat: no-repeat;
background-size: contain;
text-indent: -9999em;
overflow: hidden;
display: block;
}
ul.footerSocial li a.google-s{background-image: url('/cms/images/redesign_socialmedia/google-plus.svg');}
ul.footerSocial li a.facebook-s{background-image: url('/cms/images/redesign_socialmedia/facebook.svg');}
ul.footerSocial li a.instagram-s{background-image: url('/cms/images/redesign_socialmedia/instagram.svg');}
ul.footerSocial li a.pinterest-s{background-image: url('/cms/images/redesign_socialmedia/pinterest.svg');}
ul.footerSocial li a.twitter-s{background-image: url('/cms/images/redesign_socialmedia/twitter.svg');}
ul.footerSocial li a.youtube-s{background-image: url('/cms/images/redesign_socialmedia/youtube.svg');}
.arrow-list {display: block;padding-left: 0;}
.arrow-list li {
display: block;
background: url(/cms/images/layout/list-icon.png) no-repeat 4px 2px;
padding-left: 20px;
margin: 2px 0;
}
.list-3rds li {
display: block;
float: left;
width: 33%;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.list-3rds:after{
content: "";
display: table;
clear: both;
}
.link-alt { color: #808080; text-decoration: none;}
.link-alt:hover,
.link-alt:focus {text-decoration: underline;}
.important {
color: red;
font-weight: bold;
text-transform: uppercase;
}
.input-full {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.input-checkbox { }
.checkbox-table [type="checkbox"] { margin-right: 4px;}
.checkbox-table [type="checkbox"] + label { display: inline;}
.input-req:after {
content: ' *';
position: relative;
top: -0.25em;
font-size: 11px;
color: #00cc33;
}
.content-bgimg {
padding: 1em;
background-size: cover;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
min-height: 350px;
}
.content-bgimg h1 {
margin: 0;
color: #fff;
text-shadow: 1px 1px 2px hsla(203, 83%, 27%, 0.5);
}
.content-bgimg .content-box {
position: absolute;
background: hsla(0, 0%, 100%, 0.8);
padding: 1em;
bottom: 1em;
right: 1em;
width: 50%;
margin: 0;
border: 1px solid hsl(0, 100%, 100%);
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
-moz-box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
box-shadow: 0 1px 2px 0 hsla(0, 2%, 12%, 0.6);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: fadeInRight 1s;
-moz-animation: fadeInRight 1s;
-ms-animation: fadeInRight 1s;
-o-animation: fadeInRight 1s;
animation: fadeInRight 1s;
}
.wrapper {position:relative; overflow:hidden;}
.wrapper-inner {
position: relative;
margin: 0 auto;
left: 0;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
@media (max-width:64.99em) {
.menu-active .wrapper-inner {
left:80%;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.graph20.menu-active .wrapper-inner:before {
content: '';
height: 999em;
width: 100%;
background: rgb(0, 0, 0, 0.5);
position: absolute;
z-index: 100;
}
}
/* =============== Columns ================== */
.columns,
.columns .column { display:block; width:100%;}
.columns .column { padding: 0 10px;}
@media (min-width:48.000em) {
.columns {display:table;}
.columns .column {display:table-cell; vertical-align:middle; width:auto;}
}
/* =============== Smart Bug =============== */
.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }
/* ==========================================================================
Buttons
========================================================================== */
.btnWrapper {display: inline-block; margin: 1em 0;}
.btnWrapper + .btnWrapper { margin-left: 1em;}
.btn, a.btn {
display: inline-block;
padding: 8px 15px;
border: 2px solid #235675;
color: #fff;
text-decoration: none;
text-transform: capitalize;
font-family: 'Open Sans', sans-serif;
line-height: 1.3em;
cursor: pointer;
text-align: center;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435F));
background: -webkit-linear-gradient(top, #245877 0%,#15435F 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
background-clip: padding-box;
}
.graph20 .btn, .graph20 a.btn {
display: inline-block;
padding: 6px 26px 5px;
border: none;
color: #fff;
text-decoration: none;
text-transform: capitalize;
font-family: 'Lato', sans-serif;
line-height: 1.3em;
cursor: pointer;
text-align: center;
background: #15435F;
background-clip: padding-box;
font-weight: bold;
font-size: 0.625em;
text-transform: uppercase;
border-radius: 0px;
letter-spacing: 1.6px;
line-height: 24px;
margin-top: 5px;
}
.graph20 div.centered-btn .btn{padding:10px 25px;}
.graph20 .close-cart .btn {padding: 8px 26px 8px 27px; font-size: 0.875em;}
.btn-small, a.btn-small {padding: 3px 16px;}
.btn-large, a.btn-large {padding: 16px 30px;font-size: 13px;}
.graph20 .btn-large, .graph20 a.btn-large { padding: 10px 25px;}
.lt-ie9 .btn, .lt-ie9 a.btn {zoom: 1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF11597D', endColorstr='#FF153146');}
.btn:hover, .btn:focus,
a.btn:hover, a.btn:focus {color: #fff; background: #153146; text-decoration: none;}
.graph20 .btn:hover, .graph20 .btn:focus,
.graph20 a.btn:hover, .graph20 a.btn:focus {background: #335e79; border-color: #335e79;}
.btn-alt, a.btn-alt {
display: inline-block;
padding: 8px 15px;
border: 1px solid #CDCDCD;
color: #0C527E;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: #FFF;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,#fff 0%,#cdcdcd 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFF),color-stop(100%,#CDCDCD));
background: -webkit-linear-gradient(top,#FFF 0%,#CDCDCD 100%);
background: -o-linear-gradient(top,#fff 0%,#cdcdcd 100%);
background: -ms-linear-gradient(top,#fff 0%,#cdcdcd 100%);
background: linear-gradient(to bottom,#FFF 0%,#CDCDCD 100%);
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
}
.graph20 .btn-alt, .graph20 a.btn-alt {
display: inline-block;
padding: 8px 15px;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: none;
border-radius: 0;
}
.lt-ie9 .btn-alt, .lt-ie9 a.btn-alt {zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );}
.btn-alt:hover, .btn-alt:focus,
a.btn-alt:hover, a.btn-alt:focus {text-decoration: none; filter:none; background: #cdcdcd;}
.graph20 .btn-alt:hover, .graph20 .btn-alt:focus,
.graph20 a.btn-alt:hover, .graph20 a.btn-alt:focus {background: #15435f;}
a.btn-alt:active, a.btn-alt:active {
background: rgb(243,85,41);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzNTUyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjczMmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(243,85,41,1) 0%, rgba(255,115,46,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,85,41,1)), color-stop(100%,rgba(255,115,46,1)));
background: -webkit-linear-gradient(top, rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
background: -o-linear-gradient(top, rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
background: -ms-linear-gradient(top, rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
background: linear-gradient(to bottom, rgba(243,85,41,1) 0%,rgba(255,115,46,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35529', endColorstr='#ff732e',GradientType=0 );
}
.btn-alt2 {
display: inline-block;
padding: 8px 15px;
border: 1px solid #ff732e;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 16px;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: rgb(255,115,46);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzMyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzU1MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,115,46,1) 0%, rgba(243,85,41,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,115,46,1)), color-stop(100%,rgba(243,85,41,1)));
background: -webkit-linear-gradient(top, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
background: -o-linear-gradient(top, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
background: -ms-linear-gradient(top, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
background: linear-gradient(to bottom, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
}
.graph20 .btn-alt2 {
display: inline-block;
padding: 8px 26px 8px 27px;
border: 1px solid #F34F03;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.875em;
line-height: 24px;
text-align: center;
cursor: pointer;
background: #F34F03;
border-radius: 0;
letter-spacing: 1.6px;
}
.graph20 #btnAjaxCheckout { padding-left: 0; padding-right: 0; text-align: center;}
.lt-ie9 .btn-alt2, .lt-ie9 a.btn-alt2 { zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff732e', endColorstr='#f35529',GradientType=0 );}
.btn-alt2:hover, .btn-alt2:focus,
a.btn-alt2:hover, a.btn-alt2:focus {
color: #fff;
background: rgb(243,85,41);
text-decoration: none;
filter: none;
}
.graph20 .btn-alt2:hover, .graph20 .btn-alt2:focus,
/* a.btn-alt2:hover, a.btn-alt2:focus, */
.graph20 .newsletter-btn:hover, .graph20 .newsletter-btn:focus,
.graph20 .btn-alt2-small:hover, .graph20 .btn-alt2-small:focus {
color: #fff;
background: #ff752b;
text-decoration: none;
filter: none;
}
.graph20 .btn-alt2-full-width{
display: inline-block;
padding: 8px 26px 8px 27px;
border: 1px solid #F34F03;
color: #fff;
text-decoration: none;
font-weight: 700;
font-size: 0.875em;
line-height: 24px;
text-align: center;
cursor: pointer;
background: #F34F03;
border-radius: 0;
display: block;
text-transform: uppercase;
letter-spacing: 1.6px;
margin: 15px 0;
}
.graph20 button.btn-alt2-full-width{width: 100%; transition: all 0.3s ease-in-out;}
.graph20 input.btn-alt2-full-width{width:100%; font-weight: 700; font-family: 'Lato', sans-serif; margin-bottom: 0; transition: all 0.3s ease-in-out;}
.graph20 .btn-alt2-full-width:hover,.graph20 .btn-alt2-full-width:focus {background: #ff752b; text-decoration: none; filter: none;}
.graph20 .product-detail .btn.addtocart{font-size: 1em;}
@media all and (min-width: 48em){
.graph20 .btn, .graph20 a.btn { font-size: 1em; padding: 13px 24px; }
.graph20 table.cart .btn{ font-size:0.625em; padding: 6px 26px 5px;}
.graph20 .btn-alt2 {
padding: 13px 49px 13px 50px;
color: #fff;
font-size: 1em;
line-height: 1.3em;
}
.graph20 div.centered-btn .btn{padding:13px 50px;}
.graph20 .btn-large, .graph20 a.btn-large{padding: 13px 50px;}
.graph20 .btn-alt2-full-width{ margin: 30px 0; padding: 18px 26px 18px 27px; font-size: 1em;}
.graph20 input.btn-alt2-full-width{font-size: 1.14em;}
.graph20 .product-detail .btn.addtocart { font-size: 1.25em;}
.graph20 .btnWrapper + .btnWrapper { margin-left: 0;}
.graph20 #btnAjaxCheckout{letter-spacing: 1px; font-size: 12px;}
}
@media all and (min-width: 64em){
.graph20 #btnAjaxCheckout{letter-spacing: 1.6px; font-size: 1em;}
}
/* Invisible button that looks like a link */
.btn-alt3 {
display: inline-block;
padding: 8px 15px;
border: 0;
color: #0c527e;
text-decoration: none;
font-weight: bold;
font-size: 13px;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: none;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.graph20 .addToButtons .btn-alt3{ font-weight: 900; font-size: 0.875em;}
.btn-alt3:hover, .btn-alt3:focus,
a.btn-alt3:hover, a.btn-alt3:focus { text-decoration: underline;}
.btn-regular {font-size: 11px;}
/* Fake button to look like text */
.btn-text {
display: inline-block;
padding: 0;
border: 0;
background: none;
text-decoration: underline;
color: #0c527e;
}
.btn-text:hover,
.btn-text:focus {text-decoration: none;}
/* Facebook button */
.btn-fbook {
display: inline-block;
background: #3b5998 url(/cms/images/layout/fbook.png) 1em 50% no-repeat;
padding: 1.35em 1.5em 1.35em 4em;
font-family: 'open-sans-semi', arial, helvetica;
color: #fff;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: left;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.btn-fbook:hover,
.btn-fbook:focus {background-color: #344e86;}
.btn-full {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mod .btn {margin-bottom:5px;}
/* ==========================================================================
Data-Expander
========================================================================== */
.graph20 .target-show {
animation-duration: .3s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
animation-name: toggleTargetShow;
}
.graph20 .target-hide {
animation-duration: .3s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
animation-name: toggleTargetHide;
}
.graph20 [data-expander-target] { display: none;}
.graph20 [data-expander-target].active { display: block;}
.graph20 [data-expander-target].target-show { animation-name: toggleTargetShow;}
.graph20 [data-expander-target].target-hide { animation-name: toggleTargetHide;}
@keyframes toggleTargetShow {
from {
opacity: 0;
transform: translateY(-10%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes toggleTargetHide {
from {
opacity: 1;
transform: translateY(0%);
}
to {
opacity: 0;
transform: translateY(-10%);
}
}
/* ==========================================================================
Tabs
========================================================================== */
.tabs { margin: 20px 0;}
.tabs-nav {
position: relative;
top: 1px;
overflow: hidden;
z-index: 20;
}
.tabs-nav ul {
display: none;
margin: 0;
padding: 0;
border-bottom:1px solid #e6e6e6;
background-color:#fff;
text-align:center;
}
.tabs-nav li {
position: relative;
display: inline-block;
vertical-align:middle;
padding:0 20px;
overflow: hidden;
}
.tabs-nav a {
display: block;
padding:15px 0 10px;
border-bottom:5px solid transparent;
font-size: .9em;
font-weight:bold;
color: #15435f;
text-decoration: none;
background: #fff;
}
.tabs-nav a:hover,
.tabs-nav a:focus,
.tabs-nav .selected a { color: #666; border-bottom-color:#ff732e;}
.tabs-nav .selected a { border-bottom-color:#ff732e; color: #666666;}
.tabs-nav .selected a:hover {color:#666; border-bottom-color:#ff732e;}
.tabs-content { margin-top: -1px;}
.tabs .panel > h2:first-child { margin-top: 0;}
.panel {
position: relative;
padding:0 10px;
z-index: 15;
background-color: #fff;
border-left: 1px solid #e5e5e5;
overflow:hidden;
}
.panel:after { content: ""; display: table; clear: both;}
.panel {display: block;}
.panel.selected {display: block;}
.panel table {width:100%;}
.subpanel, .subpanel-left, .subpanel-right {
overflow: hidden;
padding: 40px 40px 0;
-webkit-box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
box-shadow: inset 0 10px 15px -10px rgba(0, 0, 0, 0.5);
margin-left: -20px;
margin-right: -20px;
}
.subpanel:first-child, .subpanel-left:first-child, .subpanel-right:first-child {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.subpanel-left {padding-right: 0;}
.subpanel-right {padding-left: 0;}
.panel .title {
position:relative;
padding:10px;
margin:10px -10px 0;
border-top:1px solid #e6e6e6;
font-size:1.1em;
text-transform:capitalize;
}
.panel .title .trigger {
position:absolute;
display:block;
top:5px;
right:10px;
height:20px;
width:20px;
cursor:pointer;
}
.panel .title .trigger:before,
.tabs .panel .title .trigger:after {
content:"";
position:absolute;
background-color:#15435f;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.panel .title .trigger:before {
top:80%;
width:100%;
height:4px;
right:2px;
}
.panel .title .trigger:after {
top:40%;
right:10px;
width:4px;
height:100%;
}
.tabs .panel .title .trigger.clicked:after {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.panel .content {display:none; margin-top:10px;}
.tabs .sizeChart {overflow:auto;}
.tabs .sizeChart table {width:100% !important;}
.tabs .sizeChart table tr td {padding:4px;}
.tabs .sizeChart table tr td:first-child {white-space:nowrap;}
@media (min-width:48.000em) {
.tabs-nav ul {display:block;}
.panel {padding:20px;}
.panel .inner {padding:0;}
.panel .title {display:none;}
.tabs .panel .content {display:block !important;}
.panel {display:none;}
}
/* Tabs - Alt Style
========================================================================== */
.tabs-alt-nav { position: relative;}
.tabs-alt-nav ul { display: block; margin: 0; padding: 0 20px;}
.tabs-alt-nav li {
position: relative;
top: 1px;
display: block;
float: left;
overflow: hidden;
}
.tabs-alt-nav li + li { margin-left: 3px;}
.tabs-alt-nav .name {
display: block;
padding: 12px 20px 9px;
line-height: 1em;
border: 1px solid #d0d0d0;
color: #0c527e;
font-weight: bold;
font-size: 0.86em;
text-decoration: none;
background: #e4e4e4;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-border-top-right-radius: 3.01px;
-webkit-border-top-left-radius: 3.01px;
-moz-border-radius-topright: 3.01px;
-moz-border-radius-topleft: 3.01px;
border-top-right-radius: 3.01px;
border-top-left-radius: 3.01px;
}
.tabs-alt-nav .name:hover,
.tabs-alt-nav .name:focus,
.tabs-alt-nav .selected .name { color: #666666; background: #fff; border-bottom-color: #fff;}
.tabs-alt-nav .selected .name:hover {cursor: default;}
/* ==========================================================================
Modules
========================================================================== */
.main .block,
.main-area .block { margin: 15px;}
.main .grid-3 .block {margin: 15px 0px;}
.margin-offset {margin: -15px;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.mod-bg {background: #fff;}
.mod {position: relative; margin: 15px 0;}
.mod-has-margin {margin: 15px !important;}
.graph20.mod-has-margin{margin:16px!important; margin-top:0!important;}
.mod-centered { text-align: center;}
.mod-alt {
position: relative;
overflow: hidden;
display: block;
padding:22px 5px;
color: #808080;
background: #fff;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}
.mod-alt .title {margin:0;}
.mod-alt img {margin:0 auto;}
.lt-ie9 .mod-alt {*zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 );}
.mod-alt + .mod-alt {margin-top: 25px;}
.mod-alt > .mod-title { text-align: center;}
.mod-alt2 {
position: relative;
padding: 5px;
margin: 20px 0;
color: #fff;
background: #245877;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435F));
background: -webkit-linear-gradient(top, #245877 0%,#15435F 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
}
.lt-ie9 .mod-alt2 { zoom:1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.mod-alt2 .title { color: #fff;}
.mod-alt > .mod-title .title {margin: 0.5em 0 0;font-size: 18px;color: #808080;}
/* Mod Alt 3 - Mod style with blue heading */
.mod-alt3 {
position: relative;
padding: 0;
color: #808080;
background: #fff;
}
.graph20 .mod-alt3{ padding: auto; background: none; overflow: visible; }
#hawkfacets { border:0; }
.mod-alt3 > .mod-title,
.hawkRailHeader {
position:relative;
min-height: 8px;
text-align: left;
cursor:pointer;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
background: -webkit-linear-gradient(top, #245877 0%,#15435f 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.graph20 .mod-alt3 > .mod-title,
.graph20 .hawkRailHeader{ background: none; text-align: left; padding-left: 0;}
.storeLnav .title:before,
.hawkRailHeader:before,
.nav-aside .title:before {
content:"";
position:absolute;
top:15px;
right:18px;
width:4px;
height:16px;
background-color:#fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .nav-aside:last-child .title:before{background-color: #15425f;}
.graph20 .storeLnav .title:before,
.graph20 .hawkRailHeader:before{ top:5px;}
.graph20 .nav-aside .title:before {top: 16px;}
.graph20 .hawkRailHeader:before{background: none;transition: none;}
.storeLnav .title:after,
.hawkRailHeader:after,
.nav-aside .title:after {
content:"";
position:absolute;
top:21px;
right:12px;
width:16px;
height:4px;
background-color:#fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .nav-aside:last-child .title:after{background-color: #15425f;}
.graph20 .storeLnav .title:after,
.graph20 .hawkRailHeader:after {top: 11px;}
.graph20 .nav-aside .title:after {top: 22px;}
.graph20 .hawkRailHeader:after{ background: none; transition: none;}
.storeLnav .title.clicked:before,
.hawkRailHeader.clicked:before,
.nav-aside .title.clicked:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.storeLnav ul.rail-navigation,
.hawkRailNav,
.nav-aside ul {display:none;}
.graph20 .nav-aside ul {display: block;}
.graph20 .hawkRailHeader button{
background: #F34F03;
border: none;
padding: 13px 20px 12px 35px;
color: #FFF;
font-size: 10px;
font-weight: bold;
letter-spacing: 2.42px;
line-height: 12px;
text-transform: uppercase;
display: block;
position: relative;
margin: -3.2px 0;
transition: all 0.3s ease-in-out;
}
.graph20 .hawkRailHeader button:focus{outline-color: #666;}
.graph20 .hawkRailHeader button:hover {background: rgb(243,85,41); opacity: .8;}
.graph20 .hawkRailHeader .open{display:none; position: relative;}
.graph20 .hawkRailHeader .bar{position: absolute;}
.graph20 .hawkRailHeader .close{display:none; position: relative;}
.graph20 .hawkRailHeader .open.active{display:block;}
.graph20 .hawkRailHeader .close.active{display:block; margin-right: 2px;}
.graph20 .hawkRailHeader .bar:before{
content: '';
position: absolute;
width: 18px;
height: 2px;
background: #FFF;
transform: rotate(-45deg);
transition: transform .3s ease-in-out;
left: -51.5px;
top: 2.5px;
}
.graph20 .hawkRailHeader .bar.active:before{
transform: rotate(0deg);
top: -12px;
left: -50px;
}
.graph20 .hawkRailHeader .bar:after{
content: '';
position: absolute;
height: 2px;
width: 18px;
transition: transform .3s ease-in-out;
top: 2.5px;
left: -50.5px;
background: #FFF;
transform: rotate(45deg);
}
.graph20 .hawkRailHeader .bar.active:after{
width: 6px;
left: -44px;
top: -4px;
transform: rotate(0deg);
}
.graph20 .hawkRailHeader .open:before{
content: '';
position: absolute;
width: 11px;
height: 2px;
background: #FFF;
left: -15px;
top: 4px;
transition: all .3s ease-in-out;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.graph20 .hawkRailHeader .bar.active::after {left:-13px;}
.graph20 .hawkRailHeader .bar.active::before{left:-19px;}
.graph20 .hawkRailHeader .bar::after,
.graph20 .hawkRailHeader .bar::before{left:-20px;}
.graph20 table.cart td.total-price dl dd p.singleprice{padding-left: 50px!important;}
.graph20 .hawkRailNav .selectedNav{width: 100%;}
.graph20 .accountLogin input::-ms-clear, .graph20 .accountLogin input::-ms-reveal,
.graph20 .account input::-ms-clear, .graph20 .account input::-ms-reveal {display: none ;}
}
.graph20 .mod-alt3#hawkfacets{background: #e6e6e6; position: relative;}
.graph20 .mod-alt3#hawkfacets > div:first-child {position: absolute; right: 10px; top: 10px; z-index: 55; color: #333; font-weight: 900; font-size: 12px;}
.graph20 .store-items .hawkRailNav { border-top: 2px solid #ccc; margin: 0; }
.graph20 .store-items .hawkRailNav.active {display: block; }
.graph20 .store-items .hawkRailNav > div {background: #e6e6e6; border-bottom: 2px solid #ccc; margin: 20px 0;}
.graph20 .guidedNavWrapper ul li a { color: #333; font-size: 1em; font-family: 'Lato', sans-serif; margin-right: 10px;}
.graph20 .guidedNavWrapper .navGroup {background: #e6e6e6; margin-top: 0; padding-top: 0;}
.graph20 .iconImage.iconXSquareRed { background: url(/cms/images/icon-close-circled-24.png); height: 16px; width: 16px;}
.graph20 .clearSelected:before{
content: '';
position: absolute;
background: url(/cms/images/icon-close-circled-24.png);
height: 16px;
width: 16px;
left: -18px;
top: 8px;
}
.graph20 .guidedNavWrapper .selhdng{ display: none;}
.graph20 .hawkRailNav .selectedNav {
background: #e6e6e6;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.graph20 .selectedNav .selectedGroup { padding-top: 0; margin-top: 0;}
.graph20 .selectedNav .clearSelected {
margin-top: 0;
float: left;
padding-top: 6px;
position: absolute;
top: -1px;
left: 140px;
}
.graph20 .store-items .hawkRailNav > div#selectedNav {min-height: 40px;}
.graph20 .selectedNav .selectedGroup .hawkFacet-active { float: left; margin-left: 5px; margin-right: 5px;}
.graph20 ul.facetfilters {display: none;}
.graph20 .sliderbox {margin-left:0;}
@media (min-width:48.000em) {
.redsgn .hawkRailNav,
.redsgn .storeLnav ul.rail-navigation,
.redsgn .nav-aside ul {display:block !important;}
.hawkRailHeader {cursor:default;}
.hawkRailHeader:before,.hawkRailHeader:after,
.storeLnav .title:after, .storeLnav .title:before,
.nav-aside .title:after, .nav-aside .title:before {display:none !important;}
.storeLnav ul.rail-navigation ul {display:none !important;}
.storeLnav ul.rail-navigation .active ul,
.storeLnav ul.rail-navigation .on ul {display:block !important;}
.storeLnav ul.rail-navigation .on.active ul {display:none !important;}
.graph20.mod-has-margin{margin:60px!important; margin-top:60px!important;}
.graph20 .mod-alt3#hawkfacets > div:first-child {top: 10px; right: 30px; font-size: 16px;}
.graph20 .nav-aside ul {display: block !important;}
}
@media all and (min-width: 64em){
.graph20 .store-items .hawkRailNav .guidedNavWrapper {
margin-right: 15px;
border-bottom: none;
width: 210px;
min-height: 250px;
position: relative;
float: left;
}
.graph20 .store-items .hawkRailNav .guidedNavWrapper:after {
content: '';
position: absolute;
height: 250px;
width: 2px;
background: #ccc;
top: 0;
right: 0;
}
.graph20 .store-items .hawkRailNav .guidedNavWrapper:last-child:after{background: none;}
.graph20 .store-items .hawkRailNav > div#selectedNav {position: absolute; top: -10px; left: 235px; width: 90%;}
.graph20 .store-items .hawkRailNav #selectedNav.guidedNavWrapper:after{display: none;}
.graph20 .selectedNav .clearSelected{ top: -10px; left: -60px;}
.graph20 .store-items .hawkRailNav { border-top: none;}
.graph20 ul.facetfilters{display: block;}
.graph20 .hawkRailHeader button{ padding: 15px 20px 14px 37px; margin: -7.2px 0;}
.graph20 .hawkRailNav .selectedNav {flex-direction: row; width: max-content; }
}
.mod-alt3 > .mod-title .title, .hawkRailHeader {
margin: 0;
color: #fff;
padding: 0.3em 0.8em;
font-size: 1.5em;
font-weight: 300;
}
.graph20 .mod-alt3 > .mod-title .title, .graph20 .hawkRailHeader {text-align: center; text-transform: uppercase;}
.graph20 .nav-aside .mod-title .title{ font-weight: 900; text-align: left;}
.graph20 .nav-aside:first-child .mod-title .title { border-bottom: 1px solid #306687;}
.graph20 .nav-aside:last-child .mod-title .title {color:#333; border-bottom: 1px solid #ccc;}
.mod-alt3 > .mod-title .title a {color: #fff;text-decoration: none;}
.mod-alt3 > .mod-title .title a:hover,
.mod-alt3 > .mod-title .title a:focus { text-decoration: underline;}
.mod-alt4 { position: relative; padding: 0; background: #fff;}
.mod-alt4 .mod-head { padding:20px 0 5px;}
.mod-alt4 .title {margin:0;}
.mod-alt4 .mod-content {padding:0 20px;}
.lt-ie9 .mod-alt3 > .mod-title .title { zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.mod-alt3 .mod-content {margin: 20px; padding: 0;}
.mod-alt3.bg-alt {background: #2b678b; color: #fff; }
/* Dark Mod Theme */
.mod-dark {
color: #cecece;
background: #808080;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #808080 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#999999));
background: -webkit-linear-gradient(top, #808080 0%,#999999 100%);
background: -o-linear-gradient(top, #808080 0%,#999999 100%);
background: -ms-linear-gradient(top, #808080 0%,#999999 100%);
background: linear-gradient(to bottom, #808080 0%,#999999 100%);
}
.lt-ie9 .mod-dark { zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#999999',GradientType=0 );}
.mod-dark .title { color: #fff; }
/* Mini Mod for smaller text */
.mod-mini .title { margin-bottom: 0;}
.mod-mini .mod-content { padding: 0;}
.mod-mini p { margin: 0.5em 0;}
.mod-aside {float: left;}
.mod-aside img {padding-right: 15px;}
.title { }
.title-link {color: #3f3f3f;text-decoration: none;}
.title-link:hover,
.title-link:focus { text-decoration: underline;}
.title .more { position: absolute; top: 0; right: 0;}
.mod-content {font-size:.95em;}
.aside-alt .title,
.main-aside .title {color: #fff; font-weight: bold; font-size: 1.167em;}
.aside-alt .title-link,
.main-aside .title-link {color: #fff;}
.aside-alt .mod-head .title,
.main-aside .mod-head .title {color: #b1e4ec; font-size: 1.29em; font-weight: normal;}
.aside-alt .content,
.main-aside .content {font-size : 0.86em;}
.aside-alt .more,
.main-aside .more { color: #fff; white-space: nowrap;}
.newsSummary p { margin: 0;}
@media (min-width:48.000em) {
.mod-alt3 > .mod-title .title, .hawkRailHeader {font-size:1.6em!important;}
.graph20 .mod-alt3 > .mod-title .title, .graph20 .hawkRailHeader {font-size:auto!important;}
.mod-content p {margin:0;}
}
/* Item Lists Content
========================================================================== */
.item-list {margin: 0; padding: 0; list-style: none;}
.item {
position: relative;
display: block;
margin: 1em 0;
width: 100%;
}
.item:first-child { padding-top: 0;}
.item:last-child{padding-bottom: 0;}
.aside-alt .item + .item:before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}
.item > .title {margin: 0 0 5px;}
.content .title {margin: 0;}
.item-list .content p { margin: 0;}
.content .date {font-size: .85em;}
/* Item Media
========================================================================== */
.mod .aside {display: inline-block; text-align: center; float: left;}
.mod .aside img {padding: 0 15px 0 0;}
.caption { display: block; font-size: 0.8em; line-height: 1.2em;}
/* Media Queries for Item Lists
========================================================================== */
@media (max-width: 400px) {
.item { display: block; }
.item > .content { display: block; }
.item > .aside {display: block; }
}
/* Aside Mods
========================================================================== */
/* Aside Mod Styles -- might be able to get rid of these as we now have mod 3 */
/* To be used to find improper styles, simplify the mod-alts */
.aside .mod-alt {background: red!important; color: red!important;}
.aside .mod-alt:before {content: 'old module, report to FED'; color: black;}
.aside .mod-alt,
.aside .recently-view .mod-content {padding: 0;}
.aside .mod-alt > .mod-title {
min-height: 8px;
text-align: left;
background: #306c91;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjUyNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #306c91 0%, #125272 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(100%,#125272));
background: -webkit-linear-gradient(top, #306c91 0%,#125272 100%);
background: -o-linear-gradient(top, #306c91 0%,#125272 100%);
background: -ms-linear-gradient(top, #306c91 0%,#125272 100%);
background: linear-gradient(to bottom, #306c91 0%,#125272 100%);
}
.aside .mod-alt > .mod-title .title {
margin: 0;
color: #fff;
padding: 0.2em 0.8em;
font-size: 1.71em;
font-weight: 300;
}
.lt-ie9 .aside .mod-alt > .mod-title .title {zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.aside .mod-content {padding: 0.2em 1.5em;}
.aside-alt .mod-content {padding: 0 1.5em;}
.nav-store .mod-content{padding-top: 1em;}
/* Featured Grid
========================================================================== */
.featured-grid {position: relative;}
.featured-grid {
position: relative;
text-align: center;
font-size: 100px;
margin: 15px 0;
}
.featured-grid:after {
content: '';
height: 100%;
border-left: 1px dotted #d1d1d1;
position: absolute;
left: 50%;
top: 0%;
}
.featured-grid .mod {
position: relative;
display: inline-block;
margin: 0;
padding: 0 20px;
width: 43%;
text-align: left;
font-size: 12px;
vertical-align: top;
}
.featured-grid .mod + .mod + .mod { margin-top: 20px;}
.featured-grid .mod .mod-title {margin: 0; font-size: 1.5em;}
.featured-grid .mod-content { padding-bottom: 1em;}
.featured-grid p { margin: 0.2em 0;}
.featured-grid .more {
position: absolute;
right: 20px;
bottom: 0;
font-weight: bold;
text-decoration: none;
}
.featured-grid .more:hover,
.featured-grid .more:focus {text-decoration: underline;}
.featured-grid .more:after {
content: '';
display: inline-block;
margin-left: 5px;
width: 5px;
height: 9px;
background: url(/cms/images/layout/arrow-right-blue.png) 50% 50% no-repeat;
}
/* Newsletter
========================================================================== */
.mod-newsletter {
margin: 20px 0 20px 0;
padding: 10px 20px;
text-align:center;
}
.mod-newsletter .column {padding:0; margin-bottom:10px;}
.mod-newsletter .title {
display: inline-block;
margin: 0 1em 0 0;
font: 400 1.29em/1.2em 'Open Sans', Arial, sans-serif;
white-space:nowrap;
}
.mod-newsletter p { margin: 0; font-size:.75em; color: #ccc;}
.mod-newsletter .btn-alt2 {
padding:8px 20px;
font-size:.9em;
white-space:nowrap;
-webkit-transition:none;
transition:none;
}
/* Newsletter Signup */
.graph20 .newsletter .newsletter__text h3{ margin: 0; color: #fff; font-size: 1.3125em;}
.graph20 .newsletter .newsletter__text p{ margin: .5em 0; color: #fff; font-size: 0.875em;}
.graph20 .newsletter{text-align:center;padding:50px 0;background:#32617e;color:#fff;}
.graph20 .newsletter__input{display:flex;align-items:center;justify-content:center; margin-top: 10px; width: 100%; position: relative;}
.graph20 #newsletter__input__box{
height:25px;
width: 100%;
padding: 10px 110px 10px 10px;
border-radius: 0;
}
.graph20 .newsletter-btn{ position: absolute; top: 0; right: 0; margin-top: 0; height: 100%;
padding: 8px 14px;
border: 1px solid #F34F03;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.875em;
line-height: 1.3em;
text-align: center;
cursor: pointer;
background: #F34F03;
}
@media (min-width:48.000em) {
.mod-newsletter {text-align:left;}
.mod-newsletter p {padding-right:1em; font-size:1em;}
}
@media (min-width:64.000em) {
.mod-newsletter {padding:2.5em 1.8em;}
.graph20 #newsletter__input__box{ padding: 10px 116px 10px 10px;}
.graph20 .newsletter-btn{ padding: 13px 49px 13px 50px; font-size: 1em;}
}
@media (min-width:79.000em) {
.graph20 .newsletter .newsletter__text h3{ font-size: 2.25em;}
.graph20 .newsletter .newsletter__text p{ font-size: 1.125em;}
.mod-newsletter .title {font-size:2.5em;}
.mod-newsletter .btn-alt2 {padding:15px 30px;font-size:1.1em;}
}
/* News
========================================================================== */
.news-detail {padding-right: 10px;}
.article {margin: 20px;}
.graph20 .article { margin: 20px 0;}
.graph20 .article > .title{ font-size: 2.125em; line-height: 36px;}
.article > .aside { float: right; margin: 1em;}
.meta { margin: 0.5em 0;}
.meta > div {float: left;}
.meta .social-tools {float: right; min-width: 315px;}
.graph20 .meta .social-tools {float: none; min-width: 315px;}
.meta .date {line-height: 2em;}
.media-caption {font-size: 0.9em; text-align: center;}
.graph20 .article .clearfix{ position: relative;}
.graph20 .article .social-tools {position: absolute; right: 0; top: 38px;}
.graph20 .article .social-tools a img{border-radius: 0;}
.graph20 .article-author{border-top: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.graph20 .article-author img, .article-author-mini img{ border-radius: 50%;}
.graph20 .article-author p {max-width: 850px;}
.graph20 .article-author-mini {display: flex; align-items: center; padding: 30px 0 20px; position: relative;}
.graph20 .article-topics { border-top: 2px solid #e6e6e6;}
.graph20 .article-topics ul li{ display: inline-block;}
.graph20 .article-topics a {color: #f34f03; text-decoration: none; margin-left: 15px; font-size: 1em}
.graph20 .article-topics p {float: left; font-weight: 900; font-size: 1em;}
.graph20 .article-topics ul {float: left; padding: 0; margin: 1.25em 0;}
.graph20 .prev-article, .next-article { border: 2px solid #e6e6e6; height: 100%; min-height: 308px; width: 100%; margin: 0 0 10px;}
.graph20 .prev-article .sub-title, .next-article .sub-title { color: #F34F03; font-weight: 700; font-size: 0.75em; margin-bottom: 0;}
.graph20 .prev-article h4, .next-article h4{ text-transform: uppercase; margin: 0;}
.graph20 .prev-article p, .next-article p{ margin-top: 0;}
.graph20 .prev-article-text {padding: 30px 15px 0 70px;}
.graph20 .next-article-text {padding: 30px 70px 0 15px;}
.graph20 .prev-button, .next-button {
background: #e6e6e6;
height: 50px;
width: 50px;
border-radius: 50%;
margin: 50px 10px 100px;
position: relative;
}
.graph20 .prev-button:after{
content:'';
position: absolute;
height: 15px;
width: 15px;
border-left: 2px solid #15435F;
border-top: 2px solid #15435F;
left: 19px;
top: 16px;
transform: rotate(-45deg);
}
.graph20 .next-button:after{
content: '';
position: absolute;
height: 15px;
width: 15px;
border-right: 2px solid #15435f;
border-top: 2px solid #15435F;
right: 19px;
top: 16px;
transform: rotate(45deg);
}
.graph20 .prev-button {float: left;}
.graph20 .next-button{ float: right;}
.graph20 .prev-button:hover,
.graph20 .next-button:hover,
.graph20 .prev-button:focus,
.graph20 .next-button:focus{opacity: .5;}
.graph20 .related-article{margin: 30px 0;}
.graph20 .related-article img {float: left;}
.graph20 .related-article-text {margin-left: 90px;}
.graph20 .related-article-text p{margin: 0; display: block!important;}
.graph20 .related-article-text h4{margin: 0; text-transform: uppercase;}
.graph20 .category{ text-transform: uppercase; font-size: 0.875em; font-weight: 700; color: #f34f03;}
.graph20 .popular-topics h3 {margin-bottom: 0;}
.graph20 .popular-topics ul{ padding: 0;}
.graph20 .popular-topics ul li {list-style: none; margin: 7px 0;}
.graph20 .popular-topics a {color: #F34F03; font-size: 1em;}
.graph20 .popular-topics > ul > li > a { text-decoration: none;}
.graph20 .newsletter-mini { display: none;}
.graph20 .article-callout {background: #333; background-size: 191% 100%; background-repeat: no-repeat; background-position: center;}
.graph20 .article-callout-text p{ color:#fff; font-size: 1.5em; font-weight: 700;}
.graph20 .article-callout-text{text-align: center; padding: 105px 60px 25px 60px;}
@media all and (min-width: 48em){
.graph20 .article-callout{background-size: 100% 100%;}
.graph20 .article-callout-text{text-align: left; padding: 60px 630px 55px 58px;}
.graph20 .container-small{ max-width: 800px; padding-left: 50px;}
.graph20 .article > .title { font-size: 4.5em; line-height: 72px;}
.graph20 .article-author img{ float: left; margin-right: 20px;}
.graph20 .article .social-tools{
right: auto;
left: -40px;
width: 50px;
top: 25px;
}
.graph20 .article .social-tools a img { margin-top: 30px; }
.graph20 .article-author-mini{ padding: 60px 0 30px;}
.graph20 .prev-article{margin-left: -10px;}
.graph20 .next-article{margin-right: -10px;}
.graph20 .prev-article .sub-title, .graph20 .next-article .sub-title { font-size: 0.875em;}
.graph20 .newsletter-mini{ display: block; background: #0C527E; height: 285px; width: 100%; margin: 20px 0; padding: 1px 20px 0;}
.graph20 .newsletter-mini h3, .graph20 .newsletter-mini p {margin-bottom: 0; color: #fff;}
.graph20 .newsletter-mini .newsletter-btn {padding: 13px;}
}
/* ==========================================================================
Documents
========================================================================== */
.documents-rail .item { margin: 0.5em 0;}
/* ==========================================================================
Testimonials
========================================================================== */
blockquote {
overflow: hidden;
margin: 1em 2em;
padding-left: 0.5em;
border-left: 4px solid #ccc;
border-left: 4px solid hsla(0, 0%, 70%, 0.7);
}
blockquote small {
display: block;
padding-top: 0.3em;
line-height: 1.2em;
clear: both;
}
.aside-alt blockquote { margin: 1em 0;}
.filter.callout-box {padding: 1em; text-align: left; color: #4a4a4a;}
/* ==========================================================================
Filters
========================================================================== */
.filter {
margin: 1em 0;
padding: 1em;
border: 1px solid #444444;
background: #cccccc;
}
.filter.callout-box {padding: 1em .5em; color: #4a4a4a;}
.filter-options {float: left; padding-top: 4px;}
.filter-actions {float: right;}
#CT_Main_0_pnPage h4 {padding: 0 22px;}
/* Department Filter
========================================================================== */
.dept-filter,
.hawksearch .filters{float: left;}
.dept-filter label,
.hawksearch .filters label {font-weight: bold; color: #666666; padding-right: 5px;}
.dept-filter select,
.hawksearch .filters select {width: 13em;}
/* Pagination
========================================================================== */
.paging, .hawksearch .mainControls {
overflow: hidden;
padding: 1em;
font-size: 0.86em;
color: #818181;
}
.hawksearch .paging {font-size: 1em; padding: 0 1em 0 0;}
.paging-list ul,
.hawksearch .pagination {
display: block;
float: right;
padding: 0;
margin: 0;
}
.hawksearch .pagination .view { float: right;}
.paging-center ul { float: none; text-align: center;}
.paging-list li {display: inline-block; padding: 0; margin: 0;}
.paging-list li a,
.paging-list li span {display: block; padding: 2px 3px; text-align: center;}
.paging-list li a { /* Link State */}
.paging-list li span { /* Current Page State */}
.paging-list .prev,
.paging-list .next {
display: inline-block;
padding: 2px 10px;
width: 8px;
height: 17px;
text-indent: -9999em;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 8px 17px;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
.paging-list .next {background-image: url(/cms/images/layout/pager-r.png);}
.paging-list .next:hover, .paging-list .next:focus {
-webkit-transform: translateX(0.3em);
-moz-transform: translateX(0.3em);
-ms-transform: translateX(0.3em);
-o-transform: translateX(0.3em);
transform: translateX(0.3em);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.paging-list .next {background-image: url(/cms/images/layout/pager-r@2x.png);}
}
.paging-list .prev {background-image: url(/cms/images/layout/pager-l.png);}
.paging-list .prev:hover, .paging-list .prev:focus {
-webkit-transform: translateX(-0.3em);
-moz-transform: translateX(-0.3em);
-ms-transform: translateX(-0.3em);
-o-transform: translateX(-0.3em);
transform: translateX(-0.3em);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.paging-list .prev {background-image: url(/cms/images/layout/pager-l@2x.png);}
}
.paging-list .prev.disabled, .paging-list .next.disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
cursor: default;
display: none;
}
.paging-list .prev.disabled:focus,
.paging-list .prev.disabled:hover,
.paging-list .next.disabled:hover,
.paging-list .next.disabled:focus {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.paging-list .active {font-weight: bold;}
.paging-desc { font-size: 0.92em;}
@media(max-width:68.750em) {
.paging-list {clear:left;}
.paging-list ul {float:none; margin-top:1em; text-align:center;}
.paging-list ul li {margin-bottom:5px; text-align:left;}
.paging-list ul li:last-child {}
.paging-list ul li select {width:100%;}
.footer-store { margin-top: 0px !important;}
.footer-store ul li:first-child { display: none; }
}
/* ==========================================================================
Grid List
========================================================================== */
.grid-list {
position: relative;
display: block;
margin: 0;
padding: 1px 0;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
font-size: 0;
text-align: left; /*has to be left for border dividers */
}
.graph20 .grid-list{ border-bottom: none;}
.grid-list:before{
content:'';
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 100%;
background: #f2f2f2;
}
.graph20 .grid-list:before{
left: 0;
width: 100%;
height: 1px;
}
.grid-list.grid-vertical,
.grid-list.grid-content {border-top: 0; border-bottom: 0;}
.grid-list.grid-content {
padding-left: 10px;
padding-right: 10px;
border-top: 1px solid #f2f2f2;;
border-bottom: 1px solid #f2f2f2;;
}
.grid-list.grid-content:before,
.grid-list.grid-vertical:before {display: none;}
.grid-list.col3:before {left: 33.33%;}
.grid-list.col3:after{
content:'';
position: absolute;
left: 66.33%;
top: 0;
width: 1px;
height: 100%;
background: #f2f2f2;
}
.grid-list > li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 49%;
font-size: 14px;
vertical-align: top;
}
.graph20 .grid-list > li { width: 100%; border-bottom: 1px solid #f2f2f2;}
.graph20 .grid-list > li:last-child { border-bottom: none;}
.grid-list.grid-content > li,
.grid-list.grid-vertical > li { width: 100%;}
.grid-list.grid-content > li:nth-child(2n+2) {background: #f2f2f2;}
.departments .grid-title{text-align: left;}
.grid-list.col3 > li {width: 33.33%;}
.grid-list > li + li + li{border-top: 1px solid #f2f2f2;}
.graph20 .grid-list > li + li + li { border-top: none;}
.grid-list.col3 > li {border-top: 0;}
.grid-list.col3 > li + li + li + li{border-top: 1px solid #f2f2f2;}
.grid-list.grid-content > li,
.grid-list.grid-vertical > li{border-top: none}
/*.grid-list > li:nth-child(2n) {border-left: 1px solid #f2f2f2;}*/
.grid-item {
position: relative;
display: block;
text-align: center;
padding: 1em 0 2.5em;
-webkit-backface-visibility: hidden;
}
.graph20 .grid-item{ padding-bottom: 10px;}
.grid-vertical .grid-item { text-align: left; font-size: 0.79em; padding: 0.5em 0;}
.graph20 .grid-vertical .grid-item{ padding: 0 16px 16px;}
.grid-vertical .grid-image {float: left; padding-right: 10px;}
.graph20 .grid-vertical .grid-image{ padding-right: 16px;}
.grid-vertical .grid-image img{ max-width: 50px;max-height: 50px;}
.graph20 .grid-vertical .grid-image img{max-width: 90px;max-height: 90px;}
.grid-title {
font-weight: bold;
font-size: 1em;
margin: 0.4em 0 0.2em;
padding: 0 15px;
}
.graph20 .grid-title{ padding-top: 15px !important;}
.grid-vertical .grid-title {margin-top: 0; padding: 0;}
.departments .grid-title{font-size: 1.29em;}
.grid-vertical .product-price { margin-left: 60px;}
.grid-title a { text-decoration: none;}
.grid-title a:hover,
.grid-title a:focus {text-decoration: underline;}
.product-listing .grid-title {text-align: center;font-size: 1em;}
.graph20 .product-listing .grid-title {
text-align: left;
font-size: 1em;
font-weight: 700;
padding: 0!important;
line-height: 20px;
}
.graph20 .product-listing .grid-title a {color:#333;}
.grid-desc {
text-align: left;
padding: 0 15px;
font-size: 0.86em;
color: #808080;
}
.grid-link {
position: absolute;
bottom: 1em;
right: 15px;
display: block;
font-weight: bold;
font-size: 0.86em;
text-decoration: none;
}
.grid-link:hover,
.grid-link:focus {text-decoration: underline;}
.grid-link:after{
content: '';
display: inline-block;
margin-left: 5px;
width: 5px;
height: 9px;
background: url(/cms/images/layout/arrow-right-blue.png) 50% 50% no-repeat;
}
.product-price {color: #808080; font-weight: bold;}
.graph20 .product-price {
color: #333;
font-size: 1em;
text-align: left;
font-weight: 400;
display: block !important;
}
.graph20 .checkoutCart .product-price{font-weight: 400; font-size: 1em; letter-spacing: -0.2px;}
.product-desc { font-size: 0.8em;}
.graph20 .product-desc {font-size: 1em; color:#000;}
.graph20 .checkoutCart .product-desc{ margin: 0 60px; }
.graph20 .item-details{background: #f2f2f2; padding: 30px 0 40px;}
.graph20 .desc-wrapper p{line-height: 24px;}
.graph20 .desc-wrapper p span{ font-size: 1em; font-family: 'Lato'!important; letter-spacing: 0; line-height: 24px;}
.price-sale {color: #990000;white-space: nowrap;}
.product-sku {font-size: 0.8em; margin-bottom: 1em; color:#666666;}
.graph20 .product-sku-DEL{ font-size: 0.875em; color:#666666;}
.grid-content .grid-item {
text-align: left;
padding-left: 10px;
padding-right: 10px;
min-height: initial !important;
padding-bottom: 0;
}
.grid-content .grid-title {
font: normal 1.29em/1.2em Arial, sans-serif;
text-align: left;
min-height: initial !important;
padding: 0;
margin: 0 0 0.5em;
}
.grid-content .grid-title a {color: #3f3f3f;}
@media all and (min-width: 30em){
.graph20 .checkoutCart .product-price{padding: 0 10px;}
.graph20 .checkoutCart .product-desc{padding: 0 10px;}
.graph20 .checkoutSection #AddressBook {padding: 0 10px;}
.graph20 .product-listing .grid-title{margin-top: 27px;}
}
@media all and (min-width: 48em){
.graph20 .item-details{ padding: 60px 0 50px;}
.graph20 .desc-wrapper p span{letter-spacing: -0.23px}
.graph20 .grid-list.grid-vertical{ padding-bottom: 30px;}
.graph20 .grid-vertical .grid-item { padding: 0 10px 16px;}
.graph20 .grid-vertical .grid-image { margin-right: 30px;}
.graph20 .grid-list > li{ width: 50%;}
.graph20 .grid-list > li:nth-last-child(2){ border-bottom: none;}
.graph20 .grid-item {padding-bottom: 2.5em;}
}
/* ==========================================================================
Events
========================================================================== */
.article > .aside.calendar {width: 35%;}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.graph20 .newHidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.graph20 .newHidden.focusable:active,
.graph20 .newHidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
.no-border-left {border-left: 0 !important;}
/* Master Overlay Control */
/* overlay default */
.siteOverlay {
display: none;
position: relative;
width: 550px;
max-width:92%;
min-height: 1px;
background-color: #fff;
z-index: 2000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 15px #333333;
-moz-box-shadow: 0 0 15px #333333;
box-shadow: 0 0 15px #333333;
}
.graph20 .siteOverlay{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.siteOverlay .overlayClose {
cursor: pointer;
position: absolute;
top: 5px;
right: 5px;
display: block;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
text-decoration: none;
color: #fff;
background: #d1d2d4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background: url(/cms/images/icon-close-circled-24.png) no-repeat;
}
.graph20 .siteOverlay .overlayClose{background: none;}
.graph20 .siteOverlay .overlayClose span{
color: #B51414;
position: relative;
right: 45px;
font-size: 0.6875em;
font-weight: 900;
letter-spacing: 1.69px;
}
.graph20 .siteOverlay .overlayClose span:before,
.graph20 .siteOverlay .overlayClose span:after {
content: '';
background: #B51414;
height: 16px;
width: 2px;
position: absolute;
top: -2px;
right: -12px;
}
.graph20 .siteOverlay .overlayClose span:before{transform: rotate(45deg);}
.graph20 .siteOverlay .overlayClose span:after{transform: rotate(-45deg);}
.siteOverlay .overlayClose:hover, .siteOverlay .overlayClose:focus {background: #c6c6c8;}
.graph20 .siteOverlay .overlayClose:hover, .graph20 .siteOverlay .overlayClose:focus{ background: none; opacity: .6;}
.siteOverlay .overlayContent { padding: 20px;}
@media all and (min-width:48em){
.graph20 .siteOverlay .overlayContent{padding:0!important;}
}
.siteOverlay iframe {width:98%;}
.shipToModal .title {margin-bottom: 10px; font-size: 1.25em; color: #333;}
.shipToModal {padding:0 10px;}
.shipToModal .columns .column:first-child {padding-left: 0;}
.shipToModal .columns .column:last-child {padding-right: 0;}
.shipToModal .form .formRow {margin-bottom: 20px;}
.shipToModal .form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #4a4a4a;
}
.shipToModal .form select {width: 100%;}
.autocomplete { z-index: 99999999;}
/* NEW Limit Text Box */
.limitTextBox span {display: none;}
.limitTextBoxBar {width: 100%;}
.limitTextBoxBarWrpr {
width: 100%;
border: 0px solid black;
overflow: hidden;
font-size: 9px;
color: #000;
white-space: nowrap;
height: 5px;
background-color: #FDFBBE;
}
.limitTextBoxBarInner { width: 0%; background-color: #FF0000;}
.limitTextBoxInputWrpr {display: table-cell; width: 100%; vertical-align: top;}
.limitTextBoxInputWrpr textarea {box-sizing: border-box; vertical-align: top;}
.limitTextBoxSpellWrpr {display: table-cell; padding-left: 5px; vertical-align: top;}
.icons-sprite, .icons-arrowdown, .icons-arrowup, .icons-arrowleft, .icons-bclub,
.icons-beretta, .icons-dot, .icons-facebook, .icons-gallery, .icons-gplus,
.icons-pint, .icons-pinterest, .icons-twitter, .icons-youtube, .icons-phone {background: url('/cms/images/layout/icons-sprite.png') no-repeat;}
.icons-bag { background: url('/cms/responsive/images/icon-bag.png') no-repeat;}
.graph20 .icons-bag{background: url('/assets/39/7/cart.png') no-repeat;}
.icons-arrowdown, .icons-arrowup, .icons-arrowleft {background-position: 0 -354px;}
.icons-arrowleft {background-position: 0 -366px;}
.icons-arrowup {background-position: 0 -342px;}
.icons-bclub {background-position: 0 -141px;}
.icons-beretta {background-position: 0 -238px;}
.icons-dot {background-position: 0 -326px;}
.icons-facebook {background-position: 0 -304px;}
.icons-gallery {background-position: 0 0;}
.icons-gplus {background-position: 0 -216px;}
.icons-pint {background-position: 0 -194px;}
.icons-pinterest {background-position: 0 -172px;}
.icons-twitter {background-position: 0 -282px;}
.icons-youtube {background-position: 0 -260px;}
.icons-phone {background-position: 0 -194px;}
/* ==========================================================================
Layout
========================================================================== */
body { background: url(/cms/images/layout/bg-pattern.png) repeat;}
body.graph20{background: none;}
.page-friend {background: #fff;}
.header.upd-header{ background: #1a3a4f;}
.header {
z-index: 500;
background: #245877;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
background: -webkit-linear-gradient(top, #245877 0%,#15435f 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.graph20 .header{background: #fff;}
.header .columns {display:table; padding:30px 0;}
.graph20 .header .columns { padding: 4px 0;}
.graph20 .header .columns .column.mobile-width-zero{width:0;}
.header .columns .column {display:table-cell; vertical-align:middle; padding:0;}
@media (min-width:48.000em) {
.header .columns {table-layout:fixed; padding:30px 0 15px;}
.graph20 .header .columns {padding: 0;}
}
@media (min-width:65.000em) {
.header-inner {position:relative;}
.graph20 .header .columns .column.mobile-width-zero{width:auto;}
}
@media (max-width:47.938em) {
.header .columns .column:first-child { width:30px; }
}
.main-area {
position: relative;
margin-top: 20px;
padding-top: 12px;
padding-bottom: 12px;
background: #fff;
}
.grid-7.main-area {
margin-left: 0;
/* padding-left: 20px;
padding-right: 20px;*/
width: 560px;
}
.main-aside {
position: relative;
margin-right: 0;
padding: 0 1em;
color: #fff;
background-color: #306c91;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF125272', endColorstr='#FF306C91');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyNTI3MiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzA2YzkxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzA2YzkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #125272), color-stop(50%, #306c91), color-stop(100%, #306c91));
background-image: -webkit-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
background-image: -moz-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
background-image: -o-linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
background-image: linear-gradient(top, #125272 0%, #306c91 50%, #306c91 100%);
}
.main-aside.grid-3:before {
content: '';
position: absolute;
top: 0;
right: 0;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: transparent white;
}
.grid-12 > .main-aside:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: white transparent;
}
.main-aside:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
border-width: 0 0 25px 25px;
border-style: solid;
border-color: white transparent;
}
.main-aside a,
.main-aside .nav-aside a { color: #fff;}
.main-aside a:hover,
.main-aside a:focus,
.main-aside .nav-aside a:hover,
.main-aside .nav-aside a:focus {color: #BFBFBF;}
.aside-alt {
position: relative;
height: 205px;
padding: 0;
margin: 25px 0 10px;
color: #fff;
background: #306c91;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNmM5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzEyNTI3MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #306c91 0%, #125272 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#306c91), color-stop(99%,#125272));
background: -webkit-linear-gradient(top, #306c91 0%,#125272 99%);
background: -o-linear-gradient(top, #306c91 0%,#125272 99%);
background: -ms-linear-gradient(top, #306c91 0%,#125272 99%);
background: linear-gradient(to bottom, #306c91 0%,#125272 99%);
}
.lt-ie9 .aside-alt {zoom: 1;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#306c91', endColorstr='#125272',GradientType=0 );}
.aside-alt:before {
content: '';
position: absolute;
top: -25px;
left: 0;
display: block;
width: 195px;
height: 25px;
margin-right: 25px;
background: #306c91;
}
.aside-alt:after {
content: '';
position: absolute;
top: -25px;
right: 0;
border-width: 0 25px 25px 0;
border-style: solid;
border-color: #306c91 transparent;
}
.aside-alt .mod-content {
position: absolute;
left: 0;
top: -15px;
width: 190px;
}
.aside-alt a {color: #fff;}
.aside {padding-top:50px;}
.aside .banner-tracking,
.aside p {display:none;}
@media (min-width:48.000em) {
.aside {padding-top:0;}
.aside .banner-tracking,
.aside p {display:block;}
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxx Utility Bar for the 2017 Redesign Sites xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/*.container-12 {
position: relative;
margin: 0px auto;
padding: 0px;
min-width: 16em;
max-width: 60.000em;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*/
.upd-utility {
position: relative;
z-index: 1000;
/* Sets above header */
min-height: 40px;
border-bottom: 1px solid #484848;
background: #333333;
color: #808080;
text-transform: uppercase;
/* -webkit-box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 -2px 1px 3px rgba(0, 0, 0, 0.4);*/
}
.upd-utility:after { /*Clearfix */ content: ""; display: table; clear: both;}
.upd-utility ul {
display: block;
margin: 0;
font-size: 0.69em;
padding: 0px;
}
.upd-utility li {
position: relative;
display: block;
float: left;
padding: 15px 3px 11px;
margin:0px;
}
.upd-utility li.selectlg{
background: #3d3d3d;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
min-width: 100px;
color: #fff;
}
.upd-utility li.selectlg a{ text-decoration: none; display: block;}
.upd-utility .has-divider { padding-right: 6px; margin-right: 3px;}
.upd-utility-title, .language-current, .language-switcher, .member-nav a {
display: block;
margin: 0;
padding: 0;
min-height: 16px;
color: #fff;
font-weight: normal;
font-size: 1em;
line-height: 16px;
}
.upd-utility-select {color: #808080;}
.upd-utility-select:after {
content: '';
position: relative;
display: inline-block;
top: -2px;
left: 11px;
margin-left: 3px;
float: right;
border-style: solid;
border-width: 4px;
border-color: transparent transparent #ffffff transparent;
}
.upd-utility-select:before {
content: '';
position: relative;
display: inline-block;
top: 8px;
margin-left: 3px;
float: right;
border-style: solid;
border-width: 4px;
border-color: #ffffff transparent transparent transparent;
}
.upd-utility .header_right{text-align: center; display: block;}
.upd-utility .header_right .member-nav li:first-child{display: none;}
.upd-utility .header_right .member-nav .has-divider.member-link{display: none;}
.upd-utility .header_right .member-link span.icon-user{font-size: 1.6em; color:#f16c1d; }
.upd-utility .header_right .member-link span.content{position: relative;top: -3px; padding: 0 10px}
.upd-utility .header_right .member-link .sep {display:inline-block; color:#ffffff; position:relative; top:-3px;}
.upd-utility .header_right .member-link{padding: 10px 0px 0px; }
.upd-utility .header_right .member-link a{text-decoration: none;color: #fff;text-transform: uppercase;font-size: 1.1em;font-weight: 800; display:inline-block;}
.upd-utility .header_right .member-link a:hover,
.upd-utility .header_right .member-link a:focus{color:#f16c1d}
.upd-utility .language {float: left;padding-left: 15px;}
.graph20 .language--selector { display: none !important;}
.graph20 .language--country-selector { float: right; margin-left: 14px; max-width: 70px;}
.graph20 .language ul {z-index: 5000;}
.graph20 .language ul li{padding: 0!important;}
.graph20 .utility ul {right: 0;}
.upd-utility span.free_shipping{color: #fe6e21; text-transform: initial; font-style: italic; text-align: center; display: inline-block; margin: 10px; font-size: 0.950em; float: left;}
.upd-utility .language ul {
display: none;
position: absolute;
padding: 0;
left: 0px;
top: 100%;
background: #333333;
border: 1px solid #484848;
width: 11.5em;
font-size:.938em;
-webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
}
.upd-utility .language li.active ul {display:block; z-index: 999;}
.language li a.upd-utility-select.active + ul {
max-height:80em;
opacity:1;
visibility:visible;
display: block;
}
.upd-utility .customer_care{padding: 10px 0px 0px;}
.upd-utility .customer_care span{display: inline; padding: 0 10px; color: #fff;}
.upd-utility .customer_care span.icon-comments-o{color: #f16d1d; font-size: 2em;}
.upd-utility .customer_care a{display: inline;position: relative; top: -5px; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 1.1em; font-weight: 800;}
.upd-utility .scart span{color: #fff; font-size: 1.5em;}
.upd-utility .scart {padding: 10px 0px 0px;}
.upd-utility .customer_care a:hover,
.upd-utility .customer_care a:focus{color:#f16c1d;}
.upd-utility .store-tools{min-width: 50px; margin: 3px;}
.upd-utility .store-tools .mobile-total{display: inline-block; font-size: 1em; width: 13px; height:13px; right:-10px; border: 1px solid #fff}
.upd-utility .language li.lg{display: block;}
.upd-utility li li { float: none; padding: 0; border-bottom: 1px solid #e2e1e1;}
.upd-utility .language ul a {
display: block;
padding: 10px;
font-size: 1em;
color: #2f2f2f;
text-align: left;
text-decoration: none;
background: #f6f4f5;
}
.upd-utility .language ul a:hover,
.upd-utility .language ul a:focus { background: #fff;}
.upd-utility .mobile.phone-number{display: none;}
.upd-utility .header_right .member-nav a [class*='icon']{display: inline;}
.upd-utility .header_right .member-nav.ajaxheader{float: right;}
.redesign_header .logo-image{width: 160px; margin: 20px auto;}
.redesign_header .menu-toggle{position: absolute; left: 20px; top: 15px;}
.upd-logo .logo-image{margin: 20px auto;}
/* Styling the navigation */
.upd-container{ min-width: 16em; max-width: 60.000em; margin: 0px auto; padding: 0px;}
.upd-nav a{ padding: 5px 12px 5px; font-size: 0.750em}
.upd-nav .nav-main > ul > li > a:hover, .upd-nav .nav-main > ul > li > a:focus, .upd-nav .nav-main .on > a, .upd-nav .nav-main .clicked > a,.upd-nav .nav-main a.has-sub.active
{border:transparent;}
.upd-nav .nav-main > ul{padding: 0;}
.upd-nav .nav-main li.main-li > a{margin-left: 0;}
/* Utility Bar
========================================================================== */
.utility {
/* Sets above header */
min-height: 28px;
border-bottom: 1px solid #484848;
background: #333333;
color: #808080;
text-transform: uppercase;
}
.graph20 .utility {
min-height: 25px;
max-height: 26px;
border-bottom: none;
background: #15435f;
color: #fff;
padding: 4px 0;
}
.utility:after { /*Clearfix */ content: ""; display: table; clear: both;}
.utility > .container-12 {position:static;}
.utility ul {
display: block;
vertical-align:middle;
margin: 0;
padding: 12px 0 0;
}
.graph20 .utility ul{ padding: 0;}
.utility li {
position:relative;
display: block;
float: left;
padding: 0px 3px;
z-index:1000;
}
.usa-ada .utility ul *{color: #ffffff;}
.graph20 .utility li:first-child{ padding: 0 35px 0 10px;}
.utility li:last-child {position:static;}
.graph20 .utility li:last-child {margin-left: 3px;}
.utility .has-divider { padding-right: 6px; margin-right: 3px; border-right: 1px dotted #4d4d4d;}
.graph20 .utility .has-divider{position: relative; border-right: none; padding-right: 3px;}
.graph20 .utility .has-divider:after{
content: '|';
position: absolute;
top: 3px;
right: -5px;
}
.utility-title, .language-current, .language-switcher, .member-nav a {
display: block;
margin: 0;
padding: 0;
min-height: 16px;
color: #808080;
font-weight: normal;
font-size: 1em;
line-height: 16px;
}
.graph20 .utility-title, .graph20 .language-current, .graph20 .language-switcher, .graph20 .member-nav a {
color: #fff;
font-weight: 700;
font-size: 0.75em;
line-height: 30px;
letter-spacing: .86px;
margin: 0;
}
.graph20 .utility-title {display: none;}
.utility-select {color: #808080;}
.utility-select:after {
content: '';
position: relative;
display: inline-block;
top: 3px;
margin-left: 3px;
border-style: solid;
border-width: 5px;
border-color: #808080 transparent transparent transparent;
}
.utility-select.en-us:after { border-color: transparent;}
.language { float: left; font-size:0.75em;}
.language ul {
position: absolute;
max-height:0;
opacity:0;
visibility:hidden;
padding: 0;
top: 100%;
background: #333333;
border: 1px solid #484848;
width: 15em;
z-index:1000;
-webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.4);
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.language li a.utility-select.active + ul {
max-height:80em;
opacity:1;
visibility:visible;
}
@media all and (min-width: 48em){
.graph20 .language li a.utility-select.active + ul{display: flex; flex-direction: column; margin-top: -1px;}
}
.utility li li { float: none; padding: 0;}
.language ul a {
display: block;
padding: 2px 4px;
color: #808080;
text-decoration: none;
}
.language .utility-title {display:none;}
.language ul a:hover,
.language ul a:focus {background: #222222;}
.header-links {float:right; text-align:right; font-size:0.75em;}
.graph20 .header-links {
margin-right: -10px;
margin-top: -2px;
position: absolute;
background: #15435f;
left: -80%;
width: 80%;
box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);
top: -2px;
height: 33px;
}
.member-nav a {
display: block;
min-height: 15px;
line-height: 15px;
text-decoration:none;
font-size:1.3em;
}
.member-nav li {display:none;}
.member-nav li {display: block;}
.member-nav .mobile{display: none;}
.graph20 .member-nav .mobile{display: block;}
.member-nav .title {display:inline-block;}
.member-nav .phone-number{display: none;}
.graph20 .member-nav .phone-number{display: block;}
.store .member-nav .phone-number{display: block;}
.store.redsgn .member-nav .phone-number{display: none;}
.graph20 .store.redsgn .member-nav .phone-number{display: block;}
.member-nav .mobile {
display: block;
padding: 0 6px;
border-right: 1px dotted #808080;
font-size: 1.3em;
}
.member-nav .mobile .content{display: none;}
.graph20 .member-nav li#logoutLink {padding-left: 10px;}
.graph20 .member-nav .has-divider.member-link.mobile { display: block!important;}
@media all and (min-width: 64em){
.member-nav .mobile:last-child {border-right:0;}
.member-nav .mobile .content {display:block;}
}
@media all and (min-width: 65em){
.graph20 .member-nav .mobile{display: inline-block;}
.graph20 .utility li:first-child{padding: 0 10px 0 0;}
.graph20 .utility-title {display: block;}
.graph20 .header-links {
position: static;
background: none;
width: auto;
box-shadow: none;
height: 33px;
}
.graph20 .utility .has-divider:after{ top: 5.5px; right: -1.5px;}
.graph20 .utility .has-divider{padding-right: 6px;}
.graph20 .utility li:last-child{margin-left: 0;}
}
.logo-image {
display:block;
margin:0 auto;
width: 140px;
max-width:100%;
text-align:center;
outline:0;
overflow: hidden;
}
.graph20 .header .logo-image{padding: 0 0 0 25px; width: auto;}
@media (min-width:48.000em) {
.language .utility-title {display:block;}
.logo-image { width:100%; background-size:auto auto; }
.redesign_header .logo-image {padding: 20px 5px 12px 5px; width: 210px; margin: 0;}
.redesign_header .siteSearchWrpr .search input.search-field{ width:50%; height: auto; float: right;border: 2px solid #fe6e21; font-size: 0.75em; text-transform: uppercase; padding: 4px 10px;}
.redesign_header .siteSearchWrpr .search input.search-field:focus { border: 2px solid #fe6e21; }
.redesign_header .siteSearchWrpr .search{margin: 25px 0 0; max-width: 100%;}
.redesign_header .siteSearchWrpr .search .search-btn-wrapper{font-size: 0.85em;position: absolute; top: 0px; right: 0; height: 28px; background: #fe6e21; width: 5.5%;}
.upd-utility .header_right{display: block}
}
@media (min-width:65.000em) {
.graph20 .header .logo-image {
width:100%;
background-size:auto auto;
text-align: left;
padding: 0;
margin: 0 0 -6px;
}
.member-nav li {display:inline-block;}
.member-nav a {text-decoration:underline; font-size:1em;}
.graph20 .member-nav a {text-decoration:none; font-size:1em;}
.member-nav a [class*='icon'] {display:none;}
.graph20 .member-nav a [class*='icon'] {display: inline-block; padding: 0 10px;}
.member-nav .mobile {font-size:1em; padding:0 3px; border:0;}
.graph20 .member-nav .mobile {font-size:1em; padding:0; border:none;}
.member-nav .mobile .content {display:inline;}
.member-nav .phone-number {padding-left:10px;}
.member-nav .phone-number .icon-phone {display:inline-block; margin-right:5px;}
.member-nav a .content {display:inline;}
}
/* Footer
========================================================================== */
body.redsgn footer { background: #0c4561; font-family: 'Open Sans', sans-serif;}
.footerSocial{
font-size: 1.2em;
padding: 0;
margin: 0;
text-align: center;
}
.footerSocial span{color: #c8c8c8;}
.footerSocial li a{text-decoration: none}
.footerSocial li{display: inline-block; padding: 0 2px;}
.footer {
position: relative;
padding-top:30px;
margin-top: 45px;
background: #333;
}
.graph20 .footer { padding-top:0px; margin-top: 0; background: #15435f;}
.footer .container-12 { position: relative;}
body.redsgn .footer-store { display: none;}
.footer-store {
display: block;
margin-top:10px;
background: #245877;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NTg3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTQzNWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435f));
background: -webkit-linear-gradient(top, #245877 0%,#15435f 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.moduleContent .footer-store {
position: relative;
top: 0;
left: 0;
color: #fff;
}
.moduleContent .footer-store .title {color: #fff;}
.moduleContent .footer-store a {color: #fff;}
.footer-store .title {
position:relative;
padding:20px 0;
margin:0;
font-weight:700;
font-size:.8em;
text-align:center;
text-transform: uppercase;
cursor:pointer;
color: #fff;
}
.footer-store .title:after {
content:"";
display:inline-block;
vertical-align:middle;
margin-left: 5px;
border-style: solid;
border-width: 5px;
border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.footer-store .title.clicked:after {
margin-bottom:6px;
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.footer-store ul {display: none; margin: 0; padding:0;}
.footer-store ul.active {display:block;}
.footer-store li {margin: 0; padding: 0;}
.footer-store a {
display: inline-block;
padding:10px;
border-bottom:4px solid transparent;
line-height: 1em;
text-decoration: none;
text-transform:uppercase;
font-size:.8em;
color:#fff;
}
.footer-store a:hover,
.footer-store a:focus {border-bottom-color:#ff732e;}
.footer-store li.on a {border-bottom-color:#ff732e;}
.footer-social {
display: block;
margin: 0;
padding:0;
text-align: center;
}
.footer-social li { display: inline-block; vertical-align:middle;}
.footer-social a {
display: block;
padding:0 3px;
font-size:2.2em;
text-decoration:none;
color:#808080;
}
.upd-footer .footer-social a {color:#cccccc; padding: 0 2px; font-size:1.2em;}
.footer-social li:first-child a {padding-left:0;}
.footer-social li.google-plus a:hover,
.footer-social li.google-plus a:focus {color:#dd4b39;}
.footer-social li.facebook a:hover,
.footer-social li.facebook a:focus {color:#3b5998;}
.footer-social li.twitter a:hover,
.footer-social li.twitter a:focus {color:#00acee;}
.footer-social li.youtube a:hover,
.footer-social li.youtube a:focus {color:#cd201f;}
.footer-social li.beretta a:hover,
.footer-social li.beretta a:focus {color:#245877;}
.footer-social li.pinterest a:hover,
.footer-social li.pinterest a:focus {color:#bd081c;}
.footer-social li.instagram a:hover,
.footer-social li.instagram a:focus {color:#3b5998;}
.upd-footer .footer-links{ margin:20px 0; display: block; }
.upd-footer .footer-links li .trigger {display:none;}
.footer-links {
display:none;
margin: 0;
padding: 0;
overflow: hidden;
}
.graph20 .footer-links{display: block;}
.footer-links .column { width: auto; vertical-align:top;}
.footer-links li {display: block;}
.footer-links a {
display: block;
padding: 5px 10px 15px 0;
color: #fff;
text-decoration: none;
line-height: 1.2em;
}
.graph20 .footer-links a {padding: 0px 10px 13px 0; font-size: 0.875em; font-weight: 400;}
.upd-footer .footer-links a{
padding: 5px 10px 0px 0;
color: #cccccc;
font-size: 0.75em;
line-height: 1.5em;
}
.footer-links a:hover, .footer-links a:focus { text-decoration: underline;}
.upd-footer .footer-links > li {float: left;width: 139px; text-align: left;}
.footer-links > li > a {
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
}
.upd-footer .footer-links > li > a{ font-size: 0.725em; color: #ffffff;}
.footer-links ul {display: block;padding: 0;margin: 0;}
.graph20 .footer-links ul{ display: none;}
.footer-aside .icons-gallery,
.footer-aside .icons-bclub {
display: block;
overflow: hidden;
text-indent: -9999em;
-webkit-box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
box-shadow: 0 1px 1 0 rgba(0, 0, 0, 0.65);
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.footer-aside .icons-gallery:hover, .footer-aside .icons-gallery:focus,
.footer-aside .icons-bclub:hover,
.footer-aside .icons-bclub:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;}
.footer-aside .icons-gallery {width: 220px; height: 141px;}
.footer-aside .icons-bclub {width: 220px;height: 31px;}
.footer-legal {
padding: 1em 0;
font-size: 0.65em;
text-align: center;
color: #999999;
}
.graph20 .footer-legal {padding:0;color: #fff;}
.footer-legal a { color: #999999; }
.graph20 .footer-legal a {color: #fff;text-decoration: none;}
.graph20 .footer-legal p{font-size: 0.625em; line-height: 12px;}
.footer-legal a:hover, .footer-legal a:focus {text-decoration: underline;}
.graph20 .footer-inner{ display: flex; flex-direction: column;}
.graph20 .mobile-top{ order: 1; margin-left: -10px;}
.graph20 .mobile-bottom{ order: 3;}
.graph20 .footer-inner .column{ display: block;}
.graph20 .footer-inner .desktop{display: none;}
.graph20 .footer-inner .mobile{ display: block;}
.graph20 .footer-button{
width: 100%;
background: #15435f;
padding: 10px 16px;
border: none;
color: #fff;
text-align: left;
position: relative;
font-weight: 700;
font-size: 0.875em;
}
.graph20 .footer-button:before,
.graph20 .footer-button:after{
content:'';
position: absolute;
height: 14px;
width: 2px;
background: #fff;
right: 20px;
top: 11px;
}
.graph20 .footer-button:after{ transition-duration: .5s; transform: rotate(0deg);}
.graph20 .footer-button:before { transform: scale(0.98) rotate(-90deg);}
.graph20 .footer-button.active:after{ transition-duration: .5s; transform: rotate(-90deg);}
.graph20 .footer .column{ border-bottom: 1px solid #666;}
.graph20 .footer > .container > .grid-12, .footer-inner > .grid-6{ padding: 0!important;}
.graph20 .footer-links ul > li {padding: 0 40px;}
.graph20 .footer-social-logo img {height: 40px!important;}
@media(min-width:64.000em) {
.graph20 .footer {padding-top: 25px;}
.graph20 .footer .column{ border-bottom: none;}
.graph20 .footer > .container > .grid-12, .footer-inner > .grid-6{ padding: 0 10px;}
.graph20 .footer-links ul > li {padding: 0;}
.graph20 .footer-links ul { display: block;}
.graph20 .footer-inner .mobile{display: none;}
.graph20 .footer-inner .desktop{display: block;}
.graph20 .footer-inner .column{ display: table-cell;}
.graph20 .mobile-top{ order: 2; margin-left: 0;}
.graph20 .mobile-bottom{ order: 1;}
.graph20 .footer-inner{ flex-direction: row;}
.footer-store { margin-top: 0px !important;}
.footer-store .title.mobile { display: none;}
.footer-store .title {
float:left;
display:inline-block;
vertical-align:middle;
margin-right:20px;
cursor:text;
}
.footer-store .title:after {display:none;}
.footer-store ul {
/* display: table !important;
table-layout: fixed; */
display:inline-block;
}
.footer-store li:first-child { background-image: none; white-space: nowrap; }
.footer-store li:first-child a { padding: 5px 10px 5px 0px; }
.footer-store ul li {
display: table-cell !important;
vertical-align: middle;
text-align: center;
background:transparent url(/cms/responsive/images/dots.png) no-repeat 0 50%;
}
.graph20 .footer-store ul li{ background: none;}
.footer-store a { padding: 18px 10px 18px 10px; line-height: 22px;}
.graph20 .footer-social {text-align: left;}
.footer-links {display:table;}
.footer-legal {font-size:.75em;}
.graph20 .footer-legal p {font-size:0.875em; text-align: left; line-height: 17px; margin: 20px 0 0;}
.upd-footer .footer-legal{font-size: 0.6em; color: #cccccc;}
.upd-footer .footer-legal a{color: #cccccc;}
.graph20 .footer-inner .upd-logo .logo-image{text-align: left; margin: 0;}
.graph20 .footer-inner__left{ display: flex; flex-direction: column; justify-content: space-between; }
.graph20 .footer-links > .column{ padding-right: 0;}
.graph20 .footer-links > .column > a{ padding: 0px 0 5px 0; font-size: 0.875em; font-weight: 900;}
}
/* ==========================================================================
Menus
========================================================================== */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0; top:33px; /* match top ul list item height */z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:14em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:14em; /* match ul width */top:0;}
/* Main Nav
========================================================================== */
.subnav-bg{
position: absolute;
z-index: 5;
bottom: 0;
left: 50%;
display: block;
margin-left: -490px;
height: 26px;
width: 980px;
background: hsla(0, 0%, 0%, 0);
}
.subNav-visible + .subnav-bg{background: hsla(0, 0%, 100%, 0.95);}
.graph20 div.navAndSearch{
position: absolute;
left: -80%;
width: 80%;
height: 101%;
top: 0;
box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);
}
.nav-main {
position:absolute;
top:0;
left:-80%;
width:80%;
height:100%;
background-color:#15425f;
color: #fff;
box-shadow: inset -7px 0 5px -5px rgba(0, 0, 0, 0.3);
overflow:hidden;
}
.graph20 .nav-main{
position: static;
height: 999em;
background: none;
margin-top: 7px;
width: 100%;
text-align: left;
}
.nav-main > ul {
z-index: 100;
max-width: 1180px;
display: table;
margin: 0 auto;
padding: 0;
}
.upd-nav .nav-main > ul{margin: 0;}
.upd-nav .nav-main{ /* padding: 0 5px; */}
.nav-main li {
position: relative;
display: block;
vertical-align:middle;
font-size: 1em;
padding-left: 1px;
float: none;
}
.nav-main > ul > li > a:after {
content: '';
position: absolute;
display: block;
top: 0;
left: -3px;
width: 1px;
height: 5px;
}
.lt-ie9 .nav-main > ul > li a:after {zoom: 1;}
.nav-main > ul > li:first-child {padding-left: 0;}
.nav-main > ul > li:first-child > a:after { display: none;}
.nav-main a {
position: relative;
display: block;
padding: 12px 40px 12px 10px;
margin: 0;
border-bottom: 1px solid #245776;
text-transform: uppercase;
text-decoration: none;
outline:0 !important;
color: #fff;
}
.graph20 .nav-main a{color: #15435f;}
.nav-main li.main-li.lastnavitemli > a {background:none;}
.nav-main li.main-li > a[href*="/store/sale/"] {color: #ff732e;}
.nav-main li.main-li > a[href*="/store/sale-outlet/"] { color: #ff732e;}
.nav-main a.has-sub.active {background-color:#333333; border-bottom-color:#666666;}
.graph20 .nav-main a.has-sub.active {background-color:#fff;}
.nav-main .expand-trigger {
display:block;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
z-index:1000;
cursor:pointer;
}
.nav-main a + .expand-trigger .icon {
position:absolute;
top:15px;
right:10px;
display:block;
width:16px;
height:16px;
}
.nav-main a + .expand-trigger .icon:before,
.nav-main a + .expand-trigger .icon:after {
content:"";
position:absolute;
display:block;
background-color:#fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .nav-main a + .expand-trigger .icon:before,
.graph20 .nav-main a + .expand-trigger .icon:after {background: #15435f;}
.nav-main a + .expand-trigger .icon:before {
top:0;
left:6px;
width:4px;
height:100%;
}
.nav-main a + .expand-trigger .icon:after {
top:6px;
left:0;
width:100%;
height:4px;
}
.nav-main a + .expand-trigger.active .icon:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.upd-nav .sub-menu{background: rgba(255, 255, 255, 0.95);}
.upd-nav .sub-menu a{color: #000;}
.sub-menu {
display:none;
width: 100%;
background: rgba(21, 67, 95, 0.9);
text-align: left;
font-size: 1.14em;
z-index: 10000;
}
.graph20 .sub-menu {background: #fff;}
.sub-menu .constrain { max-width:1200px; margin:0 auto;}
.sub-menu > div > ul {position: static; width: auto;}
.sub-menu ul { margin: 0;padding: 0;}
.sub-menu li { display: block; padding: 0; width: auto;}
.sub-menu .constrain > ul > li {margin: 0; width: auto;}
.sub-menu a {
margin: 0;
padding: 10px 20px;
border-bottom:0;
background:#4d4d4d url(/cms/images/layout/dots-horizontal.png) -2px 0 repeat-x;
font-size:.75em;
line-height: 1em;
color: #fff;
text-transform: none;
}
.graph20 .sub-menu a{background: none;}
.sub-menu > .constrain > ul > li > a {
padding: 8px 40px 8px 15px;
border-bottom:1px solid #666666;
background:#333;
font: bold .75em 'Open Sans', sans-serif;
text-transform: uppercase;
letter-spacing:.05em;
}
.graph20 .sub-menu > .constrain > ul > li > a{ background: #fff;}
.sub-menu > .constrain > ul > li > a.active { background-color:#4d4d4d; border-bottom-color:transparent;}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon {top:5px; height:auto; width:auto; color:#ff732e;}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon:before {
content: "\f107";
position: static;
width: auto;
height: auto;
background-color: transparent;
font-family: 'icomoon';
speak: none;
font-size: 1.3em;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sub-menu > .constrain > ul > li > a + .expand-trigger.active .icon:before {
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.sub-menu > .constrain > ul > li > a + .expand-trigger .icon:after {display:none;}
.sub-menu ul ul {display:none;}
.sub-content {display:none; float: right;}
.sub-content a {
display: block;
margin: 0;
padding: 0;
background-image:none !important;
}
.menu-toggle {
display:inline-block;
position:relative;
height:35px;
border:0;
padding:0;
z-index: 999;
}
.graph20 .menu-toggle{margin-top: -9px;}
.graph20 .menu-toggle.active{margin-top: 10px;}
.menu-toggle .icon {
position:relative;
left: 0;
top: 30%;
display:block;
width:35px;
height:4px;
background-color:#fff;
}
.graph20 .menu-toggle .icon{ background: #15435f;}
.redesign_header .menu-toggle .icon{background-color: #fe6e21; height: 3px; width: 30px;}
.redesign_header .menu-toggle .icon:before,
.redesign_header .menu-toggle .icon:after{height: 3px; margin: 1px 0; background: #fe6e21;}
.menu-toggle .icon:before,
.menu-toggle .icon:after {
content:"";
position:absolute;
left:0;
height:4px;
width:100%;
background-color:#fff;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .menu-toggle .icon:before,
.graph20 .menu-toggle .icon:after {background: #15435f;}
.menu-toggle .icon:before {top:9px;}
.menu-toggle .icon:after {top:18px;}
.menu-toggle.active .icon {background-color:transparent;}
.menu-toggle.active .icon:before {
top:0;
left:0;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle.active .icon:after {
top:0;
right:0;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (min-width:65.000em) {
.graph20 .menu > li > a {
font-size: 0.875em;
font-weight: 900;
color: #15435f;
letter-spacing: 1px;
}
.nav-main {position:static; background-color:transparent; width:100%; box-shadow:none;}
.graph20 .nav-main { min-width: 683px; margin: 7px 0 0 -80px; height: auto;}
.graph20.graph20--en-us .nav-main {min-width: 740px; margin-left: -100px;}
.graph20 div.navAndSearch { position: static;width: 100%;box-shadow: none; }
.nav-main > ul {text-align:center;}
.nav-main li.main-li {display:inline-block; position:static;}
.nav-main li.main-li > a { margin-left:-5px; background:transparent url(/cms/responsive/images/dots.png) 100% 50% no-repeat; }
.graph20 .nav-main li.main-li >a{background: none; margin-left: 0; padding-bottom: 14px;}
.nav-main a { padding:15px 20px; border-bottom:5px solid transparent; }
.upd-nav .nav-main ul li.main-li > a:active,
.upd-nav .nav-main ul li.main-li > a:hover{background: #e3e3e3; color: #000;}
.upd-nav .nav-main li.main-li > a {background:none; }
.upd-nav .nav-main ul li.main-li > a{border: none; padding: 8px 15px 15px 15px; }
.upd-nav .nav-main > ul > li:first-child > a:after{display: none;}
.upd-nav .nav-main > ul > li > a:after{
content: '';
position: absolute;
display: block;
top: 0;
left: -3px;
width: 1px;
height: 100%;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…B3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=);
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(40%, #01a7c1), color-stop(60%, #01a7c1), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, #01a7c1 40%, #01a7c1 60%, rgba(0, 0, 0, 0) 100%);
}
.nav-main > ul > li > a:hover,
.nav-main > ul > li > a:focus,
.nav-main .on > a,
.nav-main .clicked > a,
.nav-main a.has-sub.active { border-bottom-color:#ff732e; background:none;}
.nav-main .expand-trigger {display:none;}
.sub-menu > .constrain > ul > li > a.active {background:none; border:0px;}
.sub-menu {position:absolute; top:100%; left:0; padding: 25px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.sub-menu .constrain {display:table; width:100%;}
.sub-menu > .constrain > ul {display:table-cell; vertical-align:top; width:90%;}
.sub-menu .constrain > ul > li {display:inline-block; vertical-align:top; padding:0 10px; margin-bottom:20px; min-width:30%;}
.upd-nav .sub-menu .constrain > ul > li {min-width: 25%;}
.sub-menu .constrain > ul > li:first-child,
.sub-menu .constrain > ul > li:nth-child(4n) {padding-left:0;}
.sub-menu .constrain > ul > li + li { padding-left: 10px; margin-right: 0;}
.upd-nav .sub-menu{width: 950px;margin: 0 auto; right: 0; left: 0;}
.sub-menu a {
padding:10px;
border-bottom:0;
background:transparent url(/cms/images/layout/dots-horizontal.png) -2px 100% repeat-x;
color: #0c4561;
}
.graph20 .sub-menu a{background: none;}
.sub-menu a:hover, .sub-menu a:focus { text-decoration: underline;}
.sub-menu .constrain > ul > li > a {
padding:10px 0;
border-bottom:0;
background:transparent url(/cms/images/layout/dots-horizontal.png) -2px 100% repeat-x;
font-size:.8em;
}
.graph20 .sub-menu .constrain > ul > li > a{background: none;}
.sub-menu ul ul {display:block !important;}
.menu-toggle {display:none;}
.sub-content {display:table-cell;}
.sub-content .banner-random {min-width:220px;}
}
@media (max-width:64.94em) {
.nav-main > ul { width: 100% !important;}
}
@media all and (min-width: 72em){
.graph20.graph20--en-us .nav-main {min-width: 800px; margin-left: -125px;}
}
@media all and (min-width: 80em){
.graph20.graph20--en-us .nav-main {min-width: 950px; margin-left: -140px;}
}
/* Aside Nav
========================================================================== */
.nav-aside {margin-top: 0px;}
.graph20 .nav-aside:first-child{background: #15435f;}
.graph20 .nav-aside:last-child{background: #f2f2f2;}
.nav-aside ul { margin: 0; padding: 0;}
.nav-aside li { display: block; margin: 0; padding: 0;}
.nav-aside .mod-content {margin: 0; padding: 0; font-size:1em;}
.nav-aside .mod-content > ul > li { border-top: 1px solid #e6e6e6;}
.graph20 .nav-aside:first-child .mod-content > ul > li{border-top: 2px solid #306687; position: relative;}
.graph20 .nav-aside:first-child .mod-content > ul > li:after {
content: '';
position: absolute;
height: 8px;
width: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
right: 20px;
top: 13px;
transform: rotate(45deg);
transition: all .3s ease-in-out;
}
.graph20 .nav-aside.storeLnav .mod-content > ul > li:after{ content:''; height:0; width:0; border: none;}
.graph20 .nav-aside:first-child .mod-content > ul > li:hover:after,
.graph20 .nav-aside:first-child .mod-content > ul > li:focus:after,
.graph20 .nav-aside:first-child .mod-content > ul > li a:hover,
.graph20 .nav-aside:first-child .mod-content > ul > li a:focus {border-color: #F34F03; color: #F34F03;}
.graph20 .nav-aside:last-child .mod-content > ul > li{border-top: 2px solid #ccc;}
.aside-alt.nav-aside .mod-content > ul > li {border-top: 1px dotted #59869d; border-top: 1px dotted hsla(0, 0%, 100%, 0.3);}
.nav-store .mod-content > ul > li { border-top: 0;}
.nav-aside .mod-content > ul > li:first-child { border-top: 0;}
.nav-aside ul a {
position: relative;
display: block;
padding: 0.4em 0 0.4em 10px;
color: #0c527e;
font-weight: bold;
font-size:.95em;
text-decoration: none;
z-index:1;
}
.graph20 .nav-aside ul a {
font-size: 1em;
padding-left: 20px;
font-weight: 900;
text-transform: uppercase;
}
.graph20 .nav-aside:first-child ul a{color: #fff;}
.graph20 .nav-aside:last-child ul a{color: #15435F;}
.nav-aside ul .last-child a {color:#FF732E;}
.aside-alt.nav-aside a {color: #fff;}
.nav-aside ul a:before{
content: "\f105";
position:absolute;
left:3px;
top:0.5em;
display: inline-block;
font-size:1em;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color:transparent;
}
.graph20 .nav-aside ul a:before{content:'';}
.nav-aside ul a:hover,
.nav-aside ul a:focus,
.nav-aside ul a:hover:before,
.nav-aside ul a:focus:before {color:#FF732E;}
.graph20 .nav-aside:last-child ul a.on { background: #e5e5e5; color: #F34F03;}
.graph20 .nav-aside:last-child ul a:hover,
.graph20 .nav-aside:last-child ul a:focus {background: #e5e5e5;}
.aside-alt.nav-aside .mod-content a:before{ border-color: transparent transparent transparent #b1e4ec;}
.nav-aside ul ul .on {color: #0C527E;}
.main-aside .nav-aside ul ul .on {color: #B1E4EC;}
.nav-aside ul ul .on:before{border-color: transparent transparent transparent #0C527E;}
.aside-alt.nav-aside .on {color: #FF732E;}
.nav-aside .on:before{color: #FF732E;}
.aside-alt.nav-aside .on:before{border-color: transparent transparent transparent #b1e4ec;}
.main-aside .nav-aside a:before,
.main-aside .nav-aside .on:before{border-color: transparent transparent transparent #BFBFBF;}
.nav-aside ul ul {padding-top: 0.4em;}
.main-aside .nav-aside ul ul {border-top-color: #fff;}
.nav-aside ul ul a {padding: 0.2em 0;font-size: 0.86em;color: #808080;}
.nav-aside ul ul a:hover,
.nav-aside ul ul a:focus {color: #0c527e;}
.main-aside .nav-aside ul ul a:hover,
.main-aside .nav-aside ul ul a:focus { color: #BFBFBF;}
.nav-aside ul ul a:before{ top: 0.5em;}
/* Slideshow
========================================================================== */
.slideshow {
position: relative;
max-width: 1200px;
height: 400px;
margin: -42px auto 0;
overflow: hidden;
}
.slideshow .slide-item {
position:relative;
display: block;
height: 400px;
width: 100%;
background-position: 50% 50%;
}
.slideshow .slide-content {
padding: 5px 155px 25px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -355px;
width: 400px;
color: #cccccc;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-animation: slideUp 0.75s;
-moz-animation: slideUp 0.75s;
-ms-animation: slideUp 0.75s;
-o-animation: slideUp 0.75s;
animation: slideUp 0.75s;
-webkit-backface-visibility: hidden;
}
.slideshow .slide-content:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
padding-bottom: 50px;
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
background: url(/cms/images/layout/slide-desc-bg.png) no-repeat 0% 50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slideshow .slide-content:hover,
.slideshow .slide-content:focus {padding-bottom: 30px;}
.slideshow .slide-content:hover:after,
.slideshow .slide-content:focus:after { opacity: 0.9;}
.slideshow .slide-title {
position: relative;
z-index: 5;
font-size: 2em;
margin: 0;
font-family: "Arial Narrow", Arial, sans-serif;
font-weight: normal;
color: #fff;
}
.slideshow .slide-desc {
position: relative;
z-index: 4;
margin: 0;
}
.slideshow .slide-content strong { color: #fff;}
.slide-tools {
position: absolute;
bottom: 0;
left: 0;
z-index: 200;
width: 100%;
text-align: center;
}
.slideshow-nav a {
display: inline-block;
color: #fff;
cursor: pointer;
margin-top: 2px;
width: 0.5em;
height: 0.5em;
background: #fff;
text-indent: -10em;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.graph20 .slideshow-nav a{color:#333; background: #333;}
.slideshow-nav a.activeSlide {opacity: 0.6; filter: Alpha(Opacity=60);}
.graph20 .slideshow-nav a.activeSlide{ background: #F34F03;opacity: 0; filter: Alpha(Opacity=0);}
.slideshow-nav a:hover,
.slideshow-nav a:focus {
opacity: 0.6;
filter: Alpha(Opacity=60);
-webkit-box-shadow: 0 0 0 1px #000;
-moz-box-shadow: 0 0 0 1px #000;
box-shadow: 0 0 0 1px #000;
}
.graph20 .slideshow-nav a:hover,
.graph20 .slideshow-nav a:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.slideshow-nav a + a{margin-left: 5px;}
.no-cssboxshadow .slideshow-nav a:hover,
.no-cssboxshadow .slideshow-nav a:focus {outline: 1px solid #000;}
.graph20 .no-cssboxshadow .slideshow-nav a:hover,
.graph20 .no-cssboxshadow .slideshow-nav a:focus{ outline: none;}
.slideshow-pause {
display: inline-block;
padding: 2px 0 0 5px;
height: 10px;
border-left: 1px solid #999b9a;
cursor: pointer;
color: #fff;
font-weight: bold;
font-size: 8px;
vertical-align: top;
}
.slideshow-pause:hover .pause-line,
.paused .pause-line {opacity: 0.6;filter: Alpha(Opacity=60);}
.pause-line {
display: inline-block;
width: 2px;
height: 7px;
background: #fff;
vertical-align: top;
}
.slideshow-next,
.slideshow-prev {
position: absolute;
z-index: 200;
top: 50%;
margin-top: -48px;
width: 60px;
height: 96px;
cursor: pointer;
text-indent: -999em;
overflow: hidden;
background-image: url(/cms/images/layout/icons-sprite.png);
filter: alpha(opacity=50);
opacity: 0.5;
}
.slideshow-prev {left: 5%;background-position: -41px -176px;}
.slideshow-next {right: 5%; background-position: -51px -272px;}
.slideshow-prev:hover,
.slideshow-prev:focus{
background-position: -51px -176px;
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slideshow-next:hover,
.slideshow-next:focus{
background-position: -41px -272px;
filter: alpha(opacity=90);
opacity: 0.9;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.is-disabled .slideshow-next,
.is-disabled .slideshow-prev,
.is-disabled .slide-tools { display: none;}
/* Slideshow
========================================================================== */
.slideshow-alt {
position: relative;
height: 380px;
width: 700px;
overflow: hidden;
}
.slideshow-alt .slide-item {
position:relative;
display: block;
width: 100%;
height: 380px;
background-position: 50% 50%;
background-repeat: none;
}
.slideshow-alt .slide-item p{margin: 0px;}
.slideshow-alt .slide-content {
padding: 2em 0.5em 5em 0;
position: absolute;
bottom: -50px;
right: 0;
width: 560px;
color: #cccccc;
background: hsla(0, 0%, 0%, 0.5);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: slideUp 1s;
-moz-animation: slideUp 1s;
-ms-animation: slideUp 1s;
-o-animation: slideUp 1s;
animation: slideUp 1s;
}
.slideshow-alt .slide-content:before {
content: '';
position: absolute;
top: 0;
left: -140px;
height: 200px;
border-width: 140px 140px 0 0;
border-style: solid;
border-color: transparent hsla(0, 0%, 0%, 0.5);
}
.no-hsla .slideshow-alt .slide-content{
width: 100%;
padding: 2em 2em 5em;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}
.no-hsla .slideshow-alt .slide-content:before{
border: none;
width: 140px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}
.slideshow-alt .slide-title {
font-size: 2.43em;
margin: 0;
font-weight: normal;
color: #fff;
}
.slideshow-alt .slide-desc {margin: 0;color: #cccccc;}
.slide-links { margin-top: 1em;}
.slide-links a {
display: inline-block;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 0 0.5em;
vertical-align: middle;
}
.slide-links a:first-child {padding-left: 0;}
.slide-links a:after {
content: '';
display: inline-block;
margin-left: 5px;
width: 5px;
height: 9px;
background: url(/cms/images/layout/arrow-right-white.png) 50% 50% no-repeat;
}
.slide-links a:hover,
.slide-links a:focus {text-decoration: underline;}
.slideshow-alt .slide-tools {left: auto;right: 1em; width: auto;}
/* Hero Slideshow
========================================================================== */
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper{max-width: 1200px; margin: 0 auto;}
.hero-slideshow-wrapper {position:relative; z-index:1;}
.hero-slideshow .slide-item {
position:relative;
height:340px;
background-repeat:no-repeat;
background-position:50% 0;
background-size:auto 100%;
text-align:center;
z-index:1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .hero-slideshow .slide-item {height: 400px;}
.hero-slideshow .slide-item:after {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.hero-slideshow .slide-text {
position:absolute;
bottom:20px;
width:100%;
color:#fff;
z-index:10;
}
.graph20 .hero-slideshow .slide-text{top: 0;}
.hero-slideshow .slide-item .btn { padding: 8px 40px; font-size: 1.1em;}
.graph20 .hero-slideshow .slide-item .btn {
background: #F34F03;
border-color: #F34F03;
font-size: 0.75em;
padding: 8px 25px;
}
.hero-slideshow .slide-text p { margin-bottom:25px; font-size:2em; line-height:1;}
/* Updated Slideshow CSS */
.upd-hero-slideshow .slide-item {
position:relative;
height:340px;
background-repeat:no-repeat;
background-position:50% 0;
background-size:auto 100%;
text-align:center;
z-index:1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.upd-hero-slideshow .slide-item:after {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.upd-hero-slideshow .slide-text {
padding: 10px 0px 25px 0;
font-size: .813em;
position: absolute;
min-height: 50px;
left: 0;
right: 0;
bottom: 0;
margin: 0px auto;
width: 50%;
color: #ccc;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-animation: slideUp 0.75s;
-moz-animation: slideUp 0.75s;
-ms-animation: slideUp 0.75s;
-o-animation: slideUp 0.75s;
animation: slideUp 0.75s;
-webkit-backface-visibility: hidden;
background: #14425de6;
}
.upd-hero-slideshow .slide-item .slide-title{
position: relative;
z-index: 5;
font-size: 2em;
margin: 0;
font-family: "Arial Narrow", Arial, sans-serif;
font-weight: normal;
color: #fff;
}
.upd-hero-slideshow .slide-item .btn {
font-size: 0.85em;
color: #000;
padding: 10px 20px;
background: #f16d1d;
border: none;
border-radius: 0;
text-transform: uppercase;
font-weight: 400!important;
display: none;
}
.upd-hero-slideshow .slick-dots{
margin: 0px;
padding: 0px;
list-style-type: none;
position: absolute;
bottom: 0;
left: 0;
z-index: 200;
width: 100%;
text-align: center;
}
.upd-hero-slideshow .slick-dots li{ display: inline-block;}
.upd-hero-slideshow .slick-dots li + li { margin-left: 5px;}
.upd-hero-slideshow .slick-dots li button{
display: inline-block;
padding: 0px;
border: 0px;
color: #fff;
cursor: pointer;
margin-top: 2px;
width: 8px;
height: 8px;
background: #fff;
text-indent: -10em;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.upd-hero-slideshow .slick-dots li.slick-active button{ background:#f16d1d;}
/*.upd-hero-slideshow .slick-dots{position: absolute;bottom: 20px;}
.upd-hero-slideshow .slick-dots li{
width: 10px;
height: 10px;
background: #ffffff;
border-radius: 50%;
}
.upd-hero-slideshow .slick-dots li.slick-active{background: #f16d1d;}*/
/*.upd-hero-slideshow .slick-dots li button:before{content: "";}
.upd-hero-slideshow .slick-dots li.slick-active button:before{ content: "";}*/
.upd-hero-slideshow .slide-text p { padding: 15px 0; margin: 0; display: none;}
.upd-hero-slideshow .slide-text p.slide-desc { display: block;}
/* ==================================================================================== */
.graph20 .slide-item{
position:relative;
height:340px;
background-repeat:no-repeat;
background-position:50% 0;
background-size:auto 100%;
text-align:center;
z-index:1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.graph20 .slick-dots {
margin: 0px;
padding: 0px;
list-style-type: none;
position: relative;
left: 0;
z-index: 200;
width: 100%;
text-align: center;
}
.graph20 .activity-slideshow .slick-dots {position: absolute; bottom: 0;}
.graph20 .altViews .slick-dots { bottom: 0; display: flex!important; justify-content: center; align-items: center;}
.graph20 .hero-slideshow-wrapper .slick-dots {position:absolute; bottom: -8px}
.graph20 .slick-dots li{
display: inline-block;
width: 10px;
height: 10px;
background: #ffffff;
}
.graph20 .article-slideshow .slick-dots li, .graph20 .activity-slideshow .slick-dots li, .graph20 .hero-slideshow .slick-dots li {border-radius: 50%;}
.graph20 .slick-dots li + li { margin-left: 5px;}
.graph20 .item-images .viewsCarousel .altViews li {margin: 5px; }
.graph20 .slick-dots li button{
display: inline-block;
padding: 0px;
border: 0px;
cursor: pointer;
margin-top: 2px;
width: 8px;
height: 8px;
text-indent: -10em;
overflow: hidden;
vertical-align: top;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-backface-visibility: hidden;
}
.graph20 .activity-cards .slick-dots li button{
width: 80px;
border-radius: 0px;
color: #ccc;
background: #ccc;
}
.graph20 .article-slideshow .slick-dots li button { color: #333; background: #333;}
.graph20 .activity-slideshow .slick-dots li button{ color: #fff; background: #fff;}
.graph20 .altViews .slick-dots li button{
color: #ccc;
background: #ccc;
height: 10px;
width: 10px;
}
.graph20 .slick-dots li.slick-active { background: #f16d1d;}
.graph20 .altViews .slick-dots li.slick-active, .graph20 .activity-cards .slick-dots li.slick-active {background: none;}
.graph20 .slick-dots li.slick-active button { background:#f16d1d;}
.graph20 .slick-dots li button:before{content: "";}
.graph20 .slick-dots li.slick-active button:before{ content: "";}
/* --------------------------------------------------------------------- */
.graph20 .article .article__text{ margin: 0 auto; text-align: left; max-width: 330px;}
.graph20 .article__text p{margin: 10px 0;}
.graph20 .article__text h4{margin:0;}
.graph20 .activity-cards button, .graph20 .activity-cards select{max-width: none;}
@media all and (min-width: 48em){
.graph20 .article-slideshow .article {margin: 0 ;}
.graph20 .article .article__text{margin:0;}
.graph20 .hero-slideshow .slide-item .btn {font-size: 0.875em; padding: 10px 35px;}
}
@media all and (min-width: 64em){
.graph20 .item-images .viewsCarousel .altViews li {border: 1px solid #ccc;}
.graph20.graph20--en-us .item-images .viewsCarousel .altViews li {
display: flex;
align-items: center;
min-height: 150px;
min-width: 150px;
}
}
.hero-slideshow-navigation {
position: absolute;
left: 0;
top: 30%;
right: 0;
margin: 0 auto;
max-width: 75.000em;
z-index: 999;
}
.upd-hero-navigation {
position: absolute;
left: 0;
top: 55%;
right: 0;
margin: 0 auto;
max-width: 75.000em;
}
.hero-slideshow-navigation button {
padding:0;
border:0;
outline:0;
background:transparent;
font-size:10em;
color:#fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero-slideshow-navigation .slick-next {float:right;}
.hero-slideshow-navigation button:hover,
.hero-slideshow-navigation button:focus {text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);}
.upd-hero-navigation .slideshow-next,
.upd-hero-navigation .slideshow-prev{background: none;text-indent: 0; text-decoration: none;font-size: 2.5em; color: #fff; width: 50px; height: 50px; text-align: center;background: rgba(0,0,0,0.5); border-radius: 50%; font-weight: lighter; top: 55%; opacity: 1}
.upd-hero-navigation .slideshow-next span,
.upd-hero-navigation .slideshow-prev span{
border: solid #ffffff;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
height:10px;
width:10px;
position: absolute;
}
.upd-hero-navigation .slideshow-next span{ top: 17px; right: 18px;}
.upd-hero-navigation .slideshow-prev span{ top: 17px; right: 12px;}
.upd-hero-navigation .slideshow-next span.arrow-right{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.upd-hero-navigation .slideshow-prev span.arrow-left{ transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.upd-hero-slideshow .customSlide span.two-h{text-shadow: none;}
@media (max-width:47.94em) {
.hero-slideshow .slide-text p { font-size:2em !important; }
.upd-hero-slideshow .slide-text{width: 100%; background:#14425d80; }
}
@media (min-width:48.000em) {
.hero-slideshow .slide-item { background-size:cover; }
.hero-slideshow .slide-image { position:static; height:auto; width:100%;}
.hero-slideshow .slide-text p {font-size:3em;}
.hero-slideshow .slide-item .btn {padding:8px 40px; font-size:1.1em;}
/* Updated Slideshow */
.upd-hero-slideshow .slide-item { background-size:cover; }
.upd-hero-slideshow .slide-image { position:static; height:auto; width:100%;}
/* .upd-hero-slideshow .slide-text p {font-size:3em;}*/
/* .upd-hero-slideshow .slide-item .btn {padding:8px 40px; font-size:1.1em;}*/
}
@media (min-width:53.375em) {
.hero-slideshow .slide-item { height:320px; }
.upd-hero-slideshow .slide-item { height:320px; }
}
@media (min-width:64.000em) {
.hero-slideshow .slide-item {height:340px;}
.hero-slideshow .slide-text p {font-size:4em;}
.upd-hero-slideshow .slide-item {height:340px;}
/* .upd-hero-slideshow .slide-text p {font-size:4em;}*/
.graph20 .hero-slideshow .slide-item {height: 680px;}
}
@media (min-width:75.000em) {
.hero-slideshow .slide-item {height:400px;} .upd-hero-slideshow .slide-item {height:400px;}
}
@media (min-width:80.000em) {
.hero-slideshow .slide-item {height:450px;}
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;}
}
@media (min-width:95.000em) {
.hero-slideshow .slide-item {height:500px;}
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;}
}
@media (min-width:105.000em) {
.hero-slideshow .slide-item {height:550px;}
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;}
}
@media (min-width:120.000em) {
.hero-slideshow .slide-item {height:593px;}
.hero-slideshow-wrapper.upd-hero-slideshow-wrapper .upd-hero-slideshow .slide-item {height:400px;}
}
/* Department Banner
========================================================================== */
.dept-banner {
position: relative;
overflow: hidden;
z-index:1;
color:#fff;
}
.dept-banner .title {
margin:0;
font-size:2em;
text-align:center;
color:#676767;
}
.dept-banner {display:none;}
.page-heading-listing {position: relative;overflow: hidden;}
.page-heading-listing + .banner-random{}
.graph20 .banner-random{ position: relative;}
.dept-title {
padding: .2em 0.3em 0.2em;
margin:0 0 15px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 2.8em;
background:hsla(0, 0%, 0%, 0.5);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: fadeInLeft 1s;
-moz-animation: fadeInLeft 1s;
-ms-animation: fadeInLeft 1s;
-o-animation: fadeInLeft 1s;
animation: fadeInLeft 1s;
line-height: .9em;
}
.graph20 .dept-title#pageHeading {
font-size: 1.3125em;
line-height: 20px;
font-weight: 900;
color: #333;
background: none;
padding: 0;
}
/*
.dept-title:after {
content: '';
position: absolute;
bottom: 0;
right: -140px;
border-width: 0 0 140px 140px;
border-style: solid;
border-color: transparent transparent transparent hsla(0, 0%, 0%, 0.5);
}
.lt-ie9 .dept-title:after { display: none;}*/
.dept-banner .slide-links {
position: absolute;
bottom: -5em;
right: 0;
margin: 0;
z-index:10;
padding: 0.5em 0.3em 5.5em;
margin:0;
color: #fff;
background:hsla(0, 0%, 0%, 0.5);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: slideUp 1s;
-moz-animation: slideUp 1s;
-ms-animation: slideUp 1s;
-o-animation: slideUp 1s;
animation: slideUp 1s;
}
.dept-banner .slide-links:before {
content: '';
position: absolute;
top: 0;
left: -140px;
border-width: 0 0 140px 140px;
border-style: solid;
border-color: transparent transparent hsla(0, 0%, 0%, 0.5) transparent;
}
.no-hsla .dept-title,
.no-hsla .dept-banner .slide-links {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFFRTM0MEM4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFFRTM0MEQ4REEzMTFFMjhEOUJBMDY1NzU3NDgwQTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUVFMzQwQThEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUVFMzQwQjhEQTMxMUUyOEQ5QkEwNjU3NTc0ODBBNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbqwSUAAAAPSURBVHjaYmBgYGgACDAAAIUAgevVTJkAAAAASUVORK5CYII=) repeat;
}
@media (min-width:60.000em) {
.dept-banner:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
color:#fff;
z-index:1;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.5) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.dept-banner .banner-text {
position:absolute;
bottom:0;
left:0;
padding: 0 3em;
z-index:2;
}
.dept-banner .title {margin:0 0 .3em; line-height:1; font-size:4em; text-align:left; color:#fff;}
.dept-banner {display:block;}
}
@media all and (min-width: 64em){
.graph20 .dept-title#pageHeading {
font-size: 2.25em;
line-height: 50px;
}
}
/* Search
========================================================================== */
.search {position: relative;margin: -1px 0 0 0.5em;}
input.search-field-topright {
position: relative;
padding: 0 20px 0 5px;
width: 160px;
height: 17px;
border: none;
background: #ada9a9;
color: #fff;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input.search-field {
position: relative;
padding: 0 20px 0 5px;
width: 160px;
height: 17px;
border: none;
background: #ada9a9;
color: #fff;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input.search-field:focus {
outline: 0;
-webkit-box-shadow: 0 0 2px 1px #0c527e;
-moz-box-shadow: 0 0 2px 1px #0c527e;
box-shadow: 0 0 2px 1px #0c527e;
}
.search-btn-topright {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 17px;
height: 17px;
border: 0;
background: url(/cms/images/layout/icon-search.png) no-repeat 50% 50%;
text-indent: -9999px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.search-btn {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
width: 17px;
height: 17px;
border: 0;
background: url(/cms/images/layout/icon-search.png) no-repeat 50% 50%;
text-indent: -9999px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#suggestDiv {width:298px !important;}
/* Page Divider
========================================================================== */
.page-divide {
margin: 5px auto 0;
width: 952px;
height: 6px;
background: url(/cms/images/layout/line.png) no-repeat 0 50%;
}
/* Breadcrumbs
========================================================================== */
.breadcrumbs {
margin: 1em 0 1em;
color: #999999;
font-size: 0.79em;
}
.graph20 .breadcrumbs { margin: 1em 10px; color: #666;}
.breadcrumbs .crumb {color: #15435f;padding: 0 0.1em;}
.graph20 .breadcrumbs .crumb { color: #333;}
.breadcrumbs a {
color: #15435f;
text-decoration: none;
display: inline-block;
}
.graph20 .breadcrumbs a {color: #15435F;}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline;}
.page-heading { margin: 10px 0;}
.page-heading .title {
margin: 0;
color: #000f18;
font-family:"Gill Sans MT", "Gill Sans Std", "Open Sans", "Calibri", Arial, sans-serif;
font-weight:300;
font-size:2.43em;
line-height:1.2em;
}
.graph20 .page-heading .title{
color: #333;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 2.125em;
}
.page-heading.store-page-heading .title { text-align:center; color: #676767;}
.page-heading.headingSearch { display: inline-block !important;}
@media all and (min-width:48em){
.graph20 .page-heading .title{ font-size: 2.25em;}
.graph20 .page-heading h1.title{font-size: 3em;}
}
@media(min-width:60.000em) {
.page-heading.store-page-heading {display:none;}
}
@media all and (min-width:64em){
.graph20 .breadcrumbs{margin: 1em 12px;}
}
.store-tools a {display: inline-block;vertical-align: middle;text-decoration: none;}
.store-tools a.tools-bag,
.store-tools a.tools-bag:link,
.store-tools a.tools-bag:active,
.store-tools a.tools-bag:focus {
position:relative;
display: inline-block;
font-size: 1em;
color: #fff !important;
}
.graph20 a.tools-bag:hover,
.graph20 a.tools-bag:focus{opacity: .6;}
.store-tools .tools-bag strong {color: #ff732e;}
.icons-phone {
display: inline-block;
width: 16px;
height: 14px;
vertical-align: middle;
}
.icons-bag {
display: inline-block;
margin-right: 4px;
width: 22px;
height: 21px;
vertical-align: top;
color:#fff;
}
.store-tools .desktop-total {display:none;}
.graph20 .store-tools .desktop-total {display: block;}
.store-tools .mobile-total {
position:absolute;
top:-8px;
right:-5px;
display:block;
width:15px;
height:15px;
padding:2px;
border-radius:50%;
background-color:#ff732e;
font-size:.65em;
font-weight:bold;
text-align:center;
}
.usa-ada .store-tools .mobile-total{background-color:#962D03; }
.graph20 .store-tools .mobile-total{top: -8px; background-color: #ff732e;}
.graph20 .header .column.right{ min-width: 61px;}
.graph20 .search-toggle{display: none;}
@media (min-width:48.000em) {
.store-tools {min-width:120px;}
.graph20 .header .store-tools{ margin-top: -5px;}
.store-tools .mobile-total {display:none;}
.graph20 .store-tools .mobile-total {display: block;}
.store-tools .desktop-total {display:inline;}
}
@media all and (min-width: 65em){
.graph20 .search-toggle{
display: inline-block;
background: #fff;
border: none;
margin: 0 10px 0 0;
padding: 0;
transition: all 0.3s ease-in-out;
}
.graph20 .search-toggle:hover,
.graph20 .search-toggle:focus{ opacity: .6;}
}
/* ==========================================================================
Search
========================================================================== */
/* Search Filters
========================================================================== */
.search-listing {position: relative; padding: 10px 0 20px; vertical-align: top;}
.grid-12 .search-listing { margin: 0 20px;}
.search-listing + .search-listing:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF000000', endColorstr='#FF000000');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iNTAlIiB4Mj0iMTAwJSIgeTI9IjUwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}
.grid-12 > .main-aside > .search-listing { display: inline-block;}
.grid-12 > .search-listing + .search-listing:after {
content: '';
position: absolute;
top: 0;
left: -23px;
height: 100%;
width: 1px;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF000000');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
}
.search-listing .title {
color: #b1e4ec;
font-weight: normal;
font-size: 1.29em;
margin: 0.2em 0;
}
.search-options {
display: block;
margin: 0;
padding: 0;
font-size: 0.86em;
overflow: hidden;
}
.search-options li {
display: block;
margin: 0;
padding: 0.2em 0;
}
.search-options label {
display: block;
padding-left: 21px;
text-indent: -21px;
line-height: 1em;
cursor: pointer;
}
.search-options input { margin: 1px 5px 0 0;vertical-align: top;}
.multi-column-2 ul {width: 260px;}
.multi-column-3 ul {width: 390px;}
.multi-column-4 ul {width: 520px;}
.multi-column-5 ul {width: 650px;}
.multi-column ul li {float: left; width: 130px; padding: 3px 0;}
/* ==========================================================================
Store
========================================================================== */
.product-listing {
position: relative;
display: block;
margin: 0;
padding: 1px 0;
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;
text-align: left;
}
.graph20 .product-listing{ border-top: none; border-bottom: none;}
.product-listing [class*="grid-"] {-webkit-transition:none; transition:none;}
.product-listing li .item-wrapper{ border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.graph20 .product-listing li .item-wrapper,
.graph20--en-us .product-listing li .grid-item { border-right: none; border-bottom: 2px solid #f2f2f2; min-height: 320px!important;}
.graph20 .percentOff{text-align: left;}
.product-listing li:nth-child(3n) {border-right:0;}
.item-wrapper { padding:10px; text-align:center;}
@media (min-width:480px) {
.product-listing li:nth-child(3n+1) {clear:both;}
.graph20 .product-listing li:nth-child(3n+1) {clear:none;}
}
.item-wrapper:nth-child(3n) {border-right:0;}
.item-wrapper .item-link {display:block;}
.item-wrapper .item-link img {margin:0 auto;}
.item-wrapper .title {
font-weight: bold;
font-size: 1.2em;
margin: .4em 0 .2em;
padding: 0 15px;
}
.item-wrapper .title a {text-decoration:none;}
.item-wrapper .title a:hover,
.item-wrapper .title a:focus {text-decoration:underline;}
.item-wrapper .item-description {min-height:0 !important;}
.item-wrapper .item-price { font-size:.95em; font-weight:bold; color:#666;}
.item-wrapper .view-more {
position:relative;
padding:0 10px 5px 0;
font-size:.9em;
font-weight:bold;
text-decoration:none;
color:#ff732e;
}
.item-wrapper .view-more:before {
position:absolute;
top:2px;
right:0;
margin-left:5px;
font-size:1.1em;
content: "\f105";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.item-wrapper .view-more:after {
content:"";
position:absolute;
bottom:0;
left:50%;
width:0;
height:2px;
background-color:#ff732e;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item-wrapper .view-more:hover:after,
.item-wrapper .view-more:focus:after {left:0;width:100%;}
.department-listing .item-wrapper {padding:20px 10px;}
.department-listing .item-wrapper .item-description {font-size:.9em;}
/* Item Slider
========================================================================== */
.item-slider {margin:0; padding:0; list-style-type:none;}
.item-slider .item-wrapper {padding:20px 0;}
.graph20 .item-slider .item-wrapper {padding:20px 2px;}
.graph20 .item-slider .item-wrapper a {text-decoration: none;}
.item-slider .item-wrapper .item-title {font-size:1.2em;}
.graph20 .item-slider .item-wrapper .item-title {padding-top: 20px; font-size:14px; text-align: left; border-top: 2px solid #f2f2f2; letter-spacing: 0; line-height: 16px;}
.item-slider .item-wrapper .item-title a {text-decoration:none;}
.item-slider .item-wrapper .item-title a:hover,
.item-slider .item-wrapper .item-title a:focus {text-decoration:underline;}
.item-slider button {
position:absolute;
top:30%;
font-size:4em;
z-index: 99;
}
/* .item-slider button.slick-prev {left:0; color:#cccccc; }
.item-slider button.slick-next {right:0; color:#cccccc;} */
.item-slider button.slick-prev {left:5px; color:#fff; background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 7px 5px 0px; line-height: 35px;z-index: 50;}
.item-slider button.slick-next {right:5px;color:#fff; background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 0 5px 7px; line-height: 35px; z-index: 50;}
@media all and (min-width:30em){
.graph20 .product-listing li .item-wrapper,
.graph20--en-us .product-listing li .grid-item {min-height: 405px!important;}
}
@media (min-width:48.000em) {
.item-slider .item-wrapper {border-right:1px solid #e6e6e6;}
.graph20 .item-slider .item-wrapper {border-right: none;}
.graph20 .item-slider .item-wrapper .item-title {font-size:16px;}
.graph20 .item-slider .item-wrapper{padding: 20px 15px;}
}
/* Department
========================================================================== */
.department-banner {position: relative; overflow: hidden;}
.department-info {
position: absolute;
top: -100px;
left: 80px;
width: 780px;
min-height: 80px;
-webkit-animation: slideDown 1s;
-moz-animation: slideDown 1s;
-ms-animation: slideDown 1s;
-o-animation: slideDown 1s;
animation: slideDown 1s;
}
.department-info:before {
content: '';
position: absolute;
left: -80px;
bottom: 1px;
display: block;
height: 100px;
border-width: 0 81px 81px 0;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(12, 82, 126, 0.8);
}
.department-info:after {
content: '';
position: absolute;
right: -80px;
bottom: 1px;
display: block;
height: 100px;
border-width: 0 0 81px 81px;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(12, 82, 126, 0.8);
}
.department-cat {
display: table;
margin: 0;
padding: 0;
border-spacing: 1px;
width: 100%;
}
.department-cat h2 {
position: relative;
margin: 20px 0 0;
float: left;
font-size: 2em;
font-weight: normal;
line-height: 1em;
}
.department-cat h2:before {
content: 'View By:';
display: block;
margin-top: -1em;
font-size: 11px;
color: #cccccc;
text-transform: uppercase;
}
.department-cat h2:after {
content: '\00BB';
position: absolute;
right: -0.75em;
bottom: 0;
color: #fff;
}
.department-cat a {
display: block;
color: #fff;
text-decoration: none;
}
.department-cat-item {
display: table-cell;
margin: 0;
padding: 100px 25px 0;
vertical-align: top;
background: #0c527e;
background: rgba(12, 82, 126, 0.8);
}
.department-cat-item ul {
display: none;
margin: 6px 10px 0 40px;
padding: 0;
max-width: 400px;
float: left;
}
.department-cat-item[data-state="active"] h2:after {display: none;}
.department-cat-item[data-state="active"] ul {display: block;}
.department-cat-item li {
display: block;
margin: 0;
padding: 0;
float: left;
width: 33%;
}
.department-cat-item li a {
font-size: 0.86em;
background: url(/cms/images/layout/list-icon.png) no-repeat 0 3px;
padding: 1px 5px 1px 15px;
}
.department-cat-item li a:hover, .department-cat-item li a:focus { text-decoration: underline;}
/* Quickview
========================================================================== */
.icons-dot {
position: absolute;
bottom: 0;
right: 0;
z-index: 50;
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #fff;
font-weight: bold;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.icons-dot + .icons-dot {right: 20px;}
.icons-dot[data-state="active"] {filter: Alpha(Opacity=50); opacity: 0.5;}
.item-quickview {
position: absolute;
top: 12em;
right: 2em;
padding: 0.5em 1.5em;
border: 3px solid #0c527e;
font-family: Arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
outline: none;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 3px white, 1px 1px 5px 3px rgba(0, 0, 0, 0.5);
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFCFCFD', endColorstr='#FFE7E8E8');
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfd), color-stop(100%, #e7e8e8));
background-image: -webkit-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
background-image: -moz-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
background-image: -o-linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
background-image: linear-gradient(top, #fcfcfd 0%, #e7e8e8 100%);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.grid-list li:hover .item-quickview {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75;}
.item-quickview:focus,
.grid-list li:hover .item-quickview:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}
.quickview {
display: none;
visibility: none;
position: fixed;
left: 50%;
top: 100px;
z-index: 2000;
margin-left: -447px;
width: 894px;
border: 3px solid #e6e6e6;
background: #fff;
-webkit-box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
box-shadow: 0 0 0 3px white, 1px 1px 10px 3px rgba(0, 0, 0, 0.75);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.quickview .close {
position: absolute;
top: 5px;
right: 5px;
display: block;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
text-decoration: none;
color: #fff;
background: #d1d2d4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
.quickview .close:hover, .quickview .close:focus { background: #c6c6c8;}
.quickview-image {
position: relative;
width: 682px;
height: 350px;
float: left;
margin: 30px 5px 1.5em 15px;
border: 1px solid #e6e6e6;
}
.quickview-zoom {
position: relative;
overflow: hidden;
width: 682px;
height: 350px;
text-align: center;
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: -mms-zoom-in;
cursor: zoom-in;
}
/*.quickview-zoom img {
position: absolute;
top: -50%;
left: 0;
}
*/
.quickview-image .icons-dot {bottom: -1.5em;}
.quickview-scroll {
float: right;
margin: 30px 15px 0 5px;
width: 170px;
height: 350px;
overflow-y: auto;
}
.quickview-scroll ul {display: block; padding: 0; margin: 0;}
.quickview-scroll li {
display: block;
margin: 10px 0 0;
padding: 0;
width: auto;
border: 0;
}
.quickview-scroll li:first-child {margin-top: 0;}
.quickview-scroll li[data-state="active"] a {border-color: #0c527e;}
.quickview-scroll a {
position: relative;
display: block;
width: 140px;
/*height: 50px;*/
overflow: hidden;
border: 1px solid #e9e9e9;
text-align: center;
}
.quickview-scroll a:hover { border-color: #0c527e;}
.quickview-scroll img {
/* position: absolute;
top: -50%;
left: 0;*/
max-width: 100%;
height: auto;
max-height: 200px;
}
.quickview-scroll a:focus,
.quickview-scroll a:hover img { opacity: 1;}
.quickview-zoom .mainImage {max-height: 100%;}
.quickview-content {text-align: left; padding: 0 15px 15px; overflow: hidden;}
.quickview-content h3 { color: #0c527e;}
.quickview-content .more { float: right;}
/* Callout box
========================================================================== */
.firearm-banner {position: relative; height: 280px; overflow: hidden;}
.no-js .firearm-banner {height: 300px;}
.firearm-nav {
position: absolute;
bottom: -50px;
z-index: 150;
/*left: 50px;*/
width: 840px;
min-height: 50px;
overflow: hidden;
text-align: center;
-webkit-animation: slideUp 0.75s;
-moz-animation: slideUp 0.75s;
-ms-animation: slideUp 0.75s;
-o-animation: slideUp 0.75s;
animation: slideUp 0.75s;
}
.no-js .firearm-nav { display: none;}
.firearm-nav:before {
/* content: '';
position: absolute;
left: -50px;
top: 0px;*/
float: left;
display: block;
height: 50px;
border-width: 50px 50px 0 0;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(12, 82, 126, 0.8);
}
.firearm-nav:after {
content: '';
/* position: absolute;
right: -50px;
top: 0px;*/
display: block;
float: left;
height: 50px;
border-width: 50px 0 0 50px;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(12, 82, 126, 0.8);
}
.firearm-nav-wrpr {
display: block;
margin: 0;
padding: 0;
}
/*.firearm-nav-wrpr:before, .firearm-nav-wrpr:after {
content: '';
display: table-cell;
width: 25px;
background: #0c527e;
background: rgba(12, 82, 126, 0.8);
}*/
.firearm-nav-wrpr a {
display: block;
float: left;
margin: 0;
padding: 0 2em 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
font-size: 1.29em;
color: #fff;
text-decoration: none;
vertical-align: middle;
background: #0c527e;
background: rgba(12, 82, 126, 0.8);
outline: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.firearm-nav-wrpr a[data-state="active"] {background: #1e4157; background: rgba(0, 0, 0, 0.65);}
.firearm-nav-wrpr a:hover, .firearm-nav-wrpr a:focus { background: #1e4157; background: rgba(5, 37, 56, 0.8);}
.firearm-detail {position: relative; z-index: 100; overflow-x: scroll;}
.firearm-detail > ul {
display: block;
margin: 0;
padding: 0;
width: 4750px;
overflow: hidden;
}
.firearm-detail-item {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
width: 940px;
float: left;
}
.firearm-detail-item + .firearm-detail-item {margin-left: 10px;}
.firearm-detail-image {
background: #fff;
height: 280px;
line-height: 280px;
text-align: center;
}
.firearm-video {
position: relative;
display: block;
text-align: center;
}
.firearm-video:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/cms/images/layout/video-play.png) no-repeat 50% 50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.firearm-video:hover:after,
.firearm-video:focus:after {opacity: 1;}
.firearm-video:hover:after,
.firearm-video:focus:after {opacity: 0.5;}
.firearm-video-list {
overflow-y: auto;
height: 160px;
font-size: 12px;
margin-right: -20px;
}
.firearm-video-list a{text-decoration: none;color: #fff;}
.firearm-video-list a:hover,
.firearm-video-list a:focus {text-decoration: underline;}
.firearm-video-list .clearfix { margin-bottom: 1em;}
/* Main
========================================================================== */
.firearm-detail-info {
position: absolute;
top: -280px;
right: 0;
z-index: 1000;
width: 320px;
height: 280px;
background: #0c527e;
background: rgba(0, 0, 0, 0.65);
-webkit-animation: slideDown 0.75s;
-moz-animation: slideDown 0.75s;
-ms-animation: slideDown 0.75s;
-o-animation: slideDown 0.75s;
animation: slideDown 0.75s;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.firearm-detail-info:hover {top: -270px;}
.firearm-detail-info[data-state="active"] { top: 0px;}
.firearm-detail-tab {
position: absolute;
bottom: -50px;
right: 50px;
z-index: 500;
width: 220px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: #0c527e;
background: rgba(0, 0, 0, 0.65);
cursor: pointer;
}
.firearm-detail-tab:before {
content: '';
position: absolute;
left: -50px;
bottom: 0px;
display: block;
border-width: 0 50px 50px 0;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(0, 0, 0, 0.65);
}
.firearm-detail-tab:after {
content: '';
position: absolute;
right: -50px;
bottom: 0px;
display: block;
border-width: 0 0 50px 50px;
border-style: solid;
border-color: transparent #0c527e;
border-color: transparent rgba(0, 0, 0, 0.65);
}
.firearm-detail-text {
max-height: 189px;
overflow-y: auto;
padding: 20px;
color: #fff;
}
.firearm-detail-text h2 {margin: 0; color: #fff;}
.firearm-detail-text p {font-size: 0.86em;}
.firearm-detail-close {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #666666;
font-size: 1.07em;
text-align: center;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.icons-arrowdown, .icons-arrowup, .icons-arrowleft {
display: inline-block;
margin-left: 5px;
width: 12px;
height: 12px;
}
.icons-arrowleft {margin-left: 0; margin-right: 5px;}
/* Enhanced
========================================================================== */
.detail-points {
position: absolute;
display: block;
width: 34px;
height: 34px;
background: url(/cms/images/layout/bulletpoint.png) no-repeat 0 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.detail-points:hover, .detail-points:focus {
background-position: 0 100%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.firearm-detail-item[data-state="active"] .detail-points {
display: block;
-webkit-animation: slideDown 1s;
-moz-animation: slideDown 1s;
-ms-animation: slideDown 1s;
-o-animation: slideDown 1s;
animation: slideDown 1s;
}
.firearm-points-image {
position: absolute;
top: -300px;
left: 0;
overflow: hidden;
display: block;
width: 940px;
height: 280px;
z-index: 200;
-webkit-transition: top 0.4s ease-out;
-moz-transition: top 0.4s ease-out;
-o-transition: top 0.4s ease-out;
transition: top 0.4s ease-out;
}
.firearm-points-image[data-state="active"] {top: 0;}
.firearm-points-close {
position: absolute;
top: 20px;
left: 20px;
display: block;
padding: 8px 12px;
font-size: 0.93em;
text-decoration: none;
color: #fff;
background: #707070;
background: rgba(0, 0, 0, 0.45);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-transition: background 0.2s ease-out;
-moz-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
}
.firearm-points-close:hover, .firearm-points-close:focus {background: #474747; background: rgba(0, 0, 0, 0.65);}
/* Photos box
========================================================================== */
.firearm-gallery { position: relative;}
.firearm-gallery .next, .firearm-gallery .prev {
position: absolute;
top: 50%;
z-index: 50;
margin-top: -35px;
display: block;
width: 69px;
height: 69px;
background-position: 50% 50%;
background-repeat: no-repeat;
text-indent: -999em;
overflow: hidden;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
opacity: 0.25;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.firearm-gallery .next:hover, .firearm-gallery .next:focus,
.firearm-gallery .prev:hover, .firearm-gallery .prev:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5;}
.firearm-gallery .next {right: 230px; background-image: url(/cms/images/layout/nav-next.png);}
.firearm-gallery .next:hover, .firearm-gallery .next:focus {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
.firearm-gallery .prev {left: 230px; background-image: url(/cms/images/layout/nav-prev.png);}
.firearm-gallery .prev:hover, .firearm-gallery .prev:focus {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
}
.firearm-gallery-scroll {
position: relative;
overflow: hidden;
width: 940px;
height: 280px;
}
.firearm-gallery-scroll ul {
display: block;
margin: 0;
padding: 0;
width: 600em;
overflow: hidden;
}
.firearm-gallery-scroll li {
float: left;
display: block;
margin: 0;
padding: 0;
}
.firearm-gallery-scroll li:first-child {margin-left: 275px;}
.firearm-gallery-scroll li + li {margin-left: 3px; /*border-left: 3px solid white;*/}
.firearm-gallery-scroll a{
display: block;
background: #fff;
min-width: 385px;
text-align: center;
line-height: 280px;
}
.tech-specs {
color: #000000;
text-align: left;
overflow: auto;
}
.tech-specs select{
width: 49%;
padding: 5px;
border: 2px solid #e5e5e5;
}
.tech-specs select:hover,
.tech-specs select:focus,
.tech-specs select:active { border-color: #0c527e;}
.graph20 .tech-specs select{
border:1px solid #ccc;
background: #f2f2f2;
color: #333;
padding: 13px 15px 14px;
border-radius: 0;
width: 100%;
max-width: 375px;
margin-bottom: 25px;
}
.js .tech-specs-option {display: none;}
.js .tech-specs-option.active {
display: block;
width:100%;
overflow-x: hidden;
overflow-y: hidden;
}
.tech-specs table{
margin: 1em 0;
width: 100%;
border-bottom: 2px solid #f2f2f2;
border-collapse: collapse;
border-left: 0;
border-right: 0;
}
.tech-specs th {
padding: 4px 25px 4px 8px;
border-top: 2px solid #f2f2f2;
color: #3f3f3f;
white-space: nowrap;
}
.tech-specs thead th { border-top: 0;}
.tech-specs td {
border-top: 2px solid #f2f2f2;
border-left: 0;
border-right: 0;
padding: 4px 25px;
font-size: 0.86em;
}
/* ==========================================================================
Banners
========================================================================== */
.banners > [class*="grid"] {margin-top: 20px;}
.store-nav {
display: table;
margin-top: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banner-category {
display: table-cell;
padding: 0 0.3em;
text-decoration: none;
color: #808080;
font: 1.29em Arial, sans-serif;
text-align: center;
}
.banner-category > p {display: inline-block; text-align: left;}
.banner-category + .banner-category { border-left: 1px dotted #d1d1d1;}
.banner-category:hover .banner-cat-desc,
.banner-category:focus .banner-cat-desc { text-decoration: underline;}
.banner-category img { display: inline-block; -webkit-backface-visibility: visible;}
.banner-cat-desc {
display: inline-block;
padding-left: 0.2em;
vertical-align: middle;
font-weight: 200;
line-height: 1em;
}
.banner-cat-desc strong {
display: block;
color: #0c527e;
font-weight: bold;
}
.banners {text-align:center;}
.banner {
display:inline-block;
position:relative;
z-index:1;
}
.banner:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.75)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.store.redsgn .upd-hero-slideshow .slide-item.banner > a.slideanchor{position: absolute; height: 100%; width: 100%;}
.store.redsgn .upd-hero-slideshow .slide-item.banner > a.slideanchor:after{background:none;}
.banner > a {
display:block;
position:relative;
z-index:100;
}
.banner > a:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 100%;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.75)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.banner .banner-text {
position:absolute;
bottom:25px;
width:100%;
text-align:center;
color:#fff;
z-index:10;
}
.banner .banner-text p {font-size:1.5em; margin:0 0 10px;}
.hero-slideshow .btn,
.banner .btn {
display:inline-block;
padding: 5px 20px;
border:1px solid #fff;
border-radius:5px;
background:transparent;
font-weight:700 !important;
font-size:.75em;
}
.promo-banners .banner .banner-text {font-size:.8em;}
/*.callout-banners {display:none;}*/
@media (min-width:48.000em) {
.banners {text-align:left;}
.graph20 .banners > [class*="grid"] {margin-top: 50px; }
.banner {display:block;}
.banner .banner-text p {font-size:2em;}
.banner .btn {padding:8px 40px; font-size:1.1em;}
.promo-banners .banner .banner-text p {font-size:1.6em;}
.callout-banners {display:block;}
.callout-banners .block {margin:0;}
.callout-banners .block + .block {margin-top:20px;}
}
@media (min-width:64.000em) {.promo-banners .banner .banner-text {font-size:1em;}}
@media (max-width:64.000em) {.callout-banners img {margin-top:0 !important;}}
@media only screen and (min-width: 11.250em) and (max-width: 47.938em){
.upd-utility {padding:0 5px;}
/*.upd-utility-title {display:none;}*/
.upd-utility .has-divider {border:0px; margin-right:35px;}
.upd-utility .m_1half{display: flex; align-items: center;}
.upd-utility .m_1half .grid-3 {width: 30%;}
.upd-utility .m_1half .grid-9 {width: 70%; padding: 0;}
.upd-utility ul.language > li:first-child{display: none;}
.upd-utility ul.language > li.selectlg{margin: 0 -10px; min-width: 60px;}
.upd-utility .language{/*width: 50%;*/ padding:0;}
.upd-utility .language ul{width: 100%;}
.upd-utility li{/*width: 70%;*/ margin: 0 0 0 20px;}
.upd-utility li.selectlg ul li{width: 100%; margin: 0;}
.upd-utility .member-nav {display:block; position:absolute; top:20px; right:0px; font-size: 0.69em; padding: 0 !important; position: absolute; top: 100%; width: 15em;}
.upd-utility .scart span{font-size: 2em;}
.upd-utility .member-nav li{display: none!important;}
.upd-utility .member-nav li.scart{display: block!important; position: absolute; top:35px; right: 10px; }
.upd-utility .member-nav.active {display:block;}
.upd-utility .member-nav li {display:block; float:none; margin:0px !important; padding:0px !important;}
/* .upd-utility .member-nav li:last-child {display:none;} */
.upd-utility .member-nav li a {text-decoration:none; display:block; padding:2px 4px;}
.upd-utility .language li.lg{display: block;}
.upd-utility .bClubTrigger{display: none;}
.redesign_header .siteSearchWrpr .search input.search-field { border: 2px solid #fe6e21; }
.upd-utility span.free_shipping{color: #fe6e21; text-transform: initial; font-style: italic; text-align: center;padding: 0px;float: none;
margin: 0px 0px; display: block; font-size: 0.75em;}
.redesign_header .logo-image {width: 170px;}
.upd-footer .footer-links{margin:0;}
.upd-footer .footer-links li .trigger {display:block; position:absolute; right:0px; top:0px; font-size:1.7em; line-height:1; width:36px; height:36px; color:#ffffff; z-index:5; cursor:pointer;}
.upd-footer .footer-links li .trigger:after {content:'+'; position:absolute; top:5px; left:11px;}
.upd-footer .footer-links li.active .trigger:after {content:'-'; top:3px; left:14px;}
.upd-footer .footer-links > li {float:none; width:auto; border-bottom:1px solid #2B6080; position:relative;}
.upd-footer .footer-links > li > a {text-transform:uppercase; font-size:1em; font-weight:bold; padding:10px 0px; position:relative;}
.upd-footer .footer-links > li > a:after {}
.upd-footer .footer-links ul {display:none;}
.upd-footer .footer-links li.active ul {display:block;}
.upd-footer .footer-links ul a {display:block; font-size:.875em; color:#ffffff; padding:5px 10px}
body.redsgn .footer{padding: 0;}
.upd-logo .logo-image { width: 250px; margin: 30px auto 20px;}
.graph20 .upd-logo .logo-image { width: auto; margin: 10px auto 2px;}
.upd-footer .footer-legal{padding: 10px 70px;}
}
@media only screen and (min-width: 47.939em) and (max-width: 64em){
.upd-utility .m_1half .grid-3{width: 25%!important;}
.upd-utility .m_1half .grid-9{width: 75%;}
.upd-utility .member-nav li{display: block;}
}
/* Callout box
========================================================================== */
.callout-box {
position: relative;
overflow: hidden;
padding: 5px;
border: 1px solid white;
color: #808080;
text-align: center;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(#e6e6e6, #ffffff);
background: -moz-linear-gradient(#e6e6e6, #ffffff);
background: -o-linear-gradient(#e6e6e6, #ffffff);
background: linear-gradient(#e6e6e6, #ffffff);
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}
.lt-ie9 .callout-box {
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE6E6E6', endColorstr='#FFFFFFFF');
}
.callout-title {
margin: 0.5em 0 0.2em;
color: #0c527e;
font-size: 1.57em;
font-weight: normal;
}
.banner-tracking {text-decoration: none;}
.banner-tracking:hover,
.banner-tracking:focus {text-decoration: none;}
.callout-title a {text-decoration: none;}
.callout-title a:hover, .callout-title a:focus {text-decoration: underline;}
.callout-box p {/*margin: 0 0 0.5em;*/ font-size: 0.86em;}
.callout-box img {height: auto !important; max-width: 100%;}
/* Scroller
========================================================================== */
.scroller {
position: relative;
height: 142px;
padding-top: 18px;
margin-bottom: 20px;
background-color: #fff;
color: #808080;
text-align: center;
font-size: 0.875em;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}
.scroller:after {
content: '';
position: absolute;
bottom: -22px;
left: 0;
width: 100%;
height: 22px;
background: url(/cms/images/layout/scroller-btm.png) no-repeat 50% 0;
}
.no-boxshadow .scroller {outline: 1px solid #a1a1a1;}
.scroller-next,
.scroller-prev {
position: absolute;
top: 20px;
z-index: 200;
display: block;
width: 27px;
height: 120px;
overflow: hidden;
text-indent: -9999em;
outline: none;
background: url(/cms/images/layout/scroller-nav.png) no-repeat;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.scroller-prev {left: 7px; background-position: 0 50%;}
.scroller-prev:hover,
.scroller-prev:focus { left: 2px;}
.scroller-next {right: 7px; background-position: 100% 50%;}
.scroller-next:hover,
.scroller-next:focus { right: 2px;}
.scroller-inner {margin: 0 20px; overflow: hidden;}
.scroller-scroll {
position: relative;
width: 1000em;
overflow: hidden;
}
.no-js .scroller-scroll {left: -270px;}
.scroller .panel:first-child { margin-left: 220px;}
.scroller .panel {
position: relative;
display: block;
float: left;
margin: 0 10px;
padding: 0;
height: 120px;
border: 1px solid white;
text-align: center;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
.scroller .panel.active {height: 140px;}
.scroller .panel:hover,
.scroller .panel:focus {border-color: #0c527e;}
.scroller img { position: relative; z-index: 1;}
.scroller .panel-desc {
position: absolute;
bottom: -100%;
left: 0;
z-index: 5;
width: 100%;
color: #0c527e;
text-align: center;
text-transform: uppercase;
-webkit-transition: padding 0.3s ease-out, bottom 1s ease-out;
-moz-transition: padding 0.3s ease-out, bottom 1s ease-out;
-o-transition: padding 0.3s ease-out, bottom 1s ease-out;
transition: padding 0.3s ease-out, bottom 1s ease-out;
}
.scroller .panel-desc .desc-inner {
position: relative;
display: inline-block;
background: url(/cms/images/layout/scroller-desc-l.png) 0 0 no-repeat;
padding: 2px 5px 2px 55px;
margin-right: 50px;
-webkit-transition: padding 0.3s ease-out, bottom 1s ease-out;
-moz-transition: padding 0.3s ease-out, bottom 1s ease-out;
-o-transition: padding 0.3s ease-out, bottom 1s ease-out;
transition: padding 0.3s ease-out, bottom 1s ease-out;
}
.scroller .panel-desc .desc-inner:before {
content: '';
position: absolute;
top: 0;
right: -51px;
display: block;
width: 51px;
height: 50px;
background: url(/cms/images/layout/scroller-desc-r.png) 100% 0 no-repeat;
}
.scroller .panel-desc .desc-inner:after {
content: '';
display: inline-block;
margin-left: 5px;
height: 14px;
width: 5px;
background: url(/cms/images/layout/scroller-arrow.png) 0 90% no-repeat;
}
.scroller .panel.active .panel-desc {bottom: 0;}
.scroller .panel.active:hover .desc-inner,
.scroller .panel.active:focus .desc-inner { padding-bottom: 8px;}
/* ==========================================================================
News
========================================================================== */
.newsListing .item{ margin: 3em 0 0;}
.newsListing .item:first-child {margin-top: 0;}
.newsFilterMonthWrpr, .newsFilterYearWrpr { display: inline-block;}
.newsFilterCatWrpr {padding-top: 10px;}
/* Alert
========================================================================== */
.alert{margin: 1em 0;text-align: left;}
.alertSign {float: left;margin-right: 15px;}
/* Events
========================================================================== */
/* Gallery
========================================================================== */
/* FAQ
========================================================================== */
.topOfPage {
padding-bottom: 2px;
border-bottom: 1px solid #f2f2f2;
text-align: right;
font-size: 11px;
text-transform: uppercase;
}
.topOfPage a {
display: inline-block;
padding-left: 12px;
text-decoration: none;
background: url(/cms/images/layout/arrow_up_black.gif) 0% 50% no-repeat;
}
.topOfPage a:hover,
.topOfPage a:focus {text-decoration: underline;}
.faq-ask-expand {
position: absolute;
top: 0;
right: 0;
}
.usa-ada .FAQWrpr .faq-ask-expand{display: none!important;}
.faq-ask {
display: none;
position: absolute;
top: 35px;
right: 0;
font-size: 12px;
width: 250px;
text-align: left;
padding: 10px;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.faq-ask.active {
display: block;
opacity: 1;
-webkit-animation: fadeInRight 1s;
-moz-animation: fadeInRight 1s;
-ms-animation: fadeInRight 1s;
-o-animation: fadeInRight 1s;
animation: fadeInRight 1s;
}
/* ==========================================================================
Dealer - Locations
========================================================================== */
.googleMap > [id^="g_map"] {width: 100% !important;}
.dealer-locator {margin-bottom: 1em;}
.location-overlay { display: none;}
/* ==========================================================================
Email a friend
========================================================================== */
.page-friend{min-width: inherit;}
.eaf_wrpr {
overflow: hidden;
max-width: 700px;
margin: 0 auto;
}
.content-slide-wrpr {position: relative;}
.content-slide {
overflow: hidden;
position: relative;
display: block;
margin: 0;
padding: 0;
width: 940px;
height: 262px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
}
.content-slide li {
display: none;
margin: 0;
padding: 0;
}
.content-slide a {
display: block;
position: relative;
text-decoration: none;
}
.content-slide a:before {
content: '';
display: block;
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.25);
}
.content-slide .desc {
position: absolute;
top: 1em;
left: 1em;
z-index: 105;
width: 65%;
font-size: 2em;
color: #fff;
}
.content-slide li:first-child { display: block;}
.content-slide-nav {
position: absolute;
z-index: 50;
bottom: 1em;
left: 1em;
display: block;
margin: 0;
padding: 0;
}
.content-slide-nav li {
display: inline-block;
margin: 0 5px;
padding: 0;
}
.content-slide-nav a {display: block;text-decoration: none;}
.content-slide-nav .title {
text-align: center;
margin: 0 0 0.2em;
color: #fff;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
text-shadow: 1px 1px hsla(0, 0%, 0%, 0.75);
}
/* MSRP tab on firearm detail page
========================================================================== */
.msrp table { width: 100%; line-height: 1.2em;}
.msrp table tr {
background-color: #FFFFFF;
border-bottom: 2px solid #f2f2f2;
color: #000000;
}
.msrp table thead th {
background-color: #f3f3f3;
border-right: 2px solid #FFFFFF;
color: #3f3f3f;
height: 25px;
padding: 2px;
text-align: center;
}
.msrp tbody td {padding: 5px; text-align: center;}
/* Accessories tab on firearm detail page
========================================================================== */
ul.accessories{
display: block;
margin: 0;
overflow: hidden;
padding: 0;
width: 600em;
}
ul.accessories li{
background: url('/cms/images/whitebackground_size.jpg');
display: inline-block;
float: left;
list-style-type: none;
margin-right: 4px;
width: 220px;
height: 280px;
}
ul.accessories a{ display: block; text-align: center;}
ul.accessories a .text{ text-align: center;}
ul.accessories img{ padding-top: 4px; vertical-align: top;}
ul.accessories .text{
display: inline-block;
width: 190px;
line-height: 1.25em;
}
ul.accessories .price{
display: block;
font-weight: bolder;
padding-top: 4px;
text-align: center;
}
.accessories-gallery .prev{ background-image: url(/cms/images/layout/nav-prev.png); left: 230px;}
.accessories-gallery .next{ background-image: url(/cms/images/layout/nav-next.png); right: 230px;}
.accessories-gallery .next, .accessories-gallery .prev{
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
height: 69px;
margin-top: -35px;
-moz-transition: all 0.2s ease-out;
opacity: 0.25;
-o-transition: all 0.2s ease-out;
outline: none;
overflow: hidden;
position: absolute;
text-indent: -999em;
top: 50%;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
width: 69px;
z-index: 50;
}
.accessories-gallery-scroll{
height: 280px;
overflow: hidden;
position: relative;
width: 940px;
}
.mod-has-margin.noentriesfound{ padding: 2px;}
ul.accessories li.viewall img{
width:220px;
height:280px;
padding:0;
}
.dealerdistance {font-weight: bolder;color: #333333;}
/* Store Left Navigation */
.storeLnav ul ul { padding:0 12px 10px 12px;}
.storeLnav .mod-content {margin:0;}
.storeLnav .mod-content a:before {display:none;}
.storeLnav ul > li > a {
padding-right:40px;
color:#15435f;
outline:none;
}
.storeLnav ul li li {border-bottom:1px dotted #999999;}
.storeLnav ul li li:last-child {border:0px;}
.storeLnav ul li li a {
padding:5px 25px 5px 5px;
font-weight:normal;
color:#15435f;
}
.storeLnav ul > li li a:hover,
.storeLnav ul > li li a:focus,
.storeLnav ul > li li a.on {text-decoration:underline; color:#666;}
.storeLnav ul > li a:hover:before,
.storeLnav ul > li a.active.on:before {display:none;}
.storeLnav ul ul li a { font-size: 0.84em;}
.storeLnav span.exp {
position: absolute;
right: 8px;
top: 0.35em;
z-index:1000;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.storeLnav span.exp:before {
content: "\f107";
display: inline-block;
font-size: 1.5em;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #FF732E;
}
.graph20 .storeLnav span.exp:before{ color: #fff;}
.graph20 .storeLnav ul > li:hover span.exp:before {color: #F34F03;}
.usa-ada .storeLnav span.exp:before{color: #962D03;}
.graph20 .storeLnav span.exp.active:before{ transform: rotate(180deg);}
@media only screen and (min-width: 47.939em) and (max-width:63.99em){
.container2 .redesign_header .grid-3{width: 60%;}
.container2 .redesign_header .grid-9{width: 40%;}
.container2 .redesign_header a.logo-image{float: right;}
.redesign_header .siteSearchWrpr .search input.search-field{width: 60%;}
.redesign_header .siteSearchWrpr .search .search-btn-wrapper{width: 13.5%;}
.upd-utility .header_right .member-nav.ajaxheader{display: block;}
/* .container2 .m_1half > [class*="grid-"] { width:50%; } */
.upd-utility ul.language > li:first-child { display: none;}
}
@media (max-width:47.999em) {
.storeLnav span.exp.active:before {
margin-bottom: 6px;
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
}
.storeLnav li.on > ul {display:block;}
/* Search Bar */
.header + #main-content {margin-top:0px; outline:0;}
.header + div.slideshow #main-content { margin-top:0;}
.siteSearchWrpr { padding: 0; background-color:#cccccc;}
.siteSearchWrpr .search {width:100%; margin:20px 0;}
.siteSearchWrpr .search input.search-field {
display:block;
height:30px;
color:#666666;
background:#fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width:100%;
padding:0 55px 0 10px;
}
.siteSearchWrpr .search input.search-field:focus { border:0;}
.siteSearchWrpr .search .search-btn-wrapper {
position:absolute;
top:0;
right:0;
width:50px;
height:100%;
text-align:center;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
font-size:1em;
color:#fff;
background: #ff732e;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzMyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzU1MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ff732e 0%, #f35529 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff732e), color-stop(100%,#f35529));
background: -webkit-linear-gradient(top, #ff732e 0%,#f35529 100%);
background: -o-linear-gradient(top, #ff732e 0%,#f35529 100%);
background: -ms-linear-gradient(top, #ff732e 0%,#f35529 100%);
background: linear-gradient(to bottom, #ff732e 0%,#f35529 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff732e', endColorstr='#f35529',GradientType=0 );
}
.siteSearchWrpr .search .search-btn-wrapper:before {
position:relative;
top:50%;
display:block;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.siteSearchWrpr .search .search-btn {
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
background:none;
}
@media (min-width:65.000em) {
.siteSearchWrpr .search input.search-field {height:50px; padding:0 9% 0 1%;}
.siteSearchWrpr .search .search-btn-wrapper {width:8.5%; font-size:2em;}
}
#suggestDiv { z-index:99999 !important;}
#querydiv {
margin:-2px 0 0 77px;
-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
}
.portlet-content-overlay .siteSearchWrpr {display:none;}
.TopSellingItemsWrapper {margin-top:20px;}
#TopSellingItemsWrapper {background:#fff; display:block; position:relative;}
#TopSellingItemsWrapper .grid-list {display:block; position:relative;}
#TopSellingItemsWrapper .itemDesc,
#TopSellingItemsWrapper .product-price,
#TopSellingItemsWrapper div.rateit,
#TopSellingItemsWrapper .product-rating,
#TopSellingItemsWrapper .promotion {display:;}
#TopSellingItemsWrapper .grid-item {padding-bottom:5px; position:relative;}
#TopSellingItemsWrapper .grid-title {margin:0 auto;}
#TopSellingItemsWrapper .tooltip {
display:none;
background:#efefef;
border:0px solid #DBDBDB;
text-align:left;
padding:20px 15px 15px;
position:absolute;
top:8px !important;
left:0;
margin-left:-25px !important;
display: none;
width: 225px;
height: auto;
z-index:99999;
-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.5);
}
#TopSellingItemsWrapper h2.TypeTitle {margin:0px; display:block; padding:10px;}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip {margin-left:-535px !important;}
#TopSellingItemsWrapper .grid-title-overlay {margin-bottom:12px;}
#TopSellingItemsWrapper .grid-title-overlay a {text-decoration:none; font-weight:bold;}
div.tooltip {}
div.tooltip:before, div.tooltip:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent; /* arrow size */
}
div.tooltip:before {
border-right-color: rgba(50, 50, 50, 0.5); /* arrow color */
position: absolute;
top: 24%;
left: -21px;
z-index: 1;
}
div.tooltip:after {
border-right-color: #efefef; /* arrow color */
/* positioning */
position: absolute;
top: 24%;
left: -20px;
z-index: 2;
}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip:before {
border-right-color:transparent;
border-left-color: rgba(50, 50, 50, 0.5); /* arrow color */
position: absolute;
top: 24%;
left:256px;
z-index: 1;
}
#TopSellingItemsWrapper .grid-list li:last-child .tooltip:after {
border-right-color:transparent;
border-left-color: #efefef; /* arrow color */
/* positioning */
position: absolute;
top: 24%;
left:255px;
z-index: 2;
}
/* ==========================================================================
Third Party Styles
========================================================================== */
/* Slick Sliders CSS */
.slick-slider{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.graph20 .slick-slide{ display: block;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
border:0;
background-color:transparent;
color:#fff;
}
.banners.callout-banners {
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.banners-home-all {
display: table;
width: 100%;
padding-top: 0px;
padding-bottom: 10px;
border-collapse: separate;
border-spacing: 10px;
}
.banners.callout-banners .grid-4 {
float: none !important;
display: table-cell !important;
vertical-align: middle;
}
.banners.callout-banners .grid-4:first-child {
background: #fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #808080 0%, #999999 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#999999));
background: -webkit-linear-gradient(top, #808080 0%,#999999 100%);
background: -o-linear-gradient(top, #808080 0%,#999999 100%);
background: -ms-linear-gradient(top, #808080 0%,#999999 100%);
background: linear-gradient(to bottom, #808080 0%,#999999 100%);
}
.banners.callout-banners .grid-4:first-child .mod-dark { background: transparent !important;}
.banners.callout-banners .grid-4 + .grid-4 {background: #fff;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 {
background: #fff;
vertical-align: top;
overflow: hidden;
}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt { margin-top: 0px !important;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt.mod-mini:first-child { border-top: 0px solid #15435f;}
.banners.callout-banners .grid-4 + .grid-4 + .grid-4 .mod-alt.mod-mini {border-top: 1px solid #15435f;}
.fluid-width-video-wrapper { margin-bottom: 30px;}
.issuuembed { width: 100%;}
.object-height { width: 100% !important;}
.display-block { display: block; text-align: center;}
.tactical-row { text-align: center;}
.tactical-row img { padding: 12px 15px;}
.center-row { text-align: center;}
.center-row img { padding: 12px 15px;}
ul.custom-ul {
display: table;
list-style: none;
width: 100%;
margin: 0px;
padding: 0px;
line-height: 20px;
}
ul.custom-ul li {
display: table-cell;
text-align: center;
padding: 10px;
}
.tableWrapper { margin: 10px auto; overflow: auto; }
.graph20 .siteOverlay .tableWrapper{
background: #fff;
padding-left: 10px;
/* position: absolute;
left: 0;
top: 16px; */
}
table.tableizer-table { width: 100%;}
.graph20 .siteOverlay table.tableizer-table{ width: max-content;}
.holder-all { position: relative;}
#_svgHolder { width: 100%; height: 100%;}
.filter-actions { padding-top: 4px;}
@media (min-width:60.06em) {
.holder-all svg {
position: absolute;
width: 100%;
height: 28px;
top: 3.4%;
left: 24.7%;
}
.holder-all svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 5.9%;
left: 55%;
}
.holder-all svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 36.9%;
left: 38.8%;
}
.holder-all svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 31.9%;
left: 55.8%;
}
.holder-all svg+svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 49.9%;
left: 16.8%;
}
.holder-all svg+svg+svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 78.9%;
left: 28.8%;
}
}
@media (max-width:60em) {
.holder-all svg {
position: absolute;
width: 100%;
height: 28px;
top: 3%;
left: 30.7%;
}
.holder-all svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 6%;
left: 60%;
}
.holder-all svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 36.9%;
left: 47.8%;
}
.holder-all svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 31.9%;
left: 71%;
}
.holder-all svg+svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 49.9%;
left: 22.8%;
}
.holder-all svg+svg+svg+svg+svg+svg {
position: absolute;
width: 100%;
height: 28px;
top: 78.9%;
left: 28.8%;
}
}
@media (max-width:47.94em) {
.banners.callout-banners .grid-4 {
float: none !important;
display: table !important;
vertical-align: middle;
margin-bottom: 15px;
}
}
@media (max-width:42.44em) {
.tactical-row img { padding: 7px 7px; }
.center-row img { padding: 7px 7px; }
.selectDrop { width: 100%; }
.filter-actions input { margin-bottom: 4px; }
.col-1-3 { float: none !important; display: table !important; }
.faq-ask-expand.btn { position: relative !important; display: block !important; }
.dept-title { font-size: 2.2em; }
}
@media (max-width:47.94em) {
#_GUARANTEE_SealSpan {display:none !important;}
.issuuembed { height: 300px; }
.object-height { height: 300px !important;}
}
@media (min-width:61.25em) {
.issuuembed { height: 700px;}
.object-height {height: 450px !important; }
}
@media (min-width:48em) and (max-width:61.19em) {
.issuuembed { height: 500px; }
.object-height { height: 450px !important; }
}
/* #317868 nav borders */
@media screen and (min-width:1040px) {
.nav-main a {
-webkit-transition: border-bottom 0.3s ease-in-out;
transition: border-bottom 0.3s ease-in-out;
}
.upd-nav .sub-menu .constrain > ul > li{border-right: 1px solid #ccc;}
.upd-nav .sub-menu .constrain > ul > li > a{color: #666666; font-size: 0.7em; font-weight: 600;}
.upd-nav .nav-main a:hover,
.upd-nav .nav-main li.main-li.clicked a{background: none;}
.upd-nav .sub-menu .constrain > ul > ul > {border-right: 1px solid #ccc}
.upd-nav .sub-menu a{padding: 7px 0; color: #0c527e;}
.nav-main a:hover,
.nav-main li.main-li.clicked a {background: transparent url(/cms/responsive/images/dots.png) 100% 50% no-repeat ; }
.graph20 .nav-main a{padding: 15px 0;}
.graph20 .nav-main a:hover,
.graph20 .nav-main li.main-li.clicked a {background:none ;}
.nav-main li.main-li.lastnavitemli > a:hover,
.nav-main li.main-li.lastnavitemli.clicked a {background:none !important;}
}
/* Testing ticket #168681: button text overflow */
@media (max-width:61.19em) {
.mod .btn {margin-bottom:5px;white-space:normal;}
}
/* #316573 Hawksearch Recommendations - Responsive */
.hawk-recommendation-horizontal .hawk-recommendation-inner .slick-slider {width:100% !important; float:none;}
.hawk-recommendation-horizontal .hawk-listingRating { text-align:center;}
.hawk-recommendation-horizontal .hawk-listingRating .hawk-ratingDecimal {margin-top:10px;}
div.rateit div.rateit-range {margin-top:10px;}
.graph20 div.rateit div.rateit-range {height:14px!important; margin-top: 0;}
.hawk-recommendation-horizontal .itemList .hawk-itemWrapper {border:none ;padding:0px 10px; margin:0;}
.hawk-recommendation-horizontal .itemList .slick-active:first-child { border-left:none;}
.hawk-recommendation-horizontal .itemList .slick-active {border-left:solid 1px #ccc; }
.graph20 .hawk-recommendation-horizontal .itemList .slick-active{border-left: none; background: #fff;}
.graph20 .item-details .hawk-recommendation-horizontal .itemList .slick-active {border-left:none; background: #f2f2f2;}
.graph20 .hawk-recommendation-item .grid-title { text-align: left; color: #333; font-weight: 700;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title,
.hawkRailHeader {font-size:1.6em; font-weight:300;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title,
.graph20 .hawkRailHeader {
font-size:1.5em;
letter-spacing: -0.35px;
font-weight:900;
color:#333;
}
.hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title { text-align:center;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title{padding: 0; border-top: 2px solid #f2f2f2; text-align: left; line-height: 14px;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{ color: #333; font-size: 16px;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{letter-spacing: 0; line-height: 16px;}
.hawk-recommendation-horizontal .hawk-recommendation-inner .product-price { min-height:25px; display:block; text-align:center; font-size:0.9em;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .product-price {font-size:0.875em; text-align: left; line-height: 32px;}
.hawk-recommendation-horizontalitemWrapper a.itemLink, .itemWrapper a.itemLink:link {text-align:center;}
.hawk-recommendation-horizontal .slick-slider .slick-track {min-width:5000px;}
.hawk-recommendation-horizontal .slick-slide img {display:inline-block;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item {display:block;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image {width:25%; padding-left:0;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image img {}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title {float:left; width:70%; text-align:left; color:#0c527e;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title a {display:block;font-size:11px; line-height:120%;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price a {display:block;font-size:11px; color:gray;}
.hawk-recommendation-vertical .grid-vertical .grid-item {text-align:center;}
.hawk-recommendation-vertical .slick-vertical .slick-slide {margin:0px; padding:5px; min-height:10px !important;}
.hawk-recommendation-vertical .grid-vertical .product-price {margin-left:5px; float:left;}
.hawk-recommendation-vertical .hawk-recommendation-item {width:100%;}
.hawk-recommendation-vertical .grid-list.grid-vertical, .grid-list.grid-content { background:#fff;}
.hawk-recommendation-vertical .grid-vertical .grid-image {float: left;padding:0 3px;width: 27%;}
.hawk-recommendation-vertical .grid-vertical .grid-title {width:60%; float: left; display: block; text-align:left; padding-left:5px;}
.hawk-recommendation-vertical .slick-slider .slick-track {min-width:5000px;}
@media all and (min-width: 48em){
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .grid-title a{font-size: 16px; }
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .mod-alt3 > .mod-title .title,
.graph20 .hawkRailHeader{font-size: 2.25em!important; letter-spacing: 0; line-height: 50px;}
.graph20 .hawk-recommendation-horizontal .hawk-recommendation-inner .product-price {font-size:14px;}
}
@media screen and (max-width:768px) {
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image img {max-width:122px; max-height:140px; float:none; margin:0px auto;}
.hawk-recommendation-vertical .grid-vertical .grid-image { float:none;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-image {width:auto;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title {float:none; width:auto; text-align:center;}
.hawk-recommendation-vertical .grid-vertical .product-price {float:none; width:auto; text-align:center; font-size:16px;}
.hawk-recommendation-vertical .slick-slider .slick-slide {border-left:1px solid #ccc; }
.hawk-recommendation-vertical .slick-slider .slick-slide:first-child {border-left:none;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price {margin-bottom:10px;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .product-price a {font-size:16px;}
.hawk-recommendation-vertical .slick-slider .slick-slide .grid-item .grid-title a {font-size:16px;}
}
@media (max-width:1024px) {
.sortList {text-align: center;}
}
.hawk-recommendation-inner {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e6e6e6 0px, #fff 70px) repeat scroll 0 0 padding-box;
border: 1px solid #fff;
border-radius: 3.01px;
box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
color: gray;
padding: 0;
position: relative;}
.graph20 .hawk-recommendation-inner{
background: none;
border: none;
border-radius: 0;
box-shadow: none;
color: #333;
}
.hawk-recommendation-inner > .mod-title,
.hawkRailHeader {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #245877 0%,#15435f 100%) repeat scroll 0 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
min-height: 8px;
text-align: left;
}
.hawk-recommendation-inner > .mod-title .title,
.hawkRailHeader {
color: #fff;
font-size: 1.5em;
font-weight: 300;
margin: 0;
padding: 0.2em 0.8em;
}
.graph20 .hawk-recommendation-inner > .mod-title .title,
.graph20 .hawkRailHeader {
color:#333;
background: #e6e6e6;
font-size: 1em;
font-weight: 700;
}
.aside .mod-content {padding:0;}
.slick-vertical .hawk-carousel-prev,
.slick-vertical .hawk-carousel-next {display:none !important;}
/* ARROWS */
.hawk-recommendation .slick-slider button {
color: #cccccc;
position:absolute;
top: 30%;
font-size: 4em;
z-index:9;
}
.hawk-recommendation .slick-slider button.slick-prev { left: 0;}
.hawk-recommendation .slick-slider button.slick-next { right: 0;}
/* END #316573 */
/* Ticket #348378 */
.siteSearchWrpr .search {margin: 1px auto 20px; max-width: 1035px; box-sizing:border-box;}
.graph20 .siteSearchWrpr .search {margin: 12px auto; width: 95%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.siteSearchWrpr .search {max-width: 998px;}}
@media screen and (min-width:1040px) {
.siteSearchWrpr .search input.search-field {margin-left: -5px;}
.graph20 .siteSearchWrpr .search input.search-field {margin-left: 0;}
}
@media screen and (max-width:1040px) {
.header .columns {padding: 30px 0 10px;}
}
.siteSearchWrpr {background-color: transparent;}
@media screen and (min-width:60em) {
.nav-main > ul {margin-top:-5px;padding-bottom:15px;}
.upd-nav .nav-main > ul{margin-top: 0;}
.upd-nav .nav-main li.main-li:hover{background-color: #e3e3e3;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #e3e3e3));
background-image: -webkit-linear-gradient(#cccccc 0%, #e3e3e3 100%);
background-image: -moz-linear-gradient(#cccccc 0%, #e3e3e3 100%);
background-image: -o-linear-gradient(#cccccc 0%, #e3e3e3 100%);
background-image: linear-gradient(#cccccc 0%, #e3e3e3 100%);
-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
-moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);}
}
@media all and (min-width: 65em){
.graph20 .nav-main > ul {padding: 0; display: flex; justify-content: space-between; flex-wrap: nowrap;}
}
/* Global Button */
.o_button{min-width:115px; text-transform: uppercase; text-decoration: none; padding:10px; color: #000000; font-size: 0.675em; background:#f16d1d; margin: 0 10px 0 0; transition: all ease 0.2s; width: 95px; text-align: center; display: inline-block;}
.o_button:active,
.o_button:hover{color: #ffffff; transition: all ease 0.2s; box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 2px 0px #848484;}
/* Styling the main content */
.r_banner0, .r_banner1, .r_banner2, .r_banner3, .r_banner4{margin: 10px 0;}
/*.b_square{position: relative;}*/
.b_content{padding:15px 30px; text-align: left; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 1.5em; background:rgba(255,255,255,.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.b_content:after {}
.b_register{text-align: center; margin: 20px 0;}
.b_register_content{position: relative;}
.b_square{text-align: center; margin: 10px 0; position: relative; padding: 0;}
.b_rect{text-align: center; margin: 10px 0; position: relative; padding: 0;}
.b_content h3{margin: 5px 0; color: #111;}
.b_square img, .b_rect img{width: 100%; min-height: auto;}
.b_register h3{color:#000;}
.b_register_content h3:before{}
.b_register_content a,
.b_content a{min-width:114px; text-transform: uppercase; text-decoration: none; padding:10px; color: #000000; font-size: 0.675em; background:#f16d1d; margin: 0 10px 0 0; transition: all ease 0.2s; text-align: center; display: inline-block;}
.b_content a:active,
.b_content a:hover{color: #ffffff; transition: all ease 0.2s; box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 2px 0px #848484;}
.b_content p,
.b_register_content p{font-size: 0.875em; color:#111;}
.b_square .b_content, .b_rect .b_content{bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
.b_register h3{ display: inline-block; position: relative; line-height: 0.3em; }
.b_register h3:before, .b_register h3:after{
content: "";
position: absolute;
height: 3px;
border-bottom: 1px solid black;
border-top: 1px solid black;
width: 50%;
}
.b_register h3:before { right: 100%;margin-right: 15px;}
.b_register h3:after { left: 100%;margin-left: 15px;}
/* Signup Code*/
.signup{text-align: center; font-family: Open Sans, sans-serif; background:#ffffff; padding:15px; box-shadow:0 0 5px 0px #ddd; margin:20px 0 30px;}
.signup h3{font-size: 1.75em; text-transform: uppercase;color: #000; margin: 10px 0;}
.signup span{font-size: 1.250em; font-weight: bold;}
.signup_form, .signup_head{margin: 5px 0;}
.signup_form input{color:#ccc; display: block;text-align: center;margin: 0 auto; padding: 15px 0; margin:10px 0; width: 100%; border-radius: 5px; border:none;box-shadow: none;}
.signup_form a{font-size: 1em; border-radius: 1px; margin: 10px 0; font-weight: bold;}
@media only screen and (min-width:48em){
.b_content{font-size: 1em;}
.b_square, .b_rect{/*margin-left:10px; margin-right:10px;*/}
.b_square .b_content{bottom: 0px; left: 0px;text-align: left; margin: 0;}
.b_rect .b_content{bottom: 0px; left: 0px;text-align: left;margin: 0;}
.b_rect img, .b_square img{min-height: 0;}
.b_register h3:before,
.b_register h3:after{width: 360px;}
.signup_form, .signup_head{margin:0; }
.signup{}
.signup h3{font-size: 1em; text-transform: uppercase;color: #000; margin: 0;}
.signup span{font-size: 0.97em; font-weight: 600;}
.signup_form a{float: right; margin: 10px 0; padding: 5px;}
.signup_head{float: left;text-align: left;margin: 5px 0 0 0;}
.signup_form input{display:inline; padding: 5px 0; margin: 10px 0 0 0; width: 50%; border-radius: 5px; border:none;box-shadow: none;}
}
/* Usa-ada focus overlay */
.usa-ada .skipdiv { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; left: 0; }
.usa-ada .skipdiv:focus, .usa-ada .skipdiv:active { clip: auto; color:#fff; height: auto; margin: 0; overflow: visible; padding:10px; text-align:center; background:#1f3b62; width:100%; border: 1px dashed #fff; z-index:1001;}
/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */
#focus-overlay {
display: none;
position: relative;
border-radius: 2px;
box-shadow: 0 0 3px 2px #78aeda;
transition: all 0.2s cubic-bezier(0, 1, 0, 1);
}
#focus-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
box-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
transition: all 0.1s ease-out;
}
#focus-overlay.focus-overlay-active { display: block; z-index: 999999!important;}
#focus-overlay.focus-overlay-animating::after { opacity: 1;}
.focus-overlay-target { outline: none;}
/* #472992 - refresh/migration */
.graph20 #exposeMask{opacity: .5!important;}
.graph20 .quick-links{width: 320px; margin: 0 auto; padding: 0;}
.graph20 .quick-link{list-style:none;color:#fff;text-align:center;margin:0 10px 0 0; display: inline-block;}
.graph20 .desktop{display: none!important;}
@media all and (min-width: 65em){
.graph20 .desktop{ display: block!important;}
.graph20 .mobile{ display: none!important;}
.graph20 .quick-links{ width: 100%;}
}
/* Input text boxx Styles ========================================================= */
.graph20 .label-and-input label{ text-transform: uppercase; font-size: 0.75em;}
.graph20 .label-and-input input{ height: 30px; }
.graph20 .label-and-input select{ height: 33px;}
@media all and (min-width: 48em){
.graph20 .label-and-input input{ width: 300px;}
.graph20 .btn--orangeLg{ padding: 8px 9px; width: auto;}
}
/* ==================================================================== */
.graph20 .hashtags{ color: #f34f03; margin: 0 0 10px;}
/* Grid Adjustments */
.graph20 .sm6,.graph20 .sm12, .graph20 .lg2,
.graph20 .lg3, .graph20 .lg4, .graph20 .lg6{
position:relative;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* Small Screens */
.graph20 .sm6{ width: 50%;}
.graph20 .sm12{ width: 100%;}
@media all and (min-width:30em) and (max-width: 64em){
.graph20 .md-12{width:100%!important;}
}
@media all and (min-width: 64em){
.graph20 .lg2{ width:16.666%;}
.graph20 .lg3{ width:25%;}
.graph20 .lg4{ width:33.333%;}
.graph20 .lg6{ width:50%; height:100%;}
.graph20 .md-12{width:50%;}
}
/* Passion Banners */
.graph20 .passion-banners .block img{ margin: 0 0 0 -15px;}
/* Homepage */
.graph20 .home .feature-banners{position: relative;}
.graph20 .home h1{font-size: 1.75em;}
.graph20 .home .featured-banners-img{margin:0 -25px; position: relative;}
.graph20 .activity-cards-banner-title{ text-align: center;}
.graph20 .home .text-left-banners{position: relative; margin-bottom: 150px;}
.graph20 .home .text-left-img {margin: 0 -25px; position: relative;}
/* Activity Page */
.graph20 .activity .main-banner {position: relative;}
.graph20 .activity .main-banner-img {margin: 10px -25px 0; position: relative;}
.graph20 .activity .main-banner-text h1 {font-size: 2.125em; font-weight: 900;}
.graph20 .activity .main-banner-text { padding: 0 10px;}
.graph20 .activity .featured-banners{position: relative;}
.graph20 .activity .featured-banners-img{margin:0 -25px;}
.graph20 .activity .featured-banners-img .background-img{ background-position: center!important; background-repeat: no-repeat!important; position: relative; background-size: 100% 100%;}
.graph20 .activity .featured-banners-img .background-img:after{
content: '';
position: absolute;
height: 100%;
width: 100%;
background: #333;
opacity: .6;
z-index: 1;
top: 0;
left: 0;
}
.graph20 .activity .promo-banners{position: relative;}
.graph20 .activity .promo-banners-img{margin: 0 -25px; position: relative;}
/* .activity .shop-banners{ padding: 50px 0;} */
.graph20 .banner-item{ text-align: left;}
.graph20 .item-name{margin: 0; font-weight:900; font-size: 1em; color: #333;}
.graph20 .item-price{margin: 0 0 1em; font-weight: 400; font-size: 0.875em; color:#333;}
.graph20 .divider{height:25px;border-bottom:2px solid #f2f2f2;display:flex;align-items:flex-end;font-size:0.875em; font-weight: 400;}
.graph20 .new-item{position:absolute; top: 10px; left: 20px; font-weight: 700; background:#F34F03;padding: 4px 4px 4px 5px;color:#fff; font-size: 0.625em;}
.graph20 .limited-item{position:absolute; top: 10px; left: 20px; font-weight: 700; background:#15435F;padding:4px 6px 4px 7px;color:#fff; font-size: 0.625em;}
.graph20 .centered-btn { display: flex; width: 100%; justify-content: center;}
.graph20 .middle-banner .centered{padding: 45px 0 0; text-align:center;}
.graph20 .middle-banner .centered h2{font-size: 1.75em;}
.graph20 .activity-nav{background: #15435F; border-left: 10px solid #fff; border-right: 10px solid #fff; }
.graph20 .activity-nav button{background: #15435F; color: #fff; border: none; width: 100%; font-size: 1em; font-weight: 900; text-align: left; padding: 10px; position: relative;}
.graph20 .activity-nav button:after{
content:'';
height: 10px;
width: 10px;
position: absolute;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(135deg);
right: 10px;
}
.graph20 .activity-nav li { list-style: none; margin: 5px 0; padding: 10px 0 9px;}
.graph20 .activity-nav a {
color: white;
font-size: 0.875em;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
padding: 5px 0;
}
.graph20 .activity-nav a:hover, .graph20 .activity-nav a:focus, .graph20 .activity-nav a:visited {background: #f34f03;}
.graph20 .activity .promo-banners-img .background-image{background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.graph20 #lnkSizingChart { font-weight: 600; color: #15425f;}
.graph20 #lnkSizingChart:hover,
.graph20 #lnkSizingChart:focus {text-decoration: underline; cursor: pointer;}
@media all and (min-width: 48em){
.graph20 .middle-banner .centered p {margin: 0 auto; max-width: 960px;}
.graph20 .middle-banner .centered h2{font-size: 2.25em;}
.graph20 .blog-banner-text .btn{padding: 13px 60px;}
.graph20 .shop-banners {padding: 60px 0 30px;}
.graph20 .activity .main-banner-img {margin: -32px -41px 0 -20px;}
.graph20 .activity .main-banner-text h1 {font-size: 3em; line-height: 1;}
.graph20 .activity .featured-banners-img{margin: 0 -10px 0 -27px;}
.graph20 .activity .promo-banners{margin-top: 80px;}
.graph20 .activity .promo-banners-img{margin: 0 -10px 0 -27px;}
.graph20 .activity .promo-banners-img .background-image{min-height: 420px; width: 100%;}
.graph20 .activity .featured-banners-img .background-img{height: 100%; min-height: 370px;}
.graph20 .activity .featured-banners-img .background-img:after{opacity: 0;}
.graph20 .floating-text.mobile{display: none;}
.graph20 .homepage-hero .banner-random div{ padding: 586px 0 35px;background-size: 100% 100%!important; }
.graph20 .home .featured-banners-text p{padding-right: 90px;}
.graph20 .home .featured-banners-img{margin: 0 -41px;}
.graph20 .activity-cards-banner-title{ text-align: left;}
.graph20 .home .text-left-img{margin: 0 -41px;}
.graph20 .item-name{margin: 1em 0 0; font-weight:900; font-size: 1.5em;}
.graph20 .item-price{font-size: 1.125em;}
.graph20 .activity-nav{border: none;}
.graph20 .activity-nav button{display: none;}
.graph20 .activity-nav ul {
padding: 0 10px;
display: flex;
justify-content: space-between;
margin-top: 0;
}
.graph20 .activity-nav li { padding: 14px 0 13px;}
.graph20 .activity-nav a{
font-size: 0.625em;
font-weight: 700;
padding: 20.5px 7px 19.5px;
}
}
@media all and (min-width: 64em){
.graph20 .activity-nav a{ font-size: 1em;}
.graph20 .activity .main-banner-text h1 {font-size: 4.5em;}
.graph20 .activity h2{font-size:3em;}
.graph20 .middle-banner .centered h2{font-size: 3em;}
.graph20 .activity .main-banner-text{padding: 0 60px 0 97px;}
.graph20 .activity .banner__text.blog{padding: 0 60px 0 110px;}
.graph20 .activity .middle-banner {padding: 10px 50px;}
.graph20 .middle-banner .centered {padding: 115px 0 0;}
.graph20 .home .text-left-text {padding: 60px 60px 95px 0px;}
.graph20 .home .featured-banners-text{padding: 40px 0px 95px 60px;}
.graph20 .home h1{font-size: 3em;}
.graph20 .home .text-left-banners{margin-bottom: 0px;}
}
@media all and (min-width: 85em){
.graph20 .home .text-left-text{ padding-left: 55px;}
}
/* Floating Text/Image/button ====================== */
.graph20 .home .floating-img-right{ position: absolute;bottom: -154px; left: 0; }
.graph20 .main-banner .floating-img-right{ position: absolute; bottom: -65px;}
.graph20 .floating-img-left{
position: absolute;
right: 0px;
bottom:-63px;
}
.graph20 .floating-img-left img{width: 45%!important;}
.graph20 .floating-img-apx{display: none;}
.graph20 .floating-text.mobile{padding: 130px 20px; position: relative; z-index: 5; color: #fff;}
.graph20 .floating-text.mobile h2{text-align: center; color:#fff;}
.graph20 .floating-text.mobile p{font-size: 1em;}
/* .floating-text h2{ color:#fff;} */
.graph20 .activity-card__text h4 { margin-bottom: 0; color: #333; text-align: center;}
.graph20 .activity-cards .slick-dots {bottom: -30px; width: 100%; z-index: 75;}
.graph20 .activity-cards .slick-dots li {width: 16%; margin: 0;}
.graph20 .activity-cards .slick-dots li button {width: 100%;}
.graph20 .floating-btn{
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}
.graph20 .header-left {
text-align: center;
color: #fff;
position: absolute;
z-index: 50;
top: 4px;
left: 50%;
transform: translateX(-50%);
width: 100%;
font-family: 'Lato', sans-serif;
font-size: 0.75em;
}
.graph20 .btn-alt2-small{
display: inline-block;
padding: 0 12px ;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 0.625em;
line-height: 20px;
text-align: center;
cursor: pointer;
background: #F34F03;
margin: 2px 0;
}
.graph20 .store-items .mod{margin:0;}
@media all and (min-width: 651px){
.graph20 .activity-cards .slick-dots li {width: 33.33%;}
.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4 { border-bottom: 10px solid #f16d1d;}
}
@media all and (min-width: 48em){
/* .activity-cards .slick-track { width:1860px!important;} */
.graph20 .activity-card a{margin: 0;}
.graph20 .activity-card__text h4 { text-align: left;}
.graph20 .activity-cards-banner-title .block{margin: 15px 0;}
.graph20 .activity-cards{ margin: 0 -88px 0 0; }
.graph20 .home .floating-img-right{left: 0px; bottom: -203px;}
.graph20 .text-left-text p {padding-right: 87px;}
.graph20 .main-banner .floating-img-right{ bottom: -93px;}
.graph20 .floating-img-left{right: -55px; bottom: -55px;}
.graph20 .floating-img-apx{display: block; position: absolute; bottom: 0; left: 0;}
.graph20 .floating-text > .block > .desktop{ display: block!important; position: static;text-align: left; padding: 0px;}
.graph20 .header-left{ left: 10px; transform: translateX(0); text-align: left; font-size: 0.875em; letter-spacing: .75px; top: 4px; width:70%}
.graph20 .header-left span{margin-right: 5px;}
.graph20 .floating-btn {bottom: 60px;}
.graph20 .btn-alt2-small{padding: 1px 12px;}
}
@media all and (min-width: 64em){
.graph20 .floating-img-left img {width: 100%!important;}
.graph20 .floating-img-left{right: 30px; bottom: -145px;}
.graph20 .home .floating-img-right{left: -160px; bottom: -235px;}
.graph20 .main-banner .floating-img-right{bottom: -200px;}
.graph20 .floating-text > .block > .desktop{ padding: 10px 110px 0 60px;}
}
@media all and (min-width: 79em){
.graph20 .home .floating-img-right{bottom: -211px;}
.graph20 .main-banner .floating-img-right{ bottom: -145px; left: -321px; right: 304px;}
}
/* slideshow styles */
/* .slick-list.draggable{ width: 100%; min-width: 320px;} */
.graph20 .activity-card a, .graph20 .banner-item a {
text-decoration: none;
width: 100%;
margin: 0 auto;
display: block;
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-backface-visibility: hidden;
}
.graph20 .activity-card a:hover,
.graph20 .activity-card a:focus,
.graph20 .banner-item a:hover,
.graph20 .banner-item a:focus{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8;}
.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4, .graph20 .banner-item a:hover p, .graph20 .banner-item a:focus p { color: #666666;}
/* .activity-slideshow .slide {background-size: 100% 100%; background-repeat: no-repeat;} */
.graph20 .activity-card__img{margin: 0 10px 0 0;}
.graph20 .activity-cards .activity-card {max-height: 400px;}
.graph20 .activity-card__text h4 { margin-bottom: 0; color: #333; text-align: center;}
.graph20 .activity-cards .slick-dots {bottom: -30px; width: 100%; z-index: 75;}
.graph20 .activity-cards .slick-dots li {width: 16%; margin: 0;}
.graph20 .activity-cards .slick-dots li button {width: 100%;}
.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow,
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow {
background: none;
border: none;
height: 50px;
width: 50px;
position: absolute;
top: 35%;
z-index: 500;
}
.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow:focus,
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow:focus{ height: 60px; width: 60px;}
.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow{left: 0;}
.graph20 .activity-cards-navigation button.slick-next.icon-angle-right.slick-arrow{right: 0;}
.graph20 .activity-cards-navigation .icon-angle-left:before{ font-size: 3.75em; color: #F34F03;}
.graph20 .activity-cards-navigation .icon-angle-right:before{ font-size: 3.75em; color: #F34F03;}
.graph20 .activity-cards-navigation .icon-angle-left:hover:before,
.graph20 .activity-cards-navigation .icon-angle-left:focus:before,
.graph20 .activity-cards-navigation .icon-angle-right:hover:before,
.graph20 .activity-cards-navigation .icon-angle-right:focus:before{color: #f7844e;}
.graph20 .store-items .mod{margin:0;}
@media all and (min-width: 651px){
.graph20 .activity-cards .slick-dots li {width: 33.33%;}
.graph20 .activity-card a:hover h4, .graph20 .activity-card a:focus h4 { border-bottom: 10px solid #f16d1d;}
}
@media all and (min-width: 48em){
/* .activity-cards .slick-track { width:1860px!important;} */
.graph20 .activity-card a{margin: 0;}
.graph20 .activity-card__text h4 { text-align: left;}
.graph20 .activity-cards-banner-title .block{margin: 15px 0;}
.graph20 .activity-cards{ margin: 0 -88px 0 0; }
.graph20 .activity-slideshow .slide{min-height: 590px;}
/* .store-items .activity-cards .slick-dots li {width: 476px;} */
/* .activity-cards .slick-dots li {width: 33.33%;} */
/* .activity-cards .slick-dots li button {width: 100%;} */
}
@media all and (min-width: 64em){
.graph20 .activity-cards{min-height: 390px;}
}
@media all and (min-width: 1460px){
.graph20 .activity-cards-navigation button.slick-prev.icon-angle-left.slick-arrow{left: -77px;}
}
/* Filter Bar */
.graph20 .filter-bar{background: #e6e6e6;width: 100%;}
.graph20 .filter-bar-btn{
background: #f34f03;
color: #fff;
padding: 19px 17px 19px 53px;
font-weight: 700;
font-size: 0.625em;
border: none;
}
.graph20 .filter-bar-result{
font-size: 1em;
font-weight: 900;
text-align: left;
color: #333;
float: right;
padding: 18px 17px;
}
.graph20 .pyramid{
background: #fff;
height: 2.5px;
width: 14px;
position: relative;
left: -20px;
font-size: 0;
}
.graph20 .pyramid:before{
content:'';
height: 2.5px;
background: #fff;
width: 20px;
top: -6px;
left: -3px;
position: absolute;
}
.graph20 .pyramid:after{
content: '';
height: 2.5px;
background: #fff;
width: 6px;
bottom: -5.5px;
left: 4px;
position: absolute;
}
/* ------------------ */
.graph20 .half-and-half {display: flex; width: 100%;}
.graph20 .half-and-half .left {
background: #0c4561;
width: 50%;
text-align: center;
padding: 55px 0 20px;
}
.graph20 .half-and-half .right {
background: #f34f03;
width:50%;
text-align: center;
padding: 55px 0 20px;
}
.graph20 .half-and-half p{
color: #fff;
font-weight: 700;
font-size: 1em;
text-transform: uppercase;
}
.graph20 .btn-clear{
padding: 8px 17px;
color: #fff;
border: 1px solid #fff;
font-weight: 700;
font-size: 0.625em;
text-decoration: none;
}
.graph20 .insta__text{ text-align: center;}
.graph20 .insta__text ul li{ list-style: none; display: inline-block; margin: 0 10px;}
.graph20 .insta .sm12, .insta .sm6 {padding: 10px;}
/* footer sign up */
.graph20 .footer-letter {order: 2; padding: 10px;}
.graph20 .footer .newsletter-mini{
background: none;
height: auto;
width: auto;
margin: 0;
padding: 0;
display: block;
}
.graph20 .footer .newsletter__text {color: #fff; text-align: center;}
.graph20 .footer .newsletter__text h3{margin: 0; font-size: 1.5em; color: #fff; line-height: 21px;}
.graph20 .store .footer-legal {position: absolute; bottom: -215px; width: 100%;}
.graph20 #dealer-filters{ margin-bottom: 0;}
.graph20 .item-details.abcd {background: #f2f2f2;}
.graph20 .item-details--gray {background: #f2f2f2;}
.graph20 .item-details--gray .mod-alt3 {border-top: 5px solid #dadada; margin-top: 40px;}
.graph20 .item-details--white {background: #fff!important;}
.graph20 .item-details--white #dealer-filters{
position: relative;
background: #fff;
padding: 1px 0 5px;
}
.graph20 .item-details--white #dealer-filters h3{margin: 0;}
.graph20 .item-details--white #dealer-filters input {margin-top: 35px;}
.graph20 .listing-banner {background-size: 100% 100%; background-position: center; background-repeat: no-repeat; position: relative;}
.graph20 .listing-banner__text{ padding: 110px 65px;text-align: center;}
.graph20 .listing-banner__text h1{ color: #fff; font-size: 1.5em; font-weight: 700;}
.graph20 .listing-banner img{ display: none;}
.graph20 .mod-alt3.recently-view .title{
font-size: 30px!important;
font-weight: 900;
letter-spacing: -0.44px;
line-height: 36px;
color: #333;
}
@media all and (min-width: 48em){
.graph20 .store .footer-legal{ position: static;}
.graph20 .footer-letter{order: 2; padding-bottom: 10px;}
.graph20 .footer .newsletter__text{text-align: left;}
.graph20 .half-and-half{display: none;}
.graph20 .insta__text{ padding: 10px 340px 0;}
.graph20 .insta .lg6 {padding: 0 0 10px 0;}
.graph20 .insta .lg2 {padding: 0 0 10px 10px;}
.graph20 .listing-banner__text h1{ font-size: 3em; font-weight: 900;}
.graph20 .item-details--gray .mod-alt3{margin-top: 55px; padding-top: 55px;}
.graph20 #dealer-filters{ margin-bottom: 15px;}
}
@media all and (min-width: 64em){
.graph20 .listing-banner__text{text-align: left; padding: 110px 400px 110px 50px;}
.graph20 .listing-banner img{display: block; position: absolute; bottom: 0;}
.graph20 .listing-banner img#coat {right: 150px; z-index: 10;}
.graph20 .listing-banner img#hood {right: 50px; z-index: 5;}
.graph20 .listing-banner img#shirt{ right:0px;}
.graph20 .mod-alt3.recently-view .title{
font-size: 36px!important;
letter-spacing: 0;
line-height: 50px;
}
}
@media all and (min-width: 79em){
.graph20 .listing-banner__text{padding: 145px 700px 110px 215px;}
.graph20 .listing-banner img#coat {right: 390px;}
.graph20 .listing-banner img#hood {right: 185px;}
.graph20 .listing-banner img#shirt{ right:25px;}
}
/* ---------------------------------------- */
/* Text Input Styles */
.graph20 .newsletter input[type="text"],.graph20 .newsletter textarea {
border-color: #c0c0c0;
background: #c0c0c0;
color: #333;
}
.graph20 .onePageCheckout input[type="text"], .graph20 #LoginTab input[type="text"],
.graph20 .onePageCheckout input[type="password"], .graph20 #LoginTab input[type="password"],
.graph20 .onePageCheckout input[type="file"], .graph20 #LoginTab input[type="file"],
.graph20 .onePageCheckout textarea, .graph20 #LoginTab textarea,
.graph20 .onePageCheckout select {
padding: 14px 14px 14px 12px;
border-color: #ccc;
background: #f2f2f2;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
color: #333;
min-width: 87px;
}
.graph20 .onePageCheckout select#drpExpirationMonth { min-width: 96px;}
.graph20 .onePageCheckout input.txtPromotionCode{background: #fff; width: 98%; margin: 0 -10px;}
.graph20 #LoginTab input[type="text"],
.graph20 #LoginTab input[type="password"],
.graph20 #LoginTab textarea{padding-left: 45px;}
.graph20 .paging-list,
.graph20 .dept-filter label,
.graph20 .hawksearch .filters label{color:#333; font-size: 1em; font-weight: 400;}
.graph20 .paging-list select,
.graph20 .sortList select{
background: #f2f2f2;
border-radius: 0;
border: none;
color: #333;
}
.graph20 .sortList select:focus{ border-radius: 0;}
.graph20 .qty input[type="text"], .graph20 .qty select {
border-color: #ccc;
background: #f2f2f2;
font-size:1em;
color: #333;
}
.graph20 .size select {
padding:10px 0 10px 10px;
border: none;
background: none;
font-size:0.9em;
color: #333;
}
.graph20 .size select::-ms-expand, .qty select::-ms-expand {display: none;}
.graph20 .smaller.size {position: relative; width: 120px; font-size: 0.875em;}
.graph20 .smaller.size:after {
content: '';
height:7px;
width: 7px;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top: 13px;
right: 11px;
position: absolute;
pointer-events: none;
}
.graph20 .size select {
/* gets rid of select default arrow */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 89px;
}
.graph20 .account input[type="text"],
.graph20 .account input[type="password"],
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select,
.graph20 .item-details--white #dealer-filters #txtZip,
.graph20 .item-details--white #dealer-filters select {
padding:8px 15px;
border-color: #ccc;
background: #f2f2f2;
color: #333;
font-size: 1em;
width: 100%;
margin-bottom: 20px;
border-radius: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {padding: 8px 0 8px 30px;}
.graph20 .account input[type="password"] {margin-bottom: 18px; }
.graph20 .forms .form-input{
width: 100%;
position: relative;
height: 52px;
}
.graph20 .LoginSection .inputRow { position: relative; height: 52px;}
.graph20 .item-details--white #dealer-filters #txtZip,
.graph20 .item-details--white #dealer-filters select {max-width: 250px; font-size: 12px;}
.graph20 .item-details--white #dealer-filters select{margin-bottom: 0;}
.graph20 .jumpToReview-tab{ padding-left: 0; font-size: 0.875em; background: none; border: none; color: #15435f; text-transform: capitalize;}
.graph20 .jumpToReview-tab:hover,
.graph20 .jumpToReview-tab:focus {text-decoration: underline;}
.graph20 .ratingDisplay { display: flex;}
.graph20 .addToButtons .float-right{ float: right; text-align: right;}
.graph20 .addToButtons .float-right #btnWishList{padding:0;}
.graph20 #newSeal{float:right;}
.graph20 .product-detail .hawk-recommendation{z-index: -1;}
.graph20 .capitalize {text-transform: capitalize;}
.graph20 .forgotPassword {text-align: left; margin-bottom: 18px;}
.graph20 .account-shipping .mod-content,
.graph20 .account-details .mod-content {min-height: 0!important;}
.graph20 .mobile-account-link .icon-user:before { color: #15435f; font-size: 24px;}
.graph20 .country-drpdwn--selection{ max-width: 125px;}
.graph20 .country-drpdwn{float: right;}
.graph20 .country-drpdwn .utility-title{font-size: 1em;}
@media only screen and (min-width: 30em){
.graph20 .product-detail [class*="grid-"] .grid-8 {width: 100%;}
.graph20 .product-detail [class*="grid-"] .grid-4 {width: 100%;}
.graph20 .item-details .desc-wrapper .grid-8 {width: 100%;}
.graph20 .item-details .desc-wrapper .grid-4 {width: 100%;}
.graph20 .item-details--white #dealer-filters input,
.graph20 .item-details--white #dealer-filters select {margin: 35px 8px 0;}
}
@media only screen and (min-width: 35em){
.graph20 .product-detail [class*="grid-"] .grid-8 {width: 50%;}
.graph20 .product-detail [class*="grid-"] .grid-4 {width: 50%;}
}
@media all and (min-width:48em){
.graph20 .smaller.size{font-size: 1em;}
.graph20 .size select{width: 84px;}
}
@media only screen and (min-width: 50em){
.graph20 .product-detail [class*="grid-"] .grid-8 {width: 60%;}
.graph20 .product-detail [class*="grid-"] .grid-4 {width: 40%;}
.graph20 .item-details .desc-wrapper .grid-8 {width: 50%;}
.graph20 .item-details .desc-wrapper .grid-4 {width: 50%;}
}
@media only screen and (min-width: 64em){
.graph20 .product-detail [class*="grid-"] .grid-8 {width: 66.666%;}
.graph20 .product-detail [class*="grid-"] .grid-4 {width: 33.333%;}
.graph20 .item-details .desc-wrapper .grid-8 {width: 66.666%;}
.graph20 .item-details .desc-wrapper .grid-4 {width: 33.333%;}
.graph20 .mobile-account-link .icon-user:before {display: none;}
}
.graph20 .paging-list,
.graph20 .dept-filter label,
.graph20 .hawksearch .filters label{color:#333; font-size: 1em; font-weight: 400;}
.graph20 .paging-list select,
.graph20 .sortList select{
background: #f2f2f2;
border-radius: 0;
border: none;
color: #333;
}
.graph20 .sortList select:focus{ border-radius: 0;}
.graph20 .qty input[type="text"], .graph20 .qty select {
border-color: #ccc;
background: #f2f2f2;
font-size:1em;
color: #333;
}
.graph20 .size select {
padding:10px 0 10px 10px;
border: none;
background: none;
font-size:0.9em;
color: #333;
}
.graph20 .size select::-ms-expand, .qty select::-ms-expand {display: none;}
.graph20 .smaller.size {position: relative; width: 120px; font-size: 0.875em;}
.graph20 .smaller.size:after {
content: '';
height:7px;
width: 7px;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top: 13px;
right: 11px;
position: absolute;
pointer-events: none;
}
.graph20 .size select {
/* gets rid of select default arrow */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 89px;
}
.graph20 .account input[type="text"],
.graph20 .account input[type="password"],
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {
padding:8px 15px;
border-color: #ccc;
background: #f2f2f2;
color: #333;
font-size: 1em;
width: 100%;
margin-bottom: 20px;
border-radius: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"],
.graph20 .account select {padding: 8px 0 8px 30px;}
.graph20 .account input[type="password"] {margin-bottom: 18px; }
.graph20 .forms .form-input{
width: 100%;
position: relative;
height: 52px;
}
.graph20 .LoginSection .inputRow { position: relative; height: 52px;}
.graph20 .jumpToReview-tab{ padding-left: 0; font-size: 0.875em; background: none; border: none; color: #15435f; text-transform: capitalize;}
.graph20 .jumpToReview-tab:hover,
.graph20 .jumpToReview-tab:focus {text-decoration: underline;}
.graph20 .product-detail-right .ratingDisplay { display: flex;}
.graph20 .addToButtons .float-right{ float: right; text-align: right;}
.graph20 .addToButtons .float-right #btnWishList{padding:0;}
.graph20 #newSeal{float:right;}
.graph20 .product-detail .hawk-recommendation{z-index: -1;}
.graph20 .capitalize {text-transform: capitalize;}
.graph20 .forgotPassword {text-align: left; margin-bottom: 18px;}
.graph20 .account-shipping .mod-content,
.graph20 .account-details .mod-content {min-height: 0!important;}
.graph20 .mobile-account-link .icon-user:before { color: #15435f; font-size: 24px;}
.graph20 .item-details--white #dealer-filters #txtZip,
.graph20 .item-details--white #dealer-filters select { padding: 13px 15px 14px; font-size: 16px;}
.graph20 .item-details--white #dealer-filters #txtZip{margin-bottom: 0;}
.graph20 .item-details--white #dealer-filters input,
.graph20 .item-details--white #dealer-filters select {margin: 35px 12px 0;}
.graph20 .onePageCheckout .has-right-border{border-right: none;}
.graph20 .onePageCheckout input[type="checkbox"], .graph20 .onePageCheckout input[type="checkbox" i]{ border: 5px solid #15435F;}
.graph20 .show-hide-password {
font-size: 1em;
color: #15435F;
position: absolute;
right: 15px;
top: 5px;
text-decoration: underline;
}
.graph20 .show-hide-password#hide, .graph20 .show-hide-password#show.active {display: none;}
.graph20 .show-hide-password#hide.active, .graph20 .show-hide-password#show {display: block;}
.graph20 .show-hide-password:hover, .graph20 .show-hide-password:focus {cursor: pointer; opacity: .7;}
.graph20 .account .forms .btnWrapper {margin: 0 0 17px;}
.graph20 .account a#lnkForgotPassword {color: #15435F; font-size: 1em; text-transform: capitalize;}
.graph20 .custom-checkbox{
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 15px;
cursor: pointer;
font-size: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.graph20 .dynamic_error .custom-checkbox {margin-bottom: 4px;}
.graph20 .account .custom-checkbox {padding-top: 3px;}
.graph20 .custom-checkbox input{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.graph20 .custom-checkbox-check{
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 3px;
border: 3px solid #999;
}
.graph20 .custom-checkbox-check--blue{border: 3px solid #15435f;}
.graph20 .custom-checkbox:hover input ~ .custom-checkbox-check,
.graph20 .custom-checkbox:focus input ~ .custom-checkbox-check { opacity: 0.8; cursor: pointer;}
.graph20 .custom-checkbox input:checked ~ .custom-checkbox-check { background-color: #15435F; border-color: #15435f;}
.graph20 .custom-checkbox-check:after {content: ""; position: absolute; display: none;}
.graph20 .custom-checkbox input:checked ~ .custom-checkbox-check:after { display: block;}
.graph20 .custom-checkbox .custom-checkbox-check:after {
left: 5px;
top: -1px;
width: 6px;
height: 16px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.graph20 .custom-radio {
display: block;
position: relative;
padding-left: 28px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.graph20 .custom-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.graph20 .custom-radio-button {
position: absolute;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border: 3px solid #999;
border-radius: 50%;
}
.graph20 .custom-radio-button--small{
height: 11px;
width: 11px;
border-width: 2px;
}
.graph20 .custom-radio:hover input ~ .custom-radio-button,
.graph20 .custom-radio:focus input ~ .custom-radio-button {opacity: 0.8;}
.graph20 .custom-radio input:checked ~ .custom-radio-button {background-color: #fff;border-color: #15435F;}
.graph20 .custom-radio-button:after {
content: "";
position: absolute;
display: none;
}
.graph20 .custom-radio input:checked ~ .custom-radio-button:after {display: block;}
.graph20 .custom-radio .custom-radio-button:after {
top: 2px;
left: 2px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #15435F;
}
.graph20 .custom-radio .custom-radio-button--small:after {width: 7px;height: 7px;}
.graph20 .saveLoginInfo{font-size: 1em; color: #333; text-align: left; margin: 0 0 15px;}
.graph20 .saveLoginInfo a{font-size: 1em; color: #15435f;}
.graph20 .LoginSection .saveLoginInfo{margin: 18px 0 20px;}
.graph20 .account .forms label{vertical-align: middle;}
.graph20 .account .agreement p {font-size: 0.875em; line-height: 17px;}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {top: calc(45%);}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:focus,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:focus{height: 50px; width: 50px;}
.graph20 .hero-slideshow a.btn.Full-Center{position: absolute; top: 50%; transform: translate(-50%, 50%);}
.graph20 .hero-slideshow a.btn.Left{position: absolute; left: 20px;}
.graph20 .hero-slideshow a.btn.Right{position: absolute; right: 20px;}
.graph20 .hero-slideshow a.btn.Top{position: absolute; top: 20px;}
.graph20 .hero-slideshow a.btn.Bottom{position: absolute; bottom: 20px; }
.graph20 .hero-slideshow a.btn.Top.Center{position: absolute; right: 50%; transform: translateX(50%);}
.graph20 .hero-slideshow a.btn.Center.Left{position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.graph20 .hero-slideshow a.btn.Center.Right{position: absolute; top: 50%; transform: translateY(-50%); right: 20px;}
.graph20 .hero-slideshow a.btn.Bottom.Center{position: absolute; right: 50%; transform: translateX(50%);}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before{
content: '';
height: 20px;
width: 20px;
border-top: 5px solid #ccc;
border-right: 5px solid #ccc;
position: absolute;
}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before{
right: 24px;
transform: rotate(45deg) translateY(-50%);
}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after{
top: 12px;
left: 17px;
transform: rotate(-135deg) ;
}
.graph20 .desc-wrapper .prodct-desc{ padding-top: 10px;}
.graph20 .item-activity div {
opacity: .5;
filter: invert(1);
background: #353535;
min-width: 50px!important;
width: 73px!important;
}
.graph20 .item-activity div ~ span.cl-name {color: #797979;}
.graph20 .item-activity div.Active {
opacity: 1;
filter: invert(0);
background: #353535;
}
.graph20 .item-activity div.Active ~ span.cl-name {color: #353535;}
.graph20 .member-nav .has-divider.member-link.mobile span.content {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.graph20 .member-nav .has-divider.member-link.mobile span.content.focusable:active,
.graph20 .member-nav .has-divider.member-link.mobile span.content.focusable:active {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.checkoutSection .disclaimerWrapper{margin: 20px;}
.graph20 .checkoutSection .disclaimerWrapper{margin:0;}
.gray-table {background: #f2f2f2; padding: 5px;}
.graph20 .gray-table {background: none; padding: 0;}
.checkoutSection .right-with-margin{margin-right: 24px;}
.graph20 .checkoutSection .right-with-margin{margin-right: 0;}
.graph20 #divNewsletterRegistration .btn-alt2 {
background: none;
border: none;
color: #333;
padding: 0 0 0 25px;
}
.graph20 .moveToWishlist {display: none;}
.graph20 .LoginSection {
text-align: center;
margin: 10px auto 0;
max-width: 450px;
}
.graph20 .RegisterLink,
.graph20 .LoginButton { margin: 0 auto; max-width: 450px;}
.graph20 .RegisterSection { text-align: center;}
.graph20 .RegisterSection .account {text-align: left; padding-left: 0;}
.graph20 .RegisterSection .account .mod-title {margin-left: 10px;}
.graph20 .RegisterSection .account-shipping .custom-checkbox {margin-left: 10px;}
.graph20 .formRow input.text { width: 100%; padding-left: 30px;}
.graph20 .LoginSection .inputRow .icon { position: absolute; left: 8px; top: 7px;}
.graph20 .LoginSection .inputRow .icon .icon-lock{ position: absolute; left: 4px; top: 4px;}
.graph20 .RegisterLink__text,
.graph20 .LoginButton__text {
background-image: url('/assets/39/7/myAccount-section.jpg');
text-align: center;
padding: 30px 34px 39px 39px;
color: #fff;
/* background-size: 100% 100%; */
background-position: center;
margin-bottom: 15px;
}
.graph20 .title--white {color: #fff; text-transform: uppercase;}
.graph20 .accountLogin .title {text-transform: uppercase;}
.graph20 .hr-gray{
height: 2px;
width: 97%;
background: #f2f2f2;
border: none;
margin: 13px 10px;
}
.graph20 .account .req {background: none;}
.graph20 .guidedNavWrapper .navGroup ul.navScrollList{border: none; background: none;}
.graph20 .guidedNavWrapper .navhdng {
position: relative;
font-family: 'Lato', sans-serif;
color: #333!important;
font-weight: 900;
}
.graph20 .guidedNavWrapper .navhdng:hover,
.graph20 .guidedNavWrapper .navhdng:focus {color: #666!important; cursor: pointer;}
.graph20 .guidedNavWrapper .navhdng:after {
content: '';
position: absolute;
height: 7px;
width: 7px;
border-top: 2px solid #333;
border-right: 2px solid #333;
transform: rotate(135deg);
right: 6px;
transition: all .5s ease;
}
.graph20 .guidedNavWrapper .navhdng.active:after { transform: rotate(-45deg);}
.graph20 .navQuickSearch{display: none;}
.graph20.checkout .utility,
.graph20.checkout .navAndSearch,
.graph20.checkout .search-toggle,
.graph20.checkout .column.mobile {display: none;}
.graph20 .colpad .account {
max-width: 774px;
border-bottom: 2px solid #f2f2f2;
padding: 0 0 25px;
}
.graph20 .colpad .account .strong { font-weight: 900;}
.graph20 .colpad .account { color: #666; font-family: 'Lato', sans-serif;}
.graph20 .title.account-title {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #f2f2f2;
max-width: 745px;
}
.graph20 .border-bottom { border-bottom: 3px solid #f2f2f2; margin-bottom: 20px;}
.graph20 .colpad{margin-top: 0;}
.graph20 .formee fieldset { background: #fafafa; padding: 0;}
.graph20 .formee legend {font-size: 1em; letter-spacing: 0; padding-left: 0; margin: 0; width: 100%;}
.graph20 .swatchList li a.SwatchMore{outline: none; position: relative; width: 22px; text-decoration: none; margin-bottom: 6px;}
.graph20 .swatchList li a.SwatchMore:after{
content: '';
height: 20px;
width: 20px;
position: absolute;
background: #ddd;
border-radius: 50%;
left: 3.7px;
top: 5px;
z-index: -1;
}
.graph20 .forms dt.register-2{clear:none;}
.graph20 .account.account-newsletter { padding: 0 10px;}
.graph20 #CT_Main_0_ddlLanguage{max-width: 190px;}
.graph20 .ToggleReadMore { font-size: 0.875em; color: #335e79;}
.graph20 .product-detail-right .titlesmall { line-height: 16px; margin-top: 10px;}
.graph20 .column--logo{ text-align: center;}
.graph20 .menu-toggle {margin-right: 25px;}
.graph20 .msrp { position: relative; margin: 0 0 30px;}
.graph20 .msrp .button-wrapper,
.graph20 .tech-specs .button-wrapper {display: flex; justify-content: flex-end; width: 100%;}
.graph20 .msrp .button-next,
.graph20 .msrp .button-prev,
.graph20 .tech-specs .button-next,
.graph20 .tech-specs .button-prev {border-radius: 0; border: 1px solid #244d6b; transition: opacity .3s ease-in-out; margin: 0 0 15px 15px;}
.graph20 .msrp .icon-triangle-right,
.graph20 .msrp .icon-triangle-left,
.graph20 .tech-specs .icon-triangle-right,
.graph20 .tech-specs .icon-triangle-left {height: 2em; width: 2em; margin: -2px -7px -7px -5px; fill: #164260;}
.graph20 .msrp .button-next:hover, .graph20 .msrp .button-next:focus,
.graph20 .msrp .button-prev:hover, .graph20 .msrp .button-prev:focus,
.graph20 .tech-specs .button-next:hover, .graph20 .tech-specs .button-next:focus,
.graph20 .tech-specs .button-prev:hover, .graph20 .tech-specs .button-prev:focus {opacity: .7;}
.graph20 .msrp .button-next[disabled],
.graph20 .msrp .button-prev[disabled],
.graph20 .tech-specs .button-next[disabled],
.graph20 .tech-specs .button-prev[disabled] {opacity: .3;}
.graph20 .tech-specs button.no-show {display: none;}
.graph20 .msrp .msrp__table {position: relative;}
.graph20 .msrp .msrp__table__data {display: flex; overflow: hidden;}
.graph20 .msrp .msrp__table__first-col {position: absolute; z-index: 500; left: 0; width: 185px; background: #164260; color: #fff; border-left: 1px solid #333;}
.graph20 .msrp .first-col__data-cell { height: 50px; position: relative;}
.graph20 .msrp .first-col__data-cell:after{ content: ''; position: absolute; height: 1px; width: 185px; bottom: 0; left: 0; background: #d8d8d8;}
.graph20 .msrp .first-col__data-cell:last-child:after {background: none;}
.graph20 .msrp .first-col__data-cell,
.graph20 .msrp .msrp__data__column .data-cell { padding: 5px 5px 5px 15px; width: 175px; height: 40px; font-size: 14px; display: flex; align-items: center;}
.graph20 .msrp .msrp__data__column:first-child {margin-left: 185px;}
.graph20 .msrp .msrp__data__column { width: 195px; position: relative;}
.graph20 .msrp .msrp__data__column:after {content: ''; position: absolute; right: 0; width: 1px; z-index: 5; top: 0; height: 100%; background: #d8d8d8;}
.graph20 .msrp .msrp__data__column .data-cell {background: #f2f2f2; transition: all .3s ease-in-out;}
.graph20 .msrp .msrp__data__column .data-cell:nth-child(odd) {background: #fff; transition: all .3s ease-in-out;}
.graph20 .msrp .msrp__data__column:hover .data-cell,
.graph20 .msrp .msrp__data__column:focus .data-cell {background: #d3d3d3; }
.graph20 .msrp .msrp__data__column:hover .data-cell:nth-child(odd),
.graph20 .msrp .msrp__data__column:focus .data-cell:nth-child(odd) {background: #e5e5e5; }
.graph20 .tech-specs {position: relative; overflow: hidden;}
.graph20 .tech-specs tbody tr th {position: relative; z-index: 500; left: 0; width: 150px; background: #164260; color: #fff; font-weight: 400; padding: 5px 5px 5px 15px; height: 40px; font-size: 14px; border-top: 1px solid #d8d8d8; }
.graph20 .tech-specs tbody tr:last-child th{background: none;}
.graph20 .tech-specs tbody tr td{border-left: 1px solid #d8d8d8; min-width: 150px; padding: 4px 15px; border-top: none;}
.graph20 .tech-specs tbody tr:nth-child(odd) td {background: #fff;}
.graph20 .tech-specs tbody tr td a{color: #fff; background: rgb(22,67,96); text-decoration: none; font-size: 14px; text-transform: uppercase; padding: 5px 15px;}
.graph20 .product-desc:focus{outline: none;}
.graph20 input#txtZip {margin-bottom: 7px;}
@media only screen and (max-width: 25em){
.graph20 .msrp .msrp__table{display: flex; align-items: flex-start;}
.graph20 .msrp .msrp__table__first-col{width: 50%; position: relative;}
.graph20 .msrp .first-col__data-cell:after,
.graph20 .msrp .first-col__data-cell{width: 90%}
.graph20 .msrp .first-col__data-cell{padding: 5px 10%;}
.graph20 .msrp .msrp__data__column:first-child{margin-left: 0;}
.graph20 .msrp .msrp__table__data{width: 170px;}
.graph20 .msrp .msrp__data__column .data-cell{width: 155px;}
.graph20 .msrp .msrp__data__column{width: 170px;}
.graph20 .msrp .msrp__data__column .data-cell{padding: 5px;}
}
@media all and (min-width: 30em){
.graph20 .checkoutSection .useSavedAddress { margin-left: 10px;}
.graph20 .flex-row {
display: flex;
flex-direction: row;
width: 100%;
}
.graph20 .accountLogin .grid-7,
.graph20 .accountLogin .grid-5 {width: 100%;}
.graph20 .accountRegister .grid-7{ width: 100%;}
.graph20 .accountRegister .grid-5{ width: 100%;}
}
@media all and (min-width: 48em){
.graph20 .size input[type="text"], input[type="password"], input[type="file"], textarea, select { font-size: 1em;}
.graph20 .jumpToReview-tab{ font-size: 1em; padding: 4px 0 0 4px;}
.graph20 .account input[type="text"],
.graph20 .account input[type="password"] {padding: 14px 15px; margin-bottom: 30px;}
.graph20 .LoginSection input[type="text"],
.graph20 .LoginSection input[type="password"] {padding: 14px 0 14px 36px;}
.graph20 .account input[type="password"]{margin-bottom: 15px;}
.graph20 .show-hide-password{top: 15px;}
.graph20 .forms .form-input{height: 80px;}
.graph20 .account .forms .btnWrapper {margin: 0 0 15px;}
.graph20 .custom-check {margin-bottom: 17px;}
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
.graph20 .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {top: 37%;}
.graph20 .checkoutProcess .checkout-qs{ position: relative; left: 290px; max-width: 482px;}
.graph20 .RegisterLink, .graph20 .LoginButton { margin-top: 53px;}
.graph20 .LoginSection { margin-top: 50px;}
.graph20 .formRow input.text{padding-left: 35px;}
.graph20 .LoginSection .inputRow .icon { left: 11px; top: 14px;}
.graph20 .RegisterLink__text, .graph20 .LoginButton__text { padding: 213px 87px 213px 93px;}
.graph20 .accountLogin .grid-7,
.graph20 .accountLogin .grid-5 {width: 50%;}
.graph20 .LoginSection .agreement{text-align: left;}
.graph20 .custom-radio-button--small{top: 3px;}
.graph20 .title.account-title {margin-left: 90px;}
.graph20 .colpad .account { margin: 0 75px 25px;}
}
@media all and (min-width: 55em){
.graph20 .checkoutSection .stepGroupContent p { float: left; width: 49%; font-style: italic; margin-top: 0;}
.graph20 .checkoutSection .stepGroupContent p.help {margin: 0 6px 0 10px;}
.graph20 .checkoutSection #AddressBookBilling .formLabel { margin-left: 10px;}
.graph20 .checkoutProcess #divAlternatePayment { padding-left: 53px;}
.graph20 .checkoutProcess .gray-table{padding-left: 60px;}
.graph20 .checkoutProcess .right-with-margin{max-width: 673px; margin: 0 auto;}
.graph20 .checkoutSection .stepGroupContent .shippingOptions { width: 50%; float: left;}
.graph20 .accountLogin .grid-7 {width: 58.333%}
.graph20 .accountLogin .grid-5 {width: 41.666%;}
.graph20 .accountRegister {display: flex;}
.graph20 .accountRegister .grid-7{ order: 2; width: 60%;}
.graph20 .accountRegister .grid-5{ order: 1; width: 40%;}
}
@media all and (min-width: 64em) {
.graph20 .guidedNavWrapper .navhdng { margin-top: -5px;}
.graph20 .guidedNavWrapper .navhdng:after {display: none;}
.graph20 .guidedNavWrapper .navhdng:hover,
.graph20 .guidedNavWrapper .navhdng:focus {color: #333!important; cursor: default;}
.graph20 .msg { padding: 40px 10px 108px 10px;}
.graph20 .accountRegister .grid-7{width: 58.333%;}
.graph20 .accountRegister .grid-5{width: 41.666%;}
.graph20 .column--logo {text-align: left;}
}
/* ============================= Time line tabs Customized for Beretta/en-us Site ================================================== */
/* Responsive Tabs code for the Timeline --> PLugin code */
/* responsive Tabs */
.r-tabs {background:#FCFDFD; border:1px solid #F2F2F2; border-radius:3px; padding:3px;}
.r-tabs .r-tabs-nav {margin: 0;padding: 3px 3px 0;border-radius:3px 3px 0 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f6b8f+0,135273+100 */
background: rgb(47,107,143); /* Old browsers */
background: -moz-linear-gradient(top, rgba(47,107,143,1) 0%, rgba(19,82,115,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(47,107,143,1) 0%,rgba(19,82,115,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(47,107,143,1) 0%,rgba(19,82,115,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6b8f', endColorstr='#135273',GradientType=0 ); /* IE6-9 */
}
.r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b5755+0,173d3e+100 */
background: rgb(27,87,85); /* Old browsers */
background: -moz-linear-gradient(top, rgba(27,87,85,1) 0%, rgba(23,61,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5755', endColorstr='#173d3e',GradientType=0 ); /* IE6-9 */
border-radius:3px 3px 0 0;
}
.r-tabs .r-tabs-tab a {color:#ffffff; display:block; padding:6px 8px; font-size:.688em; text-decoration:none; text-transform:uppercase;}
.r-tabs .r-tabs-panel { padding: 15px; display: none;}
.r-tabs .r-tabs-accordion-title {margin:0 0 1px; display: none; background: rgb(27,87,85);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(27,87,85,1) 0%, rgba(23,61,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(27,87,85,1) 0%,rgba(23,61,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b5755', endColorstr='#173d3e',GradientType=0 ); /* IE6-9 */
}
.r-tabs .r-tabs-accordion-title a { color:#ffffff; display:block; padding:6px 8px;font-size:.875em; font-weight:bold; text-decoration:none;text-transform:uppercase;}
.r-tabs .r-tabs-panel.r-tabs-state-active { display: block;}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav { display: none;}
.r-tabs .r-tabs-accordion-title { display: block;}
}
.timeline-wrapper .r-tabs { position: relative;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-tab { position: relative;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-anchor {display: block;padding: 10px 12px; text-decoration: none; border-bottom:0px; position:relative; bottom:-1px;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-state-disabled {opacity: 0.5;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block; padding: 5px; text-decoration: none;border-bottom:1px solid #000;
position:relative; margin:0 0 4px;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{border:none;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {position:absolute; content:''; right:10px; top:15px; border-top:7px solid #ffffff; border-left:7px solid transparent; border-right:7px solid transparent;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {border-top:0px; border-bottom:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent;}
.timeline-wrapper .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { opacity: 0.5;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-anchor{border:none;}
section.timeline{background:#f0f0f0; padding: 20px 0px;}
.interior .timeline h3{margin: 25px 10px; color: #fd6e2d; display: block; font-size: 2em; text-align: center;}
.timeline h3 > span {display: block;text-align: center;}
/* Some styling for the Timeline to Tabs */
@media only screen and (max-width: 48em){
.timeline-nav{display: none!important;}
}
.timeline-top{display: none;}
.timeline-header{ margin: 20px; }
.time-wrapper .custom-tabs{position: relative;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-tab a span:after{ content: ""; color: #fff; background: #ff732e; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 998; text-align: center; border-radius: 50%; padding: 5px; height: 9px; width: 9px; bottom: -24px; transition: .2s all ease }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-tab a strong:after{z-index: 999; display: none; left: 0px; content: "\2022"; }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{max-width:84em; margin: -165px auto 0; position: relative; text-align: left; z-index: 999; background:none; }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-panel.r-tabs-state-active{ padding: 0; border-top: 0; margin: 0 30px;}
.timeline-wrapper .tab-inner-content{position: relative; top: 0;right: 0;padding: 15px; background: transparent;}
.timeline-wrapper .tab-flex-inner{display: flex; flex-direction: column; align-items: center;justify-content: center;}
.timeline-wrapper .tab-flex-inner .tab-inner-content h3{color: #fff; font-size: 1.25em;}
.timeline-wrapper .custom-tabs .tab-module{background: url(/cms/images/general/timelinebg.png) no-repeat; background-size: cover;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-accordion-title{margin: 0 30px; background:#fd6e2d;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-accordion-title .r-tabs-anchor{color: #fff; font-size: 1em; font-family: 'Lora', serif}
.timeline-wrapper .r-tabs .r-tabs-accordion-title .r-tabs-anchor{border-bottom: 1px solid #fff;}
.timeline-wrapper .tab-flex-inner .tab-inner-img{text-align: center;margin: 20px 0;}
.timeline-nav{display: none;}
@media only screen and (min-width: 48em){
.timeline-wrapper{background-repeat: no-repeat!important; background-size: cover!important;}
.timeline-top{display: block;}
.timeline-top img{width: 100%;}
.timeline-wrapper .custom-tabs .tab-module{background:none; overflow:hidden;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{margin-top: 300px; border-bottom: 5px solid #ff732e; width: 5000px; max-width: 200em; transition: all ease .5s; cursor: all-scroll;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav.moveleft{left: 0!important; transition: all ease .5s;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor{font-size: 1em; margin: 15px auto 15px auto; text-align: center; color: #fff; font-weight: 100; position: relative; width: 75%; left: 0; right: 0; transition: .2s all ease; padding: 0; background: none; }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active { }
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:after{ transform: scale(1.25);}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor strong:after{ display: block; font-size: 1.5em; position: absolute; left: 0; right: 0; top: 19px;}
.timeline-wrapper .r-tabs .r-tabs-nav .r-tabs-tab{width: 100px; background: none;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-panel.r-tabs-state-active{ margin: 0;}
.timeline-wrapper .tab-inner-content{max-width: initial;}
.timeline-wrapper .tab-flex-inner{ flex-direction: row; }
.timeline-wrapper .tab-flex-inner .tab-inner-content h3{font-size: 1.75em; text-align: left;}
.timeline-wrapper .timeline-nav {position: absolute; top: 35%; width: 100%; z-index: 999}
.timeline-wrapper .timeline-nav button{padding: 0;border: 0; outline: 0; background: transparent; font-size: 10em; color: #ff732e;-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; position: absolute;}
.timeline-wrapper .timeline-nav button.slide-right{right: 20px;}
.timeline-wrapper .timeline-nav button.slide-left{left: 0px;}
.timeline-wrapper .timeline-nav button.icon-angle-left::before { content: "\f104";}
.timeline-wrapper .timeline-nav button.icon-angle-right::before { content: "\f105";}
}
@media only screen and (min-width: 60em){
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav{margin-top: 400px;}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active{}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor span:after,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:hover span:after,
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor:active span:after{}
.timeline-wrapper .custom-tabs .r-tabs .r-tabs-nav .r-tabs-anchor{font-size: 1.25em; }
.timeline-wrapper .tab-flex-inner{margin: 0 100px; background:linear-gradient(to bottom, #245877 0%,#15435f 100%); }
}
/* *** END
Responsive Default Styles (~/cms/responsive/includes/css/style.css) *** */
/* *** BEGIN
Responsive Store Styles (~/cms/responsive/includes/css/store.css) *** */
/* ==========================================================================
WYSIWYG Box
========================================================================== */
.magicbox {
display: inline-block;
width: 32%;
padding: 15px;
border: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.magicbox img {max-width: 100%; height: auto;}
.magicbox:nth-child(n+1) {border-left: 1px dotted #d1d1d1;}
.magicbox:nth-child(3n+1) {border-left-color: #fff;}
.magicbox:nth-child(n+4) {border-top: 1px dotted #D1D1D1;}
/* ==========================================================================
Store
========================================================================== */
/* Sizing Chart
========================================================================== */
.size-chart-masking {overflow-x:auto;}
.sizing-chart {
display: block;
margin: 0;
padding: 0;
font-size: 0;
}
.sizing-chart li {
display: inline-block;
width: 33%;
padding-right: 1em;
font-size: 14px;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sizing-chart h4 {margin-top: 0; margin-bottom: 0.2em;}
.sizing-chart p {font-size: 12px;}
.table-size {width: 100%; margin: 1em 0;}
.table-size thead th{
background: #4a4a4a;
color: #fff;
font-size: 14px;
}
.table-size th,
.table-size td {
border: 1px solid #4a4a4a;
font-size: 11px;
padding: 2px 4px;
text-align: center;
}
.table-size td:first-child {text-align: left;font-size: 12px;}
.table-size th:first-child {font-size: 12px;}
@media (max-width:47.938em) {
.table-size {width:auto;}
}
/* Long Description Tab
========================================================================== */
@media (max-width:47.938em) {
#tabc-description table,
#tabc-description table tbody,
#tabc-description table tr,
#tabc-description table td {display:block; width:100%;}
}
/* Customer Service
========================================================================== */
.customerserv { }
/* Item Detail
========================================================================== */
.product-detail .title {
font-weight: normal;
font-size: 2em;
line-height:1.1;
color: #666666;
}
.product-detail .product-price{font-size: 1.8em; color:#666666;}
.graph20 .product-detail .product-price{
font-size: 24px;
color:#333;
font-weight: 400;
}
.product-detail .addtocart {padding: 12px 10px; font-family: 'Open Sans', sans-serif;}
.usa-ada .product-detail .addthis_button_facebook_like iframe {z-index: 99999;}
.feature-list .mod-content ul { padding-left: 10px;}
.addToButtons {margin:20px 0;}
/* Item Images
========================================================================== */
.item-images {position:relative; overflow:hidden; min-height:545px;}
.graph20 .item-images {min-height: 350px;}
.item-images .viewsCarousel .altViews {width:auto;}
.item-images .viewsCarousel .altViews li {margin:0; text-align:center;}
.item-images .viewsCarousel .altViews li .active img {border:1px solid #ff732e; outline:0;}
.item-images .item-details {text-align: center;}
.graph20 .item-images .item-details {text-align:left;}
.item-images .item-details .ratingDisplay {float:none; margin:0; line-height:1;}
.graph20 .item-images .item-details .ratingDisplay{display: inline-flex;}
.item-images .item-details .reviewItem > a {text-transform:capitalize; text-decoration:none;}
@media(max-width:47.938em) {
.item-images .viewsCarousel {background:none; padding:0; border:0;}
}
.product-image {
min-height: 420px;
line-height: 420px;
padding: 12px 2px 12px 2px;
text-align: center;
}
.product-image-mask {display:none;}
@media(max-width:47.938em) {
.product-image-mask {display:block; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:100;}
}
@media all and (min-width: 64em){
.graph20--en-us .item-images {margin-left: -10px;}
}
.threesixty {cursor: move;}
.threesixty-controller {
display: none;
float: left;
min-height: 50px;
min-width: 60px;
background: url(/cms/images/layout/360.png) 5px 50% no-repeat;
}
.threesixty-active .threesixty-controller { display: block;}
.threesixty-nav {
position: absolute;
left: 50%;
top: 7px;
text-align: center;
font-size: 0;
width: 200px;
margin-left: -100px;
}
.threesixty-nav .btn-alt {
padding: 2px 20px 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.threesixty-nav .btn-alt:first-child {
border-right: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 0;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 0;
}
.icon-arrow-left-single {
display: inline-block;
background: url(/cms/images/layout/arrow-left-single.png);
width:8px;
height: 18px;
}
.icon-arrow-right-single {
display: inline-block;
background: url(/cms/images/layout/arrow-right-single.png);
width:8px;
height: 18px;
}
.threesixty-guide{
display: block;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #cccccc;
}
.product-image-zoom {
display: none;
float:right;
width: 35px;
height: 40px;
font-size:1.3em;
color:#999999;
overflow: hidden;
text-decoration:none;
}
.product-image-zoom:before {text-indent:0;}
.product-image-zoom:hover,
.product-image-zoom:focus {color:#ff732e;}
.product-image-controller {
position: relative;
overflow: hidden;
/*min-height: 50px;*/
}
.threesixty img {
width: auto;
height: auto;
max-width: 100%;
}
.video-item h3 {margin-top: 0; color: #3f3f3f;}
.video-embed {
float: left;
padding-right: 15px;
width: 70%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Added To Bag Page Styles
================================================ */
.addedToBag {
position:relative;
padding:2% 0;
margin-bottom:40px;
background:#333333;
color:#fff;
}
.addedToBag:after {
content:"";
position:absolute;
top:100%;
left:50%;
border:3rem solid;
border-right-width:6rem;
border-left-width:6rem;
border-color: #333 transparent transparent;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.addedToBag .columns {table-layout: fixed;}
.addedToBag .icon {
display:inline-block;
vertical-align:middle;
margin-right:3.5rem;
font-size:5rem;
color:#f75e2c;
}
.addedToBag h1.title {
margin:0;
font-size:1em;
line-height:1;
color:#fff;
}
.addedToBag .title {display:block; margin-top:10px;}
.addedToBag .checkoutBtn .btn {
border-radius:0;
border:0;
background:#f75e2c;
font-size:1.5rem;
padding:8% 20%;
text-transform:uppercase;
}
@media (min-width:105.000em) {
.addedToBag {margin-bottom:0;}
.addedToBag:after {
left:5%;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
}
/* Default Store Styles
================================================
This is the default stylesheet for the store related elements. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited {color:#686868; text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}
/* ## Store StartUp Styles ## */
.imgLabel {background-repeat:no-repeat; background-position:0 0; text-indent:-9999em;}
.sale {color:#ea0000; font-weight:bold;}
.regular {color:#000; font-weight:bold;}
/* ## shopping cart and account summary ## */
.accountSummary {padding-right:12px; text-align:right; font-size:.9em; padding-top:2px;}
.accountSummary a, .accountSummary a:link, .accountSummary a:visited {margin:0 3px; color:#000; text-decoration:none;}
.accountSummary a:hover, .accountSummary a:active {text-decoration:underline;}
.accountSummary a.cartLink, .accountSummary a.cartLink:link, .accountSummary a.cartLink:visited {margin-left:10px; padding-left:18px; background:url(/cms/images/layout/icon_cart.gif) no-repeat 0 0;}
/* ## block modules used for "grid" of layout ## */
.block175, .block320, .block323, .block432, .block438, .block502, .block630, .block765 {float:left; display:inline;}
.block175 {width:175px;}
.block320 {width:320px;}
.block323 {width:323px;}
.block432 {width:432px;}
.block438 {width:438px;}
.block502 {width:502px;}
.block630 {width:630px;}
.block765 {width:765px;}
.marginR5 {margin-right:5px;}
.marginR10 {margin-right:10px;}
.pad10 {padding:10px;}
.padS10 {padding-left:10px; padding-right:10px;}
.padL10 {padding-left:10px;}
.padT5 {padding-top:5px;}
.padT10 {padding-top:10px;}
.padB5 {padding-bottom:5px;}
.sitebody {min-height:1px; margin-bottom:10px;}
.twoRailLeft {background:url(/cms/images/layout/siderail_bg.gif) repeat-y 0 0;}
/* ## Site Search ## *
.siteSearch {float:right; padding:4px 0 0 0;}
.siteSearch label {float:left; display:inline; margin:7px 5px 0 0;}
.siteSearch .text {float:left; display:inline; width:165px; margin:2px 5px 0 0;}
.quickView {position:relative; height:30px; padding:0 10px 0 21px; margin-bottom:4px; border:1px solid #155088; z-index:110;}
.quickView .imgLabel {float:left;}
/* ## Left Nav ## *
.lnavwrpr {margin:0; padding:16px 9px 0 9px;}
.lnvgrphdg { margin:0 0 10px 0; font-size:1.1em; font-weight:bold; color:#9ecaff;}
.lnvgrphdg a, .lnvgrphdg a:link, .lnvgrphdg a:visited {color:#fff; text-decoration:none; font-weight:normal;}
.lnvgrphdg a:hover, .lnvgrphdg a:active {color:#fff; text-decoration:underline; font-weight:normal;}
ul.lnav {margin:0 0 10px 0; padding:0; font-weight:bold; color:#036; list-style-type:none; font-family:inherit;}
ul.lnav a, ul.lnav a:link, ul.lnav a:visited {color:#fff; font-weight:normal; text-decoration:none;font-family:inherit;}
ul.lnav a:hover, ul.lnav a:active {color:#fff; text-decoration:underline;}
ul.lnav a.active, ul.lnav a.active:link, ul.lnav a.active:visited {font-weight:bold;}
ul.lnav ul {margin:4px 0 0 10px; padding:0; list-style-type:none;}
ul.lnav li {border-style:none;font-family:inherit;}
ul.lnav li a {font-family:inherit;}
ul.lnav ul a, ul.lnav ul a:link, ul.lnav ul a:visited {color:#fff;}
ul.lnav ul a:hover, ul.lnav ul a:active {color:#fff; text-decoration:underline;}
.lnavBanner {padding-bottom:10px; text-align:center;}
.lnavBanner img {display:block; margin:0 auto;}
/* ## store footer ## */
/*.footer {margin-bottom:10px;}
.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#e6edf2;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}
.emailSignup {float:right; padding:4px 0 0 0;}
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}
.advFooter {position: relative; margin-bottom:10px; padding:0 10px; border-bottom:2px solid #e6edf2;}
.advFooter li.callout {margin-bottom:8px;}
.advFooter .callout a,
.advFooter .callout a:link,
.advFooter .callout a:visited {font-weight:bold; font-size:12px; color:#1C4E87;}
ul.advList {float:left; display:inline; width:160px; margin:0 10px 0 0; padding:0; list-style-type:none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {text-decoration:none; color:#6d6d6d;}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; font-size:12px; color:#1C4E87;}
.welcomeMsg {float:right; display:inline; width:260px; padding:0; font-size:12px;}
.subFooter {padding:0 10px; text-align:right;}
.footerLinks {float:left; display:inline; }
.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited {text-decoration:none; color:#666666;}
.footerLinks a:hover,
.footerLinks a:active {text-decoration:underline;}
.copyright {color:#787878;}*/
/* ## Site Headings - Store Overwrites ## *
.hdng {margin:0 0 7px 0; padding:0; font-size:1.6em; font-weight:normal; color:#1c4e87; background:none; border:0;}
.hdng2 {margin:0; padding:0; font-size:1.2em; font-weight:bold; color:#1c4e87; background:none;}
.hdng3 {margin:0 0 5px 0; font-size:1.8em; font-weight:normal; color:#1c4e87;}
.imghdng {margin:5px 0; background-position:0 0; background-repeat:no-repeat; text-indent:-9999em;}
.hdngbox {margin:0; padding:3px 10px; font-size:16px; font-weight:bold; color:#fff; background-color:#999;}
/* ## Store Specific Buttons ## */
/* Default styling for .btnWrapper and .btn is located in style.css *
.btnAddToCart {background-color:#005e8f;}
.btnAddToCart .btn{width:112px; padding:1px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.btnWishlist {background:transparent;}
.btnWishlist .btn{padding:1px 2px; font-size:14px; font-weight:normal; color:#000; background:transparent; border:0; text-align:center; text-decoration:none; cursor:pointer;}
.btnUpdateCart {background-color:#999;}
.btnUpdateCart .btn{width:112px; padding:5px 2px; font-size:16px; font-weight:normal; color:#000; background-color:#D2D2D2; border:1px solid #fff; text-align:center; text-decoration:none; cursor:pointer;}
.btnProceedCheckout {background-color:#005e8f;}
.btnProceedCheckout .btn{width:112px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.btnContinueShopping {background-color:#005e8f;}
.btnContinueShopping .btn{width:172px; padding:3px 2px; font-size:16px; font-weight:normal; color:#fff; background-color:#407abc; border:1px solid #97b3cd; text-align:center; text-decoration:none; cursor:pointer;}
.hline {width:100%; margin:20px 0; border-bottom:1px solid #D2D2D2;}
/* ## text field styles ## */
/*
*
.text {padding:2px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
select {padding:1px; border:1px solid #969696; border-right:1px solid #efefef; border-bottom:1px solid #efefef;}
/* ## Truncation Styling ## */
.truncateLink {display:block;padding:5px 10px 0 0; text-align:right;}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited {padding-right:10px; font-weight:bold; color:#000; text-decoration:none;}
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {background:url(/cms/images/layout/arrow_down_black.gif) no-repeat 100% 50%;}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {background:url(/cms/images/layout/arrow_up_black.gif) no-repeat 100% 50%;}
/* ## Interior Styles ## */
/*.pageHeading {margin-bottom:7px; border-bottom:4px solid #c8d9e1;}
.pageHeading .hdng {}
*
.deptImage {margin-bottom:7px;}
.deptImage img {display:block;}
.pageTools {float:right; display:inline; width:400px; padding:5px 0 0 0; text-align:right;}
.pageTools a,
.pageTools a:link,
.pageTools a:visited {float:right; display:inline; height:13px; margin:2px 0 0 10px; font-size:.9em; color:#686868; font-weight:normal; text-decoration:none; background:url(/cms/images/layout/icons_pagetools.gif) no-repeat 0 -999em; cursor:pointer;}
.pageTools a:hover,
.pageTools a:active {color:#1C4E87; text-decoration:underline;}
.pageTools a.recent,
.pageTools a.recent:link,
.pageTools a.recent:visited {margin-left:-3px; padding:0 0 0 18px; background-position:0 -59px;}
.pageTools a.recent:hover,
.pageTools a.recent:active {margin-left:-3px; background-position:0 -139px;}
.pageTools a.print,
.pageTools a.print:link,
.pageTools a.print:visited {padding:0 0 0 18px; background-position:0 -19px;}
.pageTools a.print:hover,
.pageTools a.print:active {background-position:0 -99px;}
.pageTools a.email,
.pageTools a.email:link,
.pageTools a.email:visited {padding:0 0 0 18px; background-position:0 1px;}
.pageTools a.email:hover,
.pageTools a.email:active {background-position:0 -79px;}
.pageTools a.bookmark,
.pageTools a.bookmark:link,
.pageTools a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageTools a.bookmark:hover,
.pageTools a.bookmark:active {background-position:0 -119px;}
.pageTools .addthis_toolbox { float:right; display:inline; }
.pageTools .addthis_toolbox a,
.pageTools .addthis_toolbox a:link,
.pageTools .addthis_toolbox a:visited {background:none; padding:0; margin:0 0 0 5px; }
.pageControl {float:right; text-align:right; color:#b0b0b0;}
.pageControl a,
.pageControl a:link,
.pageControl a:visited {text-decoration:none;}
.pageControl a:hover,
.pageControl a:active {text-decoration:underline;}
.pageControl a.prev,
.pageControl a.prev:link,
.pageControl a.prev:visited {margin:0 5px 0 0; padding-left:10px; background:url(/cms/images/layout/arrow_left_blue.gif) no-repeat 0 4px;}
.pageControl a.next,
.pageControl a.next:link,
.pageControl a.next:visited {margin:0 0 0 5px; padding-right:10px; background:url(/cms/images/layout/arrow_right_blue.gif) no-repeat 100% 4px;}
/* ## Store Reviews and Rating ## */
.reviews .controls {}
.controls {padding:5px 0 10px 0; text-align:right;}
.controls a,
.controls a:link,
.controls a:visited {text-decoration:none;}
.controls .inactive {color:#999999;}
.controls .postLinks {float:left; font-size:.9em; color:#1c4e87; margin:0 0 15px;}
.graph20 .controls .postLinks {font-size: 16px; color:#333;}
.graph20 .controls .postLinks label { margin-right: 15px;}
.controls .postLinks a,
.controls .postLinks a:link,
.controls .postLinks a:visited {text-decoration:underline;}
.reviewsWrapper {padding:20px;}
.tabs-content .reviewsWrapper {padding:0px;}
.page-heading h3 {margin:0 20px 10px;}
.reviewsWrapper .controls .view {padding:4px 0 0 0;}
.reviews .reviewhdng {float:left; display:inline; margin:0 10px 3px 0; padding:2px 0 0 0; font-weight:bold; color:#000;}
.rating {float:left; margin:0 5px 0 0; padding:0; list-style-type:none;}
.rating .textRating {display:none;}
.rating .star {float:left; display:inline; width:15px; height:15px; background:url(/cms/images/layout/rating_star.gif) no-repeat 0 0; text-indent:-999em;}
.rating .active {background-position:0 -15px;}
.rating .half {background-position:0 -30px;}
.reviews .postStamp {padding:7px 0;font-size:.8em;font-weight:bold;}
.reviews .postStamp .dateStamp {font-weight:normal; padding:0 5px;}
.reviews .postStamp a, .reviews .postStamp a:link, .reviews .postStamp a:visited {color:#000;}
.reviews p {margin-bottom:20px;}
.reviews .hdngbox {padding-top:4px;}
.reviews .hdngbox .imghdng {margin-top:3px;}
.reviews .reviewPaging {float:right;}
.reviewPaging ul {margin:0; padding:0; list-style-type:none;}
.reviewPaging li {float:left; display:inline; margin-left:2px; font-size:13px; color:#352952;}
.reviewPaging li a, .reviewPaging li a:link, .reviewPaging li a:visited {float:left; display:inline; padding:1px 3px; font-size:13px; color:#352952; text-decoration:none; background:url(/cms/images/layout/paging_box.gif) repeat-x 0 0; border-left:1px solid #b8c8d7; border-right:2px solid #e9f1f7;}
.reviewPaging li.active a, .reviewPaging li.active a:link, .reviewPaging li.active a:visited {background:none; border:0;}
.reviewComparison .reviewItem > .titleAlt {border-bottom:1px dashed #0C527E;}
.reviewComparison .reviewLow {border:0px; padding:0px;}
@media (max-width:47.938em) {
.reviewsWrapper {padding:10px;}
.tabs-content .reviewsWrapper {padding:0px;}
.reviewItem .postStamp, .reviewItem .reviewContent {display:block; min-height:0px !important;}
.reviewItem .reviewContent {clear:both; padding:10px 0 0 0;}
.reviewComparison .reviewHigh {float:none; display:block; width:auto;}
.reviewComparison .reviewLow {float:none; display:block; width:auto;}
}
@media (max-width:29.938em) {
.reviewsWrapper .controls .view {float:none;}
.reviewItem .postStamp {float:none; width:auto; margin:0 0 10px;}
}
.graph20 .reviewItem .postStamp{float: left!important; color: #333; position: relative; min-height: 78px!important; width: 50%;}
.graph20 .reviewItem .reviewContent{ padding: 95px 0 0 0; max-width: 1158px; margin: 0 auto;}
.graph20 .item-details .reviewItem .reviewContent {max-width: 1110px;}
/* ## Store Item List ## */
.itemList .itemWrapper {position:relative;float:left; display:inline; width:226px; padding:5px 10px; margin:0 10px 10px 0; border:1px solid #c7c7c7; background-color:#fff;}
.itemList .last {margin-right:0;}
.itemWrapper a.itemLink,
.itemWrapper a.itemLink:link,
.itemWrapper a.itemLink:visited {display:block; text-decoration:none;}
.itemWrapper .itemImage {display:block; margin:0 auto 10px auto; padding:0;}
.itemWrapper .itemTitle {display:block; margin:0 0 3px 0; font-size:1.1em; font-weight:bold;}
.itemWrapper .itemTitle a, .itemWrapper .itemTitle a:link, .itemWrapper .itemTitle a:visited {text-decoration:none;}
.itemWrapper .itemSku {display:block; margin-bottom:10px; font-size:.9em; color:#999999;}
.itemWrapper .itemDesc {}
.itemWrapper .itemPrice {font-size:1.1em; color:#1c4e87;}
.itemWrapper .itemCallouts {margin:0 0 8px 0; text-align:center;}
.itemWrapper .itemCO {padding:3px 5px;}
.itemWrapper .reviews {margin:0 0 8px 0;}
.itemWrapper .reviews .imgLabel {float:left; display:inline; margin-right:10px;}
/*flexed items instead of floats*/
.itemRow .itemRowFlexed{ background:Red !important;}
.itemSwatches {margin-bottom:7px; padding:5px 0 0 0; border-top:1px solid #dae1ee;}
.itemSwatches .imgLabel {float:left; display:inline; margin-right:10px;}
.itemSwatches ul.swatchList li {margin:0 3px 3px 0;}
.itemSwatches ul.swatchList li.last {margin-right:0;}
.swatchList {margin:0; padding:0; list-style-type:none;}
.swatchList:after {
content: "";
display: table;
clear: both;
}
/* .graph20 ul.swatchList { display: flex; justify-content: center;} */
.graph20 .productDetails ul.swatchList { display: flex; justify-content: flex-start; padding: 5px; max-width: 416px;}
.graph20 .product-detail-right.cloned .swatchList {border: none;}
@media (max-width:47.99em) {
.swatchList {padding-top:5px;}
.swatchList:after {content:none;clear: both;}
}
.swatchList li {float:left; display:inline; margin:0 5px 5px 0;}
.swatchList li.last {margin-right:0;}
.swatchList .swatchAlt {display:none;}
.swatchList .color-title {
clear: both;
display: block;
padding: 0.3em 0.1em;
font-size: 0.8em;
text-align: center;
}
.swatchList li {
float: none;
display: inline-block;
margin: 2px;
}
.swatchList li img {display:block; -webkit-backface-visibility: visible; }
.graph20 .swatchList li img {max-height: 38px!important;}
.swatchList li a:focus img,
.swatchList li a:hover img { -webkit-backface-visibility: visible; opacity: 1;}
.swatchList li a,
.swatchList li a:link,
.swatchList li a:visited {float:left; display:inline; border:1px solid #fff; outline: 1px solid #cccccc; overflow:hidden; }
.graph20 .swatchList li a,
.graph20 .swatchList li a:link,
.graph20 .swatchList li a:visited{padding:3px; height: 38px;}
.graph20 .cloned .swatchList li a,
.graph20 .cloned .swatchList li a:link,
.graph20 .cloned .swatchList li a:visited{padding:3px; height: auto; max-height: 31px;}
.graph20 .grid-item-swatch a,
.graph20 .grid-item-swatch a:link,
.graph20 .grid-item-swatch a:visited { height: auto!important;}
.swatchList li a:hover,
.swatchList li a:active {}
.swatchList li a.active{border-color:#ff732e; outline-color: #ff732e;}
.swatchList li a.active img,
.swatchList li a.active:link img,
.swatchList li a.active:visited img {}
@media (pointer: fine) {
.swatchList li a:hover,
.swatchList li a:focus {border-color:#ff732e; outline-color: #ff732e;}
}
ul.textLink {margin:0; padding:0; list-style-type:none;}
ul.textLink li {float:left; display:inline; margin:0 5px 0 0;}
ul.textLink li a,
ul.textLink li a:link,
ul.textLink li a:visited {display:block; width:18px; height:13px; border:1px solid #cccccc; overflow:hidden;}
ul.textLink li a:hover,
ul.textLink li a:active {border-color:#000;}
ul.textLink li a.active,
ul.textLink li a.active:link,
ul.textLink li a.active:visited {border-color:#000;}
.enlargeSwatch {display:none;}
.productDetails ul.textLink li a,
.productDetails ul.textLink li a:link,
.productDetails ul.textLink li a:visited,
.productDetails ul.textLink li a.disabled {
display:block;
width:auto;
height:26px;
margin-bottom:5px;
padding:1px 3px;
text-decoration:none;
line-height:25px;
text-align:center;
font-weight:bold;
background:#f6f6f6;
border:2px solid #d9d9d9;
overflow:hidden;
}
.productDetails ul.textLink li a.disabled {background:#ddd;border:2px solid #fff;color:#fff;}
.productDetails ul.textLink li a.disabled:hover {cursor:default;background:#ddd;}
.productDetails ul.textLink li a.active,
.productDetails ul.textLink li a.active:link,
.productDetails ul.textLink li a.active:visited {border-color:#000;background:#fff;}
.productDetails ul.textLink li a:hover,
.productDetails ul.textLink li a:active {background:#f9f9f9;}
.productDetails div.radioList label {margin-right:7px;}
.productDetails .itemSku {margin-bottom:5px; color:#999999;}
.productDetails .rating {margin-bottom:10px;}
.productDetails .itemDesc {} /*placeholder class*/
.detailsRow {margin-bottom:15px;}
.detailsRow select, .detailsRow .text {
display:block;
margin-bottom:5px;
border-color: #acadb2 #dbe0e6 #e2e9ef #e2e3e8;
border-width:1px;
font-family: inherit;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 3px;
text-align:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.detailsRow .input-inline { display: inline-block; width:65px !important;}
.detailsRow .note {width:60%; font-size:.9em; color:#666;}
.detailsRow .itemCallouts {margin:2em 0 0; text-align:left;}
.detailsRow .itemCO {padding:3px 5px;}
.itemCallouts img{
padding-bottom: 0.5em;
}
.itemCallouts .toolTip {
/*width: auto;*/
width: 200px;
z-index: 1000;
text-align: center;
border: 0;
-webkit-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
-moz-box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
box-shadow: 0 1px 2px 0 rgba(31, 30, 30, 0.6);
}
.rowLabel {display:block; margin-bottom:3px; font-weight:bold;}
.rowLabel-inline { display: inline-block; }
.rowPromo { font-size: 0.8em; font-style: italic; color: hsl(0, 0%, 50%); padding: 0; line-height: 1.1em; display: block; width: 80%; vertical-align: top;}
.rowLabel .selectedName {font-weight:normal; color:#666666;}
.productDetails .selectedName {
display: inline-block;
max-width: 147px;
padding-top: 2px;
height: 16px;
overflow: hidden;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top;
}
.productDetails .detailsRow strong {
display: inline-block;
height: 18px;
vertical-align: top;
}
.itemPrice {font-weight:bold; font-size:1.3em; color:#1c4e87;}
/*.productImage {position:relative; margin-bottom:10px; border:1px solid #d2d2d2; text-align:center;}
.productImage .pImage {display:block;}
.productImage .btnEnlarge {position:absolute; bottom:0; right:0; cursor:pointer;}
*/
.altImages {
max-height:141px;
overflow:hidden;
margin-bottom:10px;
padding-bottom:20px;
background:url(/cms/responsive/images/swipe-for-more.jpg) no-repeat 50% 100%;
}
.graph20 .altImages {background: none; max-height: 100%;}
.graph20 .item-images .product-image-wrapper.slider-present{display: none;}
ul.altViews {
margin:0;
padding:0;
list-style-type:none;
}
ul.altViews li a {display:inline-block; border:1px solid transparent; outline:0; max-height:78px;}
.altViews.slick-slider button {
position:absolute;
left:35%;
font-size:1.5em;
font-weight:bold;
color:#FF732E !important;
}
.altViews.slick-slider button.slick-prev {top:0;}
.altViews.slick-slider button.slick-next {bottom:0;}
.altImages.no-slider {background:none; padding:0; margin:0;}
@media all and (min-width: 48em){
.graph20 .reviewItem .reviewContent{ padding: 95px 0 0 0;}
}
@media all and (min-width: 64em){
.graph20 .viewsCarousel-scroll .altViews{display: block;}
.graph20 .viewsCarousel .altViews li, .graph20 .viewsCarousel-scroll .altViews li{max-width: 175px; height: auto;}
.graph20 .altViews.slick-slider button{z-index: 100;}
.graph20 .altViews.slick-slider button.slick-next {right: 0; left: auto; top: 0;}
.graph20 .altViews.slick-slider button.slick-prev { left: 0; bottom:0;}
.graph20 .swatchList li a,
.graph20 .swatchList li a:link,
.graph20 .swatchList li a:visited{height: 45px;}
.graph20 .swatchList li img {max-height: 50px!important;}
}
@media (min-width:68.813em) {
.altImages {background:none; padding:0; margin:20px 0 0 0; max-height:none; overflow:visible;}
.graph20 .altImages{margin: 0;}
.graph20--en-us .altImages{margin-left: -15px;}
ul.altViews {display:inline-block; padding-top:20px;}
.graph20 ul.altViews {padding-top: 0;}
ul.altViews li { float:none; }
.graph20 ul.altViews li {float: left;}
ul.altViews li a {max-height:60px;}
}
@media (min-width:80.000em) {.product-image-zoom{display:inline-block;}}
ul.altViews li img, ul.relatedItems li img { width: 60px; height: 60px;}
.graph20 ul.altViews li img{border: none; outline: none;}
.graph20 ul.altViews li:hover,
.graph20 ul.altViews li:focus {cursor: pointer; border-color: #333; transition: all .3s ease-in-out;}
@media all and (min-width: 64em){
.graph20 ul.altViews li img, .graph20 ul.relatedItems li img{ width: 150px; max-height: 150px;}
}
.viewsCarousel-alt ul.altViews li img, .viewsCarousel-alt ul.relatedItems li img { width: 200px; height: 200px;}
.icon-carousel-right,
.icon-carousel-left {
display: inline-block;
width: 7px;
height: 13px;
background: url(/cms/images/layout/arrow-carousel.png) 0 0 no-repeat;
}
.icon-carousel-left { background-position: -7px -13px;}
.viewsCarousel .prev:hover .icon-carousel-left{ background-position: -7px 0;}
.icon-carousel-right { background-position: 0 -13px;}
.viewsCarousel .next:hover .icon-carousel-right{ background-position: 0 0;}
.viewsCarousel-alt .prev,
.viewsCarousel-alt .next {
position: absolute;
top: 30%;
left: 0;
cursor: pointer;
z-index: 100;
}
.viewsCarousel-alt .next {
left: auto;
right: 0;
cursor: pointer;
}
.icon-carousel-alt-right,
.icon-carousel-alt-left {
display: inline-block;
width: 15px;
height: 40px;
background: url(/cms/images/layout/arrow-carousel-alt.png) 0 0 no-repeat;
}
.icon-carousel-alt-left {background-position: 0 0;}
.prev:hover .icon-carousel-alt-left{background-position: 0 -40px;}
.icon-carousel-alt-right {background-position: -15px 0;}
.next:hover .icon-carousel-alt-right{background-position: -15px -40px;}
.graph20 .viewsCarousel, .graph20 .viewsCarousel-scroll {padding: 0; border: none; background: none; left:0;}
/* ## pagination and filters ## *
.filters {float:left; display:inline; margin:0 0 10px 0;}
.filters .filterList {float:left; display:inline; }
.filters label {float:left; display:inline; margin:2px 5px 0 0; font-weight:bold;}
.filters .sortList {float:left; display:inline; padding:0 10px;}
.filters .sortList label {margin:2px 5px 0 0;}
.filters select {float:left; margin-right:5px;}
.filters .sortItem {float:left; display:inline; margin:0; padding:2px 4px; border-right:1px solid #999999;}
.filters .sortList .last {border-right:0;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}
.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .viewAll {float:right; display:inline; padding-right:0; padding-top:5px;}
.pagination .viewAll a,.pagination .viewAll a:link, .pagination .viewAll a:visited {text-decoration:none;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; width:16px; height:15px; margin-right:4px; padding-top:1px; text-align:center; background-color:#fff; text-decoration:none; border:1px solid #517294;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; width:16px; height:15px; margin-right:4px; padding-top:1px; text-align:center; background-color:#fff; text-decoration:none; border:1px solid #517294;}
.pagination .paging .active {float:left; display:inline; width:17px; height:15px; margin-right:4px; padding-top:1px; text-align:center; color:#fff; background-color:#9baab7; text-decoration:none; border:1px solid #517294;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
/* ## banners ## *
.banners {margin-bottom:10px;}
.banners .bnrBlock {float:left; display:inline; margin-right:10px;}
.banners .last {margin-right:0;}
/* ## Carousels ## */
.carousel {margin:0 0 20px 0; position:relative;}
.scrollable {position:relative; overflow:hidden; margin:0 23px;}
.scrollable .items {
width:20000em;
position:absolute;
clear:both;
}
.scrollable .items .itemWrapper {float:left; width:174px; padding:0; margin:0 5px 0 0;}
.carousel a.prev,
.carousel a.next,
.carousel a.prevPage,
.carousel a.nextPage {position:absolute; display:block; width:22px; height:45px; top:0; cursor:pointer;}
.carousel a.prev,
.carousel a.prevPage {left:0; background:url(/cms/images/layout/ui/carousel_left.gif) no-repeat 50% 0;}
.carousel a.next,
.carousel a.nextPage {right:0; background:url(/cms/images/layout/ui/carousel_right.gif) no-repeat 50% 0;}
.carousel a.prev:hover,
.carousel a.next:hover,
.carousel a.prevPage:hover,
.carousel a.nextPage:hover {background-position:50% -45px;}
.carousel a.disabled,
.carousel a.disabled:link,
.carousel a.disabled:visited,
.carousel a.disabled:hover,
.carousel a.disabled:active {background-position:50% -90px; cursor:default;}
.carousel .navi {margin-left:22px; width:200px; height:20px;}
.carousel .navi a, .carousel .navi a:link, .carousel .navi a:visited {width:8px; height:8px; float:left; margin:3px; background:url(/cms/images/layout/ui/carousel_navigator.png) 0 0 no-repeat; cursor:pointer; overflow:hidden;}
.carousel .navi a:hover, .carousel .navi a:hover:active {background-position:0 -8px;}
.carousel .navi a.active, .carousel .navi a.active:link, .carousel .navi a.active:visited {background-position:0 -16px;}
/* ## shopping cart ## */
.cartNote {padding:0 20px; margin:-20px 0 15px;}
.cartNote h3 {margin:0px;}
.cartNote p {margin:0px;}
.shopping-cart {margin: 0;}
.shopping-cart .mod-title .title {display: inline-block;}
@media (max-width:47.938em) {
#ulNeedHelp {right:auto;}
}
.cartTools {
padding-top: 9px;
float: right;
color: #fff;
}
.cartTools a {color: #ffffff;}
/*.cartTools {text-align:right; padding:5px; margin:0 0 10px 0; border:1px solid #D2D2D2;}*/
.cartTools ul {float:left; text-align:left; margin:0; padding:0; list-style-type:none;}
.cartTools li {display:inline-block; padding:0 10px 0 0; position:relative;}
.cartTools ul li ul.popup {position:absolute; top:15px; right:0px; left:auto; visibility:hidden; padding:8px; border:solid 1px #666;width:210px; background:#fff; line-height:1.5em; z-index: 1000; color: #4a4a4a; font-size: 12px;}
.graph20 .cartTools ul li ul.popup { top: -5px;}
.cartTools .close {padding:0; margin-top:4px; top:0; left:0; text-align:center;}
.graph20 .close span { color: #154360; font-weight: 700; }
.graph20 .cartTools .close span:hover,
.graph20 .cartTools .close span:focus { cursor: pointer; text-decoration: underline;}
.cartTools ul.popup li {display:block;}
.cartTools .popup a { color: #0c527e }
.cartTools a,
.cartTools a:link,
.cartTools a:visited {font-size:9px; font-weight:bold; text-decoration:none; cursor:pointer;}
.cartTools a:hover,
.cartTools a:active {text-decoration:underline;}
.accountBlocks .cartTools {float: none;}
.accountBlocks .cartTools a {color: #0C527E;}
.supportAccordion {margin:0 0 15px;}
.supportAccordion .ui-accordion-header {text-transform:uppercase;}
/*.backTo {margin:0; text-align:right;}
.backTo strong.title {font-size:9px; font-weight:bold;}
.backTo a.bringBackTo {padding:0 0 0 10px;}
*/
.cartTools .sf-menu ul {float:none; background-color:#fff;}
@media (max-width:47.938em) {
.cartTools {float: none;padding: 0 0 5px 10px;} .shopping-cart .mod-title h2.title {display: none;}
}
/* Redesigned Shopping Cart */
.redsgnCart-cart-tools{ position: relative; display: block; display: flex; border-bottom: 1px dotted #d1d1d1; margin: 0 20px 20px; padding: 20px 0;}
.graph20 .redsgnCart-cart-tools{
border-bottom:none;
margin-top: -75px;
margin-left: -10px;
margin-bottom: 30px;
}
.graph20 #cartAjaxWrapper .redsgnCart-cart-tools {
margin-top: 0;
margin-bottom: 0;
}
.redsgnCart-cart-tools .cartTools{margin-left: auto; }
.redsgnCart-cart-tools .page-heading{margin: 0;}
.redsgnCart-cart-tools h1{margin: 0!important; padding-bottom: 0!important; border-bottom: 0!important}
.redsgnCart-cart-tools .cartTools a{color: #15435f; text-decoration: underline; font-size: .85em; }
.graph20 .redsgnCart-cart-tools .cartTools a{ text-decoration: none; font-size: 16px; font-weight: 400;}
.redsgnCart-shopping-cart .mod-title{display: none;}
.redsgnCart-shopping-cart .cart > tbody{border:1px solid #DAE2EA;}
.graph20 .redsgnCart-shopping-cart .cart > tbody {border:none;}
.redsgnCart-shopping-cart .innerTable span{display: block; color: #4a4a4a; padding-bottom: 10px;}
.graph20 .redsgnCart-shopping-cart .innerTable span{ padding-bottom: 5px;}
.redsgnCart-shopping-cart .innerTable p{color: #000000; font-size: .85em; font-weight: 500; }
.graph20 .redsgnCart-shopping-cart .innerTable p b{font-weight: 900;}
.smaller.sku, .smaller.ship, .smaller.size {color:#333; font-size: 14px; }
.redsgnCart-shopping-cart{margin: 30px 10px;}
.graph20 .redsgnCart-shopping-cart{padding: 30px 10px;}
.redsgnCart-shopping-cart table.cart td.checkout-item{width: 70%}
.redsgnCart-shopping-cart table.cart td.total-price{width: 20%; text-align: right; padding-right: 20px;}
.redsgnCart-shopping-cart table.cart td.total-price dl dd{text-align: right; }
.redsgnCart-shopping-cart table.cart td.total-price dl dd p{font-weight: 500}
.redsgnCart-shopping-cart table.cart td.total-price dl dd p.singleprice{padding:0 0 5px 0;}
.graph20 table.cart td.total-price dl dd p.singleprice {font-size: 0.9em;}
.redsgnCart-shopping-cart table.cart td.total-price dl dd p.totalamount{font-size: 1.25em; font-weight: 800; margin: 10px 0;}
.redsgnCart-shopping-cart table.cart td.total-qty dl dd{text-align: center; }
.redsgnCart-shopping-cart table.cart .item-image a{display: block;}
.redsgnCart-shopping-cart span.qtyb{font-weight: bold; font-size: .9em; color: #000000; display: block; padding:0 0 5px 0;}
.redsgnCart-shopping-cart span.removeItem{margin: 5px 0; display: block; font-size: .8em;}
.graph20 .redsgnCart-shopping-cart span.removeItem, .graph20 .redsgnCart-shopping-cart span.saveForLater{margin: 5px 0; display: block; font-size: 14px; color: #15435F; text-decoration: underline;}
.redsgnCart-shopping-cart .checkoutBlock .chkoutRow{padding: 20px 0;}
.flexcheckout-tools{padding: 0 10px;}
.flexcheckout-tools .chkoutRow{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;border-bottom: 1px solid #ccc; }
.flexcheckout-tools .chkoutRow span.title{width: 45%; font-weight: bold; color:#000000; text-align: left; font-size: .9em;}
.flexcheckout-tools .chkoutRow.checkout-total span.title{font-size: 1.1em; font-weight: 500;}
.flexcheckout-tools .chkoutRow.checkout-total span.price{font-size: 1.1em; font-weight: 800;}
.flexcheckout-tools .chkoutRow span.price{width: 45%; font-weight: bold; color:#000000; text-align: right; font-size: .9em;}
.flexcheckout-tools .chkoutBoxes{padding: 0 25px 25px 25px;}
.redsgnCart-shopping-cart .promoCode{border:none; display: flex; flex-direction: column; margin: 10px 0; padding: 0 0 20px; border-bottom: 1px solid #cccccc;}
.redsgnCart-shopping-cart .promoCode input.text{width: 90%; border-color:#000000; margin: 10px 10px 10px 0 ;}
.redsgnCart-shopping-cart .promoCode .promoLabel{color: #000000; font-size: .9em; }
.redsgnCart-shopping-cart .checkout-total{}
.redsgnCart-shopping-cart .mobile-flex .total-price{display: none;}
.redsgnCart-shopping-cart .flexcheckout-tools .chkoutRow.checkout-total{border:0;}
.redsgnCart-cart-tools .mobile-bagtop{display: none;}
.specialBuy p{display: inline-block; text-decoration: none; border-radius: 50px; border:1px solid #f55a29; padding: 5px 10px; text-transform: uppercase; font-size: 0.875em; font-weight: 600;}
.specialBuy p:after{content: '\25BA'; position: relative; right: 0; font-size: .7em; right: -5px; top: -1px;}
/* span.rowPromo.new-row-promo{display: inline-block; margin: 20px 0;}
span.rowPromo.new-row-promo a {font-size: 1.25em;border: 1px solid #fff;border-radius: 50px; padding: 5px 15px; background: #f9642c; color: #ffffff; text-decoration: none; transition: all ease .5s; display: inline-block;}
span.rowPromo.new-row-promo a p{margin: 0; padding: 0;}
span.rowPromo.new-row-promo a:hover,
span.rowPromo.new-row-promo a:active,
span.rowPromo.new-row-promo a:focus{background: #fff; color:#f9642c; border:1px solid #f9642c; transition: all ease .5s} */
.special-popup{margin: -30px;}
.special-popup h2{padding: 20px 30px; margin: 0; background: #f2f2f2; font-size: 1.5em; border-bottom: 1px solid #ccc;}
.special-popup p{padding: 20px 30px; font-size: .95em;}
.special-popup p strong{color: #15435f; text-transform: inherit;}
@media (max-width:47.938em) {
.redsgnCart-cart-tools{display: block; margin: 0; padding: 10px;}
.redsgnCart-cart-tools .mobile-bagtop{display: block;}
.redsgnCart-shopping-cart .cart{margin: 0!important; padding: 0;}
.redsgnCart-cart-tools .cartTools{ padding: 0 0 5px 0px; }
.cartTools {float:none;padding:0 0 5px 10px;}
.shopping-cart .mod-title h2.title {display:none;}
.redsgnCart-shopping-cart table.cart td.checkout-item{width: auto; border:none; padding-bottom: 0; position: relative;}
.redsgnCart-shopping-cart table.cart .mobile-flex{display: flex;}
.redsgnCart-shopping-cart table.cart table.innerTable td.pImg{width: 35%;}
.redsgnCart-shopping-cart table.cart .mobile-flex .pDesc{text-align: left; padding: 0 10px;}
.redsgnCart-shopping-cart .cart dl dt.item-name.first-item-mobile{display: none;}
.redsgnCart-shopping-cart .mobile-flex .total-price{display: block;}
.redsgnCart-shopping-cart .mobile-flex .total-price dt{display: none;}
.redsgnCart-shopping-cart .mobile-flex .total-price dd{ padding: 0 0 5px 0; margin: 0; }
.redsgnCart-shopping-cart .item-frame .total-price.desktop-price{display: none;}
.redsgnCart-shopping-cart .item-frame .mobile-flex .total-price.desktop-price{display: block;}
.redsgnCart-shopping-cart .item-frame .qty{ padding: 0 16px; }
.redsgnCart-shopping-cart .item-frame .qty dl{display: flex; flex-direction: row; width: 35%; align-items: center; justify-content: center;}
.redsgnCart-shopping-cart .item-frame .qty dd{width: auto;}
.redsgnCart-shopping-cart .grid-8,
.redsgnCart-shopping-cart .grid-4{width: 100%!important;}
.redsgnCart-shopping-cart .flexcheckout-tools{padding: 0; margin: 25px 0 0;}
.redsgnCart-shopping-cart span.removeItem { font-size: 1em; position: absolute; top: 105%; right: 20px;}
.graph20 .redsgnCart-shopping-cart span.removeItem {position: static;}
.flexcheckout-tools .chkoutRow{border:0;}
.mobile-bagtop{padding: 20px; background:#f2f2f2; margin-bottom: 10px; }
.mobile-bagtop .flexcheckout-tools { padding: 0; }
.mobile-bagtop .checkout-total{margin-top: 0; padding-top: 0;}
.special-popup h2{padding: 20px 30px; margin: 0; background: #f2f2f2; font-size: 1.25em;}
}
/*.cartwrpr {margin:0 auto; padding:2px 0 13px 0;}
*/
.shiphdng {margin:0 0 10px 0; padding:5px; font-weight:bold; background-color:#efefef; border:1px solid #D2D2D2;}
.shipAddr {border-width:1px 1px 0 1px; border-style:solid; border-color:#999999;}
.shipAddr table td {padding: 5px 10px 5px 3px;}
.cart {width:100%; margin:0 auto 5px auto; border-collapse:collapse;}
.redsgnCart-shopping-cart .cart{margin: 0 10px; padding-right: 10px;}
/* ******** */
/* Cart Fix */
/* ******** */
.cart table {width:100%;}
.cart table tr td {border-bottom:none;}
.cart .edit table tr td{font-size:.9em;}
.cart .edit div a {font-size:.9em;}
/* ************ */
/* End Cart Fix */
/* ************ */
.cart table.innerTable td {border:0; vertical-align:top; padding:0;}
.cart table.innerTable td.pImg {padding-right:10px; }
.graph20 .cart table.innerTable td.pImg {float: left; width: 30%;}
.graph20 .cart table.innerTable td.pDesc {float: left; width: 60%; text-align: left;}
.graph20 .cart td.price{display: none;}
.graph20 .cart td.Total.left, .graph20 .cart td.qty.left { padding-left: calc(30% + 10px);}
.graph20 .cart td.Total.left { border-bottom: 2px solid #f2f2f2;}
.cart table.innerTable td.pDesc {text-align:center;}
.cart th {padding:5px 10px; color:#fff; background-color:#125272; text-align: left;}
.cart td {background-color:#fff; vertical-align:top; padding:10px 0 10px 5px; border-bottom:1px solid #DAE2EA;}
.graph20 .cart td {border-bottom: none;}
.graph20 .cart td.bdrbottom {border-bottom: 2px solid #f2f2f2;}
.redsgnCart-shopping-cart .cart td {padding: 20px 0 20px 5px;}
.cart tr.noborder td {border-bottom-width:0;}
.cart td.edit div {padding:5px 0 0 0; font-size:.9em;}
.cart td.qty input.text, table.cart td.wrapping input.text {width:20px; padding-left:3px; padding-right:3px; text-align:center;}
.cart td p {font-size:13px; font-weight:bold; margin:0; color:#000;}
.cart td ul {margin:0; padding:0; list-style-type:none;}
.cart td ul.selections li {margin-bottom:5px; padding-left:10px; background:url(/cms/images/arrowRight.gif) no-repeat 0 4px; font-weight:bold;font-size:13px;}
.graph20 .smaller.sku{color:#666; font-size: 0.875em;}
@media (min-width:48.000em)
{
.cart table.innerTable td.pImg {width:20%;}
.redsgnCart-shopping-cart .cart table.innerTable td.pImg{width: 30%}
.cart table.innerTable td.pDesc {text-align:left;}
.graph20 .smaller.ship, .smaller.size{font-size: 1em;}
.graph20 .redsgnCart-shopping-cart span.removeItem, .graph20 .redsgnCart-shopping-cart span.saveForLater{font-size: 16px;}
.graph20 .redsgnCart-shopping-cart{
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
padding: 30px 0;
margin: 30px 0;
}
.graph20 .redsgnCart-shopping-cart .grid-8 {padding-left: 0;}
.graph20 .redsgnCart-shopping-cart .cart {margin: 0;}
.graph20 .redsgnCart-shopping-cart .cart td {padding-left: 0;}
.graph20 .cart table.innerTable td.pImg {float: none; width: 30%;}
.graph20 .cart table.innerTable td.pDesc {float: none; width: 60%; }
.graph20 .cart td.price{display: block;}
.graph20 .cart td.Total.left, .graph20 .cart td.qty.left { padding-left: 5px;}
.graph20 .cart td.Total.left { border-bottom: none;}
.graph20 .redsgnCart-cart-tools{ margin-top: -105px;}
.graph20 .cartTools ul li ul.popup{ top: -35px;}
}
a.removeItem {font-size:11px; color:#808081;}
.cartInfo { margin-top: 10px;}
.btnUpdateCart {margin-top: 0;}
.cart-disclaimer {
border: 1px solid #e6e6e6;
background: #f2f2f2;
padding: 5px;
font-size: 11px;
}
.cartSupport .tabdiv p {line-height:1.4em;}
.cartSupport .tabdiv ul {padding:0; margin:5px 0 0 5px; line-height:18px; list-style-type:none;}
.cartSupport .tabdiv ul li {padding:2px 3px 0 0; margin-bottom:7px; color:#000000;}
.cart dl {margin:0;}
.cart dl dt {float:left; padding:10px; width:25%; font-weight:bold;}
.cart dl dd {float:left; width:60%; margin:0; padding:10px; text-align:right;}
.cart dl dt.item-name {
float:none;
width:100%;
padding:10px 0 10px 10px;
margin-bottom:10px;
border-bottom: 1px solid #DAE2EA;
}
.cart dl dt.item-name.first-item-mobile {
padding:5px 0 5px 10px;
background:rgb(230,230,230);
color: rgb(230,230,230);
}
.cart dl dd.item-image {float:none; width: 100%; padding:0; text-align:center;}
@media (max-width:47.938em) {
.cart th {display:none;}
.cart td {display:block;}
}
@media (min-width:48.000em) {
.cart dl dt {display:none;}
.cart dl dd {width:auto !important; padding:0; float:none; text-align:left;}
.graph20 .cart dl dd.item-image {text-align: left;}
}
/*.checkoutBlock {float:right; width:33%; }*/
/*.updateCart {padding-bottom:11px; margin-bottom:11px; border-bottom: 1px solid #D2D2D2;}
*/
.promoCode {margin-bottom:7px; padding:5px 10px; border:1px solid #D2D2D2;}
.promoCode .promoLabel {float:left; font-weight:bold; padding:5px 10px 0 0;}
.promoCode img, .promoCode input {display:block; float:left;}
.promoCode input.image {margin:0 0 0 8px;}
.promoCode input.text {width:117px; margin:2px 5px 0 0;}
.promoCode input.select {width:117px; background-color:#f7f7f7;}
.promoCode .btn-small { margin-top: 2px;}
.multipleShips {padding:0 0 10px 0; margin:0 0 20px 0; border-bottom: 1px solid #D2D2D2;}
/*.chkoutBoxes {margin-bottom:15px;}
.chkoutBoxes .chkoutRow {position:relative; min-height:1px; *height:1%; background:#fff; border:1px solid #DAE2EA; margin-bottom:2px;}
.chkoutBoxes .chkoutRow .title {float:left; display:inline; width:178px; padding:7px 5px 7px 0; margin:0; text-align:right; border-right:1px solid #fff; background-color:#e6edf2;}
.chkoutBoxes .chkoutRow .price {float:right; display:inline; width:95px; padding:6px 15px 0 0; font-size:13px; font-weight:bold; text-align:right;}*/
.chkoutRow { position: relative;}
.graph20 .chkoutRow.m-stack { padding-bottom: 10px;}
.graph20 .chkoutRow .grid-8.right {text-align:left; float:left; width: 60%;}
.graph20 .chkoutRow .grid-4.right {float:right; width: 40%;}
.graph20 .chkoutRow.m-stack.chkoutTotalRow { padding: 16px 0; border-top: 2px solid #d8d8d8;}
.chkoutBoxes a.enterZip, .chkoutBoxes a.enterZip:link, .chkoutBoxes a.enterZip:visited { font-size:11px; color:#000000; text-decoration:underline; z-index:10;}
.checkout-total {
margin-top: 8px;
padding-top: 8px;
border-top: 2px solid #e6e6e6;
}
.shipData {display:none; padding:10px; margin-bottom:2px; border:1px solid #1C4E87; background:url(/cms/images/layout/gradient_tanbottom.gif) repeat-x 0 100%;}
.shipData .shipRow {padding:10px 0 0 0;}
.shipData .shipTitle { margin-top:3px;}
.shipData input, .shipData select {}
.shipData input.text {display:inline;margin:0 5px 0 0}
.updateCart span {display:block;}
.updateCart input.btn {width:100%;}
.proceedCheckout span {display:block;}
.proceedCheckout input.btn {width:100%;}
/* ## dialog windows ## */
.uiModal {display:none;}
.recentDialog .recentlyViewed {border-bottom:1px solid #e5e5e5;}
.recentDialog .itemWrapper {float:left; display:inline; width:215px; padding:0 10px 0 0; margin-bottom:20px;}
.recentDialog .itemWrapper a.itemLink,
.recentDialog .itemWrapper a.itemLink:link,
.recentDialog .itemWrapper a.itemLink:visited {float:left; display:inline; width:103px; margin-right:5px;}
.recentDialog .itemWrapper .itemImage {padding:0; border:1px solid #d2d2d2;}
.recentDialog .itemWrapper .itemDetails {float:left; display:inline; width:105px;}
.recentDialog .itemWrapper .itemTitle a,
.recentDialog .itemWrapper .itemTitle a:link,
.recentDialog .itemWrapper .itemTitle a:visited {color:#000;}
.recentDialog .itemWrapper .itemSku {margin-bottom:5px;}
.recentDialog .itemWrapper .itemPrice {font-size:1em; font-weight:normal; color:#000;}
/*
.imageViewer .mainImage {float:left; display:inline; width:585px;}
.imageViewer .mainImage img {border:1px solid #d2d2d2;}
.imageViewer .thumbnails {float:left; width:103px;}
*/
.imageViewer-image {
float: left;
width: 667px;
/*width: 72%;*/
min-height: 560px;
padding-right: 10px;
}
.imageViewer-alt{
float: right;
width: 166px;
/*width: 24%;*/
min-height: 560px;
}
.imageViewer .mainImage {
width: auto;
height: auto;
max-width: 100%;
}
.imageViewer .altViews {
width: 134px;
min-height: 515px;
background: #f2f2f2;
border: 1px solid #e6e6e6;
padding: 5px 0px 5px 5px;
}
.imageViewer .altViews a {display: inline-block;}
/* Item added to cart */
#item-dialog {
display:none;
background:#fff;
border:solid 2px #005e8f;
position:absolute;
top:176px;
left:626px;
width:320px;
z-index:5000;
}
.hdng-item-dialog{
padding:6px 0;
text-align:center;
font-size:1.4em;
background-color:#e6edf2;
border-bottom:solid 1px #ccd1d8;
}
.item-dialog-content {padding:6px 0 8px 0; margin:0 12px;}
.item-dialog-details {color:#444;}
/* Recommended Items */
.recommended-items {margin:0;}
/* ## Error Markers ## */
/* this overwrites default due to different form support */
.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}
.fieldtext {color:#000000;}
.fielderror {color:#f00;}
.fieldnorm {width:16px; height:20px;}
.req, .fieldreq {padding-right:12px; background:transparent url(/cms/images/global/field-req.gif) no-repeat 100% 2px;}
.error, .fieldred {padding-right:12px; color:#f00; background:transparent url(/cms/images/global/field-error.gif) no-repeat 100% 2px;}
.errorMessage {margin:0 0 25px 0; text-align:left; background-color:#ffff99; border:1px solid #ff0000 ;}
.help {font-size:.9em; color: #666;}
/* ## account area ## */
.mod-content .tabModule {margin:0 !Important; padding:0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNTk3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1MzE0NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #11597d), color-stop(100%, #153146));
background: -webkit-linear-gradient(#11597d, #153146);
background: -moz-linear-gradient(#11597d, #153146);
background: -o-linear-gradient(#11597d, #153146);
background: linear-gradient(#11597d, #153146);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom:0px; padding:0px;}
.frameLogin .matchHeights-Account dl.forms > dt:first-child {display:none;}
.frameLogin .matchHeights-Account dl.forms .help {display:none;}
@media all and (max-width: 53.25em){
.graph20 .siteOverlay .overlayContent .contentWrapper {height: max-content;}
.graph20 #loginFrame1{height: 740px!important; width:99%; margin-left: 1px;}
}
@media all and (min-width: 53.25em){
.graph20 #loginFrame1{height: 655px;width:100%;}
}
@media (max-width:47.94em) {
.frameLogin {}
.frameLogin .matchHeights-Account {}
.frameLogin .matchHeights-Account > div:last-child {display:none;}
.frameLogin .matchHeights-Account.graph20 > div:last-child {display: block;}
.frameLogin .matchHeights-Account .col-1-2 {width:100%;}
.frameLogin .matchHeights-Account .mod-content {min-height:0px !important; border:0px;}
}
.account + .account { margin-top: 0.4em;}
.account .mod-title {
position: relative;
overflow: hidden;
padding: 0.4em 15px;
background: #e4e4e4;
border: 1px solid #cfcfcf;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.graph20 .account .mod-title {
background: #fff;
border: none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 0;
}
.account .mod-title .title {
float: left;
margin: 0;
color: #0c527e;
font-size: 1.14em;
font-weight: bold;
}
.graph20 .guest-account .mod-title .title,
.graph20 .account .mod-title .title{
font-size: 18px;
font-weight: 900;
color: #333;
float: none;
text-transform: uppercase;
}
.graph20 .guest-account .mod-title p,
.graph20 .account .mod-title p{margin:0 ; font-size: 16px;}
.account .title small {
display: inline-block;
padding-left: 1em;
font-weight: normal;
color: #4a4a4a;
}
.account-edit {
display: block;
float: right;
padding:3px 0 1px;
font-size: 0.79em;
text-transform: uppercase;
text-decoration: none;
}
.account-edit:hover,
.account-edit:focus {text-decoration: underline;}
.account .mod-content {
padding: 10px;
font-size: 0.857em;
background: #f2f2f2;
}
.graph20 .account .mod-content {background: #fff; padding: 0;}
@media (max-width:47.938em) {
.matchHeights-Account .mod-content {min-height:0px !important}
}
.account-alt .mod-content {
background: #fff;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.account-info label{font-weight: bold; padding-right: 1em;}
.account-info { word-wrap: break-word;}
.table-transactions {width: 100%;}
.table-transactions th {text-align: left;padding: 0.6em 1.5em;}
.table-transactions td {padding: 0.6em 1.5em;}
.table-transactions tr:nth-child(2n){background: #f2f2f2;}
.table-transactions thead { border-bottom: 1px dotted #d1d1d1;}
.btn.mypoints {
display: block;
line-height: inherit;
background: #153146;
cursor: default;
}
.mypoints strong{
display: block;
font-weight: bold;
font-size: 3.5em;
line-height: 1em;
}
.accountBlocks {position:relative; min-height:1px; border:1px solid #0c527e;}
.accountBlocks .inner {padding:15px 19px 10px 10px;}
.accountBlocks .blockhdng { font-size:1.4em; margin:0; position:static;}
.graph20 .facebook-login-btn, .graph20 .facebook-register-btn{margin: 15px 0 24px;}
.graph20 .facebook-register-btn .guest-divider{ margin: 20px 0;}
@media (min-width:48.000em) {
.accountBlocks .inner {padding:25px 15px 10px 15px;}
.accountBlocks .blockhdng {position:absolute; font-size:1.4em; top:-14px; left:10px; padding:3px 5px; margin:0; background-color:#fff; background-position:50% 50%;}
.graph20 .guest-account .mod-title .title,
.graph20 .account .mod-title .title{font-size: 24px;}
.graph20 .account .mod-title p.desktop{display: block!important;}
.graph20 .facebook-login-btn, .graph20 .facebook-register-btn{margin: 30px 0 15px;}
.graph20 .facebook-register-btn {
max-width: 450px;
margin: 0 auto;
}
}
/*.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}*/
.multiColumn {}
.multiColumn .halfColumn {float:left; display:inline; width:48%;}
.multiColumn .rightColumn {float:right;}
@media (max-width:47.938em) {
.multiColumn .halfColumn {float:none; width:auto; display:block;}
}
.accountLogin {background:url(/cms/images/global/lbl-or.gif) no-repeat center 45%;}
.graph20 .accountLogin { background: none;}
.accountLogin .halfColumn {width:46%;}
.accountBlocks .cartwrpr {margin:0; padding:0;}
.accountBlocks .multipleShips {border-bottom:0; padding:0; margin:0;}
/*
input[readonly], textarea[readonly], select[readonly] {background: none repeat scroll 0 0 lightgray;}
*/
.coreq {float: left !important;}
.codd {width: auto !important;}
.formTable {vertical-align:top;}
.formTable th {width:100px; padding:0 12px 7px 0; background-color:transparent; vertical-align:top; font-weight:bold;}
.formTable td {padding:0 0 7px 0; vertical-align:top;}
.formTable td td {padding:0 2px 0 0;}
.formTable .req {font-weight:bold;}
.formTable .error {font-weight:bold; color:#f00;}
.formTable .securityCode {padding:7px 5px 7px 0; border:1px solid #a8c6e0;}
.formTable input.text {}
.forms {float:left; display:inline; width:100%; margin:0 0 10px 0; padding-top:5px;}
.forms dt {float:left; clear:left; width:40%; margin:0; padding:0 12px 7px 0; text-align:right; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forms dt.full {width:90%; clear:both; text-align:left;}
.forms dd {float:left; width:60%; margin: 0; padding:0 5px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.forms dd.clear {padding:0; margin:0;}
.forms dd.full {width:90%; clear:both;}
.graph20 .account-shipping dd.full {width: 100%;}
.forms dd.clear {width:90%; clear:both; float:none;}
.forms dd.help {padding-top:2px;}
.forms dl {float:none; display:block; margin:0;}
@media (max-width:47.938em) {
.forms dd.help {margin:-35px 0 7px 20px;}
}
.forms .req {font-weight:bold;}
.forms .error {font-weight:bold; color:#f00;}
.forms .optional {font-weight:normal;}
.forms label {vertical-align:top;}
.forms input.text {width: 160px;}
.forms textarea { width:100%;}
.forms input[type="checkbox"] + label { padding-left: 5px; padding-right: 10px;}
.accountBlocks input.text {color: #444444}
input#txtShippingAddress10 { background-image: none !important;}
.shippingcompany { word-wrap: break-word;}
.formRow {margin:0 0 8px 0;}
.formRow label {display:inline-block; margin:0 0 4px 0;}
.formRow input.text {width:210px; margin:0 0 7px 0;}
.formRow input.full {width:93%;}
.formRow .req, .formRow .fieldreq {padding:0 0 0 12px; background-position:0 2px;}
.formRow .error, .formRow .fieldred {padding:0 0 0 12px; background-position:0 2px;}
.forms fieldset {margin:0; border:0; padding:0;}
.formRow .formLabel {display:block; font-weight:normal;}
.formsColumn .formRow .formLabel {float:left; display:inline; width:110px; margin-right:10px;}
@media (max-width:47.938em) {
.forms dt {display:inline-block; float:none; width:auto; text-align:left; word-wrap: break-word;}
.forms dd {display:block; float:none; width:100%; text-align:left; padding:0 0 7px 0; word-wrap: break-word;}
}
.form-full {max-width:500px; margin:0 auto;}
.form-full .formRow {margin:10px 0;}
.form-full label {font-size:1.5em; margin-bottom:25px;}
.form-full input[type="text"],
.form-full input[type="password"] {width:100%; margin:0;}
.form-full input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-full .inputRow {position:relative; margin-bottom:10px; z-index:1;}
.form-full .inputRow .icon {
position:absolute;
top:0px;
left:0;
display:block;
width:40px;
height:100%;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
background-color:#ccc;
-webkit-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.graph20 .form-full .inputRow .icon {
background: none;
border:none;
border-radius: 0;
}
.form-full .inputRow .icon span {position:absolute; top:30%; left:15px;}
.form-full .inputRow input.formee-error + .icon {background-color:#C00000; color:#fff;}
.form-full .inputRow input {padding-left:45px;}
.form-full .inputRow input:focus + .icon {background-color:#235776; color:#fff;}
.multiCol .colWrap {float:left; display:inline;}
.multiCol2 .colWrap {width:48%;}
.multiCol .ratio29 {width:29%; margin-left:2%; margin-right:2%; }
.multiCol .ratio35 {width:34%;}
.multiCol .ratio40 {width:39%;}
.multiCol .ratio60 {width:59%;}
.multiCol .ratio65 {width:64%;}
.shipmethod {position:relative; display:inline-block;}
.shipalert {position:absolute; right:-198px; top:0; padding:7px 20px 7px 7px; width:160px; border:solid 1px #9baab7; background:#E0E0E0;}
.shipalert .arrowTab {position:absolute; top:-1px; left:-9px; width:8px; height:9px; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 0 0;}
.shipalert .close {position:absolute; top:2px; right:2px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; text-indent:-9999em;}
/* ## sub-mini cart ## */
.subCart {margin-bottom:20px;}
.subCart th {background:transparent;}
/* ## checkout process ## */
ul.processSteps {margin:0; padding:0; list-style-type:none;}
ul.processSteps li {float:left; display:inline; padding:5px 7px; margin:0 3px 10px 0;}
ul.processSteps li.active {background-color:#2F679B; color:#fff; border:1px solid #2F679B;}
ul.processSteps li.prevStep {background:#E0E0E0;}
ul.processSteps li.prevStep a,
ul.processSteps li.prevStep a:link,
ul.processSteps li.prevStep a:visited {color:#666;}
.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}
.dynamic_error{color: #ffffff; display: block; padding: 5px 20px; background: #1c4d6a; border-radius: 5px; margin: 10px 0 20px;}
.graph20 .dynamic_error{color: #333; background: none; border: 2px solid #1c4d6a;}
.dynamic_error a{color: #1c4d6a; background: #ffffff; padding: 5px 10px; display: inline-block; border-radius: 5px; text-decoration: none; margin: 5px 10px;}
.dynamic_error a:active,
.dynamic_error a:focus,
.dynamic_error a:hover{font-weight: bold;}
.dynamic_error.crtacc{cursor: pointer;}
/* ## send to friend ## */
.friendPopup {width:660px; padding:10px; margin:0 auto;}
.friendPopup dl.forms dt {width:90px;}
/* ## Limit Textbox ## */
.txtlimitbx {background-color:#1c4e87;}
.txtlimitbx2 {background-color:#a8c6e0;}
/* ## faq ## */
ul.faqLinks {margin:5px 0 10px 15px; padding:0; list-style-type:none;}
ul.faqLinks li {padding-bottom:5px;}
dl.faqList {}
dl.faqList dt {font-weight:bold; margin-bottom:3px;}
dl.faqList dd {position:relative; padding-left:20px; margin:0 0 7px 0;}
dl.faqList .answerLabel {position:absolute; top:0; left:0; font-weight:bold;}
/* ## Edit Customer Order ## */
.eco {float:right;padding:5px;border:solid 1px #000;background:#fff;margin:5px;position:relative;z-index:1000; color:#f00;line-height:1.5em;}
.eco a {color:#f00;font-weight:bold;}
/* ## dropcart ## */
.dropCart {margin:0 auto; display:none;}
.dropCartHeader {padding:5px; font-weight:bold; font-size:12px; background:#D9D9D9; color:#333;}
.dropCartHeader .closebtn {float:right; display:inline; width:24px; height:22px; margin:3px 6px 0 0; background:url(/cms/images/layout/dc_close.gif) no-repeat 0 0; text-indent:-9999em; cursor:pointer;}
.cartContainer {padding:7px 8px 16px 8px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; background:#fff;}
.dropCart .dropCartContent {padding:10px 0;}
.dropCartBase .hdrBannerBar {position:static; height:28px; z-index:1; padding:4px 0 0 10px; border-left:1px solid #D9D9D9; border-bottom:1px solid #999;}
.dropCartBase .checkoutBlock {background:#fff; }
.dropCartBase .chkoutBoxes {margin-bottom:0; border-right:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutRow {border-left:1px solid #0079AA;}
.dropCartBase .chkoutBoxes .chkoutSubtotal {border-left:0; margin-left:1px;}
.dropCartBase .chkoutBoxes .chkoutRow .title {height:25px; padding-bottom:0;}
.dropCartButtons {padding:5px; text-align:center;}
.dropCartButtons .btnWrapper {margin:5px 0; display:block;}
.dropCartButtons .btnWrapper .btn,
.dropCartButtons .btnWrapper .btn-regular {display:block; width:100%;}
.dropCartButtons .btnWrapper .btn-regular {font-size:16px;}
.graph20 .dropCartButtons .btnWrapper .btn-regular {text-transform: uppercase;}
/* ## recent cart ## */
.recent-cart {position:absolute; top:-9999em; right:26px; width:315px; z-index:1000000000; background:#fff; border:1px solid #949494;}
.recent-cart .itemWrapper {float:none; display:block; width:auto; height:auto; padding:0 10px;}
.recent-cart .itemWrapper .itemLink,
.recent-cart .itemWrapper .itemLink:link,
.recent-cart .itemWrapper .itemLink:visited {float:left; width:101px;}
.recent-cart .itemWrapper .itemContent {margin-left:110px;}
.recent-cart .itemWrapper .itemTitle {font-weight:bold;}
/* .usa-ada .recent-cart{z-index: 999999!important;} */
.usa-ada .recent-cart:focus{border-radius: 2px;box-shadow: 0 0 3px 2px #78aeda;}
/* ## collection items ## */
.collectionItems {border:solid 3px #ddd;padding:10px;height:350px;overflow:auto;}
.collectionItems .itemWrapper {padding:10px;}
.collectionItems .itemWrapper a.itemLink,
.collectionItems .itemWrapper a.itemLink:link,
.collectionItems .itemWrapper a.itemLink:visited {float:left; display:inline; width:226px;}
.collectionItems .itemWrapper .itemDetails {float:left; display:inline; width:40%; margin-left:10px;}
.collectionItems .itemWrapper .itemTitle {display:inline;}
.collectionItems .itemWrapper .detailsRow {margin:10px 0;}
.collectionItems .itemWrapper .itemQuantity {float:right; display:inline; width:150px;}
.collectionItems .itemWrapper .itemQuantity .rowLabel {float:left; display:inline; margin-right:5px; padding-top:3px;}
.toolTipTrigger {margin-left:10px; cursor:pointer; text-decoration:underline;}
.toolTip {
display:none;
width:220px;
padding:5px;
text-align:left;
border:2px solid #e5e3e1;
background:#fff;
}
.Bannerrotate ul,
.Bannerrotate ul li {display:block; width:100%; text-align:center; margin:0; padding:0; list-style-type:none;}
.RadioButtonList label {margin-right:10px;}
/* site tags */
.tagsWrapper {padding:5px; border:1px solid #ccc;}
.tagsWrapper .taghdng {font-weight:bold; color:#000; text-decoration:none;}
.tagList {display:inline; margin:0; padding:0; list-style-type:none;}
.tagList li {display:inline; margin:0 2px;}
.tagList a,
.tagList a:link,
.tagList a:visited {color:#666;}
.addTag-trigger{text-decoration:underline; cursor:pointer;}
.addTagWrapper {display:none;}
.hTagcloud .tagList {display:block; margin:0 auto; text-align:center;}
.tagList .popular1 {}
.tagList .popular2 {font-size:1.2em;}
.tagList .popular3 {font-size:1.4em;}
.tagList .popular4 {font-size:1.6em;}
.tagList .popular5 {font-size:1.8em;}
/* ## Master Overlay Control ## */
/* overlay quick view */
.qvWrapper .qvLeft {float:left; display:inline; width:250px; margin-bottom:10px;}
.qvWrapper .qvRight {float:right; display:inline; width:250px; margin-bottom:10px; padding-top:5px;}
.qvWrapper .productImage {position:relative;}
.qvWrapper .productImage img {display:block; margin:0 auto;}
.qvWrapper .reviewItem {margin-bottom:18px; padding:10px 0;}
.qvWrapper .textRating {display:none;}
.qvWrapper .averageCount {margin-left:7px; font-style:italic; color:#2d7ac0;}
.qvWrapper .itemPrice {margin:10px 0; padding:0; border:0; line-height:normal;}
.qvWrapper .itemButtons {position:absolute; bottom:14px; left:43px; right:43px;}
.qvWrapper .itemButtons a.detailsButton,
.qvWrapper .itemButtons a.detailsButton:link,
.qvWrapper .itemButtons a.detailsButton:visited {display:block; height:28px; margin-bottom:4px; line-height:28px; font-size:10px; font-weight:bold; color:#fff; text-align:center; text-decoration:none; text-transform:uppercase; background:#000; border:1px solid #6e6d6a;}
.qvWrapper .itemButtons a.detailsButton:hover,
.qvWrapper .itemButtons a.detailsButton:active {background:#6e6d6a;}
.qvWrapper .tabnav li a,
.qvWrapper .tabnav li a:link,
.qvWrapper .tabnav li a:visited {padding:5px 20px; font-size:11px;}
.qvWrapper .tabnav li.ui-tabs-selected a,
.qvWrapper .tabnav li.ui-tabs-selected a:link,
.qvWrapper .tabnav li.ui-tabs-selected a:visited {font-size:11px; padding:6px 20px;}
/* ## one page checkout ## */
.note {font-size:.8em; color:#4e4e4e;}
.note a, .note a:link, .note a:visited {text-decoration:underline;}
.memberBar {min-height:1px; margin:0 0 7px 0; padding:5px; background:#e6edf2;}
.memberBar .hdng {margin:0; padding:0 10px; line-height:30px; border:0; border-right:1px solid #fff;}
.memberBar .memberBarInner {padding:3px 15px 0 15px; text-align:right;}
.memberBar label {margin-right:2pxs; font-weight:bold; vertical-align:baseline;}
.memberBar span.btnWrapper {margin-right:10px;}
/* .useSavedAddress {font-size:.9em; color:#4e4e4e; background:url(/cms/images/layout/gradient_graybottom.gif) repeat-x 0 100%;}
.useSavedAddress input {margin-right:5px; vertical-align:middle;}*/
.onePageCheckout { position:relative; }
.onePageCheckout .title {margin: 0; font-size: 1.71em;}
.onePageCheckout .checkboxTitle {background:#F2F2F2; border:1px solid #E6E6E6; margin:0 0 10px 0; font-size:1.5em; line-height:normal;}
.graph20 .onePageCheckout .checkboxTitle {background: none; border: none; font-size: 18px; line-height: 24px; color: #333; text-transform: uppercase;}
.onePageCheckout .checkboxTitle input[type="radio"] {float:left; margin:9px 10px 0 10px; }
.onePageCheckout .checkboxTitle label {display:block; padding:5px; cursor:pointer;}
.graph20 .onePageCheckout .checkboxTitle label {padding: 5px 5px 5px 25px;}
.checkoutSection {
padding-top: 1em;
margin-top: 1em;
border-top: 1px dotted #d1d1d1;
}
.graph20 .checkoutSection { border-top: none; margin: 0; padding: 0;}
.inStorePickup {
border-top:2px dotted #145374;
padding-top: 1.2em;
margin-top: 1.2em;
}
.inStorePickup .address {padding:10px 10px 15px 10px; font-size:.9em; color:#666666;}
.inStorePickup .address .addressTitle {text-align:left; font-size:1.3em; font-weight:bold;}
.inStorePickup .address .addressLabel {float:left; width:120px; text-align:left; font-weight:bold;}
.inStorePickup .address .addressContent {float:left; text-align:left; }
.onePageCheckout .formRow { margin-bottom: 0.4em;}
.onePageCheckout label.input-req {font-weight: bold;}
.onePageCheckout input[type='text'],
.onePageCheckout select {
padding: 10px;
border-radius: 5px;
border: 1px solid #CCC;
color: #666;
margin: 6px 0 0;
}
.onePageCheckout input[type='text']:focus,
.onePageCheckout input[type='text']:active,
.onePageCheckout select:focus,
.onePageCheckout select:active {border-color:#FF732E; outline-color:#FF732E;}
.graph20 .onePageCheckout input[type='text']:focus,
.graph20 .onePageCheckout input[type='text']:active,
.graph20 .onePageCheckout select:focus,
.graph20 .onePageCheckout select:active {border-color:#333; outline-color:#333;}
dl.checkoutProcess {min-height:1px; margin:0 0 15px 0;}
/*dl.checkoutProcess dt.stepTitle {border:1px solid #1C4E87;}*/
dl.checkoutProcess dt.stepTitle span.stepTitleInner {
position:relative;
display:block;
padding:15px 65px 15px 20px;
font-size:1.3em;
color:#fff;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #245877 0%, #15435f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#245877), color-stop(100%,#15435F));
background: -webkit-linear-gradient(top, #245877 0%,#15435F 100%);
background: -o-linear-gradient(top, #245877 0%,#15435f 100%);
background: -ms-linear-gradient(top, #245877 0%,#15435f 100%);
background: linear-gradient(to bottom, #245877 0%,#15435F 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245877', endColorstr='#15435f',GradientType=0 );
}
.graph20 dl.checkoutProcess dt.stepTitle span.stepTitleInner{
color: #333;
font-size: 24px;
line-height: 24px;
font-weight: 900;
background: #fff;
text-transform: uppercase;
position: relative;
padding: 30px 65px 15px 75px;
}
dl.checkoutProcess dt.inactive span.stepTitleInner {
color: #fff;
background: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
dl.checkoutProcess dt.previous {border:1px solid #DAE2EA;}
dl.checkoutProcess dt.previous span.stepTitleInner {color:#707070; background-color:#e6edf2;}
dl.checkoutProcess dd.stepContent {margin:0 0 1px 0; padding:20px 10px; border:1px solid #DAE2EA ; border-top:0;}
.graph20 dl.checkoutProcess dd.stepContent {border: none; border-bottom: 2px solid #F2F2F2; padding: 10px;}
.graph20 dl.checkoutProcess dd.stepContent:last-child { border-bottom: none;}
dl.checkoutProcess .stepGroupTitle {float:left; display:inline; width:110px; margin-right:20px; text-align:left;}
dl.checkoutProcess .stepGroupTitle .hdng {font-size:17px; color:#4e4e4e; border:0; font-weight:normal;}
/*dl.checkoutProcess .stepGroupContent {float:left; display:inline; width:470px; margin-bottom:13px;}*/
dl.checkoutProcess .stepGroupContent .accountBlocks {margin:0; border:0;}
dl.checkoutProcess .stepGroupTitle .hdng span {display:block; padding:3px 0 0 0; font-size:11px; text-transform:none;}
.checkoutProcess .forms fieldset {position:relative; margin:0 0 10px 130px;}
.checkoutProcess .forms fieldset legend {position:absolute; left:-130px; top:0; width:110px; color: #4E4E4E; font-size: 17px; font-weight: normal; white-space:normal;}
.checkoutProcess .forms fieldset legend span {float:left;}
.checkoutProcess .forms fieldset legend span.note {float:none; font-size:11px;}
.checkout-heading,
.store .main-area .page-heading .title,
.page-heading.with-line {
border-bottom: 1px dotted #d1d1d1;
margin-bottom: 1em;
}
.graph20 .checkout-heading{ border: none;}
.graph20 .checkout-heading > div.grid-12 > p:first-child { margin-top:30px!important;}
.graph20 .page-heading.with-line {border: none;}
.graph20 .main-area .redsgnCart-cart-tools .page-heading .title{padding-top: 0; border-top: none;}
.store .main-area .page-heading.with-line .title {border-bottom: 0; margin-bottom: 0;}
.checkout-heading .title {margin: 0.5em 0;line-height: 1em;}
.store .main-area .page-heading .title, .page-heading.with-line .title {
margin-left: 20px;
margin-right: 20px;
padding-bottom: 0.3em;
}
.graph20.store .main-area .page-heading .title {
margin: -35px 0 0;
padding-bottom: 30px;
border-bottom: 2px solid #F2F2F2;
text-transform: uppercase;
}
.graph20.checkout .main-area .page-heading .title {
padding: 35px 0 55px;
border-top: 2px solid #F2F2F2;
}
.checkout-login {
padding: 1.5em 1em 0;
font-size: 1.2em;
text-align: right;
}
.checkoutCart { border: 1px solid #f2f2f2;padding: 15px;}
.graph20 .checkoutCart{ background: #f2f2f2; border: none; padding: 0;}
.cartHeader:after {
content: "";
display: table;
clear: both;
}
.cartHeaderInner {
float: left;
margin: 0 0 0.5em;
font-size: 1.71em;
}
.graph20 .cartHeaderInner{font-size: 18px; padding: 16px 16px 30px; text-transform: uppercase;}
.checkoutCart .editLink {
display: inline-block;
padding: 7px 0;
float: right;
text-transform: uppercase;
font-size: 0.86em;
text-decoration: none;
}
.graph20 .checkoutCart .editLink { padding: 28px 16px 35px; font-size: 16px; text-decoration: underline;}
.checkoutCart .grid-image {width:60px;}
.graph20 .checkoutCart .grid-image {height: 60px;}
.checkoutCart .grid-title {margin-left:60px; float:none; width:auto;}
.graph20 .checkoutCart .grid-title{font-size: 1.5em; line-height: 20px;}
.checkoutCart .editLink:hover,
.checkoutCart .editLink:focus { text-decoration: underline;}
.graph20 .checkoutCart .editLink:hover,
.graph20 .checkoutCart .editLink:focus {color: #0079AA;}
.chkoutBoxes {
border: 1px solid #e6e6e6;
background: #f2f2f2;
padding: 10px;
}
.graph20 .chkoutBoxes { border: none; padding:16px;}
.graph20 .chkoutBoxesTitle{ position: relative;}
.graph20 .chkoutBoxesTitle:before {
content: '';
height: 5px;
width: 116%;
background: #fff;
position: absolute;
bottom: 40px;
margin: 0 -16px;
left: 0;
}
.graph20 .chkoutBoxesTitleInner{font-size: 18px; text-transform: uppercase;}
.chkoutTotalRow {font-weight: bold;}
.chkoutBoxes em { color: #999999;}
/*.checkoutSummary {position:absolute; top:0; right:0; width:290px; height:100%;}*/
/*.checkoutCart {position:absolute; top:0; width:290px; padding:0;}*/
/* .checkoutCartInner {margin:0 0 2px 0;}
.checkoutCart .cartHeader {border:1px solid #a8c6e0;}
.checkoutCart .cartHeader .cartHeaderInner {position:relative; padding:7px 65px 7px 10px; color:#1C4E87; font-size:14px; font-weight:bold; background-color:#e6edf2;}
.checkoutCart .cartItems { padding:1px 10px; border:1px solid #dae2ea; border-top:0; }
.checkoutCart .itemWrapper {margin:10px 0; }
.checkoutCart .itemImage {float:left; display:inline; height:auto;}
.checkoutCart .itemContent {position:static; padding:0; text-align:left; font-size:1em;}
.checkoutCart .itemContent .itemTitle { float:left; width:55%; margin:0; text-align:left; font-size:1em; font-weight:normal; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.checkoutCart .recipHeader { padding:10px 0 0 0; border-bottom:1px dotted #ccc; }
.checkoutCart .itemWrapper .itemSwatch {float:left; display:inline; margin:7px 0 12px 0;}
.checkoutCart .itemWrapper .itemPrice { float:right; display:inline; width:40%; margin:0; font-size:1em; text-align:right; font-weight:normal; }
.checkoutCart .itemWrapper .qtyNum {}
.checkoutCart .chkoutBoxes .chkoutRow .title {width:160px;}
.checkoutCart .chkoutBoxes .chkoutRow .price {width:105px;}
*/
.siteStamps {margin:10px 0;}
.siteStamps img {vertical-align:middle;}
.stepTitle {margin: 0.25em 0;}
dl.checkoutProcess dt.stepTitle a.editLink,
dl.checkoutProcess dt.stepTitle a.editLink:link,
dl.checkoutProcess dt.stepTitle a.editLink:visited {position:absolute; right:10px; top:8px; font-size:14px; text-decoration:none; text-transform:none; color:#fff;}
/* .checkoutCart .cartHeader a.editLink,
.checkoutCart .cartHeader a.editLink:link,
.checkoutCart .cartHeader a.editLink:visited {position:absolute; right:10px; top:8px; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none;}
*/
.dateSelection .selector {float:left; display:inline; width:90px; margin-right:10px;}
.dateSelection div.selector span {width:60px;}
.dateSelection div.selector select {width:97px;}
.checkoutProcess .supportedPayments { text-align: left; margin:10px; }
.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}
.helpfulInfo {font-size:14px; color:#4e4e4e; line-height:1.7em;}
.helpfulInfo .hdng2 {margin:0; font-size:18px; font-weight:normal; color:#4e4e4e;}
.cartQuestionsText {float:left; display:inline; width:255px; padding:0 20px;}
.helpLinks {float:left; display:inline; width:320px;}
.helpLinks ul.linkList {}
.helpLinks ul.linkList li {float:left; display:inline; width:140px; margin:0 10px 0 0; padding:0 0 0 10px; background:url(/images/layout/arrow_right_red_open.gif) no-repeat 0 8px;}
.helpLinks ul.linkList a,
.helpLinks ul.linkList a:link,
.helpLinks ul.linkList a:visited {color:#4e4e4e; text-decoration:none;}
.shippingOptions {}
.shippingOptions .shipOpt {float:left; display:inline; width:160px; margin: 0 5px 5px 0; padding:5px 10px 5px 5px;}
.shippingOptions .shipOpt label {margin:0; cursor:pointer;}
.shipping-selected {background-color:#e6edf2;}
.reviewAllBlock {float:left; display:inline; width:48%; margin:0 10px 0 0; padding:0;}
.reviewAllBlock .listhdng {display:block; margin-bottom:4px;}
.reviewAllBlock .secondRow {margin-top: 11px;}
.reviewAllBlock .recipientSeparator {border-top: 1px solid #666; width:50%;}
.reviewAllBlock .hline {border-bottom:1px solid #D2D2D2; display:block; margin:-8px 0 5px; width:45%;}
.graph20 .reviewAllBlock .hline {border-bottom: none;}
span.grandTotal {color:#142c88; font-size:16px;}
span.billingEmail {display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; vertical-align:bottom;}
.sezzle-brand{margin:0px;}
.LeftNavWrapper{margin-top: 40px;}
.display-flex{display: flex; justify-content: flex-start; align-items: center;}
.credit-card-options.display-flex{align-items: flex-start}
.credit-card-options h3{text-align: center;}
.graph20 .credit-card-options h3 { margin-top: 5px;}
.display-flex .sezzle-brand,
.display-flex .ccbox{width: 30%; position: relative; text-align: center;}
.display-flex.sezzle-integrate .supportedPayments,
.display-flex .cc-div{width: 60%;}
.display-flex .sezzle-brand img{width: 60%;}
.gift-card-rm .altPayment{width: 100%; margin: 15px;}
.gift-card-rm .altPayment td{text-align: center;}
.ccbox{position: relative;}
.ccfauxbox {display: block;position: absolute;border: 5px solid #AAAAAA;border-radius: 100%; height: 20px; width: 20px; top: 30px; left: 20px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; cursor: pointer;}
.ccbox .ccfauxbox{left: 0; top: 20px;}
.graph20 .ccfauxbox { border: 3px solid #999; top: 0;}
.sezzle-brand .ccfauxbox{left: 0px; top: 0px;}
.graph20 .ccfauxbox#imgSezzleSelect { top: 5px;}
.ccfauxbox::before {display: block;position: absolute; content: '';border-radius: 100%;height: 10px;width: 10px;top: 5px; left: 5px;margin: auto; transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;}
.ccfauxbox.active { border: 5px solid #ff732e;}
.graph20 .ccfauxbox.active { border: 3px solid #15435F;}
.ccfauxbox.active::before{ background: #ff732e;}
.graph20 .ccfauxbox.active::before {
background: #15435F;
height: 14px;
width: 14px;
top: 3px;
left: 3px;
}
.banner-random{text-align: center;}
.wrapper-inner > .banner-random {background:#333333;}
.sezzle-disabled .ccbox{display: none;}
.sezzle-disabled .cc-div{width: 100%;}
.sezzle-disabled > .grid-12{}
@media (max-width:47.99em) {
.wrapper-inner > .banner-random {display:none;}
.display-flex{flex-wrap: wrap;}
.display-flex .sezzle-brand img{width: 65%; margin:0 auto;}
.display-flex .sezzle-brand,
.display-flex .ccbox{width: 100%; text-align: center;}
.display-flex.sezzle-integrate .supportedPayments,
.display-flex .cc-div{width: 100%}
.checkoutProcess .supportedPayments{text-align: center;}
.gift-card-rm .altPayment td,
.gift-card-rm .altPayment th.altPaymentHdr{text-align: left;display: block; }
.gift-card-rm .altPayment tr.altPaymentRow{display: table-cell;width: 50%;}
}
@media (min-width:768px) and (max-width:1024px) {
.postalcode {margin-left: -15px !important;}
.shippingcontinue {clear:both;}
.display-flex .sezzle-brand,
.display-flex .ccbox{width: 50%;}
.display-flex.sezzle-integrate .supportedPayments,
.display-flex .cc-div{width: 50%}
.graph20 .creditCardField .grid-6.omega {width: 51%; padding-left: 0;}
}
@media (min-width:48em) {
.graph20 .chkoutBoxes{padding: 30px 10px;}
.graph20 .cartHeaderInner{font-size: 24px;padding: 30px 30px 27px;}
.graph20 .chkoutBoxesTitleInner{font-size: 24px;}
.graph20 .checkoutCart .editLink { padding: 40px 30px 30px; font-size: 16px; }
.graph20 .chkoutBoxesTitle {padding: 20px 0px;}
.graph20 .chkoutBoxesTitle:before {bottom: 108px; width: 133%; margin: 0 -30px;}
.graph20 .chkoutRow.m-stack .grid-8, .graph20 .chkoutRow.m-stack .grid-4{padding: 0;}
.graph20 .chkoutRow.m-stack.chkoutTotalRow { margin:0;}
.graph20 dl.checkoutProcess dt.stepTitle span.stepTitleInner{font-size: 36px; padding-left: 82px;}
.graph20 .onePageCheckout .checkboxTitle { font-size: 24px;}
.graph20 .checkoutSection { padding: 0 100px 0 40px;}
.graph20.checkout .main-area .page-heading .title { padding: 35px 0;}
.graph20 .newsletterField { max-width: 500px;}
.graph20 .credit-card-options h3{margin-left: 25px;}
}
@media all and (min-width: 867px){
.graph20 .chkoutBoxesTitle:before {bottom: 75px;}
}
@media all and (min-width: 64em){
.graph20 .display-flex .cc-div{width: 70%;}
.graph20 .display-flex .ccbox{width: 30%;}
.graph20 .creditCardField .grid-6.omega {width: 50%; padding-left: 10px;}
.graph20 .chkoutBoxes{padding: 30px;}
}
.checkoutOr {background:url(/cms/images/layout/or.jpg) no-repeat 0 0; width:84px; height:10px;margin: 20px auto 0;}
.checkoutOr span {display:block; margin:0 auto; text-align:center; width:30px; background:#ffffff; text-transform:uppercase; position:relative; top:-2px; color:#aaaaaa;}
.multiHolder{width: 960px; margin: 0 auto;}
.multiLeft{ width: 220px;float: left;}
.multiRight{width: 720px;margin-left: 20px; float: left;}
.multiLeft [class*="grid"], .multiRight [class*="grid"]{padding: 0px;margin: 10px 2%;}
.multiLeft [class*="grid"] .block, .multiRight [class*="grid"] .block{padding: 0px; margin: 0px;}
.multiLeft .grid-3{ margin-left: 0px;}
.multiRight .fItem{ margin-left: 0px !important; }
.multiRight .lItem{ margin-right: 0px !important; }
.multiRight .grid-12{width: 100%;margin: 0px;}
.multiRight .grid-9 .block{ margin: 20px;}
.multiRight .grid-6{width: 48%;}
.multiRight .grid-4{width: 220px;margin: 0px 15px;}
.multiRight .grid-3{width: 22%;}
.multiRight .grid-13{width: 125px;margin: 0 12px;}
.multiRight .grid-13.lItem{ margin: 0 11px;}
/* #350256 - center the overlay */
.siteOverlay {left:50% !important; transform: translateX(-50%);}
/* ==========================================================================
pBox for cart popup promo # 374249
========================================================================== */
#pBox {
position: absolute;
height: 220px;
width: 260px;
padding: 0px 10px;
border: 1px solid #8BB5CE; -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4);
box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.4);
background: #fff;
z-index: 999;
margin-top: -105px;
right: 51px;
display: none;
}
#pBox .close {float: right; padding:0px; font-weight: none; padding-top: 5px; color: #1D4C6A; margin-bottom: 10px; cursor: pointer;}
#pBox .close span {display:inline-block; padding-left: 5px; color: #1D4C6A; font-size: 1.3em; font-weight: bolder; cursor: pointer !important;}
#pBox .pText {clear: both; background: #F2F2F2;}
.updateCart .promoCode { position: relative;}
#pBox h3{ font-family: 'Open Sans';color: #0f516e !important; font-weight: 800; font-size: 2em; text-align: center; margin-bottom: 5px; padding-top: 10px; margin-top:0px;}
.pCode {text-align: center; font-weight: bold; font-size: 1.5em; margin-bottom: 10px; color: #0f516e;}
.pCode span {font-weight: normal; color: #000;}
.pDesc {text-align:center;}
.pText{ border: 1px dashed #0f516e; width: 220px; margin:10px auto 0px; padding:10px 10px 15px 10px;}
#lnkPromoPopup {cursor:pointer;}
.promoPopup {clear:both;float:left;}
@media only screen and (max-width: 30em){
.recent-cart{left: 0!important; right: 0!important;}
}
/* For the listing pages when items need to be flexed */
.itemList .itemRow.itemRowFlexed { display: block;}
@media(min-width:768px) {
.itemList .itemRow.itemRowFlexed { display: flex; flex-wrap: wrap; }
}
.itemList .itemRow.itemRowFlexed .itemWrapper {
float: none;
width: auto;
display: block;
}
@media(min-width:768px) {
.itemList .itemRow.itemRowFlexed .itemWrapper { width: calc(50% - 35px); }
}
@media(min-width:1140px) {
.itemList .itemRow.itemRowFlexed .itemWrapper { width: calc(33.333% - 35px); }
}
/* Graphics Implementation */
.graph20 tr.item-frame{border-top: 2px solid #f2f2f2; position: relative;}
/* tr.item-frame .qty{position: relative; top: -75px; width: 35px; left: 259px;} */
.graph20 .redsgnCart-shopping-cart .innerTable .name a {color: #333; font-weight: 900; font-size: 1.25em; text-decoration: none;}
.graph20 .redsgnCart-shopping-cart .innerTable .name a:hover, .redsgnCart-shopping-cart .innerTable .name a:focus {opacity: .8;}
.graph20 .saveForLater.has-divider {
padding-right: 6px;
margin-right: 3px;
position: relative;
}
.graph20 .saveForLater.has-divider:after {
content: '';
position: absolute;
width: 1px;
height: 13px;
background: #15435F;
right: 0;
top: 3px;
}
.graph20 tr.qty-flex{ display: flex; padding-top: 10px;}
.graph20 .prodct-desc strong{color: #333!important; font-weight: 900; font-size: 16px;}
/* temp based on if images have text */
.graph20 .item-activity{ text-align: center; font-weight: 900;}
.graph20 .grid-item-swatch {min-height: 50px!important;}
.graph20 .checkoutProcess .stepTitle span.bold{
position: absolute;
color: #fff;
z-index: 500;
left: 28px;
}
.graph20 .checkoutProcess .stepTitle span.bold:before{
content: "";
background: #15435F;
height: 36px;
width: 36px;
border-radius: 50%;
position: absolute;
left: -10px;
top: -4px;
z-index: -1;
}
.graph20 dl.checkoutProcess dt.inactive span.bold:before { background: #ccc;}
.graph20 dl.checkoutProcess dt.inactive span.stepTitleInner::after{top: 24px;}
.graph20 dl.checkoutProcess dt.inactive span.stepTitleInner {
color: #ccc;
padding-top: 24px;
padding-bottom: 24px;
}
.graph20 dl.checkoutProcess dt#titleBilling.inactive span.stepTitleInner { border: none;}
.graph20 dl.checkoutProcess dt#titleShipping0.inactive span.stepTitleInner{border-top: none;}
.graph20 .stepTitle.inactive { border-bottom: 2px solid #F2F2F2;}
.graph20 #titleReview{border-bottom: none;}
.graph20 dt#titleShipping0.inactive .stepTitleInner ~ div,
.graph20 dt#titleBilling.inactive .stepTitleInner ~ div,
.graph20 dt#titlePayment.inactive .stepTitleInner ~ div {
color: #666;
font-weight: 900;
font-family: 'Lato', sans-serif;
padding-left: 35px;
padding-bottom: 10px;
position: relative;
}
.graph20 dt#titleShipping0.inactive .stepTitleInner ~ div p,
.graph20 dt#titleBilling.inactive .stepTitleInner ~ div p,
.graph20 dt#titlePayment.inactive .stepTitleInner ~ div p { margin-top: 0; margin-bottom: 0; font-weight: 400;}
.graph20 dt#titleShipping0.inactive .stepTitleInner ~ div .right { text-align: left;}
.graph20 .guest-divider {
width: 100%;
text-align: center;
position: relative;
color: #333;
}
.graph20 .guest-divider:before, .graph20 .guest-divider:after {
content: '';
width: 45%;
height: 2px;
background: #d8d8d8;
position: absolute;
top: 50%;
}
.graph20 .guest-divider:before { left: 0;}
.graph20 .guest-divider:after { right: 0;}
.graph20 .accountLogin .guest-divider {margin: 15px 0;}
.graph20 .account{ padding-top: 20px;}
.frameLogin .graph20 .col-1-2 .account{border-top: 2px solid #d8d8d8;}
.graph20.forgotPassword .account{border-top: none;}
.graph20 .noReviews{color:#333;}
/* select:-internal-list-box option:checked {color:#fff !important;} */
.graph20 #sel_p_536 {
border: none;
background: none;
padding-left: 10px;
text-align: left;
height: 48px;
overflow: hidden;
width: 421px;
overflow: -moz-hidden-unscrollable;
scrollbar-width: none;
-webkit-appearance: none;
}
.graph20 .item-frame .qty .qtybox{ bottom: 116px!important;}
.graph20 #sel_p_564{
background: none;
text-align: left;
height: 48px;
overflow: hidden;
width: 421px;
border: 2px solid #ff732e;
border-radius: 10px;
}
@-moz-document url-prefix(){
.graph20 .hawkRailHeader .open::before{width: 12px; height: 1.5px;}
.graph20 .hawkRailHeader .bar.active:before{height: 1.5px;}
.graph20 .hawkRailHeader .bar.active:after{ height: 1.5px;}
/* .graph20 #sel_p_564,
.graph20 #sel_p_536 {
height: 43px;
overflow-y: hidden;
overflow-x: scroll;
scrollbar-color: #000000 #f5f5f5;
scrollbar-width: thin;
overflow: -moz-hidden-unscrollable;
} */
@media all and (min-width: 64em){
.graph20 .mod-alt3#hawkfacets{margin: 0 8px 0 0px;}
}
}
.graph20 #sel_p_564::-moz-focus-inner,
.graph20 #sel_p_536::-moz-focus-inner { border: 0;}
.graph20 #sel_p_564:focus,
.graph20 #sel_p_536:focus { outline: none;}
.graph20 #sel_p_564 option,
.graph20 #sel_p_536 option {
min-width: 45px;
height: 15px;
font-size: 14px;
font-weight: 700;
padding: 11px 5px 10px;
text-align: center;
margin-right: 8px;
display: inline-block;
cursor: pointer;
background: #f2f2f2;
color: #333;
-webkit-appearance: none;
}
.graph20 #sel_p_564 option:hover,
.graph20 #sel_p_564 option:focus,
.graph20 #sel_p_536 option:hover,
.graph20 #sel_p_536 option:focus {background: #d6d6d6;}
.graph20 select#sel_p_564 option:checked,
.graph20 select#sel_p_564 option:active,
.graph20 select#sel_p_536 option:checked,
.graph20 select#sel_p_536 option:active {
background: linear-gradient(#333, #333);
background-color: #333 !important; /* for IE */
color: #fff !important;
}
/* Updated code for the black text selection */
.graph20 #sel_p_564 option{border:3px solid transparent; transition: all ease .5s}
.graph20 #sel_p_564 option:hover,
.graph20 #sel_p_564 option:focus{
border: 3px solid #ff732e;
transition: all ease .5s;
background: #f2f2f2;}
.graph20 select#sel_p_564 option:checked,
.graph20 select#sel_p_564 option:active{
border: 3px solid #ff732e;
transition: all ease .5s;
background: #f2f2f2;
}
.graph20 .overlayContent td { padding-right: 15px; padding-left: 0px;}
.graph20 .checkoutSection .grid-4 { width: 100%;}
.graph20 .checkoutSection .grid-8 { width: 100%;}
.graph20 .checkoutSection #divShippingOptions0 { display: flex!important; flex-direction: column;}
@media all and (min-width: 48em){
.graph20 .checkoutSection .grid-4{width: 33.333%; }
.graph20 .flexcheckout-tools {padding-right: 0;}
.graph20 .cartInfo.grid-4{padding-right: 0;}
.graph20 .saveForLater.has-divider {height: auto;}
.graph20 .saveForLater.has-divider:after{ height: 16px; right: 0; top: 5px; }
/* tr.item-frame .qty{ position: static;} */
.graph20 tr.item-frame:first-child{ border-top: none;}
.graph20 tr.qty-flex{justify-content: space-between;}
.graph20 .prodct-desc strong{font-size: 18px;}
.graph20 .item-swatch-count {font-size: 14px; color: #333; position: absolute; z-index: 500;}
.graph20 .checkoutProcess .stepTitle span.bold{left: 35px;}
.graph20 .checkoutProcess .stepTitle span.bold:before{height: 50px; width: 50px; top: -12px; left: -13px;z-index: -1;}
.graph20 dl.checkoutProcess dt.inactive span.bold:before { top: -13px;}
.graph20 .checkoutProcess dt .stepTitleInner:after{font-size:30px; left: 35px;}
.graph20 .main-area .page-heading .title{margin-left: 0; margin-right: 0;}
.graph20 .checkoutSummary.grid-4 {padding-right: 0;}
.graph20 .guest-account{padding-right: 74px;}
.graph20 .account{ padding-left: 74px; padding-top: 0;}
.frameLogin .graph20 .col-1-2 .account{border-top: none; border-left: 2px solid #d8d8d8;}
.graph20.forgotPassword .account{border-top: none; border-left:none;}
.graph20.forgotPassword .account .col-1-4 { width: 100%; }
.graph20.graph20.forgotPassword .account .btnWrapper{width: 100%;}
.graph20.forgotPassword .account .btn{background: #f34f03;border: #f34f03; width: 100%;padding: 12px 26px 12px 27px;}
.graph20 .redsgnCart-shopping-cart .innerTable .name a{font-size: 1.65em;}
.graph20 dt#titleShipping0.inactive .stepTitleInner ~ div .right { position: absolute; top: 0; left: 34%;}
.graph20 #sel_p_564{ overflow: -moz-hidden-unscrollable; scrollbar-width: none; -webkit-appearance: none; border: none; height: 48px; border: none;
border-radius:0;}
}
@media all and (min-width: 48em) and (max-width: 64em){
.graph20 #sel_p_564{overflow-x: scroll;}
}
@media all and (min-width: 800px){
.graph20 #sel_p_564, .graph20 #sel_p_536 {padding-left: 0;}
}
@media all and (min-width: 64em){
.graph20.forgotPassword .account{padding: 0 235px 0 74px;}
}
/* HawkSearchLink Styles */
/* ==========================================================================
Store
========================================================================== */
.product-listing {
position: relative;
display: block;
margin: 0;
padding: 1px 0;
/*border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #F2F2F2;*/
text-align: left;
}
.product-listing [class*="grid-"] {-webkit-transition:none; transition:none;}
.product-listing li {
/*border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;*/
}
.product-listing li:nth-child(3n) {border-right:0;}
.item-wrapper {
padding:10px;
text-align:center;
}
@media (min-width:480px) {
.product-listing li:nth-child(3n+1) {clear:both;}
}
.item-wrapper:nth-child(3n) {border-right:0;}
.item-wrapper .item-link {display:block;}
.item-wrapper .item-link img {margin:0 auto;}
.item-wrapper .title {
font-weight: bold;
font-size: 1.2em;
margin: .4em 0 .2em;
padding: 0 15px;
}
.item-wrapper .title a {text-decoration:none;}
.item-wrapper .title a:hover,
.item-wrapper .title a:focus {text-decoration:underline;}
.item-wrapper .item-description {min-height:0 !important;}
.item-wrapper .item-price {
font-size:.95em;
font-weight:bold;
color:#666;
}
.item-wrapper .view-more {
position:relative;
padding:0 10px 5px 0;
font-size:.9em;
font-weight:bold;
text-decoration:none;
color:#ff732e;
}
.item-wrapper .view-more:before {
position:absolute;
top:2px;
right:0;
margin-left:5px;
font-size:1.1em;
content: "\f105";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.item-wrapper .view-more:after {
content:"";
position:absolute;
bottom:0;
left:50%;
width:0;
height:2px;
background-color:#ff732e;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item-wrapper .view-more:hover:after,
.item-wrapper .view-more:focus:after {left:0;width:100%;}
.department-listing .item-wrapper {padding:20px 10px;}
.department-listing .item-wrapper .item-description {font-size:.9em;}
.grid-item-swatch .swatchList { text-align: center;}
.grid-item-swatch .swatchList li {
float: none;
display: inline-block;
margin: 2px;
}
.graph20 .item-activity > div { min-width: 50px!important;}
.graph20 .total-price.desktop-price{margin-left: 65px;}
.graph20 .item-frame .qty .qtybox{position: relative; bottom: 130px; left: 60px;}
@media (min-width: 300px) and (max-width: 330px){ .graph20 .item-frame .qty .qtybox{left: 70px;}}
@media (min-width: 331px) and (max-width: 400px){ .graph20 .item-frame .qty .qtybox{left: 89px;}}
@media (min-width: 401px) and (max-width: 500px){ .graph20 .item-frame .qty .qtybox{left: 106px;}}
@media (min-width: 501px) and (max-width: 600px){ .graph20 .item-frame .qty .qtybox{left: 123px;}}
@media (min-width: 601px) and (max-width: 700px){ .graph20 .item-frame .qty .qtybox{left: 142px;}}
@media (min-width: 701px) and (max-width: 767px){ .graph20 .item-frame .qty .qtybox{left: 163px;}}
@media (min-width: 768px) { .graph20 .item-frame .qty .qtybox{position: static;}}
.graph20 .store-items { min-height: 405px;}
@supports (-webkit-touch-callout: none) {
/* styles for ios */
.graph20 #sel_p_564 {border: 1px solid #666;}
.graph20 .item-frame .qty .qtybox{ bottom: 116px!important;}
@media all and (max-width: 30em){
.graph20 .footer-links a:focus{outline: none;}
}
}
/* *** END
Responsive Store Styles (~/cms/responsive/includes/css/store.css) *** */
/* *** BEGIN
Responsive Icon Fonts (~/cms/responsive/includes/css/iconStyle.css) *** */
@font-face {
font-family: 'icomoon';
src:url('/cms/responsive/includes/fonts/icomoon.eot?srd8zm');
src:url('/cms/responsive/includes/fonts/icomoon.eot?#iefixsrd8zm') format('embedded-opentype'),
url('/cms/responsive/includes/fonts/icomoon.ttf?srd8zm') format('truetype'),
url('/cms/responsive/includes/fonts/icomoon.woff?srd8zm') format('woff'),
url('/cms/responsive/includes/fonts/icomoon.svg?srd8zm#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-headset:before {
content: "\e600";
}
.icon-plus:before {
content: "\e608";
}
.icon-minus:before {
content: "\e609";
}
.icon-phone:before {
content: "\e601";
}
.icon-user:before {
content: "\e602";
}
.icon-search:before {
content: "\e603";
}
.icon-zoom-in:before {
content: "\e987";
}
.icon-zoom-out:before {
content: "\e988";
}
.icon-google-plus:before {
content: "\ea89";
}
.icon-lock:before {
content: "\f023";
}
.icon-check-mark:before {
content: "\f05d";
}
.icon-twitter:before {
content: "\f081";
}
.icon-facebook:before {
content: "\f082";
}
.icon-pinterest:before {
content: "\f0d3";
}
.icon-caret-down:before {
content: "\e604";
}
.icon-caret-up:before {
content: "\e605";
}
.icon-caret-left:before {
content: "\e606";
}
.icon-caret-right:before {
content: "\e607";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
@font-face {
font-family: 'icomoon-social';
src:url('/cms/responsive/includes/fonts/social/icomoon.eot?srd8zm');
src:url('/cms/responsive/includes/fonts/social/icomoon.eot?#iefixsrd8zm') format('embedded-opentype'),
url('/cms/responsive/includes/fonts/social/icomoon.ttf?srd8zm') format('truetype'),
url('/cms/responsive/includes/fonts/social/icomoon.woff?srd8zm') format('woff'),
url('/cms/responsive/includes/fonts/social/icomoon.svg?srd8zm#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-social-"], [class*=" icon-social"] {
font-family: 'icomoon-social';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-social-youtube:before {
content: "\e906";
}
.icon-social-pinterest:before {
content: "\e901";
}
.icon-social-facebook:before {
content: "\e902";
}
.icon-social-google-plus:before {
content: "\e903";
}
.icon-social-twitter:before {
content: "\e904";
}
.icon-social-instagram:before {
content: "\e905";
}
/* *** END
Responsive Icon Fonts (~/cms/responsive/includes/css/iconStyle.css) *** */
/* *** BEGIN
Responsive Global Styles (~/cms/responsive/includes/css/global.css) *** */
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes slideUp {
0% {opacity: 0; -webkit-transform: translateY(2000px); }
100% {-webkit-transform: translateY(0); }
}
@-moz-keyframes slideUp {
0% {opacity: 0; -moz-transform: translateY(2000px); }
100% {-moz-transform: translateY(0); }
}
@-o-keyframes slideUp {
0% {opacity: 0; -o-transform: translateY(2000px); }
100% {-o-transform: translateY(0); }
}
@keyframes slideUp {
0% {opacity: 0; transform: translateY(2000px); }
100% {transform: translateY(0); }
}
.slideUp {
-webkit-animation-name: slideUp;
-moz-animation-name: slideUp;
-o-animation-name: slideUp;
animation-name: slideUp;
}
@-webkit-keyframes slideDown {
0% {opacity: 0; -webkit-transform: translateY(-2000px); }
100% {-webkit-transform: translateY(0); }
}
@-moz-keyframes slideDown {
0% {opacity: 0; -moz-transform: translateY(-2000px); }
100% {-moz-transform: translateY(0); }
}
@-o-keyframes slideDown {
0% {opacity: 0; -o-transform: translateY(-2000px); }
100% {-o-transform: translateY(0); }
}
@keyframes slideDown {
0% {opacity: 0; transform: translateY(-2000px); }
100% {transform: translateY(0); }
}
.slideDown {
-webkit-animation-name: slideDown;
-moz-animation-name: slideDown;
-o-animation-name: slideDown;
animation-name: slideDown;
}
@-webkit-keyframes bounceInUp {
0% {opacity: 0; -webkit-transform: translateY(2000px); }
60% {opacity: 1; -webkit-transform: translateY(-30px); }
80% {-webkit-transform: translateY(10px); }
100% {-webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInUp {
0% {opacity: 0; -moz-transform: translateY(2000px); }
60% {opacity: 1; -moz-transform: translateY(-30px); }
80% {-moz-transform: translateY(10px); }
100% {-moz-transform: translateY(0); }
}
@-o-keyframes bounceInUp {
0% {opacity: 0; -o-transform: translateY(2000px); }
60% {opacity: 1; -o-transform: translateY(-30px); }
80% {-o-transform: translateY(10px); }
100% {-o-transform: translateY(0); }
}
@keyframes bounceInUp {
0% {opacity: 0; transform: translateY(2000px); }
60% {opacity: 1; transform: translateY(-30px); }
80% {transform: translateY(10px); }
100% {transform: translateY(0); }
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {opacity: 0; -webkit-transform: translateY(-2000px); }
60% {opacity: 1; -webkit-transform: translateY(30px); }
80% {-webkit-transform: translateY(-10px); }
100% {-webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInDown {
0% {opacity: 0; -moz-transform: translateY(-2000px); }
60% {opacity: 1; -moz-transform: translateY(30px); }
80% {-moz-transform: translateY(-10px); }
100% {-moz-transform: translateY(0); }
}
@-o-keyframes bounceInDown {
0% {opacity: 0; -o-transform: translateY(-2000px); }
60% {opacity: 1; -o-transform: translateY(30px); }
80% {-o-transform: translateY(-10px); }
100% {-o-transform: translateY(0); }
}
@keyframes bounceInDown {
0% {opacity: 0; transform: translateY(-2000px); }
60% {opacity: 1; transform: translateY(30px); }
80% {transform: translateY(-10px); }
100% {transform: translateY(0); }
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {
display: block;
outline:0;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p, pre {
margin: 1em 0;
line-height: 1.75;
}
code, kbd, pre, samp {
font-family: monospace,serif;
_font-family: 'courier new',monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl, menu, ol, ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 30px;
}
menu, ol, ul {
padding: 0 0 0 30px;
}
nav ul, nav ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, select {
max-width:100%;
cursor: pointer;
}
button, input {
line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 960 grid*/
/* Containers
----------------------------------------------------------------------------------------------------
.container-12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
*/
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
/*.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13{
display: inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
.push-1, .pull-1,
.push-2, .pull-2,
.push-3, .pull-3,
.push-4, .pull-4,
.push-5, .pull-5,
.push-6, .pull-6,
.push-7, .pull-7,
.push-8, .pull-8,
.push-9, .pull-9,
.push-10, .pull-10,
.push-11, .pull-11,
.push-12, .pull-12 {
position: relative;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0; }
.omega {margin-right: 0; }
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------
.container-12 .grid-1 {width: 60px; }
.container-12 .grid-2 {width: 140px; }
.container-12 .grid-3 {width: 220px; }
.container-12 .grid-4 {width: 300px; }
.container-12 .grid-5 {width: 380px; }
.container-12 .grid-6 {width: 460px; min-height: 10px;}
.container-12 .grid-7 {width: 540px; }
.container-12 .grid-8 {width: 620px; }
.container-12 .grid-9 {width: 700px; z-index:1;}
.container-12 .grid-10 {width: 780px; }
.container-12 .grid-11 {width: 860px; }
.container-12 .grid-12 {width: 940px; }
.container-12 .grid-13 {width: 170px; }
*/
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------
.container-12 .prefix-1 {padding-left: 80px; }
.container-12 .prefix-2 {padding-left: 160px; }
.container-12 .prefix-3 {padding-left: 240px; }
.container-12 .prefix-4 {padding-left: 320px; }
.container-12 .prefix-5 {padding-left: 400px; }
.container-12 .prefix-6 {padding-left: 480px; }
.container-12 .prefix-7 {padding-left: 560px; }
.container-12 .prefix-8 {padding-left: 640px; }
.container-12 .prefix-9 {padding-left: 720px; }
.container-12 .prefix-10 {padding-left: 800px; }
.container-12 .prefix-11 {padding-left: 880px; }
*/
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------
.container-12 .suffix-1 {padding-right: 80px; }
.container-12 .suffix-2 {padding-right: 160px; }
.container-12 .suffix-3 {padding-right: 240px; }
.container-12 .suffix-4 {padding-right: 320px; }
.container-12 .suffix-5 {padding-right: 400px; }
.container-12 .suffix-6 {padding-right: 480px; }
.container-12 .suffix-7 {padding-right: 560px; }
.container-12 .suffix-8 {padding-right: 640px; }
.container-12 .suffix-9 {padding-right: 720px; }
.container-12 .suffix-10 {padding-right: 800px; }
.container-12 .suffix-11 {padding-right: 880px; }
*/
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------
.container-12 .push-1 {left: 80px; }
.container-12 .push-2 {left: 160px; }
.container-12 .push-3 {left: 240px; }
.container-12 .push-4 {left: 320px; }
.container-12 .push-5 {left: 400px; }
.container-12 .push-6 {left: 480px; }
.container-12 .push-7 {left: 560px; }
.container-12 .push-8 {left: 640px; }
.container-12 .push-9 {left: 720px; }
.container-12 .push-10 {left: 800px; }
.container-12 .push-11 {left: 880px; }
*/
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------
.container-12 .pull-1 {left: -80px; }
.container-12 .pull-2 {left: -160px; }
.container-12 .pull-3 {left: -240px; }
.container-12 .pull-4 {left: -320px; }
.container-12 .pull-5 {left: -400px; }
.container-12 .pull-6 {left: -480px; }
.container-12 .pull-7 {left: -560px; }
.container-12 .pull-8 {left: -640px; }
.container-12 .pull-9 {left: -720px; }
.container-12 .pull-10 {left: -800px; }
.container-12 .pull-11 {left: -880px; }
*/
[class*="col-"] {
float: left;
padding:0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
[class*="colpush-"] {
position: relative;
}
@media only screen and (min-width:48em){
.col-1 { width: 100%; }
.col-1-5 { width: 20%; }
.col-1-4 { width: 25%; }
.col-1-3 { width: 33.33%; }
.col-2-5 { width: 40%; }
.col-1-2 { width: 50%; }
.col-3-5 { width: 60%; }
.col-2-3 { width: 66.66%; }
.col-3-4 { width: 75%; }
.col-4-5 { width: 80%; }
}
@media (max-width:47.938em)
{
[class*="col-"].right {text-align:left;}
.matchHeights [class*="col-"] {min-height:0px !important;}
}
.colpush-1 {left: 50%; }
.prefix-1-2 {margin-left: 50%; }
.prefix-1-4 {margin-left: 25%; }
.colpad {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.alpha { padding-left: 0;}
.omega { padding-right: 0;}
.has-right-border { border-right: 1px solid #f2f2f2; }
.flexible-img {
width: auto !important;
height: auto !important;
max-width: 100%;
}
/* xxxxxxxxxxxxxxxxx Copied over from the Corporate Site to match the styles xxxxxxxxxxxxxxx */
.container2 {
position:relative;
margin:0px auto;
padding:0px;
min-width:16em;
max-width:60.000em;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ## Embedded clearfix on container ## */
.container2:before, .container2:after { content: " "; display: table; }
.container2:after { clear: both; }
.container2 { *zoom: 1; }
/* ## Setup for Padding ## */
.container2 [class*="grid-"] {
padding:0 10px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container2 [class*="col-"] {
padding:0 10px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gutterless { padding:0 10px; }
.gutterless > [class*="grid-"] { padding:0 !important; }
/* ## 16px baseline (256px) s = small ## */
@media only screen and (min-width:16em) {
.container2 [class*="grid-"] {
position:relative;
float:left;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.container2 [class*="col-"] {
position:relative;
float:left;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.alpha { padding:0; }
.omega { padding:0; }
.s_1half > [class*="grid-"] { width:50%; padding:0 10px; }
.s_1half > .alpha { padding:0 10px 0 0; }
.s_1half > .omega { padding:0 0 0 10px; }
.s_1third > [class*="grid-"] { width:33.333%; padding:0 10px; }
/* show & hide base helpers */
.s_showInline { display:inline !important; visibility:visible !important; }
.s_showBlock { display:block !important; visibility:visible !important; }
}
/* ## 16px baseline (480px - 767px) sw = small wide ## */
@media only screen and (min-width:30em){
[class*="grid-"] [class*="grid-"] { padding:0 10px; }
.alpha { padding:0; }
.omega { padding:0; }
.container2 .alpha { padding-left:0; }
.container2 .omega { padding-right:0; }
.sw_1half > [class*="grid-"] { width:50%; }
.sw_1half > [class*="push_"] { left:50%; }
.sw_1half > [class*="pull_"] { left:-50%; }
.sw_1half > [class*="grid-"] .alpha { padding:0 10px 0 0; }
.sw_1half > [class*="grid-"] .omega { padding:0 0 0 10px; }
.sw_1third > [class*="grid-"] { width:33.333%; }
.sw_1third > [class*="push_"] { left:33.333%; }
.sw_1third > [class*="pull_"] { left:-33.333%; }
.sw_1third > [class*="grid-"] .alpha { padding:0 10px 0 0; }
.sw_1third > [class*="grid-"] .omega { padding:0 0 0 10px; }
.sw_stack > [class*="grid-"] { width:100%; }
.sw_stack > .alpha, .sw_stack > .omega { padding:0; }
/* show & hide base helpers */
.sw_showInline { display:inline !important; visibility:visible !important; }
.sw_showBlock { display:block !important; visibility:visible !important; }
.container2 .grid-13 { width:33.333%; }
}
/* ## 16px baseline (768px) m = medium ## */
@media only screen and (min-width:48em){
[class*="grid-"] [class*="grid-"] { padding:0 10px; }
.container2 .alpha { padding-left:0; }
.container2 .omega { padding-right:0; }
.container2 .grid-1 { width:8.333%; }
.container2 .grid-2 { width:16.666%; }
.container2 .grid-3 { width:25%; }
.container2 .grid-4 { width:33.333%; }
.container2 .grid-5 { width:41.666%; }
.container2 .grid-6 { width:50%; }
.container2 .grid-7 { width:58.333%; }
.container2 .grid-8 { width:66.666%; }
.container2 .grid-9 { width:75%; }
.container2 .grid-10 { width:83.333%; }
.container2 .grid-11 { width:91.666%; }
.container2 .grid-12 { width:100%; }
.container2 .grid-13 { width:20%; }
.container2 .col-1-3 { width:33.33%; }
.container2 .col-2-3 { width:66.66%; }
.container2 .col-1-2 { width:50%; }
.container2 .push_1 { left:8.333%; }
.container2 .push_2 { left:16.666%; }
.container2 .push_3 { left:25%; }
.container2 .push_4 { left:33.333%; }
.container2 .push_5 { left:41.666%; }
.container2 .push_6 { left:50%; }
.container2 .push_7 { left:58.333%; }
.container2 .push_8 { left:66.666%; }
.container2 .push_9 { left:75%; }
.container2 .push_10 { left:83.333%; }
.container2 .push_11 { left:91.666%; }
.container2 .push_12 { left:100%; }
.container2 .pull_1 { left:-8.333%; }
.container2 .pull_2 { left:-16.666%; }
.container2 .pull_3 { left:-25%; }
.container2 .pull_4 { left:-33.333%; }
.container2 .pull_5 { left:-41.666%; }
.container2 .pull_6 { left:-50%; }
.container2 .pull_7 { left:-58.333%; }
.container2 .pull_8 { left:-66.666%; }
.container2 .pull_9 { left:-75%; }
.container2 .pull_10 { left:-83.333%; }
.container2 .pull_11 { left:-91.666%; }
.container2 .pull_12 { left:-100%; }
.container2 .prefix_1 { margin-left:8.333%; }
.container2 .prefix_2 { margin-left:16.666%; }
.container2 .prefix_3 { margin-left:25%; }
.container2 .prefix_4 { margin-left:33.333%; }
.container2 .prefix_5 { margin-left:41.666%; }
.container2 .prefix_6 { margin-left:50%; }
.container2 .prefix_7 { margin-left:58.333%; }
.container2 .prefix_8 { margin-left:66.666%; }
.container2 .prefix_9 { margin-left:75%; }
.container2 .prefix_10 { margin-left:83.333%; }
.container2 .prefix_11 { margin-left:91.666%; }
.container2 .prefix_12 { margin-left:100%; }
.container2 .suffix_1 { margin-right:8.333%; }
.container2 .suffix_2 { margin-right:16.666%; }
.container2 .suffix_3 { margin-right:25%; }
.container2 .suffix_4 { margin-right:33.333%; }
.container2 .suffix_5 { margin-right:41.666%; }
.container2 .suffix_6 { margin-right:50%; }
.container2 .suffix_7 { margin-right:58.333%; }
.container2 .suffix_8 { margin-right:66.666%; }
.container2 .suffix_9 { margin-right:75%; }
.container2 .suffix_10 { margin-right:83.333%; }
.container2 .suffix_11 { margin-right:91.666%; }
.container2 .suffix_12 { margin-right:100%; }
}
.hide {display:none;}
.smallest {font-size:.8em;}
.smaller {font-size:.9em;}
.larger {font-size:1.1em;}
.largest {font-size:1.2em;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.red {color:#f00;}
.blue { color:#00f; }
.green {color:#390;}
.lgreen {color:#97937d;}
.vtop {vertical-align:top;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.nowrap {white-space:nowrap;}
.breakforprint {page-break-after:always;}
.clear {overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0;}
.skip {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
input[type="text"], input[type="password"], input[type="file"], textarea, select {
padding:10px;
border-color: #C6C6C6 #DADADA #EAEAEA;
background: #FAFAFA;
border-width:1px;
border-style:solid;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size:1em;
font-family: inherit;
color: #999;
}
/* *** END
Responsive Global Styles (~/cms/responsive/includes/css/global.css) *** */
/* *** BEGIN
Responsive Hawksearch (~/cms/responsive/includes/css/hawksearch.css) *** */
@import url("hawksearch/hawk-recommender-common.css");
@import url("hawksearch/icons/style.css");
/*.hawkRailHeader { margin:0; padding:10px; font-size:1.2em; font-weight:bold; color:#fff; background:#15435f; }*/
.hawkRailHeader span {background:url(/assets/21/image/arrow_lnav_hdg.gif) no-repeat 50% 50%; padding:0 0 0 15px;}
.hawkRailHeader a, .hawkRailHeader a:link, .hawkRailHeader a:visited {color:#fff; text-decoration:none;}
.hawkRailHeader a:hover, .hawkRailHeader a:active {color:#fff; text-decoration:none;}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* icon image sprites */
.iconImage {display:inline-block; width:20px; height:18px; margin-right:5px; text-align:left; vertical-align:middle; overflow:hidden; background:url(/sites/shared/images/icons_png.png) no-repeat 0 0;}
.iconCheckbox {width:18px; height:14px; background-position:-23px -112px;position:relative;}
.iconXSquareRed {width:12px; height:12px; background-position:0 -112px;}
.iconSearch {width:14px; height:14px; background-position:-55px 0;}
/* layout control box */
/*.listingControls { position:relative; margin-bottom:12px; padding:1px; background:#fff; border:1px solid #d7b093;}
.listingControls .mainControls { padding:7px 10px; margin:0 0 1px 0; background:#5f3b17; border-bottom:1px solid #D7B093; }
.listingControls .subControls { padding:8px 10px; background:#c5c3c4; }*/
.listingControls .arrow {position:absolute; bottom:-6px; left:17px; width:12px; height:7px; background:url(/sites/shared/images/layout/icons.gif) no-repeat -53px -106px; }
.listingControls .pagination {width:auto; margin:7px 0 0;}
.compareList {float:left; display:inline;}
.compareList .compareHdng {float:left; width:67px; font-size:1.1em; color:#3f3f40;}
.compareList .compareHdng span {display:block; font-size:.8em; color:#6f6e70;}
.compareList ul {float:left; display:inline; margin:0; padding:0; list-style-type:none;}
.compareList li {position:relative; float:left; display:inline; width:27px; height:27px; margin-left:6px; background:#fff; border:1px solid #c5c3c4;}
.compareList li span {position:absolute; left:0; top:0; width:27px; height:27px; background:url(/sites/shared/images/layout/listing_compare_overlay.png) no-repeat 0 0;}
.compareList .btnWrapper {float:left; margin:5px 0 0 8px;}
.layoutControl {float:right; display:inline; margin:9px 7px 0 0; font-size:12px; color:#2038b0;}
.layoutControl div {display:inline; margin:0 3px; cursor:pointer;}
.layoutControl div.active {color:#ca1e1e;}
.layoutControl div span {display:inline-block; width:10px; height:10px; margin:-3px 2px 0 0; vertical-align:middle; background:url(/sites/shared/images/layout/icons.gif) no-repeat 0 -394px;}
.layoutControl div span.active {background-position:-12px -394px;}
.layoutControl div.gridOption span {background-position:-24px -394px;}
.layoutControl div.gridOption span.active {background-position:-36px -394px;}
.searchView { float:left; display:inline; margin:0 0 1px; }
.searchView .searchViewHeading { float:left; width:67px; font-size:1.1em; color:#3f3f40; }
.searchView .searchViewHeading span { display:block; font-size:.8em; color:#6f6e70; }
/* ## Content List Styles ## */
.contentList .contentItem { margin:0 0 25px; border-bottom:1px dotted #C7C7C7; }
.contentList .contentHeading { margin:0 0 5px; font-size:1.1em; font-weight:bold; }
/* Left Navigation Styles */
div.navbody {padding-left:5px;}
div.lnavclsd {color:#004586; padding:0 0 0 5px;}
div.lnavclsd a:link, div.lnavclsd a:visited, div.lnavclsd a:hover, div.lnavclsd a:active {text-decoration:none; color:#336699;}
div.lnavopen {color:#000 !important;background:transparent url(/sites/shared/images/global/lnav-bullet-clsd.gif) no-repeat top left; padding:1px 1px 1px 20px;}
div.lnavopen a:link, div.lnavopen a:visited, div.lnavopen a:hover, div.lnavopen a:active {text-decoration:none;}
div.lnavsub {padding:1px 2px 2px 10px;}
div.lnavsub a:link, div.lnavsub a:visited, div.lnavsub a:hover, div.lnavsub a:active {text-decoration:none;}
.leftcheck {left:5px; display:block; width:170px; position:relative; height:200px; overflow-x:hidden; overflow-y:scroll; margin: 0; padding: 0; border: 0px; font-weight:normal; color:#7d7d7d;scrollbar-base-color:#cee1f1;scrollbar-arrow-color:#333333;scrollbar-DarkShadow-Color:#333333;}
.hidelr {display:block; margin: 0;}
.clear {overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0;}
/* Navigation Styles */
div.navnumberofitems {text-align:right; padding-bottom:10px;}
.grid, .list {height:16px; background:url(/sites/shared/images/icon_grid_list.gif) no-repeat 0 0; padding-left:24px;}
.list { background-position:0 -44px; }
.bold {font-weight:bold;}
.center {text-align:center;}
/* Results Styles */
.results {
border-width: 1px;
border-spacing: 4px;
border-style: hidden;
}
.results td
{
vertical-align:top;
border-width: 1px ;
padding: 10px 5px 10px 5px ;
border-style: none;
border-color: gray;
-moz-border-radius: 0px 0px 0px 0px;
}
.pricelbl {font-weight:bold; color:#fff; padding:3px 4px 4px; margin-bottom:8px;}
.pricelbl2 {font-weight:bold; color:#fff; padding:3px 4px 4px; margin-bottom:4px;}
/*.sale {background-color:#e02200;}*/
.greyout {color:#ccc;}
.pager {font-size:12px;}
.backnext {font-size:12px;}
.pager {font-size:12px;}
.pageon {font-size:12px;}
/* ajax popup overlay */
.apOvrly {display:none; position:absolute; width:708px; height:400px; min-height:1px; z-index:1000;}
.apOvrly .apOvrlyTop,
.apOvrly .apOvrlyBottom {height:5px; background:url(/sites/shared/images/core/bg_overlay_ends.png) no-repeat 0 0; overflow:hidden;}
.apOvrly .apOvrlyBottom {background-position:0 -5px;}
.apOvrly .apOvrlyInner {height:1%; min-height:400px; background:#fff url(/sites/shared/images/core/bg_overlay.gif) no-repeat 0 0; padding:20px 0 15px;}
.apOvrlyBar {position:relative;}
.apOvrly .ovrlyClse {display:block; width:34px; height:34px; position:absolute; top:-17px; right:7px; background:url(/sites/shared/images/core/overlay_close.gif) no-repeat 0 0; cursor:pointer;}
.apOvrlyContent {margin:0 25px;overflow:auto; width:680px; height:400px;}
/* more like this overlay */
.mltOvrly {display:none; position:absolute; width:508px; height:400px; min-height:50px; text-align:left; background-color:#fff; border:2px solid #143f6a; padding-bottom:10px; z-index:1000;}
.mltOvrly .mltOvrlyTop,
.mltOvrly .mltOvrlyBottom {height:0; overflow:hidden;}
.mltOvrly .mltOvrlyBottom {background-position:0 -5px;}
.mltOvrly .mltOvrlyInner {min-height:400px; padding:0 0 15px;}
.mltOvrly .ovrlyClse {position:absolute; right:5px; top:6px; padding:0 5px; font-size:12px; color:#BE8E03; cursor:pointer;}
.mltOvrlyBar {position:relative;margin:0 0 7px 0; padding:4px 15px; font-size:16px; color:#283380; background-color:#CEE1F1;}
.mltOvrlyContent {margin:0 25px;overflow:auto; width:480px; height:365px;}
/* Grid View */
.MultilineTable {}
.MultilineTable th {background:#01679A url(/images/table_header.gif) repeat-x; color: #fff; font-size: 11px; font-weight: bold; height:24px; text-align:left; vertical-align:middle;padding:1px 4px 1px 4px; }
.MultilineTable th a {color:#fff; text-decoration:none;}
.MultilineTable th a:link {color: #fff; text-decoration:none;}
.MultilineTable th a:visited {color: #fff; text-decoration:none;}
.MultilineTable th a:hover {color: #fff; text-decoration:underline;}
.MultilineTable th a:active {color: #fff; text-decoration:underline;}
.MultilineTable td {vertical-align:middle;}
.MultilineTable td.ActionButtons {width:75px;}
.MultilineTable td.ActionButtons a {padding:1px;}
.alternate { background: #f1f1f1; color: #000; font-size: 11px; }
.alternate a {color:#069; text-decoration:none;}
.alternate a:link {color: #069; text-decoration:none;}
.alternate a:visited {color: #069; text-decoration:none;}
.alternate a:hover {color: #069; text-decoration:underline;}
.alternate a:active {color: #069; text-decoration:underline;}
.row, .field {background-color:#eff6fb;text-align:center;}
.accountBlocks {position:relative; min-height:1px; margin:25px 10px 5px 0; border:1px solid #444;}
.accountBlocks .inner {padding:25px 15px 10px; text-align:left; font-size: 11px;}
.accountBlocks .blockhdng {position:absolute; font-size:1.2em; top:-14px; left:10px; padding:3px 5px; margin:0; background-color:#fff; border:1px; background-position:50% 50%; }
.bannerTop {text-align:center;}
.bannerLeftTop {text-align:center;}
.bannerLeftBottom {text-align:center;}
.navcat {padding-left:10px;padding-top:10px; padding-bottom:0px; color:#036; font-weight:bold; font-size:12px;}
.searchTabs {margin:10px 0 10px 0;}
.searchctrls {background:#E9F4FF; padding:7px;}
.searchctrls .label {font-weight:bold; margin:0 5px 0 0;}
.searchctrls select {margin:0 5px 0 0;}
.pager {text-align:right; padding-right:10px;}
.pager a, div.pager a:link, div.pager a:visited {color:#333; text-decoration:none;}
.pager a:hover {font-weight:normal;color:#333; text-decoration:underline;}
.pager a:active {font-weight:normal;color:#333; text-decoration:none;}
.pager .pageon {font-weight:bold; color:red;}
.sItemWrapper {text-align:center; width:150px; margin:0 0 5px;}
.sItemWrapper .itemLink {display:block;}
.sItemWrapper .itemName {margin:5px 0;}
/* Smart Bug */
.smartbug ul
{
list-style-type:none;
background-color:#ccc;
font-size:10px;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
padding:0;
}
.smartbug li
{
border-bottom:1px solid #000;
}
.smartbug a,
.smartbug a:link,
.smartbug a:visited
{
text-decoration:none;
display:block;
color:#000;
padding:5px;
}
.smartbug a:hover
{
background-color:#999;
text-decoration:underline;
}
/* TagCloud
----------------------------------------------------------*/
.TagCloud /* Applies to the entire tag cloud */
{
font-family:Arial;
margin:10px 3px 3px;
padding:3px;
text-align:center;
}
.TagCloud > span /* Applies to each tag of the tag cloud */
{
margin-right:3px;
text-align:center;
}
.TagCloud > span.TagWeight1 /* Applies to the largest tags */
{
font-size:24px;
}
.TagCloud > span.TagWeight2
{
font-size:21px;
font-weight:bold;
}
.TagCloud > span.TagWeight3
{
font-size:17px;
}
.TagCloud > span.TagWeight4
{
font-size:15px;
font-weight:bold;
}
.TagCloud > span.TagWeight5 /* Applies to the smallest tags */
{
font-size:12px;
}
/*.sitebody {}
.pageHeading { border-bottom:4px solid #f3f3f3 }
.hdng { color:#643b1f }
.hdng2 {color:#3C1704; margin-bottom:5px; }
.brmbwrpr { color:#643d20; }
div.breadcrumbs_test a, div.breadcrumbs a:link, div.breadcrumbs a:visited { color:#80583e }
div.breadcrumbs span { color:#ac8564 }*/
.quickView { border:1px solid #643b1f; }
/*.btn { background-color:#f37624; border:1px solid #fff; }
.btnAlt .btn { background-color:#c5c3c4; }
.btnWrapper, .btnWrapper:link, visited { background-color:#f37624; }
a, a:link, a:visited { color:#3c1704; }
.itemList .itemWrapper { border:1px solid #e7bea2 }
.pagination .paging { border:0; }
.pagination .paging .active { background-color:#f37622; border:1px solid #8c6347;}
.pagination .paging a, .pagination .paging a:link, .pagination .paging a:visited { background-color:#fafeff; border:1px solid #8c6347; }
.pagination .paging .total { color:#fff; }
#hawktoppager { color:#ffffff; }
.paging-list a { color:#ffffff; }
.sortList label { color:#fff; }*/
ul.advList .listhdng, ul.advList .listhdng a, ul.advList .listhdng a:link, ul.advList .listhdng a:visited {color:#3C1704}
.advFooter .callout a, .advFooter .callout a:link, .advFooter .callout a:visited { color:#3C1704}
.footerBar { background: #C5C3C4}
/* Hawksearch - new styles */
ul.topLinks { overflow:hidden; margin:0; padding:1px 1px 0 1px; position:absolute; bottom:0; left:200px; border:1px solid #c4c4c2; border-bottom:0; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#ffffff), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );
}
ul.topLinks li { float:left; list-style:none; padding:0 0 0 1px; margin:0 0 0 1px; border-left:1px solid #c4c4c2; }
ul.topLinks li:first-child { border-left:0 }
ul.topLinks li a { display:block; font-weight:bold; border-top:3px solid #bd965f; text-decoration:none; color:#5f3c1c; text-align:center; padding:0 14px; height:20px; line-height:20px; }
ul.topLinks li a:hover { color:#fff; background:#5f3c1c }
/* hawk guided nav
.hawkRailNav {background-color:#f3f3f3; border:1px solid #b8b8b8; border-top-style:none; overflow:hidden; margin:0 0 15px 0;}
.guidedNavWrapper { margin-bottom:-2px; border-bottom:1px solid #fff; }
.guidedNavWrapper .navGroup-hidden { position:absolute; left:-9999em; }
.guidedNavWrapper .navGroupHdng { margin:10px 6px 0 6px; font-size:1em; font-weight:bold; }
.guidedNavWrapper .navGroup-trigger-dfclose { }
.guidedNavWrapper .navGroup { padding:10px 8px; border-bottom:1px solid #e0dfdf; }
.guidedNavWrapper .navGroup a,
.guidedNavWrapper .navGroup a:link,
.guidedNavWrapper .navGroup a:visited { font-weight:normal; text-decoration:none; }
.guidedNavWrapper .navGroup a span { color:#818183; }
.guidedNavWrapper .navGroup ul { margin:0; padding:0; list-style-type:none; }
.guidedNavWrapper .navGroup ul.navScrollList { margin:7px 0 0 0; padding:0 10px 10px 10px; list-style-type:none; background:#fff; border:1px solid #e0dfdf; overflow-y:auto; position:relative;}
.guidedNavWrapper .navGroup li { position:relative; margin-top:10px; padding:0 0 0 20px; }
.guidedNavWrapper .navGroup .singlefacet li { position:relative; margin-top:10px; padding:0 0 0 2px; }
.guidedNavWrapper .navGroup li input { float:left; display:inline; cursor:pointer; }
.guidedNavWrapper .navGroup li label { display:block; padding-top:3px; cursor:pointer; }
.guidedNavWrapper .navGroup li label span { color:#828792; }
.guidedNavWrapper .navGroup li.hawkFacet-hover .iconCheckbox { background-position:-46px -112px; }
.guidedNavWrapper .navGroup li.hawkFacet-active .iconCheckbox { background-position:-69px -112px; }
.guidedNavWrapper .navGroup li.navMore { color:#000; }
.guidedNavWrapper .navGroup li.navMore span { display:inline-block; margin-left:21px; cursor:pointer; }
.guidedNavWrapper .selectedNav { background-color:#d5d6d6; border:1px solid #bdbebe; }
.guidedNavWrapper .selectedGroup { padding:10px; border-top:1px solid #fff; border-bottom:1px solid #bdbebe; }
.guidedNavWrapper .selectedGroup:first-child { border-top:0; }
.guidedNavWrapper .selectedGroup ul { max-height:none; margin:0 0 0 18px; overflow:visible; }
.guidedNavWrapper .selectedGroup ul a,
.guidedNavWrapper .selectedGroup ul a:link,
.guidedNavWrapper .selectedGroup ul a:visited { font-size:.9em; }
.guidedNavWrapper .clearSelected { padding:7px 10px; text-align:right; border-top:1px solid #fff; }
.guidedNavWrapper .clearSelected a,
.guidedNavWrapper .clearSelected a:link,
.guidedNavWrapper .clearSelected a:visited { color:#6f6f6f; font-size:.9em; font-weight:bold; text-decoration:none; }
.guidedNavWrapper .clearSelected a:hover,
.guidedNavWrapper .clearSelected a:active { text-decoration:underline; }
.guidedNavWrapper .navhdng {margin:0 0 5px 0;}
.guidedNavWrapper .navhdng,
.guidedNavWrapper .navhdng a,
.guidedNavWrapper .navhdng a:link,
.guidedNavWrapper .navhdng a:visited { font-size:1em; font-weight:bold; color:#603918; }
.guidedNavWrapper .selhdng {margin:0 0 5px 0;}
.guidedNavWrapper .selhdng,
.guidedNavWrapper .selhdng a,
.guidedNavWrapper .selhdng a:link,
.guidedNavWrapper .selhdng a:visited { font-size:1em; font-weight:bold; color:#603918; }
.guidedNavWrapper .navGroup li a .iconImage { position:absolute; left:0; right:0; margin:0 3px 0 0; padding:0; text-indent:-9999em; }
.guidedNavWrapper .selectedGroup a .iconImage { margin:1px 5px 0 0; text-indent:-9999em; }
.guidedNavWrapper .navhdng {position:relative;padding-left:0px;}
.guidedNavWrapper .selhdng {position:relative;padding-left:20px;}
.guidedNavWrapper .selectedGroup A .iconImage {zoom:1;position:absolute;left:0px;}
.guidedNavWrapper .navGroup .resultsSearch { margin:15px 0 10px 0; }
.guidedNavWrapper .navGroup .resultsSearch label { display:block; margin-bottom:5px; color:#000; font-weight:bold; }
.guidedNavWrapper .navGroup .resultsSearch input.text { width:72%; }
.guidedNavWrapper .navGroup .resultsSearch .btnWrapper { vertical-align:top; }
.guidedNavWrapper .navGroup .resultsSearch .iconSearch { margin:0; width: 14px; height: 14px; }
.floatLeft {
display: inline;
float: left;
}
*/
/* embedded clear fix */
.guidedNavWrapper .navGroup li:before, .guidedNavWrapper .navGroup li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.guidedNavWrapper .navGroup li:after { clear: both; }
.guidedNavWrapper .navGroup li { zoom: 1; }
/* nav list search */
.guidedNavWrapper .navQuickSearch { }
.guidedNavWrapper .navQuickSearch label { display:block; margin:0 0 2px 0; font-size:11px; }
.guidedNavWrapper .navQuickSearch input.text { width:97%; }
.guidedNavWrapper .navQuickSearch input.dim { color:#aaa; }
/***** SLIDER *****/
.sliderbox {float:left; display:block; position:relative; width:152px;margin:3px 0 3px 5px;}
.slider-clear {float:right;font-weight:normal !important;}
.slider-min-value {float:left; display:block; position:relative; height:15px; color:#000; font-family:Arial; font-size:11px; text-align:left; padding-top:2px;font-weight:normal;}
.slider-cur-value {float:left; display:block; position:absolute; left:45px; height:15px; color:#000; font-family:Arial; font-size:11px; text-align:right; padding-top:2px;font-weight:normal;}
.slider-max-value {float:right; display:block; position:relative; height:15px; color:#000; font-family:Arial; font-size:11px; text-align:right; padding-top:2px;font-weight:normal;}
.slider-start-value {float:left; display:block; position:relative; height:15px; color:#868686; font-family:Arial; font-size:11px; text-align:left; padding-top:2px;}
.slider-end-value {float:right; display:block; position:relative; height:15px; color:#868686; font-family:Arial; font-size:11px; text-align:right; padding-top:2px;}
.sliderbox .ui-widget-header { background:#994b01; }
.sliderbox .ui-slider { position: relative; text-align: left; }
.sliderbox .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.sliderbox .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.sliderbox .ui-slider .ui-slider-single { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.sliderbox .ui-slider-horizontal { height: .8em; }
.sliderbox .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.sliderbox .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.sliderbox .ui-slider-horizontal .ui-slider-single { top: 0; height: 100%; }
.sliderbox .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-min { left: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-max { right: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-cur { left: 0; }
.sliderbox .ui-slider-vertical { width: .8em; height: 100px; }
.sliderbox .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.sliderbox .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.sliderbox .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.sliderbox .ui-slider-vertical .ui-slider-range-max { top: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single { left: 0; width: 100%; }
.sliderbox .ui-slider-vertical .ui-slider-single-min { bottom: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single-max { top: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single-cur { bottom: 0; }
.slider-range {margin-bottom:5px;}
#slider-single {margin-bottom:5px;}
/* Nav */
#slider-single a.handle {cursor: hand; background: url(/images/layout/leftslider.png) 50% 50% no-repeat; border:none; padding:0; width:15px; height:19px; z-index:12;}
.slider-range {background:#ccc;}
.slider-range a.first-handle {background: url(/images/layout/leftslider.png) 50% 50% no-repeat; border:none; padding-top:2px; width:15px; height:19px; z-index:12;}
.slider-range a.second-handle {background: url(/images/layout/rightslider.png) 50% 50% no-repeat; border:none; padding-top:2px; width:15px; height:19px; z-index:11;}
div.growlUI { padding:2px; border-top: 1px solid #000000; box-shadow: 0 0 3px 3px rgba(50, 50, 50, 0.5); bottom: 0; position: fixed; background-color: #311F09; filter: alpha(opacity=70); -khtml-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; width: 100%; z-index: 99998; right: 0px; }
div.growlUI span { font-size:21px; color: white; padding: 10px 0 10px 20px; margin: 0; text-align: left; border-bottom: none; background-color: transparent; }
#aBug {color:#666; background-color:#fff; border: 1px solid #5a3810; font-size: 14px; font-weight: bold; padding: 2px 5px; text-decoration: none; }
#aEye {color:#666; background-color:#fff; border: 1px solid #5a3810; font-size: 14px; font-weight: bold; padding: 2px 5px; text-decoration: none; }
.itemList .itemWrapper {
width: 236px;
}
/* # Recommendations */
.hawk-recommendation{
text-align:center;
position:relative;
}
.hawk-recommendation .hawk-recommendation-inner{
display: block;
overflow:hidden;
text-align: center;
margin: 0 auto;
position: relative;
}
.hawk-recommendation .hawk-recommendation-inner .hawk-recommendation-list{
margin:0;
padding:0;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-recommendation-inner .hawk-recommendation-item{
width:161px;
float:left;
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-recommendation-inner .hawk-recommendation-item{
width:161px;
margin:0;
padding:0;
}
.hawk-recommendation .hawk-carousel-next, .hawk-recommendation .hawk-carousel-prev {
display:inline-block;
height:38px;
width:38px;
padding:0;
color:#000;
text-decoration:none;
font-size:1.8em;
background: none;
border: none;
z-index:10;
cursor: pointer;
}
.hawk-recommendation .hawk-recommendation-inner.has-arrows {
padding: 0;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {
position:absolute;
top:50%;
margin-top:-19px;
z-index: 50;
}
.hawk-recommendation .hawk-carousel-next.slick-disabled,
.hawk-recommendation .hawk-carousel-prev.slick-disabled{
display: none !important;
}
.hawk-recommendation .hawk-carousel-next > span,
.hawk-recommendation .hawk-carousel-prev > span {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next{
right: 5px;
background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 0 5px 7px; line-height: 35px; z-index: 50;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev{
left: 5px;
background: rgba(0,0,0,.5); border-radius: 50%; width: 50px; height: 50px; padding: 0 7px 5px 0px; line-height: 35px;z-index: 50;
}
.hawk-recommendation.hawk-recommendation-vertical .has-arrows {
padding: 30px 0;
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev,
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next {
position: absolute;
left: 50%;
margin-left: -19px;
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev {
position: absolute;
top: -40px;
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next {
position: absolute;
bottom: 0;
}
.hawk-recommendation .hawk-carousel-next:before,
.hawk-recommendation .hawk-carousel-prev:after {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align:middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hawk-recommendation del{
display: block;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before {
content: "\f105";
line-height: .8em;
color:fff;
}
.hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after {
content: "\f104";
line-height: .8em;
color:fff;
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next:before {
content: "\e604";
}
.hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev:after {
content: "\e605";
}
.hawk-recommendation.hawk-recommendation-vertical .has-dots .slick-dots {
position: absolute;
bottom: -30px;
}
.hawk-recommendation.hawk-recommendation-vertical .has-dots .hawk-carousel-next {
bottom: -40px;
}
.hawk-recommendation.hawk-recommendation-vertical .has-dots.vertical-dots .slick-dots {
width: 20px;
top: 50px;
right: -2px;
}
.hawk-recommendation.hawk-recommendation-vertical .has-dots.vertical-dots .slick-dots li {
display: block;
margin: 0;
}
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 40;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
margin: 0 auto;
max-width: 100%;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-dots
{
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "�";
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: #F37624;
}
.hawkpopover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);white-space:normal;}.hawkpopover.top{margin-top:-10px;}
.hawkpopover.right{margin-left:10px;}
.hawkpopover.bottom{margin-top:10px;}
.hawkpopover.left{margin-left:-10px;}
.hawkpopover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}.hawkpopover-title:empty{display:none;}
.hawkpopover-content{padding:9px 14px;}
.hawkpopover .arrow,.hawkpopover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}
.hawkpopover .arrow{border-width:11px;}
.hawkpopover .arrow:after{border-width:10px;content:"";}
.hawkpopover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0, 0, 0, 0.25);bottom:-11px;}.hawkpopover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#ffffff;}
.hawkpopover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0, 0, 0, 0.25);}.hawkpopover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#ffffff;}
.hawkpopover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0, 0, 0, 0.25);top:-11px;}.hawkpopover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#ffffff;}
.hawkpopover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0, 0, 0, 0.25);}.hawkpopover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#ffffff;bottom:-10px;}
.hawkmodal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.hawkmodal-backdrop.fade{opacity:0;}
.hawkmodal-backdrop,.hawkmodal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.hawkmodal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}.hawkmodal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.hawkmodal.fade.in{top:10%;}
.hawkmodal-header{padding:9px 15px;border-bottom:1px solid #eee;}.hawkmodal-header .close{margin-top:2px;}
.hawkmodal-header h3{margin:0;line-height:30px;}
.hawkmodal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
.hawkmodal-form{margin-bottom:0;}
.hawkmodal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.hawkmodal-footer:before,.hawkmodal-footer:after{display:table;content:"";line-height:0;}
.hawkmodal-footer:after{clear:both;}
.hawkmodal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.hawkmodal-footer .btn-group .btn+.btn{margin-left:-1px;}
.hawkmodal-footer .btn-block+.btn-block{margin-left:0;}
.hawkbootbox-close-button{
margin-top:-2px;
padding: 0;
cursor: pointer;
background: rgba(0, 0, 0, 0);
border: 0;
float:right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #FFF;
opacity: .2;
filter: alpha(opacity=20);
}
.hawkbootbox .hawkmodal-header{
padding:15px;
}
.hawkbootbox .hawkmodal-title{
margin:0;
line-height: 1.4;
font-size: 18px;
font-weight: 500;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*BEFORE THIS*/
#hawkbreadcrumb { display: none;}
/*#hawktoptext { display: none;}*/
/*.hawkRailHeader { margin:0; padding:10px; font-size:1.2em; font-weight:bold; color:#fff; background:#5f3b17; }
.hawkRailHeader span {background:url(/assets/21/image/arrow_lnav_hdg.gif) no-repeat 50% 50%; padding:0 0 0 15px;}
.hawkRailHeader a, .hawkRailHeader a:link, .hawkRailHeader a:visited {color:#fff; text-decoration:none;}
.hawkRailHeader a:hover, .hawkRailHeader a:active {color:#fff; text-decoration:none;}
*/
/* icon image sprites */
.iconImage {display:inline-block; width:20px; height:18px; margin-right:5px; text-align:left; vertical-align:middle; overflow:hidden; background:url(/cms/images/hawksearch/icons_png.png) no-repeat 0 0;}
.iconCheckbox {width:18px; height:14px; background-position:-23px -112px;position:relative;}
.iconXSquareRed {width:12px; height:12px; background-position:0 -112px;}
.iconSearch {width:14px; height:14px; background-position:-55px 0;}
/* layout control box */
/*.listingControls { position:relative; margin-bottom:12px; padding:1px; background:#fff; border:1px solid #d7b093;}*/
/*.listingControls .mainControls { padding:7px 10px; margin:0 0 1px 0; background:#5f3b17; border-bottom:1px solid #D7B093; }*/
/*.listingControls .subControls { padding:8px 10px; background:#c5c3c4; }*/
#hawkitemlist {
clear: both;
}
#hawktoppager .filters {
float: left;
}
@media(max-width:68.750em)
{
#hawktoppager .filters {
float: none;
text-align:right;
}
#hawkbottompager .filters {
float: none;
text-align:right;
}
}
#hawktoppager
.listingControls .arrow {position:absolute; bottom:-6px; left:17px; width:12px; height:7px; background:url(/cms/images/hawksearch/icons.gif) no-repeat -53px -106px; }
/*.listingControls .pagination {width:auto; margin:7px 0 0;}*/
.compareList {float:left; display:inline;}
.compareList .compareHdng {float:left; width:67px; font-size:1.1em; color:#3f3f40;}
.compareList .compareHdng span {display:block; font-size:.8em; color:#6f6e70;}
.compareList ul {float:left; display:inline; margin:0; padding:0; list-style-type:none;}
.compareList li {position:relative; float:left; display:inline; width:27px; height:27px; margin-left:6px; background:#fff; border:1px solid #c5c3c4;}
.compareList li span {position:absolute; left:0; top:0; width:27px; height:27px; background:url(/sites/shared/images/layout/listing_compare_overlay.png) no-repeat 0 0;}
.compareList .btnWrapper {float:left; margin:5px 0 0 8px;}
.layoutControl {float:right; display:inline; margin:9px 7px 0 0; font-size:12px; color:#2038b0;}
.layoutControl div {display:inline; margin:0 3px; cursor:pointer;}
.layoutControl div.active {color:#ca1e1e;}
.layoutControl div span {display:inline-block; width:10px; height:10px; margin:-3px 2px 0 0; vertical-align:middle; background:url(/sites/shared/images/layout/icons.gif) no-repeat 0 -394px;}
.layoutControl div span.active {background-position:-12px -394px;}
.layoutControl div.gridOption span {background-position:-24px -394px;}
.layoutControl div.gridOption span.active {background-position:-36px -394px;}
/*.searchView { float:left; display:inline; margin:0 0 1px; }
.searchView .searchViewHeading { float:left; width:67px; font-size:1.1em; color:#3f3f40; }
.searchView .searchViewHeading span { display:block; font-size:.8em; color:#6f6e70; }
*/
/* ## Content List Styles ## */
.contentList .contentItem { margin:0 0 25px; border-bottom:1px dotted #C7C7C7; }
.contentList .contentHeading { margin:0 0 5px; font-size:1.1em; font-weight:bold; }
/* Left Navigation Styles */
div.navbody {padding-left:5px;}
div.lnavclsd {color:#004586; padding:0 0 0 5px;}
div.lnavclsd a:link, div.lnavclsd a:visited, div.lnavclsd a:hover, div.lnavclsd a:active {text-decoration:none; color:#336699;}
div.lnavopen {color:#000 !important;background:transparent url(/sites/shared/images/global/lnav-bullet-clsd.gif) no-repeat top left; padding:1px 1px 1px 20px;}
div.lnavopen a:link, div.lnavopen a:visited, div.lnavopen a:hover, div.lnavopen a:active {text-decoration:none;}
div.lnavsub {padding:1px 2px 2px 10px;}
div.lnavsub a:link, div.lnavsub a:visited, div.lnavsub a:hover, div.lnavsub a:active {text-decoration:none;}
.leftcheck {left:5px; display:block; width:170px; position:relative; height:200px; overflow-x:hidden; overflow-y:scroll; margin: 0; padding: 0; border: 0px; font-weight:normal; color:#7d7d7d;scrollbar-base-color:#cee1f1;scrollbar-arrow-color:#333333;scrollbar-DarkShadow-Color:#333333;}
.hidelr {display:block; margin: 0;}
/* Navigation Styles */
div.navnumberofitems {text-align:right; padding-bottom:10px;}
/*.grid, .list {height:16px; background:url(/sites/shared/images/icon_grid_list.gif) no-repeat 0 0; padding-left:24px;}
.list { background-position:0 -44px; }
*/
.bold {font-weight:bold;}
.center {text-align:center;}
/* Results Styles */
.results {
border-width: 1px;
border-spacing: 4px;
border-style: hidden;
}
.results td
{
vertical-align:top;
border-width: 1px ;
padding: 10px 5px 10px 5px ;
border-style: none;
border-color: gray;
-moz-border-radius: 0px 0px 0px 0px;
}
/*
.pricelbl {font-weight:bold; color:#fff; padding:3px 4px 4px; margin-bottom:8px;}
.pricelbl2 {font-weight:bold; color:#fff; padding:3px 4px 4px; margin-bottom:4px;}
.sale {background-color:#e02200;}
.greyout {color:#ccc;}
.pager {font-size:12px;}
.backnext {font-size:12px;}
.pager {font-size:12px;}
.pageon {font-size:12px;}
*/
/* ajax popup overlay */
.apOvrly {display:none; position:absolute; width:708px; height:400px; min-height:1px; z-index:1000;}
.apOvrly .apOvrlyTop,
.apOvrly .apOvrlyBottom {height:5px; background:url(/sites/shared/images/core/bg_overlay_ends.png) no-repeat 0 0; overflow:hidden;}
.apOvrly .apOvrlyBottom {background-position:0 -5px;}
.apOvrly .apOvrlyInner {height:1%; min-height:400px; background:#fff url(/sites/shared/images/core/bg_overlay.gif) no-repeat 0 0; padding:20px 0 15px;}
.apOvrlyBar {position:relative;}
.apOvrly .ovrlyClse {display:block; width:34px; height:34px; position:absolute; top:-17px; right:7px; background:url(/sites/shared/images/core/overlay_close.gif) no-repeat 0 0; cursor:pointer;}
.apOvrlyContent {margin:0 25px;overflow:auto; width:680px; height:400px;}
/* more like this overlay */
.mltOvrly {display:none; position:absolute; width:508px; height:400px; min-height:50px; text-align:left; background-color:#fff; border:2px solid #143f6a; padding-bottom:10px; z-index:1000;}
.mltOvrly .mltOvrlyTop,
.mltOvrly .mltOvrlyBottom {height:0; overflow:hidden;}
.mltOvrly .mltOvrlyBottom {background-position:0 -5px;}
.mltOvrly .mltOvrlyInner {min-height:400px; padding:0 0 15px;}
.mltOvrly .ovrlyClse {position:absolute; right:5px; top:6px; padding:0 5px; font-size:12px; color:#BE8E03; cursor:pointer;}
.mltOvrlyBar {position:relative;margin:0 0 7px 0; padding:4px 15px; font-size:16px; color:#283380; background-color:#CEE1F1;}
.mltOvrlyContent {margin:0 25px;overflow:auto; width:480px; height:365px;}
/* Grid View */
.MultilineTable {}
.MultilineTable th {background:#01679A url(/images/table_header.gif) repeat-x; color: #fff; font-size: 11px; font-weight: bold; height:24px; text-align:left; vertical-align:middle;padding:1px 4px 1px 4px; }
.MultilineTable th a {color:#fff; text-decoration:none;}
.MultilineTable th a:link {color: #fff; text-decoration:none;}
.MultilineTable th a:visited {color: #fff; text-decoration:none;}
.MultilineTable th a:hover {color: #fff; text-decoration:underline;}
.MultilineTable th a:active {color: #fff; text-decoration:underline;}
.MultilineTable td {vertical-align:middle;}
.MultilineTable td.ActionButtons {width:75px;}
.MultilineTable td.ActionButtons a {padding:1px;}
.alternate { background: #f1f1f1; color: #000; font-size: 11px; }
.alternate a {color:#069; text-decoration:none;}
.alternate a:link {color: #069; text-decoration:none;}
.alternate a:visited {color: #069; text-decoration:none;}
.alternate a:hover {color: #069; text-decoration:underline;}
.alternate a:active {color: #069; text-decoration:underline;}
/*.row, .field {background-color:#eff6fb;text-align:center;}
.accountBlocks {position:relative; min-height:1px; margin:25px 10px 5px 0; border:1px solid #444;}
.accountBlocks .inner {padding:25px 15px 10px; text-align:left; font-size: 11px;}
.accountBlocks .blockhdng {position:absolute; font-size:1.2em; top:-14px; left:10px; padding:3px 5px; margin:0; background-color:#fff; border:1px; background-position:50% 50%; }
*/
.bannerTop {text-align:center;}
.bannerLeftTop {text-align:center;}
.bannerLeftBottom {text-align:center;}
.navcat {padding-left:10px;padding-top:10px; padding-bottom:0px; color:#036; font-weight:bold; font-size:12px;}
.searchTabs {margin:10px 0 10px 0;}
.searchctrls {background:#E9F4FF; padding:7px;}
.searchctrls .label {font-weight:bold; margin:0 5px 0 0;}
.searchctrls select {margin:0 5px 0 0;}
/*
.pager {text-align:right; padding-right:10px;}
.pager a, div.pager a:link, div.pager a:visited {color:#333; text-decoration:none;}
.pager a:hover {font-weight:normal;color:#333; text-decoration:underline;}
.pager a:active {font-weight:normal;color:#333; text-decoration:none;}
.pager .pageon {font-weight:bold; color:red;}
*/
.sItemWrapper {text-align:center; width:150px; margin:0 0 5px;}
.sItemWrapper .itemLink {display:block;}
.sItemWrapper .itemName {margin:5px 0;}
/* Smart Bug */
/*.smartbug ul
{
list-style-type:none;
background-color:#ccc;
font-size:10px;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
padding:0;
}
.smartbug li
{
border-bottom:1px solid #000;
}
.smartbug a,
.smartbug a:link,
.smartbug a:visited
{
text-decoration:none;
display:block;
color:#000;
padding:5px;
}
.smartbug a:hover
{
background-color:#999;
text-decoration:underline;
}
*/
/* TagCloud
----------------------------------------------------------*/
.TagCloud /* Applies to the entire tag cloud */
{
font-family:Arial;
margin:10px 3px 3px;
padding:3px;
text-align:center;
}
.TagCloud > span /* Applies to each tag of the tag cloud */
{
margin-right:3px;
text-align:center;
}
.TagCloud > span.TagWeight1 /* Applies to the largest tags */
{
font-size:24px;
}
.TagCloud > span.TagWeight2
{
font-size:21px;
font-weight:bold;
}
.TagCloud > span.TagWeight3
{
font-size:17px;
}
.TagCloud > span.TagWeight4
{
font-size:15px;
font-weight:bold;
}
.TagCloud > span.TagWeight5 /* Applies to the smallest tags */
{
font-size:12px;
}
/*.brmbwrpr { color:#643d20; }
div.breadcrumbs_test a, div.breadcrumbs a:link, div.breadcrumbs a:visited { color:#80583e }
div.breadcrumbs span { color:#ac8564 }
.quickView { border:1px solid #643b1f; }
.btn { background-color:#f37624; border:1px solid #fff; }
.btnAlt .btn { background-color:#c5c3c4; }
.btnWrapper, .btnWrapper:link, visited { background-color:#f37624; }
a, a:link, a:visited { color:#3c1704; }
.itemList .itemWrapper { border:1px solid #e7bea2 }
.pagination .paging { border:0; }
.pagination .paging .active { background-color:#f37622; border:1px solid #8c6347;}
.pagination .paging a, .pagination .paging a:link, .pagination .paging a:visited { background-color:#fafeff; border:1px solid #8c6347; }
.pagination .paging .total { color:#fff; }
#hawktoppager { color:#471d04; }
.sortList label { color:#fff; }
ul.advList .listhdng, ul.advList .listhdng a, ul.advList .listhdng a:link, ul.advList .listhdng a:visited {color:#3C1704}
.advFooter .callout a, .advFooter .callout a:link, .advFooter .callout a:visited { color:#3C1704}
.footerBar { background: #C5C3C4}*/
/* Hawksearch - new styles */
ul.topLinks { overflow:hidden; margin:0; padding:1px 1px 0 1px; position:absolute; bottom:0; left:200px; border:1px solid #c4c4c2; border-bottom:0; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 44%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(44%,#ffffff), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 44%,#dcdcdc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 );
}
ul.topLinks li { float:left; list-style:none; padding:0 0 0 1px; margin:0 0 0 1px; border-left:1px solid #c4c4c2; }
ul.topLinks li:first-child { border-left:0 }
ul.topLinks li a { display:block; font-weight:bold; border-top:3px solid #bd965f; text-decoration:none; color:#5f3c1c; text-align:center; padding:0 14px; height:20px; line-height:20px; }
ul.topLinks li a:hover { color:#fff; background:#5f3c1c }
/* hawk guided nav */
.hawkRailNav {
overflow: hidden;
margin: 20px 10px 10px;
}
/*.hawkRailNav {background-color:#f3f3f3; border:1px solid #b8b8b8; border-top-style:none; overflow:hidden; margin:0 0 15px 0;}*/
.guidedNavWrapper { margin-bottom:-2px; border-bottom:1px solid #fff; }
.guidedNavWrapper .navGroup-hidden { position:absolute; left:-9999em; }
.guidedNavWrapper .navGroupHdng {
display: none;
}
.guidedNavWrapper .navGroup-trigger-dfclose { }
.guidedNavWrapper .navGroup {
padding: 8px;
background: #ebebeb;
margin-top: 6px;
}
.guidedNavWrapper:first-child .navGroup {
margin-top: 0;
}
.guidedNavWrapper .navGroup a {
color: #15435f;
font-size: 0.857em;
text-decoration:none;
}
.guidedNavWrapper .navGroup a span { color:#999999; }
.usa-ada .guidedNavWrapper .navGroup a span{color:#424242}
.guidedNavWrapper .navGroup ul { margin:0; padding:0; list-style-type:none; }
.guidedNavWrapper .navGroup ul.navScrollList { margin:7px 0 0 0; padding:0 10px 10px 10px; list-style-type:none; background:#fff; border:1px solid #e0dfdf; overflow-y:auto; position:relative;}
.guidedNavWrapper .navGroup li { position:relative; margin-top:5px; padding:0 0 0 18px; }
.guidedNavWrapper .navGroup .singlefacet li { position:relative; margin-top:10px; padding:0 0 0 2px; }
.guidedNavWrapper .navGroup li input { float:left; display:inline; cursor:pointer; }
.guidedNavWrapper .navGroup li label { display:block; padding-top:3px; cursor:pointer; }
.guidedNavWrapper .navGroup li label span { color:#828792; }
.guidedNavWrapper .navGroup li.hawkFacet-hover .iconCheckbox { background-position:-46px -112px; }
.guidedNavWrapper .navGroup li.hawkFacet-active .iconCheckbox { background-position:-69px -112px; }
.guidedNavWrapper .navGroup li.navMore {
padding: 0;
font-size: 11px;
color: #0c527e;
}
.guidedNavWrapper .navGroup li.navMore span {
cursor: pointer;
}
.guidedNavWrapper .selectedNav {
margin: -9px;
padding: 8px;
background: #ebebeb;
}
.guidedNavWrapper .selectedGroup {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dotted #e6e6e6;
}
.guidedNavWrapper .selectedGroup:first-child {
border-top:0;
padding-top: 0;
margin-top: 0;
}
.guidedNavWrapper .selectedGroup ul { max-height:none; margin:0 0 0 2px; overflow:visible; }
.guidedNavWrapper .selectedGroup ul a,
.guidedNavWrapper .selectedGroup ul a:link,
.guidedNavWrapper .selectedGroup ul a:visited { font-size:.9em; }
.guidedNavWrapper .clearSelected {
padding: 7px 0 0;
text-align: right;
margin-top: 10px;
}
.guidedNavWrapper .clearSelected a,
.guidedNavWrapper .clearSelected a:link,
.guidedNavWrapper .clearSelected a:visited {font-weight:bold; text-decoration:none; }
.guidedNavWrapper .clearSelected a:hover,
.guidedNavWrapper .clearSelected a:active { text-decoration:underline; }
.guidedNavWrapper .navhdng {margin:0 0 5px 0;}
.guidedNavWrapper .selhdng {margin:0 0 5px 0;}
.guidedNavWrapper .selhdng,
.guidedNavWrapper .selhdng a { font-size:1em; font-weight:bold; color: #666; }
.guidedNavWrapper .navGroup li a .iconImage {
position:absolute;
left:0;
right:0;
top: 2px;
margin:0 3px 0 0;
padding:0;
text-indent:-9999em;
}
.guidedNavWrapper .selectedGroup a .iconImage {
position: absolute;
left: 0;
margin:1px 5px 0 0;
text-indent:-9999em;
}
.guidedNavWrapper .selhdng a .iconImage {
width: auto;
right: 0;
background: none;
text-indent: 0;
left: auto;
height: auto;
font-size: 11px;
color: #15435F;
font-weight: normal;
}
.guidedNavWrapper .selhdng a:hover .iconImage,
.guidedNavWrapper .selhdng a:focus .iconImage{
text-decoration: underline;
}
.guidedNavWrapper .navhdng {
position:relative;
padding-left:0px;
color:#666666;
}
.guidedNavWrapper .selhdng {
position:relative;
padding-right:40px;
}
.guidedNavWrapper .navGroup .resultsSearch { margin:15px 0 10px 0; }
.guidedNavWrapper .navGroup .resultsSearch label { display:block; margin-bottom:5px; color:#000; font-weight:bold; }
.guidedNavWrapper .navGroup .resultsSearch input.text { width:72%; }
.guidedNavWrapper .navGroup .resultsSearch .btnWrapper { vertical-align:top; }
.guidedNavWrapper .navGroup .resultsSearch .iconSearch { margin:0; width: 14px; height: 14px; }
.floatLeft {
float: left;
}
/* embedded clear fix */
.guidedNavWrapper .navGroup li:before, .guidedNavWrapper .navGroup li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.guidedNavWrapper .navGroup li:after { clear: both; }
/* nav list search */
.guidedNavWrapper .navQuickSearch { }
.guidedNavWrapper .navQuickSearch label { display:block; margin:0 0 2px 0; font-size:11px; }
.guidedNavWrapper .navQuickSearch input.text {
width:97%;
-webkit-box-sizing: border-box;
box-sizing:border-box;
}
.guidedNavWrapper .navQuickSearch input.dim { color:#aaa; }
/***** SLIDER *****/
.sliderbox {
display:block;
position:relative;
width:100%;
}
.slider-clear {float:right;font-weight:normal !important;}
.slider-min-value {float:left; display:block; position:relative; height:15px; color:#333; font-family:Arial; text-align:left; padding-top:2px;font-weight:normal;}
.slider-cur-value {float:left; display:block; position:absolute; left:45px; height:15px; color:#000; font-family:Arial; font-size:11px; text-align:right; padding-top:2px;font-weight:normal;}
.slider-max-value {float:right; display:block; position:relative; height:15px; color:#000; font-family:Arial; text-align:right; padding-top:2px;font-weight:normal;}
.slider-start-value {float:left; display:block; position:relative; height:15px; color:#868686; font-family:Arial; font-size:11px; text-align:left; padding-top:2px;}
.slider-end-value {float:right; display:block; position:relative; height:15px; color:#868686; font-family:Arial; font-size:11px; text-align:right; padding-top:2px;}
.sliderbox .ui-widget-header { background:#15435f; }
.sliderbox .ui-slider { position: relative; text-align: left; }
.sliderbox .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width:18px;
height:18px;
border:1px solid #ff732e;
background: #FF732E;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,115,46,1) 0%, rgba(243,85,41,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF732E), color-stop(100%,#F35529));
background: -webkit-linear-gradient(top, #FF732E 0%,#F35529 100%);
background: -o-linear-gradient(top, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
background: -ms-linear-gradient(top, rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);
background: linear-gradient(to bottom, #FF732E 0%,#F35529 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff732e', endColorstr='#f35529',GradientType=0 );
-webkit-border-radius: 3.01px;
-moz-border-radius: 3.01px;
-ms-border-radius: 3.01px;
-o-border-radius: 3.01px;
border-radius: 3.01px;
color:#fff;
}
.slider-range .ui-slider-handle:before {
margin:0 5px;
font-size:1.2em;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sliderbox .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.sliderbox .ui-slider .ui-slider-single { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.sliderbox .ui-slider-horizontal { height: .8em; margin:0 10px 10px; border-radius:0;}
.sliderbox .ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.6em; }
.sliderbox .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; cursor: pointer;}
.sliderbox .ui-slider-horizontal .ui-slider-single { top: 0; height: 100%; }
.sliderbox .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-min { left: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-max { right: 0; }
.sliderbox .ui-slider-horizontal .ui-slider-single-cur { left: 0; }
.sliderbox .ui-slider-vertical { width: .8em; height: 100px; }
.sliderbox .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.sliderbox .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.sliderbox .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.sliderbox .ui-slider-vertical .ui-slider-range-max { top: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single { left: 0; width: 100%; }
.sliderbox .ui-slider-vertical .ui-slider-single-min { bottom: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single-max { top: 0; }
.sliderbox .ui-slider-vertical .ui-slider-single-cur { bottom: 0; }
.slider-range {
margin-bottom:5px;
background:#ccc;
}
#slider-single {margin-bottom:5px;}
/* Nav */
#slider-single a.handle {cursor: hand; background: url(/cms/images/layout/leftslider.png) 50% 50% no-repeat; border:none; padding:0; width:15px; height:19px; z-index:12;}
.slider-range a.first-handle:before { content: "\f105"}
.slider-range a.second-handle:before { content: "\f104"}
div.growlUI {
background: url("/images/global/info.png") no-repeat scroll 10px 20px;
background-color: #000;
opacity:.6;
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}
div.growlUI h1, div.growlUI h2 {
color: white;
padding: 5px 5px 5px 75px;
text-align: left;
border-bottom:none;
background-color:transparent;
}
div.growlUI h2 {
font-size: medium;
}
/*
.itemList .itemWrapper {
width: 236px;
}*/
/* #321577 - HAWK FACKETS SAFARI */
_::-webkit-:not(:root:root), .hawkRailNav .guidedNavWrapper:last-child {margin-bottom:10px;}
#hawkFeatured{padding:0 1rem;}
@media(min-width:790px){
#hawkFeatured{padding:0 2.5rem;}
}
/* *** END
Responsive Hawksearch (~/cms/responsive/includes/css/hawksearch.css) *** */
/* *** BEGIN
Responsive Formee CSS (~/cms/responsive/includes/css/formee.css) *** */
.formee:after,.formee div:after,.formee ol:after,.formee ul:after,.formee li:after,.formee dl:after{content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden}.formee{margin:1em 20px;padding:0}.formee ul{margin:0;padding:0}.formee fieldset{border:1px solid #d4d4d4;position:relative;height:100%;padding:1.2em 0;margin:0 0 4em}.formee legend{margin-left:1%;margin-right:1%;padding:.5% .5% .8%}.formee h3{margin:2em 1% .8%;padding:.5% .5% .8%}.grid-1-12,.grid-2-12,.grid-3-12,.grid-4-12,.grid-5-12,.grid-6-12,.grid-7-12,.grid-8-12,.grid-9-12,.grid-10-12,.grid-11-12,.grid-12-12{display:inline-block;float:left;margin-left:1%;margin-right:1%;padding:.8% .5% 1%;height:100%;*margin-left:.8%;*margin-right:.8%;*padding:.8% .25% 1%}.grid-1-12{width:5.333%}.grid-2-12{width:13.666%}.grid-3-12{width:22%}.grid-4-12{width:30.333%}.grid-5-12{width:38.666%}.grid-6-12{width:47%}.grid-7-12{width:55.333%}.grid-8-12{width:63.666%}.grid-9-12{width:72%}.grid-10-12{width:80.333%}.grid-11-12{width:88.666%}.grid-12-12{width:97%}.formee .alpha{margin-left:0}.formee .omega{margin-right:0}.formee .clear{clear:both}.formee-no-lbl{position:relative;padding-bottom:0}.formee-no-lbl input,.formee-no-lbl label,.formee-no-lbl span,.formee-no-lbl ul,.formee-no-lbl p{position:absolute;bottom:0}.formee .left{clear:none;float:left!important;margin-right:.3em!important}.formee .right{clear:none;float:right!important;margin-left:.3em!important}.formee-lbl,.formee label{display:block;height:auto;margin:.2em 0 .5em}.formee td{vertical-align:top;padding:0 0 5px}.formee td label{display:inline-block!important}.formee td input+label{display:inline!important;margin:0 10px 0 0;vertical-align:top}.formee table td input[type="checkbox"],.formee table td input[type="radio"]{margin:0 5px 0 0}.formee .formee-checkbox{margin:0 5px 0 0}.formee .formee-checkbox+label{display:inline!important;vertical-align:top}.formee .formee-txt,.formee input[type="text"],.formee input[type="password"],.formee input[type="file"],.formee textarea,.formee select{vertical-align:middle;width:100%;padding:10px;border-style:solid;border-width:1px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;*width:99%}.formee textarea{}.formee select{}.formee-list .formee-lbl,.formee-list label{display:inline;height:auto;margin:.5em 0 .8em 2px}.formee-req{position:relative;top:3px}.formee-list{height:100%;list-style:none;padding:0;margin:0}.formee-list li,.formee-list li{margin:.5em .6em .8em;float:left;display:inline-block;list-style:none}.formee-list input{margin-right:.2em}.formee-small{width:30%!important;float:left;margin-right:10px;display:inline;*width:25%!important}.formee-medium{width:50%!important;float:left;margin-right:10px;display:inline;*width:45%!important}.formee fieldset{background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.grid-1-12:hover,.grid-2-12:hover,.grid-3-12:hover,.grid-4-12:hover,.grid-5-12:hover,.grid-6-12:hover,.grid-7-12:hover,.grid-8-12:hover,.grid-9-12:hover,.grid-10-12:hover,.grid-11-12:hover,.grid-12-12:hover{}.field-button:hover{background:transparent}.formee{}.formee legend,.formee h3{font-size:3em;line-height:1.2em;letter-spacing:-.035em;color:#2b2b2b;font-weight:normal}.formee-lbl,.formee label{color:#2b2b2b;vertical-align:middle}.formee-req{position:relative;top:-.25em;font-size:11px;color:#0c3}.formee .formee-txt,.formee input[type="text"],.formee input[type="password"],.formee input[type="file"],.formee textarea,.formee select{border-color:#c6c6c6 #dadada #eaeaea;background:#fafafa;color:#999;font-family:inherit;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.formee select{border-color:#c6c6c6 #dadada #eaeaea;background:#fafafa;color:#999}.formee .formee-txt:hover,.formee input[type="text"]:hover,.formee input[type="password"]:hover,.formee input[type="file"]:hover,.formee textarea:hover,.formee select:hover{color:#666;background:#fff none;border-color:#c6c6c6}form .formee-txt:focus,.formee input[type="text"]:focus,.formee input[type="password"]:focus,.formee input[type="file"]:focus,.formee textarea:focus,.formee select:focus{color:#333;background:#fff none;border-color:#659ec9 #70aedd #a8cfec;outline:0}.formee-msg-info,.formee-msg-warning,.formee-msg-error,.formee-msg-success{padding:5px 20px 0 20px;border:1px solid #ccc;display:block;height:auto;margin:0 1.5% .8em;clear:both;color:#2b2b2b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:10px}.formee-msg-info-small,.formee-msg-warning-small,.formee-msg-error-small,.formee-msg-success-small{padding:5px 5px 0 5px;border:1px solid #ccc;display:block;height:auto;margin:0 1.5% .8em;clear:both;color:#2b2b2b;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-top:10px}.formee-msg-info ul,.formee-msg-warning ul,.formee-msg-error ul,.formee-msg-success ul{margin:0 0 10px 27px}.formee-msg-info li,.formee-msg-warning li,.formee-msg-error li,.formee-msg-success li{list-style:none;padding:0;margin-bottom:.4%;font-size:1em;line-height:1.1em;vertical-align:top}.formee-msg-info h3,.formee-msg-warning h3,.formee-msg-error h3,.formee-msg-success h3{font-size:1.1em;line-height:1.5em;letter-spacing:-.02em;padding:0;margin:0 0 .3em 0}.formee-msg-info-small h3,.formee-msg-warning-small h3,.formee-msg-error-small h3,.formee-msg-success-small h3{font-size:1em;line-height:1.2em;letter-spacing:-.02em;padding:0;margin:0 0 .3em 0}.usa-ada .formee-msg-error:focus,.usa-ada .formee-msg-error:active{outline:2px solid #008cff}.formee-msg-info{border-color:#bcdfef;background-color:#d1ecf7}.formee-msg-info h3{background:url(/cms/images/forms/form-ic-info.png) no-repeat 0 3px;padding-left:25px}.formee-msg-info-small{border-color:#bcdfef;background-color:#d1ecf7}.formee-msg-info-small h3{background:url(/cms/images/forms/form-ic-info-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-warning{border-color:#fceb77;background-color:#fff6bf}.formee-msg-warning h3{background:url(/cms/images/forms/form-ic-warning.png) no-repeat 0 3px;padding-left:25px}.formee-msg-warning-small{border-color:#fceb77;background-color:#fff6bf}.formee-msg-warning-small h3{background:url(/cms/images/forms/form-ic-warning-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-error{border-color:#f6abab;background-color:#fad0d0}.formee-msg-error h3{background:url(/cms/images/forms/form-ic-error.png) no-repeat 0 3px;padding-left:25px}.formee-msg-error-small{border-color:#f6abab;background-color:#fad0d0}.formee-msg-error-small h3{background:url(/cms/images/forms/form-ic-error-small.png) no-repeat 0 0;padding-left:25px}.formee-msg-success{border-color:#d0f1a6;background-color:#e5f8ce}.formee-msg-success h3{background:url(/cms/images/forms/form-ic-success.png) no-repeat 0 3px;padding-left:25px}.formee-msg-success-small{border-color:#d0f1a6;background-color:#e5f8ce}.formee-msg-success-small h3{background:url(/cms/images/forms/form-ic-success.png) no-repeat 0 3px;padding-left:25px}.formee-msg-success strong,.formee-msg-success a{color:#62b548}.formee-msg-info strong,.formee-msg-info a{color:#11689e}.formee-msg-warning strong,.formee-msg-warning a{color:#957210}.formee-msg-error strong,.formee-msg-error a{color:#b01717}.formee-msg-error-label{color:#b01717!important}input.formee-error,select.formee-error,textarea.formee-error{color:#b01717!important;border-color:#c00000!important;-moz-box-shadow:0 0 3px 0 #c00000;-webkit-box-shadow:0 0 3px 0 #c00000;box-shadow:0 0 3px 0 #c00000}label.formee-error{color:#b01717!important}.formee-msg-error{margin:10px 1.5% .8em!important}.graph20 .formee-msg-error{margin-top:0!important;margin-bottom:35px!important}#dv-formee-msg-error h3{background:none;position:relative}#dv-formee-msg-error h3:before,#dv-formee-msg-error h3:after{content:'';background:#b51414;height:16px;width:2px;position:absolute;top:3px;left:5px}#dv-formee-msg-error h3:before{transform:rotate(45deg)}#dv-formee-msg-error h3:after{transform:rotate(-45deg)}@media all and (min-width:48em){.formee-msg-error{margin-top:28px!important}}
/* *** END
Responsive Formee CSS (~/cms/responsive/includes/css/formee.css) *** */
/* *** BEGIN
Click Navigation Style (~/cms/responsive/includes/css/clicknav.css) *** */
/*================================================================
CLICK MENU STYLES
================================================================*/
/*
THESE STYLES will probably not be needed and are adjusted in your main styles
- * for example is most efficient when not a child of a class
-- hopefully you already are using the box sizing globally
- you may not need text-decoration etc. depending on your global anchors
*/
.cm-menu a, .cm-menu a:visited {/* color:#fff; */text-decoration:none; }
.cm-menu *, .cm-menu *:after, .cm-menu *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cm-menu:focus { outline:3px solid blue; }
.cm-menu, .cm-menu ul { margin:0; padding:0; list-style:none;}
.cm-menu .sub-menu {
max-height:0;
opacity:0;
overflow:hidden;
display: none;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
/* .cm-menu { position:relative; } */
.cm-menu li a { display:block; padding: 12px 40px 12px 10px; position:relative; }
.usa-ada-nav .sub-menu a{padding: 10px 20px;}
/* .cm-menu li { border-top:1px solid #ccc; } */
.cm-menu li:first-child { border-top:0; }
.cm-menu li { position:relative; }
.cm-menu .sub-menu ul ul{display: block;}
/* .cm-menu .has-sub:after,
.cm-menu .expander-wrap .has-sub > span:after {
content:" ";
display:inline-block;
position:absolute; top:50%; right:10px;
margin:2px 0 0 5px;
vertical-align:middle;
border:5px solid transparent;
Extra is for anti-aliasing issues in firefox and others
border:5px solid rgba(0,0,0,0);
border-top-color:#fff;
-wekbit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0.98) translateY(-50%);
-ms-transform: scale(0.98) translateY(-50%);
transform: scale(0.98) translateY(-50%);
} */
/* .cm-menu .opened > .has-sub:after,
.cm-menu .opened > .expander-wrap .has-sub > span:after{
border-top-color:#333;
-webkit-transform: scale(0.98) translateY(-75%) rotate(-180deg);
-ms-transform: scale(0.98) translateY(-75%) rotate(-180deg);
transform: scale(0.98) translateY(-75%) rotate(-180deg);
} */
.cm-menu > .opened > a,
.cm-menu > li > a:hover,
.cm-menu > li > a:focus,
.cm-menu > li > div > a:hover,
.cm-menu > li > div > a:focus { }
.cm-menu .expander-wrap .has-sub:hover > span,
.cm-menu .expander-wrap .has-sub:focus > span { }
.cm-menu ul .opened > a,
.cm-menu ul a:hover, .cm-menu ul li a:focus { }
.cm-menu ul .opened > .has-sub:after,
.cm-menu ul .opened > .expander-wrap .has-sub > span:after{
}
.cm-js-active .cm-menu { max-height:80em; opacity:1; }
.cm-menu .opened > .sub-menu { max-height:80em; opacity:1; display: block; }
.cm-menu .sub-menu.active { max-height:80em; opacity:1; display: block;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}
.cm-menu .sub-menu.active ul ul{max-height: 0; opacity: 0; display: none;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}
.cm-menu .sub-menu.active ul ul.active{max-height:80em; opacity:1; display: block;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}
/* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */
.cm-menu .expander-wrap { display:table; width:100%; }
.cm-menu .expander-wrap a { display:table-cell; }
.cm-menu .expander-wrap .has-sub { position:relative; width:30px; }
.cm-menu .expander-wrap .has-sub:after { display:none; }
.cm-menu .expander-wrap .has-sub > span {
display:block;
position:absolute; top:0; right:0;
width:100%; height:100%;
}
.cm-menu .expander-wrap .has-sub > span:after {
content:" ";
display:inline-block;
position:absolute; top:50%; right:50%;
margin:2px 0 0 5px;
vertical-align:middle;
border:5px solid transparent;
/* Extra is for anti-aliasing issues in firefox and others */
border:5px solid rgba(0,0,0,0);
border-top-color:#fff;
-wekbit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0.98) translate(50%, -50%);
-ms-transform: scale(0.98) translate(50%, -50%);
transform: scale(0.98) translate(50%, -50%);
}
.cm-menu .opened > .expander-wrap .has-sub > span:after {
border-top-color:#333;
-webkit-transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
-ms-transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
transform: scale(0.98) translate(50%, -75%) rotate(-180deg);
}
/* .usa-ada-nav .sub-menu{display: block!important} */
/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */
.no-js .toggle-menu + .cm-menu { opacity:1; max-height:80em; }
.no-js .cm-menu > li:hover > a { }
.no-js .cm-menu ul ul li:hover > a { }
.no-js .cm-menu li:hover > .sub-menu { display:block; max-height:80em; opacity:1; width:100%; }
.no-js .cm-menu ul { display:none; overflow:visible; }
/* ================= MENU OPEN FUNCTIONALITY ADDED ON SETUP ================= */
@media (min-width:48em){
.toggle-menu + .cm-menu { max-height:80em; opacity:1; overflow:visible; }
.cm-menu ul { top:100%; overflow:hidden; }
.cm-menu .opened > .sub-menu { max-height:80em; opacity:1; }
.cm-menu .animated > ul { overflow:visible; z-index:10; }
.cm-menu .animating > ul { z-index:-1; }
/* .cm-menu li a{padding: 15px 20px;}
.usa-ada-nav .sub-menu a{padding: 10px;} */
}
/*================================================================
CLICK MENU MENU TYPES
================================================================*/
/* NAV BAR STYLE TYPE
================================================================*/
@media (min-width:48em){
.nav-bar li { border-top:0; }
.nav-bar > ul { display:table; width:100%; table-layout:fixed; }
.nav-bar > ul > li { display:table-cell; vertical-align:middle; }
.nav-bar > ul > li > a { display:table; width:100%; padding:0; }
.nav-bar > ul > li > a > span { display:table-cell; padding:0 10px; height:40px; vertical-align:middle; text-align:center; }
.nav-bar > ul > li > ul { position:absolute; }
.nav-bar .has-sub span:after { position:static; margin-top:10px; }
.nav-bar ul ul .has-sub:after { right:5px; }
/* .nav-bar ul li li { margin:5px; } */
.nav-bar ul li li li { margin-left:0; margin-right:0; }
.nav-bar ul ul a { padding:3px 15px; }
.nav-bar ul ul a:hover, .nav-bar ul ul a:focus,
.nav-bar ul ul .opened > a { }
/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */
.no-js .nav-bar ul ul li:hover > a { }
}
/* ACCORDION NAVIGATION
================================================================*/
/* ------------- CURRENTLY KEEPS SMALL SCREEN STYLES -------------- */
/* DROP DOWN NAVIGATION
================================================================*/
@media (min-width:48em){
[data-type="dropdown"] ul {
display:block;
position:absolute;
z-index:-1;
top:100%; left:0;
width:100%; min-width:180px;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}
[data-type="dropdown"] ul ul { top:-5px; }
[data-type="dropdown"] .opened > ul { left:100%; max-height:80em; opacity:1; }
li[data-type="dropdown"]:nth-last-child(-n+2) ul { left:auto; right:0; }
li[data-type="dropdown"]:nth-last-child(-n+2) .opened > ul { left:auto; right:100%; }
.nav-bar ul li[data-type="dropdown"] li li { margin-left:5px; margin-right:5px; }
[data-type="dropdown"] a + .has-sub { width:0; min-height:0; height:100%; }
[data-type="dropdown"] a + .has-sub > span { min-height:0; height:100%; }
/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */
.no-js .cm-menu [data-type="dropdown"] li:hover > ul { left:100%; }
.no-js .cm-menu [data-type="dropdown"]:nth-last-child(-n+2) ul { left:auto; right:0; }
.no-js .cm-menu [data-type="dropdown"]:nth-last-child(-n+2) li:hover > ul { left:auto; right:100%; }
}
/* SLIDING MENU NAVIGATION ADJUSTMENTS
================================================================*/
[data-type="sliding"].opened .cm-sliding-menu,
[data-type="sliding"].opened .cm-sliding-menu ul { max-width:100%; }
.cm-menu [data-type="sliding"].opened .cm-sliding-menu > ul { max-height:80em; opacity:1; }
.cm-menu [data-type="sliding"].animated .cm-sliding-menu > ul { overflow:visible; z-index:10; }
.cm-menu [data-type="sliding"].animating .cm-sliding-menu { z-index:-1; }
@media (min-width:48em){
[data-type="sliding"] .cm-sliding-menu {
position:absolute;
-wekbit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
[data-type="sliding"] .cm-sliding-menu > ul {
display:block;
position:absolute;
z-index:-1;
top:100%; left:0;
width:180px;
-wekbit-transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, left 0.4s ease-in-out, right 0.4s ease-in-out;
}
[data-type="sliding"] .cm-sliding-menu > ul li { position:static; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul { position:absolute; top:0; }
[data-type="sliding"] .cm-sliding-menu > ul ul { position:absolute; top:0; }
[data-type="sliding"] .cm-sliding-menu ul ul ul { position:static; margin:0; padding:0; max-height:80em; width:100%; overflow:hidden; opacity:1; }
[data-type="sliding"] .cm-sliding-menu ul ul .has-sub { color:#fff; cursor:default; }
[data-type="sliding"] .cm-sliding-menu ul ul .has-sub { background: none; }
[data-type="sliding"] .cm-sliding-menu ul ul .has-sub:after,
[data-type="sliding"] .cm-sliding-menu ul ul .expander-wrap .has-sub { display:none; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul > li { float:left; width:50%; padding:0 5px; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul > li:nth-child(2n+1) { clear:left; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul > .link-landing { margin-left:0; margin-right:0; width:100%; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul > .link-landing ~ li:nth-child(2n+1) { clear:none; }
[data-type="sliding"] .cm-sliding-menu > ul > li > ul > .link-landing ~ li:nth-child(2n+2) { clear:left; }
/* ================= ESSENTIAL SLIDING FUNCTIONALITY ================= */
[data-type="sliding"] .cm-sliding-menu.cm-js-inactive { position:relative; left:0 !important; width:100% !important; }
[data-type="sliding"] .cm-sliding-menu.cm-js-inactive > ul { min-width:100%; }
[data-type="sliding"] .cm-sliding-menu.cm-js-inactive > ul > li > ul { padding:0; max-width:0; }
[data-type="sliding"] .cm-sliding-menu > ul ul { width:100%; margin-left:-5px; padding-left:180px; padding-right:5px; z-index:-1; opacity:0; }
[data-type="sliding"] .cm-sliding-menu .animated ul { opacity:1; }
[data-type="sliding"].opened .cm-sliding-menu, [data-type="sliding"].opened .cm-sliding-menu ul { max-width:none; }
/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */
.no-js .cm-menu [data-type="sliding"] li:hover > ul { left:100%; }
.no-js .cm-menu [data-type="sliding"]:nth-last-child(-n+2) ul { left:auto; right:0; }
.no-js .cm-menu [data-type="sliding"]:nth-last-child(-n+2) li:hover > ul { left:auto; right:100%; }
}
/* MEGA MENU NAVIGATION ADJUSTMENTS
================================================================*/
@media (min-width:48em){
.cm-menu [data-type="mega"] { position:relative; }
[data-type="mega"] > ul {
position:absolute;
top:100%; left:0;
width:100%; max-height:0;
overflow:hidden;
-wekbit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
[data-type="mega"] > ul ul { position:static; max-height:80em; width:100%; overflow:hidden; opacity:1; }
[data-type="mega"] > ul .opened ul { margin-left:0; }
[data-type="mega"] > ul > li { float:left; width:25%; }
[data-type="mega"] > ul > li:nth-child(4n+1) { clear:left; }
[data-type="mega"] > ul > .link-landing { margin:0; width:100%; }
[data-type="mega"] > ul > .link-landing ~ li:nth-child(4n+1) { clear:none; }
[data-type="mega"] > ul > .link-landing ~ li:nth-child(4n+2) { clear:left; }
/* ================= OPENED FUNCTIONALITY ADDED ON SETUP ================= */
[data-type="mega"] a + .has-sub { width:0; min-height:0; height:100%; }
[data-type="mega"] a + .has-sub > span { min-height:0; height:100%; }
[data-type="mega"] ul .has-sub:after { display:none; }
[data-type="mega"].opened > ul { padding:20px; }
/* ================= SEPARATE EXPANDERS OPTION IS ENABLED ================= */
[data-type="mega"] ul a + .has-sub { display:none; }
/* ================= HOVER FALLBACK IF JAVASCRIPT IS DISABLED ================= */
.no-js .cm-menu [data-type="mega"] ul ul { display:block; }
}
/*================================================================
NAVIGATION TOGGLE STYLES
================================================================*/
.toggle-menu { display:block; position:relative; border:0; width:50px; height:46px; background:#333; }
.toggle-menu:before, .toggle-menu:after, .toggle-menu > span:before {
content:" ";
position:absolute;
left:15%;
border-radius:2px;
width:70%; height:3px;
background:#fff;
}
.toggle-menu:before { top:11px; }
.toggle-menu:after { top:21px; }
.toggle-menu > span:before { top:31px; }
.toggle-menu:hover, .toggle-menu:focus, .js-menu-active .toggle-menu {}
@media (min-width:48em){
.toggle-menu { display:none; }
}
/*================================================================
EXTRA OVERWRITE STYLES
================================================================*/
.main-nav { position:relative; z-index:1000; }
[data-type="sliding"] .cm-sliding-menu .item-banner { width:100%; }
[data-type="sliding"] .cm-sliding-menu .item-banner a { text-align:center; }
[data-type="mega"] .custom-sub {
max-height:0; opacity:0;
overflow:hidden;
-wekbit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
[data-type="mega"] .custom-sub ul { position:static; opacity:1; max-height:80em; }
[data-type="mega"] .custom-sub p { margin:10px; }
[data-type="mega"] .custom-sub .banner-wrap { width:100%; }
[data-type="mega"] .custom-sub .banner-wrap a { text-align:center; background:none; }
.cm-menu .opened > .custom-sub { max-height:80em; opacity:1; padding:20px; }
.cm-menu .animated > .custom-sub { overflow:visible; z-index:10; }
.cm-menu .animating > .custom-sub { z-index:-1; }
@media (min-width:48em) {
[data-type="mega"] .custom-sub {
position:absolute;
top:100%; left:0;
width:100%;
}
}
@media (min-width:48em) {
.table-row { display:table; width:100%; }
.table-col { display:table-cell; vertical-align:top; }
}
@media (min-width: 1040px){
.usa-ada-nav .nav-main li.main-li .sub-menu a{
padding: 10px;
background: transparent url(/cms/responsive/images/dots.png) 100% 50% no-repeat;
}
.cm-menu li a{padding: 15px 20px;}
.usa-ada-nav .sub-menu a{padding: 10px;}
}
@media (min-width: 65em){
.usa-ada-nav .nav-main li.main-li .sub-menu .constrain > ul > li > a{padding: 10px 0}
}
/* *** END
Click Navigation Style (~/cms/responsive/includes/css/clicknav.css) *** */
/* *** BEGIN
Sticky Add To Cart Bar (~/cms/responsive/includes/css/sticky-addtocart-bar.css) *** */
@-webkit-keyframes fadeinBar{0%{opacity:0;top:-100%}100%{opacity:1}}@keyframes fadeinBar{0%{opacity:0;top:-100%}100%{opacity:1}}@-webkit-keyframes fadeinBarUp{0%{opacity:0;bottom:-100%}100%{opacity:1}}@keyframes fadeinBarUp{0%{opacity:0;bottom:-100%}100%{opacity:1}}.is-sticky #btnAdd2CartWrpr{position:relative!important}.product-detail-right.cloned{display:none}.sticky-bar .product-detail-right.cloned{animation-name:fadeinBar;animation-duration:.75s;display:flex;align-items:center;justify-content:flex-end;position:fixed;top:0;z-index:200000000;background:#fff;width:100%;max-width:1212px;left:50%;transform:translatex(-50%);padding:5px 25px 3px;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 6px 6px rgba(0,0,0,.09)}@media(max-width:767px){.sticky-bar .product-detail-right.cloned{animation-name:fadeinBarUp;top:initial;bottom:0;box-shadow:0 -1px 1px rgba(0,0,0,.11),0 -2px 2px rgba(0,0,0,.11),0 -4px 4px rgba(0,0,0,.11),0 -6px 6px rgba(0,0,0,.09)}}#productImageCloned{max-width:60px;padding:0;margin:0 20px 0 0}.product-detail-right.cloned .slot1a{display:flex;align-items:center;flex-grow:1;margin-bottom:10px;margin-right:25px}.product-detail-right.cloned .slot1a p{margin:0}.product-detail-right.cloned .titleCloned{font-weight:600;font-size:1.2em;line-height:1.1;color:#666;margin:0}.product-detail-right.cloned .product-price{font-size:1.15em}.product-detail-right.cloned .itemPricingCloned{margin:2px 25px 0 10px;align-self:flex-start}.product-detail-right.cloned .itemPricingCloned strong{font-size:1.2em;display:inline-block;height:18px;vertical-align:top;margin:0 0 7px}.product-detail-right.cloned .itemPricingCloned strong::after{content:":"}.product-detail-right.cloned .itemPricingCloned .qdiscount th{font-size:.75em;padding:1px 3px}.product-detail-right.cloned .productDetails{margin:10px 0 12px;align-self:flex-start}.product-detail-right.cloned .detailsRow{display:flex;width:auto;margin:0 0 0 0}.product-detail-right.cloned .detailsRow.quantity{flex-flow:column wrap;align-items:flex-start;max-height:80px;margin:0 20px 0 20px}.product-detail-right.cloned .sezzle-shopify-info-button{-webkit-transition:.55s all ease-in-out;-moz-transition:.55s all ease-in-out;transition:.55s all ease-in-out}.product-detail-right.cloned .detailsRow.quantity .rowPromo{display:flex;flex-flow:row;align-items:flex-start;margin:0 0 0 20px;padding-top:8px}.product-detail-right.cloned .detailsRow.quantity .rowPromo>p{max-width:260px}.product-detail-right.cloned .detailsRow .clear{display:none}.product-detail-right.cloned .selectWrpr{margin:0 0 0 20px}.product-detail-right.cloned .detailsRow .swatchListWrpr{margin-right:5px}.product-detail-right.cloned .swatchList{margin:2px 0 0 0}.product-detail-right.cloned .swatchListWrpr.has4{min-width:200px;text-align:left}.product-detail-right.cloned .swatchList li img{max-width:29px;max-height:29px}.product-detail-right.cloned .swatchList>.break{margin-right:-4px;display:inline-block}.product-detail-right.cloned .swatchList>.break+.break{margin:0;display:none}.product-detail-right.cloned .swatchList.more>.break+.break{display:inline-block}.product-detail-right.cloned .swatchList>.break li{margin:2px 3px}.product-detail-right.cloned .swatchList>.break>.more{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;background:#ff732e;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzMyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMzU1MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#ff732e 0%,#f35529 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,115,46,1)),color-stop(100%,rgba(243,85,41,1)));background:-webkit-linear-gradient(top,rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);background:-o-linear-gradient(top,rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);background:-ms-linear-gradient(top,rgba(255,115,46,1) 0%,rgba(243,85,41,1) 100%);background:linear-gradient(to bottom,#ff732e 0%,#f35529 100%);width:25px;height:25px;display:inline-block;text-align:center;vertical-align:top;cursor:pointer}.product-detail-right.cloned .swatchList.more>.break>.more:hover,.product-detail-right.cloned .swatchList.more>.break>.more:focus{background:#f35529}.product-detail-right.cloned .swatchList.more>.break>.more{display:none}.product-detail-right.cloned .detailsRow select{width:auto;height:40px;margin:4px 0;padding:9px 2px}.product-detail-right.cloned .detailsRow .input-inline{max-width:55px;height:40px;padding:9px 2px;margin:2px 0}.product-detail-right.cloned .addToButtons{width:180px;margin:25px 0 15px 0;-webkit-transition:.55s all ease-in-out;-moz-transition:.55s all ease-in-out;transition:.55s all ease-in-out}.product-detail-right.cloned.nostock .addToButtons{width:0;overflow:hidden}.product-detail-right.cloned .addToButtons.wrapped{margin:10px 0 16px 0}.product-detail-right.cloned .addToButtons [class*="grid-"]{width:100%}.product-detail-right.cloned .addtocart{width:100%;margin:0}.product-detail-right.cloned #itemPricing>div{margin:-8px 0 0 0!important}.sticky-bar .product-detail-right.cloned{flex-flow:row wrap}#emailContainerCloned{font-size:.89em;font-weight:normal;margin:15px 15px 0 0;width:40%;max-width:40%;order:9;text-align:right;margin:-15px 15px 10px calc(60%- 15px);color:#4a4a4a}#emailContainerCloned>br{display:none}#emailContainerCloned>strong{margin-left:10px;font-size:.82em;font-weight:normal}#emailContainerCloned>a{text-decoration:underline;color:#15435f;display:inline;text-align:center}#emailContainerCloned>a:hover,#emailContainerCloned>a:focus{color:#15435f;text-decoration:none}#emailContainerCloned>a>div,#emailContainerCloned>div{font-size:0;margin:0!important;width:100%;text-align:right}#emailContainerCloned>a>div strong,#emailContainerCloned>div strong{font-weight:normal;font-size:.85rem}#emailContainerCloned>a>div br+*,#emailContainerCloned>div br+*{display:none}@media(max-width:1024px){.sticky-bar .product-detail-right.cloned{align-items:flex-start;flex-flow:row wrap}.product-detail-right.cloned .addToButtons{margin:10px 0 15px}.product-detail-right.cloned .productDetails{margin:0}.product-detail-right.cloned #itemPricing{display:none}.product-detail-right.cloned .itemPricingCloned{display:none}#emailContainerCloned{width:100%;max-width:100%;text-align:center}}@media(max-width:960px){.product-detail-right.cloned .addToButtons{width:100%}}@media(max-width:767px){.product-detail-right.cloned{align-items:center}.product-detail-right.cloned #emailContainerCloned{margin:25px 10px;order:0}.product-detail-right.cloned #emailContainerCloned>a>div{text-align:center}.product-detail-right.cloned:not(.nostock) #emailContainerCloned,.product-detail-right.cloned.nostock .addToButtons,.product-detail-right.cloned .productDetails{display:none}.product-detail-right.cloned .productDetails+.productDetails{display:block}}@media(max-width:540px){.product-detail-right.cloned .productDetails+.productDetails{display:none}}@media(max-width:420px){.product-detail-right.cloned .slot1a{display:none}}#btnAdd2CartWrpr-sticky-wrapper.is-sticky::before{display:none!important}@media(min-width:1025px){.product-detail-right.cloned.qty-wrapped.add-wrapped .productDetails+.productDetails{margin-top:-7px}}@media(min-width:960px)and (max-width:1025px){.product-detail-right.cloned.qty-wrapped.add-wrapped .addToButtons.wrapped{margin-top:18px}}#txtQty-sticky-wrapper{display:inline-block;margin-bottom:5px}#txtQty-sticky-wrapper #txtQty{position:relative!important}.product-detail-right.cloned.noBtn .slot1a{flex-grow:0;width:50%}.product-detail-right.cloned.noBtn .detailsRow.quantity,.product-detail-right.cloned.noBtn .addToButtons{display:none}.product-detail-right.cloned.noBtn #emailContainerCloned{margin:0;width:40%;display:block}@media(max-width:767px){.product-detail-right.cloned.noBtn .slot1a{width:100%}.product-detail-right.cloned.noBtn #emailContainerCloned{width:100%;text-align:center;margin-bottom:10px}.product-detail-right.cloned.noBtn #emailContainerCloned a>div{text-align:center}}#btnAdd2CartWrpr-sticky-wrapper{z-index:100000009}#btnAdd2CartWrpr-sticky-wrapper #btnAdd2Cart{display:block;z-index:100000009!important}@media(max-width:768px){#btnAdd2CartWrpr-sticky-wrapper.is-sticky::before{content:'';background:#fff;display:block;width:100%;height:80px;position:fixed;top:0;left:0;z-index:100000008;border-bottom:4px solid #194966}}
/* *** END
Sticky Add To Cart Bar (~/cms/responsive/includes/css/sticky-addtocart-bar.css) *** */