body {font-family: "Karla", Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.3;}
a {text-decoration: none; color: inherit;}
a:visited {color: inherit;}

#overlay {background-color: #000000; opacity:0.4; filter:alpha(opacity=40); position: absolute; top: 0px; left: 0px; width: 100%; bottom: 0px; z-index: 900; display: none;}
#content {margin-top: 20px;}


/**** HEADER ****/
.header {background: #11396a; color: #ffffff; height: 88px; position: fixed; box-shadow: 0px 0px 20px #ffffff; z-index: 999;}
#header--spacer {height: 88px;}
.navUser {padding-top: 6px;}
.navUser-item {color: #ffffff;}
.navUser-action {color: #ffffff;}
.navUser-item--cart {padding: 6px 0px 6px 0px !important; background: #f66a03; border-radius: 0px 0px 5px 5px; color: #ffffff; width: 120px; margin-top: -6px !important; border-right: 0px !important;}
.navUser-item--cart img {float: left; margin-top: 4px; margin-left: 10px;}
.navUser-action--quickSearch {display: none;}
.navUser-item-cartLabel {color: #ffffff;}                
.mobileMenuCart {display: none;}

@media (max-width: 1540px) {.worldShipping {display: none;}}
@media (max-width: 1350px) {.safelyPackaged {display: none;}}
@media (max-width: 1210px) {.secureShopping {display: none;}}
@media (max-width: 1070px) {.navUser--newsletter {display: none;}}

.countPill {background-color: #d85c01;}
#logo {position: absolute; top: 16px; width: 191px; height: 61px; background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/logo.png'); z-index: 55;}
.inner {width: 90%; position: relative;}
.searchFrame {width: 600px; position: absolute; margin-left: 206px; top: 36px; outline: none;}
@media (max-width: 1200px) {.searchFrame {width: calc(100% - 540px);}}
@media (max-width: 980px) {.searchFrame {width: calc(100% - 440px);}}
@media (max-width: 980px) {.headerLinks--blowout {display: none;}}

#search_query {height: 34px; border-radius: 5px 0px 0px 5px; width: 80%; float: left;}
.searchGo {background-color: #6ec4f9; border-radius: 0px 5px 5px 0px; border-left: none; height: 34px; width: 44px; float: left; background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/glass.jpg'); background-repeat: no-repeat; background-position: center; cursor: pointer;}
#headerTopText {position: absolute; margin-left: 184px; top: 6px;}
.topText {color: #6ec4f9; padding-top: 6px; margin-left: 20px; float: left; font-size: 12px; font-weight: bold;}
.navUser-action {
  padding: .18rem 0.78571rem;
  text-transform: none;
}
.navUser--bar {border-right: 1px solid #ffffff; margin-top: .54rem;}

 #topHoursDrop {background-color: #11396a; position: absolute; width: 336px; height: 0px; opacity: 0; margin-top: -1px; margin-left: -1px; border-radius: 0px 5px 5px 5px; z-index: 1000; border-left: 1px solid; #ffffff; border-top: 0px; text-align: left; padding: 0px; overflow: hidden; display: block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.navUser--hours:hover > #topNewsletterDrop {opacity: 0; height: 0px;}
.topHoursContent {font-family: Lato; width: 308px; height: 128px; background: #ffffff; color: #11396a; border-radius: 5px; margin-top: 3px; margin-left: 3px; padding: 6px; cursor: pointer; margin: 10px;}

#topNewsletterDrop {background-color: #11396a; position: absolute; width: 376px; height: 0px; margin-top: -1px; margin-left: 0px; border-radius: 0px 5px 5px 5px; z-index: 1000; text-align: left; overflow: hidden; display: block; opacity: 0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.navUser--newsletter:hover > #topHoursDrop {opacity: 0; height: 0px;}
.topNewsletterContent {margin: 10px;}

.newsLarge {color: #11396a; font-size: 26px; margin-bottom: 6px;}
.newsText {color: #454545; font-size: 15px; margin-bottom: 10px;}
.newsMain {border: 1px solid #aeaeae; width: 304px; height: 34px; border-radius: 5px 0px 0px 5px; border-right: none; padding: 4px 10px 10px 8px; font: 400 15px Lato; float: left;}
.newsJoin {background-color: #1e89cc; text-align: center; padding-top: 9px; color: #ffffff; border-radius: 0px 5px 5px 0px; border-left: none; height: 34px; width: 44px; float: left; cursor:}
.newsPolicy {clear: both; padding-top: 6px;}
.newsPolicy a {color: #1e89cc; font-size: 11px;}
#newsSignupTop input {width: 280px; color: #000000;}	

.headerLinks {position: absolute; right: 150px; top: 50px;}
.headerLinks li {float: left; margin-left: 20px; list-style: none;}
.headerLinks li a {color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 700;  o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s}
.headerLinks li a:hover {color: #ff6a03;}
@media (max-width: 1330px) {.headerLinks {right: 30px;}}

#mobileMenu {display: none;}

.container {max-width: 90%; padding: 0px 0px 0px 0px;}

/**** CATEGORY PAGES (WITH SUB-CATEGORIES) ****/
@media all and (min-width: 801px){
	.page-sidebar {max-width: 250px; margin-right: 10px; border: 1px solid #e2e2e2; border-radius: 5px; box-shadow: 0px 0px 15px 0px #b0b0b0; padding-top: 10px;}
}
.categoryLogo {margin-bottom: 20px;}
@media all and (max-width: 800px){
	.categoryLogo {max-width: 100px;}
}

.catList-item {float: left; width: 25%; margin-bottom: 50px; min-width: 240px;}
.catImageBox {width: 170px; height: 200px;}
.catImage {width: 190px; height: 190px; background-position: center bottom; background-size: contain; background-repeat: no-repeat;}
.catImage:hover {opacity: .8; o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;
	width: 200px; height: 200px; margin-bottom: -10px;
}

.catText {width: 190px; height: 30px; margin-top: 8px; text-align: center; font-weight: bold; line-height: 1.3em;}

@media (min-width: 801px){
	#product-listing-container {width: calc(100% - 260px);}
}

.page-heading {text-align: left; color: #f66a03;}
.page--info {width: calc(100% - 260px); float: left; margin-left: 20px;}
.break {width: 100%; clear: both;}

.accordion-title {background: #11396a; color: #fff; font-weight: bold; width: 100%; border-radius: 3px;}
.navList-item {padding; 0px; height: 22px; overflow-y: hidden;}
.navList-action--checkbox:before, .navList-action--checkbox:after {top: 12px; }
            
/**** CATEGORY PAGES (WITH PRODUCTS) ****/
.page-heading {margin-bottom: 20px;}
.productGrid {margin-top: -30px;}
.productGrid li {margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px;}

.card-figure:hover .card-image {opacity: .8; width: 100%; height: 210px; margin-bottom: -10px;}

.card-image {height: 200px; width: 90%; background-size: contain; background-position: center bottom; background-repeat: no-repeat; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.card-image-nohover {height: 200px; width: 90%; background-size: contain; background-position: center bottom; background-repeat: no-repeat; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.card-figure: {width: 90%; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.card-figcaption { -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.card-figcaption-button {box-shadow: 0px 0px 20px #bbbbbb;}
.card-body {width: 90%;}
.card-fixed {line-height: .9em; height: 84px; overflow: hidden;}

.cartButton {padding-left: 25px; width: 127px; height: 25px; background: #1e8b00; border: 1px solid #1e8b00; color: #ffffff; border-radius: 3px; text-align: center; font: 13px geneva; line-height: 1.9em; background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartL.png'); background-repeat: no-repeat; background-size: 15%; background-position: 12px;  -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; line-height: 1.4em;}
.cartAdd > .cartText {margin-left: 20px;}
.cartAdd:hover {background-color: #1a7601; cursor: pointer; box-shadow: 0px 0px 1px #000000;}
.cartPre {
	color: #1e8b00; 
	background: #ffffff; 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), -webkit-linear-gradient(top,  #ffffff 0%,#c4e0be 100%); 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), -moz-linear-gradient(top,  #ffffff 0%,#c4e0be 100%); 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), linear-gradient(to bottom,  #ffffff 0%,#c4e0be 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4e0be',GradientType=0 );
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;}
.cartPre:hover {
	cursor: pointer; 
	box-shadow: 0px 0px 1px #92c384; 
	background: #ffffff; 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), -webkit-linear-gradient(top,  #ffffff 0%,#99dd89 100%); 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), -moz-linear-gradient(top,  #ffffff 0%,#99dd89 100%); 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartLPreorder.png'), linear-gradient(to bottom,  #ffffff 0%,#99dd89 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99dd89',GradientType=0 );
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;}
.cartOOS {
	padding-left: 15px;
	line-height: 1.8em;
	border: none; 
	cursor: default; 
	background: #d6d6d6; 
	background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/oosX.png'), -webkit-linear-gradient(top,  #d6d6d6 0%,#7b7b7b 100%); 
	background-repeat: no-repeat;
	background-size: contain;
}
.cartPre img {height: 16px; position: absolute; left: 6px; top: 3px;}
.cartText img {position: absolute; margin-left: 8px; margin-top: 3px;}
.cartPre .cartText {margin-left: 6px;}



.similarItems {padding-bottom: 20px;}
.similarHead {font: 700 14px Lato; text-align: left; padding-bottom: 8px; color: #11396a; padding-top: 10px;}
.similarItem {width: 100px; float: left; margin-right: 10px; font: 12px Lato; text-align: center; color: #5494c2;}
.similarImg  {width: 100px; height: 100px; border: 1px solid #dddddd; font: 12px Lato; text-align: center; color: #5494c2; background-size: contain; background-position: center; background-repeat: no-repeat;}
.similarTxt {padding-bottom: 4px;}
.similarItem a {color: inherit; text-decoration: none;}


/**** PRODUCT ****/
.productView-title {color: #11396a; font-family: Lato; font-weight: bold; line-height: 1.1em;}
.productView-brand {display: none;}
.productView-keywords {color: #5494c2; font: 700 14px Lato; line-height: 1.3em;}
.productView-keywords a {color: inherit; text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.productView-keywords a:hover {color: #11396a; font-weight: bold;}
.productView-dash {margin-right: 2px; cursor: default;}
.productView-price {margin-top: 10px;}
.productView-price .price-section .price {font: 400 40px Lato;}
    
.product-availability {color: #1e8b00; font-size: 20px; font-weight: bold; margin-top: 20px;}
.product-availability-oos {color: #f20909;}
.product-availability-pre {color: #b452e6;}
.product-stock {color: #f20909; font-size: 12px;}

.cartButton {float: left;}
.button {-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.button--cartAdd {background: #1e8b00; width: 257px; height: 55px; font-size: 24px;}
.button--cartAdd:hover {background-color: #1a7601; cursor: pointer;}
.button--cartPre {border: 1px solid #1e8b00; color: #1e8b00; width: 257px; height: 55px; font-size: 24px; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #c4e0be 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#c4e0be 100%); background: linear-gradient(to bottom,  #ffffff 0%,#c4e0be 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4e0be',GradientType=0 ); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.button--cartPre:hover {color: #1e8b00; cursor: pointer; box-shadow: 0px 0px 1px #92c384; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #99dd89 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#99dd89 100%); background: linear-gradient(to bottom,  #ffffff 0%,#99dd89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99dd89',GradientType=0 );}
.product--cartQTY {float: left; margin-right: 20px;}
.product--wishlist {float: left; margin-top: 10px; height: 60px;}

.cart-actions .button--primary:visited {color: #fff;}
.form-actions .button--primary:visited {color: #fff;}
.button--primary:visited {color: #fff;}


.price-original {color: #919090;}

.preorder {color: #919090;}
.preorderHow {position: relative;}
.preorderHowButton {width: 252px; height: 26px; padding-top: 4px; background-color: #f3f3f3; border: 1px solid #cbcbcb; border-radius: 5px; color: #248a08; font: 700 13px Lato; text-align: left; padding-left: 30px; padding-right: 30px; cursor: pointer; margin-left: 110px; position: absolute; top: -33px; overflow: hidden; z-index: 100;}
.preorderHowButton:hover {background-color: #ecebeb;}
.preorderHowButton li {color: #555555; padding-left: 32px; list-style: bullet;}
.preorderHowButton li a {color: #248a08;}
.preorderClose {float: right; z-index: 200; margin-right: -20px; cursor: pointer;}
.preorderClose:hover {text-decoration: underline;}
.preorderBreak {clear: both; height: 6px;}

.product-notes {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-style: italic; font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding-top: 6px; padding-bottom: 6px;}

.productView-info dt {float: left; width: 150px; clear: left;}
.productView-info dl {float: left;}
.productView-info {margin-top: 0px;}
  @media (min-width: 551px) {
    .productView-info > :first-child {
      margin-top: 0px; } }
  .productView-info > :last-child {
    margin-bottom: 0; }

.productView-image img {max-height: 600px; width: auto;} 
.productView-thumbnails {width: 100px; float: left; margin-top: 40px;}
.productView-thumbnail {width: 90%;}
    
#itemBuying {clear: both; padding-top: 8px; padding-bottom: 10px; margin-top: 10px; float: left; width: 100%; display: none; cursor: pointer; padding-bottom: 14px; border-top: 1px solid #eee;}
.itemBuying1 {float: left; color: #ecf0f3; width: 0px; margin-left: 2px; margin-top: 16px;}
.itemBuying2 {width: 142px; height: 26px; background-color: #ecf0f3; border-radius: 5px 0px 0px 5px; float: left; text-align: center; font: 700 11px Lato; padding-top: 6px; margin-top: 9px; margin-left: 10px;}
.itemBuying3 {width: 64px; height: 26px; background-color: #f5d554; border-radius: 0px 5px 5px 0px; float: left; text-align: center; font: 700 11px Lato; padding-top: 6px; margin-top: 9px;}
    
    

.quickSearchResults {overflow: scroll; background: #fff; width: 100%; max-width: 800px; max-height: 600px; position: absolute; margin-top: -44px; opacity: 0; border-radius: 4px;}
.quicksearch--grid {padding: 0px; margin: 0px; background: #fff;}
.quicksearch--grid li {list-style: none; padding-top: 10px; clear: both; border-bottom: 1px solid #ccc; width: 100%; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.product--row img {max-width: 50px; max-height: 50px;}
.product--row--img {float: left; width: 60px; text-align: center; margin-left: 8px;}
.product--row--text {float: left; padding-left: 10px; font-size: 16px; color: #525252; width: calc(100% - 80px); text-align: left;}
.product--row--break {clear: both; height: 4px;}
.quicksearch--grid li:hover {background: #dee1e1; cursor: pointer;}
.quicksearch--grid li:hover > .product--row--text {color: #000000;}
.quickSearchMessage {color: #525252; margin: 10px; text-align: left;}

@media all and (min-width: 1301px){
	.productView-details {width:calc(100% - 650px);}
	.productView-description {width: calc(100% - 650px);}
	.productView-images {width: 650px;}

}

@media all and (min-width: 801px) and (max-width: 1240px){
	.productGrid li {width: 33%; min-width: 33%; max-width: 33%;}
	.productGrid .grid0, .productGrid .grid1, .productGrid .grid2 {border-top: 0px; margin-top: -14px;}
}

@media all and (min-width: 1241px) and (max-width: 1500px){
	.productGrid li {width: 25%; min-width: 25%; max-width: 25%;}
	.productGrid .grid0, .productGrid .grid1, .productGrid .grid2, .productGrid .grid3 {border-top: 0px; margin-top: -14px;}
}

@media all and (min-width: 1501px){
	.productGrid li {width: 20%; min-width: 20%; max-width: 20%;}
	.productGrid .grid0, .productGrid .grid1, .productGrid .grid2, .productGrid .grid3, .productGrid .grid4 {border-top: 0px; margin-top: -14px;}
}

.card-title {line-height: 1em; padding-bottom: 10px;}
.card-title a {font-size: 12px;}
.price {font-size: 18px; font-weight: 700; color: #000000;}
.price-you-save {font-size: 14px;}    

.breadcrumb:before {color: #737373; content: ">";}
.breadcrumb.is-active > .breadcrumb-label {color: #737373; cursor: default; }
@media all and (min-width: 801px){
	.breadcrumb {color: #737373; font-size: 14px;}
	.breadcrumb:hover {color: #11396a; font-weight: bold;}
}

.productCarousel-slide {padding-bottom: 10px;}



/**** INFO PAGES ****/
.infoHeader {font: 28px Lato; color: #f66a03; margin-top: -34px;}
.infoSub {font: 14px Lato; color: #242424; margin-top: 4px; text-align: left;}
.infoBar {width: 99%; background-color: #005379; font: 700 16px Lato; color: #ffffff; padding: 6px; margin-bottom: 4px; margin-top: 20px;}
.boldRed {color: #ff0000; font-weight: 700;}
.boldBlue {color: #11396a; font-weight: 700;}
.mapLink {color: inherit; text-decoration: underline;}
.inputSearch {margin-top: 10px; width: 380px; border: 1px solid #775535; border-radius: 10px 0px 0px 10px; height: 40px; font: 16px Lato; color: #555654; padding-left: 6px; float: left;}
.inputTrack {margin-top: 10px; width: 60px; border: 1px solid #775535; background: #775535; border-radius: 0px 10px 10px 00px; height: 42px; font: 16px Lato; color: #ffffff; cursor: pointer; padding-left: 0px; float: left; text-align: center; line-height: 2.2em;}
#trackResults {clear: both; padding-top: 10px; font: 16px lato;}
.privacyHeading {font-weight: bold; font-size: 16px;}




/***************** MID BAR *****************/
#navShopBrand {float: left; margin-left: 0px; width: 240px; height: 39px; background: #fff; color: #11396a; text-align: left; font: 700 18px Lato; padding-top: 8px; position: relative; z-index: 998; border-top: 0px; border-bottom: 0px;}
#navShopBrand:hover {background: #ecf0f2; cursor: pointer;}
#navShowBrands {display: none; z-index: 998; background: #ecf0f2;}
.midBar {height: 40px; background-color: #ffffff; border-bottom: 1px solid #c4c4c4; box-shadow: 10px -2px 8px #979797; width: 100%;  z-index: 1000;}
.midBarMessage {display: block; float: left; margin-left: 260px; padding-top: 4px; height: 34px; overflow: hidden;}
.midBarMessage img {height: 30px; margin-right: 50px;}
@media all and (max-width: 800px){
	.midBar {display: none;}
}


.navShopIndent {float: left; margin-left: 38px;}
.navShowBrandsMargin {margin-top: 23px;}
.midNav2 {float: left; font: 20px arial; padding-top: 5px; padding-left: 5px;}

/***************** SHOP BY BRAND COLUMN *****************/
#brandList {height: 640px;}
#shopByBrand {width: 234px; background: #ffffff; border: 1px solid #e2e2e2; border-radius: 5px; box-shadow: 0px 0px 15px 0px #b0b0b0; text-align: left; z-index: 998; position: relative; margin-top: -10px; padding-bottom: 10px;}
.shopHeader {color: #11396a; font: 700 18px Lato; margin: 14px 0px 14px 0px;}
.brandItem {clear: both; height: 22px; font: 700 14px Lato; padding-top: 0px;}
.brandItem:hover {color: #ffffff; background: #f66a03;}
.brandItem:hover > .brA{color: #ffffff;}
.brandItem:hover > .brB{display: block;}
.brandAll {color: #3492cf; font-size: 18px; height: 26px;}
.brandAll:hover {color: #ffffff; background: #6ec4f9;}
.brandAll:hover > .brA{color: #ffffff;}
.brT {float: left; margin-left: 22px; width: 190px; padding-top: 2px;}
.brA {float: left; font: 20px verdana; margin-top: -5px; color: #cfcfcf;}
.brB {position: absolute; margin-left: 232px; margin-top: 0px; display: none; z-index: 101; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 8px solid #f57516;}
.brBall {border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 8px solid #6ec4f9;}


.brD {width: 490px; height: 460px; background: #ffffff;  border-radius: 0px 10px 10px 0px; box-shadow: 20px 0px 50px 0px #ffffff; z-index: 99; display: none; position: absolute; top: 50px; margin-left: 232px; color: #000000; text-align: center; padding-top: 20px;}
.brDa {width: 700px; height: 280px; background: #ffffff; border-radius: 0px 10px 10px 0px; box-shadow: 5px 0px 15px 0px #b0b0b0; z-index: 99; display: none; position: absolute; top: 50px; margin-left: 235px; color: #000000; text-align: center; padding-top: 200px; overflow: hidden;}
.brDb {top: 258px;}
.bgBlue {background: #ffffff; background: -moz-linear-gradient(45deg,  #ffffff 0%, #ffffff 35%, #97aece 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(100%,#97aece)); background: -webkit-linear-gradient(45deg,  #ffffff 0%,#ffffff 35%,#97aece 100%); background: -o-linear-gradient(45deg,  #ffffff 0%,#ffffff 35%,#97aece 100%); background: -ms-linear-gradient(45deg,  #ffffff 0%,#ffffff 35%,#97aece 100%); background: linear-gradient(45deg,  #ffffff 0%,#ffffff 35%,#97aece 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#97aece',GradientType=1 );}
.brandItem:hover > .brD{display: block;}
.brandImgBG {height: 280px; position: absolute; top: 200px; left: 307px;} 

/***************** VIEW ALL BRANDS *****************/
#allBrands {width: 1200px; padding-top: 0px; margin-top: -51px; height: 727px; padding-top: 20px; padding-left: 20px; text-align: left; font: 13px arial; -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; overflow: hidden;}
#allBrands a {width: 160px; float: left; line-height: 1.4em; padding-right: 8px; color: #757575; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
#allBrands a:hover {color: #f66a03;}
.allL {background: #11396a; width: 28px; height: 26px; color: #ffffff; font: 700 18px Lato; text-align: center; float: left; padding-top: 2px;}
.allL:hover {background: #f66a03;}
.allLall {width: 40px; padding-left: 10px;}
.allLall:hover {background: #11396a;}
.allLa {color: #f66a03; margin-top: -1px; display: none;}
.allL:hover > .allLa {display: block;}
.allL:hover > .allLD {display: block;}
.allLD {position: absolute; left: 10px; width: 757px; height: 330px; background: #ffffff; display: none; text-align: left; margin-top: -17px; padding-top:17px;}
.allLDa {float: left; color: #f66a03; font: 90px Boogaloo; margin-right: 10px; height: 440px; width: 80px; text-align: center;}
.allLDb {float: left; width: 200px; color: #000000; margin-top: 0px;}
.allLDb li {font: 400 14px arial;}
.allLDb a {color: inherit;}
.allLDAtoZ {display: block; margin-top: 45px; height: 316px; background-color: #ffffff; overflow-y: hidden;}
.allAtoZ {display: block; margin-top: 50px; background-color: #dddddd;}
.allLDaz {width: 150px;}
.allLDaz li {font: 400 12px arial; list-style-type: none; list-style-position: inside; text-indent: -12px; margin-left: 12px;}




/***************** SHOP BY BRAND FLY-OUT *****************/
.brandLinks {text-align: left; margin-left: 30px; margin-top: 20px; width: 420px; color: #f66a03; font-size: 20px; line-height: 1.2em;}
.brandLinks a:hover {color: #f66a03;}
.brandLinks hr {border: solid #e8e8e8; border-width: 1px 0 0; clear: both; height: 0px; margin: 10px;}
.brandSubLink {float: left; font-size: 16px; margin-right: 25px; margin-top: -4px; margin-bottom: 6px; color: #}
.brandSubLink a {color: #f66a03;}
.brandSubs {text-align: left; margin-left: 30px; font: 13px arial; padding-top: 0px; float: left; width: 110px;}
.brandSubs a {width: 130px; float: left; line-height: 1.4em; color: #757575;}
.brandSubs a:hover {color: #f66a03;}
.brandSubs hr {color: #555555;}
.bLogo {height: 80px; position: relative; vertical-align: bottom;}
.bLogoI {position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; max-height: 80px; max-width: 370px;}
.brandSubsH {font-weight: bold; font-size: 14px; color: #575757;}

/***************** HOMEPAGE SPOTLIGHT *****************/
#homeBlue {width: 100%; height: 376px; background: #d9e1ed; position: absolute; z-index: 0; top: 102px;}
#homeSlider {float: left; height: 376px; width: 56%; max-width: 1000px; position: relative; top: -6px; background-repeat: no-repeat;}
.homeFadeR {float: right; height: 376px; width: 30px; background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/fadeRight.png'); z-index: 100; position: relative;}
.homeSpotContainer {float: left; width: 204px; margin-left: 20px; height: 360px; margin-top: 5px; position: relative; overflow: hidden; top: 50;}
.homeSpotInner {margin-top: 0px;}
.homeSpot {box-shadow: 0px 0px 5px 0px #b0b0b0; width: 200px; height: 348px; padding: 12px; margin-top: 4px; margin-bottom: 10px; background: #ffffff; border-radius: 5px; position: relative; font: 700 14px Lato; color: #11396a; text-align: left; border: 1px solid #c4c4c4;}
.homeSpot a{color: #11396a;}
.homeSpotPrice {font-size: 24px; color: #000000; position: absolute; bottom: 6px; line-height: 1.4em;}
.homeSpotImgBox {height: 180px; width: 180px; margin-bottom: 10px; text-align: left; position: relative; text-align: center;}
.homeSpotImgBox img {max-width: 180px; max-height: 180px;}
.homeSlide {position: absolute; width: 100%; z-index: 99; height: 376px; opacity: 0; background-repeat: no-repeat;}
#spotDots {float: right; margin-right: 30px; color: #ffffff; bottom: 0; position: absolute; right: 0;}
.spotDot {float: left; margin-left: 20px; font: arial; font-size: 36px; cursor: pointer;}
.homeSliderLink {width: 100%; height: 326px; z-index: 500; position: absolute; cursor: pointer;}

#homeSlider {width: calc(100% - 720px);max-width: 800px;}



/***************** HOMEPAGE LOGOS AND PRODUCT HIGHLIGHTS *****************/
#homeBox {width: calc(100% - 260px); margin-left: 240px; position: absolute; top: 391px; z-index: 800; height: 300px;}
#homeLogos {width: 100%; height: 52px; position: relative; float: left; text-align: left; margin-left: 14px; padding-right: 14px; overflow: hidden;}
.homeLogoCon {min-width: 16%; width: 16%; text-align: center; float: left;}
@media all and (max-width: 1300px){
	.homeLogoCon {width: 20%;}
}
.homeLogo {width: 150px; height: 52px; margin-left: 12px; border-radius: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#homeHighlights {width: 100%; text-align: left; clear: both; padding: 42px 20px; max-height: 276px; overflow: hidden;}
.highlightWrapper {width: 25%; text-align: center; float: left;}
.highlightBox {width: 190px; border: 1px solid #c4c4c4; border-radius: 10px 10px 0px 0px; padding-top: 10px; text-align: center; font: 700 14px Lato; box-shadow: 0px 0px 5px 0px #b0b0b0;}
.highlightBox a {color: #000000;}
.highlightBox a:hover {color: #000000; text-decoration: none;}
.highlightExtra {display: none;}
.highlightText {width: 190px; background: #d9e1ed; height: 40px; padding: 5px;}
@media all and (min-width: 1460px){
	.highlightWrapper {width: 20%; text-align: center; float: left;}
	.highlightExtra {display: block;}
}
.highlightImg {max-width: 180px; max-height: 180px;}
.highlightImgWrapper {height: 180px;}

@media all and (max-width: 1460px){
	.homeSpotContainer2 {display: none;}
	.homeLogoExtra {display: none;}
	#homeSlider {width: calc(100% - 500px);max-width: 800px;}
}

@media all and (max-width: 1200px){
	.homeSpotContainer {display: none;}
	#homeSlider {width: calc(100% - 250px);max-width: 800px;}
	.highlightWrapper {width: 33%;}
}


/***************** PRODUCT ROWS *****************/
.homeHeaderBox {width: 98%; height: 45px; background: #11396a; margin-top: 20px; border-radius: 5px; color: #ffffff; font: 400 28px Lato; text-align: left; padding: 4px 28px; clear: both;}
.homeHeaderButton {float: right; margin-top: 6px; height: 26px; width: 142px; padding: 4px; background: none; font: 700 11px Lato; text-align: center; cursor: pointer;}
.homeHeaderBox a {color: #ffffff;}
.homeProducts {width: 100%; text-align: left; margin: 20px; position: relative;}
.homeProductWrapper {width: 24%; text-align: center; float: left; position: relative; margin-bottom: 30px;}
.homeProduct {padding-left: 10px; width: 200px; height: 300px;}
.homeProductsImg {width: 210px; text-align: center; height: 150px;}
.homeProductsImgIn {max-width: 150px; max-height: 150px;}
.homeProductsText {font: 14px Lato; color: #444444; text-align: left; margin-top: 6px; height: 68px; overflow-y: hidden;}
.homeProductsText a {color: #444444;}
.homeProductsText a:visited {color: #444444;}
.homeProductsText a:hover {text-decoration: none;}
.homeProductsPrice {font: 700 24px Lato; color: #000000; text-align: left; position: absolute; bottom: 0;}
.leftBorder {border-left: 1px solid #afafaf;}
.homeProductExtra {display: none;}
@media all and (min-width: 1460px){
	.homeProductWrapper {width: 19%; text-align: center; float: left;}
	.homeProductExtra {display: block;}
}

.buttonBlue {width: 27px; height: 29px; background: #6ec4f9; border-radius: 3px; position: absolute; color: #ffffff; font: 24px verdana; text-align: center; line-height: 1.2em; z-index: 1000; top: 100px;}
.buttonBlueL {left: -10px;}
.buttonBlueR {right: 10px;}
.buttonBlue:hover {cursor: pointer; background: #3678a1;}


/***************** FOOTER *****************/
.footer {background: #ffffff; margin-top: 200px;}
.footer-info-heading {color: #11396a;}
.footer-info-list a {color: #444444; line-height: 1.5em;}
.footer-info-list a:hover {color: #ff6a03;}
#subFooter {width: 100%; margin: 20px 0px 20px 0px; color: #204673; font: bold 11px arial; text-align: center; clear: both;}
.mobileToTop {display: none;}
.footerCopy {color: #000000; font-weight: normal;}
.footerBottom {text-align: left; padding-top: 0px; margin-top: -30px; color: #676767; font-size: 14px; height: 110px;}
.footerBotCol1 {float: left; padding-top: 10px; margin-left: 3%;}
.footerBotCol2 {float: left; margin-left: 6px;}

/*** SEARCH ***/
/*** #product-listing-container {width: 100%;} ***/
@media (min-width: 801px){
	.page-content-search {width: calc(100% - 260px) !important;}
	.product-listing-container-search {width: 100% !important;}
}

@media all and (min-width: 1620px){
	.body {width: 1620px;}
}


/*** ADS ***/
.itemPageAds {width: 1040px; float: left; margin-top: 6px; height: 430px; margin-left: 10px;}
.itemPageAdsHome {height: 270px;}
.dividerLine {width: 100%; border-bottom: 1px solid #eee; margin-top: 30px;}


/**** MOBILE HEADER ****/
@media (max-width: 1040px){
	.inner {width: 100%;}
	.header {height: 164px;}
	.header {position: absolute;}
	#header--spacer {height: 114px;}
	#logo {width: 100%; background-position: center; background-repeat: no-repeat;}
	#headerTopText {display: none;}

	.searchFrame {width: 90%; margin-left: 5%; clear: both; left: 0px; margin-top: 0px; top: 90px;}
	#search_query {width: calc(100% - 44px);}

	.headerLinks {width: 100%; position: absolute; top: 134px; right: 0px;}
	.headerLinks li a {font-size: 12px;}
	.headerLinks li {width: 33%; margin: 0px; text-align: center;}
	.headerLinks--blowout {display: block;}

	.navUser-item--cart {padding: 0px 0px 6px 0px !important; background: none; background-repeat: no-repeat; border-radius: 0px 0px 5px 5px; color: #ffffff; width: 40px; margin-top: 30px !important; background-image:url('https://cdn6.bigcommerce.com/s-0kvv9/product_images/elements/cartIcon.png'); width: 46px; height: 42px; margin-right: 10px !important;}
	.navUser-item--cart img {display: none;}
	.navUser-action--cart {height: 40px;}

	#mobileMenu {width: 42px; height: 42px; border-radius: 50%; border: 3px solid #ffffff; position: absolute; left: 5%; top: 20px; text-align: center; z-index: 50000; display: block;}
	.mobileMenuBar {width: 22px; border-top: 3px solid #ffffff; margin: 4px 0px 0px 8px;}
	.mobileMenuLabel {color: #ffffff; font: 9px Lato; margin-top: 18px;}
	.mobileMenuCart {color: #ffffff; font: 9px Lato; margin-top: 4px; display: block;}

	#overlay {z-index: 1000;}
	#shopByBrand {position: absolute; top: 0; right: 0px; z-index: 10000; margin-top: -190px; padding-top: 10px; border-radius: 0px;}
	.brandItem {clear: both; height: 30px; font: 700 14px Lato; padding: 0px; padding-top: 4px; border-bottom: 1px solid #b0b0b0; }
	.brA {display: none;}
	.brD {width: 0px; overflow: hidden;}
	#allBrands {width: 0px; overflow: hidden;}
	
	.footer {width: 95%; margin-top: 0px;}
	

	#mobileViewAll {height: 300px; overflow-y: scroll; border-bottom: 1px solid #000000; display: none; padding-bottom: 10px; z-index: 60000;}
	#mobileViewAll li {font: 14px Lato; margin-top: 6px; list-style-type: none; margin-left: 22px; z-index: 60000;}
	.mobileViewLetter {float: left; width: 26px; height: 26px; background-color: #f66a03; color: #ffffff; margin-left: 6px; margin-top: 6px; border-radius: 5px; text-align: center; font: 700 20px Lato; z-index: 60000;}
	.mobileViewLetterSelected {background-color: #11396a; color: #ffffff;}

	.midBar {display: block; margin-top: -170px; position: absolute; right: 0px; width: 234px; background: none; box-shadow: none; border: none; height: 0px;}
	#navShopBrand {display: none;}
	#navShowBrands {display: none; height: 2000px; right: 0px; background: #fff;}

	.itemPageAds {display: none;}
	.dividerLine {display: none;}
}

/**** CART PAGE ****/
.shipping-estimate-submit {float: right; clear: both;}
.shipping-quotes {position: relative; clear: both; font-size: 14px; padding-bottom: 4px;}  
//.shipping-quotes li {color: #ff0000; font-weight: bold;}

/**** CART PREVIEW ****/
.previewCartItem-remove {width: 14px; height: 14px; border-radius: 14px; padding-left: 3px; line-height: 1em; background: #c7c7c7; color: #fff; float: right;}
.previewCartItem-remove:hover {background: #b7b8b8;}
.previewCartAction {background: #f7f7fc;}
.previewCartListWrapper {max-height: 400px; overflow-y: scroll;}








/**** BREADCRUMBS ****/
.breadcrumb {color: #000;}
.breadcrumb a {color: #000;}


/***** PAGINATION *****/
.pagination-item {background: #45a3e3; width: 28px; height: 40px; border-radius: 3px; color: #fff; line-height: 2em; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;}
.pagination-text {color: #fff;}
.pagination-item-current {background: #006cb8;}
.pagination-item-next {width: 100px;}
.pagination-item-previous {width: 130px;}
.pagination-item:hover {background: #0376c7;}


/***** CATEGORY LEFT SIDEBAR *****/
.categorySidebarLink {font: 700 20px Lato; color: #d65d05;}
.categorySidebarLink:hover {color: #b75004;}
.categoryLinks {padding-bottom: 10px;}
.categoryLinks a:visited {color: #d65d05;}
.categoryLinks a:visited:hover {color: #b75004;}
.categoryLinks ul {margin: 0.75em 0; margin-left: 6px; padding: 0 1em; list-style: none;}
.categoryLinks li:before {content: ""; border-color: transparent #d65d05; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 0.9em; position: relative;}


/***** GENERAL ADJUSTMENTS *****/
.product--wishlist {margin-right: 10px;}
.productView-rating {margin-top: 10px;}

.preorderHow {margin-left: -30px;}

@media (max-width:500px){.midBarMessage {display: none;}}


/***** CATEGORY PAGE FEATURED PRODUCTS *****/
.category-featured {width: 100%; border: 10px solid #11396a; margin-bottom: 10px; border-radius: 5px; margin-top: -6px; max-height: 330px; overflow: hidden;}
.category-featured-header {width: 100%; background: #11396a; height: 28px; color: #fff; font-size: 20px; margin-top: -6px;}
.category-featured-card-image {max-height: 110px;}
.category-featured-card-title {line-height: 1.2em; font-size: 11px; height: 70px; overflow: hidden;}
.slick-dots {background: none; position: relative; margin-top: -50px; margin-bottom: 20px;}
.category-featured-contents {width: calc(100% - 120px); margin-left: 60px;}
@media (max-width:1260px){.category-featured-contents {width: calc(100% - 70px); margin-left: 35px;}}
@media (max-width:500px){.slick-dots {height: 0px; overflow: hidden;}}



/***** MOBILE NAVIGATION *****/
.mobileOnly {display: none;}
@media all and (max-width: 800px){
	.mobileHide {display: none;}
	.mobileOnly {display: block; z-index: 10000;}
	#logo {width: 70%; margin-left: 15%;}
	.mobileMenuCart {line-height: 10em;}
	.mobleHeaderTop {height: 24px; background: #11396a; position: absolute; margin-top: 152px; width: 100%;}
	.mobleHeaderTop a {float: left; width: 50%;}
}