@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700italic,700);

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;	box-sizing: border-box;	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {	line-height: 1.3;	color: #606161; font-family: "Noto Sans";}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
*{box-sizing:border-box;}
img{max-width: 100%; height: auto;}
.clear, .cb {display: block; clear: both;}
.TopMenu > .inner, #Header > .inner, .PageMenu > .inner, .main > .inner, .footer-main > .inner, .footer-links > .inner, .newsletter-subscription > .inner{max-width: 1200px; padding: 0 10px; width: 100%;}
.wrapper{max-width: 1200px; padding: 0 10px; width: 100%; margin:auto;}
.Left li a.active, a:hover, a.alt, p a, a.NextLink, .currency-converter p span, .BlockContent.PageContent a, .page-content #LayoutColumn2 a, .Left #SideCategoryList li a:hover, .Left .slist li a:hover, .Left .afterSideShopByBrand a:hover, .Left #GiftCertificatesMenu li a:hover, .Left #SideAccountMenu li a:hover, .PageMenu li ul li a:hover, .Breadcrumb li a{color: #333}
h1.TitleHeading{border:none; font:30px 'Noto Serif'; color: #171717; margin-bottom: 10px;}
.Breadcrumb.Block{margin-bottom: 15px;}


/* Header */
.header{box-shadow: 0 5px 10px 0px #e1e1e1; padding-top: 5px; border-top:4px solid #9C1F63; margin-bottom: 20px;}
#Header{margin: 0; position: static;}
.header-logo{width: 23%; float: left}
.header-top{width: 76%; margin-left: 1%; float: right; margin-bottom: 15px}
.header-bottom{width: 76%; margin-left: 1%; float: right; margin-bottom:10px}
.top-nav-container{width: 76%; margin-left: 1%; float: right; position: relative;}
.header-logo img{margin: 0; padding: 15px 0;}
.header-utility{display: inline-block;}
.header-utility li {display: inline-block;margin-right: 20px;}
.header-utility li a{font-size: 12px; color: #707070; }
.header-utility li a:hover{text-decoration: underline;}
.header-phone{display: inline-block; font-size: 12px; color: #9c1f64; margin-left: 17%;}
.header-phone a{color: #707070;}
.header-cart{float: right; font: 18px 'Noto Serif', serif; }
.header-cart a{color: #29b473}
.header-cart img{vertical-align: middle;}
.head-search {float: left; width: 65%;}
#SearchForm{float: none; width: 100%; border:1px solid #C5E0F5;}
#SearchForm input#search_query{border:none; font-size: 12px; color: #b2c0cb; width: calc(100% - 90px);}
#SearchForm button{font-size: 12px; color: #68b7e6; height: 35px; border:none; background: none; width: 90px; cursor: pointer;}
.head-shipping {float: right; width: 34%; text-align: right; font-size: 13px; color: #1b75bb; padding-top: 10px}
.head-shipping a{color:#68b7e6; font-size: 10px; text-decoration: underline;}
#topnav{margin: 0 -15px;}
.topnavLI{float: left; }

.topnavA{display:block;padding:10px 17px;font-size:14px;color:#0d084f;}
.topnavLI:hover{background: #E1F1FE;}
.topnavLI:hover .topnavA{color:#0d084f;}
.topnavA:before{content:'\f105';font-family:'FontAwesome';font-size:15px;vertical-align:middle;margin-top:-2px;display:inline-block;margin-right:2px;color:#68b7e6;-webkit-transition:all 0.1s ease 0s; transition: all 0.1s ease 0s; width: 10px; font-weight: bold;}
.topnavLI:hover .topnavA:before{color:#9c1f64; content: '\f107';}

.topnavLI:nth-child(6) .topnavA:before,.topnavLI:nth-child(7) .topnavA:before{content:none;}
.topnavLI:nth-child(6) .topnavA, .topnavLI:nth-child(7) .topnavA{color:#9c1f63;}
.topnavLI:nth-child(6):hover, .topnavLI:nth-child(7):hover{background: none}

.topnavLI:nth-child(6):hover .topnavA, .topnavLI:nth-child(7):hover .topnavA{color:#9c1f63;}

.megaMenu{text-align:left;visibility: hidden; width: 100%; max-width: 930px; background: white; border:1px solid #DFF1FF; position: absolute; left: -15px; top:39px; z-index: 20;-webkit-transition:all 0.1s ease 0s; transition: all 0.1s ease 0s; opacity: 0; background: #F4F9FF; overflow: hidden;}
.topnavLI:hover .megaMenu{visibility: visible; opacity: 1; -webkit-transition:all 0.6s ease 0.15s; transition: all 0.6s ease 0.15s;}

.mm-left{float: left; width: 380px; margin: 20px 0 0 25px;}
.mm-img{float: right;}

.mm-title{color: #a12a6b; font-size: 18px; font-weight: bold; border-bottom: 1px solid #6E82B7;}
.mm-shop-all, .mm-shop-all:hover{float: right; color: #a12a6b; font-size: 12px; font-weight: normal; font-style: italic; padding: 6px 0 0;}

.mm-content ul{padding: 15px 15px 0;}
.mm-content li a{font-size: 16px; color: #323232;}
.mm-content li{position: relative; padding: 0 0px 15px 10px}
.mm-content li:before{position: absolute; content: ""; display: block; width: 5px; height: 5px; background: #62BBB5; top:8px; left:0;}

.ul-col-2{display: inline-block; width: 49%; vertical-align: top}

/* Resp Menu */
.page.off-screen {width: 100%;}
#ToggleMenu1{display: none;}
#DrawerMenu1 {background-color: #fff;bottom: 0; color: #fff; position: absolute; top: 0;  width: 80%;  z-index: 0; display: none; border-right:4px solid #d7d7d7 }
#DrawerMenu1.on-screen {display: block; overflow-y: auto; position: absolute;}

#respnav{padding: 10px 0}
.respNavLI{padding: 15px}
.respNavA, .respNavA:hover, .respNavAalt{color: #0d084f;  display: block; font-size: 16px; position: relative;}
.respNavA:after{position: absolute; right: 0; top:0; color:#9c1f64; content: '\f107'; font-family: "FontAwesome";}
.respNavA.active:after{content: '\f106'}

.respNavAalt, .respNavAalt:hover{color: #9c1f63;}

.megaMenuResp{display: none;}

.mm-shop-all-resp{color: #a12a6b; font-weight: normal;}



.footer-newsletter{border-top:1px solid #D7D7D7; background: #fff; overflow: hidden;}
.newsletter-container {margin: auto; max-width: 1000px;}
.newsletter-title-container{float: left; width: 53%; font-size: 13px; color: #00a69c; padding: 12px 0;}
span.news-title{padding: 3px 10px 3px 30px; margin-right: 10px; background: url('../images/sf/Newsletter_Icon-min.png') left center no-repeat; font-size: 16px; color: #0d084f; border-right: 1px solid #B2C0CB}
.newsletter-form{width: 45%; float: right; padding: 7px 0;}
.newsletter-subscription{background: none; border:1px solid #C8DEF5;}
#nl_email{border:none; height: 30px; font-size: 12px; color: #b2c0cb; width: calc(100% - 110px)}
.newsletter-subscription button{font-size: 12px; color: #68b7e6; background: none; border:none; width: 100px; cursor: pointer;}
.newsletter-subscription button i{font-size: 15px;}

.footer{margin-top: 30px;}
.footer-main{background: #fff; color: #707070; box-shadow: 0 5px 10px 0 #e1e1e1 inset; border:1px solid #D7D7D7; border-width: 1px  0; overflow: hidden; padding: 30px 0}
.footer-main a{color: #707070; font-size: 12px;}
.footer-main a:hover{text-decoration: underline; color: #707070}
.foot-col {float: left; font-size: 12px;}
.foot-col-ul{width: 30%; padding-right: 10px}
.foot-col-connect{width: 24%; padding-right: 10px}
.foot-col-location{width: 16%;}
.foot-col h2{font-size: 16px; color: #9c1f64; padding-bottom: 5px;}
.foot-ul > ul {width: 50% !important;}
.foot-ul li {padding: 0 0 5px;}
.address {display: inline-block; padding-left: 5px;  width: calc(100% - 30px); margin-bottom: 20px;}
.footer-copyright-row{text-align: center; box-shadow: 0 20px 15px 0 #c8dae8 inset; padding: 10px; border-top:1px solid #C3CBCE;}
.footer-copyright-row img{display: inline-block; vertical-align: middle; margin:0 10px;}
.copyright{display: inline-block; vertical-align: middle; margin:0 10px; font-size: 12px; color: #98a8b5}
.copyright a{color: #98a8b5; text-decoration: underline;}

/* Cart Checkout */
.btn, .btn:hover{ color:#fff; background: #28B573}
.btn.alt, .btn.alt:hover{font:bold 14px/35px 'Noto Sans'; color:#fff; background: #292562; }
.co-page .inner {margin: 0 auto;  max-width: 1000px;}
.co-header .header-phone{float: right; margin: 0;}
.secure-co{font:italic 22px 'Noto Serif', serif; color: #707070; width: 36%; margin: 0 2%; float: left; text-align: center; padding-top: 50px}
.secure-co img{vertical-align: bottom; margin-right: 5px;}
.co-header .header-logo{width: 30%;}
.co-header .head-shipping{width: 30%; padding-top: 45px;}
.cart-container {width: 75%; float: left;}
.trust-column {float: right; text-align: center; width: 23%;}
.trust-div{color: #373e3e; font-size: 12px; margin-bottom: 30px}
.trust-blue{font-size: 17px; color: #1b75bb;}
.co-page h1.TitleHeading{border:none; font-size: 22px; color: #373e3e;}
#CartContent {margin: 0 0 50px;}
.CartContents thead{background: none}
#CartContent th{padding: 5px 10px; color: #373e3e; font-size: 12px; text-transform: uppercase; background: none; text-align: center; border-bottom: 1px solid #EBEBEB;}
#CartContent th.alignLeft{text-align: left}
.CartThumb {display: inline-block; vertical-align: middle; width: auto;}
.productInfo {display: inline-block; padding: 0 0 0 10px; vertical-align: top; max-width: 80%}
.BlockContent .CartThumb img{max-width: 75px;}
.CartContents .ProductName a{font: 16px 'Noto Sans'; color: #373e3e;}

.qtyInput.quantityInput {height: 40px; line-height: 30px; width: 46px !important; background: #EBEBEB !important; border:none; text-align: center; color: #373e3e; }
.CartItemIndividualPrice, .CartItemTotalPrice {text-align: center; color: #373e3e; font:bold 15px 'Noto Sans'; }
table tbody tr td, table.General tbody tr td, table.CartContents tbody tr td{border-color:#EBEBEB;}
.CartContents tfoot .SubTotal td{border:none; font:bold 12px 'Noto Sans'; text-transform: uppercase; color: #373e3e;}
.CartContents tfoot .SubTotal td em{font:bold 16px 'Noto Sans';}
.CartContents tfoot .SubTotal.First td{border-bottom:1px solid #EBEBEB;}
.CartContents tfoot .SubTotal.gtotal td{border-bottom:1px solid #363F3E; font:bold 16px 'Noto Sans';}
.CartContents tfoot .SubTotal.gtotal td em{font:bold 17px 'Noto Sans';}
.EstimateShippingLink.btn.alt, .EstimateShippingLink.btn.alt:hover{background: none; text-transform: none; color: #373e3e; text-decoration: underline; font:italic 15px 'Noto Sans'; height: auto}
.btn.update, .btn.update:hover{font:bold 14px 'Noto Sans'; color: #fff; background: #AEACAD; padding: 0 5px; margin: 15px 0; height: 35px;}
.ProceedToCheckout{float: right;}
.ProceedToCheckout .btn{font:bold 18px/50px 'Noto Sans'; color:#fff; background: #28B573; height: 50px}
.cart-cards{float: left; margin-left: 10%; padding: 10px 0;}
.KeepShopping{float: left;}
.KeepShopping .keepshop{font:italic 15px/50px 'Noto Sans'; background: transparent; border: 1px solid #CFCFCF; text-transform: none;  height: 50px;  color: #373e3e; display: block; padding:0 10px;}
.CartCode > .CouponCode{padding-right: 20px}
.CartCode h3 {font:18px 'Noto Serif', serif; color: #373e3e; padding-bottom: 5px}
.CartCode p{font:14px 'Noto Sans'; padding-bottom: 10px;}
.CartCode input{border:1px solid #292562; width: calc(100% - 85px); display: inline-block}
.CartCode .btn.alt{width:75px; margin-left: 10px; height: 35px;}
.ExpressCheckoutTitle{}
.ExpressCheckoutContent{padding: 10px 20px 20px; margin: 0;}
.ExpressCheckoutBlock .ExpressCheckoutTitle{background: #9C1F63; color:#fff; font:16px 'Noto Sans'; padding: 5px 20px; margin: 0 0 10px}
.ExpressCheckoutBlock .ExpressCheckoutTitle span{text-transform: none;}
.ExpressCheckoutBlock .ExpressCheckoutTitle a {color: #fff;font-size: 14px; text-transform: none; top: 6px;}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle{background: #CDCFCE; color: #373e3e; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle a{color: #373e3e; }
.ExpressCheckoutCompletedContent{display: none !important;}
.ExpressCheckoutContent{color: #000;font:14px 'Noto Sans';}
.ExpressCheckoutContent a{color: #000;}
.ExpressCheckoutContent p{font:14px 'Noto Sans'; margin: 0 0 15px;}
.ExpressCheckoutContent h4{font:18px 'Noto Serif', serif; padding: 0 0 10px;}
.ExpressCheckoutContent > .CreateAccount{ padding: 0 40px 0 0; width: 52%; max-width: 360px;}
.ExpressCheckoutContent > .AccountLogin{padding: 0 0px 0 70px; width: 47%; border-left:1px solid #CDCFCE; max-width: 375px;}
.AccountLogin .HorizontalFormContainer dt, .AccountLogin .form dt{text-align: left; width: 110px; float: left; display: none;}
.AccountLogin .HorizontalFormContainer dd, .AccountLogin .form dd{margin-bottom: 10px;margin-left:0px;}
.AccountLogin input.Textbox{width: 100%; }
.ExpressCheckoutContent input.Textbox{background: #EBEBEB; border:none; font:13px 'Noto Sans';}
.ExpressCheckoutContent a.forgot-pass{font:12px 'Noto Sans'; text-decoration: underline; margin-bottom: 10px; display: block; color: #9c1f63 }
.ExpressCheckoutContent div.selector{height: 35px; background-color:#EBEBEB !important; border:none;}
#CheckoutStepBillingAddress .ExpressCheckoutContent div.selector, #CheckoutStepShippingAddress .ExpressCheckoutContent div.selector{ min-width: 96%;}
.ExpressCheckoutContent .btn,.ExpressCheckoutContent .btn:hover{font:italic 18px 'Noto Sans'; color: #fff; background: #161154; height: 40px}
#LoginButton, #CreateAccountButton{width: 100%; max-width: 185px; }
.back-to-cart{font:italic 15px/48px 'Noto Sans'; background: transparent; border: 1px solid #CFCFCF; text-transform: none;  height: 50px;  color: #373e3e; display: inline-block; padding:0 10px;}

/* Sp */
.leftNav{width: 23%; margin:0; padding-right: 50px; padding-top: 10px}
.leftNav h2{font-size:20px; color: #171717; padding-bottom: 20px;}
.leftNav li{padding-bottom: 20px; margin:0;}
.leftNav li a{color: #171717;}
.Content.Wide.spRightCol{width: 77%; padding: 10px 20px;}
#CategoryHeading h1.TitleHeading{border:none; font:30px 'Noto Serif'; color: #171717; margin-bottom: 10px;}
.CategoryDescription p{font-size:16px; color: #171717; margin-bottom: 30px}
.SubCategoryListGrid{margin-left:-30px; border:none;}
.SubCategoryListGrid > ul li{width: calc(25% - 30px); vertical-align: top; margin:0 0 30px 30px;}
.SubCategoryListGrid li > a:first-child{display: block;height: 250px; }
.SubCategoryListGrid li > a:first-child img{display: inline-block; vertical-align: middle; max-width: 95%;}
.SubCategoryListGrid li > a:first-child:before{display: inline-block; vertical-align: middle; content:""; height: 100%;}
.sub-cat-name{padding: 5px 0; font:20px 'Noto Serif'; color: #171717;}
#CategoryPagingTop, #CategoryPagingBottom{text-align: center; margin-top: 20px;}
.CategoryPagination {float: none; text-align: center;  display: inline-block;}
.PagingList{}
.CategoryPagination .PagingList li {display: inline-block;font-size: 12px; font-weight: bold; line-height: 1;  padding: 9px 15px;  vertical-align: top;}
.CategoryPagination .PagingList li.ActivePage{color: #fff; background: #A1A1A1}
.CategoryPagination .PagingList a{color: #565656}
.pag-nav{border:1px solid #565656; text-transform: uppercase; color: #565656; font-weight: bold; font-size: 12px; padding: 8px; line-height: 1}
.ProductList{margin:0 0 0 -10px;}
.ProductList li{ width: calc(25% - 10px); padding: 15px; margin: 0 0 10px 10px}
.QuickViewBtn{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; color: #fff !important;}
.ProductList .ProductDetails{padding: 0; margin-bottom: 15px;}
.ProductList .pname{font-size: 15px; color: #303030; line-height: 1.3;}
.ProductList .p-price{font-weight: bold; font-size: 14px; color: #9c1f63; margin-bottom: 20px;}
.ProductList .p-price .RetailPriceValue{color: #707070;}
.ProductList .p-price .SalePrice{}
.ProductList .ProductActionAdd a.btn{background: #fff; color: #28b573; border:1px solid #28b573; font-weight: bold; font-size: 14px; text-transform: uppercase; width: 100%;}
.ProductList .ProductActionAdd a.btn:hover{background: #28b573; color: #fff; border:1px solid #28b573;}
.ProductList .ProductActionAdd a.btn.Options{background: #fff; color: #707070; border:1px solid #707070;}
.ProductList .ProductActionAdd a.btn.Options:hover{background:  #707070; color: #fff; border:1px solid #707070;}

/* Quickview */
#QuickViewContent{}
.quick-view-product-details-container {padding: 25px 0;}
.QuickViewModal .modalClose{background: url('../images/quickview/quickview-close.jpg') no-repeat !important; height: 43px !important; width: 43px !important;}
#QuickViewContent #ProductDetails h1{font:bold 24px/1.2 'Noto Sans'; color: #35326b; margin: 0 0 10px;}
.quick-view-prices{overflow: hidden; font:28px 'Noto Sans'; color: #a1a1a1;}
.quick-view-prices .RetailPrice .Label{ font-weight: normal; line-height: 1}
.quick-view-prices .RetailPrice{margin-right: 10px; display: inline-block;}
.quick-view-prices .RetailPrice .Label, .quick-view-prices .RetailPrice .Value{float: left;  line-height: 1; font-size: 26px;}
.quick-view-prices .RetailPrice strike{}
.quick-view-prices .PriceRow.p-price {display: inline-block;}
.quick-view-prices .PriceRow .Label, .quick-view-prices .PriceRow .Value{float: left; font-weight: bold; color: #90236e; line-height: 1; font-size: 26px;}
.qv-description{margin-bottom: 15px;}
#QuickViewContent .productAttributeLabel{font-size: 18px; font-weight: normal; color: #a1a1a1;}
#QuickViewContent .productAttributeLabel.QuantityInput{display: inline-block;}
#QuickViewContent .productAttributeValue.qty{ display: inline-block;}
#QuickViewContent .qtyInput.quantityInput {background: none !important;  color: #373e3e;  height: 40px;  line-height: 30px;  text-align: center;  width: 46px !important; border:1px solid #373e3e;}
#QuickViewContent .addToCart .btn{background: #fff; color: #28b573 !important; border:1px solid #28b573; font-weight: bold; font-size: 14px; text-transform: uppercase; display: inline-block; line-height: 33px;}
#QuickViewContent .addToCart .btn:hover{background: #28b573; color: #fff !important; border:1px solid #28b573;}
#QuickViewContent .addToCart .btn.alt{background: #fff; color: #707070 !important; border:1px solid #707070;}
#QuickViewContent .addToCart .btn.alt:hover{background:  #707070; color: #fff !important; border:1px solid #707070;}
div.selector{padding: 0 !important}


/* IP */
#imgUL, .itemArrow, .mobileimage{display: none}
.wrapper-980{max-width: 1000px; padding: 0 10px; margin: auto}
#ProductDetails .left-content{width: 53%; margin-bottom: 30px; float: left;}
.PrimaryProductDetails .ProductMain{width:47%; padding: 0 0 40px 75px; float: left;}
#ProductDetails .ProductThumbImage{width: calc(100% - 110px) !important; float: left;}
#ProductDetails .ImageCarouselBox {float: left; margin: 0;  width: 110px; padding-left: 10px !important;}
#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext{display: none !important;}
#ProductDetails .ProductTinyImageList ul, #ProductDetails .ProductTinyImageList{width: 100px !important}
#ProductDetails .ProductTinyImageList ul li {border:none !important; display: block; float: none !important; height: 100px !important;  margin: 0 0 10px;  opacity: 1 !important;  width: 100px !important;}
#ProductDetails .ProductTinyImageList ul li:nth-child(n+5){display: none}
.ProductTinyImageList ul li div{border:none !important;}
.ctz{text-align: right; font-size: 12px; color: #707070; padding: 5px 0}
.reviewRow{margin: 0;}
#ProductDetails h1{font:25px/1.2 'Noto Serif'; color: #0d084f;}
.ProductDetailsGrid .Label{color: #707070; display: inline-block; font-size: 15px; font-weight: 400; margin-bottom: 0;  margin-right: 5px;  vertical-align: middle;}
.ProductDetailsGrid .Value{ color: #707070; display: inline-block;  font-size: 15px;  font-weight: 400;  margin-bottom: 0;  margin-right: 5px;  vertical-align: middle;}
.productAddToCartRight .ProductDetailsGrid .Label, .productAddToCartRight .ProductDetailsGrid .Value, #MultiAddContainer .Label, #MultiAddContainer .Value {  color: #707070;  display: inline-block;  font-size: 15px;  font-weight: 400;  margin-bottom: 0;  margin-right: 5px;  vertical-align: middle; min-width: 40px}
.productAttributeList .productAttributeRow, .productAttributeRow {clear: both; margin: 0 0 15px !important; padding-left: 0 !important;}
.productAttributeList .productAttributeLabel{color: #707070;  display: inline-block !important;  font-size: 15px;  font-weight: 400;  margin-bottom: 0;  margin-right: 5px;  vertical-align: middle; min-width: 45px !important}
.productAttributeList .productAttributeValue {display: inline-block !important; vertical-align: top;  width: calc(100% - 100px);}
#productDetailsAddToCartForm .qtyInput.quantityInput {background: none !important;  border: 1px solid #707070; color: #707070;  height: 35px;  line-height: 30px;  text-align: center;  width: 46px !important; margin:0;}
.prod-price-row{overflow: hidden; margin-bottom: 30px}
.prod-price-row > div{overflow: hidden;}
.prod-price-row .Label{}
.prod-price-row .Value{float: right;}
.prod-price-row .RetailPrice .Label, .prod-price-row .RetailPrice .Value{color: #707070; font-size: 20px;}
.prod-price-row .PriceRow .Label, .prod-price-row .PriceRow .Value{color: #9c2064; font-size: 20px;}
.addto .BulkDiscount{display: block; margin-bottom: 10px}
.btn.add-to-cart, .btn.add-to-cart:hover{background: #2AB574; font:22px/1.2 'Noto Serif'; height: 50px; text-align: center; max-width: 330px; width: 100%}
.btn.add-to-cart img{vertical-align: top;}
.addto #SideProductAddToWishList{width: 100%;}
.wishTrigger{cursor: pointer; font:18px/1.2 'Noto Serif'; color: #707070; border:1px solid #707070; height: 40px; max-width: 200px; width: 100%; background: none}
#product-details-container{margin-bottom: 50px}
.Block {margin-bottom: 25px;  margin-top: 0;}
.productPage h2.subtitle{margin-bottom: 15px; text-transform: uppercase; color: #707070; font-size: 16px;}
.prodAccordionContent{font-size: 14px; color: #707070;}
.prodAccordionContent p{margin-bottom: 15px}
.prodAccordionContent ul{list-style: disc; margin: 0 0 15px 30px}
.related-h2{font:25px/1.2 'Noto Serif'; color: #0d084f; padding-bottom: 10px}
.related-products-row{background:#EAEBED}
.productPage .ProductList li{width: calc(20% - 10px);}


/* Contact Us */
.page.contact-us h1.TitleHeading{text-align: center; font: 25px "Noto Serif"; color: #233874;}
.page.contact-us p.cf-tagline{text-align: center; font-size: 16px; color: #707070;}
.contact-form-container{margin:auto; max-width: 935px; background: #EDF6FB url(../images/other/contact-us-light-house.jpg) no-repeat 0 0; padding: 20px 20px 10px 280px;}
.cu-info-container{display: block; font-size: 0;}
.cu-info-div{display: inline-block; width: 33%; vertical-align: top; font-size: 13px; color: #323433; margin-bottom: 10px;}
.cui-div-1{width: 40%;}
.cui-div-2{width: 27%;}
.cui-div-3{}
.cui-title{padding-left: 30px; position: relative; font:16px/2 "Noto Serif"; color: #7082B4; margin-bottom: 5px;}
.cui-div-1 .cui-title{padding-left: 40px;}
.cui-div-2 .cui-title{padding-left: 30px;}
.cui-div-3 .cui-title{padding-left: 35px;}
.cui-title:before{font-family: "FontAwesome"; color: #9D2064;  position: absolute; left:0; top: 0; font-size: 25px; line-height: 1.3}
.cui-div-1 .cui-title:before{content: "\f278"; }
.cui-div-2 .cui-title:before{content: "\f095";}
.cui-div-3 .cui-title:before{content: "\f003";}
.cu-info-div p{margin-bottom: 8px}
#ContactForm{font-size: 0;}
.cu-left{display: inline-block; font-size: 14px; width: 45%;  vertical-align: top; padding-right: 20px;}
.cu-right{display: inline-block; font-size: 14px; width: 55%; vertical-align: top}
.cu-row{display: block; overflow: hidden; clear: both; }
.cu-row dt, .cu-row dd{display: block; float: none; width: 100%; margin:0; padding: 0; text-align: left;}
.cu-row input[type=text], .cu-row input[type=email], .cu-row textarea{width: 100%; resize: none; border:1px solid #C6DEF6; margin-bottom: 10px}
.cu-row input[type=text], .cu-row input[type=email]{height: 30px}
.Required, .req{ color: #9d2064; }
.btn.cu-btn{float: right; font: 16px "Noto Serif";}

/* About Us */
.PageContent em{font-style: italic;}
.about-intro {font-size: 16px; color: #707070; text-align: center; max-width: 630px; margin:0 auto 30px;}
.about-divider{background: #243877; width: 100%; max-width: 400px; height: 1px; display: block; margin:0 auto 40px}
.about-bottom{max-width: 1060px; margin:auto; overflow: hidden;}
.about-img{float: left; width: 41%;}
.about-content{float: right; width: 59%; padding: 20px 0 0 50px;}

.about-commit{font-size: 13px; color: #0d084f; margin-bottom: 20px}
.about-commit span{font-size: 18px; color: #2fb6af; font-weight: bold}
.about-no-hassle{margin-bottom: 20px; font-size: 16px; color: #9c1f63;}
.about-no-hassle img{display: inline-block;vertical-align: middle; margin-right: 10px}
.about-no-hassle p{display: inline-block;vertical-align: middle; width: calc(100% - 160px); border-left:5px solid #9D1E61; padding-left: 10px}
.about-philo{color: #707070; font-size: 13px;}


/* 404 */
.IAmError-upper{overflow: hidden; max-width: 990px; margin:60px auto 40px;}
.IAmError-upper img{float: left; max-width: 59%;}
.IAmError-not-found{float: right; width: 41%; padding-left: 25px; padding-top: 30px;}
.IAmError-not-found h1{ font:bold 72px/60px "Noto Serif"; color: #233874; text-transform: uppercase; max-width: 300px; margin-bottom: 15px;}
.IAmError-not-found p{font-size: 16px; color: #707070;}

.IAmError-bottom{max-width: 590px;  margin:0 auto 30px; text-align: center;}
.error-search{margin-bottom: 30px;}
.err-search-title{font-size: 16px; font-weight: bold; color: #323232; margin-bottom: 10px;}
.error-contact{}
.ec-title{font:16px "Noto Serif"; color: #7082b3;}
.ec-email{color: #323232; font-size: 13px; }
.ec-email a{color: #a12a6a;}

/* Shipping */
.underTitle{display: block; font-size: 13px; color: #707070; font-style: italic;}
.ShippingWrap {margin: auto; max-width: 935px;}
.span-70{float: left; width: 70%; padding-right: 25px;}
.span-30{float: left; width: 30%;}
.span-60{float: left; width: 59%; padding-right: 25px;}
.span-40{float: left; width: 41%;}
.span-50{float: left; width: 50%;}
.ShippingList{margin-left: 0;list-style: none;}
.ShippingList li{padding-left: 20px;background: url(../images/other/ship-bullet.jpg) no-repeat left 10px; margin-bottom: 20px; overflow: hidden; }
.ShippingList li h4{font:italic 20px "Noto Serif"; color: #00a69c; padding-bottom: 10px;}
.ShippingList li p{font-size: 13px; color: #707070; margin-bottom: 15px; line-height: 1.4;}
.ShippingList li strong{font-weight: bold}
.ShippingList li a{color: #6f9ecd !important; text-decoration: underline;}
.international-orders img {margin-top: 50px;}
.countries-ship img {margin-top: 40px;}
.domestic-orders img {margin-top: 70px;}
.int-order-block{display: block; margin-bottom: 20px; padding-left:60px; position: relative; font-size: 13px; font-weight: bold;}
.int-order-block:before{content: "\f003"; font-family: "FontAwesome"; font-size: 45px; color:#1B1658;position: absolute; top:0; left:0; line-height:32px; font-weight: normal;}
.int-order-block a{font-weight: normal;}
.ship-blue-warning{background:#E8F4FF; color: #191957; font-style: italic; font-size: 13px; padding: 10px 15px; margin-bottom: 15px;}
.ShippingList table{margin: 0 0 0 40px; border: 1px solid #E4E6D1;border-spacing:0;}
.ShippingList table th, .ShippingList table td{padding: 6px 60px 6px 20px;}
.ShippingList table th{font-size: 13px;color: #fff; border-bottom: 1px solid #E4E6D1; font-weight: 600;text-transform: uppercase; background: #9C1F63}
.ShippingList table td{font-size: 13px;color: #707070;font-weight: 300; border:none;}
.ShippingList table td:last-child{font-weight: bold; color: #191957}
.ShippingList li.last{background: none;}
.ShippingList li small{font-size: 11px;color: #a09281;}


 /* HP */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel .owl-refresh .owl-item{display:none}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-item img{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1}


 #home .header{margin-bottom: 0;}
 #HomeSlideShow{max-width: 1200px; margin: 0 auto}
 .flex-direction-nav a{background: url(../images/hp/rot-arrows-min.png) no-repeat 0 0; width: 48px; height: 84px; margin: -42px 0 0;}
.flex-control-nav { bottom: 0 !important;}
.flex-control-paging li a{background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0}
.flex-control-paging li a.flex-active{background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0}
.usps{text-align: center; overflow: hidden; padding: 5px 0 15px;}
.usp{display: inline-block; margin: 0 0px 15px; text-align: left; font-size: 12px; color: #000; padding: 3px 10px 3px 50px; float: left;}
.usp-title{font:bold 15px "Noto Serif"; color: #1b75ba;}
.usp-1{background: url(../images/hp/usp-customer-min.png) no-repeat 0 3px; width: 380px}
.usp-2{background: url(../images/hp/usp-truck-min.png) no-repeat 0 10px; padding-left: 60px; width: 230px}
.usp-3{background: url(../images/hp/usp-bulk-min.png) no-repeat 0 5px; width: 280px}
.usp-4{background: url(../images/hp/usp-approved-min.png) no-repeat 0 3px; width: 290px}

.kickers{margin-left: -3.33%; margin-bottom: 40px;}
.kicker{float: left; width: 30%; text-align: center;  margin:0 0 15px 3.33%;}

.featured-row{margin-bottom: 40px}
.featured-row-title{text-align: center; letter-spacing: 4px; color: #555555;  font-size: 18px;}
.ProductPriceRating{display: none;}

#home .ProductList .owl-item li{margin:0; width: 100%;}
#home .owl-carousel{margin:0; padding: 0 50px}
.owl-nav > div{position: absolute; top: calc(40% - 50px); height: 100px; font-size: 75px; line-height: 1; color:#B6B6B6;}
.owl-prev{left:0;}
.owl-next{right:0;}

.hp-seo{font-size: 13px; color: #000; text-align: center; margin:0 auto 40px; max-width: 1000px}

@media all and (max-width: 1199px) {
	.topnavA{font-size: 13px; padding: 10px 6px}
}

@media all and (max-width: 979px) {
	.top-nav-container, .header-phone, .head-shipping{display: none;}
	#ToggleMenu1{display: block; width: 10%; padding: 17px 10px; float: left; font-size: 35px; cursor: pointer;}
	.header-logo{width:25%}
	.header-top, .header-bottom{width: 60%}
	.header-logo img {padding: 5px 0 10px;}
	.head-search{float: none; width: 100%;}
	.newsletter-title-container, .newsletter-form{width: 100%; float: none; text-align: center;}
	.foot-col-ul {width: 50%; margin-bottom: 30px;}
	.foot-col-connect {width: 33.33%;}
	.foot-col-location{width: 66.66%}
	.foot-col-location > div{float: left; width: 50%;}
	.co-header .header-logo{width: 50%;}
	.secure-co{float: right; width: 50%; margin: 0; text-align: right;}
	.cart-container, .trust-column{float: none; width: 100%;}
	.trust-div {display: inline-block; width: 32%;  margin: 20px 0;}

	.ExpressCheckoutContent > .CreateAccount, .ExpressCheckoutContent > .AccountLogin{display: inline-block;}

	.leftNav{display: none;}
	.Content.Wide.spRightCol{width: 100%; padding: 0}
	.ProductList .ProductActionAdd a.btn{font-size: 12px;}

	#ProductDetails .ProductThumbImage, #ProductDetails .ImageCarouselBox{display: none;}
	.mobileimage{position: relative; cursor: pointer; display: block;}
	.itemArrow{display: block;position: absolute; top: calc(50% - 40px); font-size: 50px; line-height: 1; cursor: pointer;}
	.itemPrevArrow{left: 0}
	.itemNextArrow{right: 0}
	.PrimaryProductDetails .ProductMain{padding-left: 25px;}

	.contact-form-container{background-image: none; padding: 20px}

	.IAmError-upper img{max-width:50%;}
	.IAmError-not-found {padding-top: 0; width: 49%;}

	.ShippingList table th, .ShippingList table td{padding: 6px 20px;}

	#HomeSlideShow{display: block; overflow: hidden;}

	.usp-1,	.usp-2,	.usp-3,	.usp-4{ width: 50%; padding-left: 60px}
	.usp-1{background-position: 10px 3px}
	.usp-3{background-position: 10px 5px;}
	.usp-4{background-position: 7px 3px;}

}

@media all and (max-width: 767px){
	input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select{font-size: 12px !important; height: 35px; line-height: 35px;}
	.btn, textarea, input[type="email"], input[type="text"], input[type="password"], input.Textbox{height: 35px; line-height: 35px;}
	.header-utility{display: none;}
	#ToggleMenu1{width: 20%; text-align: center;}
	.header-logo{width: 60%;}
	.header-logo img{margin:auto; max-height: 90px; padding: 10px 0 15px;}
	.header-top{width: 20%; text-align: center; margin:0;}
	.header-cart{float: none; padding: 19px 0;}
	.header-cart img{display: block; margin: 0 auto}
	.header-bottom{width: 100%; display: block; float: none; clear: both;}
	.foot-col{width: 100%; float: none; margin-bottom: 10px; overflow: hidden;}
	span.news-title {border: medium none;display: block;  margin: 0 auto 5px;  max-width: 245px;}
	#nl_email{margin: 0; display: inline;}

	.co-header .header-logo {width: 100%;}
	.secure-co {clear: both; float: none; padding: 0 0 10px;  text-align: center;  width: 100%;}
	.KeepShopping {clear: both;display: block; float: none;  margin: auto;  max-width: 225px;  text-align: center; margin: 15px auto 0;}
	.ProceedToCheckout {float: none; width: 100%; text-align: center;}
	.CheckoutButton{display: inline-block;}
	.cart-cards {float: none;margin: auto; padding: 15px 0; text-align: center;}
	.CartCode > .CouponCode, .CartCode > .GiftCertificate{float: none; width: 100%; padding: 0 0 25px;}
	.trust-div { display: block; margin: 20px 0; width: 100%;}
	table.CartContents tbody tr td{padding: 10px 0;}

	.ExpressCheckoutContent > .CreateAccount, .ExpressCheckoutContent > .AccountLogin{width: 100% !important; display: block; padding: 0 !important; border:none !important;}
	.ExpressCheckoutContent input.Textbox{width: 100%;}
	#CheckoutStepBillingAddress .ExpressCheckoutContent div.selector, #CheckoutStepShippingAddress .ExpressCheckoutContent div.selector{min-width: 100%}

	#CategoryBreadcrumb{display: none;}
	.SubCategoryListGrid > ul li{width: calc(50% - 30px);}
	.SubCategoryListGrid li > a:first-child {display: block; height: 150px;}
	.SubCategoryListGrid > ul li img{max-height: 150px; width: auto}
	.ProductList li{width: calc(50% - 10px); padding: 0;}
	.ProductList .ProductActionAdd{display: block !important;}

	#ProductDetails .left-content, .PrimaryProductDetails .ProductMain{width: 100%; float: none; padding: 0;}
	.productAttributeList .productAttributeValue {width: calc(100% - 75px);}
	.productPage .ProductList li {width: calc(50% - 10px); max-width: 170px;}

	.cu-info-div{width: 100%; }
	.cu-left, .cu-right{width: 100%; padding: 0}

	.about-img{width: 100%; float: none; text-align: center;}
	.about-content{float: none; width: 100%; padding-left: 0;}
	.about-no-hassle img{display: block; margin:0 auto 10px;}
	.about-no-hassle p{width: 100%;}

	.IAmError-upper img{max-width: 100%; float: none; margin:0 auto 25px; display: block;}
	.IAmError-not-found {padding-top: 0; width: 100%; float: none; padding-left: 0; max-width: 360px; margin: auto;}
	.IAmError-not-found h1{max-width: 100%; font: bold 31px/30px "Noto Serif";}

	.span-70, .span-30, .span-60, .span-40, .span-50{float: none; width: 100%; padding: 0}
	.international-orders img, .countries-ship img, .domestic-orders img {margin-top: 10px;}
	.ShippingList table{margin:0;}

	
	.slide-content{margin: 0 -250px}
	.flex-direction-nav{display: none;}

	.usp-1, .usp-2, .usp-3, .usp-4 {padding-left: 60px; width: 100%;}
	.kickers{margin-left: 0;}
	.kicker {float: left; margin: 0 2% 15px; text-align: center; width: 96%;}

	#home .owl-carousel {margin: 0; padding: 0 30px;}

}

@media all and (max-width: 359px){
	.CartContents .ProductName a{font-size: 12px}
	.CartItemIndividualPrice, .CartItemTotalPrice{font-size: 12px;}
	.btn.update, .btn.update:hover{font-size: 10px}

}