<%@ page contentType="text/css" %>  
<%@ include file="/applicationtop-noct.jsp" %>
  
/* ======================= General/Reset =======================*/

.orderDetailsSubtotal {
	font-weight: 500;
	color: #000
}

.cf:after {
	content: "";
	display: table;
	clear: both;
  	}

@-webkit-keyframes slideIn {
	0% { opacity: 0; left: 3%; }
	100% { opacity: 1; left: 0; }
	}

@-moz-keyframes slideIn { 
    0% { opacity: 0; left: 3%; } 
    100% { opacity: 1; left: 0; } 
	} 

@-o-keyframes slideIn { 
    0% { opacity: 0; left: 3%; } 
    100% { opacity: 1; left: 0; } 
	} 

@keyframes slideIn { 
    0% { opacity: 0; left: 3%; } 
    100% { opacity: 1; left: 0; } 
	} 

.slideIn { 
	position: relative;
    -webkit-animation: slideIn; 
	-moz-animation: slideIn;
	-o-animation: slideIn; 
    animation: slideIn; 
    -webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
    animation-duration: 1s;
	}

@-webkit-keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
	}

@-moz-keyframes fadeIn { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
	} 

@-o-keyframes fadeIn { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
	} 

@keyframes fadeIn { 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
	} 

.fadeIn { 
	position: relative;
    -webkit-animation: fadeIn; 
	-moz-animation: fadeIn;
	-o-animation: fadeIn; 
    animation: fadeIn; 
    -webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
    animation-duration: 3s;
	}
  
@-moz-keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-khtml-keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slowFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.slow-fade-in {
	-webkit-animation: slowFadeIn 1200ms ease-in-out;
	-moz-animation: slowFadeIn 1200ms ease-in-out;
	-ms-animation: slowFadeIn 1200ms ease-in-out;
	-o-animation: slowFadeIn 1200ms ease-in-out;
	animation: slowFadeIn 1200ms ease-in-out;
}

* { 
	margin: 0;
  	padding: 0;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	}
  
html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
  	font-family: sans-serif;
  	font-size: 100%;
  	-ms-text-size-adjust: 100%;
  	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
    }

input::-moz-focus-inner {
	border: 0;
	padding: 0;
	}

a:focus { 
	text-decoration: underline;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	}

input[type="file"]:focus, input[type="radio"]:focus ,input[type="checkbox"]:focus, button:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	}
  
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; }
  
body {
    height: 100%;
    font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
  	font-size: 16px;
  	line-height: 1.4;
  	font-weight: 400;
    background-color: transparent;
  	color: #333;
    }

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: #d2d2d2;
    }

caption {
    text-align: left;
    font-weight: 400;
    float: none !important;
    }

table,th,td { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; }

a img { 
  	display: block;
  	border: none;
  	}

h1 {
    font-family: 'Roboto',Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 400;
    margin: 16px 0 24px;
    color: #333;
    font-weight: normal;
    line-height: 1.25
    }

span hr { margin: 10px 0; }

:focus { outline: 0; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.oddrow { background: #fff; }

.evenrow { background: #FFF; }

.static li {
    display: list-item;
    line-height: 1.5em;
    }

.static ul {
    list-style-type: disc;
    margin-left: 2.45em;
    line-height: 1em;
    }
  
/* ======================= Layout - layout.jsp =======================*/

.legal-footnote{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em
}
  
a:link { color: #0078d7; text-decoration: none; }
a:visited { color: #0078d7; }
a:hover { color: #0078d7; text-decoration: underline; }
a:focus { color: #0078d7; text-decoration: underline; }
a:active { color: #0078d7; }

h4 a:link { color: #0078d7; text-decoration: none; }
h4 a:visited { color: #0078d7; }
h4 a:hover { color: #0078d7; text-decoration: underline; }
h4 a:focus { color: #0078d7; }
h4 a:active { color: #0078d7; }  
  
#container {
	display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    }

#content {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
	font-size: 100%;
    }

#top {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    }

#maincontent {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }

#leftbar {
    display: block;
    position: relative;
    }

#rightbar {
    display: block;
    position: relative;
    }

/* ======================= Account/Login - 6 July 2017 =======================*/

.column {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

.large-offset-0 {
    margin-left: 0
}

.large-push-0 {
    left: auto;
    right: auto
}

.large-pull-0 {
    right: auto;
    left: auto
}

.large-1 {
    width: 8.33333%
}

html.ie8 .large-1 {
    width: 8.325%
}

.large-offset-1 {
    margin-left: 8.33333%
}

html.ie8 .large-offset-1 {
    margin-left: 8.325%
}

.large-push-1 {
    left: 8.33333%;
    right: auto
}

.large-pull-1 {
    right: 8.33333%;
    left: auto
}

.large-2 {
    width: 16.66667%
}

html.ie8 .large-2 {
    width: 16.65%
}

.large-offset-2 {
    margin-left: 16.66667%
}

html.ie8 .large-offset-2 {
    margin-left: 16.65%
}

.large-push-2 {
    left: 16.66667%;
    right: auto
}

.large-pull-2 {
    right: 16.66667%;
    left: auto
}

.large-3 {
    width: 25%
}

html.ie8 .large-3 {
    width: 24.975%
}

.large-offset-3 {
    margin-left: 25%
}

html.ie8 .large-offset-3 {
    margin-left: 24.975%
}

.large-push-3 {
    left: 25%;
    right: auto
}

.large-pull-3 {
    right: 25%;
    left: auto
}

.large-4 {
    width: 33.33333%
}

html.ie8 .large-4 {
    width: 33.3%
}

.large-offset-4 {
    margin-left: 33.33333%
}

html.ie8 .large-offset-4 {
    margin-left: 33.3%
}

.large-push-4 {
    left: 33.33333%;
    right: auto
}

.large-pull-4 {
    right: 33.33333%;
    left: auto
}

.large-5 {
    width: 41.66667%
}

html.ie8 .large-5 {
    width: 41.625%
}

.large-offset-5 {
    margin-left: 41.66667%
}

html.ie8 .large-offset-5 {
    margin-left: 41.625%
}

.large-push-5 {
    left: 41.66667%;
    right: auto
}

.large-pull-5 {
    right: 41.66667%;
    left: auto
}

.large-6 {
    width: 50%
}

html.ie8 .large-6 {
    width: 49.95%
}

.large-offset-6 {
    margin-left: 50%
}

html.ie8 .large-offset-6 {
    margin-left: 49.95%
}

.large-push-6 {
    left: 50%;
    right: auto
}

.large-pull-6 {
    right: 50%;
    left: auto
}

.large-7 {
    width: 58.33333%
}

html.ie8 .large-7 {
    width: 58.275%
}

.large-offset-7 {
    margin-left: 58.33333%
}

html.ie8 .large-offset-7 {
    margin-left: 58.275%
}

.large-push-7 {
    left: 58.33333%;
    right: auto
}

.large-pull-7 {
    right: 58.33333%;
    left: auto
}

.large-8 {
    width: 66.66667%
}

html.ie8 .large-8 {
    width: 66.6%
}

.large-offset-8 {
    margin-left: 66.66667%
}

html.ie8 .large-offset-8 {
    margin-left: 66.6%
}

.large-push-8 {
    left: 66.66667%;
    right: auto
}

.large-pull-8 {
    right: 66.66667%;
    left: auto
}

.large-9 {
    width: 75%
}

html.ie8 .large-9 {
    width: 74.925%
}

.large-offset-9 {
    margin-left: 75%
}

html.ie8 .large-offset-9 {
    margin-left: 74.925%
}

.large-push-9 {
    left: 75%;
    right: auto
}

.large-pull-9 {
    right: 75%;
    left: auto
}

.large-10 {
    width: 83.33333%
}

html.ie8 .large-10 {
    width: 83.25%
}

.large-offset-10 {
    margin-left: 83.33333%
}

html.ie8 .large-offset-10 {
    margin-left: 83.25%
}

.large-push-10 {
    left: 83.33333%;
    right: auto
}

.large-pull-10 {
    right: 83.33333%;
    left: auto
}

.large-11 {
    width: 91.66667%
}

html.ie8 .large-11 {
    width: 91.575%
}

.large-offset-11 {
    margin-left: 91.66667%
}

html.ie8 .large-offset-11 {
    margin-left: 91.575%
}

.large-push-11 {
    left: 91.66667%;
    right: auto
}

.large-pull-11 {
    right: 91.66667%;
    left: auto
}

.large-12 {
    width: 100%
}

html.ie8 .large-12 {
    width: 99.9%
}

.large-offset-12 {
    margin-left: 100%
}

html.ie8 .large-offset-12 {
    margin-left: 99.9%
}

.large-push-12 {
    left: 100%;
    right: auto
}

.large-pull-12 {
    right: 100%;
    left: auto
}

.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.large-uncentered {
    margin-left: 0;
    margin-right: 0
}

.large-last {
    float: right
}

.large-notlast {
    float: left
}

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-push-0 {
        left: auto;
        right: auto
    }

    .xlarge-pull-0 {
        right: auto;
        left: auto
    }

    .xlarge-1 {
        width: 8.33333%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-push-1 {
        left: 8.33333%;
        right: auto
    }

    .xlarge-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .xlarge-2 {
        width: 16.66667%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-push-2 {
        left: 16.66667%;
        right: auto
    }

    .xlarge-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .xlarge-3 {
        width: 25%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-push-3 {
        left: 25%;
        right: auto
    }

    .xlarge-pull-3 {
        right: 25%;
        left: auto
    }

    .xlarge-4 {
        width: 33.33333%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-push-4 {
        left: 33.33333%;
        right: auto
    }

    .xlarge-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .xlarge-5 {
        width: 41.66667%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-push-5 {
        left: 41.66667%;
        right: auto
    }

    .xlarge-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .xlarge-6 {
        width: 50%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-push-6 {
        left: 50%;
        right: auto
    }

    .xlarge-pull-6 {
        right: 50%;
        left: auto
    }

    .xlarge-7 {
        width: 58.33333%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-push-7 {
        left: 58.33333%;
        right: auto
    }

    .xlarge-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .xlarge-8 {
        width: 66.66667%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-push-8 {
        left: 66.66667%;
        right: auto
    }

    .xlarge-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .xlarge-9 {
        width: 75%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-push-9 {
        left: 75%;
        right: auto
    }

    .xlarge-pull-9 {
        right: 75%;
        left: auto
    }

    .xlarge-10 {
        width: 83.33333%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-push-10 {
        left: 83.33333%;
        right: auto
    }

    .xlarge-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .xlarge-11 {
        width: 91.66667%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-push-11 {
        left: 91.66667%;
        right: auto
    }

    .xlarge-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .xlarge-12 {
        width: 100%
    }

    .xlarge-offset-12 {
        margin-left: 100%
    }

    .xlarge-push-12 {
        left: 100%;
        right: auto
    }

    .xlarge-pull-12 {
        right: 100%;
        left: auto
    }

    .xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-last {
        float: right
    }

    .xlarge-notlast {
        float: left
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left: 0
    }

    .medium-push-0 {
        left: auto;
        right: auto
    }

    .medium-pull-0 {
        right: auto;
        left: auto
    }

    .medium-1 {
        width: 8.33333%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }

    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .medium-2 {
        width: 16.66667%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }

    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .medium-3 {
        width: 25%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-push-3 {
        left: 25%;
        right: auto
    }

    .medium-pull-3 {
        right: 25%;
        left: auto
    }

    .medium-4 {
        width: 33.33333%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }

    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .medium-5 {
        width: 41.66667%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }

    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .medium-6 {
        width: 50%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-push-6 {
        left: 50%;
        right: auto
    }

    .medium-pull-6 {
        right: 50%;
        left: auto
    }

    .medium-7 {
        width: 58.33333%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }

    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .medium-8 {
        width: 66.66667%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }

    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .medium-9 {
        width: 75%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-push-9 {
        left: 75%;
        right: auto
    }

    .medium-pull-9 {
        right: 75%;
        left: auto
    }

    .medium-10 {
        width: 83.33333%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }

    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .medium-11 {
        width: 91.66667%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }

    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .medium-12 {
        width: 100%
    }

    .medium-offset-12 {
        margin-left: 100%
    }

    .medium-push-12 {
        left: 100%;
        right: auto
    }

    .medium-pull-12 {
        right: 100%;
        left: auto
    }

    .medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .medium-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .medium-last {
        float: right
    }

    .medium-notlast {
        float: left
    }
}

@media only screen and (max-width: 735px) {
    .small-offset-0 {
        margin-left: 0
    }

    .small-push-0 {
        left: auto;
        right: auto
    }

    .small-pull-0 {
        right: auto;
        left: auto
    }

    .small-1 {
        width: 8.33333%
    }

    .small-offset-1 {
        margin-left: 8.33333%
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }

    .small-2 {
        width: 16.66667%
    }

    .small-offset-2 {
        margin-left: 16.66667%
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }

    .small-3 {
        width: 25%
    }

    .small-offset-3 {
        margin-left: 25%
    }

    .small-push-3 {
        left: 25%;
        right: auto
    }

    .small-pull-3 {
        right: 25%;
        left: auto
    }

    .small-4 {
        width: 33.33333%
    }

    .small-offset-4 {
        margin-left: 33.33333%
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }

    .small-5 {
        width: 41.66667%
    }

    .small-offset-5 {
        margin-left: 41.66667%
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }

    .small-6 {
        width: 50%
    }

    .small-offset-6 {
        margin-left: 50%
    }

    .small-push-6 {
        left: 50%;
        right: auto
    }

    .small-pull-6 {
        right: 50%;
        left: auto
    }

    .small-7 {
        width: 58.33333%
    }

    .small-offset-7 {
        margin-left: 58.33333%
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }

    .small-8 {
        width: 66.66667%
    }

    .small-offset-8 {
        margin-left: 66.66667%
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }

    .small-9 {
        width: 75%
    }

    .small-offset-9 {
        margin-left: 75%
    }

    .small-push-9 {
        left: 75%;
        right: auto
    }

    .small-pull-9 {
        right: 75%;
        left: auto
    }

    .small-10 {
        width: 83.33333%
    }

    .small-offset-10 {
        margin-left: 83.33333%
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }

    .small-11 {
        width: 91.66667%
    }

    .small-offset-11 {
        margin-left: 91.66667%
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }

    .small-12 {
        width: 100%
    }

    .small-offset-12 {
        margin-left: 100%
    }

    .small-push-12 {
        left: 100%;
        right: auto
    }

    .small-pull-12 {
        right: 100%;
        left: auto
    }

    .small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .small-uncentered {
        margin-left: 0;
        margin-right: 0
    }

    .small-last {
        float: right
    }

    .small-notlast {
        float: left
    }
}

.more-block {
    margin-top: .5em
}

body {
    min-width: 320px
}

.large-hide {
    display: none
}

.large-show {
    display: block
}

.large-show-inline {
    display: inline
}

.large-show-inlineblock {
    display: inline-block
}

@media only screen and (min-width: 1442px) {
    .xlarge-hide {
        display: none
    }

    .xlarge-show {
        display: block
    }

    .xlarge-show-inline {
        display: inline
    }

    .xlarge-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 1068px) {
    .medium-hide {
        display: none
    }

    .medium-show {
        display: block
    }

    .medium-show-inline {
        display: inline
    }

    .medium-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 735px) {
    .small-hide {
        display: none
    }

    .small-show {
        display: block
    }

    .small-show-inline {
        display: inline
    }

    .small-show-inlineblock {
        display: inline-block
    }
}

#busyContainer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2000;
	background: #fff;
	opacity: .85
}

#busyContainer .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px
}

.fjm-image {
  display: block;
  margin: 0;
  max-width: 100%;
  height: auto
}

.fjm-universal-header {
  height: 50px;
  background-color: #fff;
  padding: 0 15px;
}

.fjm-container {
  max-width: 1180px;
  height: 100%;
  margin: 0 auto
}

.mobile-nav-toggle {
  display: none
}

.fjm-logo {
  width: 245px;
  height: 48px;
  padding: 9px 30px 9px 15px;
  margin-left: -15px;
  float: left
}

.fjm-logo .fjm-image {
  margin-top: -1px;
  max-width: none;
  width: 200px
}

.fjm-logo img+span,
.fjm-screenreader {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px)!important
}

.fjm-search-wrapper {
  width: calc(100% - 507px);
  float: left
}

.fjm-search-wrapper.logged-in {
  width: calc(100% - 565px)
}

.fjm-header-actions {
  position: relative;
  padding-left: 15px;
  margin-right: -15px;
  float: right
}

.fjm-search {
  position: relative;
  min-width: 92px;
  max-width: 420px;
  height: 36px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  display: block
}

.fjm-search-input {
  background: rgba(255, 255, 255, .2);
  border: 1px solid rgba(0, 0, 0, .4);
  box-sizing: border-box;
  max-width: 100%;
  width: 420px;
  height: 36px;
  padding: 7px 38px 7px 10px;
  float: left;
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.fjm-search-input {
  font-size: 15px;
  line-height: 20px;
  color: #111
}

.fjm-search-input:hover {
  border-color: rgba(0, 0, 0, .8)
}

.fjm-search-input:active,
.fjm-search-input:focus {
  border-color: #0067B8;
  box-shadow: 0 0 0 3px rgba(0, 112, 201, 0.3)
}

.fjm-searchicon {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 32px;
  margin: 2px 1px 1px;
  padding: 5px;
  transition: color .1s, background-color .1s;
  border: 0;  
  background: 0 0;
  color: rgba(0, 0, 0, .6);
  margin-right: 2px;
  cursor: pointer
}

.fjm-searchicon:hover {
  color: rgba(0, 0, 0, .8)
}

.fjm-searchicon:active {
  color: #111
}

.fjm-searchicon:before {
  font-family: 'Material Icons';
  content: 'search';
  color: inherit;
  text-indent: 0;
  display: inline-block;
  font-size: 24px;
  text-decoration: none
}

.fjm-account-toggle {
  position: relative;
  float: left;
  border: 1px solid transparent;
  border-bottom-style: none;
  font-size: 14px;
  height: 48px;
  padding: 0 15px;
  cursor: pointer
}

.open.fjm-account-toggle {
  border-color: #ccc;
  background-color: #fff;
  border-bottom-color: #fff;
  z-index: 3000001
}

.fjm-account-dropdown {
  display: none;
  width: 300px;
  position: absolute;
  top: 47px;
  right: 97px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 17px 0;
  z-index: 3000000
}

.fjm-listitem {
  display: block;
  cursor: pointer
}

.fjm-listitem:hover {
  background-color: #f2f2f2
}

.fjm-listitem a {
  font-size: 15px;
  line-height: 43px;
  padding: 0 30px;
  text-decoration: none !important;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.fjm-account-toggle:hover .fjm-signin-label {
  color: #000
}

.fjm-signin-label {
  max-width: 140px;
  font-size: 15px;
  font-weight: 400;
  line-height: 46px;
  height: 46px;
  margin-right: 36px;
  display: inline-block;
  vertical-align: middle;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all
}

.fjm-signin-label:after {
  padding-left: 3px;
  font-family: 'Material Icons';
  content: 'account_circle';
  color: #dcdcdc;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: 32px;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  position: absolute;
  top: 7.5px;
  right: 15px;
  -webkit-font-feature-settings: 'liga';
  vertical-align: middle;
  z-index: 1;
  transition: content .2s
}

.fjm-account-toggle:hover .fjm-signin-label:not(.signed-in):after {
  content: 'mood' 
}

.signed-in.fjm-signin-label:after {
  content: 'person_outline';
  color: #bdbdbd
}

.shopping-cart-glyph {
  border: 1px solid transparent;
  height: 48px;
  padding: 0 15px;
  display: inline-block;
  float: left;
  line-height: 48px
}

.shopping-cart-glyph:hover > span {
  text-decoration: none;
  color: #0067b8 
}

.shopping-cart-glyph:hover > span + span {
  text-decoration: none;
  background-color: #0067b8 
}

.shopping-cart-glyph .shopping-cart-amount {
  font-size: 15px;
  font-weight: 400;
  line-height: 46px;
  height: 46px;
  padding-right: 10px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  color: #333;
  overflow: hidden;
  white-space: nowrap
}

.shopping-cart-glyph span.circle-cart {
  width: 27px;
  height: 27px;
  display: inline-block;
  color: #fff;
  background-color: #101010;
  font-size: 12px;
  font-weight: 700;
  line-height: 27px;
  border-radius: 50%;
  margin-top: -2px;
  text-align: center;
  vertical-align: middle
}

.mobile-nav-toggle {
  display: none;
  margin: 1px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  color: rgba(0, 0, 0, .6);
  border: 1px solid transparent;
  background: 0 0;
  text-decoration: none;
  outline-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}

.mobile-nav-toggle:before {
  width: 20px;
  height: 20px;
  font-family: 'Material Icons';
  content: 'menu';
  font-size: 24px;
  margin-top: 7px;
  vertical-align: baseline
}

.mobile-nav-toggle:hover {
  color: rgba(0, 0, 0, .8)
}

.fjm-account-toggle {
  text-decoration: none 
}

.ui-widget.ui-widget-content {
	border: border: 1px solid rgba(0, 0, 0, .1);
	background: #ffffff;
	color: #111111;
}

.ui-widget {
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 15px;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 11px 12px 13px 12px;
}

.fjm-mobile-signintext {
	display: none
}

@media only screen and (max-width: 1068px) {
	.fjm-search-wrapper.logged-in {
		width: calc(100% - 481px)
	}
	.fjm-signintext {
		display: none
	}
	.fjm-mobile-signintext {
		display: block
	}
}

@media only screen and (max-width: 767px) {
  .shopping-cart-glyph .shopping-cart-amount,
  .fjm-mobile-signintext,
  .fjm-signintext {
	display: none
  }

  .fjm-account-toggle {
	border: 0;
	padding: 0;
	width: 48px
  }

  .fjm-signin-label {
	margin: 0;
	width: 100%;
	text-align: center
  }

  .fjm-signin-label:after {
	position: relative;
	top: 0;
	right: 0;
	padding-left: 0
  }

  .shopping-cart-glyph {
	padding: 0;
	margin: 0;
	border: 0;
	width: 48px;
	text-align: center
  }

  .fjm-universal-header {
    height: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    padding: 0
  }

  .mobile-nav-toggle {
    display: inline-block;
    float: left
  }

  .fjm-logo {
    float: none;
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 65px);
    height: auto;
    margin-top: 0;
    width: auto;
    padding: 12px 0 0 0
  }

  .fjm-logo .fjm-image {
    margin-top: -1px;
    max-width: none;
    width: 160px
  }

  .fjm-search-wrapper {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    padding: 4px 15px 15px
  }

  .fjm-search-wrapper.logged-in {
    width: 100%
  }

  .fjm-search {
    max-width: 100%;
    margin-top: 0
  }

  .fjm-search-input {
    width: 100%
  }

  .fjm-header-actions {
    padding-left: 0;
    height: 48px;
    margin: 1px;
    border: 1px solid transparent
  }

  .fjm-search-input:focus {
    background: rgba(255, 255, 255, .2);
  }
}

@media only screen and (max-width: 480px) {
  .shopping-cart-glyph .shopping-cart-amount {
    display: none
  }
}

#login,
#password-reset,
#create-account {
  display: block;-webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}
#login,
#password-reset,
#create-account {
  opacity: 1;
  -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)
}
#login.hidden-submenu, 
#password-reset.hidden-submenu, 
#create-account.hidden-submenu {
  opacity: 0
}
#login.left.hidden-submenu, 
#password-reset.left.hidden-submenu, 
#create-account.left.hidden-submenu {
  -webkit-transform: translate3d(-120%, 0, 0);
  -moz-transform: translate3d(-120%, 0, 0);
  -ms-transform: translate3d(-120%, 0, 0);
  -o-transform: translate3d(-120%, 0, 0);
  transform: translate3d(-120%, 0, 0)
}
#login.right.hidden-submenu, 
#password-reset.right.hidden-submenu, 
#create-account.right.hidden-submenu {
  -webkit-transform: translate3d(120%, 0, 0);
  -moz-transform: translate3d(120%, 0, 0);
  -ms-transform: translate3d(120%, 0, 0);
  -o-transform: translate3d(120%, 0, 0);
  transform: translate3d(120%, 0, 0)
}
#login.hide-form.hidden-submenu, 
#password-reset.hide-form.hidden-submenu, 
#create-account.hide-form.hidden-submenu {
  display: none
}     
#account {
  padding: 60px 0 130px;
  min-height: 100vh
}
@media only screen and (max-width: 1068px) {
  #account {
    padding-bottom: 101px
  }
}
@media only screen and (max-width: 735px) {
  #account {
    padding-bottom: 60px
  }
}
@media only screen and (min-width: 736px) {
  #account {
    background-color: #f2f2f2;
    min-height: 100vh
  }
}
#account .login-wrapper {
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 478px;
  padding: 64px 75px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.05);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#account .login-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -3
}   
@media only screen and (max-width: 735px) {
  #account .login-wrapper {
    overflow: initial;
    bottom: 0;
    width: 90%;
    padding: 0;
    margin: 0 auto;
    box-shadow: none
  }   
  #account .login-wrapper:before { 
    display: none 
  }
}
.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#account .logo-wrapper {
  text-align: center;
  margin-top: 0;
  margin-bottom: 24px
}
#account .logo-wrapper img {
  margin: 0 auto
}
@media only screen and (max-width: 735px) {
  #account .logo-wrapper {
    margin-bottom: 12px
  }
}
.logo-wrapper .logo {
  height: 30px;
  background: url("/content/new-primary-logo.png") no-repeat scroll 50% 0 transparent;
  background-size: 200px;
}
.form-container {
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  max-width: 328px;
  margin: 0 auto;
  position: relative
}
#login, #password-reset {
  position: relative
}
#account .form-container h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.20849;
  letter-spacing: .015em;
  margin: 12px 0 24px;
  text-align: center;
  color: #111
}   
#account .form-container h1.createAccountHeading {
  margin-bottom: 0
} 
@media only screen and (max-width: 1068px) {      
  #account .form-container h1 {
    font-size: 22px;
    line-height: 1.22739;
    letter-spacing: .016em
  }
}
@media only screen and (max-width: 735px) {
  #account .form-container h1 {
    font-size: 19px;
    line-height: 1.26316;
    letter-spacing: .018em
  }
}
.errors, .alerts {
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  text-align: center;
  margin: 24px 0;
  padding: 12px 15px 13px;
  position: relative;
  width: 100%;
  -webkit-animation: 2s tap infinite alternate;
  animation: 2s tap infinite alternate
}
@-webkit-keyframes tap {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
}
@keyframes tap {
  0% {
    -webkit-transform: translateY(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
  }
}
.errors {
  background: #e81123;
  color: #fff
}
.alerts {
  background: #f2f2f2;
  color: #000
}
.errors:after, 
.alerts:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc(50% - 15px);
  border-width: 15px 15px 0;
  border-style: solid;
  display: block;
  width: 0
}
.errors:after {
  border-color: #e81123 #fff
}
.alerts:after {
  border-color: #f2f2f2 #fff
}
#account .form-container .errors .error-message,
#account .form-container .alerts .alert-message {
  font-size: 16px;
  line-height: 1.375
}
#account .form-container .errors .error-message { 
  font-weight: 500 
}
#account .form-container .alerts .alert-message { 
  font-weight: 400 
}
#account .form-container .errors .error-message a {
  font-weight: 700;
  color: #fff;
  display: inline-block;
  text-decoration: underline
}
#login .email-input, 
#login .pass-input, 
#password-reset .pass-reset-input, 
#password-reset .email-input, 
#password-reset .pass-input, 
#create-account .creation-input {
  position: relative;
  display: block;
  margin-bottom: 10px;
  width: 100%;
  cursor: text
}
#account .form-container input.reformed-forms {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .4);
  border-radius: 0;
  color: #333;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 300;
  display: block;
  height: 40px;
  padding: 0 15px;
  width: 100%
}
#account .form-container input.reformed-forms:hover {
  border-color: rgba(0, 0, 0, .8)
}
#account .form-container input.reformed-forms:focus {
  border-color: #0067B8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3);
  -moz-box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3);
  box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3)
}
#account .form-container input.reformed-forms::-moz-placeholder {
  color: #999999;
  opacity: 1
}
#account .form-container input.reformed-forms::-webkit-input-placeholder {
  color: #999999
}
#account .form-container .parsley-error.reformed-forms {
  background: #FEFDD2
}
#account .form-container .parsley-error.reformed-forms:hover {
}
#account .form-container .parsley-error.reformed-forms:focus {
  background: white;
  border-color: #0067B8;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3);
  -moz-box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3);
  box-shadow: 0 0 0 3px rgba(0, 103, 184, 0.3)
}
.fields div.error {
  color: #e81123;
  font-size: 14px;
  line-height: 1.42857;
  font-weight: 400;
  text-align: left;
  margin-top: 3px;
  display: block;
  width: 100%
}
#account .form-container .submit {
  position: relative
}
#account .form-container .cta-button {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 9px 15px 9px 15px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 0;
  color: #fff;
  background: #0067B8;
  text-decoration: none;
  text-align: center;
  letter-spacing: .075em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: scale .2s ease-in-out;
  margin-bottom: 25px;
}
#account .form-container .cta-button:hover {
  background: #005da6;
  border: 2px solid rgba(0, 0, 0, 0.4)
}
#account .form-container .cta-button:active {
  background: #005293;
  -ms-transform: scale(.98);
  transform: scale(.98)
}
#account a.left {
  text-align: left;
  float: left;
  margin-left: -18px;
}
#account a.right {
  text-align: right;
  float: right;
  margin-right: -18px 
}
.link-toggle-container {
  display: block;
  margin-bottom: 15px
}
#account a.signup,
#account a.forgot-password,
#account a.account-login {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  color: #0067B8;
  display: inline-block;
  white-space: nowrap
}
#account a.signup {
  margin-bottom: 0
}
#account a.right.signup:after,
#account a.right.forgot-password:after,
#account a.right.account-login:after {
  font-size: 22px;
  font-family: 'Material Icons';
  content: 'chevron_right';
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  vertical-align:top
}   
#account a.left.signup:before,
#account a.left.forgot-password:before,
#account a.left.account-login:before {
  font-size: 22px;
  font-family: 'Material Icons';
  content: 'chevron_left';
  text-decoration: none;
  text-transform: none;
  display: inline-block;
  vertical-align:top
}
#account a.signup:hover,
#account a.forgot-password:hover,
#account a.account-login:hover {
  text-decoration: underline
}
#account a.signup i,
#account a.forgot-password i,
#account a.account-login i {
  display: inline-block;
  font-size: inherit;
  position: relative;
  vertical-align: text-bottom
}
.faux-footer {
  color: #999;
  max-width: 480px;
  padding-top: 60px
}
.copyright-etc {
  color: #999;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
a.lg-link {
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  color: #0067b8;
  text-decoration: none;
  padding: 0 16px;
  margin: 4px 0
}
a.lg-link:hover {
  color: #666
}
a.lg-link:active {
  color: #999
}
.copyright-etc .company-name {
  display: block;
  margin-top: 10px
}
.sr-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.password-para {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px
}
.parsley-errors-list {
  margin: 0;
  padding: 0
}
.parsley-errors-list.filled {
  list-style: none;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: left
}
.parsley-errors-list.filled > li {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -.01em;
  color: #111;
  margin: 0
}
	
.splashbillboard-container {
	position: relative;
	height: 200px
}

.splash-billboard {
	background: #333 url("/content/account-circuitBgc-2880x1260.jpg") no-repeat;
	background-position: bottom center;
	background-size: cover;
	width: 100%;
	position: relative;
	overflow: hidden;
	color: #fff;
	margin-bottom: 40px
}

.standard-container {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px
}

#pageBody .standard-container {
	width: 100%;
}

.splashbillboard-info {
	text-align: center;
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

h1.user-account {
	display: block;
	font-size: 40px;
	line-height: 1.05;
	font-weight: 500;
	letter-spacing: .008em;
	color: #fff
}

h1.user-account small {
	display: block;
	font-size: 22px;
	line-height: 1.45455;
	font-weight: 400;
	letter-spacing: .016em;
	margin-top: 8px
}

h1.user-account small strong {
	text-transform: lowercase !important;
	font-weight: 700
}

.signout {
	text-align: right;
	padding: 0;
	width: 100%
}

.pull-right {
	float: right !important
}

.signout .button-link {
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: -.021em;
	background-color: #0067B8;
	border: 1px solid #07c;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	display: inline-block;
	min-width: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 4px;
	text-align: center;
	white-space: nowrap
}

.signout .button-link:hover {
	color: #fff;
	background-color: #147bcd;
	background: -webkit-linear-gradient(#51a9ee, #147bcd);
	background: linear-gradient(#51a9ee, #147bcd);
	border-color: #1482d0;
	text-decoration: none
}

.signout .button-link:focus {
	box-shadow: 0 0 0 3px rgba(131, 192, 253, .5);
	outline: none
}

.signout .button-link:active {
	background-color: #0067b9;
	background: -webkit-linear-gradient(#3d94d9, #0067b9);
	background: linear-gradient(#3d94d9, #0067b9);
	border-color: #006dbc;
	outline: none
}

.account-container{
	width: 90%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px
}

#addEditShipto .account-container {
	max-width: 560px
}

.ff-section {
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	padding-top: 30px;
	padding-bottom: 32px;
	display: block
}

#favorites-section > .ff-section {
	border-bottom: 0
}

.section-wrapper-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.section-title {
	font-size: 32px;
	line-height: 1.09375;
	font-weight: 500;
	letter-spacing: .011em;
	color: #999;
	margin-top: 0;
	margin-bottom: 32px;
	pointer-events: none
}

.accordian {
	display: block;
	overflow: inherit
}

.accordian-fade {
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	-webkit-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}

.accordian-details:before,
.accordian-details:after,
.login-id:before,
.login-id:after {
	content: " ";
	display: table;
}

.section-edit {
	position: relative
}

.edit-button {
	min-width: 80px;
	display: inline-block;
	background-color: #ddd;
	color: #000;
	cursor: pointer;
	font-size: 15px;
	line-height: 15px;
	font-weight: 500;
	letter-spacing: .075em;
	text-decoration: none;
	text-align: center;
	float: right;
	border: 0;
	border-radius: 1px;
	padding: 11px 12px
}

.edit-button:hover {
	color: #0078d7;
	background: #ddd
}

.edit-button:active {
    -ms-transform: scale(.98);
    transform: scale(.98)
}

.edit-button.buy-button {
	background: rgba(0, 120, 215, 0.15)
}

.submit-button, .cancel-button, .toggle-button {
	display: inline-block;
	background: transparent;
	color: #0078d7;
	border-radius: 1px;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0 15px
}

.submit-button {
	font-size: 15px;
	font-weight: 700;
	min-width: 120px;
	display: inline-block;
	margin-top: 12px;
	padding: 9px 12px 10px;
	background-color: #0078d7;
	color: #fff;
	border: 1px solid transparent;
	overflow: hidden;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	vertical-align: bottom;
}
	
.submit-button:hover {
	background: #002050
}

.toggle-button {
	font-size: 17px;
	line-height: 1.58824;
	font-weight: 400;
	letter-spacing: .016em;
	padding: 3px 15px
}

.cancel-button {
	font-size: 15px;
	min-width: 120px;
	display: inline-block;
	margin-top: 12px;
	padding: 9px 12px 10px;
	background-color: #ddd;
	color: #000 !important;
	border: 1px solid transparent;
	overflow: hidden;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	white-space: nowrap;
	vertical-align: bottom;
}

.cancel-button:hover {
	color: #0078d7 !important
}

.menu-subsection {
	margin-bottom: 29px
}

.section-subtitle {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #666;
	letter-spacing: .025em;
	text-transform: uppercase;
	margin: 0 0 6px 0
}

.section-subtitle > .counter {
	font-size: .8em;
	letter-spacing: 0;
	text-transform: lowercase
}

.account-edit-menu .section-subtitle {
	margin-bottom:7.5px
}

.order-row {
	padding: 6px 0
}

.address-block-regulator {
	height: 189px;
	overflow: hidden
}

.order-row .login-id,
.login-id {
	font-size: 17px;
	line-height: 1.58824;
	font-weight: 400;
	letter-spacing: .016em;
	color: #333
}

.total.login-id {
	text-align: right
}

.address.login-id {
	margin: 0 0 1em 0
}

.login-id .itemCode {
	color: #888
}


.login-id strong,
.login-id span {
	display: block
}

.button-link {
	color: #0067B8;
	font-weight: 400;
	border-radius: 0;
}

.button-link,
.button-link:hover,
.button-link.active,
.button-link[disabled],
fieldset[disabled] .button-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.button-link,
.button-link:hover,
.button-link:focus,
.button-link:active {
	border-color: transparent
}

.detail:first-of-type {
	padding: 0
}

.detail .button-link {
	font-size: 18px;
	letter-spacing: normal;
	line-height: 1.4;
	font-weight: 300;
	padding-top: 2px;
	cursor: pointer;
	border: 0
}

.detail .button-link:hover,
.detail .button-link:focus {
	color: #0067B8;
	text-decoration: underline
}

.detail .button-link:active {
	color: #000
}

.signout-list.cascading-sections .section-title {
	color: #0067B8
}

.signout-list.cascading-sections .section-title:hover,
.signout-list.cascading-sections .section-title:focus {
	color: #0067B8;
	text-decoration: underline !important
}

.signout-list.cascading-sections .section-title:active {
	color: #000 !important
}

.account-edit-menu {
	display: none
}

.editable .standard-row.edit-row {
	border-bottom: 1px solid #ececec;
	padding-top: 20px;
	padding-bottom: 20px
}

.editable .standard-row.toggle-row {
	padding-bottom: 20px;
	text-align: center;
	background-color: #fff;
	z-index: 1;
	margin-top: -1px
}

.editable .standard-row.cancel-row > div {
	width: auto !important
}

.account-edit.editable .edit-row:first-child {
	padding-top: 0
}

.editable .standard-row.edit-row:last-of-type,
.section-edit .standard-row.edit-row:last-of-type {
	border: none
}

.editable .standard-row.cancel-row {
	background: #fff;
	z-index: 1;
	margin-top: -1px;
	padding-bottom: 20px
}

.form-group {
	position: relative;
	margin-bottom: 15px
}

.address-field .col {
	padding-left: 0
}

.field-pop-wrapper {
	width: 100%
}

.pop-wrapper {
	overflow: visible;
	position: relative
}

#shipto .form-group label {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-controller,
input.form-controller.stateDropdown,
select.form-controller.stateDropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .4);
	border-radius: 0;
	color: #333;
	font-size: 17px;
	line-height: 1.45;
	font-weight: 300;
	display: block;
	height: 40px;
	padding: 0 15px;
	margin: 0;
	width: 100%;
	box-shadow: none;
	outline: 0
}

.form-controller:hover {
	cursor: text
}

.dropdown.form-controller:hover,
.dropdown.form-controller:hover {
	cursor: pointer
}

#shipto .error.form-controller {
	border-color: rgba(232, 17, 35, .6)
}

#shipto .error.form-controller:hover {
	border-color: red
}

#shipto .error.form-controller:focus {
	outline: 0;
	background-color: rgba(255, 0, 0, .1)
}

#shipto .parsley-errors-list.filled {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: left
}

#shipto .parsley-errors-list.filled li {
	font-size: 15px;
	font-weight: 400;
	color: red;
	background: #fff;
	text-align: left
}
	
.uneditable.form-controller {
	pointer-events: none;
	border-color: rgba(0, 0, 0, .1);
	color: #000;
	font-weight: 400
}

.form-controller input::-webkit-input-placeholder {
	color: #999999
}

.form-controller input:-moz-placeholder {
	color: #999999
}

.form-controller textarea::-webkit-input-placeholder {
	color: #999999
}

.form-controller textarea:-moz-placeholder {
	color: #999999
}

.dropdown.form-controller {
	padding-right: 31px
}

.dropdown.form-controller ~ i {
	position: absolute;
	bottom: 8px;
	right: 8px;
	color: #999;
	pointer-events: none
}

#shipStateInput + i {
	display: none
}

.stateselect-wrapper {
	padding-right: 8px
}

/*
.stateselect-wrapper .form-controller {
	background: url(/content/select-chevrondown-bg.png) no-repeat 92%;
	background-size: 10px 6px
}
*/
	
.form-controller:hover {
	border-color: rgba(0, 0, 0, .8)
}
	
.form-controller:focus,
.stateselect-wrapper .form-controller:focus {	
	background-color: rgba(0, 120, 215, .1);
	border-color: #0078d7;
	outline: 0 !important
}

.select-wrapper select::-ms-expand {
	display: none
}

.account-container .description {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -.01em;
	color: #666;
	margin: 21.5px 0 0 0
}

.push-to-edit.button-link, .push-to-toggle.button-link {
	font-size: 17px;
	line-height: 1.58824;
	font-weight: 400;
	letter-spacing: .016em;
	text-align: left;
	cursor: pointer;
	border: 0
}

.push-to-edit.button-link:hover,
.push-to-edit.button-link:focus,
.push-to-toggle.button-link:hover,
.push-to-toggle.button-link:focus {
	color: #0067b8;
	text-decoration: underline
}

.no-outline:focus {
	outline: 0
}

.pop-changePassword{
	min-width: 376px;
	width: 376px
}

.button-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.details label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 300
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.mf-toggle {
	clear: both;
	float: none;
	position: relative;
	display: none;
	margin: 0 auto;
	text-align: center
}

.addFavoriteToCart {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	display: inline-block;
	max-width: 100%;
	padding: 11px 25px 11px 25px;
	text-decoration: none !important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .075em;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	color: #fff;
	border: 0;
	background-color: #0078d7
}

.addFavoriteToCart:hover {
	background-color: #002050
}

.mini-link {
	display: block;
	margin-top: .78571em
}

.address-tile {
	margin-bottom:45px;
	padding-right:40px
}

.deleteShipTo {
	display: block;
	margin-top: 12px
}

.trackingLink {
	display: block
}

.oneLiner {
	padding: 0 25px 25px
}

.lightboxButtonBlock {
	padding: 15px 25px;
	border-top: 1px solid #d6d6d6
}

.buttonGroup {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.daContinueButton {
	font-size: 17px;
	line-height: 1.6;
	font-weight: 500;
	letter-spacing: -0.025em;
	padding-left: 20px;
	outline: 0 !important
}

.daCancelButton {
	font-size: 15px;
	line-height: 1.6;
	font-weight: 300;
	letter-spacing: -0.025em;
	color: #0067b8;
	padding: 0 20px;
	border-right: 1px solid #d6d6d6;
	outline: none;
	background: none;
	border-radius: 1px;
	text-decoration: none;
	text-shadow: none;
	box-shadow: none;
}

.daCancelButton:hover {
	color: #666
}

.additionalInfo {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -0.025em;
	color: #888
}

.buttonBlock {
	display: block
}

.addFavoriteToCart.saveChangesButton,
.addFavoriteToCart.cancelChangesButton {
	width: 100%
}

.buttonBlock > .left {
	padding-right: 8px
}

.addFavoriteToCart.cancelChangesButton {
	font-weight: 500;
	color: #000;
	background-color: #ddd
}

.addFavoriteToCart.cancelChangesButton:hover {
	color: #0078d7;
	background-color: #ddd;
	border-color: #ddd
}

.addFavoriteToCart.cancelChangesButton:active {
	background-color: #ddd;
	border-color: transparent;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

#account-section .changesavecancel-toggle {
	padding-top: 20px
}

#address-section .changesavecancel-toggle {
	padding-top: 0;
	margin-top: -25px
}

.changesavecancel-toggle .cancelChangesButton {
	display: none
}

.cancel-button-mobile {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	display: none;
	width: 100%;
	padding: 11px 15px;
	overflow: hidden;
	border: 0;
	border-radius: 1px;
	color: #000 !important;
	background: #ddd;
	text-decoration: none !important;
	text-align: center;
	letter-spacing: .075em;
	text-transform: uppercase;
	white-space: nowrap
}

.cancel-button-mobile:hover {
	color: #0078d7 !important
}

.form-container {
	text-align: center;
	width: 87.5%;
	max-width: 353px;
	margin: 0 auto;
	position: relative
}
	
.more::after {
	padding-left: 0.1em;
	font-family: 'Material Icons';
	content: 'chevron_right';
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	position: relative;
	-webkit-font-feature-settings: 'liga';
	vertical-align: middle;
	z-index: 1
}
  
.reveal::after {
	padding-left: 0.1em;
	font-family: 'Material Icons';
	content: 'keyboard_arrow_down';
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	position: relative;
	-webkit-font-feature-settings: 'liga';
	vertical-align: middle;
	z-index: 1
}
  
.hideDetails::after {
	padding-left: 0.1em;
	font-family: 'Material Icons';
	content: 'keyboard_arrow_up';
	color: inherit;
	display: inline-block;
	font-style: normal;
	font-weight: inherit;
	font-size: inherit;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	position: relative;
	-webkit-font-feature-settings: 'liga';
	vertical-align: middle;
	z-index: 1
}
	
.selfclear:before, .selfclear:after {
    content: ' ';
    display: table
}

.selfclear:after {
    clear: both
}

@media only screen and (max-width:735px) {
	.section-name {
		padding-bottom: 18px
	}

	.edit-button {
		font-size: 17px;
		line-height: 1.52947;
		font-weight: 400;
		letter-spacing: -.021em;
		text-align: center;
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 7px;
		padding-bottom: 7px;
		margin-top: 18px;
		box-sizing: border-box
	}

	.cancel-button {
		display: none
	}

	.cancel-button-mobile {
		display: inline-block
	}

	.submit-button {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.3;
		cursor: pointer;
		display: inline-block;
		width: 100%;
		padding: 11px 15px;
		overflow: hidden;
		border: 0;
		border-radius: 1px;
		color: #fff;
		background: #0067B8;
		text-decoration: none !important;
		text-align: center;
		letter-spacing: .075em;
		text-transform: uppercase;
		white-space: nowrap;
		margin-bottom: 12px
	}
}

@media only screen and (max-width:735px) {
	.splash-billboard {
		margin-bottom: 15px
	}

	.addnew-email {
		border: 1px solid #d6d6d6;
		background-color: #f2f2f2;
		margin-top: 35px;
		margin-botttom: 40px;
		padding: 40px 35px 40px 40px;
		text-align: center
	}

	.account-container .description {
		font-size: 17px;
		margin: 0;
		color: #333
	}

	.stateselect-wrapper {
		padding-right: 0
	}
	
	.user-account {
		font-size: 28px;
		line-height: 1.1073;
		letter-spacing: 0.012em
	}

	.stateselect-wrapper {
		padding-right: 0
	}

	.stateselect-wrapper .form-controller {
		background-position: calc(100% - 16px);
		margin-bottom: 15px
	}

	.splashbillboard-container {
		padding-top: 70px;
		padding-bottom: 90px
	}

	#shipToSetupPage .splashbillboard-container {
		padding-top: 45px;
		padding-bottom: 45px
	}

	.description {
		margin-top: 0
	}

	.user-account small {
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: .017em;
		margin-top: .5em
	}

	.cascading-sections .section-action .section-title {
		display: block;
		width: 100%;
		text-align: left
	}

	.cascading-sections .section-title.mobile-only {
		display: block
	}

	.cascading-sections .section-title i {
		float: right;
		color: #333;
		font-size: 38px
	}

	.user-account {
		width: 100%;
		text-align: center
	}

	.popover.pop-flow {
		top: 0 !important;
		left: 0 !important;
		display: block;
		right: 0 !important;
		bottom: 0 !important;
		margin: 0 !important;
		border-radius: 0 !important;
		border: none;
		min-width: 100% !important;
		max-width: 100% !important;
		position: fixed
	}

	.popover.pop-flow .flow-label {
		margin-bottom: 20px
	}

	.popover.pop-flow .popover-title {
		display: block;
		background-size: 100% auto;
		text-align: center;
		color: #fff;
		font-size: 24px;
		border-radius: 0 !important;
		padding: 0;
		line-height: 64px;
		white-space: nowrap;
		height: 64px
	}

	.popover.pop-flow .popover-body {
		font-size: 18px;
		line-height: 26px
	}

	.popover.pop-flow .popover-content {
		max-width: 500px;
		margin: auto
	}

	.popover.pop-flow {
		padding: 0
	}

	#addEditShipto > .account-container {
		max-width: none
	}

	.buttonBlock > .large-last {
		margin-bottom: 15px
	}
	
	.buttonBlock > .left {
		padding-right: 0
	}
	
	.changesavecancel-toggle {
		float: none !important;
		text-align: center
	}

	#accountSection .changesavecancel-toggle {
		margin-top: 20px
	}

	#address-book .changesavecancel-toggle {
		margin-top: -5px
	}

	.changesavecancel-toggle .cancelChangesButton {
		display: inline-block
	}

	.favoritebutton {
		margin-top: 12px;
		margin-bottom: 30px
	}

	.favoritebutton .total.login-id {
		text-align: left
	}

	.mobile-hide {
		display: none
	}

	#orders-section .order-row .login-id, 
	#orders-section .login-id {
		font-size: 15px;
		line-height: 1.6
	}
	.form-container {
		width: 100%;
		max-width: none
	}
}

/* ======================= Slideshow / Index page =======================*/

.csi-grid {
    display: block;
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px
}
.csi-grid .csi-row:after, .csi-grid [class*="col-"]:after, [id*="scroll-"]:after {
    content: "";
    display: table;
    clear: both
}
[class*="col-"] {
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
    padding-left: 1vw;
    padding-right: 1vw
}
[class*="col-"].centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.csi-grid .csi-row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1vw;
    margin-right: -1vw
}
@media screen and (min-width: 2000px) {
    .csi-grid .csi-row {
        margin-left: -1em;
        margin-right: -1em;
        margin-left: -0.5vw;
        margin-right: -0.5vw
    }
    .csi-grid .csi-row>[class*="col-"] {
        padding-left: 1em;
        padding-right: 1em;
        padding-left: 0.5vw;
        padding-right: 0.5vw
    }
}
@media only screen and (min-width: 513px) {
	.col-3-6+.col-1-6, .col-2-4, .col-2-6, .col-4-8, .col-3-4+.col-1-4, .preceding-col-1-4, .preceding-col-6-24, .preceding-col-6-24 ~ .col-6-24 {
	  	width: 100%
	}
}  
@media only screen and (min-width: 736px) {
	.col-1-3 {
	  	width: 33.33333%
	}
	.col-1-4, .col-3-4 + .col-1-4, .preceding-col-1-4, .col-1-8, .col-6-24, .preceding-col-6-24, .col-6-24 + .preceding-col-6-24, .preceding-col-6-24 ~ .col-6-24 {
	  	width: 50%
	}
  	.m-col-2-5 {
		width: 40%	
  	}	
	.m-col-3-5 {
	  	width: 60%
	}	
	.col-4-4, .col-3-6, .col-4-6, .col-4-6+.col-2-6, .preceding-col-2-6, .col-4-8, .col-6-8, .col-6-8+.col-2-8, .preceding-col-2-8 {
	  width: 100%
	}	
	.m-col-5-push-2, [dir=ltr] .m-col-5-push-2 {
	  	left: 40%;
	  	right: auto
  	}	
	[dir=rtl] .m-col-5-push-2 {
	  	right: 40%;
	  	left: auto
	}	
	.m-col-5-pull-3, [dir=ltr] .m-col-5-pull-3 {
        right: 60%;
        left: auto
    }	
    [dir=rtl] .m-col-5-pull-3 {
        left: 60%;
        right: auto
    }	
	.col-2-6, .col-1-6+.preceding-col-1-6 {
	  	width: 66.66667%
	}
}
  
@media only screen and (min-width: 1069px) {
	.col-1-2, .col-2-4, .col-4-6 ~ .col-1-6, .preceding-col-1-6, .col-2-8, .col-6-8 ~ .col-1-8, .preceding-col-1-8, .col-12-24 {
	  width: 50%
	}
	.col-1-4, .col-1-6, .col-1-8, .col-2-12, .col-6-24, .col-6-24 + .preceding-col-6-24 {
	  	width: 25%
	}
	.col-4-6 {
	  	width: 66.66667%  
	}	
	.col-4-6+.col-2-6, .preceding-col-2-6, .col-2-6, .col-4-12 {
	  	width: 33.33333%
	}
}  
.text-center, .tac { text-align: center }  
@media only screen and (max-width: 735px) {
	.tac-mobile { text-align: center } }  
.blue-bgc {
	background-color: #0078d7;
	color: #fff
}  
.lightgray-bgc {
	background-color: #f2f2f2	
}  
.lightblack-bgc {
	background-color: #282828	
}  
.blue-c, a.blue-c {
	color: #0078d7
}  
.white-c, a.white-c {
	color: #ffffff
}
.hero-gallery {
    position: relative;
    overflow: hidden;
    z-index: 2;
    height: 550px;
    min-height: 550px;
	max-height: 550px;
	margin-bottom: 5vh
}
@media only screen and (max-width: 735px) {
    .hero-gallery {
    	height: 680px;
    	min-height: 680px;
		max-height: none
    }
}
@media only screen and (max-width: 400px) {
	.hero-gallery {
    	height: 540px;
    	min-height: 540px
    }
}  
.slide-container, .as-slide-inner, .hero-item, .hero-content, .hero-gallery .csi-grid.full {
	min-height: inherit;
	height: inherit;
	max-height: inherit
}  
.csi-grid.full {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    overflow-x: hidden
} 
.hero-gallery .csi-hero-carousel-slide .csi-section-vcenter-container {
	height: 100%
}  
.hero-gallery .csi-section-vcenter-container {
	height: 550px
}  
.csi-section-vcenter-container {
	display: table;
	width: 100%;
	table-layout: fixed;
}  
.csi-image-container {
	height: auto
} 
@media only screen and (min-width: 736px) {  
	.csi-image-container {
		height: inherit
	} 
}
@media only screen and (max-width: 735px) {
	.csi-vcenter-mobile-fix {
		height: auto !important
	}
} 
@media only screen and (min-width: 736px) {
	.csi-vcenter-mobile-fix {
		height: inherit
	}
}  
.csi-section-vcenter {
	display: table-cell;
	vertical-align: middle
}  
.hero-gallery [class*=slide-] img {
	max-height: 550px;
}  
@media only screen and (max-width: 735px) {
	.hero-gallery [class*=slide-] img {
		max-height: 420px;
		max-width: 488px;
	}
}  
.slide-image {
	display: block;
	width: 100%;
	max-width: 755px;
	height: auto;
}   
.slide-image.fullwidth {
	max-width: 100%
}
.csi-image {
	border: 0;
	-ms-interpolation-mode: bicubic;
	height: auto;
	max-width: 100%
}  
.csi-image-center {
	display: block;
	margin: 0 auto
}  
@media only screen and (max-width: 735px) {
	.hero-gallery .col-1-1.hero-padding {
		text-align: center;
		padding: 0 5%
	}
	#scroll-4 .csi-image {
		max-width: 90px
	}
}  
#scroll-4 .csi-title {
	margin-bottom: 9px
}  
.csi-section-inner-padding {
	padding-top: 5vh;
	padding-bottom: 5vh
}  
.csi-headline {
	font-size: 59px;
	line-height: 1.10227;
	font-weight: 600;
	letter-spacing: -.025em;
	margin: 0 0 15px
}  
.csi-header {
    font-size: 40px;
	line-height: 1.05;
	font-weight: 500;
	letter-spacing: .008em;
	color: #111;
	margin: 0 0 17px
}  
.csi-subheader {
    font-size: 32px;
    line-height: 1.09375;
    font-weight: 500;
    letter-spacing: .011em;
	margin: 0 0 13px
}  
.csi-title {
	font-size: 22px;
	line-height: 1.45455;
	font-weight: 400;
	letter-spacing: .016em
}  
.csi-subtitle {
	font-size: 18px;
	line-height: 1.4446;
	font-weight: 500;
	margin: 0 0 2px
}  
.csi-para {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 300;
	letter-spacing: .017em;
	margin: 0 0 20px
}  
.csi-price {
	font-size: 18px;
	line-height: 1.61115;
	font-weight: 400;
	margin: 0 0 15px
}
.csi-assuranceheading {
	font-size: 24px;
	line-height: 1.20849;
	font-weight: 500;
	letter-spacing: .015em
}
.csi-assurancepara {
	font-size: 19px;
	line-height: 1.47384;
	font-weight: 400;
	letter-spacing: .018em;
	margin: 7px 0 0 0
}
.csi-standard-button, a.csi-standard-button {
	display: inline-block;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	padding: 10px 24px 10px 24px;
	border: 2px solid transparent;
	margin: 0 0 1.25em;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .075em;
	white-space: nowrap;
	background-color: #0078D7;
	color: #fff;
	transition: scale .2s ease-in-out
}  
.csi-standard-button:hover {
	background-color: #006cc2;
	border-color: rgba(0, 0, 0, .4)
}  
.csi-standard-button:active {
	background: #005293;
	border-color: transparent;
    -ms-transform: scale(.98);
    transform: scale(.98)
}  
.csi-standard-button.white-button, a.csi-standard-button.white-button {
	background-color: #fff;
	color: #0078d7
}  
.csi-standard-button.white-button:hover, .csi-standard-button.white-button:focus, a.csi-standard-button.white-button:hover, a.csi-standard-button.white-button:focus {
	background-color: #e3e3e3
}  
.csi-section-isuyu-and-sosumi p {
	font-size: 11px;
	line-height: 1.25;
	font-weight: 400;
	margin: 0 0 1.25em;
	color: #fff
}
.csi-section-isuyu-and-sosumi p .sup {
	font-size: 70%;
	top: -0.5em
}
.csi-section-isuyu-and-sosumi p:last-child {
	margin-bottom: 0
}
@media only screen and (max-width: 735px) {
	.csi-no-mobile { display: none }
	.csi-headline {		
        font-size: 38px;
        line-height: 1.15825;
        font-weight: 600;
        letter-spacing: .009em
	}
    .csi-header {
		font-size: 31px;
        line-height: 1.09703;
        font-weight: 500;
        letter-spacing: .011em
	}
	.csi-subheader {
		font-size: 28px;
        line-height: 1.1073;
        font-weight: 500;
        letter-spacing: .012em
	}
	.csi-title { 
		font-size: 19px;
        line-height: 1.47384;
        font-weight: 400;
        letter-spacing: .018em
	}
	.csi-para {
		font-size: 19px;
        line-height: 1.47384;
        font-weight: 300;
        letter-spacing: .018em
	}
	.csi-section-isuyu-and-sosumi p { font-size: 10px }
}
.csi-image-propaganda {
	height: auto;
	width: auto;
	max-width: 120px
}
  
.padding-top-sp4 { padding-top: 33px; }  
@media all and (min-width: 736px) {
	.padding-top-sp4 { padding-top: calc(29.5px + 0.75vw); } }
@media all and (min-width: 1069px) {
	.padding-top-sp4 { padding-top: 40px; } }
  
.padding-bottom-sp4 { padding-bottom: 33px; }
@media all and (min-width: 736px) {
  .padding-bottom-sp4 { padding-bottom: calc(29.5px + 0.75vw); } }
@media all and (min-width: 1069px) {
  .padding-bottom-sp4 { padding-bottom: 40px; } }
 
.padding-vertical-sp2 { padding-top: 18px; padding-bottom: 18px; }
@media all and (min-width: 736px) {
  .padding-vertical-sp2 { padding-top: calc(17px + 0.2vw); padding-bottom: calc(17px + 0.2vw); } }
@media all and (min-width: 1069px) {
  .padding-vertical-sp2 { padding-top: 20px; padding-bottom: 20px; } }  

.padding-top-sp2 { padding-top: 18px; }
@media all and (min-width: 736px) {
  .padding-top-sp2 { padding-top: calc(17px + 0.2vw); } }
@media all and (min-width: 1069px) {
  .padding-top-sp2 { padding-top: 20px; } }
  
.padding-bottom-sp2 { padding-bottom: 18px; }
@media all and (min-width: 736px) {
  .padding-bottom-sp2 { padding-bottom: calc(17px + 0.2vw); } }
@media all and (min-width: 1069px) {
  .padding-bottom-sp2 { padding-bottom: 20px; } }
  
.padding-top-sp1 { padding-top: 12px; }
@media all and (min-width: 736px) {
  .padding-top-sp1 { padding-top: 12px; } }
@media all and (min-width: 1069px) {
  .padding-top-sp1 { padding-top: 12px; } }  
.csi-opacity-overlay:hover {
    opacity: 0.8;
    -webkit-transition: all .125s linear;
	transition: all .125s linear
}  
.assurance-hover {
	padding: 34.5px 10px 12px
} 
.assurance-hover:hover { background-color: rgba(255, 255, 255, 0.1) }
.assurance-hover:active { background-color: #004881 } }
  .no-hover {
	text-decoration: none
}
.no-hover:hover, .no-hover:focus {
	text-decoration: none
}  
.no-padding-top {
	padding-top: 0
}  
.nowrapper {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}  
.sup {
	font-size: 50%;
	line-height: 0;
	position: relative;
	top: -0.9em;
	vertical-align: baseline
}
@media only screen and (max-width: 1068px) {
	.csi-section-pillar { margin-bottom: 2em }
} 
.csi-section-newsletter-signup {
	background-image: url(/content/newsletter-bg-fs.jpg);
	background-attachment: fixed;
	background-position: 75% 0;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 500px;
	height: 500px;
	color: #fff
}  
.csi-section-newsletter-signup .csi-title { margin: 0 0 1.25em }
.csi-section-newsletter-signup .csi-standard-button {
	-webkit-appearance: none;
	border-radius: 0
}
.csi-section-newsletter-signup .hide-all { display: none }  
.csi-section-newsletter-signup .mc-field-group {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	max-width: 320px;
	margin-right: 20px
}  
@media only screen and (max-width: 735px) {
	.csi-section-newsletter-signup .mc-field-group { max-width: none } }  
.csi-section-newsletter-signup .mc-field-group input {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 0;
	color: #333;
	font-size: 16px;
	line-height: 1.33333;
	font-weight: 400;
	display: block;
	height: 42px;
	padding: 0 12px;
	margin: 0 0 0.75em;
	width: 100%;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}  
@media only screen and (min-width: 736px) {
	.csi-section-newsletter-signup .mc-field-group input {
	  	border-color: #acacac
	}
	.csi-section-newsletter-signup .mc-field-group input:hover {
	  	border-color: #666
	}
	.csi-section-newsletter-signup .mc-field-group input:focus {
		border-color: #0078d7;
		-webkit-box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.75);
		-moz-box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.75);
    	box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.75) 
	}
} 
.csi-section-newsletter-signup .mc-field-group input::-webkit-input-placeholder { color: #999999 }  
.csi-section-newsletter-signup .mc-field-group input:-moz-placeholder { color: #999999 }  
.csi-section-newsletter-signup .mc-field-group input:hover { border-color: #acacac }
.csi-section-newsletter-signup .mc-field-group input:focus {
	border-color: #0078d7;
	-webkit-box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.3);
	-moz-box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.3);
    box-shadow: 0 0 0 3px rgba(0, 120, 215, 0.3)
}  
.sr-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0	
}  
@media only screen and (max-width: 1068px) {
	.csi-section-newsletter-signup {
      	background-attachment: scroll;
		background-position: 50% 50%;
	  	height: 360px;
	  	min-height: 360px
	}
} 
@media only screen and (max-width: 735px) {
	.csi-section-newsletter-signup {
      	background-image: none; 
	  	color: #000000;
	  	height: auto;
	  	min-height: 330px
	}
}
.csi-dark-overlay-container {
	position: relative; 
	width: 100%; 
	height: 100%;
}  
.csi-dark-overlay {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.4); 
	transition: all .5s; 
	-webkit-transition: all .5s; 
	display: none;
}  
@media (min-width: 736px) {
  	.csi-dark-overlay { display: inherit } }
  
.hide-small { display: block;visibility: visible }
.hide-large { display: none;visibility: hidden }
@media only screen and (max-width: 735px) {
	.hide-small { display: none;visibility: hidden }
	.hide-large { display: block;visibility: visible } }

/* ======================= Robox page/modules =======================*/

#custom-product-page [class*="col-"]{
  	float: left;
  	width: 100%;
  	position: relative;
  	margin: 0;
  	padding-left: 1em;
  	padding-right: 1em;
  	padding-left: 1vw;
	padding-right: 1vw
}

#custom-product-page .col-3-4{
  	width: 100%
}

#custom-product-page .blue-bg {
 	background-color: #0078d7;
}

#custom-product-page .soft-black-bg {
  	background-color: #282828;
}

@media only screen and (min-width: 1084px) {
	#custom-product-page .l-col-10-24 {
		width: 41.66667%;
	}
}

#custom-product-page .automaker-centered .csi-row .text-center{
	margin-top: 25px;
	padding-bottom: 75px;
}

#custom-product-page .automaker-centered .full-width-image{
  	margin-top:63px;
	margin-left: auto;
	margin-right: auto;
}

#custom-product-page .automaker-centered h2{
	margin: 70px 0 30px; 
}

#custom-product-page .automaker-centered p{
	width: 66%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .automaker-centered p{
		width: 100%;
	} 
}

#custom-product-page .features-slide .hide-above-768,
#custom-product-page .features-slide .hide-below-768{
	position: relative;
	top: 0;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-slide .hide-below-768{
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	#custom-product-page .features-slide .hide-above-768{
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	#custom-product-page .m-col-1-2{
		width: 50%;
	}

	#custom-product-page .m-col-10-24 {  
		width: 41.66667%;
	}

	#custom-product-page .m-col-14-24 {  
		width: 58.33333%
	}

	#custom-product-page .hide-above-768{
		display: none;
	}	  
}

#custom-product-page .text-center {
	text-align: center;
}

#custom-product-page .white-text{
	color:#fff;
}

#custom-product-page .blue-text{
	color:#0078d7;
}

#custom-product-page .brand-blue-background{
	background: #0078d7;
}

#custom-product-page .features-slide{
	max-width: 1777px;
	margin-left: auto;
	margin-right: auto;
}

#custom-product-page .features-slide .csi-grid{
	padding-top: 3.94%;
	padding-bottom: 3.94%;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-slide .csi-grid{
		padding-top: 60px;
	  	padding-bottom: 8.94%;
	}  
}

#custom-product-page .csi-grid{
	display: block;
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%
}

@media only screen and (min-width: 540px) {
	#custom-product-page .csi-grid{
	    padding-left: 5%;
	    padding-right: 5%
	}
}

@media only screen and (min-width: 768px) {
	#custom-product-page .csi-grid{
		width: 90%;
	    padding-left: 0;
	    padding-right: 0;
	}
}

@media screen and (min-width: 2000px) {
    #custom-product-page .csi-grid .csi-row {
        margin-left: -.5vw;
        margin-right: -.5vw
    }

    #custom-product-page .csi-grid .csi-row > [class * =col-] {
        padding-left: .5vw;
        padding-right: .5vw
    }
}

#custom-product-page .csi-grid .csi-row{
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1vw;
	margin-right: -1vw
}

#custom-product-page .csi-row.horizontally-centered{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
  	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

#custom-product-page .csi-row.vertically-centered{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

#custom-product-page .subheader.mobile-top-heading{
	display: none;
}

#custom-product-page .features-slide .headline{
	text-align: center;
	margin-bottom: calc(4.5% - 0.0875vw);
	margin-top: 0px;
	width: 100%;
}

#custom-product-page .header {
	font-size: 39px;
	margin: 0.83em 0;
    letter-spacing: -0.01em
}

@media all and (min-width: 540px) {
	#custom-product-page .header {
    	font-size: 39px;
      	letter-spacing: -0.01em
	}
}

@media all and (min-width: 1400px) {
	#custom-product-page .header {
    	font-size: 46px;
	}
}

#custom-product-page h1, #custom-product-page h2, #custom-product-page .headline {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 1.2;
}

#custom-product-page .headline{
	font-size: 50px;
	letter-spacing: -0.01em;
	margin-top: 0.8em;
	margin-bottom:0.2em;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-slide .headline{
		margin-bottom: calc(6.519% + 1.56456px);
	}
}

@media only screen and (max-width: 539px) {
	#custom-product-page .features-slide .headline{
		margin-bottom: calc(6.519% + 0.78228px);
	}
}

@media only screen and (min-width: 1400px) {
	#custom-product-page .headline{
		font-size: 62px;
	}
}

@media only screen and (min-width: 540px) {
	#custom-product-page .headline{
		font-size: calc(43px + 1.38vw);
	}
}

#custom-product-page .features-slide .subheader{
	font-size: 34px;
	line-height: 1.2;
	font-weight: 300;
	margin: 0 0 30px 0;
}

#custom-product-page .features-slide .body, #custom-product-page .features-split .body, #custom-product-page .automaker-centered p{
	font-weight: 300;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 30px;
}

@media only screen and (min-width: 540px) {
	#custom-product-page .features-slide .body, #custom-product-page .features-split .body, #custom-product-page .automaker-centered p{
		font-size: calc(15px + 0.22vw)
	}
}

@media only screen and (min-width: 1400px) {
	#custom-product-page .features-slide .body, #custom-product-page .features-split .body, #custom-product-page .automaker-centered p{
	    font-size: 18px;
	}
}

@media only screen and (max-width: 539px) {
	#custom-product-page .features-slide .body, #custom-product-page .features-split .body, #custom-product-page .automaker-centered p{
		font-size: 16px;
	}
}

#custom-product-page .features-slide .csi-grid .csi-row .copy-section .slide-quote{
	padding-top: 35px;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-slide .csi-grid .csi-row .copy-section .slide-quote{
		padding-top: 0;
	}

	#custom-product-page .features-slide .slide-quote{
		margin-top: 3.911%;
		margin-right: 0px;
		margin-bottom: 3.911%;
		margin-left: 0px;
	}
}

@media only screen and (min-width: 1400px) {
	#custom-product-page .slide-quote{
		padding-top: 0;
	}
}

#custom-product-page .features-slide .slide-quote p{
	margin-bottom: 0;
	margin-top: 0;
	font-size: 18px;
	font-weight: 500;
}

#custom-product-page .features-slide .slide-quote p:first-child{
	margin-top: 3.95%;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-slide .slide-quote p:first-child{
		margin-top: 0;
	}
}

#custom-product-page .image-section img{
	padding: 0 3.125% 0 3.124%;
}

#custom-product-page img{
	border: 0;
	-ms-interpolation-mode: bicubic;
	height: auto;
	width: 100%;
}
	
@media only screen and (max-width: 768px) {
	#custom-product-page .mobile-image-section{
		display: block;
	}

	#custom-product-page .subheader.mobile-top-heading{
		display: block;
	    padding-left: 24px;
	    padding-right: 24px;
	    font-size: 24px;
	    margin-bottom: 24px;
	    text-align: center;
	    width: 100%;
	}

	#custom-product-page .features-slide .subheader{
	    display: none;
	}

	#custom-product-page .features-slide .body{
	    margin-top: 2.607%;
	}	  
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-split{
	    padding: 0;
	}
}

#custom-product-page .features-split > .csi-grid > .csi-row > div:first-child .column-container{
	padding-right: 6.75%;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .features-split > .csi-grid > .csi-row .column-container{
	    padding-top: 60px;
		padding-bottom: 8.94%;
	}

	#custom-product-page .features-split > .csi-grid > .csi-row > div:first-child .column-container{
	    padding-right: 0;
	}

	#custom-product-page .subheader.mobile-top-heading{
		display: block;
		margin-top: 0;
		padding-left: 24px;
		padding-right: 24px;
		font-size: 24px;
		margin-bottom: 24px;
		text-align: center;
		width: 100%;
	}

	#custom-product-page .features-split > .csi-grid > .csi-row > div img{
		padding: 12px 0 36px 0;
	}
}

@media only screen and (min-width: 768px) {
	#custom-product-page .features-split > .csi-grid > .csi-row > div .column-container{
		padding-top: 6.625%;
	}
}

#custom-product-page .features-split > .csi-grid > .csi-row > div:last-child .column-container{
	padding-left: 7%;
}

#custom-product-page .features-split .light {
	text-align: left;
	margin: 6.5% 0 6.5% 0;
}

#custom-product-page .features-split .body{
	text-align: left;
}

@media only screen and (max-width: 767px) {
	#custom-product-page .subheader{
		display: none;
	}

	#custom-product-page .features-split > .csi-grid > .csi-row > div:last-child .column-container{
		padding-left: 0;
	}

	#custom-product-page .features-split .body{
		margin: 0;
	}

	#custom-product-page .i-am-empty-inside{
	    margin-top: 3.911%;
	}
}

.i-am-empty-inside{
	margin-top: 7.822%;
}

span.bolder{
	font-weight: bolder;
}

.parallax-bg{
	position: relative;
}

div.smartreel-bg.parallax-img-wrap.parallax-bg-img{
	background-image: url(/content/robox-filament-parallax-bg.jpg);
	height: 340px;
}

div.automaker-bg.parallax-img-wrap.parallax-bg-img{
	background-image: url(/content/robox-automaker-parallax-bg.jpg);
	height: 400px;
}

.parallax-img-wrap{
	width: 100%;
}

.parallax-bg-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

@media only screen and (max-width: 767px) {
	.parallax-bg{
		display: none;
	}
}

.small-banner{
	padding-top: 27px;
	padding-bottom: 27px;
}

.title{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.25;
}

@media only screen and (min-width: 540px) {
	.title{
		font-size: calc(18.2px - -0.41vw);
	}
}

@media only screen and (min-width: 1400px) {
	.title{
		font-size: 24px;
	}
}

@media only screen and (max-width: 767px) {
	.small-12{
		width: 100%;
	}
}

.techspecs{
	display: block;
	padding: 3.94% 0 3.94%;
}

.grid-container{
	width: 90%;
	max-width: 1180px;
	clear: both;
	margin: 0 auto;
}

.techspecs-heading{
	font-size: 34px;
	line-height: 1.2;
	font-weight: 300;
	margin: 0 0 30px 0;
	padding: 0;
}

.grid-row{
	clear: both;
	float: left;
	width: 100%;
}

.grid-unit{
	position: relative;
	width: 100%;
	float: left;
	margin-left: 2%;
	margin-right: 0;
}

.grid-row:after{
	clear: both; 
}

.grid-table .grid-row.column-6{
	padding: 12px 0;
}

.grid-table .grid-row.column-6:first-child{
	padding-top: 12px;
}

.grid-table .grid-row.column-6.gray-bg{
	background-color: #f2f2f2; 
}

.grid-table .grid-row.column-6 .grid-unit{
	width: 25%;
	margin-left: 0;
}

.bold-specs-heading{
	font-size: 16px;
	line-height: 1.45;
	font-weight: 400;
	padding-left: 1.5em;
}

.grid-table .grid-row.column-6 .grid-unit.colspan-5{
	width: 73%;
	margin-left: 2%;
}

.grid-table .grid-row .grid-unit p{
	font-size: 18px;
	line-height: 1.45;
	font-weight: 300;
	padding: 0 1.5em 0 0;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.techspecs{
	    padding-top: 0;
	}

	.techspecs-heading{
		display: block;
	    font-size: 24px;
		padding-bottom: 14px;
		margin-bottom: 0;
		border-bottom: 1px solid #d2d2d2;
	}

	.grid-table .grid-row.column-6.gray-bg{
	    background-color: transparent; 
	}

	.grid-table .grid-row.column-6 .grid-unit{
		width: 100%;
		margin-left: 0.625em;
	}

	.grid-table .grid-row.column-6 .grid-unit.colspan-5{
	    width: 100%;
	    margin-left: 0.625em;
	}

	.bold-specs-heading{
		padding: 0;
		font-size: 16px;
		font-weight: 600;
	}

	.grid-table .grid-row .grid-unit p{
	    font-size: 16px;
	}	
}

#text-dump{
	display: block;
	padding-top: 3.94%;
	padding-bottom: 3.94%;
}

#text-dump h3{
	font-size: 34px;
	line-height: 1.2;
	font-weight: 300;
	margin: 0 0 30px 0;
}

#text-dump p{
	font-size: 12px;
	font-weight: 300;
	line-height: 1.25;
	margin: 0 0 1em 0;
}

@media only screen and (min-width: 540px) {
	#text-dump p{
		font-size: calc(11px + 0.22vw)
	}
}

@media only screen and (min-width: 1400px) {
	#text-dump p{
		font-size: 14px;
	}
}

.doubleCol{
	column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}

@media only screen and (max-width: 1079px) {
    .doubleCol {
    	column-count: 1;
      	-moz-column-count: 1;
      	-webkit-column-count: 1;
    }
}

/* ======================= Top Document (Header) / cs3-top-cart.jsp ======================= */

.preheader {
  position: relative;
  max-width: 1180px;
  width: 90%;
  margin: 0 auto;
  padding: 5px 0 0 0
}
.preheader ul {
  float: right;
  overflow: auto;
  list-style-type: none;
  margin: 0;
  padding: 0
}
.preheader ul li {
  display: inline-block;
  margin-left: 24px 
}
.preheader ul a {
  font-size: 12px;
  line-height: 22px;
  font-weight: 400;
  color: #333
}
.preheader ul a:hover {
  text-decoration: underline 
}
.preheader ul a.promoted {
	color: #e85d00
}
#top { width: 100% !important; }  
  
#siteAlert {
    display: block;
	background-color: #fafafa;
	width: 100%;
	}

a#siteAlert {
    display: block;
	background-color: #fafafa;
	color: #333;
	width: 100%;
	text-decoration: none
	}

#siteAlert sup{
	font-size: .6em;
    opacity: .8;
    vertical-align: top;
    position: relative;
    top: -.3em
}

a#siteAlert:hover .fake-link {
	text-decoration: underline
	}
  
#siteAlertContainer  {
  	width: 90%;
    max-width: 1180px;
    margin: 0 auto;
	text-align: center
    }  
  
#siteAlertMessage {
    font-size: 14px;
	line-height: 40px;
	font-weight: 300;
    color: #333
    }

.site-alert-link{
	text-decoration: none;
    font-size: 14px;
    line-height: 40px;
	font-weight: 400;
    color: #333
	}

.site-alert-link .fake-link {
	position: relative;
	color: #0078d7;
	}

.site-alert-link .fake-link i {
	font-size: inherit;
	vertical-align: middle
	}
  
#desktopHead {
	width: 100%;
	margin: 0 auto;
	display: block;
	}

#headerMain {
	display: block;
	width: 100% !important;
	}

#headerMainContainer {
	position: relative;
	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 10px 0;
	}

#headerMainContainer ul {
	float: right;
	margin: 0;
	list-style-type: none;
	}

#cartContainer {
	height: 30px;
	float: left;
	margin-top: 10px;
	}

a#cartSectionHover {
	float: right;
	display: block;
	text-decoration: none !important;
	}
  
#cartIconLink {
	display: none;
	float: left;
  	color: #333;
  	font-size: 1em;
	line-height: 30px;
	margin-left: .375em;
  	}

#cartLink {
	float: left;
	font-size: .875em;
	line-height: 30px;
  	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	background-color: #0078d7;
	color: #fff;
	margin: 0;
	padding: 0 1.563em;
	}

#cartLink:hover, #cartLink:focus { background-color: #1a1a1a; }

#searchSection {
	float: left;
	padding-left: 1.25em;
	width: 284px;
	}

#searchContainer {
	float: right;
	margin: .625em .625em 0 0;
	}

.searchAndCart { float: right; }

#mainPageLogo {
	clear: both;
	float: left;
	width: auto;
	margin-top: -13px
	}

#mainPageLogo img {
	max-width: 100%;
	height: auto;
	}
  
#searchIcon { 
	height: 28px;
	width: 28px;
  	position: absolute;
  	top: 0;
  	right: -29px;
  	border: none;
	background-color: #fff;
  	margin:0;
  	padding:0;
  	}  
  
#searchIcon:hover { cursor: pointer; }   

#searchIcon span {
  	font-size: 18px;
  	background-color: #fff;
  	color: #757575;
	}

#searchIcon span:hover { color: #0078d7; }
 
#searchText {
	position: relative;
  	display: block;
	width: 100%;
  	height: 1.945em;
  	background: transparent;
	color:#333;
	font-family: inherit;
	font-weight: 300;
	line-height: 24px;
	font-size: .9em;
	border: none;
	padding: 0 .69444em;
	}
  
#searchBorderWrap { 
	position: relative;
	margin-right: 29px; 
	}  
  
#searchText:focus { 
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	} 

#searchButton img {
	max-height: 22px;
	max-width: 22px;
	}

#mobileHead { display:none; }

#miniCartSpot {
	position: absolute;
	top: 42px;
	right: 0;
	z-index: 1003;
	}

.searchLabelScreenReader {
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
  	}
	
a#headerCartLink {
  	position: relative;
  	float: left;
  	display: inline-block;
  	text-decoration: none;
  	cursor: pointer;
  	background-color: #fff;
  	color: #757575;
  	padding: 0 1.5em; 
	}
	
a#headerCartLink i {
  	float: left;
  	display: inline-block;
  	font-size: 24px;
  	line-height: 1.25em;
	}
	
a#headerCartLink span {
  	float: left;
  	display: inline-block;
  	font-size: .8125em;
  	line-height: 2.35em;
  	color: #333333;
	}
	
a#headerCartLink:hover, a#headerCartLink:hover span { color: #0078d7; }

.headerContactLink-container {
	position: relative;
  	float: left;
}

.headerContactLink-container .highlight {
	position: absolute;
	top: -9px;
	right: -20px;
	background-color: #FFD800;
	box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2);
	color: #000;
	font-size: 9px;
	font-weight: 500;
	line-height: 18px;
	height: 18px;
	padding: 1px 7px 0;
	display: inline-block;
	letter-spacing: .075em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	z-index: 6;
	pointer-events: none;
}

a.headerContactLink {
	position: relative;
  	display: inline-block;
	background: #0078d7;
	color: #fff;
	border: 2px solid transparent;
	padding: 7px 22px 6px;
  	font-size: 13px;
 	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
  	text-decoration: none;
	text-align: center;
	letter-spacing: .075em;
	white-space: nowrap;
	transition: scale .2s ease-in-out;
  	cursor: pointer
	}
	
a.headerContactLink:hover {
	background: #006cc2
}

a.headerContactLink:active {	
    -ms-transform: scale(.98);
    transform: scale(.98)
}
  
/* ======================= Search Bar (Header) =======================*/

#search {
    display: block;
    position: absolute;
    top: 30px;
    left: 280px;
    margin: 0;
    }

#mobileSearchForm {
    display: block;
	border: 1px solid #bdbdbd;
	margin-bottom: 0.9375em;
    }
  
.cf:before, .cf:after {
    content: "";
    display: table;
    }

.cf:after { clear: both; }

.cf { zoom: 1; }
  
form#searchForm.form-wrapper.cf { 
	float: left;
  	position: relative;
    max-width: 400px; 
  	border: 1px solid #bdbdbd;
  	}
  
.form-wrapper {
	float: left; 
	width: 303px;
	height: 30px;
	}
  
.searchButton {
	position: absolute;
	display: block !important;
	top: 36px !important;
	margin-left: 266px !important;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 26px;
	width: 26px;
	}

input[type="text"]#searchText::-webkit-input-placeholder { font-family: inherit; font-size: 14px; line-height: 26px; font-style: normal; color: #757575; font-weight: 300; }

input[type="text"]#searchText:-moz-placeholder { font-family: inherit; font-size: 14px; line-height: 26px; font-style: normal; color: #757575; font-weight: 300; }

input[type="text"]#searchText::-moz-placeholder { font-family: inherit; font-size: 14px; line-height: 26px; font-style: normal; color: #757575; font-weight: 300; }

input[type="text"]#searchText:-ms-input-placeholder { font-family: inherit; font-size: 14px; line-height: 26px; font-style: normal; color: #757575; font-weight: 300; }

/* ======================= Cart Preview Popup / iteminfoajax.jsp ======================= */
  
#cartAlert {
	display: block;
	width: 394px;
	border: 1px solid #1a1a1a;
	background-color: #fff;
	color: #333;
	z-index: 101;
	cursor: default;
 	font-family: 'Roboto', Arial, sans-serif;
	}
  
#itemMiniCart {
	display: block;
	width: 100%;
	padding: 5%;
	overflow: auto;
	}
  
#lilCartHeader {
	font: 100 1.5em/1 'Roboto', Arial, sans-serif;
	margin: 0;
	margin-bottom: .666em;
	}
  
#lilCartContainer {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	padding-bottom: .666em;
	}
  
#lilCartPics {
	float: left;
	width: 50px;
	height: auto;
	margin: 0;
	padding: 0;
	}
  
#lilCartDeets {
	float: left;
	width: 80%;
	margin-left: 5%;
	}
  
#lilCartProductName {
	display: block;
	max-height: 38px;
	overflow: hidden;
  	text-overflow: ellipsis;
	font: 300 .875em/1.4 'Roboto', Arial, sans-serif;
	color: #0078d7;
	}
  
#lilCartProductName:hover, #lilCartProductName:focus { text-decoration: underline; }
  
#lilCartQtyAndPrice {
	width: 100%;
	display: block;
	font-size: .875em;
  	font-weight: 300;
	}
  
#notShown {
	display: block;
	width: 100%;
	color: #333;
	font: 300 .8125em 'Roboto', Arial, sans-serif;
	text-align: center;
	}
  
#lilCartSubtotal {
	clear: both;
	float: left;
	width: 100%;
	font-weight: 300;
	font-size: .875em;
	text-align: center;
	padding-top: .333em;
	}
  
#lilCartSubtotal span { 
  	font-size: 1em;
  	font-weight: 500; 
  	}
  
#lilCartCheckoutButton {
  	display: inline-block;
	width: 100%;
	margin: 1em 0;
	background-color: #0078d7;
	color: #fff;
	font: 400 1em/1.1 'Roboto', Arial, sans-serif;
  	padding: 1em 0;
	text-align: center;
	text-decoration: none;
	}
  
#lilCartCheckoutButton:hover, #lilCartCheckoutButton:focus { 
	background-color: #00188f;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 0 rgba(0,0,0,0.1);
	}
  
#lilCartCheckoutButton:active {  
  	position: relative;
  	top: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  	}
  
a.lilCartToBigCart {
  	float: left;
	color: #0078d7;
  	font: 300 .875em/1.25 'Roboto', Arial, sans-serif;
	text-align: left;
	}
  
a.toBigRight { 
  	float: right !important;
  	text-align: right !important; 
  	}  
  
.lilCartToBigCart:hover, .lilCartToBigCart:focus { text-decoration: underline; }
  
#previewQty {
  	font-size: .875em;
  	color: #333;
	float: left;
	text-align: left;
	}
  
#previewPrice {
  	font-size: .875em;
  	color: #333;
	float: right;
	text-align: right;
	}
  
/* ======================= Navigation / cs3-navbar.jsp ======================= */
  
#navbar {
    clear: both;
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: #0078d7;
    z-index: 666;
    }
	
.dc-mega-li:first-child .dc-mega { padding-left: 0; }

.dc-mega {
	font-weight: 500
}
  
.dcjq-mega-menu {
	display: block;
	position: relative;
	width: 90%;
    max-width: 1180px;
    margin: 0 auto;
	white-space: nowrap;
    }
	
#mega-menu-1 {  
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
    height: 40px;
    font-family: 'Roboto', Arial, sans-serif;
  	font-size: 13px;
  	font-weight: 400;
    }
  
#mega-menu-1 li ul, #mega-menu-1 .sub {
	display: none;
	}
        
#mega-menu-1 .sub ul {
	display: block;
	white-space: normal;
	}  
          
#mega-menu-1 li {
	display: inline-block;
	margin: 0;
	padding: 0;
	}

#mega-menu-1 .sub-container li {
	display: block;
}
  
#mega-menu-1 li a {
	float: left;
	display: block;
	color: #fff;
    padding: 2px 16px 2px 0;
	text-decoration: none;
}
	
#mega-menu-1 li a:hover, #mega-menu-1 li.mega-hover a { color: #333; } 

#mega-menu-1 li a:focus { color: #333; outline: 1px dotted #fff; }
  
#mega-menu-1 li .sub-container { 
	position: absolute; 
	top: 40px !important;
	left: 0 !important;
	margin-left: 0 !important;
	width: 100% !important
	}
  
#mega-menu-1 li .sub {
    background: #eee;
    padding: 12px 14px; 
    border: 1px solid #d2d2d2;
    }   
  
#mega-menu-1 li .sub .row { 
	clear: both;
	width: 100%;
	padding-bottom:10px;
	overflow: hidden; 
	} 
  
#mega-menu-1 li .sub li {
	list-style: none;
	float: none;
	width: 170px;
	font-size: 16px;
	font-weight: normal;
	}  
  
#mega-menu-1 li .sub li.mega-hdr { 
	float: left;
	margin: 0 10px 0; 
	}
  
#mega-menu-1 li .sub li.mega-hdr.last {
	margin-right: 0;
	}
  
#mega-menu-1 li .sub a {
	background: none;
	display: block;
	float: none;
	}
  
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
    height: 45px !important;
    color: #333; 
    font-weight: normal;
    font-size: 14px;
    padding: 0 0 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
    background-color: #eee;
	white-space: normal;
    }
  
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { color: #0078d7; }
  
#mega-menu-1 .sub li.mega-hdr li a, #mega-menu-1 li .sub-container.non-mega li a {
    font-size: 13px;
    line-height: 14px;
    color: #0078d7; 
    padding: 0 0 10px;
	white-space: normal;
    }  
  
#mega-menu-1 .sub li.mega-hdr li a:hover, #mega-menu-1 li .sub-container.non-mega li a:hover { text-decoration:underline; }
  
#mega-menu-1 .sub ul li { padding-right: 0; }  
  
#mega-menu-1 li .sub-container.non-mega .sub { 
	padding: 12px 14px;
	white-space: nowrap;
	}
        
#mega-menu-1 li .sub-container.non-mega li {
	padding: 0;
	margin: 0;
	width: 200px;
	}
  
/* ======================= Footer / cs3-footer2.jsp ======================= */

#footer-items {
  	clear: both;
	width: 100%;
  	padding-bottom: 20px;
	background-color: #f2f2f2;
	}
  
.footer-items {
  	clear: both;
  	width: 90%;
  	max-width: 1180px;
  	margin: 0 auto;
  	}

div.information {
  	display: block;
	width: 100%;
	padding: 1.5em 0 0;
	}

div.informationBottom {
	width: 100%;
	margin: 0;
	padding: 0;
	}

div.informationBottomBlock1 {
	width: 25%;
	float: left;
	padding-left: 0;
	padding-top: 0;
	line-height: 1;
	}

div.informationBottomBlock2, div.informationBottomBlock3, div.informationBottomBlock4, div.informationBottomBlock5 {
	margin-left: 0;
	padding-top: 0;
	width: 25%;
	float: left;
	}

div.bottomTitle {
	font-weight: 300;
	font-size: 1em;
	color: #000;
	line-height: 1.25em;
	margin-bottom: .65em;
	}

#footerLists {
	font-weight: 300;
	font-size: .9em;
	line-height: 1.25em;
	margin-bottom: 0.25em;
	}

#footer-items ul { list-style-type: none; }

#footerListColor, #footerListColor:visited { color: #0078d7; }

#footerListColor:hover, #footerListColor:focus { text-decoration: underline; }

#securefooter {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 35px;
	}

#godaddy {
	float: left;
	padding-top: 20px;
	}

#authdotnet {
	float: left;
	padding: 0 0 0 2%;
	}

#bbb {
	float:left;
	padding: 20px 0 0 2%;
	}

#copyright {
	font-size: .875em;
	font-weight: 300;
	padding-top: 35px;
	color: #000;
	text-align: right;
	}

#copyright .actual-copy { margin-left: 2% }

#copyright a.ot-link {
	display: block;
	font-weight: 300;
	color: #0078d7;
	text-align: right
	}

@media only screen and (max-width: 539px){
	#copyright, #copyright a.ot-link {
		text-align: left
	}
}

#privacy, privacy:visited { color: #0078d7; }

#privacy:hover, #privacy:focus { text-decoration: underline; }

#contact {
	color: #616161;
	font-size: .9em;
	font-weight: 300;
	line-height: 1.25em;
	margin-bottom: .25em;
	}

#contact:hover { cursor: default; }

#contactEmail {
	color: #0078d7;
	font-size: .875em;
	font-weight: 300;
	line-height: 1.25;
	}

#contactEmail:hover, #contactEmail:focus { text-decoration: underline; }

.newsletter {
	clear: both;
	display: block;
	width: 100%;
	}

.newsletterSignup {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #e3e3e3;
	}

.newsletterSignup p {
	position: relative;
	float: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 31px;
	color: #000;
	}

.mc-field-group {
	position: relative;
	float: left;
	}

#popupNewsletterEmail {
	position: relative;
	float: left;
	max-width: 200px;
  	height: 33px;
	padding: 5px 0 5px 8px;
	border: 2px solid #d2d2d2;
	font-size: .875em;
	font-weight: 300;
	color: #333;
	}
  
#popupNewsletterEmail:hover { border: 2px solid #b8b8b8; }
	  
#popupNewsletterEmail:focus { 
  	border: 2px solid #0078d7;
  	}

#newsletterEmail {
	width: 200px;
  	height: 33px;
	margin-left: 20px;
	padding: 5px 0 5px 8px;
	border: 2px solid #d2d2d2;
	-webkit-border-radius: 0px;
			border-radius: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: .875em;
	font-weight: 300;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	}
	  
#newsletterEmail:focus { 
	border: 2px solid #0078d7;
  	}

input.newsletterButton {
	color: #fff;
	background-color: #0078d7;
	border: 2px solid transparent;
	-webkit-border-radius: 0px;
			border-radius: 0;
	outline: none;
	font-size: .875em;
	line-height: 29px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	padding: 0 16px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-transition: background-color 0.5s;
			transition: background-color 0.5s;
  	}

input.newsletterButton:hover {
	background-color: #0060ac;
	color: #fff;
	-webkit-transition: background-color 0s;
			transition: background-color 0s;
	}

input.newsletterButton:hover,
input.newsletterButton:focus {
	border: 2px solid #005aa1;
	}

input.newsletterButton:active {
	background-color: #004881;
  	-webkit-transition: background-color 0s;
          	transition: background-color 0s;
}
	  
#securefooter a { border: 0; }

#securefooter a img {
	-webkit-filter: grayscale(100%) brightness(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: brightness(100%);
	filter: url(../svg/desaturate.svg#greyscale);
	}
	  
.response { display:none; }
	  
#newsButtonPosition {
	position: relative;
	float: left;
	}
	  
.clearLeft { clear:left; }

/* ======================= Slideshow ======================= */

.slider-wrapper {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	}

.unslider {
	position: relative;
	overflow: auto; /* This will get overriddden by the jQuery plugin. */
	}
	
.unslider ul { position: relative; }

.unslider li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

.unslider ul li {  float: left; }
  
.unslider .dots {
	display: block;
	position: absolute;
	top: auto;
	bottom: 3%;
	width: 100%;
	text-align: center;
	z-index: 10;
	padding-bottom: 10px;
	}
  
.unslider .dots li {
	display: inline-block;
	height: 15px;
	width: 15px;
	font-size: 16px;
	line-height: 0;
	margin: 0 10px 0 10px;			
	color: #757575;	
	cursor: pointer;
	}
  
.unslider .dots li:hover { color: #003963; }
	  
.unslider .dots li.active { color: #0078d7; }

.arrow {
	position: absolute;
	display: block;
    width: 30px;
    height: 72px;
	margin-top: -36px;
    z-index: 3;
    cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: 0 0;
	color: transparent;
	top: 50%;
	padding: 0;
	border: none;
	outline: 0;
	}
	  
.arrow:hover, .arrow:focus {
	outline: 0;
	background-color: rgba(0,0,0,.4);
	color: transparent;
	z-index: 7;
	}
	  
.arrow.prev {
	background-image: url(/content/hero-slideshow-left-arrow.png);
	left: 0;
	}

.arrow.next {
	background-image: url(/content/hero-slideshow-right-arrow.png);
	right: 0;
	}
	  
.unslider:hover .arrow {
	filter: alpha(opacity=100);
	opacity: 1;
	}

/* ======================= Updated Index Page / cs3-index.jsp ======================= */
  
a#decemberDeals {
	width: 100%;
	display: block;
    background-color: #000;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease
}
  
a#decemberDeals:hover {
	text-decoration: none
}
	
#decemberDeals .textWrapper {
	text-align: center;
	padding-top: 27px;
	padding-bottom: 27px
}
  
#decemberDeals .textWrapper h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
    line-height: 1.16667;
	font-weight: 300
}
  
@media all and (max-width:735px) {
	#decemberDeals .textWrapper {
	  	padding-top: 20px;
	  	padding-bottom: 20px
	}

	#decemberDeals .textWrapper h3 {
	  	max-width: 83.333333%;
		margin-left: auto;
	  	margin-right: auto
	}

	#decemberDeals .textWrapper h3 {
		font-size: 20px;
		line-height: 1.2
	}
}
  
#decemberDeals .textWrapper h3 .fa-gift {
	padding-right: 16px;
	font-size: 34px;
	line-height: 0;
}
  
#decemberDeals .textWrapper h3 .faux-cta {
	color: #0078d7;
	font-weight: 400;
	white-space: nowrap;
}
  
#decemberDeals .textWrapper h3 .icon-arrow {
	display: inline-block;
	line-height: 1em;
	vertical-align: middle;
	padding: 0 6px;
	font-size: 24px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition: all 0.15s ease
}
  
a#decemberDeals:hover .icon-arrow {
	-webkit-transform: translate3d(20%, 0, 0);
	transform: translate3d(20%, 0, 0);
}
  
.hero-image {
	position: relative;
	padding: 0 3.124%;
	border: 0;
	max-width: 100%;
	height: auto;
}
  
@media all and (min-width: 1400px) {
	.hero-image {
		-webkit-transition: all 0.8s;
		-moz-transition: all 0.8s;
		-ms-transition: all 0.8s;
		-o-transition: all 0.8s;
		transition: all 0.8s;
	}
	
	.hero-image:hover {
		-webkit-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-ms-transform: scale(1.02);
		-o-transform: scale(1.02);
		transform: scale(1.02);
	}
}
  
.price-wrapper {
	margin-top: 10px;
	font-size: 1.8em;
	line-height: .7em;
}
  
.price-wrapper .price {
	font-size: 34px;
	line-height: 1.2;
	font-weight: 300;
	margin-bottom: .5em;
}
  
@media all and (min-width:768px) {
	.price-wrapper .price {
	  	font-size: calc(17.6px - -1.18vw);
	  	margin-bottom: 24px;
	}
}
  
@media all and (min-width:1400px) {
	.price-wrapper .price {
	  	font-size: 34px;	
	}
}
  
a.hero-call-to-action {
	display: inline-block;
	color: #fff;
	background-color: #0078d7;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	border: 0;
	box-sizing: border-box;
	outline: 0;
	padding: .5em 1.5em;
	position: relative;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

a.hero-call-to-action:hover {
	background-color: #0060ac;
	-webkit-transition: background-color 0s;
	transition: background-color 0s;
	text-decoration: none
}

a.hero-call-to-action:active {
	background-color: #004881;
	-webkit-transition: background-color 0s;
	transition: background-color 0s
}
  
@media all and (min-width:540px) {
	a.hero-call-to-action {
	  	font-size: calc(15px + 0.22vw);
	}
}
  
@media all and (min-width:1400px) {
	a.hero-call-to-action {
	  	font-size: 18px;
	}
}
  
@media all and (max-width:539px) {
	a.hero-call-to-action {
	  	font-size: 16px;
	}
}
  
.starting-at-small {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.53846
}
  
.hero-headline {
	font-size: 42px;
	line-height: 1.14286;
	font-weight: 300;
	letter-spacing: -0.01em;
	margin: 0 0 0.45em 0;
	text-align: left;
}

.hero-byline {
	font-size: 18px;
	line-height: 1.45;
	font-weight: 300;
	margin: 0 0 1em
}

@media all and (max-width:767px) {
	.hero-headline {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 300;
		letter-spacing: 0em;
	  	margin-bottom: 30px;
	}

	.hero-byline {
		margin-top: 24px
	}
}
  
.worlds-greatest-wrapper {
	margin-top: 22px;
	margin-bottom: 20px;
}
  
@media all and (max-width:1083px) {
	.worlds-greatest-wrapper {
		margin-bottom: 16px;
	}
}
  
@media all and (max-width:767px) {
	.worlds-greatest-wrapper {
		margin-top: 0;
		margin-bottom: 28px;
	}
}
  
@media all and (max-width:539px) {
	.starting-at-small {
		font-size: 12px;
	}
	
	.hero-image {
		padding: 0;
	  	margin-bottom: 3.911%;
	}
}
  
@media all and (max-width:539px) {	
	#decemberDeals .textWrapper h3 .fa-gift {
	  	display: block;
	  	font-size: 42px;
	  	line-height: 1;
		padding-bottom: 6px;
	}	
}

.welcome-home .divider-link {
	text-align: center;
	padding-top: 3vh;
	padding-right: 0px;
	padding-bottom: 3vh;
	padding-left: 0px;
	border-top: 1px solid rgb(210, 210, 210);
}
  
.welcome-home .csi-section-inner-padding {
	padding-top: 5vh;
	padding-bottom: 5vh;
}
  
[class*="col-"].centered {
	float: none;
	margin-left: auto;
	margin-right: auto
}
  
@media only screen and (min-width: 540px) {
	.welcome-home .col-2-3 {
	  	width: 66.66667%;
	}
}
  
.welcome-home h2.subheader {
	font-size: 26px;
	line-height: 1.3;
	font-weight: 100;
	margin: 0 0 0.5em 0;
}
  
@media only screen and (min-width: 540px) {
	.welcome-home h2.subheader {
		font-size: calc(25px + 0.65vw);
	}
}
  
@media only screen and (min-width: 1400px) {
	.welcome-home h2.subheader {
		font-size: 34px;
	}
}
  
@media only screen and (max-width: 767px) {
	.welcome-home h2.subheader {
		display: block !important;
	}
}
  
.csi-section-center-cta {
	margin-top: 2em;
	margin-bottom: 1em;
}


a.superhero {
	background: #f2f2f2;
	display: block;
	position: relative;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	text-decoration: none;
	}

a.superhero .image-wrapper img {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
    }

a.superhero:hover { 
	background: #fafafa !important;
  	}

a.superhero:hover .superhero-image {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
	}

a.superhero .image-wrapper {
	display: block;
	width: 100%;
	padding-top: 60px;
	padding-bottom: 10px;
	}

a.superhero .image-wrapper img {
	width: 100%;
	max-width: 740px;
	height: auto !important;
	margin: 0 auto;
	display:block;
    }

a.superhero .copy-wrapper {
	color: #333;
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding-bottom: 2em;
	text-align: center;
	}

a.superhero .copy-wrapper h1 {
	font-size: 3em;
	line-height: 1.0556;
	font-weight: 100;
	letter-spacing: -0.015em;
	margin: 0;
	}

a.superhero .copy-wrapper h2 {
	font-size: 1.625em;
	line-height: 1;
	font-weight: 100;
	margin: 0 0 0.125em 0;
	}

a.superhero .copy-wrapper h2 sup {
	font-size: .666em;
	opacity: 0.8;
	vertical-align: top;
	position: relative;
	bottom: -0.2em;
	}

a.superhero .copy-wrapper .details {
	margin-top: 8px;
	font-size: 1.125em;
	font-weight: 300;
	color: #0078d7;
	}

a.superhero .copy-wrapper .details:hover {
	text-decoration: underline;
  	}

a.superhero .copy-wrapper .details i {
	top: 1px;
	padding-left: 0.3em;
	line-height: 1;
	text-decoration: none;
	position: relative;
	}
	  
.featured-categories-main {
	width: 100%;
	background-color: white;
	}
	  
.featured-categories-table {
	width: 90%;
	max-width: 1180px;
	margin: auto;
	display: block;
	}
	  
.fc-table-div {
	width: 100%;
	display: inline-block;
	}
	  
.fc-table-div ul {
	clear: both;
	width: 100%;
	float: left;
	position: relative;
	}
	  
.fc-table-div ul li {
	color: #000;
	width: 20%;
	float: left;
	position: relative;
	padding-top: 40px;
	margin-right: 5%;
	list-style: none;
	}
	  
.fc-table-div ul li:last-child { margin-right: 0; }
	  
.fc-img-div img {
	max-width: 100%;
	height: auto;
	}
	  
.fc-h2-div { min-height: 0; }
	  
.fc-h2-div h2 {
	font-size: 1.75em;
	font-weight: 100;
	margin: 0 0 .2em 0;
	line-height: 1.2em;
	letter-spacing: -0.01em;
	}
	  
.fc-p-div {
	margin-top: 10px;
	margin-bottom: 40px;
	}
	  
.fc-p-div p {
	font-size: .875em;
	font-weight: 300;
	margin: 0 0 .5em 0;
	line-height: 1.46em;
	}
	  
.fc-button-div {
	min-height: 40px;
	margin-top: 30px;
	margin-bottom: 40px;
	}
	  
.fc-button-div .fc-button {
	color: #fff;
	background-color: #0078d7;
	border: 2px solid transparent;
	outline: none;
	display: inline-block;
	font-size: .875em;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	padding: 5px 16px 5px 16px;
	margin-right: 2%;
	cursor: pointer;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
	}

.fc-button-div .fc-button:hover {
	background-color: #0060ac;
	color: #fff;
	-webkit-transition: background-color 0s;
			transition: background-color 0s;
	}

.fc-button-div .fc-button:hover,
.fc-button-div .fc-button:focus {
	border: 2px solid #005aa1;
	}

.fc-button-div .fc-button:active {
	background-color: #004881;
	-webkit-transition: background-color 0s;
			transition: background-color 0s;
	}
	  
.all-categories-link-banner { background-color: #0078d7; }
	  
.all-categories-link-banner-container {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
	}
	  
.all-categories-link-banner-container h2 {
	display: inline;
	font-size: 1.5em;
	vertical-align: middle;
	margin: 0 0 .2em 0;
	letter-spacing: -0.01em;
	line-height: 1.2em;
	font-weight: 100;
	color: #fff;
	}
	  
.all-categories-link-banner-container a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	font-size: .875em;
	font-weight: 400;
	cursor: pointer;
	background-color: #fff;
	border: 2px solid #fff;
	color: #0078d7;
	margin: 16px 0 16px 15px;
	padding: 5px 18px;
	-webkit-transition: all .15s;
	transition: all .15s;
	}
	  
.all-categories-link-banner-container a:hover, .all-categories-link-banner-container a:focus {
	border-color: #bfbfbf;
	color: #0078d7;
	}

.all-categories-link-banner-container a:active {
	background-color: #cce4f7;
	}
	  
.featured-products {
	display: inline-block;
	width: 100%;
	padding-top: 35px;
	margin-bottom: 35px;
	}

.fp-list-h1 {
	text-align: center;
}
	  
.fp-list-h1 h1 {
	display: inline;
	font-size: 2.125em;
	font-weight: 100;
	color: #000;
	line-height: 1em;
	letter-spacing: -0.01em;
	margin: 0 0 .2em 0;
	}
	  
.fp-link {
	display: block;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	}
	  
.fp-featured-product {
	display: block;
	margin-top: 26px;
	width: 22%;
	float: left;
	margin-right: 3%;
	cursor: pointer;
	}
	  
.fp-featured-product .fc-button-div { display: none; }
	  
.fp-thumb {
	min-height: 0px;
	display: inline-block;
	width: 100%;
	}
	  
.fp-thumb a { display: block; }
	  
.fp-img-wrapper img { 
	max-width: 100%;
	height: auto;
	}
	  
.fp-details {
	width: 90%;
	margin: 0 auto;
	position: relative;
	margin-bottom: 28px;
	color: #333;
	text-align: center;
	min-height: 8em;
	}

.fp-details .tag {
	position: absolute;
	width: 100%;
	top: 10px;
}

.fp-details .tag-compact {
	background: transparent;
	border: 1px solid #f46c0e;
	color: #f46c0e;
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	padding: 0 11px;
	display: inline-block;
}
	  
.fp-details h3 {
	text-decoration: none;
	font-size: 18px;
	line-height: 1.44444em;
	font-weight: 300;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 94px;
	color: #333;
	display: inline-block;
	width: 100%;
	padding-top: 44px;
	}
	  
.fp-featured-product:hover .fp-details h3 { color: #0078d7; }
	  
.fp-details div {
	display: none;
	font-size: .8125em;
	line-height: 1.61111;
	font-weight: 300;
	}
	  
.fp-details p {
	font-size: 18px;
	font-weight: 400;
	}

.fp-details .byline {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.85714;
	color: #999;
	display: inline-block;
	text-decoration: line-through;
}
	  
.fp-cta-block {
	min-height: 47px;
	margin-bottom: 33px;
	}
	  
.fp-cta-block .fp-cta-button {
	display: inline-block;
	background-color: #0078d7;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: .875em;
	font-weight: 500;
	padding: 7px 15px 7px 15px;
	margin-top: 10px;
	margin-bottom: 2px;
	}
	  
.fp-cta-block .fp-cta-button:hover, .fp-cta-block .fp-cta-button:focus { background-color: #003963; }
	  
.dual-block {
	clear: both;
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: 100px;
	}
	  
.dual-block-wrapper {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	}
	  
.left-block {
	float: left;
	width: 50%;
	position: relative;
	padding-left: 0;
	padding-right: 0;
	}
	  
.lb-image-container img {
	width: 100%;	
	max-width: 100%;
	height: auto;
	}
	  
.desktop-image { display: block; }
	  
.tablet-image, .mobile-image { display: none; }
	  
.db-text-overlay {
	position: absolute;
	top: 0;
	width: 90%;
	max-width: 590px;
	height: 100%;
	}
	  
.left-db-overlay { left: auto;right: 0; }
	  
.right-db-overlay { left: 0;right: auto; }
	  
.text-overlay-container {
	position: relative;
	width: 45%;
	max-width: 665px;
	min-width: 195px;
	margin-top: 8%;
	}
	  
.left-text-overlay { margin-left: 0; }
	  
.right-text-overlay { margin-left: auto;margin-right: 0; }
	  
.text-overlay-container .db-header {
	color: #373a36;
	font-size: 1.875em;
	font-weight: 100;
	line-height: 1.2em;
	letter-spacing: -0.01em;
	margin: 0 0 .2em 0;
	}
	  
.text-overlay-container .dp-p {
	color: #000;
	font-size: .8125em;
	line-height: 1.46em;
	font-weight: 300;
	}
	  
.shameless-self-promotion {
	background-color: #0078d7;
	width: 100%;
	max-width: none;
	font-size: 100%;
	}
	  
.shameless-self-promotion-container {
	display: block;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}
	  
.shameless-self-promotion-container ul {
	display: inline-block;
	width: 100%;
	padding-top: 46px;
	padding-bottom: 48px;
	}
	  
.shameless-self-promotion-container ul li {
	float: left;
	width: 30%;
	height: auto;
	margin-right: 5%;
	list-style: none;
	}
	  
.shameless-self-promotion-container ul li:last-child { margin-right: 0; }
	  
.shameless-self-promotion-container ul li a { display: block;text-decoration: none; }
	  
.shameless-self-promotion-container ul li a:hover .image-stack-content-container div p, 
.shameless-self-promotion-container ul li a:focus .image-stack-content-container div p 
	 { text-decoration: underline; }
	  
.image-stack {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	}
	  
.image-stack-img-container {
	float: left;
	width: 35%;
	padding-right: 5%;
	}
	  
.image-stack-img-container img {
	display: block;
	max-width: 100%;
	height: auto;
	}
	  
.image-stack-content-container {
	float: left;
	width: 65%;
	}
	  
.image-stack-content-container div {
	float: none;
	display: inline;
	}
	  
.image-stack-content-container div h2 {
	color: #fff;
	display: block;
	position: relative;
	text-decoration: none;
	font-size: 22px;
	line-height: 1.25;
	font-weight: 300;
	margin: 0 0 0.66em 0;
	}
	  
.image-stack-content-container div p {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	margin: 0 0 8px 0;
	}

@media only screen and (min-width: 540px) {
	.image-stack-content-container div h2 {
	  	font-size: calc(21px + 0.22vw)
	}
	
	.image-stack-content-container div p {
		font-size: calc(15px + 0.22vw)
	}
}

@media only screen and (min-width: 1400px) {
	.image-stack-content-container div h2 {
	  	font-size: 24px
	}
	
	.image-stack-content-container div p {
		font-size: 18px
	}
}

@media only screen and (max-width: 767px) {
	.image-stack-img-container {
		float: none;
		width: 100%;
		padding-right: 0;
		text-align: center;
	}

	.image-stack-content-container {
		float: none;
		width: 100%;
		margin-top: 18px;
		text-align: center;
	}

	.image-stack-img-container img {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 539px) {
	.image-stack-img-container {
		float: left;
		width: 35%;
		padding-right: 5%;
		text-align: left;
	}

	.image-stack-content-container {
		float: left;
		width: 65%;
		margin-top: 0;
		text-align: left;
	}

	.image-stack-img-container img {
		margin: 0;
	}

	.shameless-self-promotion-container ul {
		display: block;
		padding-top: 48px;
		padding-bottom: 0;
	}

	.shameless-self-promotion-container ul li {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 0;
		margin-bottom: 45px;
		margin-right: 0;
	}

	.image-stack {
		display: table;
		width: 100%;
		max-width: 100%;
	}
}
	  
.hero-list-item {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	}
	  
.hli-img-container { position: relative; }
	  
.hli-img-container img {
	max-width: 100%;
	height: auto;
	}
	  
.hli-text-container {
	max-width: 1180px;
	width: 90%;
	margin: 0 auto;
	}
	  
.hli-text-container .text-overlay {
	position: absolute;
	width: 35%;
	top: 0;
	left: auto;
	right: auto;
	padding-top: 5%;
	}
	  
.hli-text-container .text-overlay h1 {
	color: #0078d7;
	font-size: 1.875em;
	font-weight: 100;
	line-height: 1.25em;
	letter-spacing: -0.01em;
	margin: 0 0 .2em 0;
	margin-bottom: 3px;
	}
	  
.hli-text-container .text-overlay p {
	color:#000;
	font-size: .8125em;
	font-weight: 300;
	line-height: 1.46em;
	margin: 0 0 .5em 0;
	margin-bottom: 20px;
	}
	  
.never-right-margin { margin-right: 0 !important; }
  
/* ======================= Index Page / cs3-index.jsp ======================= */

.tp-banner-container ul { overflow: visible !important; }
  
.tp-banner-container {
	position: relative;
    height: 300px; 
  	width: 100%;
	font-size: 100%;
	}
	  
.tp-bannertimer { visibility: hidden !important; }
	
.tp-bullets.simplebullets.round .bullet {
	background: url(/content/slider-bullets.png);
	height: 10px;
	width: 10px;
	margin-left: 6px;
	margin-right: 6px;
	top: 15px;
	}

.tp-bullets.hidebullets { opacity: 1 !important; }
	  
.tp-bullets { z-index: 20 !important; }	

.tp-bullets.simplebullets.round {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	height: 2.5em !important;	
	bottom: 0 !important;
	}

.fullBillMargin { margin-top: 4em !important; }

.primaryBillboard { margin: 0 !important; }

.primaryBillboard .fullWidthIndexBillboardContainer { min-height: 18.75em; }

.fullWidthIndexBillboard {
	clear: both;
	position: relative;
	display: block;
	margin: 0;
	overflow: auto;
	}

.indexBillboardGrayGradientBack {
	background: -webkit-linear-gradient(#e0e0e0, #f5f5f5);
  	background: -o-linear-gradient(#e0e0e0, #f5f5f5);
  	background: -moz-linear-gradient(#e0e0e0, #f5f5f5);
  	background: linear-gradient(#e0e0e0, #f5f5f5);
	}

.indexBillboardGrayBack { background-color: #eee; }

.indexBillboardMedGrayBack { background-color: #d2d2d2; }

.indexBillboardFiftyGrayBack { background-color: #505050; }

.indexBillboardDarkGrayBack { background-color: #333; }

.indexBillboardRedBack { background-color: #e81123; }

.indexBillboardCyanBack { background-color: #00bcf2; }

.indexBillboardPurpleBack { background-color: #5c2d91; }

.indexBillboardBrandBlueBack { background-color: #0078d7; }

.indexBillboardGreenBack { background-color: #117D10; }
  
.fullWidthIndexBillboardContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	max-width: 1180px; 
	margin: 0 auto; 
	padding: 1.875em 0;
	}
  
.fullWidthIndexBillboardImageContainer {
	position: relative;
	float: left;
	width: 50%;
	left: 50%;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 1px;
	}
  
.fullWidthIndexBillboardImageContainer img {
	display: block; 
	width: 100%;
	height: auto;
	}
  
.fullWidthIndexBillboardTextContainer {
	position: relative;
	float: left;
	width: 50%;
	right: 50%;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 1px;
	}

.indexBillboardBlackText { color: #333; }

.indexBillboardWhiteText { color: #fff; }

.fullWidthIndexBillboardTextContainer span {
	color: #fff;
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: .9em;
	line-height: 1.4;
	padding: .2083em .69441em;
	}

.indexBillRedBadge { background-color: #e03400; }

.indexBillDeepBlueBadge { background-color: #00188f; }

.indexBillBlackBadge { background-color: #000; }
  
.fullWidthIndexBillboardTextContainer p {
	font-size: 2em; 
	line-height: 1.1; 
	font-weight: 100;
	margin: 0.35em 0 1em;
	letter-spacing: -0.01em;
	}

.fullWidthIndexBillboardTextContainer a.catPageLinks {
	clear: both;
	display: block;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.1em; 
	line-height: 1.4; 
	font-weight: 300; 
	white-space: nowrap;
	margin-bottom: .5em;
	}

a.catPageBlueLink { color: #0078d7; }

a.catPageWhiteLink { color: #fff; }

.fullWidthIndexBillboardTextContainer a.catPageLinks:hover, .fullWidthIndexBillboardTextContainer a.catPageLinks:focus { text-decoration: underline; }
  
a.fullWidthBillboardButton {
	display: inline-block; 
	background-color: #ffb900; 
	color: #333;
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 1em; 
	line-height: 1.5; 
	font-weight: 400; 
	text-align: center;
	text-decoration: none; 
	padding: .375em 1.5625em; 
	white-space: nowrap; 
	margin: 0 0 0.5em 0;
	}
  
a.fullWidthBillboardButton:hover, .fullWidthIndexBillboardTextContainer a.fullWidthBillboardButton:focus {
	background-color: #ff8c00;
	color: #fff;
	}
  
a.fullWidthBillboardButton:active {
	position: relative;
	top: 2px;
	}

.bodyBillboard {
	position: relative;
	display: block;
	width:	100%;
	padding-top: 4em;
	} 

.bodyBillboardContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	max-width: 1180px; 
	margin: 0 auto; 
	padding: .875em 0 1.25em;
	}

.bodyBillboardImageContainer {
	width: 50%;
	left: 50%;
	position: relative;
	float: left;
	padding: 0 15px;
	}
  
.bodyBillboardImageContainer img {
	display: block; 
	width: 100%;
	height: auto;
	}

.bodyBillboardTextContainer {
	width: 50%;
	right: 50%;
	position: relative;
	float: left;
	font-size: 100%;
	padding: 0 15px;
	}

.bodyBillboardTextHeader {
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 2.5em; 
	line-height: 1.25; 
	font-weight: 100; 
	color: #333;
	margin-bottom: .5em;
	}
  
.bodyBillboardTextContainer p {
	font-family: 'Roboto', Arial, sans-serif; 
	font-size: 1.25em; 
	line-height: 1.25; 
	font-weight: 300; 
	color: #333;
	margin-bottom: 1em;
	}

.fixedNavPlaceholder {
	display: none;
	height: 40px;
	}
	  
.topCatNav {
	clear: both;
	display: block;
	width: 100%;
	z-index: 1;
	background-color: #0C0B17;
	height: 2.5em;
	}
	  
.topCatNavContainer {
	width: 90%;
	max-width: 1180px;
	padding: 0;
	margin: 0 auto;
	}
	  
.topCatTitle {
	display: block;
	float: left;
	color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	line-height: 2.5em;
	white-space: nowrap;
	margin-right: .8125em;
	}
	  
.topCatNavLinks {
	float: left;
	width: 82%;
	height: 2.5em;
	overflow: hidden;
	}
	  
.topCatNavList {
	line-height: 2.5em;
	list-style-type: none;
	overflow: hidden;
	}
	  
.topCatNavList li {
	float: left;
	display: block;
	}
	  
.topCatNavList li a {
	display: inline;
	color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
    font-weight: 300;
	border-right: 1px solid #fff;
	padding: 0 0.75em;
	white-space: nowrap;
	text-decoration: none;
	}

.topCatNavList li:first-child a { padding-left: 0; }
	  
.topCatNavList li:last-child a { border-right: none; }
	  
.topCatNavList li a:hover, .topCatNavList li a:focus { color: #bdbdbd; }
	  
.fixed {
	position: fixed;
	width: 100%;
	top: 0; 
	height: 40px; 
	z-index: 10;
	background-color: rgba(26,26,26,0.9);
	}
  
#indexGrandWrap {
  	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
} 
	  
.topSectionContainer, .middleSectionContainer , .bottomSectionContainer {
	display: table;
	width: 100%;
	}
	  
.fourColumns {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 3.75em;
	}

.fourColumnsLastChild { padding-bottom: 3.75em; }
	  
.fourColumns h1 {
	clear: both;
	float: left;
	color: #333;
	font-size: 1.875em;
  	line-height: 1.25;
	font-weight: 100;
	margin: 0 0 .5em;
	letter-spacing: -0.01em;
	}
	  
.fourColumnRow {
	clear: both;
	float: left;
	width: 100%;
	}
	  
.fourColumnRow .productUnit {
	position: relative;
	float: left;
	width: 23.5%;
	margin-left: 2%;
	}

.fourColumnRow .productUnit:first-child { margin-left: 0; }

.twoColumns {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 4em;
	}
	  
.twoColumns h1 {
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2em;
  	line-height: 1.25;
	font-weight: 100;
	margin: 0 0 .5em;
	}

.twoColumnRow {
	clear: both;
	float: left;
	width: 100%;
	}
	  
.twoColumnRow .captionUnit {
	position: relative;
	float: left;
	width: 48.5%;
	margin-left: 3%;
	}

.threeColumns {
	position: relative;
	float: left;
	width: 100%;
	padding-top: 2em;
	}
	  
.threeColumns h1 {
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2em;
  	line-height: 1.25;
	font-weight: 100;
	margin: 0 0 .5em;
	}
	  
.threeColumnRow {
	clear: both;
	float: left;
	width: 100%;
	}
	  
.threeColumnRow .productUnit {
	position: relative;
	float: left;
	width: 31.333%;
	margin-left: 3%;
	background-color: #f5f5f5;
	padding: 3% 6%;
	}
	  
.productUnit {
	position: relative;
  	display: inline-block;
	float: left;
	width: 32%;
	margin-left: 2%;
	}
	  
.productUnit a.productLink {
	text-decoration: none;
	display: table;
    width: 100%;
	}
	  
.productLink:hover h3, .productLink:focus h3 { text-decoration: underline; } 

.savePriceBadge {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0078d7;
	color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
  	line-height: 1.4;
	font-size: .875em;
	font-weight: 500;
	padding: .2em .875em;
	opacity: 0.9;
	z-index: 1;
	}

.indexMobileBadge {
	display: none;
	font-size: 1em;
	font-weight: 500;
	color: #e03400;
	margin-bottom:.625em;
	}

.featuredProductsBodyTag {
	min-height: 1em;
	font-size: .8125em;
	line-height: 1em;
	font-weight: 500;
	color: #757575;
	margin-top:.3125em;
	}
	  
.productLink img {
	width: 100%;
	height: auto;
	}
	  
.productLink h3 {
	color: #0078d7;
	margin-top: .3125em;
  	line-height: 1.4em;
	min-height: 2.75em;
	font-size: 1em;
	font-weight: 300;
	}
	  
.productDescription {
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: .875em;
	line-height: 1.4;
	margin: .666em 0 1.25em;
	}

.productUnitDescription {
	color: #333;
	font-weight: 300;
	font-size: 0.8125em;
	line-height: 1.5em;
	margin: .6154em 0 1.15383em;
	}
  
.wasUnitPrice {
	font-size: 0.8125em;
	font-weight: 300;
	color: #757575;
	}  

.wrapPrice {
	font-weight: 300;
	color: #333333;
	}  

.priceWrapper {
	font-weight: 300;
	color: #333333;
	}  
	  
.productPrice {
  	line-height: 1.4em;
	font-weight: 500;
	color: #333333;
	}

.productUnitPrice {
  	line-height: 1.4em;
	font-weight: 500;
	color: #333333;
	}
	  
.saveHighlight {
	font-size: 0.875em;
	font-weight: 400;
	color: #e03400;
	margin-top: 0.333em;
	}

.productCaptionBox {
	display: block;
	width: 100%;
	max-height: 6em;
	background-color: #0C0B17;
	padding: .75em 1.25em .875em;
	overflow: hidden;
	}

.captionUnit a { text-decoration: none; }

.captionImageContainer { position: relative; }

.captionImage { background-color: #f5f5f5; }

.captionImageOverlay {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #0C0B17;	
	opacity: 0.8;
	}

.captionImageTextContainer {
	display: block;
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	}

.captionImageTextContainer span {
	position: relative;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 400;
  	line-height: 1.5;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	padding: .375em 1.5625em;
	margin: 0 auto;
	}

.captionImageTextContainer span:hover, .captionImageTextContainer span:focus  {
	color: #333;
	background-color: #fff;
	}

.captionHeading {
	color: #00bcf2;
	margin-bottom: .625em;
	font-family: 'Roboto', Arial, sans-serif;
  	line-height: 1.25;
	font-size: 1.125em;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.captionDescription {
	color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: .8125em;
	line-height: 1.4;
	}

.captionDescription span { font-weight: 400; }

.captionUnit:hover .captionImageOverlay { display: block; }
	  
.clearFloat { clear:both; }
	  
.thousandWrapper {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}
	  
#indexpage { margin-bottom:0; }

.tp-banner li {
	width: 100%;
	max-height: 300px;
	background-color: #f5f5f5;
	}

.tp-caption slide {
	display: block;
	position: relative;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	white-space: normal;
	}

.mobileCap {
	position: absolute;
	margin-top: 2%;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 40.5%;
	}

.slideImage {
	display: block;
	float: right;
	width: 100%;
	height: auto;
	}
	  
.slideHeader {
	font-size: 2em;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 100;
	color: #333;
	line-height: 1.1;
	}
	  
.slideCopy {
	font-size: 16px;
	font-family: 'Roboto', Arial, sans-serif;
	color: #333;
	font-weight: 300;
	margin: 1em 0 1.25em;
	line-height: 1.4;
	}
	  
.slideCta {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	color: #069;
	font-weight: 300;
	margin-top: 1em;
	display: inline-block;
	}
	  
a.slideButton {
	display: inline-block;
	text-align: center;
	background: #ffb900;
	color: #333 !important;
	font-size: 1em;
	font-weight: 400;
	line-height: normal;
	padding: .5em 1.5em; 
	text-decoration: none;
	transtion: background 0.3s;
	-webkit-transtion: background 0.3s;
	}

a.slideButton:hover, a.slideButton:focus { background: #ff8c00; color: #fff !important; text-decoration: none; }

a.slideButton:active { 
	-webkit-transform: scale3d(0.9, 0.9, 1);
	transform: scale3d(0.9, 0.9, 1);
	}	

.indexAssuranceContainer {
	position: relative;
	display: inline-block;
	float: left;
	width: 23.5%;
	margin: 0 0 0 2%;
	}

.indexAssuranceContainer:first-child { margin-left: 0; }
	  
.indexAssuranceContainer a {
	display: block;
	margin-bottom: 1.25em;
	text-decoration: none;
	}
	  
.indexAssuranceContainer a:hover .assuranceCta, .indexAssuranceContainer a:focus .assuranceCta { text-decoration: underline; }
	  
.indexAssuranceContainer a img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
	}
	  
.indexAssuranceContainer a h2 {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.2;
	color: #333;
	margin: 0;
	padding: .7em 0 .1em;
	}
	  
.indexAssuranceContainer .assuranceCta {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.4;
	color: #0078d7;
	margin: .625em 0;
	min-height: 44px;
	}
	  
.tscNoMaxWidth { max-width: none !important; }
	  
#newsletterPopupLabel { display: block; width: 100%; }
	  
#newsletterSignupPopup .mc-field-group { width: 100%; }
	  
#newsletterSignupPopup #popupNewsletterEmail { max-width: none; width: 60%; }

/* ======================= Category link list / all-categories-link-list.jsp ======================= */

#breadWithDead {
	padding: 1.333em 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: .75em;
	font-weight: 300;
	color:#666;
	}
  
.twoEmHeading {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2em;
	font-weight: 100;
	line-height: 1.25em;
	color: #333;
	margin: 0;
	}
	  
.threeColumnGrid {
	clear: both;
	float: left;
	width: 100%;
	}
	  
.threeColumnGridUnit {
	position: relative;
	float: left;
	width: 32%;
	margin-left: 2%;
	margin-right: 0;
	}
	  
.threeColumnGridUnit:first-child { margin-left: 0; }
	  
.subheader { margin: 1.625em 0 .625em; }
	  
.subheader a, .subheader span { font-size: 1.25em; font-weight: 300; }
	  
.subheader a i { margin-left: .4em; }
	  
.subcategoryLink a { font-size: 1em; font-weight: 300; }
  
/* ======================= No Search Results / no-search-results.jsp ======================= */
		
#noSearchContainer {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}
  
#noSearchContainer > #topCategories {
	margin: 40px 0;
	float: left;
	}

#noSearchTopTitle {
	color: #333;
	margin-bottom: 16px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.625em;
	font-weight: 100;
	}

#categoryLinks {
	float: left;
  	margin-right: 40px;
	}

.categories a, .categories a:visited {
  	display: block;
	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .875em;
	list-style-type: none;
	line-height: 1.25;
  	padding: 3px 0;
	color: #0078d7;
	}
	
.categories a:hover { text-decoration: underline; }
	
#topCategories ul { list-style-type: none; }
	
#noSearchBread {
	padding: 16px 0;
	font-size: .75em;
  	font-weight: 300;
	color: #666;
	}
	
#noSearchBread .bread { cursor: text; }
	
#noSearchMess {
  	margin: 0;
  	margin-bottom: .5em;
  	padding: 0;
	font-weight: 100;
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2.5em;
	line-height: 1.25;
	}
	
#noSearchMessSub {
	margin: 0;
	font-weight: 300;
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	}
	
#noSearchMessSub span {
	font-weight: 500;
	color: #333;
	}
	
#categoryColTwo {
	float: left;
	margin-right: 40px;
	}
	
#categoryColThree {
	float:left;
	}

/* ======================= Faceted Search Page / facet-results-2.jsp =======================*/

.rating-wrapper {
	height: auto;
	margin-top: 4px;
	margin-bottom: 7px
}

.rating-wrapper .group-stars .on,
.rating-wrapper .group-stars .off {
	width: 13px;
	height: 12px;
	margin-right: 4px;
	background-size: 100%
}

.rating-wrapper .ind_cnt {
	display: none !important
}

.breadcrumbs {
  	color: #666;
	font-size: .75em;
	font-weight: 300;
	margin: 1.33333em 0;
}	
.breadcrumbs a {
  	color: #666;
}	
.breadcrumbs a:hover {
  	color: #333;
}	
.breadcrumbs span {
  	padding: 0 .417em;
}  
a.subcategory {
	float: left;
	width: 21.25%;
	margin-right: 5%;
	margin-bottom: 2em;
	text-decoration: none;
}
a.subcategory:nth-child(4n) {
	margin-right: 0;
}
a.subcategory:hover .subcategory-text-container h3 {
	color: #0078d7;
}
.subcategory-text-container h3 {
	color: #333;
	font-weight: 300;
	text-align: center;
	padding-top: .625em;
}
.product-list-wrapper {
	clear: both;
	padding-top: .9375em;
}  
.product-list-wrapper .outer.product-row,
.product-list-wrapper .inner-product-row,
.product-list-wrapper .product-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.lt-ie9 .product-list-wrapper .outer.product-row,
.lt-ie9 .product-list-wrapper .product-row {
	width: 100%;
	display: block;
}
.lt-ie9 .product-list-wrapper .inner-product-row {
	width: 50%;
	display: block;
}
.product-list-wrapper .product-row,
.product-list-wrapper .inner-product-row {
	margin-bottom: 1.875em;
}  
.product-list-wrapper .outer.product-row,
.product-list-wrapper .product-row {
	width: 100%;
}  
.product-list-wrapper .inner-product-row {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
}  
.product-list-wrapper .outer.product-row .inner-product-row .product {
	width: 50%;	
}
.product-list-wrapper .product {
	display: block;
	float: left;
	width: 25%;
	border: 1px solid #d6d6d6;
	border-left: 0;
	text-decoration: none;
}
.lt-ie9 .product-list-wrapper .product {
	border: none;
}
.product-list-wrapper .inner-product-row:nth-child(2) .product:first-child {
	border-left: 0;
}  
.product-list-wrapper .product:first-child {
	border-left: 1px solid #d6d6d6;
}
.lt-ie9 .product-list-wrapper .product:first-child {
	border-left: none;
}
.product-list-wrapper .product:hover .image-container>img {
	color: #0078d7;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}
.product-list-wrapper .product:hover h2.small-heading {
	color: #0078d7;
}
.product-list-wrapper .product .image-container {
	width: 100%;
	position: relative;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1.25em;
}  
.product-list-wrapper .product .image-container img {
	width: 100%;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
.product-list-wrapper .product .content-container {
	width: 100%;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 1.25em;
	overflow: hidden;
}
.product-list-wrapper .product .content-container .small-heading {
	color: #333;
	min-height: 2.75em;
	font-family: 'Roboto';
	font-size: 1em;
	font-weight: 500;
	line-height: 1.375em;
	margin-top: .3125em;
	margin-bottom: 0
}
.product-list-wrapper .product .content-container .product-price {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}
.product-list-wrapper .product .content-container .ogPrice {
	font-size: 11px;
	line-height: 1.5;
	font-weight: 300;
	color: #888;
	display: inline-block;
	text-decoration: line-through;
	margin-left: 0.3em
}
.product-list-wrapper .product .content-container .available-or-out {
	color: #333;
	font-size: .875em;
	font-weight: 300;
	line-height: 1.53846em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}  
.product-list-wrapper .product .content-container .item-number-sku {
	color: #777;
	font-size: .6875em;
	font-weight: 300;
	margin-top: .625em;
	white-space: nowrap;
	overflow: hidden;
}	  
.fluid-container {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0;
}	  
.faceted-search {
	display: block;
	float: left;
	width: 23.40426%;
	background: #fff;
	z-index: 10;
}  
.faceted-search.active {
	display: block;
}
.facet-title-text {
	float: left;
	width: 90%;
}
.facet-title-heading {
	font-size: 1.75em;
	font-weight: 100;
	line-height: 1.14286;
	float: left;
	margin: 0.5em 0.3em 0 0;
}
.product-counter-container {
	display: none;
	font-size: 1em;
	font-weight: 300;
	white-space: nowrap;
	float: left;
	margin-top: 1.3125em;
}
.close-facets {
	display: none;
	float: right;
	font-size: 2.66666em;
	color: #333 !important;
}  
.close-facets:hover {
	color: #999 !important;
}
.facet-reset {
	width: 100%;
	float: right;
	margin-left: 0;
	margin-right: 0;
	clear: none;
}  
.facet-reset.top {
	margin: 0;
	margin-bottom: .875em;
}  
.facet-reset.bottom {
	margin-top: 1.875em;
	margin-bottom: 1.25em;
}
.clear-filters {
	display: block;
	font-size: .8125em;
}
.sub-facet {
	border-bottom: 1px solid #d6d6d6;
	clear: both;
}  
a.facet-title-toggle {
	display: block;
	font-weight: 400;
	color: #333;
	text-decoration: none;
	padding: .75em .5em .75em 0;
}  
a.facet-title-toggle .toggle-icon {
	float: right;
	margin: 0;
	padding: 0;
}
.facet-heading {
	font-size: .9375em;
	font-weight: 500;
}
.sub-facet li {
	font-size: 1em;
	line-height: 1.5;
	font-weight: 300;
	padding: .6em 0;
	padding-left: 1em;
}
.sub-facet li a {
	display: block;
	cursor: pointer;
	padding: .5em;
	font-weight: 300;
}  
.sub-facet .collapsing-menu {
	padding-bottom: 1em;
}  
.subcategories.sub-facet ul {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.subcategories.sub-facet li {
	font-size: .9375em;
	line-height: 1.2;
	padding: 5px 8px 4px;
	margin-bottom: .26666em;
	margin-left: -.53333em;
}  
.subcategories.sub-facet li .facet-filter-label {
	padding: .46666em .53333em .46666em .66666em;
	cursor: pointer;
	margin: 0;
	font-weight: 300;
	display: inline;
}  
.subcategories.sub-facet li .facet-filter-box {
	font-size: .8125em;
	float: left;
	margin-top: .25em;
	padding: 0;
	vertical-align: middle;
}  
.subcategories.sub-facet li .facet-filter-value {
	margin-right: .5em;
	text-transform: capitalize;
}
.subcategories.sub-facet li .facet-filter-quantity {
	position: relative;
	bottom: 1px;
	color: #777;
	font-size: .8125em;
	padding-left: .3em;
}  
.product-list-container {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 1.125em;
}
.product-list-container.faceted {
	clear: none;
	float: left;
	width: 74.4680851064%;
	padding-left: .9375em;
	margin-top: 1.125em;
}  
.inner-filters-container {
	clear: both;
	width: 95%;
	margin: 0 auto;
}  
.sorting-container {
  	font-size: .8125em;
	font-weight: 300;
	float: right;
}
.sorting-container label {
	color: #777;	
}  
.product-list-wrapper.faceted {
	clear: both;
	width: 95%;
	padding-top: .875em;
	margin: 0 auto;
}
.product-list-wrapper.faceted .product.faceted {
	width: 33.3333333333% !important;
}  
.sorting-by-select {
	margin: 0 .125em;
	padding: 0;
	color: #333;
	border: 1px solid #d6d6d6;
}  
.items-displayed-container {
	float: left;
	color: #777;
	font-size: .8125em;
	font-weight: 300;
}  
.filtering-by-container {
	display: none;
	width: 100%;
	float: right;
	padding: 1.25em 0 0 1.25em;
}  
.filtering-by-container.has-filters {
	display: block;
}  
.filtering-by-label {
	font-size: .8125em;
	margin-right: .25em;
}  
.filtering-by-links .filter {
	display: inline-block;
	font-size: .6875em;
	margin: .45455em 1em 1.18182em 0;
	position: relative;
	text-decoration: none;
}  
.filtering-by-links .filter .text-section {
	display: block;
	position: relative;
	border: 1px solid transparent;
	background-color: #f2f2f2;
	color: #666;
	padding: .36364em 2.09091em .36364em .63636em;
}  
.filtering-by-links .filter .text-section:hover {
	border-color: #666;
	color: #333;
}  
.filtering-by-links .filter .text-section .x-icon {
	position: absolute;
	right: 6px;
	top: -1px;
	font-size: 1.54545em;
	font-weight: 300;
}  
.no-products-found {
	font-weight: 300;
}  
.medium-bottom-margin {
	margin-bottom: 2.5em;
}  
.refine-results-mobile-link {
	display: none;
	clear: left;
	font-size: .8125em;
	line-height: 1.1;
	padding-top: .46154em;
}  
.refine-results-mobile-link .refine-results-link {
	display: inline;
	padding-right: .76923em;
	color: #0078d7;
}  
a .right-arrow-container {
	position: relative;	
}  
a .right-arrow-container .right-arrow {
	font-size: 16px;
	position: absolute;
	left: 5px;
	bottom: 0;
}
.sale-heading {
	color: #111;
	font-size: 80px;
	line-height: 1.0625;
	font-weight: 600;
	letter-spacing: .075em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0
}
.sale-subheading {
	font-size: 22px;
	line-height: 1.45455;
	font-weight: 300;
	letter-spacing: .016em;
	text-align: center;
	margin-bottom: 40px
}
@media only screen and (max-width: 1068px) {
	.sale-heading {
        font-size: 59px;
        line-height: 1.10227;
        font-weight: 600;
        letter-spacing: -.025em
	}
	.sale-subheading {		
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        letter-spacing: .017em
	}
}
@media only screen and (max-width: 735px) {
	.sale-heading {		
        font-size: 38px;
        line-height: 1.15825;
        font-weight: 600;
        letter-spacing: .009em
	}
	.sale-subheading {		
        font-size: 19px;
        line-height: 1.47384;
        font-weight: 300;
        letter-spacing: .018em
	}
}


.large-heading {
	font-size: 2.5em;
	line-height: 1.125;
	font-weight: 100;
}	
.search-results-heading {
  	margin-bottom: .075em;
}	
.search-results-byline {
	font-size: 1.125em;
	line-height: 1.2;
	font-weight: 300;
	margin-bottom: .88888em;
}  
.search-results-byline span {
	font-weight: 400;	
}
  
.category-copy {
	font-weight: 300;
	line-height: 1.45em;
}  
.category-copy ul {
	margin-left: .4375em;
	padding-left: .9375em;
}  
.bottom.category-copy {
	padding-bottom: 4.375em;
}  
.loading-counter-container {
	clear: both;
	width: 95%;
	margin: -3.75em auto 0;
	height: 3.75em;
}  
.loading-counter-container .loading-counter {
	color: #333;
	font-size: 1em;
	font-weight: 300;
	line-height: 3.75em;
	text-align: center;
}  
.loading-counter-container .loading-counter i {
	color: #333;
	margin-right: .58333em;
	font-size: 1.5em;
	vertical-align: middle;
}  
.load-next-page-container {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 3.75em;
	display: block;
	position: relative;
	text-align: center;
	z-index: 1;
}  
.subcategory-container {
	width: 100%;
	padding-top: 1.875em;
	margin-bottom: 3.75em;
}  
.subcategory-container a.subcategory-link {
	display: block;
	float: left;
	width: 25%;
	padding: 1em;
	text-decoration: none;
}  
a.subcategory-link:hover .text-container h5 {
	color: #0078d7;
}  
a.subcategory-link .image-container {
	width: 100%;
	text-align: center;
}  
a.subcategory-link .image-container img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 150px;
	margin: 0 auto;
}  
a.subcategory-link .text-container {
	padding: 20px 0 30px;
}  
a.subcategory-link .text-container h5 {
	color: #000;
	text-align: center;
	font-size: 1em;
	height: 60px;
	overflow: hidden;
	word-break: break-word;
	line-height: 1.25;
	font-weight: 300;
	-webkit-transition: color .3s cubic-bezier(.645, .045, .355, 1);
	transition: color .3s cubic-bezier(.645, .045, .355, 1);
}
#subCategory h1 {
	margin: 0 0 .125em 0;
}  
.googleSpies {
	display: inline-block
}
.pagination-block {
	position: relative;
	float: left;
	width: 100%;				  
}
.pagination-align {
	position: relative;
	height: 2.25em;
	width: 100%;				  
}
.pagination {
	position: absolute;
	width: auto;
	left: 46%;				  
}
.paddle-navigation {
	list-style: none;
	margin: 0;				  
}
.paddle-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;		  
}
.paddlenav-arrow {
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0;
	line-height: 1;
	text-align: center;
	overflow: hidden;
	border-radius: 4px;
	width: 28px;
	height: 36px;
	background-color: #fff;
	color: #999;
	font-size: 34px;
}
.paddlenav-arrow.paddlenav-arrow-left {
	left: -140px;			  
}
.paddlenav-arrow.paddlenav-arrow-right {
	right: -140px;			  
}
.paddlenav-arrow i {
	transition: 250ms opacity linear,250ms color linear;
	-webkit-text-stroke: 1px white;
}
.paddlenav-arrow i.active {
	color: #333;		  
}
.paddlenav-arrow.live:hover i.active {
	color: #0078d7;
}
.hidden-label {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;		  
}
.pagination-spacing {
	margin: 0 0 1.3em;			  
}
.pagination .pagination-text-box {
	width: 28px;
	height: 34px;
	border-radius: 2px;
	border: 1px solid #d2d2d2;
	text-align: center;
	font-size: 1em;
	font-weight: 300;
	font-family: 'Roboto';
}  
.pagination .pagination-text-box:focus {
	border-color: #0078d7;
	box-shadow: 0 0 0 3px rgba(0,120,215,.3);
}  
.pagination .pagination-total-pages {
	font-size: 1em;
	font-weight: 300;
	padding-left: .25em;
	color: #666;		  
}  
.hidden-page-links {
	display: none;
  }

.hidden-list-item, #more-facets {
	display: none;
}
  
.more-or-fewer-toggle {
	display: none;
	position: relative;
	top: 12px;
	margin-bottom: 1.125em;
	background-color: transparent;
	border: 0;
	font: inherit;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 300;
	color: #0078d7;
	text-align: left;
	cursor: pointer;
}  
.more-or-fewer-toggle:hover {
	text-decoration: underline;
}
.sort-wrapper {
	position: relative;
	float: right;
}
.sortbutton-wrapper {
	font-size: 13px;
	line-height: 1.84615;
	font-weight: 300;
	padding: 0;
}
.search-sortbutton {
	font-size: 13px;
	line-height: 1.84615;
	font-weight: 300;
	background: transparent;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
}
.search-sortbutton:hover .search-sort-selected {
	color: #000;	
}
.search-sortbutton .search-sortbylabel {
	color: #777;
	outline: none;
}
.search-sortbutton .search-sort-selected {
	color: #333;
	outline: none;
}
.search-sort-drawer {
	box-sizing: border-box;
	width: 241px;
	padding: 0 21px;
	opacity: 0;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	position: absolute;
	background: white;
	right: -50%;
	top: -1000px;
	border-radius: 2px;
	border: 1px solid #c6c6c6;
	box-shadow: 0 0 0 3px rgba(193,193,193,.3);
}
.tooltip-top:before, .tooltip-top:after {
    border-color: transparent;
    border-style: solid;
    border-top: 0;
    content: ' ';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    left: 50%;
}

.tooltip-top:before {
    border-bottom-color: #b1b1b1;
    border-width: 7px;
    top: -7px;
    margin-left: -7px
}

.tooltip-top:after {
    border-bottom-color: #fff;
    border-width: 6px;
    top: -6px;
    margin-left: -6px
}
.search-sort-drawer.open-drawer {
	position: absolute;
	opacity: 1;
	-webkit-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
	z-index: 9999;
	top: 37px
}
.search-sortoptions {
	box-sizing: border-box;  
}
.search-sort-list {
	list-style: none;
	margin: 0;
}
.search-sort-listitems {
	font-size: 15px;
	line-height: 1.13333;
	font-weight: 300;
	border-bottom: 1px solid #e3e3e3;
	padding: 12px 0;	  
}
a.search-sort-links {
	text-decoration: none;
	color: #333;
}
a.search-sort-links:hover {
	color: #0078d7;
}
.search-sort-links.search-selected-options {
	color: #999;
}
.search-sortbutton .angle-down-icon {
	outline: none;
}
.plus-to-x {
	color: #333;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: rotate(0) scale(.9);
	-ms-transform: rotate(0) scale(.9);
	transform: rotate(0) scale(.9);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
.plus-to-x.opened {
	-webkit-transform: rotate(45deg) scale(1);
	-ms-transform: rotate(45deg) scale(1);
	transform: rotate(45deg) scale(1)
}
.free-shipping-badge{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	background-color: #0078d7;
	color: #fff;
	padding: 0 12px;
	opacity: .9;
	z-index: 1;
}
.savings.free-shipping-badge{
	background-color: #FFD800;
	color: #000;
	font-weight: 400
}
.mobile-free-shipping-badge{
	display: none;
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
	background-color: transparent;
	color: #ff981e;
	border: 1px solid #ff981e;
	border-radius: 2px;
	padding: 0 11px;
	margin-bottom: .9375em;
}
.savings.mobile-free-shipping-badge{
	border: 0;
	border-radius: 0;
	color: #000;
	background-color: #FFD800;
	font-weight: 400
}
  
@media only screen and (max-width: 1179px) {
	.search-sort-drawer {
	  	right: 0;
	}
	.tooltip-top:before, .tooltip-top:after {
	  	left: 75%;
	}
}
  
@media only screen and (max-width: 767px) {
	.faceted-search	{
	  	overflow: hidden;
	  	opacity: 0;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	right: auto;
	  	width: 0;
	  	z-index: 10;
	  	min-height: 100%;
	  	padding: 0 5%;
	  	-webkit-transform: translateX(-100%);
	  	-ms-transform: translateX(-100%);
	  	transform: translateX(-100%);
	}	
	.faceted-search.active {
	  	opacity: 1;
	  	width: 100%;
	  	-webkit-transform: translateX(0%);
	  	-ms-transform: translateX(0%);
	  	transform: translateX(0%);
	  	-webkit-transition: opacity .6s,width .6s,-webkit-transform .6s;
		transition: opacity .6s,width .6s,transform .6s;
	}	
	.facet-reset.top {
		margin: 0;
	}	
	.product-list-container.faceted {
	  	width: 100%;
	  	float: left;
	}	
	.product-list-container.faceted, .product-list-container.faceted .sorting-container, .sorting-container, .filtering-by-container {
	  	padding-left: 0;
	}	
	.inner-filters-container, .product-list-wrapper.faceted {
	  	width: 100%;
	}	
	.refine-results-mobile-link {
	  	display: block;
	 }	
	.product-counter-container,
	.close-facets,
	a.apply-filter {
	 	display: block;
	}	
	a.close-facets {
	  	float: right;
	  	text-align: right;
	  	width: 10%;
	}	
	a.close-facets i {
	  	-webkit-text-stroke: 8px white; 
	}	
	.facet-reset a.clear-filters {
	  	display: inline-block;
	  	position: relative;
	  	top: -14px;
	}	
	.filtering-by-container a.clear-filters {
	  	margin-bottom: .92308em;
	}	
	.product-list-wrapper .outer.product-row {
	  	display: block;
	}	
	.product-list-wrapper .inner-product-row {
	  	width: 100%;
	  	margin-left: auto;
	  	margin-right: auto;
	}	
	.product-list-wrapper .inner-product-row:nth-child(2) .product:first-child {
		border-left: 1px solid #d6d6d6;	
	}  
	.subcategory-container a.subcategory-link {
		width: 50%;
	}
}  
@media only screen and (max-width : 539px) {
	.items-displayed-container {
	  	display: none;
	}
	.sorting-container {
	  	float: left;
	}
	a.apply-filter {
	  	width: 100%
	}	
	.large-heading {
		font-size: 1.5625em;
	}	
	.product-list-wrapper.faceted {
	  	padding-bottom: 1.875em;
	}	
	.product-list-wrapper .product-row {
		display: block;
		margin-bottom: 0;
	}	
	.product-list-wrapper .inner-product-row {
		display: block;
		margin-bottom: 0;
	}	
	.product-row:first-child .product.faceted:first-child,
	.inner-product-row:first-child .product:first-child {
	  	border-top: 1px solid #d6d6d6;
	}	
	.product-list-wrapper .inner-product-row:nth-child(2) .product:first-child {
		border-left: 0;	
	}	
	.product-list-wrapper.faceted .product,
	.product-list-wrapper.faceted .product.faceted {
	  	width: 100%!important;
	  	max-width: none;
	  	height: auto!important;
	  	clear: both;
		border-top: none;
	  	border-left: none;
	  	border-right: none;
	  	box-shadow: none;
	  	margin-top: .125em;
	  	margin-right: 0;
	  	margin-bottom: 0
	}	
	.product-list-wrapper .product .image-container {
	  	float: left;
	  	width: 33.3333333333%;
	  	padding: 0;
	  	margin: 1.25em 0 .9375em;
	  	text-align: center
	}	
	.product-list-wrapper .product .content-container {
	  	float: left;
	  	width: 66.6666666667%;
	  	padding: 1.25em 0 1.25em .625em;
	}	
	.product-list-wrapper .product .content-container .small-heading {
	  	margin-top: 0;
	  	margin-bottom: 0;
	  	min-height: 0;
	}  
	.subcategory-container a.subcategory-link {
		width: 100%;
	}	
	.pagination {
	  	left: 40%;
	}	
	.paddlenav-arrow.paddlenav-arrow-left {
	  	left: -100px;
	}	
	.paddlenav-arrow.paddlenav-arrow-right {
	  	right: -100px;
	}
	.search-sort-drawer {
	  	right: auto;
	  	left: 0;
	}
	.tooltip-top:before, .tooltip-top:after {
	  	left: 25%;
	}
	.search-sort-drawer.open-drawer {
	  	top: 30px;
	}
	.free-shipping-badge{
		display: none;
	}
	.mobile-free-shipping-badge{
		display: inline-block;
	}
}  

/* ======================= Category/Search Page / search-category.jsp ======================= */
  
.bread:link, .bread:visited {
    font-size: 12px;
  	font-weight: 300;
    color: #666;
    text-decoration: none;
    }

.bread:hover, .breadoff:hover {
    color: #333;
    text-decoration: underline;
    }  

.footer-items {	margin-top: 0; }

#categoryContent ul { margin-left: 40px; }

.boxRadius {
  	float: left;
	width: 25%;
	background-color: #fff;
	margin: 0 -1px 1.875em 0;
	border: 1px solid #d2d2d2;
	}
	  
.boxRadius a { 
	position: relative;
	width: 100%;
	height: 100%;
  	display: block;
  	text-decoration: none;
  	}

.boxRadius a:hover {
	z-index: 6;
	outline: 3px solid #d2d2d2;
	outline-offset: 0;
	}
	  
.boxWrapper {
	width: 100%;
	border: 0;
	}

.boxWrapper:hover { cursor:pointer; }
  
div.product-summary-box div.detailsBox {
	position: relative;
    display: block;
  	width: 100%;
  	min-height: 220px;
	margin: 0;
    padding: 0 0.125em;
	text-align: center;
    }

.itemDetailsContainer {
	color: #333333;
	height: 9.125em; 
	overflow: hidden; 
	padding: 0 15px;
	margin-bottom:1em;
	}

.blueBadgeOfCourage {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: .875em;
	font-weight: 500;
	line-height: 1.5;
	background-color: #0078d7;
	color: #fff;
	padding: .2143em .7143em;
	opacity: 0.9;
	z-index: 1;
	}

.mobileBadgeOfCourage {
	display: none;
	font-size: 1em;
	font-weight: 500;
	color: #e03400;
	margin-bottom: .9375em;
	}

.itemCode {
	color: #0078d7;
	font-size: 1em;
	font-weight: 300;
	height: 4.125em;
	margin: 0.3125em 0 .625em;
	overflow: hidden;
	}

.itemDetailsContainer .listPrice {
  	font-weight: 300;
	font-size: 0.875em;
	white-space: nowrap;
	overflow: hidden;
	}
	  
.itemDetailsContainer .itemDetailsSku {
	margin-top: 0.625em;
	color: #757575;
	font-weight: 300;
	font-size: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	}
  
div.product-summary-box {
  	display: table;
    width: 100%;
    margin: 0 auto;
    }

.detailsBox img {
	margin: 0 auto;
  	padding: 0;
	width: 100%;
	max-width: 220px;
	height: auto;
	max-height: 220px;
	} 

a.catAddToCartButton {
  	display: block;
	font-size: .875em;
	line-height: normal;
	padding: .5em 1.5em;
	background-color: #ffb900;
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	text-align: center; 
	outline: none !important;
	}

a.catAddToCartButton:hover, a.catAddToCartButton:focus { background-color: #ff8c00;color: #fff; }
  
a.catAddToCartButton:active {
  	position: relative;
  	top: 2px;
  	}
	  
#outOfStockButton {
  	display: block;
	font-size: .875em;
	padding: 6px 18px;
	background-color: #b8b8b8;
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	text-align: center; 
	outline: none !important; 
	}
	  
.subCatList {
	clear: both;
	float: left;
	width: 102%;
	margin-left: -2%;
	margin-bottom: 2.5em;
	}
	  
.subCatBox {
	float: left;
	width: 23%;
	margin-left: 2%;
	margin-top: 2em;
	}
	  
.subCatBox img {
	width: 100%;
	max-width: 200px;
	height: auto;
	max-height: 150px;
	margin: 0 auto;
	}
	  
.subCatBox:hover img { opacity: 0.8; }
	  
.subCatBox a:hover h3 { color: #0078d7; }
	  
.subCatBox a { 
  	display: table;
  	text-decoration: none;
  	}
	  
.subCatBox h3 {
	width: 100%;
  	height: 54px;
	overflow: hidden;
	text-align: center;
    font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
  	line-height: 1.4;
	color: #000;
  	padding-top: .625em;
	}
	  
.addCartInput {
  	display: block;
    position: relative;
	width: 100%;
	height: 46px;
  	background-color: #eee;
	overflow: hidden;
    margin: 0;
    padding: 0;
    border: none;
	}
	  
.addCartInput table { 
    border-collapse: collapse;
    height: 46px; 
    width: 100%;
    }
  
div.product-summary-box input {
  	font-family: 'Roboto', Arial, sans-serif;
	font-size: .8125em;
  	font-weight: 300;
  	color: #666;
	border: 2px solid #d2d2d2;
    width: 3em;
	height: 33px;
    vertical-align: middle;
	text-align: center;
    }
  
div.product-summary-box input:focus {
	border: 2px solid #0078d7;
  	color: #333;
	}
  
#breadcrumbContainer {
	display: block;
  	width: 100%;
  	margin: 0 auto;
  	}  
	  
#searchCatBreadBox {
	width: 90%;
	max-width: 1180px;
	margin: 16px auto;
	}
	  
.searchCatBread {
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .75em;
	color: #666;
	}
	  
.breadSearch { cursor:text; }
	  
.googleSpies { display:inline; }
	  
#subCategory h1 {
	margin: 16px 0 0;
	font-weight: 100;
	color: #333333;
	font-size: 2em;
	line-height: 1.25em;
	}
	  
#subCategory h2 {
	font-weight: 300;
	color: #333333;
	font-size: 1em;
	}
	  
#subCategory h2 span { 
  	color: #333333;
  	font-weight: 400; 
  	}
	  
#parentBill {
	clear: both;
	background-color: #f5f5f5;
	width: 100%;
	}
	  
#shortBillboard {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	min-height: 9.375em;
	overflow: hidden;
	}
	  
#billTextContainer {
	position: relative;
	float: left;
	width: 58%;
	padding-bottom: 1.25em;
	}
	  
#billTextContainer #billBread {
    font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .75em;
	color: #333;
	margin: 1.333em 0;
	}

#billTextContainer h1 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2.5em;
	font-weight: 100;
	line-height: 1.25;
	color: #333;
	margin: 0;
	}

#billTextContainer h3 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 100;
	line-height: 1.2;
	color: #333;
	}
	  
#shortBillboard #billImage {
	position: relative;
	float: left;
	width: 40%;
	margin: 0;
	padding: 0;
	padding-left: 2%;
	}
	  
#shortBillboard #billImage img {
	position: absolute;
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: baseline;
	}
	  
#noBill {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	font-weight: 100;
	color: #333;
	font-size: 2em;
	line-height: 1.25;
	}
	  
.categoryBody {
    font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	color: #333;
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: .666em;
	}
  
.categoryBody p {
  	text-align: left !important;
  	}
	  
#searchCatBodyContainer {
	width: 90%;
	max-width: 1180px;
	margin: 1.875em auto 0;
	}
	  
#searchCatPagination { 
  	display: table;
  	width: 100%;
  	}
	  
#viewing {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: .875em;
 	line-height: 31px;
	vertical-align: baseline;
	color: #757575;
	float: left;
	}
	  
.pageFloat { float: right; }
	  
.searchCatPageOn {
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	color: #757575;
	font-size: .875em;
  	line-height: 31px;
	padding-right: 20px;
	}
	  
.prevnextbtngreen a { font-size: 1.25em; }
	  
.clearBoth { clear: both; }
	  
#searchCatBottomPages {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	margin-top: -1em;
	}
	  
.bodyTwo {
	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: 1em;
  	color: #333;
  	line-height: 1.4em;
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 50px;
	}
	  
.bodyThree {
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: 1em;
  	color: #333;
  	line-height: 1.4em;
    width: 90%;
    max-width: 1180px;
    margin: 0 auto;
	clear: both; 
	margin-top: 20px;
	}
	  
.productBox {
  	display: table;
	margin-top: .375em;
	width: 100%;
	}
	  
.searchCatMapPrice {
  	font-weight: 400;
	color: #333333;
	white-space: nowrap;
	overflow: hidden;
	}
	  
.searchCatPrice {
  	font-weight: 500;
	}
	  
.cartInputQty {
    font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .875em;
	padding-left: 15px;
	padding-right: 5px;
	color: #666;
	}

.cartQtyInput { display: inline-block;float: left;width: 35%; }
  
.cartInputButtonPad {
	float: right;
	display: inline-block;
	width: 65%;
	padding-right: 15px;  
	}  
	  
.cartInputOosPad {
	padding-right: 15px;
	}

/* ======================= Custom Category Page ======================= */
  
#featuredCategoryBillboard {
	clear: both;
	width: 100%;
	background-color: #f5f5f5;
	}

.fullWidthRowNoTopPad { padding-top: 0 !important; }
  
.fullWidthRow {
	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 3.75em;
	padding-bottom: 3.75em;
  	}
  
.categoryGridRow {
	clear: both;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
  
.sectionHeaderContainer { 
	display: table;
	width: 100%;
	margin: 0 0 .333em; 
	}
  
.sectionHeader {
	float: left;
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.875em;
	line-height: 1.25;
	font-weight: 100;
	margin: 0;
	}
  
a.shopAllSectionLink {
	position: relative;
	float: right;
	color: #0078d7;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	margin-top: .9375em;
	font-weight: 300;
	text-decoration: none;
	}
  
a.shopAllSectionLink i, .catPageLinks i {
	margin-left: .375em;
	text-decoration: none;
	}
  
a.shopAllSectionLink:hover, a.shopAllSectionLink:focus { text-decoration: underline; }
  
.categoryLinkSection {
	display: table;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: .275em 0 1em;
	}
  
.categoryLinkSection li {
	position: relative;
	float: left;
	width: 32%;
	padding-right: 2%;
	}
  
.categoryLinkSection li a {
	width: 100%;
	display: block;
	color: #0078d7;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.1625em;
	font-weight: 300;
	line-height: 1.5em;
	text-decoration: none;
	padding-right: 2%;
	margin: .625em 0 0 0;
	}
  
.categoryLinkSection li a:hover { text-decoration: underline; }
  
.seoContent {
	color: #333;
	font-family: 'Roboto', Arial, sans-serif;	
	}
  
.seoContent h2 {
	font-size: 1.5em;
	font-weight: 100;
	line-height: 1.25;
	margin: .25em 0 .75em;
	}
  
.seoContent p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.4;
	}
  
.imageWithBorder {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	}
  
.noMinHeightBillboard { min-height: 0 !important; }

/* ======================= Item Page / cs3-defualt-item.jsp ======================= */

#breadcrumbs {
	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .75em;
	padding: 16px 0;
	}
  
.breadCarrots {
  	padding: 0 6px;
  	color: #666;
  	}

#itemPage {
  	display: block;
    width: 100%;
	}

#cartArea {
  	display: block;
	width: 100%;
	background-color: #f5f5f5;
	padding-bottom: 2em;
	}  
		  
#cartAreaContainer {
  	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	} 

#cartArea table { border-spacing: 0 !important; }

#itemDescription {
	height: 50px;
	border-top: none;
	border-bottom: none;
	}

#itemSku {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -.01em;
	color: #333;
	margin-bottom: 12px
	}

#itemSku .mono {
	font-family: 'Roboto Mono', 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif
}

#itemImageContainer {
	float: left;
	width: 35.9%;
	height: 100%;
	}

#mainItemImage {
  	position: relative;
	float: right;
	width: 84%;
	height: auto;
	}

#mainItemImage img {
	width: 100%;
	height: auto;
	}

#altItemImages {
	width: 16%;
	display: block;
	float: left;
	height: 100%;
	max-height: 300px;
	overflow: hidden;
	}

.altItemImages {
	margin: 0 0 12px 0;
	text-align: right;
	}

.altItemImages > .active > img {
	border-color: #999
}

.altItemImages > .active > img:hover {
	border-color: #b2b2b2
}

.altItemImages img {
	display; block;
	width: 40px;
	height: auto;
	border: 1px solid transparent;
	}

.altItemImages img:hover {
	border-color: #d6d6d6
}

#itemCart {
	float: right;
	width: 59.1%;
	}

#mapPricing {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
  	line-height: 1.4em;
	color: #333;
	}

.quantityBreak table { width: 100%; }

#quantityBreakLabel {
	padding: .999em 0 .666em;
	font-size: .8125em;
	font-weight: 300;
	color: #666;
  	border-top: 1px solid #d2d2d2;
	}

#quantityBreakActualQty {
	font-size: .8125em;
	font-weight: 300;
	color: #333;
	}

#quantityBreakActualPrice {
	font-size: .8125em;
	font-weight: 300;
	color: #333;
	}

.itemPagePriceBlock { padding: .625em 0 0; }

#primaryPrice {
	font-size: 24px;
	font-weight: 400
	}

.bulkPrimaryPrice {
	padding-bottom: 24px
}

.freeShippingBadge {
	display: inline-block;
	background: #5c2d91;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: .075em;
	height: 26px;
	padding: 3px 14px 5px;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	text-transform: uppercase
	}

#itemAddToCart { 
	clear: both;
	display: table;
	margin: 0; 
	}

#inputQty {
	display: inline-block;
	height: 2.75em;
	width: 3em;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	color: #666;
  	border: 2px solid #d2d2d2;
	}

#inputQty:hover { border: 2px solid #b8b8b8; }

#inputQty:focus { border: 2px solid #0078d7; }

#inputQtyRefurb {
	display: inline-block;
	height: 2.75em;
	width: 3em;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	text-align: center;
	color: #666;
  	border: 2px solid #d2d2d2;
	}

#inputQtyRefurb:hover { border: 2px solid #b8b8b8; }

#inputQtyRefurb:focus { border: 2px solid #0078d7; }

#availability {
	clear: both;
	float: left;
	margin: .666em 0 0;
  	color: #333;
	font-size: 1em;
	font-weight: 300;
	}

#availability br { display: none }

#hazardousItem {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	background-color: #f9edb8;
	border: 1px solid #edc967;
	font-size: 1em;
	font-weight: 300;
	color: #333;
	padding: .666em .999em;
	margin: 1em 0;
	}

.callToCall {
	display: block;
	font-size: 1em;
	font-weight: 500;
	margin: .6125em 0 0 0;
	}

.headerContainer {
	width: 100%;
	max-width: 550px;
	font-size: 100%;
	}

.headerContainer h1 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -.01em;
	width: 100%;
	margin: 12px 0 6px 0;
	}

@media only screen and (max-width: 767px) {
	.headerContainer h1 {
		font-size: 26px;
		line-height: 32px
	}
}

#watchVideo {
	z-index: 100;
	width: 100%;
	position: absolute;
  	left: 0;
	bottom: 0;
	}  
		  
#watchVideo a { text-decoration:none; }

#watchVideoOverlay {
	background-color: #333;
	color: #fff;
	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
	font-size: .875em;
	padding-left: 8px;
	line-height: 24px;
	height: 24px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	}
  
#watchVideoOverlay span {
  	color: #0078d7;
  	padding-right: 4px;
  	}

#watchVideoOverlay:hover {
	background-color: #333;
	opacity: 1.0;
	color: #fff;
	}    

#watchVideoIcon {
	position: relative;
	bottom: 24px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	}  

#watchVideoIcon:hover { opacity: 1.0; }

#documentsSection {
	display: block;
	width: 100%;
	height: 33px;
	background-color: #1a1a1a;
	border-bottom: 3px solid transparent;
	list-style-type: none;
	}

#documentsLinksContainer {
  	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}

#documentsSection ul {
	margin-left: 0 !important;
	list-style-type: none;
	}

#documentLinks, #documentLinks:visited {
	float: left;
	margin-right: 40px;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 400;
	color: #fff;
	font-size: 1em;
	text-align: left;
	}

.documentLinksArrow {
	height: 22px;
	line-height: 22px;
	font-size: 1.5em;
  	font-weight: 500;
	color: #0078d7;
	}

#documentLinks:hover, #documentLinks:focus { border-bottom: 3px solid #0078d7; } 

#overviewHeading {
	width: 100%; 
	height: 33px; 
	background-color: #0C0B17; 
	border-bottom: 3px solid transparent;
	}

#overviewHeading p {
	height: 30px; 
	line-height: 33px; 
  	font-family: 'Roboto', Arial, sans-serif;
	color: #fff; 
	font-size: 1em;
  	font-weight: 400;
	text-align: left;
	}

#itemBodyContainer {
  	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}

div#itemBody {
	width: 100%;
    display: block;
	margin: 2.5em 0 5em;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	color: #333 !important;
	background-color: #fff !important;
	text-align: left !important;
	font-style: normal !important;
	padding: 0
	}

div#itemBody h1 {
	font-weight: 100 !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 2em !important;
	color: #333 !important;
	line-height: 1.1 !important;
	font-style: normal !important;
	margin: 0 0 .5em !important;
	}

div#itemBody h2 {
	font-weight: 100 !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1.875em !important;
	color: #333 !important;
	line-height: 1.25 !important;
	font-style: normal !important;
	margin: 0 0 .5em !important;
	}

div#itemBody h3 {
	font-weight: 100 !important;
	margin-bottom: .5em !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1.625em !important;
	line-height: 1.25 !important;
	color: #333 !important;
	font-style: normal !important;
	}

div#itemBody h4 {
	font-weight: 100 !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1.25em !important;
	line-height: 1.25 !important;
	color: #333 !important;
	font-style: normal !important;
	}

div#itemBody p {
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: normal !important;
	font-weight: 300 !important;
    margin: 16px 0;
	}

div#itemBody span {
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: normal !important;
	font-weight: 300 !important;
	}

div#itemBody ul {
    margin-left: 40px;
    list-style-type: disc;
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: normal !important;
	font-weight: 300 !important;
	}
  
div#itemPage li {
    display: list-item;
    line-height: 1.4em;
    }

div#itemBody strong {
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: normal !important;
	font-weight: 300 !important;
	}

div#itemBody em {
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: 300 !important;
	}

div#itemBody td {
	line-height: 1.4 !important;
	font-weight: normal !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em !important;
	text-align: left !important;
	color: #333 !important;
	background-color: #FFF !important;
	font-style: normal !important;
	font-weight: 300 !important;
	}

div#itemBody img {
	max-width: 100% !important;
	height: auto !important;
	display: inline-block;
	}
		  
div#itemBody a, div#itemBody a:visited { 
  	font-weight: 300;
  	color: #0078d7 !important; 
  	}
		  
div#itemBody a:hover { text-decoration: underline !important; }
		  
div#itemBody #savePrice { color: red !important; }
  
div#itemBody iframe { max-width: 100%; }  

a.itemBody { font-size: 1em; }

#suggestedItems {
	clear: both;
    display: table;
	width: 100%;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto
	}

#suggestedItemsList {
	clear: both;
	float: left;
	height: 488px;
	width: 100%;
	margin: 1em 0 5em -2%;
	overflow: hidden;
	}

.relatedProducts {
  	clear: both;
	float: left;
	color: #333333;
	font-size: 1.875em;
	font-weight: 100;
	line-height: 1.25em;
	}

.sugItemPrice {
	font-weight: 500;
	font-size: 1em;
	margin-top: .375em;
	color: #333333;
	}

.sugItemsContainer {
	float: left;
	display: inline;
	width: 23%;
	margin-left: 2%;
	}
		  
.sugItemsContainer a { text-decoration: none; }

.sugItemsContainer:hover .sugItems .clearBoth { text-decoration: underline; }

.sugItems {
	display: block;
	height: auto;
  	padding-bottom: 16px;
	}

.sugItems .clearBoth {
  	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
  	line-height: 1.25;
	height: 40px;
	margin-top: 10px;
	color: #0078d7;
	overflow: hidden;
	}

.sugItems img {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	}
		  
#showAllProductsButton {
	border: 0;
	float: right;
	display: inline-block;
	background-color: #0078d7;
	color: #fff;
  	font-weight: 400;
	font-size: .875em;
	line-height: 1.5em;
	text-align: center;
	padding: 7px 25px;
	white-space: nowrap;
	cursor: pointer;
	}
		  
#showAllProductsButton:hover, #showAllProductsButton:active { background-color: #003963; }

.addToCartButtonContainer { float: left; }
  
a.addToCartButton {
    display: inline-block;
	min-width: 14em;
	padding: .625em 1.875em;
	background-color: #ffb900;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em !important;
	font-weight: 400;
  	line-height: 1.5;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
	color: #333 !important;
	}

a.addToCartButton:hover, a.addToCartButton:focus {
	background-color: #ff8c00;
  	color: #fff !important;
	}
  
a.addToCartButton:active {
  	position: relative;
  	top: 2px;
  	}

.outOfStockButton {
	float: left;
    display: inline-block;
	padding: .5em 1.25em;
	background-color: #b8b8b8;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
  	line-height: 1.5;
	font-weight: 300;
	text-decoration: none;
	text-align: center;
	color: #333;
	cursor: text;
	}

#backorderButton {
	background-color: #bad80a !important;
	color: #333 !important;
	}

#backorderButton:hover, #backorderButton:focus { 
	background-color: #7fba00 !important;
	color: #fff !important;
	}

#hiddenValue:first-child { display:none; }

#mobileMainImage { display:none; }

#assurances {
	width: 25%;
	float: left;
	display: none;
	margin-top: 2.5em;
	}

#assurances a { display: table; }

#thirtyDay {
	float: right;
	width: 75%;
	height: auto;
	margin-bottom: 2em;
	}

#techSupport {
	clear: both;
	float: right;
	width: 75%;
	height: auto;
	margin-bottom: 2em;
	}

.black_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1001;
	-moz-opacity: 0.6;
	opacity: 0.60;
	filter: alpha(opacity=60);
	}

.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 0;
	right: 0;
	max-width: 80%;
	width: 666px;
	height: auto;
	min-height: 300px;
	padding: 1em;
	background-color: #fff;
	z-index: 1002;
	margin: 0 auto;	
	overflow: auto;
	font-size: 16px;
	}

.popupHeading {
	font: 100 2em/1.1 'Roboto', Arial, sans-serif;
	margin: 0 0 .5em 0;
	}
		  
.popupTextContainer { 
	display: table;
  	font-family: 'Roboto', Arial, sans-serif;
  	font-size: 1em;
  	line-height: 1.4;
  	font-weight: 300;
  	color: #333;
  	padding: 2em 1.5em; 
  	}

a.closePopup, a.closePopup:visited {
	position: absolute;
	top: 10px;
	right: 20px;
  	color: #333;
	font-size: 2em;
	text-decoration: none;
	cursor: pointer;
	}
		  
#returnLinkContainer {
  	display: block;
	clear: both;
	float: left;
	width: 100%;
	margin: 1.875em 0;
	}
  
#returnLinkContainer a { 
  	float: right;
  	text-decoration: none;
  	} 
  
.returnTopArrow { 
  	display: table-cell;
  	font-size: 1.625em;
  	padding-right: 6px;
  	} 
  
.returnLinkText {
  	display: table-cell;
  	vertical-align: middle;
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 300;
  	font-size: 1em;
  	color: #0078d7;
  	}
		  
#returnLinkContainer a:hover .returnLinkText { text-decoration: underline; }
		  
.qtyBreakLabelContainer {
	width: 100%;
	max-width: 25em;
	}
		  
.qtyBreakLabelContainer .bulkLabel {
	width: 80%;
	float: left;
	line-height: 1.25;
	}
		  
.qtyBreakLabelContainer .priceLabel {
	width: 20%;
	float: left;
	line-height: 1.25;
	}
		  
.addToCartQtyLabel { float: left; }
		  
.labelNoShow { display: none; }
		  
.liInline { display: inline !important; }
		  
.clearPop {
	clear: both; 
	height: 0px; 
	width: 100%;
	}
		  
.clearBoth { clear: both; }
  
.hiddenMobileItemPageHeader { 
  	display: none;
  	margin-bottom: 16px;
  	max-width: none;
  	}
  
.quantityBreakLabelBottom {
	display: block;
	margin-bottom: 24px;
  	padding-bottom: .999em;
  	border-bottom: 1px solid #d2d2d2;
  	}

@media only screen and (max-width: 735px) and (max-device-width: 768px) {
  #galleryHero,
  .zoomContainer {
	pointer-events: none
  }
}
  
/* ======================= Checkout Header and Footer / checkout-header.jsp ======================= */

#mobileHead { display: none; }
  
#checkoutTopContainer {
  	display: table;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}
	
#newLogo {
	clear: both;
	float: left;
	height: 30px;
	}
	
#newLogo h1 { margin: 0; }  
  
#newLogo img { opacity: 0.8; }
  
#checkoutTop { 
	display: block; 
  	width: 100%;
	padding: .8125em 0;
	border-bottom: 6px solid #eee; 
	}
  
#phoneHelp { float: right; }
	
#phoneHelp p {
	line-height: 30px;
	color: #333333;
	font-size: 1em;
	font-weight: 300;
	}
	
#actualNumber { color: #333; }
	
#checkoutTopClear {
	clear: both;
	border-bottom: 3px solid #eee;
	}  
	  
#mobileCopy span { font-weight: 500; }
	  
span#thePhoneNumber { font-weight: 500; }
	  
#tagline span { font-weight: 500; }
  
#mobileNumber {
	float: right;
	text-align: right;
	font-family: 'Roboto';
	font-size: 1em;
	font-weight: 400;
	line-height: 20px;
	color: #666;
	} 
  
#checkoutFooter {
	width: 100%;
	background-color: #eee;
    }
	
#checkoutFooterContainer {
	clear: both;
	width: 90%;
	max-width: 1180px;
	padding: 2em 0;
	margin: 0 auto;
	margin-top: 2em;
	}
	
#checkoutFooterContainer #copyright { padding-top: 1.875em; }

.checkoutFooterUnorderedList {
  	float: right;
  	list-style: none;
  	font-size: 0.833em;
  	margin: 0;
  	padding: 0;
	}
	
.checkoutFooterLinks {
	display: block;
	float: left;
	width: auto;
	margin: 0 1.2005em 0 0;
	zoom: 1;
	font-weight: 300;
	}
	
.checkoutFooterLinks:last-child { margin-right: 0;color: #000; }
	
.checkoutFooterLinks a { line-height: 1.2em; }

/* ======================= Checkout Pages / checkout-contact.jsp, checkout-shipping.jsp ======================= */

.stateAndZip { display: table; }

.stateAndZipLeft { width: 47%; float: left; }

.stateAndZipRight { width: 47%; float: right; }

.expireMonth { 
	clear: none;
	display: inline;
	height: 2.063em;
	width: 25%;
	background-color: transparent;
	font-size: 1em;
	font-weight: 300;
	font-family: inherit;
	line-height: 1.5em;
	border: 2px solid #d2d2d2;
	padding: 0.25em 0.5em;
	margin-top: 0.25em;
	}

.expireDivider { 
	display: inline-block;
	width: 10px;
	height: 5px;
	padding-bottom: 10px;
	vertical-align: top;
	overflow: hidden;
	}

.expireYear {  
	clear: none;
	display: inline;
	height: 2.063em;
	width: 35%; 
	background-color: transparent;
	font-size: 1em;
	font-weight: 300;
	font-family: inherit;
	line-height: 1.5em;
	border: 2px solid #d2d2d2;
	padding: 0.25em 0.5em;
	margin-top: 0.25em;
	}

.cvvContainer { position: relative; }

.cvvInput {
	clear: both;
	display: inline;
	height: 2.063em;
	width: 45%; 
	background-color: transparent;
	font-size: 1em;
	font-weight: 300;
	font-family: inherit;
	line-height: 1.5em;
	border: 2px solid #d2d2d2;
	padding: 0.25em 0.5em;
	margin-top: 0.25em;
	}

.cvvLink {
	font-size: 1em;
	line-height: 2.063em;
	padding-left: 5px;
	}

#cvvPopupImage {
	display: none;
	position: absolute;
	top: -70px;
	z-index: 10;
	width: 100%;
	max-width: 310px;
	height: 95px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.6);
	-moz-box-shadow: 0 3px 9px rgba(0,0,0,0.6);
	box-shadow: 0 3px 9px rgba(0,0,0,0.6);
	}

#cvvPopupImage img {
	width: 100%;
	max-width: 310px;
	height: 95px;
	}
  
#commentForm { 
	clear: both;
	display: table;
	width: 100%;
	font-size: 1em;
	}
  
#commentForm label {  display: block; }
  
#commentForm label.error {
   	width: 100%;
   	color: red;
	}
  
form.cmxform fieldset { 
	clear: both;
	float: left;
	display: block;
	margin-bottom: 1em; 
	width: 100%; 
	border: none;
	}
	
.checkoutLegendHeading {
	color: #333333;
	font-size: 26px;
	line-height: 1.25em;
	font-weight: 100;
	margin: 0;
	margin-bottom: 0.5em;
	}

@media all and (min-width: 1400px) {
	.checkoutLegendHeading {
		font-size: 34px;
	}
}

@media all and (min-width: 540px) {
	.checkoutLegendHeading {
		font-size: calc(25px + 0.65vw);
	}
}
	
form.cmxform  fieldset ol {
   	width: 100%;
	margin: 0;
	padding: 0;
	}
	
form.cmxform  fieldset li {
	list-style: none;
	margin: 0;
	}

form.cmxform em {
	font-weight: 500;
	font-style: normal;
	color: #f00;
	}
  
form.cmxform {
	width: 100%;
	font-size: 1em;
	color: #333333;
	}
	
form.cmxform  fieldset li {
    width: 100%;
	max-width: 25em;
	margin-bottom: 1em; 
	}

input.inputStyling, select.stateDropdown {
	clear: both;
	display: block;
	height: 2.063em;
	width: 100%;
	background-color: transparent;
	font-size: 1em;
	font-weight: 300;
	font-family: inherit;
	line-height: 1.5em;
	border: 2px solid #d2d2d2;
	padding: .25em .5em;
	margin-top: .25em;
	}
  
form.cmxform input:focus, form.cmxform select:focus { border: 2px solid #0078d7; }

form.cmxform input.error, form.cmxform select.error { border: 2px solid red; }
  
.checkoutPageContainer {
	clear: both;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 1.875em;
	font-size: 1em;
	font-weight: 300;
	}

.checkout-orienter {
	width: 100%;
	margin: 0;
	}

.checkout-steps {
	width: 100%;
	float: right;
	margin: 0 0 2em 0;
	clear: none;
	}

.checkout-steps .step.active {
	color: #333;
	}

.step-one .first,
.step-two .first,
.step-three .first {
	width: 31.91489%;
	float: left;
	margin-right: -100%;
	margin-left: 0%;
	padding-bottom: 0.3125em;
	clear: none;
	}

.step-one .second,
.step-two .second,
.step-three .second {
	width: 31.91489%;
	float: left;
	margin-right: -100%;
	margin-left: 34.04255%;
	padding-bottom: 0.3125em;
	clear: none;
	}

.step-one .third,
.step-two .third,
.step-three .third {
	width: 31.91489%;
	float: right;
	margin-right: 0;
	margin-left: 0;
	padding-bottom: 0.3125em;
	clear: none;
	}

.checkout-steps .step {
	color: #d2d2d2;
	}

.checkout-steps .step h2 {
	float: left;
	font-size: 3.3em;
	line-height: 1;
	font-weight: 100;
	margin: 0 0.15em 0 0;
	}

.checkout-steps .step h3 {
	float: none;
	position: relative;
	bottom: -0.2em;
	font-size:1.25em;
	line-height: 1.1;
	font-weight: 300;
	}

@media only screen and (max-width: 539px) {
	.checkout-steps .step h3 {
		font-size:.8125em;
	}
}

.highlight {
	clear: both;
	height: 2px;
	background: #e3e3e3;
	}

.checkout-steps .highlight .blue-bottom {
	height: 2px;
	background: #0078d7;
	}

.step-one .blue-bottom {
	width: 31.91489%;
	float: left;
	margin-right: -100%;
	margin-left: 0%;
	clear: none;
	}

.step-two .blue-bottom {
	width: 31.91489%;
	float: left;
	margin-right: -100%;
	margin-left: 34.04255%;
	clear: none;
	}

.step-three .blue-bottom {
	width: 31.91489%;
	float: right;
	margin-right: 0;
	margin-left: 0;
	clear: none;
	}
  
.checkoutMainSectionContainer {
	float: left;
	display: table;
	clear: none;
	width: 65%;
	margin-left: 0%;
	margin-right: -100%;
	margin-bottom: 3.75em;
	}
  
.checkoutOrderDetails {
	float: right;
	clear: none;
	width: 30%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 3.75em;
	}
  
.checkoutNextButtonContainer { 
	display: table;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}

a.checkoutNextButton {
   	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 25em;
   	padding: 0;
   	background-color: #0078d7;
   	color: #fff;
   	font-size: 1em;
   	font-weight: 400;
	line-height: 2.5em;
   	text-decoration: none;
	text-align: center
	}

a.checkoutNextButton.place-order {
	max-width: 400px;
	height: 60px;
	font-size: 21px;
	line-height: 60px;
	font-weight: bold;
	letter-spacing: .01rem;
	text-transform: uppercase;
	margin-top: 20px;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out
}

a.checkoutNextButton.place-order:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

a.checkoutNextButton.place-order:active {
    -ms-transform: scale(.98);
    transform: scale(.98);
	box-shadow: 0 2px #fff
}
  
a.checkoutNextButton:hover, a.checkoutNextButton:focus { background-color: #0060AC; }

a.checkoutNextButton:active { background-color: #004881; }

.checkoutBottomFooter {
	display: table;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	margin-top: 3.75em;
	padding: 1em 0 0 0;
	}

.checkoutSecureSection {
	display: block;
	float: left;
	}

.checkoutBottomShopper { 
	display: block;
	float: right;
	}

.checkoutBottomMobileDetails {
	display: none;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 1em;
	}

.checkoutBottomMobileDetails p {
	display: block;
	font-size: 1em;
	line-height: 1.7em;
	}

.checkoutBottomShopper i { line-height: 1em; } 
  
.orderDetailsOverview {
	display: block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	padding: 0.5625em 0 0.8125em 0;
	}
  
.orderDetailsOverview h2 {
	color: #333333;
	font-size: 1.5em;
	font-weight: 100;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 0 0.4em 0;
	margin-bottom: 0.4em;
	}
  
.orderDetailsLineItem {
	clear: both;
	display: table;
	width: 100%;
	padding-top: 1em;
	}
  
.itemNameAndQty {
	float: left;
	width: 60%;
	}
  
.itemPrice {
	float: right;
	width: 33.333%;
	text-align: right;
	color: #e03400;
	}
  
.itemDetails p {
	font-size: 1em;
	line-height: 1.2em;
	}

.itemPrice > .originalPrice {
	color: #888;
	text-decoration: line-through
}

.orderDetailsSubtotal {
	font-weight: 400;
	color: #000
}
  
.orderDetailsQty { color: #333333; }

.shippingMethodSide { padding: 1em 0 0 0; }
  
.orderDetailsTotals {
	display: table;
	width: 100%;
	padding: 1.125em 0;
	}
  
.orderDetailsTotals p, .mobileDetailsSubtotals p {
	clear: both;
	font-size: 1em;
	line-height: 1.1em;
	padding: 0.125em 0;
	}
  
.orderDetailsTotals .orderDetailsTotal, .mobileDetailsSubtotals .orderDetailsTotal {
	font-size: 1.25em;
	padding: 1em 0 0 0;
	}
  
.orderDetailsTotals .detailsLabel, .mobileDetailsSubtotals .detailsLabel {
	float: left;
	width: 60%;
	}
  
.orderDetailsTotals .detailsValue, .mobileDetailsSubtotals .detailsValue {
	float: right;
	text-align: right;
	}

.orderDetailsNumber {
	display: table;
	width: 100%;
	padding: 1.125em 0;
	border-top: 1px solid #d2d2d2;
	}
  
select option { 
	font-family: inherit !important; 
	font-weight: 300 !important; 
	color: #333333; }
  
.orderDetailsItemName { 
	max-height: 66px;
	overflow: hidden;
	}
  
.mobileCheckoutOrderDetails {
	clear: both;
	display: none;
	width: 100%;
	margin: 0 0 1.875em 0;
	line-height: 1.2em;
	background-color: #eeeeee;
	}
  
a#mobileCheckoutOrderDetailsLink {
	display: block;
	color: #333333;
	text-decoration: none;
	}
  
.mobileDetailsHeader {
	width: 90%;
	margin: 0 auto;
	padding: 0.8125em 0 0.8125em 0;
	}
  
.mobileDetailsTotalName { padding-left: 0.875em; }
  
.mobileDetailsToggleButton {
	float: right;
	margin-right: 0.5em;
	}
  
.mobileDetailsToggleButton i { font-size: 19px; }
  
#mobileDetailsAccordian {
	clear: both;
	display: none;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0.8125em 0 0 0;
	border-top: 1px solid #d2d2d2;
	}
  
.mobileDetailsLineItem {
	clear: both;
	display: table;
	width: 100%;
	margin-bottom: 1em;
	}
  
.mobileDetailsItemName {
	float: left;
	width: 66%;
	}
  
.mobileDetailsItemDetails {
	float: right;
	width: 32%;
	text-align: right;
	}

.originalPrice.mobileDetailsLineValue {
	color: #888;
	text-decoration: line-through
}
  
.mobileDetailsLineValue { color: #e03400; }
  
.mobileDetailsSubtotals {
	clear: both;
	display: table;
	width: 100%;
	padding: 1em 0;
	border-top: 1px solid #d2d2d2;
	}

.alertMessageDiv {
	color: #333333;
	background-color: #f9edb8;
	border: 1px solid #edc967;
	padding: .625em 1em;
	margin-bottom: 1.75em;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.4em;
	}
  
.shippingSelectionButtonListContainer {
	display: table;
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0 0 1em 0;
	}
  
.shippingSelectionButtonList {
	display: block;
	float: left;
	width: 49%;
	height: 2.5em;
	margin-top: 0.25em;
	margin-bottom: 0.375em;
	}
  
.oddCell { margin-left: 2%; }
  
.evenCell { margin-left: 0; }
  
a.shippingSelectionButton {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	white-space: normal;
	overflow: hidden;
	color: #333333;
	text-decoration: none;
	font-weight: 400;
	border: 1px solid #757575;
	padding: 0.5em 1.25em;
	}
  
a.shippingSelectionButton:hover, a.shippingSelectionButton:focus { outline: 2px solid #757575; }
  
.shippingSelectionButtonLabel {
	position: absolute;
	top: 50%;
	width: 98%;
	padding :0 1%;
	font-size: .8125em;
	line-height: 1.1em;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	}
  
/* ======================= Cart Page / cart-page-lso.jsp ======================= */  

.related-products-container {
	margin-top: 90px;
	margin-bottom: 30px;
	border-top: 1px solid #d2d2d2
}
.related-products-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
	margin: 20px 0
}
.rp-related-product-block {
	position: relative;
	margin-top: 12px;
	margin-right: 24px		
}
.rp-image-wrapper {
	display: inline-block;
	width: auto
}
.rp-image-wrapper img {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	height: auto
}
.rp-text-wrapper {
	margin-top: 20px;
	margin-bottom: 15px
}
.rp-productname {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	white-space: normal;
	margin-bottom: 10px;
	overflow: hidden;
	box-sizing: content-box;
	max-height: 60px
}
.rp-productname a {
	color: #333;
	text-decoration: none;
	outline: 0
}
.rp-productname a:hover {
	text-decoration: underline
}
.rp-productprice {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #333
}
.rp-addtocart-button {
	min-width: 120px;
	display: inline-block;
	font-size: 15px;
	padding: 6px 10px 8px 0;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: bottom;
	background: none;
	color: #0078d7;
	border: 0;
	outline: 0;
	text-align: left;
	text-decoration: none;
	box-shadow: 0 0 0
}	  
.disabled.rp-addtocart-button {
	color: #666;
	background: initial
	cursor: default;
	pointer-events: none;
	opacity: 0.65;
	filter: alpha(opacity=65)
}
.rp-addtocart-button:hover {
	cursor: pointer;
	text-decoration: underline
}
.rp-addtocart-button i {
	font-size: 18px;
	line-height: 18px;
	margin-top: -3px;
	margin-right: 7px;
	vertical-align: middle
}
.slick-arrow {
	width: 52px;
	height: 52px;
	border: 0;
	border-radius: 52px;
	background-color: rgba(214, 214, 214, 0.25);
	color: rgba(136, 136, 136, 0.8);
	display: block;
	font-size: 53px;
	font-weight: normal;
	line-height: 52px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	-webkit-transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	transition: 250ms background-color linear, 250ms color linear, 250ms opacity linear;
	z-index: 100
}
.slick-arrow:hover {
	background-color: rgba(214, 214, 214, 0.3);
	color: #888
}
.slick-disabled.slick-arrow {
	display: none !important
}
.slick-prev {
	top: 50%;
	left: -26px;
	margin-top: -26px
}
.slick-next {
	top: 50%;
	right: -26px;
	margin-top: -26px
}	  
.slick-prev:before,	  
.slick-next:before {
	margin-top: 8px;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 36px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	vertical-align: top;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
} 
.slick-prev:before {
	content: 'chevron_left'
}	   
.slick-next:before {
	content: 'chevron_right'
}

.promo-code{
	border-top: 1px solid #d2d2d2;
	padding: 30px 0;
	margin: 16px 0 0 0;	
}
.promo-link-toggle{
	font-size: 17px;
	line-height: 1.5;
	font-weight: 400;
	color: #0078d7
}
.promo-link-toggle:hover{
	cursor: pointer
}
.promo-code-panel{
	display: none;
	margin: 16px 0 0 0;
}
.promo-code-field{
	color: #505050;
	border: 2px solid #d2d2d2;
	border-radius: 0;
    float: left;
    font-size: 1em;
	line-height: 1.5;
    margin-right: 20px;
    margin-bottom: 10px;
	padding: .27em .9375em;
    width: 66%;
	max-width: 320px;
	-webkit-appearance: none;
	text-transform: uppercase
}
@media screen and (min-width: 541px) {
	.promo-code-field{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 40%
	}
}
.lt-ie9 .promo-code-field{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 40%
}
  
@media screen and (min-width: 541px) {
	.promo-code-field{
	  	font-size: 1em;
	}
}
.promo-code-field:focus{
	border-color: #0078d7;
}
.apply-promo-button{
    -webkit-appearance: none;
    -moz-appearance: none;
	border: 0;
    padding: .414285714em 1.5625em;
    display: inline-block;
    font-size: 1em;
	line-height: 1.5;
	font-weight: 500;
    white-space: nowrap;
    border-radius: 0;
    color: #fff;
    background-color: #0078d7;
    float: left;
    width: auto;
	-webkit-transition: all .15s;
	transition: all .15s
}
@media screen and (min-width: 541px) {
	.apply-promo-button{
        padding-top: .375em;
        padding-bottom: .4375em
	}
}
.lt-ie9 .apply-promo-button{
    padding-top: .375em;
    padding-bottom: .4375em
}
.apply-promo-button:hover{
	cursor: pointer;
	background-color: #0060ac;
}
.apply-promo-button:active{
	background-color: #004881;
}
.code-applied-alert{
	color: #e03400;
	display: block;
	font-size: 16px;
	font-weight: 300
}
.invalid-error{
	color: #dc3701;
	display: block
}
.discount-text{
	color: #e03400;
}
  
#cartPage {
  	clear: both;
	margin: 0 auto;
	margin-top: 1.875em;
	margin-bottom: 3.75em;
	width: 90%;
	max-width: 1180px;
	font-weight: 300;
	}

#checkoutTopClear { border-bottom: 0; }
		
#paypalCheckoutButton { display: none; }
	  
a#continueShoppingLink, a#continueShopping:visited {
	color: #0078d7;
	text-decoration: none;
	font: 400 1.1em/1 'Roboto';
	}

.cartSecureSection { display: block; float: left; }

.cartSecureSection img { float: left; }

.cartCardsSection { clear: both; display: block; float: left; }

.cartCardIcons {
	display: inline-block;
	float: left;
	font-size: 1.625em;
	line-height: 39px;
	color: #666;
	padding-left: .333em;
	}

.cartCardIcons:first-child { padding-left: 0; }
	  
a#continueShoppingLink:hover, a#continueShoppingLink:focus { text-decoration: underline; }
	    
#emptyCartButtonContainer { margin-bottom: 300px; }
  
#emptyCartAlert {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
    font-weight: 300;
    color: #333;
    }

#emptyCartButton { 
	display: inline-block;
    background-color: #0078d7;
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
  	line-height: 1.5em;
    font-weight: 400;
	text-align: center;
    text-decoration: none;
    padding: 0.375em 1.5625em;
	white-space: nowrap;
	margin: 1.25em 0 1.875em;
    }

#emptyCartButton:hover, #emptyCartButton:focus { background-color: #003963; }  
  
#emptyCartButton:active {
  	position: relative;
  	top: 2px;
  	}
	  
#cartHeaderContainer {
	width: 100%;
	display: table;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #d2d2d2;
	}
	  
#cartHeader {
	display: inline-block;
	width: 44%;
	clear: none;
	float: left;
	margin-left: 0%;
	margin-right: -100%;
  	font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.875em;
	line-height: 1;
    font-weight: 400;
  	color: #333;
	}

.continueShoppingContainer {
	display: inline-block;
	clear: none;
	width: 30%;
	float: left;
	margin-left: 33%;
	margin-right: -100%;
	padding-top: .563em;
	}

.topCheckoutButtonContainer {
	display: inline-block;
	clear: none;
	width: 23%;
	margin: 0;
	float: right;
	}	

a.topCheckoutButton { 
	float: right !important; 
	width: 100%;
	max-width: 14.3em;
	padding: 12px 0 13px;
    background-color: #0078d7;
    color: #ffffff;
    font-size: .875em;
  	line-height: 1;
    font-weight: 500;
	text-align: center;
    text-decoration: none;
	}

a.topCheckoutButton:hover, a.topCheckoutButton:focus { background-color: #0060AC; }
  
a.topCheckoutButton:active {
  	position: relative;
  	top: 2px;
  	}
	  
#checkoutButtonContainer {
	position: relative;
	float: right;
	}
	  
#buttonWrangler { float: right; }
	  
a.cssCheckoutButton, a.cssCheckoutButton:visited {
    clear: both;
    float: left;
	display: inline-block;
    padding: 12px 70px 13px;
    background-color: #0078d7;
    color: #ffffff;
    font-size: .875em;
  	line-height: 1;
    font-weight: 500;
    text-decoration: none;
    }

a.cssCheckoutButton:hover, a.cssCheckoutButton:focus { background-color: #0060AC; }
  
a.cssCheckoutButton:active {
  	position: relative;
  	top: 2px;
  	}

#checkoutOrPaypal span {
    float: left;
    display: inline-block;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: .875em;
    line-height: 39px;
    font-weight: 300; 
    padding: 0px 10px 0px;  
    vertical-align: middle;
    }

#topPaypalHide, .bottomPaypalButton { 
	float: left;
	display: inline-block; 
	}

#paypalIcon {
    width: auto;
	height: 39px;
	opacity: 1.0;
    }
  
#paypalIcon:hover { opacity: 0.8; }  
  
#paypalIcon:active {
  	position: relative;
  	top: 2px;
  	}  
  
.cartRow {
	clear: both;
	display: table;
	width: 100%;
	padding: 0.625em 0 1.25em;
	}
	  
.cartProductImage {
	width: 20%;
	float: left;
	text-align: center;
	}
	  
.cartProductImage img {
	display: block;
	margin: 0 auto;
	}
  
.removeButton {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
	line-height: 1.5;
    font-weight: 400;
    color: #0078d7;
    }

.removeButton:hover, .removeButton:focus { text-decoration: underline; }  
	  
.cartProductLink {
	float: left;
	width: 40%;
	padding-right: 4%;
	}
	  
.cartProductLink a {
  	font-family: 'Roboto', Arial, sans-serif;
	font-size: 20px;
	font-weight: 500;
  	line-height: 24px;
	color: #333;
	}
  
.cartProductLink a:hover, .cartProductLink a:focus { text-decoration: underline; }
	  
.cartItemNumberSmall {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #333333;
	}
	  
.cartBackorderStatus {
	font-size: 0.9em;
	color: #e03400;
	margin-top: 0.5em;
	}

.dropShip.cartBackorderStatus{ color: #666 }
	  
.productQuantity {
	float: left;
	width: 12%;
	}
	  
.productQuantity .quantityInput {
	float: left;
	}
	    
.quantityInput .formInputQty {
    float: left;
	text-align:	center;
	width:	70px;
    height: 30px; 
  	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
    font-weight: 400;
  	color: #999;
	border: 2px solid #d2d2d2;
	border-radius: 0;
    padding: 0;
	-webkit-appearance: none
	}
  
input.formInputQty:focus { border: 2px solid #0078d7; }  
	  
.updateButtonContainer {
	clear: both;
	float: left;
	}

.updateButtonContainer a { display: table; }
  
#updateButton {
    float: left;
    background-color: #d2d2d2;
    color: #333;
    width: 70px;
    padding: 0;
    text-align: center;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  	line-height: 30px;
  	height: 30px;
    text-decoration: none;
    }

#updateButton:hover, #updateButton:focus {
    background-color: #0078d7;
    color: #fff;
    }  
	  
#cartCssTable .cartProductPrice {
	float: right;
  	font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
  	color: #333;
	text-align: right;
	}
	  
#cartCssTable .lineTotal {	  
	width: 22%;
	float: right;
	}
	  
#somethingHidden { display: none; }
	  
.itemLineTotal {
	border: 0;
	margin: 0;
	padding: 0;
	}
	  
.lineTotalColor {
	clear: both;
    font-size: 1em;
    font-weight: 400;
	float: right;
	text-align: right;
	color: #e03400;
	}
	  
.cartCollaterals {
	clear: both;
	padding: 1.125em 0;
	border-top: 1px solid #d2d2d2;
	}
	  
#quoteButton { padding: 5px 15px !important; }
	  
#hiddenCheckbox { display: none; }
  
#ratetable {
    display: block;
	float: left;
	width: 100%;
	margin: 0.4em 0 0 0;
	}
	  
.dataTable {
	width: 100%;
	border-spacing: 0;
	border: 1px solid #d2d2d2;
	padding: 0.5em 1em;
	}
	  
.dataTable .tableData {
  	font-family: 'Roboto', Arial, sans-serif;
    font-size: .875em;
    font-weight: 300;
  	color: #333333;
	border-right: none;
	padding: 0.125em 0;
	}
	  
.dataTable .tableDataRight {
  	font-family: 'Roboto', Arial, sans-serif;
    font-size: .875em;
    font-weight: 300;
  	color: #333333;
	border-left: none;
	padding-right: 0.125em 0;
	}

#subtotalPrice { 
	float: right; 
	max-width: 24em;
	}
	  
#subtotalPrice #totalPrice {
	display: block;
  	font-family: 'Roboto', Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
  	color: #333;
	}
	  
#subtotalPrice #totalPrice span {
	float: right;
	text-align: right;
  	color: #333;
	}
  
#shippingCartDiv {
	float: left;
    }

#shippingCartDiv p { 
    font-size: 24px;
  	line-height: 28px;
    font-weight: 400;
  	color: #333;
	padding: 0 0 12px 0; 
	}

#shipping_zipcode_input { display: table; }

input#quoteInput {
    float: left;
    width: 14em;
    font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	height: 30px;
    padding: 0.125em 2%;
    border: 2px solid #d2d2d2;
    }
  
input#quoteInput:focus { border: 2px solid #0078d7; }

#quoteButton {
    float: left;
    background-color: #d2d2d2;
    color: #333;
  	height: 30px;
  	line-height: 30px;
    padding: 0 1.25em !important;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    }

#quoteButton:hover, #quoteButton:focus {
    background-color: #0078d7;
    color: #fff;
    }  
	  
#cartBottomButtons {
	clear: both;
	width: 100%;
	padding-top: 1em;
	border-top: 1px solid #d2d2d2;
	}
	  
#cartBottomButtons #bottomShopper { float: left; }
	  
#cartBottomButtons #bottomCheckouts { float: right; }
  
/* ======================= Four Oh Four / circuit-error-page.jsp ======================= */

#mainFourOhFourbody {
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 5em;
	}
  
#fourOhMessage {
	float: left;
	width: 400px;
	margin: 32px 0 100px;
	}
	  
#fourOhFour {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 2em;
	font-weight: 100;
	color: #333;
	line-height: 1.1;
	margin: 0;
	padding: 0;
	margin-bottom: 24px;
	}

#mainMessage {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	color: #333;
	line-height: 1.4;
	}

#mainFourOhFourbody > #topCategories {
	float: left;
	width: 500px;
	padding-left: 100px;
	margin-top: 32px;
	}

#topTitle {
	color: #333;
	margin: 0;
	padding: 0;
	margin-bottom: 16px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.625em;
	font-weight: 100;
	}

#categoryLinks {
	float: left;
	margin-right: 40px;
	}

.categories a, .categories a:visited {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: .875em;
	font-weight: 300;
	list-style-type: none;
	line-height: 16px;
	color: #0078d7;
	}
	  
.categories a:hover { text-decoration: underline; }

#featuredProducts {
	color: #333;
	margin: 16px 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.875em;
	font-weight: 100;
	line-height: 1.25;
	}

.featuredPrice {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	margin-top: 6px;
	color: #333;
	}
	  
.fourofourSugItemsContainer img {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
	height: auto;
	}
	  
#catColumnTwo, #catColumnThree {
	float: left;
	margin-right: 40px;
	}
  
#catColumnThree { margin-right: 0; }  
	  
.fourofourSugItemsContainer {
  	display: table;
	width: 100%;
	margin-left: 0;
	}
	  
.fourofourSugItemsContainer a {
  	display: inline-block;
  	text-decoration: none; 
  	float: left;
	width: 23%;
	margin-right: 2%;
  	}
	  
.sugThisItem { margin-bottom: 16px; }
	  
.fourofourSugItemsContainer a:first-child div { margin-left: 0; }
	  
.fourofourSugItemsContainer a:hover .featuredTitle { text-decoration: underline; } 
	  
.featuredTitle {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.25;
	margin-top: 10px;
	height: 40px;
	overflow: hidden;
	color: #0078d7;
	}
	  
#fourofourFeatured {
	clear: both;
	margin-bottom: 40px;
	}
  
/* ======================= Category/Search Page Buttons ======================= */

.prevnext {
	display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    text-align: right;
    }

.prevnext a {
    color: #fff;
    text-decoration: none;
    padding: 2px 7px 3px;
    }
  
.prevnext a:visited { color:#fff; }

.prevnextend {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    }

.prevnextbtnorange {
    background-color: transparent;
    text-align: center;
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 400;
  	font-size: 14px;
  	line-height: 24px;
    color: #333333;
    height: 24px;
    width: 24px;
    margin-left: 6px;
    } 
  
.prevnextbtngreen {
    background-color: transparent;
    height: 24px;
    width: 24px;
    margin-left: 6px;
    }
  
.pageCarrot {
  	font-family: Arial, sans-serif !important;
  	font-weight: 400 !important;
  	font-size: 14px !important;
  	line-height: 24px !important;
  	}

.prevnext1 {
    display: block;
    top: 30px;
    right: 0px;
    text-align: right;
    }

.prevnext1 a, .prevnext1 a:visited {
  	padding: 6px 8px;
    text-align: center;
  	font-family: 'Roboto', Arial, sans-serif;
  	font-weight: 400;
  	font-size: 14px;
  	line-height: 24px;
    color: #9e9e9e;
    text-decoration: none;
    }
  
.prevnext1 a:hover { color: #0078d7; }

.prevnextend1 {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    }

.prevnextbtnorange1 {
    background-color: #0078d7;
    text-align: center;
    color: #333;
    height: 22px;
    width: 22px;
    margin-left: 6px;
    }
  
.prevnextbtngreen1 {
    background-color: #d2d2d2;
    text-align: center;
    color: #333;
    height: 22px;
    width: 22px;
    margin-left: 6px;
    }
  
.prevnextbtngreen1:hover {
    background-color: #999;
    color: #333;
    }

/* ======================= Promotion page (free-shipping-newsletter.jsp) ======================= */

.fullwidth-wrapper {
	display: block;
	width: 100%;
	margin: 0 auto;
	}

.content-wrapper {
	display: block;
	width: 90%;
	max-width: 1180px;
	margin: 0 auto;
	}

.isuyu-and-sosumi {
	display: block;
	width: 100%;
	background-color: #f2f2f2;
	color: #999;
	padding: 16px 0 0;
	font-size: 1em;
	}
	  
.isuyu-and-sosumi p {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.33333;
	margin: 0 0 1em 0;
  	}

.isuyu-and-sosumi p a { color: #333; text-decoration: none }

.isuyu-and-sosumi p a:hover, .isuyu-and-sosumi p a:focus { text-decoration: underline }

.isuyu-and-sosumi p:last-child { padding-bottom: 16px; border-bottom: 1px solid #e3e3e3; }
  
/* ======================= Media Queries (Responsive Layout) ======================= */
	  
@media only screen and (max-width : 1079px) { 
  
	/****** Four Oh Four ******/ 
		
	#mainFourOhFourbody #topCategories {
		clear: both;
		padding-left: 0 !important;
		margin-bottom: 40px;
  		margin-top: 0 !important;
		}
		
	#mainFourOhFourbody #fourOhMessage { margin-bottom: 40px !important; }
		
	#mainFourOhFourbody #topTitle {
		margin: 16px 0 24px !important;
		}

	/****** Category/Search ******/
  
    .addCart { display: none !important; }
  
  	.boxRadius { 
  		width: 25% !important;
		outline: none !important;
  		}
  
  	.boxRadius a { 
  		position: relative;
		width: 100%;
  		}
  
  	.searchCatMapPrice { 
  		font-size: 1em; 
  		font-weight: 500;
  		}
  
  	/****** Item Page ******/ 

	.zoomPad { cursor: default !important; }
		
}

@media only screen and (max-width : 918px) {
  
  	/****** Footer ******/ 
		
	.newsletterSignup p { 
  		width: 100%; 
  		line-height: 1.25;
  		margin-bottom: .5em;
  		}

	#newsletterEmail { margin-left: 0; }

	#copyright { padding-top: 0; }

	#godaddy, #authdotnet, #bbb { display: none !important; }

}
  
@media only screen and (max-width : 767px) {
  
    /****** Top Document (Header) ******/  

	#siteAlertMessage {
    	font-size: .875em;
    	padding: 6px 0;
    	}

	#desktopHead { display: none !important; }

    #mobileHead {
		display: block;
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #e0e0e0;
		}

    #mhContainer {
  		display: table;
        margin: 0 auto;
        width: 90%;
		}

    #mhLogo {
        float: left;
        margin-top: 12px;
		}

    #mhLogo h1 { 
  		margin: 0; 
  		line-height: 0;
  		}

    #mhLogo a { display: block; }

    #mhLogo img {
  		display: inline-block;
        width: auto;
        height: 20px;
		}
	
  	#phoneHelp { margin-top: 12px; }
  	
    #mhNavigation {
        display: block;
        float: right;
  		line-height: 0;
		}
  
  	#mhNavigation a { display: inline-block; }

    #mhSearch, #mhCartLink, #mhNav {
        float: left;
        padding: 12px 20px 12px 0;
		}
  
  	#mhNav { padding-right: 0 }
  
  	#mhNav .fa-navicon, #mhSearch .fa-search, #mhCartLink .fa-shopping-cart {
  		color: #757575;
  		font-size: 1.25em;
  		}

	#mhNav .fa-navicon:hover, #mhSearch .fa-search:hover, #mhCartLink .fa-shopping-cart:hover, #mhCartLink .fa-shopping-cart:hover #cartLinkQty { color: #0078d7; }

    #cartLinkQty {
        float: right;
  		font-weight: 400;
        font-size: .75em;
        line-height: 20px;
  		color: #666;
		}

    #mhSearchPop {
		clear: both;
		float: left;
        display: none;
        width: 100% !important;
		}

	.form-wrapper { width: 100%; }

    #searchForm.form-wrapper.cf {
		clear: both;
  		display: block !important;
		max-width: none !important;
        width: 100% !important;
        margin-bottom: 12px !important;
		}

    #navbar {
        display: none;
 		z-index: 666 !important;
        margin-top: -3px !important;
		}

    .dcjq-mega-menu {
        width: 100% !important;
		}

    #mega-menu-1 {
        height: auto !important;
		}

    #mega-menu-1 li {
		display: block;
        clear: both;
        float: none;
        border-bottom: 1px solid #e9e9e9;
        height: 38px;
        width: 100%;
        text-indent: 2.5%;
        background-color: #0078d7;
		}

    #mega-menu-1 li:last-child { border-bottom:none !important; }

    .sub { display:none !important; }

    #mega-menu-1 li a {
        padding: 10px 0 !important;
        width: 100% !important;
		}

	#mega-menu-1 li:hover {
		background-color: #003963 !important;
		}
  
    #mega-menu-1 li a:hover {
        color: #fff !important;
    	}

    #navbar br { display:none !important; }

    .searchAndCart a:hover #cartLink, .searchAndCart a:active #cartLink { text-decoration:underline !important; }
  
  	/****** Footer ******/  

	div.information { padding: 0; }

	.informationBottomBlock2, .informationBottomBlock3, .informationBottomBlock4 {
		margin-top: 1.5em;
		padding-right: 30px;
  		width: 50% !important;
		}
  
  	/****** Index Page ******/ 

	.primaryBillboard .fullWidthIndexBillboardContainer { min-height: 0; }

	.fullWidthIndexBillboardTextContainer {font-size: 90%; }

	.bodyBillboardTextHeader { font-size: 2em; }

	.bodyBillboardTextContainer p { font-size: 1em; }
  	
	.tp-banner-container { display: none !important; }
  
  	.fixed { display: none; }

	.topCatNavContainer { width: 100%; }
  
  	.topCatNav { height: auto; }
  	
  	.topCatTitle { display: none; }

	.topCatNavLinks { 
		width: 100%;
		height: auto; 
		overflow: auto; 
		}
		
  	.topCatNavList { 
  		clear: both;
  		float: left;
  		display: block;
  		width: 100%;
  		overflow: auto;
  		}
  
  	.topCatNavList li { 
		width: 100%;
  		border-bottom: 1px solid #fff;
		}
  
  	.topCatNavList li a {
  		display: block;
		width: 90%;
		line-height: 1.25;
		border-right: 0;
		margin: 0 auto;
		padding: .625em 0;
  		}
		
	.topSectionContainer, .middleSectionContainer, .bottomSectionContainer {
  		width: 100%;
  		max-width: 590px;
  		margin: 0 auto;
		}
		
	#mobileCat { display:none; }
		
	.mobileCap {
		margin-left: 2.5% !important;
		width: 30.5% !important;
		}
		
    .fourColumnRow .productUnit { 
  		position: relative; 
  		width: 50%;
  		max-width: 295px;
  		height: 381px;
  		border: 1px solid #d2d2d2;
  		padding: 0;
  		margin: 0 -1px 32px 0 !important;
  		}

	.twoColumnRow .captionUnit { 
		float: none;
		width: 100%;
		margin-left: 0;
		}

	.twoColumnRow .captionUnit:first-child { margin-bottom: 2.5em; }

	.productCaptionBox { max-height: none; }
	  
	.fourColumnRow .productUnit:hover {
  		z-index: 666;
		outline: 2px solid #d2d2d2;
		}
  
  	a.productLink:hover h3 { 
  		color: #0078d7;
  		text-decoration: none; 
  		}
  
    .productUnit a.productLink { 
  		width: 100%;
  		height: 100%;
  		padding: 16px; 
  		}
		
	.productUnit img {
		max-width: 238px;
		height: auto;
  		}
  
  	.productLink h3, .productDescription { max-width: 240px; }

	.indexAssuranceWrap { margin-left: 0 !important; }
		
	.indexAssuranceContainer {
		width: 49%;
	  	clear: none;
		}
		
	.indexAssuranceContainer a h2 { margin: 0 0 -.25em; }

	.threeColumnGridUnit {
		clear: both;
		display: block;
		width: 100%;
		margin-left: 0;
		}
		
	.removableSubheaer { display: none; }
  
  	/****** Category/Search ******/  

	#parentBill { background-color: #fff; }

	#shortBillboard { min-height: 0; }
	  
	#billTextContainer { width: 100%; padding-bottom: 0; }

	#billTextContainer h1 { margin-bottom: 0; font-size: 1.875em; }
	  
	#shortBillboard #billImage { display: none; }
  
	#noBill { font-size: 1.875em; }

	#searchCatBodyContainer { margin-top: 1em; }

  	.searchCatPageOn { display: none; }
  
  	#searchCatPagination {
  		margin: 0 auto;
  		}
  
  	.productBox { 
  		margin: 10px auto 0 !important;
  		}
		
	.boxRadius { 
  		width: 33.33% !important; 
  		max-width: 240px;
  		}
		
	.subCatBox { width: 31.33% !important; }
  
  	.subCatBox img {
  		transition: none;
  		-webkit-transition: none;
  		opacity: 1.0 !important;
  		}
  
  	.subCatBox a {  
  		max-width: 242px; 
  		margin: 0 auto;
  		}
  
  	/****** Item Page ******/
  
  	div#itemBody iframe { display: none !important; }
  
  	#itemBody { 
  		width: 100% !important; 
  		padding: 32px 0  !important;
    	min-height: 0;
  		}

	div#itemBody img {
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		}

	div#itemBody table img { 
		width: 100%;
		height:auto; 
		}
  
  	.hiddenMobileItemPageHeader { display: block; }
  
  	.hiddenMobileItemPageHeader #itemSku { display: block; }
  
  	.hiddenMobileItemPageHeader h1 { 
  		display: block !important; 
  		max-width: 100%;
  		} 
			
  	.fullSizeHeaderContainer { display: none; }
  
	#itemImageContainer {
		width: 100% !important;
		max-height: none !important;
		margin-bottom: 16px !important;
		}
  
  	#mainItemImage {
		float: left !important;
		width: 100% !important;
  		max-width: 100% !important;
  		max-height: 100% !important;
  		margin-right: 0 !important;
		}
  
  	.zoomPad { 
  		width:100%;
  		height:100%;
  		max-height: 100% !important;
  		}
  
  	#altItemImages {
  		width: 100% !important;
		min-width: 100% !important;
  		max-width: 713px !important;
  		height: 66px !important;
  		overflow-y: hidden !important;
		margin-right: 0 !important;
  		padding-top: 16px;
		}
  
  	.altItemImages {
  		float: left;
		display: inline !important;
		margin: 0 !important;
		margin-right: 16px !important;
		}
  
  	.altItemImages a { display: flex; }
  
  	.altItemImages img {
		float: left !important;
		width: 50px !important;
		height: 50px !important;
		}

	#itemCart {
		clear: both  !important;
		float: left !important;
		margin-left: 0 !important;
		margin-bottom: 1em !important;
		width: 100% !important;
		}

	#quantityBreakPrice, #quantityBreakActualPrice { left: 0 !important; }

	#itemAddToCart { 
		width: 100%;
  		margin-bottom: 0;
  		}
  
  	#itemSku, #documentsSection, #overviewHeading { display: none; }

  	#assurances { display: none; }
  
  	#showAllProductsButton { float: right; }

	.sugItemsContainer {
		width: 30% !important;
		}

	.addToCartQtyLabel { display: none;}

	.addToCartButtonContainer { width: 100%; }
  
	a.addToCartButton { min-width: 0; width: 100%; }

  	.quantityBreak table { width: 100%; }
  
  	#quantityBreakLabel { width: 100%; }
  
  	.quantityBreakLabelBottom { width: 100%; }
  
  	.qtyBreakLabelContainer .bulkLabel { width: 75%; }
  
  	.qtyBreakLabelContainer .priceLabel { width: 25%; }
  
  	#quantityBreakLabel { font-size: .875em; }
  
  	#quantityBreakActualQty {
  		font-size: .875em;
  		color: #333;
  		}
  
  	/****** Checkout ******/

	.step h3 {  }

  	#mobileCopy { 
    	margin-top: 0 !important;
  		line-height: 20px !important;
  		}
  
    #checkoutTop, #mobileNumber { display: none; }

	.checkoutMainSectionContainer { width: 100%; }
	
	.checkoutOrderDetails { display: none; }
	
	.mobileCheckoutOrderDetails { display: block; }

	.mobileStretchInputs { max-width: none !important; }

	.checkoutBottomMobileDetails { display: block; }
  
  	/****** Cart ******/ 
		
	#shippingCartDiv { display: none; }

	#cartBottomButtons #bottomCheckouts { display: block; clear: both; }

	#cartBottomButtons #bottomShopper { display: block; clear: both; float: right; }
  
	.buttonWrangler span, .buttonWrangler #topPaypalHide { display: none !important; }
		
	#ratetable { clear:both; }
		
	#bottomCheckouts {
		margin: 1em 0 1.25em;
		text-align: right;
		}

	.cartSecureSection { float: right; }
  
  	/****** Four Oh Four ******/   
  
  	.categories a {
  		font-size: 1em;
  		line-height: 1.25;
  		padding: 6px 0;
  		}
  
	.fourofourSugItemsContainer a {
		width: 30% !important;
		margin-right: 2%;
		}

	/****** Custom Category pages ******/ 
	
	.mobileCenteredFullWidthRow {
		max-width: 590px;
		margin-left: auto;
		margin-right: auto;
		}
	
	.categoryLinkSection li {
		clear: both;
		display: block;
		width: 100%;
		padding-right: 0;
  		}
	
	#billTextContainer h3 { 
		font-size: 1em;
		font-weight: 300;
		margin: 0 0 1.333em 0;
		}
	
	.sectionHeader { font-size: 1.625em; }
	
	.categoryLinkSection { padding-bottom: 0; }
	
	.categoryLinkSection li a { font-size: 1em; margin-top: .4375em; }
	
	.fullWidthIndexBillboardTextContainer p { font-size: 1.875em; }

	a.shopAllSectionLink { margin-top: .625em; }
  
}
  
@media only screen and (max-width : 599px) {
  
  	/****** Cart ******/ 
		
	.lineTotal {
		text-align: right !important;
		float: right !important;
		width: 24%!important;
		}
		
	#productPrice { width: 24% !important; }
		
	#paypalCheckoutButton {
		clear: both;
		float: left;
		width: 100%;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: .875em;
		font-weight: 400;
		text-align: center;
		text-decoration: none;
		padding: 1em 0;
		color: #333;
		background-color: #FFC439;
		}
		
	#paypalCheckoutButton:hover {
		color: #fff;
		background-color: #373a36;
		}
  
#paypalCheckoutButton:active {
  		position: relative;
  		top: 2px;
  		}
		
}  

@media only screen and (max-width : 539px) {
  
  	/****** Footer ******/ 

	.informationBottomBlock2, .informationBottomBlock3, .informationBottomBlock4 { width: 100% !important; }

  	#newsletterEmail, .mc-field-group, .newsletterButton { width: 100%; }

	#newsButtonPosition { display: block;width: 100%;margin-top: 10px; }
  
  	/****** Index Page ******/

	.topCatNav { margin-bottom: .625em; }

	.fourColumns, .twoColumns, .bodyBillboard  { padding: 1.25em 0 1.875em; }

	.fullBillMargin { margin: 1.25em 0 1.875em !important; }

	.fullWidthIndexBillboardContainer, .bodyBillboardContainer { display: table; padding: 1.875em 0; }	

	.fullWidthIndexBillboardImageContainer, .fullWidthIndexBillboardTextContainer, .bodyBillboardImageContainer, .bodyBillboardTextContainer { left: 0; padding: 0; }
	
	.fullWidthIndexBillboardImageContainer, .bodyBillboardImageContainer { display:block; width: 100%; }

	.fullWidthIndexBillboardTextContainer, .bodyBillboardTextContainer { display: block; width: 100%; margin-top: 1.25em; right: 0; }

	.fullWidthIndexBillboardImageContainer img, .bodyBillboardImageContainer img { max-width:420px; }
  
  	.topSectionContainer, .middleSectionContainer, .bottomSectionContainer { width: 100%; }

	.fourColumns h1, .twoColumns h1 { font-size: 1.625em; }

	.fourColumnRow .productUnit:first-child { border-top: 1px solid #d2d2d2 !important; }
		
	.fourColumnRow .productUnit, .productUnit {
		margin-left: 0;
		width: 100%;
  		max-width: 100%;
 		height: auto !important;
  		border: none;
  		border-bottom: 1px solid #d2d2d2 !important;
  		margin: 0 !important;
		}
  
  	.fourColumnRow .productUnit:hover {
  		z-index: auto;
		border: none;
		outline: none;
		} 

	.savePriceBadge { display: none; }

	.indexMobileBadge { display: block; }
  
  	a.productLink:hover h3 { text-decoration: underline; }
  
  	.productUnit a.productLink { 
  		height: auto !important;
  		padding: 1.25em 0;
  		}
  
  	.productUnit img {
  		float: left;
  		display: inline-block;
  		width: 33%;
  		}
  
  	.indexItemsMobileWrapper {
  		float: right;
  		display: table-row;
  		vertical-align: top;
  		width: 65%;
  		padding-left: 2%;
  		}
  
  	.productLink h3, .productDescription { max-width: 100%; }
  
  	.productLink h3 { margin-top: 0; }

	#indexGrandWrap .productUnit img { margin-top: .75em; }

	.featuredProductsBodyTag { min-height: 0; margin-top: 0; margin-bottom: .75em; }

	.seeAllCategories { display: none; }
		
	.indexAssuranceContainer {
	  	clear: both;
		display: block;
		width: 100%;
		margin-left: 0;
		}	
		
	.indexAssuranceContainer .assuranceCta { min-height: 0; }
		
	.indexAssuranceContainer .assuranceCta { margin: .75em 0 0; }
		
	.indexAssuranceContainer a h2 { margin: 0 0 -.5em; }
		
	#newsletterSignupPopup #popupNewsletterEmail, #newsletterSignupPopup .newsletterButton { width: 100%; }
		
	#newsletterSignupPopup #newsButtonPosition { width: 100%; margin-top: .5em; }
  
  	/****** Category/Search ******/

	a.fullWidthBillboardButton { width: 100%; }

	.blueBadgeOfCourage { display: none; }

	.mobileBadgeOfCourage { display: block; }
  
  	#parentBill {
  		height: auto !important;
  		background-color: #fff !important;
  		}
  
  	#billTextContainer h2 { display: none; }
  
  	#searchCatPagination {
  		width: 100% !important;
  		padding-bottom: 16px; 
  		border-bottom: 1px solid #d2d2d2;
  		}
  
  	.productBox { 
  		width: 100% !important;
  		margin: 0 !important;
  		}
		
	.boxRadius {
		width: 100% !important;
  		max-width: 100% !important;
		border: none !important;
  		outline: none !important;
		border-bottom: 1px solid #d2d2d2 !important;
  		padding: 0;
  		margin: 0;
		}
  
  	.boxRadius a { 
		display: table;
  		padding: 16px 0;
		border: none;
  		}
	  
	.boxRadius a:hover {
  		z-index: auto;
		border: none;
		outline: none;
		} 
  
  	.boxRadius:hover .itemCode { text-decoration: underline; }
  
  	div.product-summary-box div.detailsBox { 
  		min-height: 0;
  		float: left;
  		width: 33%;
		padding: 0;
  		}
  
  	.itemDetailsContainer {
  		float: right;
  		width: 66%;
		height: auto;
  		padding: 0;
  		padding-left: 0.625em;
  		}
  
  	.itemCode { 
  		height: auto !important;
  		margin-bottom: 16px;
  		}
		
    .subCatBox { 
  		width: 100% !important; 
  		border-bottom: 1px solid #d2d2d2;
  		margin-top: 0;
  		padding: 0;
  		}
  
  	.subCatBox a {
  		max-width: 100%;
  		width: 100%;
  		margin: 0;
  		padding: 16px 0;
  		}
  
  	.subCatBox img {
  		float: left;
  		width: 33%;
  		}
  
  	.subCatBoxTextContainer {
  		float: left;
  		width: 62%;
  		padding-left: 5%;
  		}
  
  	.subCatBox h3 {
  		display: block;
  		height: auto;
  		font-size: 1.25em;
  		text-align: left;
  		line-height: 1.25;
  		padding-top: 0;
  		}
  
  	/****** Item Page ******/ 

	.white_content { height:90%; top: 5% }

	.hideMobileBadge { display: none !important;}
  
  	#showAllProductsButton { display: none; }
  
  	#suggestedItemsList { 
  		margin: 0;
  		height: auto;
  		}

  	.sugItemsContainer { 
  		width: 100% !important; 
  		margin-left: 0;
  		} 
  
  	.sugItems { 
  		display: table; 
  		width: 100%;
  		padding: 16px 0;
  		border-bottom: 1px solid #d2d2d2;
  		}
  
  	.sugItemsContainer a { width: 100%; } 
  
  	.sugItems img {
  		width: 33%;
  		height: auto;
  		float: left;
  		padding-right: 2%;
  		}
  
  	.clearBoth, .sugItemPrice {
  		width: 65%;
  		float: right;
  		}
  
  	.sugItems .clearBoth { 
  		margin-top: 0; 
  		clear: none;
  		}

	#returnLinkContainer { margin-bottom: 1.25em; }
  
  	/****** Cart ******/

	#cartHeader { width: 25%; }

	.continueShoppingContainer { width: 75%; float: right; margin: 0; text-align: right;  }

	.topCheckoutButtonContainer { 
		clear: both; 
		float:left; 
		display: block; 
		width: 100%; 
		}
	
	.topCheckoutButton { max-width: none !important; }
		
	#bottomShopper { text-align: center; }
		
	.bottomCheckoutButton, #bottomCheckouts span, .bottomPaypalButton { display: none !important; }
		
	#paypalCheckoutButton { display: block; }
		
	#ratetable { display: none !important; }
		
	#cartPage { margin-top: 0 !important; }
		
	#cartHeaderContainer {
		height: auto !important;
		border: none !important;
		padding: 1em 0;
		}
  
  	#cartHeader { margin-bottom: 20px;}
		
	#checkoutButtonContainer {
		clear: both;
		width: 100%;
		}
		
	#checkoutOrPaypal div {
		float: left !important;
		width: 100%;
		}
		
	a.cssCheckoutButton, a.cssCheckoutButton:visited {
		width: 100% !important;
		padding: 1em 0 !important;
		text-align: center;
		}
		
	#paypalIcon { display: none; }
		
	#checkoutOrPaypal span { display: none; }
		
	#continueShopping {
		position: absolute;
		top: 0;
		right: 0
		}
		
	.cartProductImage { width: 20% !important; }
		
	.cartProductLink {
		float: right !important;
		width: 70% !important;
		padding-right: 0 !important;
		padding-left: 10%;
		}
		
	.productQuantity {
		float: right !important;
		margin-top: 2%;
		padding-left: 10% !important;
		width: 70% !important;
		}
		
	#updateButton { display: block !important; }
		
	#productPrice {
		margin-top: 2%;
		padding-left: 30% !important;
		width: 70% !important;
		text-align: left !important;
		}
		
	.lineTotal {
		float: right !important;
		width: 70% !important;
		text-align: left !important;
		padding-bottom: 5%;
		padding-left: 10% !important;
		}

	.updateButtonContainer { clear: none; }
		
	.lineTotal .cartProductPrice { display: none; }
		
	.lineTotal .lineTotalColor {
		margin: 0.3125em 0;
		float: left !important;
		text-align: left !important;
		}
		
	#cart_item_row_total_dollars { text-align: left !important; }
		
	#cartBottomButtons { border-top: none !important; }
		
	#emptyCartAlert { margin-top: 20px !important; }

	#subtotalPrice { float: left; max-width: none; width: 100%; }

	#subtotalPrice #totalPrice { text-align: left; }

	#subtotalPrice #totalPrice span { float:right; }

	/****** Checkout ******/ 
	
	.shippingSelectionButtonList { width: 100%; }
	
	.oddCell { margin-left: 0; }

	.checkoutBottomShopper { clear: both; float: left; width: 100%; padding-top: 0.625em; }
  
  	/****** Four Oh Four ******/ 
  
  	.sugThisItem {
  		margin-bottom: 0;
  		display: table;
  		padding: 16px 0;
  		}
  
	.fourofourSugItemsContainer a {
		width: 100% !important;
		margin-right: 0 !important;
  		border-bottom: 1px solid #d2d2d2;
		}
  
  	.fourofourSugItemsContainer img {
  		float: left;
  		width: 33%;
  		padding-right: 2%;
  		margin: 0 !important;
  		}
  
  	.featuredTitle, .featuredPrice {
  		float: right;
  		width: 65%;
  		}
  
  	.featuredTitle {
  		max-width: 360px;
  		}
  
  	.categories
  
  	#categoryLinks, #categoryColTwo, #categoryColThree, #catColumnTwo, #catColumnThree {
  		clear: both;
  		display: block;
  		width: 100%;
  		}

	/****** Custom Category pages ******/ 

	.fullWidthIndexBillboard { margin: 1.25em 0 1.875em; }

	.fullWidthRowNoTopPad { padding-top: 1.25em !important; }

	.fullWidthRow { padding-top: 1.25em; padding-bottom: 1.875em; }
	
	.sectionHeaderContainer .sectionHeader { color: #fff; }
	
	a.shopAllSectionLink { clear: both; float: left; margin-top: 0; line-height: 1.5; font-weight: 500; color: #0078d7; }

	a.shopAllSectionLink i { font-weight: bold; }
	
	.sectionHeaderContainer { padding: 1.25em 1em; margin: 0; background-color: #0C0B17; }
	
	.fullWidthIndexBillboardTextContainer p { font-size: 1.5em; }
  
}
	  
@media only screen and (max-width : 499px) {
  
  	/****** Checkout ******/
	
    #mobileCopy { display: none !important; } 
  
  	#mobileNumber { 
  		margin-top: 12px;
  		display: block !important; 
  		}
  
  	/****** Four Oh Four ******/
		
	#catColumnTwo, #catColumnThree {
		clear: both;
		margin: 0 !important;
		}
		
	#fourOhMessage { width: 100% !important; }
  
} 
  
@media only screen and (max-width : 439px) { 
  
  	/****** Category/Search ******/
		
	#viewing { display:none; }
  
} 	
	  
@media only screen and (max-width : 399px) {
  
  	/****** Checkout ******/
		
	#mobileNumber { display: none; }
		
}

/* ======================= New big breakpoints ======================= */

@media only screen and (min-width: 1400px) {

	.text-overlay-container .db-header { font-size: 3em; }

	.fc-p-div p { font-size: 1em; }

	.text-overlay-container .dp-p { font-size: 1em; }

	.hli-text-container .text-overlay h1 { font-size: 3em;line-height: 1.2em; }

	.hli-text-container .text-overlay p { font-size: 1em; }

	}


@media only screen and (max-width: 1068px) {

	a.superhero .image-wrapper img { width: 100%; }

	a.superhero .copy-wrapper h2 { font-size: 1.5em; line-height: 1.1667 }

  	}
@media only screen and (max-width: 960px) {

	.tablet-image { display: block; }

	.desktop-image, .mobile-image { display: none; }

	.fc-table-div ul li { width: 46%;height: 30%;padding-top: 25px; }

	.fc-h2-div h2 { font-size: 1.875em; }

	.fc-p-div p { font-size: .8125em; }

	.all-categories-link-banner-container h2 { font-size: 1.125em;font-weight: 300; }

	.no-right-margin { margin-right: 0 !important; }

	.lb-image-container { text-align: justify; }

	.db-text-overlay { position: relative; }

	.text-overlay-container { position: relative;display: inline-block;margin-top: 18px;margin-bottom: 0;width: 75%;min-width: 195px; }

	.left-text-overlay { margin-left: 11.6%; }

	.right-text-overlay { margin-left: 4%; }

	.text-overlay-container .db-header { font-size: 1.875em !important; }

	.db-e0-background { background-color: #e0e0e0; }

	.db-eee-background { background-color: #eee; }

	.db-e3-background { background-color: #e3e3e3; }

	.db-c8-background { background-color: #c8c8c8; }

	}

@media only screen and (max-width: 767px) {
	.featured-products { padding-top: 20px; }

	.fp-list { display: inline-block;margin-top: 10px; }

	.fp-list-h1 { margin-bottom: 30px; }

	.fp-list-h1 h1 { font-size: calc(25px + 0.65vw); }

	.fp-featured-product {
		width: 50%;
		margin: 0;
		}

	.fp-featured-product:nth-last-child(2):nth-child(odd),
	.fp-featured-product:last-child {
		border-bottom: 0
	}

	.fc-p-div { margin-bottom: 0; }

	.fp-featured-product .fc-button-div { display: block; }

	.fp-img-wrapper { margin-left: 0; }

	.fp-details h3 { max-height: none; }
}

@media only screen and (max-width: 640px) {

	a.superhero .image-wrapper { padding-top: 40px; }

	a.superhero .copy-wrapper { padding-bottom: 30px; }

	a.superhero .copy-wrapper h1 { font-size: 2.5em; }

	a.superhero .copy-wrapper h2 { font-size: 1.125em; font-weight: 300; margin-top: 6px; }

	a.superhero .copy-wrapper .details { font-size: 1em; }

	.unslider .dots { position: relative; margin-top: -10px; }

	.mobile-image { display: block; }

	.tablet-image, .desktop-image { display: none; }

	.fc-table-div ul { float:none;margin-bottom: 25px;margin-top: 25px; }

	.fc-table-div ul li { float: none;margin: auto;width: 100%;height: 30%;padding-top: 0; }

	.fc-img-div { text-align: center; }

	.fc-p-div { min-height: 0 !important;margin-top: 7px; }

	.fc-button-div { min-height: 0;margin-top: 30px;margin-bottom: 10px; }

	.fc-button-div .fc-button { width: 100%;display: inline-block;font-size: .8125em;padding-left: 0;padding-right: 0; }

	.all-categories-link-banner-container { padding: 20px 0 10px 0;text-align: left; }

	.all-categories-link-banner-container h2 { width: 100%;display: inline-block;font-size: 18px;line-height: 21.6px;margin-bottom: 15px; }

	.all-categories-link-banner-container a { width: 100%;display: inline-block;font-size: .8125em;margin: 0 0 16px 0; }

	.left-block { position: relative;width: 100%;max-width: 100%; }

	.db-text-overlay { position: relative;height: auto !important;width: 100%;margin-left: 0;margin-right: 0; }

	.text-overlay-container { width: 90%;top: 0;max-width: 800px;margin-top:35px;margin-right: 5%;margin-bottom:43px;margin-left: 5%; }

	.dual-block .fc-button-div { display: inline-block;width: 100%;margin-top: 25px;margin-bottom: 3px; }

	.second-button { margin-top: 10px; }

	.hli-text-container .text-overlay { position: relative;width: 100%;margin-top:25px;padding-top: 0; }

	.hli-text-container .text-overlay h1 { margin-bottom: 7px; }

	}

@media only screen and (max-width: 539px) {
	.fp-list { width: 100%;margin-top: 0; }

	.featured-products { padding-top: 18px; }

	.fp-featured-product { width: 100%;padding-top:30px; }

	.fp-thumb { width: 100%; }

	.fp-img-wrapper { margin-bottom: 3px;margin-left: 0;text-align: center; }

	.fp-details { min-height: 0; }

	.fp-img-wrapper img { margin: 0 auto; }

	.fp-list .fc-button-div { margin-top: 8px; margin-bottom: 60px; }
}


/* ======================= Voltera/Alt Item Page =======================*/

.pp-section-grid-container {
	margin: 0 auto;
	max-width: 1180px;
	width: 90%;
	position: relative
}
.primary-section,
.includes-section,
.specs-section {
	margin-top: 50px
}
.features-section .horizontal-section {
  	margin-top: 25px
}
.features-section .horizontal-section:first-child {
  	margin-top: 0
}
.includes-section,
.specs-section {
  	border-top: 1px solid #d6d6d6 
}
.specs-section {
  	margin-bottom: 50px 
}
.pp-section-grid {
  	position: relative;
  	display: table;
  	border-collapse: separate;
  	border-spacing: 0;
  	padding-bottom: 60px
}
.flipmode.pp-section-grid {
  	direction: rtl
}
.pp-section-grid .pp-grid-row {
  	display: table-row 
}
.flipmode.pp-section-grid .pp-grid-row {
  	direction: ltr 
}
.pp-section-grid .pp-grid-box {
  	overflow: hidden;
  	position: relative;
  	vertical-align: middle;
  	zoom: 1;
  	display: table-cell;
  	float: none
}
.horizontal-section {
  	display: block;
  	position: relative;
  	z-index: 1
}
.horizontal-section:before, .horizontal-section:after {
	content: '';
	display: table
}
.horizontal-section:after {
	clear: both
}
.pp-sidepanel {
	padding: 36px 0
}
.pp-textblock {
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 15%
}
.flipmode.pp-section-grid .pp-textblock {
	padding-right: 15%;
	padding-left: 0
}
.pp-paralist {
	padding-bottom: 12px
}
.pp-paralist > .pp-intro {
	margin-top: 0 
}
.last.pp-paralist {
	padding-bottom: 0
}
div#itemBody .pp-heading {
	font-size: 32px !important;
	line-height: 1.09375 !important;
	font-weight: 600 !important;
	letter-spacing: .011em !important;
	color: #111 !important;
	margin: 0 !important
}
div#itemBody .pp-title {
	font-size: 24px !important;
	line-height: 1.20849 !important;
	font-weight: 500 !important;
	letter-spacing: .015em !important;
	color: #111 !important;
	margin: 0 35px 0 0 !important
}
div#itemBody p.pp-intro {
	font-size: 17px !important;
	line-height: 1.52947 !important;
	font-weight: 400 !important;
	letter-spacing: -.021em !important;
	color: #333 !important;
	margin: .75em 0 0 0 !important
}
div#itemBody p.pp-intro > strong {
	font-weight: 500 !important
}
.pp-pagealert {
	font-size: 17px;
	line-height: 1.52947;
	font-weight: 400;
	letter-spacing: -.021em;
	color: #111;
	text-align: center;
	background-color: #f9edb8;
	border: 1px solid #EDC967;
	padding: 15px 30px;
	margin: -20px 0 40px
}
@media only screen and (max-width: 1068px) {	  
  	.pp-section-grid {
		padding-bottom: 30px
  	}
  	div#itemBody .pp-heading {
		font-size: 28px !important;
		line-height: 1.1073 !important;
		letter-spacing: .012em !important
  	}
  	div#itemBody .pp-title {
		font-size: 22px !important;
		line-height: 1.22739 !important;
		font-weight: 500 !important;
		letter-spacing: .016em !important
  	}
}
@media only screen and (max-width: 767px) {
  	.includes-section,
  	.specs-section {
		padding-top: 36px
  	}
  	.features-section,
  	.includes-section {
		margin-top: 0
  	}
  	.pp-section-grid {
		display: block;
		padding-bottom: 10px
  	}
  	.pp-section-grid:before, .pp-section-grid:after {
		content: ' ';
		display: table
  	}
  	.pp-section-grid:after {
		clear: both
  	}
  	.pp-section-grid .pp-grid-row {
		display: block
  	}
  	.pp-section-grid .pp-grid-box {
		display: block;
		margin: 0 auto;
  	}
  	.pp-sidepanel {
		padding: 0 0 15px
  	}
  	.flipmode.pp-section-grid .pp-textblock,
  	.pp-textblock {
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 0
  	}
  	.pp-paralist {
		padding-bottom: 6px
  	}
  	div#itemBody .pp-title {
		margin-right: 0 !important
  	}
	.pp-pagealert {
		margin-top: -42px
	}
}
@media only screen and (max-width: 735px) {
  	div#itemBody .pp-heading {
		font-size: 24px !important;
		line-height: 1.20849 !important;
		letter-spacing: .015em !important
  	}
}