.store, .main {vertical-align: top; margin: 0} .ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%} .main, .modal {text-align: left; font-size: 12pt} .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: 12pt} .font1small, .nextSharingDiscountLimit {font-size: 9pt}, .nextPurchaseSetQtyMsg {font-size: 9pt} .font1large {font-size: 14pt} .font2 {font: 12pt Karla,Arial,Helvetica,sans-serif} .font2small {font: 9pt Karla,Arial,Helvetica,sans-serif} .font2large {font: 14pt Karla,Arial,Helvetica,sans-serif} .labelSubText {font-size: 9pt; display: block} .mlabelSubText {font-size: 9pt} .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: 12pt Karla,Arial,Helvetica,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: 14pt Karla,Arial,Helvetica,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/fp/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/fp/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: Karla,Arial,Helvetica,sans-serif} /*mobile vanillabean 201.005*/ .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:#fff; } .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; z-index:9999 } .nextEditQuantity div { padding-right: 5px; } .nextEditQuantity div input.ui-input-text { padding: .5em .4em; } /*---------------------------------------------------------------- ****************************************************************** ..CHILD THEME ****************************************************************** ------------------------------------------------------------------*/ /* button color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn, #btnSubmit.ui-btn-hidden, #btnOrderSubmit.ui-btn-hidden { background:#047eaf !important; border:0 !important; } /* button text color */ /* .ui-btn, .ui-btn-hidden //uncomment to apply to ALL buttons */ body .nextHeader .ui-btn .nextNavButtonText, .ui-btn.nextAddToCartButton, .adaCheckoutButtonBottom, .nextLoginButton, .nextLegalDisclaimer .ui-btn-text, #btnOrderSubmit.ui-btn-hidden, #btnSubmit.ui-btn-hidden, .nextCartButtonText { color:#fff !important; } /* uncomment if ALL buttons made same color, to differentiate active radio buttons .ui-radio .ui-btn-active { background:#783225 !important; color:#f2eee5 !important; } */ a {text-decoration:none;} .nextMobileDialog {z-index:9999} .nextLogin #aspnetForm {padding-bottom:30px} select {font-size:16px;} .nextHeader.ui-bar-a { background:#ddd; /*TOP BANNER*/ } .ui-body-a, .ui-overlay-a { font-family:Karla, sans-serif; /*BODY FONT*/ } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:Montserrat, sans-serif; /*HEADINGS FONT*/ } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#047eaf; /*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:Karla, sans-serif !important; } /*---------------------------------------------------------------- ..BORDERING HTML ------------------------------------------------------------------*/ body, body.master { color:#757575; -webkit-text-size-adjust: 100%; font-family:Karla,Arial,Helvetica,sans-serif; font-size: 14px; } a { color:#047eaf; transition:color .15s ease; } a:hover { color:#757575; } .borderingHTML a { text-decoration:none } .borderingHTML * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .borderingHTML ul { padding:0; margin:0; list-style:none; } header { text-align:center; } .container { padding:0 80px; margin:auto; } .logo { display:inline-block; margin:20px; } .mobileMenu-toggle { height: 39px; width: 39px; display: none; font-size: 0; left: 20px; overflow: hidden; padding: 0 12px; position: absolute; z-index: 50; background:transparent; border:0; } .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle .mobileMenu-toggleIcon::before { background: #01a1dd; content: ""; display: block; height: 2px; position: absolute; transform: rotate(0); transition: transform .1s ease-in,top .1s ease-in 150ms,bottom .1s ease-in 150ms; width: 20px; } .mobileMenu-toggle .mobileMenu-toggleIcon::before { top: -7px; } .mobileMenu-toggle .mobileMenu-toggleIcon::after { bottom: -7px; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon { background-color: transparent; transition-delay: .1s; } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { top: 0; transform: rotate(45deg); } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after { bottom: 0; transform: rotate(-45deg); } .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before { background-color: #01a1dd; bottom: auto; top: auto; transition: transform .1s ease-in 150ms,top .1s ease-in,bottom .1s ease-in; } nav a { color:#1b0f45; font-weight:700; font-size:15px; padding:12px 16px; } nav a:hover { color:#01a1dd; } .footer { background-color: #fff; border-top: 1px solid #e5e5e5; padding: 3rem 0; } .footer-info-col { padding-left:10px; padding-right:10px; width: 33%; float: left; display: inline-block; float: none; margin-bottom: 3rem; vertical-align: top; } .footer-info-col--small { width: 16%; } .footer-info-col > :first-child { margin-top: 0; } .footer-info-col > :last-child { margin-bottom: 0; } .footer-info-heading { font:14px Montserrat,sans-serif; margin-bottom:10px; color:#047eaf; } .footer-info-list a { color:#757575; text-decoration: none; } .footer-info-list a:hover { color:#01a1dd; } .footer-payment-icons { margin-top:42px; height:40px; } .footer-payment-icons svg { fill: #757575; } #mce-EMAIL { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #ccc; border-style: solid; border-width: 1px; border-radius: 4px; color: #666; font-family: inherit; font-size:14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; margin: 0 0 4px; padding: .75rem 1rem; transition: border-color .1s ease-out; width:212px; } #mc-embedded-subscribe { background-color:#444; color: #fff; font:15px Montserrat,Arial,Helvetica,sans-serif; border:0; border-radius:4px; padding:12px 30px; } #mc-embedded-subscribe:hover { background-color:#666; } .footer-copyright { font-size:12px; } @media only screen and (max-width: 1023px) { nav { display:none; width:100%; padding:20px; background:#e5e5e5 } nav a { display:block; text-align:left; } .mobileMenu-toggle { display: inline-block; } .footer-info-col { width:70%; } .footer-info-col--small { width:49%; } #mce-EMAIL, #mc-embedded-subscribe { width:100% } } @media only screen and (max-width: 650px) { .footer-info-col, .footer-info-col--small { width:100%; } } /*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; }