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

.cf:before, .cf:after {
	content: " ";
	display: table;
  	}
  
.cf:after { clear: both; }
  
.cf { *zoom: 1; }

@-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;
	} 

* { 
	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', 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', 'Open Sans', Arial, Helvetica, 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 =======================*/
  
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;
    }

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

#top { width: 100% !important; }  
  
#siteAlert {
    display: block;
	background-color: #f5f5f5;
	width: 100%;
	}  
  
#siteAlertContainer  {
  	width: 95%;
    max-width: 1180px;
    margin: 0 auto;
	text-align: center;
    }  
  
#siteAlertMessage {
    font-size: 1em;
	font-weight: 300;
    color: #333;
    line-height: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
    }
  
#desktopHead {
	width: 100%;
	margin: 0 auto;
	display: block;
	}

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

#headerMainContainer {
	position: relative;
	clear: both;
	width: 95%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 1.25em 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;
	}

#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; }
	
a.headerContactLink {
	position: relative;
  	float: left;
  	display: inline-block;
  	font-size: 1em;
 	font-weight: 400;
  	line-height: 1.875em;
  	text-decoration: none;
  	cursor: pointer;
  	color: #333333;
	}
	
a.headerContactLink:hover { color: #0078d7; }
  
/* ======================= 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;
    top: 0;
    left:0;
    right:0;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    background-color: #0078d7;
    z-index: 666;
    }
	
.dc-mega-li:first-child .dc-mega { padding-left: 0; }  
  
.dcjq-mega-menu {
    max-width: 1180px;
	min-width: 960px;
    margin: 0 auto;
    }
	
#mega-menu-1 {  
	list-style: none;
	position: relative;
	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;
	}  
          
#mega-menu-1 li {
	float: left;
	margin: 0;
	padding: 0;
	}
  
#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;
	}
  
#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;
    }
  
#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;
    }  
  
#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;  }        
        
#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: #eee;
	}
  
.footer-items {
  	clear: both;
  	width: 95%;
  	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
	}

#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 #d2d2d2;
	}

.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;
	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;
	outline: none;
	font-size: .875em;
	line-height: 29px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	padding: 0 16px;
	cursor: pointer;
	-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 ======================= */
	  
.featured-categories-main {
	width: 100%;
	background-color: #f9f9f9;
	}
	  
.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: 20px;
	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 { margin-left: 3%; }
	  
.fp-img-wrapper img { 
	max-width: 100%;
	height: auto;
	}
	  
.fp-details { color: #000;margin-bottom: 40px; }
	  
.fp-details h3 {
	color: #0078d7;
	font-size: 1em;
	font-weight: 300;
	letter-spacing: -0.01em;
	line-height: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 42px;
	overflow: hidden;
	}
	  
.fp-featured-product:hover .fp-details h3 { text-decoration: underline; }
	  
.fp-details div {
	font-size: .8125em;
	line-height: 1.46em;
	font-weight: 300;
	margin: 0 0 18px 0;
	}
	  
.fp-details p {
	font-size: 1em;
	font-weight: 500;
	}
	  
.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%; }
	  
.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-bottom: 60px;
	padding-top: 40px;
	}
	  
.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;
	font-size: 1.75em;
	line-height: 1.2em;
	font-weight: 100;
	letter-spacing: -0.01em;
	margin: 5px 0 10px 0;
	}
	  
.image-stack-content-container div p {
	color: #fff;
	font-size: .8125em;
	font-weight: 300;
	line-height: 1.46em;
	margin: 6px 0 10px 0;
	}
	  
.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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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;
	} 
  
/* ======================= 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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
	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: 95%;
    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: 95%;
    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: 95%;
	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: 95%;
	max-width: 1180px;
	margin: 0 auto;
	} 

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

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

#itemSku {
	font-size: .8125em;
	font-weight: 300;
	color: #666;
	} 

#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 img {
	width: 40px;
	height: auto;
	border: 1px solid #d2d2d2;
	}

#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-family: 'Roboto', Arial, sans-serif;
	font-size: 1.875em;
  	line-height: 1.1;
	font-weight: 100;
	color: #333;
	}

.bulkPrimaryPrice { padding: .625em 0 1.25em; }

.freeShippingBadge {
	display: inline-block;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: .8125em;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
	background-color: #E83F24;
	color: #fff;
	padding: .3077em .46151em .2308em;
	}

#itemAddToCart { 
	clear: both;
	display: table;
	margin: 1.25em 0 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; }

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

#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 {
	width: 100%;
	max-width: 550px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 100;
	color: #333;
	line-height: 1.2;
	font-size: 1.5625em;
	margin: .3125em 0 0 0;
	}    

#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 {
	float: left;
	width: 100%;
	height: 33px;
	background-color: #0C0B17;
	border-bottom: 3px solid transparent;
	list-style-type: none;
	}

#documentsLinksContainer {
  	clear: both;
	width: 95%;
	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: 300;
	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: 300;
	text-align: left;
	}

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

div#itemBody {
    float: left;
    display: block;
	margin: 2.5em 0 5em;
	line-height: 1.4 !important;
	font-weight: 400 !important;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-size: 1em;
	color: #333 !important;
	background-color: #fff !important;
	text-align: left !important;
	padding: 0 5% 0 0;
	width: 70%;
	font-style: normal !important;
	overflow: hidden;
	}

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%;
	margin: 2.5em 0 5em;
	}

#suggestedItemsList {
	clear: both;
	float: left;
	height: 488px;
	width: 100%;
	margin-left: -2%;
  	margin-top: 16px;
	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; }

.zoomPup { display:none !important; }

div.zoomWindow {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	height: 100% !important;
	width: 100% !important;
	}

.zoomPad {
	width: 100% !important;
	height: auto !important;
	}

div.zoomWrapper {
	border: 0 !important;
	width: 100% !important;
	height: 100% !important;
	}

div.zoomWrapperTitle { display: none !important; }

div.zoomWrapperImage {
  	width: 100% !important;
	height: 100% !important;
	}

div.zoomWrapperImage img {
	height: 1067px !important;
	width: 957px !important;
	}

.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: #5c2d91 !important;
	color: #fff !important;
	}

#backorderButton:hover, #backorderButton:focus { background-color: #430b4e !important;}

#hiddenValue:first-child { display:none; }

#mobileMainImage { display:none; }

#assurances {
	width: 25%;
	float: left;
	display: block;
	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 {
  	padding-bottom: .999em;
  	border-bottom: 1px solid #d2d2d2;
  	}
  
/* ======================= Checkout Header and Footer / checkout-header.jsp ======================= */

#mobileHead { display: none; }
  
#checkoutTopContainer {
  	display: table;
	width: 95%;
	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: 95%;
	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: 1.875em;
	line-height: 1.1em;
	font-weight: 100;
	margin: 0;
	margin-bottom: 0.5em;
	}
	
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: 95%;
	max-width: 1180px;
	margin: 0 auto;
	margin-top: 1.875em;
	font-size: 1em;
	font-weight: 300;
	}
  
.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: 95%;
	max-width: 1180px;
	margin: 0 auto;
	}

a.checkoutNextButton {
   	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 25em;
   	padding: .375em 0;
   	background-color: #0078d7;
   	color: #fff;
   	font-size: 1em;
   	font-weight: 400;
	line-height: 1.5em;
   	text-decoration: none;
	text-align: center
	}
  
a.checkoutNextButton:hover, a.checkoutNextButton:focus { background-color: #003963; }

.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;
	}
  
.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: 95%;
	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: 95%;
	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;
	}
  
.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 ======================= */  
  
#cartPage {
  	clear: both;
	margin: 0 auto;
	margin-top: 1.875em;
	margin-bottom: 3.75em;
	width: 95%;
	max-width: 1180px;
	font-weight: 300;
	}

#checkoutTopClear { border-bottom: 0; }
		
#paypalCheckoutButton { display: none; }
	  
a#continueShoppingLink, a#continueShopping:visited {
	color: #0078d7;
	text-decoration: none;
	font: 300 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: 100;
  	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: 400;
	text-align: center;
    text-decoration: none;
	}

a.topCheckoutButton:hover, a.topCheckoutButton:focus { background-color: #003963; }
  
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: 400;
    text-decoration: none;
    }

a.cssCheckoutButton:hover, a.cssCheckoutButton:focus { background-color: #003963; }
  
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: .875em;
    font-weight: 300;
    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: 1em;
	font-weight: 300;
  	line-height: 1.125
	color: #0078d7;
	}
  
.cartProductLink a:hover, .cartProductLink a:focus { text-decoration: underline; }
	  
.cartItemNumberSmall {
	font-size:	0.8125em;
	color: #333333;
	}
	  
.cartBackorderStatus {
	font-size: 0.9em;
	color: #e03400;
	margin-top: 0.5em;
	}
	  
.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: .875em;
    font-weight: 300;
  	color: #999;
	border: 2px solid #d2d2d2;
    padding: 0;
	}
  
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: .875em;
    font-weight: 300;
  	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: 300;
  	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: 300;
	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: 300;
  	color: #333;
	}
	  
#subtotalPrice #totalPrice span {
	float: right;
	text-align: right;
  	color: #333;
	}
  
#shippingCartDiv {
	float: left;
    }

#shippingCartDiv p { 
    font-size: 1.5em;
  	line-height: 1.1;
    font-weight: 100;
  	color: #333;
	padding: 0 0 0.4em 0; 
	}

#shipping_zipcode_input { display: table; }

input#quoteInput {
    float: left;
    width: 14em;
    font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	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: 300;
    font-size: 14px;
    text-decoration: none;
    }

#quoteButton:hover, #quoteButton:focus {
    background-color: #0078d7;
    color: #fff;
    }  
	  
#cartBottomButtons {
	clear: both;
	width: 100%;
	float: left;
	display: table;
	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: 95%;
	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;
    } 
  
/* ======================= Media Queries (Responsive Layout) ======================= */
	  
@media only screen and (max-width : 66.813em) { 
  
	/****** 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;
		}
		
}
	 
@media only screen and (max-width : 65.5em) {
  
  	/****** 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 ******/ 
  
  	#watchVideo, .zoomWrapper, .zoomPup, .zoomWindow, .zoomPreload { display: none !important; }

	.zoomPad { cursor: default !important; }
		
}

@media only screen and (max-width : 57.375em) {
  
  	/****** 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 : 48em) {
  
    /****** 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: 95%;
		}

    #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 {
        clear: both !important;
        float: none !important;
        border-bottom: 1px solid #e0e0e0 !important;
        height: 38px !important;
        width: 100% !important;
        text-indent: 2.5% !important;
        background-color: #0078d7 !important;
		}

    #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: 95%;
		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 ******/ 

	.freeShippingBadge {
		font-size: .6875em;
		padding: .3634em .5451em .2725em;
		}
  
  	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 ******/ 

  	#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 : 37.5em) {
  
  	/****** 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 : 33.75em) {
  
  	/****** 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 : 31.25em) {
  
  	/****** 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 : 27.5em) { 
  
  	/****** Category/Search ******/
		
	#viewing { display:none; }
  
} 	
	  
@media only screen and (max-width : 25em) {
  
  	/****** Checkout ******/
		
	#mobileNumber { display: none; }
		
}

/* ======================= New big breakpoints ======================= */

@media only screen and (min-width: 1500px) {

	.text-overlay-container .db-header { font-size: 3em; }

	.fc-p-div p { font-size: 1em; }

	.fp-details h3 { font-size: 1.125em; }

	.fp-details div { font-size: 1em; }

	.fp-details p { font-size: 1.125em; }

	.text-overlay-container .dp-p { font-size: 1em; }

	.image-stack-content-container div 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: 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; }

	.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: 46%;
		margin-top: 0;
		margin-bottom: 30px;
		margin-right: 8%;
		cursor: default;
		}

	.fc-p-div { margin-bottom: 0; }

	.fp-featured-product .fc-button-div { display: block; }

	.fp-img-wrapper { margin-left: 0; }

	.fp-details { margin-bottom: 0; }

	.fp-details h3 { height: auto;color: #000; }

	.fp-featured-product:hover .fp-details h3 { text-decoration: none;color: #000; }

	.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; }

	.image-stack-content-container div h2 { display: block;margin-top: 0;margin-bottom: 8px;font-size: 1.5em; }

	}

@media only screen and (max-width: 640px) {

	.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: 33px; }

	.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; }

	.fp-list { width: 100%;margin-top: 10px; }

	.featured-products { padding-top: 18px; }

	.fp-featured-product { width: 100%;margin-top: 0;margin-bottom: -5px; }

	.fp-thumb { width: 100%; }

	.fp-img-wrapper { margin-bottom: 3px;margin-left: 0;text-align: center; }

	.fp-details { margin-bottom: 40px; }

	.fp-img-wrapper img { margin: 0 auto; }

	.fp-details h3 { margin-top: 0;margin-bottom: 11px;height: auto; }

	.fp-details div { height: auto !important; margin-bottom: 16px; }

	.fp-list .fc-button-div { margin-top: 8px; margin-bottom: 60px; }

	.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; }

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

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

	.image-stack { display: table;width: 100%; max-width: 100%; }

	.image-stack-content-container div h2 { margin-top: 0;margin-right: 10px; }

	.image-stack-content-container div p { margin-bottom: 10px;font-size: .8125em; }

	.hli-text-container .text-overlay { position: relative;width: 100%;margin-top:25px;padding-top: 0; }

	.hli-text-container .text-overlay h1 { margin-bottom: 7px; }

	}