.store, .main {vertical-align: top; margin: 0} .ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%} .main, .modal {text-align: left; font-size: 10pt} .modal {padding: 0 2px} hr {height: 1px} .main hr {color: black; background-color: black; border-width: 0px} .ui-content {padding: 0 1px} td {font: inherit} .font1, .cart, .nextTextDialogContainer, .nextNotifyInStockButton {font-size: 10pt} .font1small, .nextSharingDiscountLimit {font-size: 8pt}, .nextPurchaseSetQtyMsg {font-size: 8pt} .font1large {font-size: 12pt} .font2 {font: 10pt Open Sans,sans-serif} .font2small {font: 8pt Open Sans,sans-serif} .font2large {font: 12pt Open Sans,sans-serif} .labelSubText {font-size: 8pt; display: block} .mlabelSubText {font-size: 8pt} .nextCartStatus, .nextCartEmpty .nextCartEmptyMessage, .nextSharingDiscountMessage {font-style: italic} .nextSharingDiscountMessage {padding-top: 20px} .nextStatus {padding-top: 5px; font-style: italic} .nextCartEmpty {padding: 10px 10px 50px 10px; text-align: center} a.nounderline, .nounderline a, .nextCategoryTarget a, .nextProductTarget a, .nextCartProductTarget, .nextDiscountThumbnail {text-decoration: none} .nextHeader, .nextFooter, .banner2 {height: 45px} .nextHeaderFooter {clear: both} .nextBannerCellRight .nextBannerText {padding-right: 6px} .nextBannerCellLeftButton .nextBannerText {padding-right: 12px} .nextBannerCell, .nextFirstNameLabel, .nextLastNameLabel, .nextPhoneLabel, .nextExtLabel, .nextEmailLabel, .nextAddressLabelLabel, .nextCompanyNameLabel, .nextAddress1Label, .nextAddress2Label, .nextCityLabel, .nextStateLabel, .nextZipLabel, .nextCountryLabel, .nextAddressTypeLabel, .nextAddressTypeRadio, .nextPasswordLabel {white-space: nowrap} .nextBannerCellLeft, .nextBannerCellLeftButton, td.nextNavButton, .nextCartProductListHeader h2 {text-align: left} .nextCentered, .nextBannerCellCenter, .nextShipName, .welcome, .nextSharingDiscountMessage, .nextPolicyContainer, .nextPoweredBy, .nextWarningsPopup, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls, .nextGeneralConfirmation, .nextCatalogFooter, .nextGeoTrust, .nextTrustGuard, .nextNotification, .nextLogo, .nextTrusteeEmailConfirmation, .nextMobileLoyaltyRedemptionDiv, .nextLegalDisclaimer, .nextCustomerShipperWarning {text-align: center} .nextSKUShipText, .nextLogo {padding: 10px 0 0 10px} .nextBannerCellRight, td.nextCartButton, .nextCartTotalAmount, .nextCartDiscount {text-align: right} .nextNavButtonText, .nextCartButtonText {vertical-align: middle; height: 22px} .nextCartButtonText {position: relative; left: -2px; top: -5px} .nextCartButton, .nextCartButton:hover, .nextHomeButton, .nextHomeButton:hover, .nextContinueButton, .nextContinueButton:hover, .nextCheckoutButton, .nextCheckoutButton:hover {min-width: 80px; height: 34px; white-space: nowrap} .nextCartButtonIcon {display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/jquerymobile/images/cart_white.png); background-repeat: no-repeat; background-position: 0 50%; position: relative; height: 30px; width: 30px; top: -5px} .nextMobileButton {min-height: 34px; min-width: 80px} .nextSearchResultsContainer ul {position: absolute; z-index: 2; width: 100%} .nextProductSearchResults {margin: 0 !important} .nextShipToCartProducts, .nextPickupCartProducts, .nextEmailToCartProducts {padding: 0; border-top-width: 1px} .nextCategoryList, .nextProductList, .nextCartProductList, .nextCartTotalRows {border: 0 solid black; border-bottom-width: 1px; list-style: none; padding: 0} .nextCategoryListItem, .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li {display: block; border: 0 solid black; margin: 0; text-align: left} .nextCategoryListItem, .nextProductListItem {border-top-width: 1px} .nextCategoryListItem a {font: 10pt Georgia, Open Sans,sans-serif} .nextCartProductListItem {border-bottom-width: 1px} .nextCategoryTarget, .nextProductTarget, .nextCartProductTarget, .nextDiscountThumbnail, .nextShipToLabel, .nextPriceTable, .nextSpecifications, .nextPickup, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {display: block} .nextCategoryTarget {padding: 0.7em 75px 0.7em 15px} .nextCategoryListItem div {position: relative} .nextCategoryListItem img, .nextProductListItem img, .nextCartProductListItem img {max-width: 80px; max-height: 80px; position: absolute; top: 0; left: 0; border: 0; float: left} .nextCartProductListItem img {max-width: 80px; max-height: 80px} .nextCategoryListItem .ui-icon, .nextProductListItem .ui-icon, .nextCartProductListItem .ui-icon {display: block; position: absolute; top: 50%; margin-top: -9px; right: 10px} .nextCategorySubList {margin: 0; -webkit-margin-after: 15px; border-top-width: 1px; background-color: #EEE} .nextCategorySubList .nextCategoryListItem div {margin: 0 15px} .nextCategorySubList .nextCategoryListItem {border: 0 solid black; border-bottom-width: 1px} .nextCategoryTargetImg {padding-left: 95px; min-height: 65px} .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li, .nextShippingMethodSelectSalesTax {padding: 5px 0 5px 0} .nextProductListItemContainer, .nextCartProductListItemContainer {position: relative; min-height: 80px} .nextProductThumbnailItem, .nextCartProductThumbnailItem, .nextCategoryThumbnailItem {padding-left: 85px} .nextCategoryThumbnailItem {min-height: 80px} .nextMobileDialog {position: absolute; padding: 10px; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100; background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #FDFDFD), color-stop(1, #EEEEEE)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#EEEEEE')"; text-shadow: 0 1px 1px #F6F6F6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #333333;white-space:normal} .nextOverlay {background-color: rgba(0, 0, 0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5} .nextOverlay, .nextLoadingOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99} .ui-loader {z-index:1000; box-shadow: none} .nextLoadingOverlay {z-index:999} .nextPopupElement input, .nextPopupElement select, .nextNewShipToLabel, .nextNewShipName {display: block; width: 97%} .nextProdName {font: 12pt Open Sans,sans-serif; font-weight: bold; display: block; text-align: left} .nextProductDetail {padding: 5px; text-align: left} .nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0} .nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black} .nextNoProductThumbnailItem, .nextNoCartProductThumbnailItem, .nextProductDetail .nextProdName, .nextProductDetail .nextShortDesc, .nextProductDetail .nextStatus, .nextProductDetail .nextAttributeLabel, .nextWriteInAttributes, .nextPrice, .nextHiddenPrice, .nextSKUContainer, .nextCustomField1Container, .nextCustomField2Container, .nextCustomField3Container, .nextCustomField4Container, .nextCustomField5Container, .nextCustomField6Container, .nextCustomField7Container, .nextCustomField8Container, .nextCustomField9Container, .nextCustomField10Container, .nextCustomField11Container, .nextCustomField12Container, .nextCustomField13Container, .nextCustomField14Container, .nextCustomField15Container, .nextCustomField16Container, .nextCustomField17Container, .nextCustomField18Container, .nextCustomField19Container, .nextCustomField20Container, .nextUOMContainer, .nextShipWeightContainer, .nextAllocationContainer, .nextInventoryContainer, .nextOrderDiscounts, .nextGiftCertificate {padding: 0 10px} .nextOrderDiscounts, .nextCartPhoneNumber, .nextCartEmail, .nextShipTo {padding-bottom: 10px} .nextTweet, .nextPinIt, .nextFBShare, .nextAddThis, .nextAddToCart, .nextNewShipToLabel, .nextNewShipName, .nextMainImage, .nextProductSearchContainer, .nextPagesTicker, .nextTellAFriendMessage, .nextPolicyBody, .nextSoldOut {padding: 10px} .nextPopupElement, .nextMobileInput, .nextRegisterAddendum, .nextRegisterHeader {padding: 5px 10px} .nextSoldOut {font-style: italic; font-weight: bold; text-align: center} .nextBidPrice {padding: 10px 0} .nextMiniThumb {cursor: pointer} .nextPrice, .nextSKUText, .nextGiftMessageWrap {padding-top: 10px} .nextGiftMessageWrap {padding-left: 10px} .nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextCartSubtotalLabel, .nextCartGrandTotalLabel, .banner2 {font-weight: bold} .nextFBShareContainer {display: inline-block; position: absolute; left: 0; top: 0; padding: 10px} .nextFBShare {position: relative; height: 80px} .nextCartSavings, .nextCartSubscription, .nextCartOrderSubscription, .nextCartReservation, .nextCustomerShipperWarning {color: black} .nextEditQuantity, .nextShippingMethodSelectLineItems, .nextCartDiscountRow, .nextCategoryDiscount, .nextSurcharge, .nextBuyNowButtonContainer {display: table-row} .nextEditQuantity div, .nextBuyNowButtonContainer div, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {display: table-cell; vertical-align: middle; padding-right: 15px} .nextQuantityLabelContainer, .nextQuantityTextBoxContainer {padding-right: 20px;} .nextQuantityLabelContainer {min-width: 55px} .nextQuantityTextBoxContainer {min-width: 65px} .nextAddToCartButtonContainer, .nextBuyNowButtonDiv, .nextFavoriteShoppingListContainer {width: 100%} .nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextRegisterCaptcha {width: 304px; margin: 0 auto 0;} .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {width: 50%} .nextGiftMessageWrap .ui-controlgroup-controls {min-width: 160px} .nextGiftMessageWrap, .nextInvoiceShipToAddress {border-bottom: 1px dotted black} .nextCartTotalRows li, .nextPolicyContainer div {display: table; width: 100%} .nextCartTotalAmount, .nextCartTotalLabel, .nextCartDiscountLabel, .nextCartDiscount, .nextPolicyLink {display: table-cell} .nextNotification {border: 1px solid #CCC79A; background-color: #FFFACD} .nextGeoTrust, .nextTrustGuard, .nextNotification {padding: 5px} .nextNotificationHeader {padding-bottom: 5px} div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating {width:18px;height:18px} div.star-rating,div.star-rating a {background:url(//cdn.nexternal.com/shared/storefront/images/star_empty.png) no-repeat 0 0px} div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0} div.star-rating-on a, div.star-rating-hover a {background:url(//cdn.nexternal.com/shared/storefront/images/star_full.png) no-repeat 0 0px} div.star-rating-readonly a {cursor:default !important} div.star-rating {background:transparent!important; overflow:hidden!important} .nextHoverNotification {position: absolute; left: 50%; width: 200px; z-index: 5000; cursor: pointer; background: -moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #666666), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')"; border: 0; border-radius: 6px; box-shadow: 0 0 6px #000000; color: #FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size: 15px; z-index: 5001; text-align:center; padding: 10px} .nextRatingLabel, .nextRatingContainer {display: inline-block} .nextRatingLabel, .nextRatingContainer, .nextCustomerCustomFieldValue {vertical-align: top} .nextShippingMethodSelectLineItemQty, .nextShippingMethodSelectLineItemName {display: table-cell; padding: 5px 10px 5px 0} .nextPolicyContainer, .nextPoweredBy {padding: 20px 0} .ui-collapsible .nextDetails .ui-corner-bottom {border-bottom-left-radius: 0; border-bottom-right-radius: 0} .nextCurrency {display: block; position:relative; font-size:14pt; top:25px; left:9px; height:0; line-height:0; z-index:2} .nextCurrencyInput {padding: 0.4em 17px !important} .nextStandardStoreFrontLink {text-align: center; padding: 10px 0;} .nextNoScriptBlock {display: block; width:100%; height:10000px; position: fixed; left: 0; top: 0; z-index: 2} .nextNoScriptBlock .ui-header {background-image:-webkit-gradient(linear,left top,left bottom,from( #3C3C3C ),to( #111111 )); background-image:-webkit-linear-gradient( #3C3C3C,#111111 ); background-image: -moz-linear-gradient( #3C3C3C,#111111 ); background-image: -ms-linear-gradient( #3C3C3C,#111111 ); background-image: -o-linear-gradient( #3C3C3C,#111111 ); background-image: linear-gradient( #3C3C3C,#111111 );} .nextNoScriptBlock .ui-content {padding: 15px} .nextCartAccountInfo {padding: 0.5em 0} #sw-wrapper {position:absolute; z-index:1000; left:0; width:100%; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left} #sw-header {position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; background:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-header.png) 0 0 repeat-x; opacity: 0.9} #sw-cancel, #sw-done {position:absolute; top:7px; height:20px; line-height:20px; padding:0 5px; margin:0; border-width:5px; font-size:12px; font-weight:bold; text-shadow:rgba(0,0,0,0.8) 0 -1px 0; color:#fff} #sw-cancel {left:7px; float:left; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-cancel.png) 5} #sw-done {right:7px; float:right; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-done.png) 5} .sw-pressed {opacity:0.4;} #sw-slots-wrapper {position:relative; z-index:999; display:block; height:215px; padding:0 11px; overflow:hidden} #sw-slots {display:table; width:100%; background:#fcfcfc} #sw-slots div {display:table-cell; height:100%; padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y} #sw-slots div:first-child {border:0;} #sw-slots ul {padding:0 0 85px 0; margin:0; list-style:none} #sw-slots .sw-right {text-align:right;} #sw-slots .sw-shrink {width:1%;} #sw-slots .sw-readonly {background:#ddd;} #sw-slots li {padding:0 8px; height:44px; overflow:hidden; font:bold 24px/44px Helvetica,sans-serif} #sw-frame {position:absolute; z-index:1000; left:0; right:0; bottom:0; height:183px; border-width:16px; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-alpha.png) 16} .nextLoginHeader, .nextContactInfoHeader {margin-top: 15px} span.ui-body-d {background: none; border: none} .nextCategoryListItem:active, .nextProductListItem:active {-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888} .nextTextDialogContainer {padding:5px} .nextCollapsibleText {text-overflow: ellipsis} .nextStaticText {position: absolute; right: 20px} h2.ui-collapsible-heading .ui-btn-text, h3.ui-collapsible-heading .ui-btn-text {position: static} h2.ui-collapsible-heading .ui-btn-inner, h3.ui-collapsible-heading .ui-btn-inner {padding-right: 50px !important} .nextPickup {padding: 10px 0 10px 0;} .nextPickupLabel {font-size:16px} .nextCartProductListHeader h2 {font-size: 1.5em; margin: 16px 0 !important} .nextPickupInvoiceProducts, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {padding: 10px 0} .nextIconInactive {color: #a5a5a5} .nextFontHeartActive {color: red} .nextFontStarActive {color: #f7e729} .nextFontShopListActive {color: #e09c1e} .nextFontBookmarkActive {color: blue} .pac-item {font-family: Georgia, Open Sans,sans-serif} /*mobile vanillabean 201.004*/ .nextHeader.ui-bar-a { background:#333; /*TOP BANNER*/ } .nextGallery div { display:none; } .ui-body-a, .ui-overlay-a { font-family:Roboto, sans-serif; /*BODY FONT*/ text-shadow:none; } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:"Roboto Condensed", serif; /*HEADINGS FONT*/ text-shadow:none; background:none; border:none; border-bottom:1px solid #CCC; font-size:18px; padding-left:5px; box-sizing: border-box; } .nextCategorySubList { background:rgba(0,0,0,.1); } .nextTweet, .nextPlusOne, .nextPinIt, .nextFBLike, .nextFBShare { display:inline-block; vertical-align:top; } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#337ab7; /*LINK COLOR*/ } .ui-body-a .nextCategoryList ul a, .nextGeoTrust, .nextTrustGuard, .nextNotification, #sw-slots { color:#000; } /*BODY BACKGROUND COLOR OR IMAGE, AND SEPEARATE CONTENT BACKGROUND COLOR*/ /* div.main { background:#F0F5F0; } .nextContent, .nextCatalogFooter{ background-color: #FFF; max-width:1130px; box-sizing: border-box; } .nextContent{ margin: 30px auto 0; border-radius:4px 4px 0 0; } .nextCatalogFooter{ margin: 0 auto; border-radius:0 0 4px 4px; } .bottomHTML { margin-top:30px; } .nextInvoice .bottomHTML, .nextLogin .bottomHTML, .nextOrderInfo .bottomHTML{ display: none; } */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-top:30px; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top: 0; left: 0; width: 100%; height: 100%; } .account #footer, .checkout #footer { display:none; } .fluidWrap { display:inline-block; } .fluidWrap img { width:100%; max-width:100%; } .hideMobile { display:none !important; } /* .nextCategoryDescription { overflow:scroll; } */ /*sale stickers*/ .onSale > .nextProductTarget, .onSale .nextMainImage { position:relative; display:inline-block; } .onSale > .nextProductTarget:after, .onSale .nextMainImage:after { content:"Sale!"; position:absolute; left:8px; top:8px; text-transform:uppercase; opacity:.95; background:#d26e4b; width:55px; height:55px; line-height:55px; border-radius:999px; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; } .onSale > .nextProductTarget:after { width:30px; height:30px; line-height:30px; font-size:8px; } /*fluid gallery thumbs*/ .nextMiniThumb { box-sizing: border-box; display: inline-block; padding: 0 2%; max-width: 31%; } .nextMiniThumb img { height: auto; max-width: 100%; width: 100%; } .clubPrice b { font-weight: normal; } /*---------------------------------------------------------------- ..discount label customization for category discounts and customer type discoutns that display as line items in the cart ------------------------------------------------------------------*/ /* .nextCategoryDiscount .nextCartDiscountLabel, .nextCategoryDiscount .labelSubText { font-size: 0; } .nextCategoryDiscount > .nextCartDiscountLabel:before{ content: "Club Membeer Discount - 20% off all wine"; font-size: 13px; } .nextCustomerDiscount .nextCartDiscountLabel{ font-size: 0; } .nextCustomerDiscount .nextCartDiscountLabel:before{ content: "Case Discount - 15% off 12 or more bottles"; font-size: 13px; } */ /*hide pickup*/ /* #inpFulfillmentMethodPickUp, label[for="inpFulfillmentMethodPickUp"] { display:none; } */ /* input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton { padding: 10px 12px; border-radius: 0; font-weight: 700; font-size: 13px !important; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-appearance: none; text-decoration: none; text-transform: uppercase; border: 2px solid #555; background: #FFF; color: #555; box-sizing: border-box; } input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover { background-color: #555; background-color: rgba(0, 0, 0, .7); color: #FFF; background: #555; color: #FFF; } */ /*---------------------------------------------------------------- ..Template1 content styling ------------------------------------------------------------------*/ .nextHeader { height: 43px; } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family:Roboto, sans-serif !important; } .ui-btn-corner-all, .ui-corner-all{ border-radius: 0; } .ui-shadow { box-shadow: none; } .ui-btn { border: none !important; background-image: none; background:#555 !important; font-size: 13px !important; text-transform: uppercase; font-weight: 400 !important; white-space: normal !important; color: #FFF !important; } .ui-btn.nextAddToCartButton { font-weight: 700 !important; /*font-size: 13px;*/ transition: all .3s ease; text-transform: uppercase; box-sizing: border-box; border: 2px solid #888 !important; background: #FFF !important; color: #222 !important; } .ui-btn.nextAddToCartButton:hover { background: #555 !important; color: #FFF !important; } .ui-btn-inner { border: none; } .ui-btn-text { text-shadow: none !important; } .ui-radio-off { background: #EEE !important; color:#222 !important; } .ui-controlgroup .ui-radio { border-radius: 0; } .ui-shadow-inset { box-shadow: none; } .nextFullCart, .nextCartSmallButton, #aCartCalculator{ margin-left:5px; margin-right: 5px; box-sizing: border-box; } .ui-listview li.ui-btn { border-bottom:1px solid #FFF !important; } .ui-li .ui-btn-text a.ui-link-inherit { white-space: normal; } .nextEmailRetype ~ hr { display:none; } hr, .main hr{ background-color: #999; /*display: none;*/ } div.ui-input-text { padding:0; } div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text { padding: .4em; box-sizing: border-box; border-radius: 0; } .nextMobileDialog { border-radius: 0; } .nextEditQuantity div { padding-right: 5px; } .nextEditQuantity div input.ui-input-text { padding: .5em .4em; } /*---------------------------------------------------------------- ****************************************************************** ..CHILD THEME ****************************************************************** ------------------------------------------------------------------*/ body .nextHeader .ui-btn { background:#627e15 !important; } body .nextHeader .ui-btn .nextNavButtonText { color:#fff; } a {text-decoration:none;} .nextMobileDialog {z-index:9999} .nextLogin #aspnetForm {padding-bottom:30px} select {font-size:16px;} .nextHeader.ui-bar-a { background:#555; /*TOP BANNER*/ } .ui-body-a, .ui-overlay-a { font-family::Open Sans, sans-serif; /*BODY FONT*/ } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family::Open Sans, sans-serif; /*HEADINGS FONT*/ } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#627e15; /*LINK COLOR*/ } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family::Open Sans, sans-serif !important; } /*---------------------------------------------------------------- ..BORDERING HTML ------------------------------------------------------------------*/ body, body.master { -webkit-text-size-adjust: 100%; font-family:Open Sans,sans-serif; font-size: 16px; } a { color:#4f4f4f; } a:hover { color:#627e15; } .borderingHTML a { text-decoration:none } .borderingHTML * { padding: 0; margin: 0; box-sizing: border-box; } .borderingHTML img { max-width: 100%; height: auto; } /* style2.css */ .clear { clear: both; line-height: 0; font-size: 0; } .aligncenter, div.aligncenter { margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .alignleft, .alignright { max-width: 55%; } .alignright img, img.alignright { margin: 0 0 10px 10px; } .alignleft img, img.alignleft { margin: 0 10px 10px 0 ; } .alignright img, img.alignright, .alignleft img, img.alignleft { max-width: 100%; height: auto; } /* header */ .importante { background: red; text-align: center; color: #fff; padding: 15px; font-weight: bold; font-size: 1.2em; } .importante a { color: #fff; } .importante a:hover { color: #000; } #header-wrap { width: 100%; background-color: #efefef; } #header { width: 1170px; margin: 0 auto; padding: 20px 0; } #searchform { padding: 0; margin: 0; text-align:right; } #searchform input { outline: 0; padding: 4px; margin: 0; } #searchform #s { width: 170px; } #searchsubmit { padding: 0; background: none; width: 15px; } /* navigation */ .nav-wrap { width: 100%; background-color: #000000; padding: 10px 0; } /* top nav */ .topNav { width: 1170px; margin: 0 auto; font-size: 12px; text-align: right; } .topNav ul { list-style-type: none; } .topNav ul li { display: inline-block; padding-left: 10px; } .topNav a { /*color: #ffffff;*/ text-decoration: none; margin-right:5px; padding-right: 5px; } .topNav a:last-child { border-right: none; } .topNav a:hover { /*color: orange;*/ text-decoration:none; } /* main nav */ .main-nav { width: 1170px; margin: 0 auto; text-transform: uppercase; } .main-nav ul { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; } .main-nav ul, .main-nav li{ list-style: none; padding: 10px; margin: 0; } .main-nav ul li{ position:relative; display: inline-block; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5); } .main-nav ul li a{ display:block; padding:0; margin:0; white-space: nowrap; line-height: 100%; letter-spacing: 1px; color: #ffffff; font-weight:normal; font-size:16px; text-decoration: none; } .main-nav ul li a:hover{ z-index: 100 !important; } .main-nav ul ul{ position: absolute; top: -99999px; left:0; opacity: 0; transition: opacity .3s ease-in-out; z-index: 49; background: #000000; padding: 10px 15px; box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.5); width: auto; display:none } /*SUB SUB Menus*/ .main-nav ul ul ul { position: absolute; top: -99999px; left: 100%; opacity: 0; transition: opacity .5s ease-in-out; font-size: 14px; font-weight: normal; background-color: #000000; margin: 0 0 0 75px; display:none } .main-nav ul li:hover>ul, .main-nav ul li:hover > ul { opacity: 1; position: absolute; top: 99%; left: 0; z-index: 100 !important; display:block; } #menu-main-nav-menu li > a:focus + ul { visibility: visible; opacity: 1; display:block; top: 99%; left: 0; } #menu-main-nav-menu li:focus-within > ul { visibility: visible; opacity: 1; display:block; top: 99%; left: 0; } .main-nav ul ul li:hover>ul{ position: absolute; top: 0; left: 0; opacity: 1; z-index: 100 !important; background: #333; } ul.sub-menu { font-size: 14px; font-weight: normal; width: 100%; margin-bottom: 15px; } ul.sub-menu a { text-transform: none; /*color: #ffffff;*/ padding-left: 0; letter-spacing: 0px; font-weight: normal; } .main-nav ul.sub-menu a { text-transform: none; /*color: #ffffff; */ line-height: 100%; } .main-nav ul.sub-menu a:hover { /*color: orange;*/ z-index: 100000; } li.sub-menu { float: none; margin-bottom: 15px; } .sub-menu li { float: none; font-size: 14px; font-weight: normal; width: 100%; margin-bottom: 10px; } /* branding and logo */ .logo { display: inline-block; } .logo img { max-width: 100%; filter: drop-shadow(0px 3px 3px rgba(0,0,0,.75)); } .logo h1 { font-size: 50px; text-transform: uppercase; } .logo a { text-decoration: none; } /* social links */ #social { float: right; font-size: 24px; } #social a { /*color: #fff;*/ margin-left: 10px; } #social a:hover { /*color: orange;*/ } /* footer */ #footerWrap { width: 100%; background-color: #000000; } #footer { width: 1170px; margin: 20px auto; padding: 15px 0; font-size: 14px; color: #ffffff; overflow: hidden; } #footer a { /*color: #ffffff;*/ text-decoration: none; } #footer a:hover { text-decoration: none; } #footer .left, #footer .right, #footer .middle { vertical-align: middle; display: inline-block; width: 33% } #footer .left b:after { content: ' | '; } #footer .middle { text-align: center; } #footer .right { text-align: right; } /* footer nav */ .footer-nav ul { list-style-type: none; margin-bottom: 15px; } .footer-nav ul li { display: inline-block; margin-right:5px; padding-right: 5px; } .footer-nav ul li:after { content: '|'; } .footer-nav ul li:last-child:after { content: none; } .footer-nav a { /*color: #ffffff;*/ text-decoration: none; margin-right:5px; padding-right: 5px; } .footer-nav a:hover { text-decoration:none; } #slb_viewer_wrap img { opacity:1; -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; -webkit-animation-fill-mode: none !important; -moz-animation-fill-mode: none !important; animation-fill-mode: none !important; -webkit-animation-duration: none !important; -moz-animation-duration: none !important; animation-duration: none !important; -webkit-animation-delay: none !important; -moz-animation-delay: none !important; animation-delay: none !important; } /* responsive */ .mobileonly { /*hide stuff you only want to see on small screens*/ display: none !important; } .mobilehide { /*unhide stuff you dont want to see on big screens*/ display: initial !important; } @media only screen and (max-width: 1169px) { #header, #footer, .topNav { width: 100%; } #header { margin-top: 0; text-align: center; } .topNav { padding: 10px 100px 10px 25px; } #footer { padding: 10px 25px; } .logo { max-width: 50%; background-size: contain; top: 0; max-height: 165px; } } /* end of 1170px */ @media only screen and (max-width: 768px) { .topNav, .search { display: none; } .logo { float: none; text-align: center; } #header, #footer { width: 100%; margin: 0; } #header { text-align: center; padding: 20px 0 10px 0; } #footer .left, #footer .right, #footer .middle { display: block; width: 100% !important; text-align: center; } /* sticky footer */ .footer-nav ul li { margin: 0 5px; padding: 0; border-right: none; } #footer .left b { display: block; } #footer .left b:after { content: ''; } #header img { max-width: 85%; } .alignright, .alignleft, .wp-caption.alignright, .wp-caption.alignleft { float: none; width: 100%; max-width: 100%; height: auto; padding: 0; margin: 0; } .alignright img, .alignleft img { width: 100%; } } /* style.css */ /* Responsive Menu */ #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img { max-width: 50% !important; display: block !important; margin: 0 auto !important; } .responsive-menu-subarrow { display: none !important; } .noShow { display: none !important; } #wrap { margin-bottom: 0; background-color: transparent; min-height: calc(100vh - 20em); } #header-wrap { background-color: transparent; } .nav-wrap.main { background-color: transparent; } #footerWrap { width: 100%; background-color: #efefef; color: #333; min-height: 20em; } #footerWrap img { filter: none; -webkit-filter: none; margin: 0 auto; display: block; max-width: 22em; } #footer { width: 1170px; margin: 0 auto; padding: 50px 15px; color: inherit; overflow: initial; text-align: center; } #footer a { color: #333; } #footer #social { float: none; font-size: 35px; margin: 10px 0 25px 0; } #footer #social a { margin-left: unset; margin: 0 10px; } #footer #social:before { content: 'Follow Us On'; display: block; font-size: 16px; font-family: 'Open Sans'; text-transform: uppercase; letter-spacing: .25em; margin-bottom: 5px; } .logo { display: initial; } .logo img { max-width: 500px; filter: none; margin: 0 auto; display: block; } /* top nav */ .importante { background: #f24d16 !important; padding: 1em 3em; } .nav-wrap.top { background-color: transparent; overflow: hidden; } .topNav { display: flex; justify-content: flex-end; } .topNav a { color: #333; } .topNav a:hover { color: #6d8b18 !important; } .topNav ul li { padding-left: 0; } ul#menu-header-nav li a { border-left: 1px solid #ccc; margin-left: 10px; padding-left: 10px; } ul#menu-header-nav li:last-child a { border-right: none; margin-right: 0px; padding-right: 0px; } a#search { font-size: 1.25em; } /* main nav */ .nav-wrap { background-color: #efefef; font-family: 'Open Sans'; } .main-nav ul, .main-nav li { padding: 0; } .main-nav ul li { text-shadow: none; } .main-nav ul li a { letter-spacing: 0; color: #333; } .main-nav ul li a:hover { color: #6d8b18 !important; } .main-nav ul ul { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(239,239,239,1) 100%); margin-top: 0; border-radius: 0 0 10px 10px; transition: max-height .9s ease; box-shadow: 0px 10px 7px -5px rgba(0,0,0,0.5); } .main-nav ul li:hover>ul, .main-nav ul li:hover > ul { max-height: 600px; padding: 10px 15px; } .main-nav ul li:last-child >ul { left: -10em; } .main-nav ul li:hover>ul, .main-nav ul li:hover > ul { /*left: -10em;*/ } /* RESPONSIVE */ .sub760Hide { display: none !important; } @media only screen and (max-width: 1169px) { #content, #header, .main-nav, .topNav, .contentWrap, #footer { width: 100% !important; } .nav-wrap.top { padding: 10px 25px; } .topNav { padding: 0; } @media only screen and (max-width: 768px) { .topNav { display: initial !important; } a#search { display: none; } #header img { max-width: 60vw; } /* inline css */ body .main-nav { font-size: 16px !important; } .slick-prev, .slick-next{ height: 30px !important; } i.fas.fa-search { font-style: normal; } .fa-search:before { /*font-family: "Font Awesome 5 Free";*/ font-family: "FontAwesome"; } /* modal search */ /* The overlay effect with black background */ .overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,.75); /* Black with a little bit see-through */ } /* The content */ .overlay-content { position: relative; top: 46%; width: 80%; text-align: center; margin-top: 30px; margin: auto; } /* Close button */ .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; cursor: pointer; color: white; } .overlay .closebtn:hover { color: #ccc; } /* Style the search field */ .overlay input[type=text] { padding: 15px; font-size: 17px; border: none; float: left; width: 80%; background: white; } .overlay input[type=text]:hover { background: #f1f1f1; } /* Style the submit button */ .overlay button { float: left; width: 20%; padding: 15px; background: #ddd; font-size: 17px; border: none; cursor: pointer; } .overlay button:hover { background: #bbb; } a.openBtn { cursor: pointer; } #searchform #s { width: 100%; } #searchform input { padding: 15px; } /*end ..BORDERING HTML*/ /*---------------------------------------------------------------- ..UNIQUE STYLES FOR THIS STORE ------------------------------------------------------------------*/ /*for a11y*/ .ui-btn-hidden { /*removed - this was causing a second button label with 1px font size to lie on top of the white button labels (example: enter coupon) - Still passing lighthouse audit without this opacity:1; text-indent: 0; */ } .nextProductImageContainer { margin-bottom: 30px; } body.adaFocusOutline :focus, body.adaFocusOutline .ui-focus { outline-color: #74b0f8 !important; outline-style: solid !important; } body.adaFocusOutline .nextHeader a:focus { outline-color: #74b0f8 !important; outline-style: solid !important; }