.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 'Karla',arial,helvetica,sans-serif} .font2small {font: 8pt 'Karla',arial,helvetica,sans-serif} .font2large {font: 12pt 'Karla',arial,helvetica,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 'Prata',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: 12pt '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/sac/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/sac/images/star_full_1.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 2.0*/ .nextHeader.ui-bar-a { background:#191919; /*TOP BANNER*/ } .nextGallery div { display:none; } .ui-body-a, .ui-overlay-a { font-family: 'Karla','Roboto', sans-serif; /*BODY FONT*/ text-shadow:none; } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family: 'Prata','Roboto Condensed', sans-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:#252525; /*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 { color: #FFF; background: #333; background: rgba(0, 0, 0, .5); padding: 10px 12px; border: 0; border-radius: 0; font-weight: 700; font-size: 13px !important; cursor: pointer; font-family: 'Roboto', sans-serif; -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 #888; background: #FFF; color: #888; box-sizing: border-box; } input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover { background-color: #333; background-color: rgba(0, 0, 0, .7); color: #FFF; background: #888; 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: 'Karla','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:#8a8a8a !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 #8a8a8a !important; background: #FFF !important; color: #8a8a8a !important; } .ui-btn.nextAddToCartButton:hover { background: #8a8a8a !important; color: #FFF !important; } .ui-btn-inner { border: none; } .ui-btn-text { text-shadow: none !important; } .ui-radio-off { background: #EEE !important; color:#999 !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; } /*---------------------------------------------------------------- ..TOP HTML ------------------------------------------------------------------*/ .v65-shipTracking-wrapper .v65-shipTracking-progressTable table, .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table { margin-bottom: 1em } .v65-shipTracking-wrapper .v65-shipTracking-progressTable table tr.exception td, .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table tr.exception td { background-color: #FF9 } .v65-shipTracking-wrapper .v65-shipTracking-progressTable table tr th, .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table tr th { background-color: #ccc; color: #333; font-weight: bold; font-size: 0.95em; padding: 3px; border-bottom: 1px solid #bbb } .v65-shipTracking-wrapper .v65-shipTracking-progressTable table td, .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table td { font-size: 0.95em; padding: 2px; border-bottom: 1px solid #bbb; text-transform: capitalize } .v65-shipTracking-wrapper .v65-shipTracking-progressTable table td.alt, .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable table td.alt { background-color: #efefef } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon { text-align: center } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon { clear: both } } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon img, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img { width: 48px; height: 48px; padding: 10px; line-height: 75px; display: block; margin: auto; margin-bottom: 8px; border-radius: 10px } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon img, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img { box-sizing: content-box } } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-deliveryHeader-icon span, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span { font-size: 1.4em } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-active.v65-shipTracking-deliveryHeader-icon span, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-active.v65-shipTracking-progress-icon span { color: #27ae60 } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader .v65-shipTracking-completed.v65-shipTracking-deliveryHeader-icon span, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-completed.v65-shipTracking-progress-icon span { color: #27ae60; font-weight: bold } .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader { text-align: center } .v65-shipTracking-wrapper .v65-shipTracking-progress { position: relative } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons { position: relative; z-index: 2; margin: 2em 0 } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon { width: 25%; float: left; position: relative } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:first-child:after { display: none } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:after { content: " "; display: block; height: 7px; background: #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; width: 70%; margin-left: -35%; position: absolute; top: 22px } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon:after { display: none } } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img { width: 32px; height: 32px } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon img { display: inline-block; float: left } } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span { font-size: 1em } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon span { margin-left: 10px; float: left; display: inline-block; line-height: 54px } } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons .v65-shipTracking-progress-icon { width: 100%; float: none } } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid black; margin: auto; margin-top: 5px; display: none } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-arrow { display: none } } .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-bar { position: absolute; top: 22px; left: 12.5%; right: 12.5%; height: 5px; border: 1px dashed #ccc; border: 1px dashed #ccc; z-index: 1 } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-bar { display: none } } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-exception img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-expired img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-pending img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-senttofulfillment { color: #27ae60; font-weight: bold } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-senttofulfillment:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-intransit, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-outfordelivery, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-delivered { opacity: 0.7; color: rgba(0, 0, 0, 0.3) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-intransit img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-outfordelivery img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-inforeceived .v65-shipTracking-progress-icon-delivered img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-senttofulfillment { color: #27ae60 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-intransit { color: #27ae60; font-weight: bold } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-intransit:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-outfordelivery, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-delivered { opacity: 0.7; color: rgba(0, 0, 0, 0.3) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-outfordelivery img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-intransit .v65-shipTracking-progress-icon-delivered img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-senttofulfillment, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-senttofulfillment { color: #27ae60 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-intransit, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-intransit { color: #27ae60 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-intransit:after, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-intransit:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-outfordelivery, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-outfordelivery { color: #27ae60; font-weight: bold } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-outfordelivery:after, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-outfordelivery:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-delivered, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-delivered { opacity: 0.7; color: rgba(0, 0, 0, 0.3) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-outfordelivery .v65-shipTracking-progress-icon-delivered img, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-failedattempt .v65-shipTracking-progress-icon-delivered img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-senttofulfillment, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-intransit, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-outfordelivery { color: #27ae60 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-senttofulfillment:after, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-intransit:after, .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-outfordelivery:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-delivered { color: #27ae60; font-weight: bold } .v65-shipTracking-wrapper .v65-shipTracking-progress.v65-shipTracking-progress-delivered .v65-shipTracking-progress-icon-delivered:after { background: #2eb135 } .v65-shipTracking-wrapper .v65-shipTracking-progressTable .attemptfail { background: #fcf8e3 } .v65-shipTracking-wrapper .v65-shipTracking-info div { width: 50%; float: left } @media (max-width: 580px) { .v65-shipTracking-wrapper .v65-shipTracking-info div { float: none; width: 100% } } .v65-shipTracking-wrapper .v65-shipTracking-info .v65-shipTracking-info-map img { width: 100% } .v65-shipTracking-wrapper .v65-shipTracking-otherShipmentTable { margin-bottom: 40px } .v65-brixColumns { margin: 4em 0 } .v65-brixColumns .v65-col3 img { margin-bottom: 1em } .v65-colWrapper { margin-bottom: 2em; width: 100% } .v65-colWrapper:before, .v65-colWrapper:after { content: ""; display: table } .v65-colWrapper:after { clear: both } .v65-col2 { float: left; margin-left: 6%; width: 47% } .v65-col2:first-child { float: left; margin-left: 0%; width: 47% } .v65-col2Right { float: left; margin-left: 6%; width: 29% } .v65-col2Right:first-child { float: left; margin-left: 0; width: 65% } .v65-col2Left { float: left; margin-right: 0; width: 65% } .v65-col2Left:first-child { float: left; margin-right: 6%; width: 29% } .v65-col3 { float: left; margin-left: 5%; width: 30% } .v65-col3:first-child { float: left; margin-left: 0%; width: 30% } .v65-col4 { float: left; margin-left: 3%; width: 22.7% } .v65-col4:first-child { margin-left: 0 } @media screen and (max-width: 850px) { .v65-col4 { margin: 0 2% 3em; width: 46% } .v65-col4:first-child { margin-left: 2% } } @media screen and (max-width: 750px) { .v65-col2Right, .v65-col2Right:first-child, .v65-col2Left, .v65-col2Left:first-child { float: none; margin: 0 0 2em; width: 100% } .v65-col3 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100% } .v65-col3:first-child { float: none; width: 100% } } @media screen and (max-width: 580px) { .v65-col2 { float: none; margin-left: 0; margin-bottom: 1.5em; width: 100% } .v65-col2:first-child { float: none; width: 100% } .v65-col4, .v65-col4:first-child { float: none; margin: 0 0 2em; width: 100% } } .v65-col2 img, .v65-col2Right img, .v65-col2Left img, .v65-col3 img, .v65-col4 img { height: auto !important; max-width: 100% } .v65-productFilterV2Select { margin-bottom: 1em } .v65-selectFilterV2SelectWrapper { border: 1px solid #ccc; border-radius: 3px; overflow: hidden; background-color: #fff; margin-bottom: 0.5em; padding: 0.2em 0; position: relative; display: inline-block; min-width: 125px } @media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .v65-selectFilterV2SelectWrapper { min-width: 48% } } .v65-productFilterV2Select select { padding: 0.7em; min-width: 130px; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none } .v65-selectFilterV2SelectWrapper:before { right: 0; content: " "; position: absolute; background: white; width: 32px; top: 0; bottom: 0; pointer-events: none } .v65-selectFilterV2SelectWrapper:after { top: 50%; right: 15px; border: solid transparent; content: " "; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #000000; border-width: 5px; margin-top: -2px; z-index: 100 } .v65-productFilterV2Bar { background: #e6e6e6; padding: 0.5em; margin-bottom: 1em } .v65-productFilterV2Heading { font-weight: bold } .v65-title { font-size: 1.5em; line-height: 1; margin-bottom: 1em } .v65-subtitle { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em } .v65-product-tab .v65-title { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em } .last, div.last { margin-right: 0; padding-right: 0; border-right: 0 } .small { font-size: 0.917em } .small a { font-weight: bold } .smaller { font-size: 0.834em } .smaller a { font-weight: bold } .red { color: #CC0000 } .red a { color: #CC0000 } .red a:hover { color: #990000 } .promo { color: #CC0000; font-weight: bold } .error { color: #CC0000 } .alert { padding: 7px 10px; background-color: #c53939; color: #fff; font-size: 0.95em; line-height: 1.6em } .alert p { color: #fff } .alert ul { list-style: none; margin: 0; padding: 0 } .alert li { color: #fff } .alertYellow { padding: 7px 10px; background-color: #FF9; color: #333; font-size: 0.95em; line-height: 1.6em } .alertYellow p { padding: 0; color: #333; margin: 0 } .v65-carrot { padding: 7px 10px; font-size: 0.95em; line-height: 1.6em; margin-bottom: 10px; color: #333 } .v65-carrot p { padding: 0; margin: 0 } .v65-carrot-color-red { background-color: #c53939; color: #fff } #v65-modalCartBody .v65-carrot-color-red p { color: #fff } .v65-carrot-color-blue { background-color: #d9edf7 } .v65-carrot-color-green { background-color: #dff0d8 } .v65-carrot-color-yellow { background-color: #FF9 } .underline { text-decoration: underline } .strikethru { text-decoration: line-through; font-weight: normal } .right { text-align: right } .floatRight { float: right } @media screen and (max-width: 640px) { .floatRight { float: none } } .left { text-align: left } .floatLeft { float: left } .center { text-align: center } .bold { font-weight: bold } .verticalMiddle { vertical-align: middle } .v65-group:before, .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:before, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:before, .v65-shipTracking-wrapper .v65-shipTracking-info:before, .v65-group:after, .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:after, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:after, .v65-shipTracking-wrapper .v65-shipTracking-info:after { content: ""; display: table } .v65-group:after, .v65-shipTracking-wrapper .v65-shipTracking-deliveryHeader:after, .v65-shipTracking-wrapper .v65-shipTracking-progress .v65-shipTracking-progress-icons:after, .v65-shipTracking-wrapper .v65-shipTracking-info:after { clear: both } .v65-clear { clear: both; font-size: 0; line-height: 0 } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip { position: absolute; z-index: 10000000; display: block; visibility: visible; font-size: 12px !important; line-height: 1.4; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip.top .tooltip-arrow { z-index: 10000000; bottom: -10px; margin-top: -3px; padding: 5px 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip-arrow { color: #000; z-index: 100000; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } img.v65-featureRight { border: 1px solid #ccc; float: right; padding: 3px; margin: 0 0 1em 1em } @media screen and (max-width: 580px) { img.v65-featureRight { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 0 1em 0; width: 100% !important } } img.v65-right { float: right; margin: 0 0 1em 1em } @media screen and (max-width: 580px) { img.v65-right { float: none; margin: 0 0 1em 0; width: 100% !important } } img.v65-featureLeft { float: left; border: 1px solid #ccc; padding: 3px; margin: 0 1em 1em 0 } @media screen and (max-width: 580px) { img.v65-featureLeft { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; margin: 0 0 1em 0; width: 100% !important } } img.v65-left { float: left; margin: 0 1em 1em 0 } @media screen and (max-width: 580px) { img.v65-left { float: none; margin: 0 0 1em 0; width: 100% !important } } img.v65-border { border: 1px solid #ccc; padding: 3px } /* @media screen and (max-width: 580px) { img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; max-width: 100% !important; height: auto } } */ .v65-quoteRight { width: 33%; border: 1px solid #ccc; background-color: #eee; color: #555; font: italic 1.17em/1.5em Georgia, "Times New Roman", Times, serif; float: right; padding: 0.65em; margin: 0 0 1em 1em } .v65-quoteRight:first-letter { display: block; float: left; margin: 4px 8px 0 0; font-size: 3.2em } .v65-quoteLeft { width: 33%; border: 1px solid #ccc; background-color: #eee; color: #555; font: italic 1.17em/1.5em Georgia, "Times New Roman", Times, serif; float: left; padding: 0.65em; margin: 0 1em 1em 0 } .v65-quoteLeft:first-letter { display: block; float: left; margin: 4px 8px 0 0; font-size: 3.2em } /* th { font-weight: bold } thead th { background: #ccc } tr.altRow td { background: #eee } tfoot { font-style: italic } caption { background: #eee } */ /* input[type='text'], input[type='password'], input[type='username'], input[type='tel'], input[type='email'] { border: 1px solid #ccc; height: 2.5em; line-height: 2.5em; min-width: 3em; padding: 0 0.5em } */ /* @media screen and (max-width: 580px) { input[type='text'], input[type='password'], input[type='username'], input[type='tel'], input[type='email'] { height: 4em; line-height: 4em; min-width: 3em } } */ /* textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type="radio"] { vertical-align: text-bottom } input[type="checkbox"] { vertical-align: bottom } */ label, input[type=button], input[type=submit], button { cursor: pointer } /* @media screen and (max-width: 580px) { select { height: 4em; min-width: 3em } } */ .v65-paging { border-bottom: 1px solid #999; line-height: 3em; margin: 0 0 1.5em; width: 100% } @media screen and (max-width: 580px) { .v65-paging { display: none } } .v65-pagingBottom { border: 0; border-top: 1px solid #ccc; clear: both; margin: 1.5em 0 } @media screen and (max-width: 580px) { .v65-pagingBottom { display: block } } .v65-product-sortBy { float: left; margin-top: 0.6em; width: 33% } @media screen and (max-width: 580px) { .v65-product-sortBy { float: none; width: 100% } } .v65-product-perPage { float: left; margin-top: 0.6em; width: 33% } @media screen and (max-width: 580px) { .v65-product-perPage { float: none; width: 100% } } .v65-product-pagination { float: right } .v65-product-pagination, .v65-Paging { text-align: right; width: 60% } @media screen and (max-width: 580px) { .v65-product-pagination, .v65-Paging { width: 100% } } .v65-product-pagination ul, .v65-Paging ul { list-style: none outside none; margin: 0; padding: 0.5em 0; text-align: right } @media screen and (max-width: 580px) { .v65-product-pagination ul, .v65-Paging ul { margin: 0; text-align: center } } .v65-product-pagination li, .v65-Paging li { color: #666; display: inline-block; margin: 0 0.2em } .v65-product-pagination li a, .v65-Paging li a { color: #666; display: block; border-radius: .2em; background-color: #eee; height: 2.5em; line-height: 2.5em; text-align: center; text-decoration: none; width: 2.5em } .v65-product-pagination li a:hover, .v65-Paging li a:hover { background: #ccc; color: #000 } @media screen and (max-width: 580px) { #v65-PagingTop { display: none } } #v65-PagingBottom { border: 0; clear: both; margin: 1.5em 0 } #v65-blogRecentPosts li { padding-bottom: 0.75em } #v65-blogSubscribeByRSS { display: block; padding: 0 0 0 22px; background: url(//cdn.nexternal.com/images/blog/rss.png) no-repeat left } .v65-recentEntriesDate { font-style: italic } .v65-recentEntriesTitle { font-weight: bold } .v65-blogPostWrapper { position: relative; margin-bottom: 1.5em; padding: 0 } .v65-blogPostWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .v65-avatar { display: block; position: absolute; top: 0; left: 0; width: 48px; height: 48px; margin: 0; padding: 0 } @media screen and (max-width: 580px) { .v65-avatar { display: none } } .v65-avatar img { display: block; border: 1px solid #999; padding: 2px; background-color: #fff } @media screen and (max-width: 580px) { .v65-avatar img { display: none } } .v65-blogPost { position: relative; margin-left: 64px; padding-bottom: 1.5em } @media screen and (max-width: 580px) { .v65-blogPost { margin: 0 } } .v65-blogPostDate { font-size: 0.85em; margin-bottom: 0.5em; color: #666666 } .v65-blogFooter { font-size: 0.85em; height: 1.8em; line-height: 1.8em; margin: 0 0 1.5em; clear: both } .v65-blogFooterDate { float: left; margin-right: 10px } @media screen and (max-width: 580px) { .v65-blogFooterDate { height: 22px; font-size: 1.3em } } .v65-blogFooterLink { float: left; margin-right: 10px } @media screen and (max-width: 580px) { .v65-blogFooterLink { display: none } } .v65-blogFooterComments { float: left; margin-right: 10px } @media screen and (max-width: 580px) { .v65-blogFooterComments { height: 22px; font-size: 1.3em } } .v65-blogFooterShareThis { float: left } .v65-recipe { border-bottom: 1px solid #ccc; margin-bottom: 1em; min-height: 125px; padding: 0 0 1em 0; position: relative } .v65-recipe-photo { left: 0; position: absolute; top: 0; width: 125px } .v65-recipe-photo img { max-width: 100% } .v65-recipe-info { margin-left: 140px } .v65-recipe-date { font-size: 0.8em; font-style: italic; color: #666; margin-bottom: 0.5em } .v65-recipe-drilldown-right { float: right; margin-left: 2em; text-align: center; width: 225px } @media screen and (max-width: 580px) { .v65-recipe-drilldown-right { float: none; margin: 0 auto 2em auto; width: 80% } } .v65-recipe-drilldown-photo { margin-bottom: 1em } .v65-recipe-drilldown-photo img { max-width: 100% } .v65-recipe-drilldown-attributes { margin-bottom: 2em } .v65-recipe-attribute { margin-bottom: 0.5em } .v65-recipe-attributeLabel { float: left; font-weight: bold; margin-right: 3%; text-align: right; width: 47% } .v65-recipe-attributeValue { float: left; text-align: left; width: 50% } .v65-recipe-drilldown-related-products { clear: both; margin-bottom: 1em; padding: 10px 0; border-top: 1px solid #ccc } .v65-recipe-drilldown-related-product { float: left; width: 30%; margin: 0 3% 0 0 } .v65-recipe-drilldown-related-product .v65-product-photo img { max-width: 40% } .v65-recipe-drilldown-related-product .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-recipe-drilldown-related-product .v65-product-reviewStats-stars { display: inline; float: none; margin-right: 2px } .v65-recipe-drilldown-related-product .v65-product-reviewStats-count { display: inline; float: none } .v65-commentWrapper { position: relative; margin: 0 0 1.4em 0; padding: 0 0 1em 0; border-bottom: 1px solid #ccc; overflow: hidden } .v65-comment { position: relative; margin: 0 0 0 64px; padding: 0 } @media screen and (max-width: 580px) { .v65-comment { margin: 0 0 2em } } .v65-commentDate { font-size: 0.85em } .v65-commentText { padding: 1em 0 0 0 } .v65-commentText p { font-size: 1em } #v65-commentFormWrapper form { width: 80% } @media screen and (max-width: 680px) { #v65-commentFormWrapper form { width: 100% } } #v65-commentFormWrapper #Comments { height: 140px; width: 95% } .v65-calendarList-Month { font-size: 16px; border-bottom: 1px solid #ccc; padding: 8px 0; margin: 0 0 12px } .v65-calendarList-Event { padding-left: 12px; margin-bottom: 12px } @media screen and (max-width: 580px) { .v65-calendarList-Event { padding: 0 } } .v65-calendarList-Event:before { content: ""; display: table } .v65-calendarList-Event:after { content: ""; display: table; clear: both } .v65-calendarList-Event .v65-title { line-height: 1.5em } .v65-calendarList-Event .v65-calendarList-Time { font-style: italic } @media screen and (max-width: 580px) { .v65-calendarList-Event .v65-calendarList-Time { display: block } } .v65-calendarList-Event .v65-calendarList-Description { margin: 8px 0 } #v65-CalendarWrapper { width: 100% } #v65-CalendarNav { width: 100%; padding: 0; margin: 0 } #v65-CalendarNav td { padding: 3px; width: 33% } #v65-CalendarTable { border-top: 1px solid #999; border-right: 1px solid #999; width: 100%; background-color: #fff } #v65-CalendarTable th { border-bottom: 1px solid #999; border-left: 1px solid #999; font-weight: bold; font-size: 0.917em; text-align: center; padding: 0px; height: 15px; color: #fff; background-color: #666 } #v65-CalendarTable td { border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 2px; width: 14%; height: 55px } .v65-CalendarDay { float: right; width: 15px; height: 15px; padding: 0 2px 2px 2px; border-left: 1px solid #999; border-bottom: 1px solid #999; text-align: right; font-size: 0.917em; color: #869fc3; clear: both } .v65-CalendarToDay { background-color: #ccc } .v65-CalendarOffMonthDays { background-color: #eee } .v65-CalendarEvent { clear: both; padding: 0px 0px 8px 0px; font-size: 0.917em } #v65-CalendarEventTable { margin-bottom: 1em } #v65-CalendarEventTable td { padding: 2px 10px 2px 2px } @media screen and (max-width: 580px) { .v65-CalendarDay { margin-bottom: 4px } .v65-CalendarEvent a { background-color: #666; border-radius: 0.25em; color: #666; display: block; height: 2em; overflow: hidden; padding: 0; width: 2em } } .v65-event-today { text-align: center } .v65-event-events-event { margin-bottom: 1em } .v65-event-events-event-time { display: inline-block; margin-right: 5px } .v65-event-events-event-title { display: inline-block } .v65-event-calendar { margin-bottom: 1em } .v65-event-calendar table { border-top: 1px solid #999; border-right: 1px solid #999; width: 100%; margin: 0 auto; font-size: 0.897em } .v65-event-calendar table th { border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 1px; font-weight: bold; text-align: center; padding: 0; color: #fff; background-color: #666 } .v65-event-calendar table td { border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 1px; text-align: center; width: 14% } .v65-event-calendar .v65-CalendarDay { float: right; width: 15px; height: 15px; padding: 0 2px 2px 2px; border-left: 1px solid #999; border-bottom: 1px solid #999; text-align: right; font-size: 0.917em; color: #869fc3; clear: both } .v65-event-calendar .v65-CalendarToDay { background-color: #ccc } .v65-event-calendar .v65-CalendarOffMonthDays { background-color: #eee } .v65-event-calendar-nav { font-weight: bold; text-align: center } .v65-CalendarEvent { clear: both; padding: 0px 0px 8px 0px; font-size: 0.917em } .v65-event-upcoming { text-align: center } .v65-event-upcoming-event { margin-bottom: 1em } .v65-event-upcoming-event-date { font-weight: bold } .v65-event-upcoming-event-time { display: inline-block; margin-right: 5px } .v65-event-upcoming-event-title { display: inline-block } .v65-FAQ-Pair { border-top: 1px solid #ccc; width: 100%; padding: 1em 0 0 0; margin: 2em 0 0 0 } .v65-FAQ-Pair blockquote { padding: 0; margin: 0 0 0 1em } .v65-FAQ-Pair p.topofpage { text-align: right; font-size: 0.917em } #v65-SiteMap { list-style: none; padding: 0; margin: 0; line-height: 1.8em } #v65-SiteMap li { line-height: inherit; line-height: 2.5em; font-size: 1.167em; border: none } @media screen and (max-width: 580px) { #v65-SiteMap li { line-height: 44px; font-size: 1.3em; font-weight: bold } } @media screen and (max-width: 580px) { #v65-SiteMap li a { display: block } } #v65-SiteMap li ul { list-style: none; padding: 0; margin: 0 0 0 0.8em } #v65-SiteMap li ul li { font-size: 0.858em } @media screen and (max-width: 580px) { #v65-SiteMap li ul li { border-bottom: 1px solid #CCC } } @media screen and (max-width: 580px) { #v65-SiteMap li ul li:last-child { border-bottom: 0 solid #CCC } } #v65-SiteMap li ul li ul { list-style: none } #v65-SiteMap li ul li ul li { font-weight: normal; font-size: 0.917em } #v65-businessLocator { width: 100%; overflow: hidden; margin: 0 0 1.4em; padding: 0 0 1em; position: relative } @media screen and (max-width: 580px) { #v65-businessLocator input[type="text"] { margin-bottom: 10px } } #v65-businessLocatorSelectByCity { width: 33% } @media screen and (max-width: 580px) { #v65-businessLocatorSelectByCity { width: 100% } } #v65-businessLocatorCategory { width: 100% } #v65-businessLocatorCountryCode { width: 100% } #v65-businessLocatorStateCode { width: 100% } #v65-businessLocatorCity { width: 100% } #v65-businessLocatorSelectByZipCode { overflow: hidden; width: 33% } @media screen and (max-width: 580px) { #v65-businessLocatorSelectByZipCode { width: 100% } } #v65-businessLocatorCategoryBottom { width: 100% } #v65-businessLocatorZipCode { width: 60px } #v65-businessLocatorRadius { width: 80px } #v65-BusinessList { position: relative; margin: 0 400px 0 0; padding: 0 } @media screen and (max-width: 580px) { #v65-BusinessList { margin: 0 } } #v65-BusinessList li { margin: 0 0 1em } @media screen and (max-width: 580px) { #v65-BusinessList li { border-top: 1px solid #CCC; padding-top: 8px } } @media screen and (max-width: 580px) { #v65-BusinessList li:last-child { border-bottom: 1px solid #CCC; padding-bottom: 8px } } #v65-map_canvas { width: 60%; height: 300px; top: 0; right: 0; margin: 0; position: absolute; padding: 0; background-color: #eee; border: 1px solid #ccc } @media screen and (max-width: 580px) { #v65-map_canvas { position: relative; width: 100% } } #v65-TableOfContents { list-style: none; padding: 0 0 0 1em; margin: 0; line-height: 2em } #v65-subscribeWidget input { width: 100px } .v65-tweet { font-size: 11px; line-height: 1.6em; margin-bottom: 1em; position: relative; width: 100% } .v65-tweetProfileImage { position: absolute; top: 0; left: 0; width: 60px } .v65-tweetText { position: relative; margin: 0 0 5px 64px; padding: 0; min-height: 48px } .v65-tweetDetails { clear: both; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right } #v65-searchWidgetInput input { width: 90px } #v65-searchWidgetInput select { width: 70px } ul.ui-autocomplete { width: 215px; list-style: none; margin: 0; padding: 10px 5px; border: 1px solid #ccc; overflow-y: auto; overflow-x: hidden; max-height: 250px; background-color: #fff } ul.ui-autocomplete li { width: 200px; margin: 0; padding: 0 } ul.ui-autocomplete li a { display: block; width: 200px; cursor: pointer; padding: 5px 0; margin: 0 0 6px } ul.ui-autocomplete li a .ui-state-hover { background: #efefef } ul.ui-autocomplete li a:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } ul.ui-autocomplete li a img { float: left; margin: 0 8px; width: 15px } ul.ui-autocomplete li a span { float: left; width: 169px } #user-tools { float: right; height: 3em; line-height: 3em; position: relative; width: 400px; z-index: 200 } @media screen and (max-width: 580px) { #user-tools { height: 4em; line-height: 4em; float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } } .v65-yourAccount, .v65-editProfile { border-right: 1px solid #666; display: inline-block; text-align: right; height: 1em; line-height: 1em; margin-top: 12px; margin-right: 10px; padding-right: 10px; width: 150px } @media screen and (max-width: 580px) { .v65-yourAccount, .v65-editProfile { float: left; height: 4em; line-height: 4em; margin: 0; padding: 0; position: relative; text-align: center; width: 33%; z-index: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } } .v65-login, .v65-logout { display: inline; line-height: 12px; margin-top: 12px; width: 50px } @media screen and (max-width: 580px) { .v65-login, .v65-logout { border-right: 1px solid #666; float: left; height: 4em; line-height: 4em; margin-top: 0; position: relative; text-align: center; width: 33%; z-index: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } } #v65-modalCart { position: absolute; top: 0; right: 0; text-align: right; z-index: 300; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } @media screen and (max-width: 580px) { #v65-modalCart { width: 100% } #v65-modalCart #v65-toggleModalCart { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; line-height: 1.2em; text-align: center; vertical-align: middle; width: 33% } } #v65-modalCartDropdown { background-color: #fff; border: 1px solid #ccc; color: #000; display: none; line-height: normal; position: absolute; right: 0; text-align: left; top: 3em; width: 282px } @media screen and (max-width: 580px) { #v65-modalCartDropdown { top: 4em; width: 100% } } @media screen and (max-width: 580px) { #v65-modalCartDropdown .modalLinkAltBtn, #v65-modalCartDropdown .modalLinkBtn { display: block; margin-bottom: 1em; text-align: center; width: 100% } } #v65-modalCartDropdown .v65-additionalItemsMessage { color: #333 } #v65-modalCartDropdown .v65-additionalItemsMessage a { color: #666 } #v65-modalCartDropdown .v65-additionalItemsMessage a:hover { color: #000 } #v65-modalCartBody { background-color: #fff; color: #000; padding: 10px } #v65-modalCartTable { margin-bottom: 10px; padding: 0; width: 100%; line-height: normal } #v65-modalCartTable th { background-color: #efefef; border-top: 1px solid #ccc; font-size: 0.917em; font-weight: bold; padding: 2px 1px; text-align: left } #v65-modalCartTable td { border-top: 1px solid #ccc; font-size: 0.917em; padding: 2px 1px; vertical-align: top } #v65-modalCartTable td a { color: #000 } #v65-modalCartTable td a:hover { color: #000 } #v65-modalCartTableSubtotal td { background-color: #f9f7f3; font-size: 0.917em; font-weight: bold; vertical-align: top } #v65-modalCartFooter { display: none } .v65-product-photoWrapper { position: relative } .v65-product-photo { margin: 0 auto 1em auto; position: relative; text-align: center; width: 100% } .v65-product-photo img { max-width: 100% } .v65-product-drilldownLink { display: none; margin-bottom: 1em } .v65-product-actionMessage { color: #900; margin-bottom: 1em } .v65-product-inCompliantStateMessage { color: #900; margin-bottom: 1em } .v65-product-availability { color: #666; font-style: italic; margin-bottom: 1em } .v65-product-inventoryMessage { color: #666; font-style: italic; margin-bottom: 1em } .v65-product-addToCart { margin-bottom: 1em } .v65-product-addToCart form { margin-bottom: 0.5em; padding: 0 } .v65-product-addToCart fieldset { border: 0; margin: 0; padding: 0 } .v65-product-addToCart legend { display: none } .v65-product-addToCart-priceWrapper { display: inline; margin-right: 1em } @media screen and (max-width: 970px) { .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 0.5em } } .v65-product-addToCart-price { display: inline; font-size: 1.333333333333em } @media screen and (max-width: 580px) { .v65-product-addToCart-price { font-size: 1.5em; font-weight: bold } } .v65-product-addToCart-originalPrice { color: #666; display: inline; letter-spacing: -1; margin-right: 2px; text-decoration: line-through } .v65-product-addToCart-salePrice { display: inline } .v65-product-addToCart-unitDescription { display: inline; bottom: 1ex; font-size: 0.75em; height: 0; line-height: 1; vertical-align: baseline; position: relative } .v65-product-addToCart-productSKU { display: none } .v65-product-addToCart-caseQuantity { display: inline } .v65-product-addToCart-quantity { display: inline } .v65-product-addToCart-button { display: inline } @media screen and (max-width: 580px) { .v65-product-addToCart-button button { width: 50% } } .v65-product-volumeBasePricing { font-size: 0.9em; width: auto } .v65-product-volumeBasePricing-description { display: inline; margin-right: 10px } .v65-product-volumeBasePricing-price { display: inline } .v65-product-reviewStats { line-height: 1.8em; font-size: 0.9em; margin-bottom: 1em } .v65-product-reviewStats-stars { display: inline; margin-right: 5px } .v65-product-reviewStats-stars img { vertical-align: top } .v65-product-reviewStats-count { display: inline; font-style: italic } .v65-product-socialBar { margin-bottom: 2em } .v65-socialMediaBar-Facebook { float: left; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-Twitter { float: left; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-ShareThis { float: left; font-size: 11px; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-GooglePlusOne { float: left; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-Pinterest { float: left; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-Email { background: url(//cdn.nexternal.com/images/store/email_16.png) center left no-repeat; float: left; font-size: 11px; height: 22px; line-height: 22px; margin: 0; padding-left: 22px } .v65-socialMediaBar-FacebookLikeButton { float: left; height: 22px; margin-right: 5px; padding: 0 } .v65-socialMediaBar-FacebookLike { clear: both; height: 22px } .v65-wine-specs .v65-product-attribute { font-size: 0.9em } .v65-wine-specs .v65-product-attribute:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .v65-wine-specs .v65-product-attributeLabel { float: left; font-weight: bold; line-height: 1em; margin-right: 3%; text-align: right; width: 47% } .v65-wine-specs .v65-product-attributeValue { float: left; line-height: 1em; width: 50% } .v65-product-attributeLabel { font-weight: bold; display: block; margin-bottom: 1em } .v65-product-attributeValue { display: block; margin-bottom: 1em } .v65-professionalReviews { margin-bottom: 1em } .v65-professionalReviews .v65-professionalReview { background: #333; border-radius: 0.33333em; color: #fff; float: left; font-size: 0.917em; height: 1.75em; line-height: 1.75em; margin-bottom: 0.5em; margin-right: 0.5em; padding: 0 0.4em } .v65-professionalReviews .v65-product-attributeLabel { display: inline; font-weight: normal; color: #ccc } .v65-professionalReviews .v65-product-attributeValue { display: inline; font-weight: normal } .v65-product-relatedProducts .v65-product-photo img { max-width: 40% } .v65-product-relatedProducts .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-product-relatedProducts .v65-product-reviewStats-stars { display: inline; float: none; margin-right: 2px } .v65-product-relatedProducts .v65-product-reviewStats-count { display: inline; float: none } .v65-product-relatedProducts .v65-product-relatedProducts-product { float: left; margin: 0 0 1.5em; text-align: center; width: 25% } @media screen and (max-width: 835px) { .v65-product-relatedProducts .v65-product-relatedProducts-product { width: 50% } } @media screen and (max-width: 580px) { .v65-product-relatedProducts .v65-product-relatedProducts-product { width: 100% } } .v65-product-tabs { height: 28px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc } @media screen and (max-width: 767px) { .v65-product-tabs { height: 45px } } .v65-product-tabs li { float: left; height: 27px; line-height: 27px } .v65-product-tabs li a { background: #eee; border-left: 1px solid #ccc; border-top: 1px solid #ccc; display: inline-block; padding: 0 15px } @media screen and (max-width: 767px) { .v65-product-tabs li a { height: 44px; line-height: 44px; padding: 0 10px } } .v65-product-tabs li a:hover { background: #f8f8f8; text-decoration: none } .v65-product-tabs .v65-product-tabs-active a { color: #000; background: #fff; border-bottom: 0; font-weight: bold; height: 28px } .v65-product-tabs .v65-product-tabs-active a:hover { text-decoration: none } .v65-product-tabs .last a { border-radius: 0 10px 0 0; border-right: 1px solid #ccc } .v65-product-tab { display: none } .v65-product-tab .v65-product-description { border-bottom: 0; padding-bottom: 0 } .v65-product-tab .v65-wine-profile { padding-bottom: 0; border-bottom: 0 } .v65-product-tab-active { border: 1px solid #ccc; border-top: 0; display: block; min-height: 150px; padding: 15px; position: relative } .v65-product-priceWrapper { display: inline; font-weight: bold } .v65-product-price { display: inline } .v65-product-price-originalPrice { color: #666; display: inline; letter-spacing: -1; margin-right: 2px; text-decoration: line-through; font-weight: normal } .v65-product-price-salePrice { display: inline } .v65-product-price-unitDescription { display: inline } .v65-product1Up { margin: 0 0 1.5em } .v65-product1Up .v65-product-photo { float: left; width: 25% } .v65-product1Up .v65-product-photo img { max-width: 100% } .v65-product1Up .v65-product-infoWrapper { float: left; width: 75% } .v65-product2Up { float: left; width: 48%; margin: 0 4% 1.5em 0 } @media screen and (max-width: 600px) { .v65-product2Up { float: none; margin: 0 0 2em 0; width: 100% } } .v65-product2Up .v65-product-photo { position: relative; float: right; width: 33% } @media screen and (max-width: 600px) { .v65-product2Up .v65-addToCartCase { display: none } } .v65-product3Up { float: left; width: 31%; margin: 0 3% 1.5em 0 } @media screen and (max-width: 600px) { .v65-product3Up { width: 47% } } @media screen and (max-width: 580px) { .v65-product3Up { width: 100%; margin-right: 0 } } .v65-product3Up .v65-product-photo img { max-width: 45% } .v65-product3Up .v65-product-infoWrapper { text-align: center } .v65-product3Up .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-product3Up .v65-product-reviewStats-stars { display: inline; float: none; margin-right: 2px } .v65-product3Up .v65-product-reviewStats-count { display: inline; float: none } .v65-product5Up { float: left; margin: 0 2% 1.5em 0; width: 23% } @media screen and (max-width: 720px) { .v65-product5Up { width: 31% } } @media screen and (max-width: 600px) { .v65-product5Up { width: 47% } } @media screen and (max-width: 580px) { .v65-product5Up { width: 100%; margin-bottom: 1.5em } } .v65-product5Up .v65-product-photo img { max-width: 65% } .v65-product5Up .v65-product-infoWrapper { text-align: center } .v65-product5Up .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-product5Up .v65-product-reviewStats-stars { display: inline; float: none; margin-right: 2px } .v65-product5Up .v65-product-reviewStats-count { display: inline; float: none } .v65-productList { padding: 0 0 1em; width: 100% } .v65-productList th { background-color: #ccc; border-bottom: 1px solid #bbb; color: #333; font-weight: bold; padding: 5px; text-align: left } .v65-productList td { border-bottom: 1px solid #bbb; padding: 0 5px; vertical-align: middle } @media screen and (max-width: 580px) { .v65-productList td { padding: 0 } } .v65-productList td a { color: #000; text-decoration: none } .v65-productList td a:hover { color: #000; text-decoration: none } .v65-productList tr:hover { background-color: #FFC } .v65-productList tr.alternatRow { background-color: #efefef } .v65-productList tr.alternatRow:hover { background-color: #FFC } .v65-productList .v65-product-addToCart { border: none; margin-bottom: 0; margin-top: 5px } @media screen and (max-width: 520px) { .v65-productList .v65-product-addToCart button { width: auto } } @media screen and (max-width: 520px) { .v65-productList .v65-product-addToCart .v65-product-addToCart-quantity input { margin-right: 3px } } @media screen and (max-width: 970px) { .v65-productList .v65-product-addToCart .v65-product-addToCart-allocationMessage { margin-top: -5px; margin-bottom: 5px } } .v65-product1UpStore { border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em } .v65-product1UpStore .v65-product-photo { float: left; width: 15%; margin-right: 2% } .v65-product1UpStore .v65-product-photo img { max-width: 100% } .v65-product1UpStore .v65-product-infoWrapper { float: left; width: 37%; margin-right: 3% } @media screen and (max-width: 700px) { .v65-product1UpStore .v65-product-infoWrapper { float: right; width: 83%; margin: 0 } } .v65-product1UpStore .v65-product-sku { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-product-brand { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-wine-region { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-wine-appellation { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-wine-type { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-wine-varietal { display: inline; margin-right: 5px; font-size: 0.9em } .v65-product1UpStore .v65-product-commerceWrapper { float: left; width: 43% } @media screen and (max-width: 700px) { .v65-product1UpStore .v65-product-commerceWrapper { float: right; width: 83% } } .v65-productCharacteristics { margin-bottom: 1em } .v65-productCharacteristics .v65-product-attributeLabel { display: none } .v65-productCharacteristics .v65-product-attributeValue { display: inline } .v65-productGroup { margin-bottom: 2em } .v65-productGroup-teaser { width: 80%; margin-bottom: 1em } @media screen and (max-width: 835px) { .v65-productGroup-teaser { width: 100% } } .v65-productGroup-products { text-align: center; width: 100% } .v65-productGroup-product { float: left; margin: 0 0 1em 2%; position: relative; width: 23% } @media screen and (max-width: 750px) { .v65-productGroup-product { width: 30% } } @media screen and (max-width: 600px) { .v65-productGroup-product { width: 48% } } @media screen and (max-width: 580px) { .v65-productGroup-product { width: 100% } } .v65-productGroup-product .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-productGroup-product .v65-product-reviewStats { height: inherit } .v65-suggestedProducts { margin-bottom: 1em; width: 100% } .v65-suggestedProducts-products { text-align: center; width: 100% } .v65-suggestedProducts-product { float: left; margin: 0 0 1em 2%; position: relative; width: 18% } .v65-suggestedProducts-product .v65-product-photo { text-align: center; max-width: 100% } .v65-suggestedProducts-product .v65-product-photo img { max-width: 60% } .v65-suggestedProducts-product .v65-product-addToCart-priceWrapper { display: block; margin-bottom: 5px } .v65-productSet-header { border-top: 3px double #111; border-bottom: 3px double #111; height: 36px; line-height: 36px; margin-bottom: 2em } .v65-productSet-title { float: left } .v65-productSet-priceSummary { float: right; font-size: 14px } .v65-productSet-price { font-weight: bold; margin-right: 10px } .v65-productSet { margin-bottom: 1.5em } .v65-productSet .v65-product-photo { border-bottom: 1px solid #ccc; height: 305px; margin-bottom: 1.5em } .v65-productSet .v65-product-photo img { max-height: 305px } .v65-productSet select { width: 100%; margin-bottom: 1.5em } .v65-productSet .v65-product-priceWrapper { display: block; margin-bottom: 1em } .v65-productSet-item { float: left; margin: 0 3% 0 0; width: 30% } .v65-productSet-itemTitle { border-bottom: 1px solid #ccc; font-size: 16px; line-height: 30px; margin-bottom: 1em } .v65-productSet-footer { border-top: 3px double #111; height: 36px; line-height: 36px; margin-bottom: 1em; text-align: right } .v65-product-quickView { display: none; position: absolute; top: 50%; left: 50%; border-radius: 6px; background-color: #fff; font-size: 12px; margin-top: -5%; margin-left: -42px; padding: 5px; border: 2px solid #666; min-width: 70px; text-align: center; cursor: pointer } @media screen and (max-width: 520px) { .v65-product-quickView { top: 0; left: 0; font-size: 0; border: 0; width: 0 } } .v65-quickView { background: none repeat scroll 0 0 #fff; border: 4px solid #666; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 10px 3px #ccc; display: none; left: 50%; margin: -250px 0 0 -380px; padding: 16px; position: fixed; top: 50%; width: 800px; z-index: 1000 } @media screen and (max-width: 970px) { .v65-quickView { left: 0; margin-left: 5%; width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } } .v65-quickView .v65-product-drilldownLink { bottom: 0; left: 10px; position: absolute } .v65-quickView .v65-product-photoWrapper { float: left; margin-right: 15px; width: 200px } @media screen and (max-width: 880px) { .v65-quickView .v65-product-photoWrapper { width: 25%; margin-right: 1% } } .v65-quickView .v65-product-tab-active { max-height: 250px; overflow: auto } .v65-quickView .v65-product-tabRightcol { float: right; width: 50% } .v65-quickView .v65-wine-specs { width: 100% } .v65-quickView .v65-wine-specs-title { text-align: center } .v65-quickView .v65-product-media { width: 300px } .v65-quickView .v65-product-media-item { margin-bottom: 0.5em } .v65-quickView .v65-product-media-thumbnail { float: left; line-height: 1em; margin-right: 3%; width: 47% } .v65-quickView .v65-product-media-thumbnail img { float: right } .v65-quickView .v65-product-media-title { float: left; line-height: 1em; width: 50% } .v65-quickView .v65-product-relatedProducts-product { float: left; margin: 0 0 1.5em; text-align: center; width: 33% } @media screen and (max-width: 767px) { .v65-quickView .v65-product-relatedProducts-product { width: 50% } } .v65-quickView .v65-product-relatedProducts .v65-product-photo img { width: 40% } .v65-quickView .v65-product-relatedProducts .v65-product-title { font-size: 1.2em; text-align: center } .v65-quickView-close { position: absolute; top: 5px; right: 5px } .v65-quickView-close a { background-color: #333; color: #fff; padding: 2px 6px; border-radius: 5px; cursor: pointer } .v65-quickView-close a:hover { color: #fff; background-color: #666; text-decoration: none } .v65-quickView-right-content { float: left; width: 585px } @media screen and (max-width: 880px) { .v65-quickView-right-content { width: 72% } } .v65-quickView-right-content .v65-product-title { font-size: 2em; line-height: 1.2; margin-bottom: 0.2em; text-align: left } .v65-quickView-right-content .v65-product-subtitle { font-size: 1.3em } .v65-productWrapper { margin-bottom: 1.5em; padding-bottom: 1em } @media screen and (max-width: 835px) { .v65-productWrapper { padding: 1.5em } } .v65-productWrapper h1 { float: right; width: 62.5% } @media screen and (max-width: 680px) { .v65-productWrapper h1 { float: none; text-align: center; width: 100% } } .v65-productWrapper .v65-product-subtitle { font-size: 0.75em; margin-bottom: 0; margin-top: 0.3em } .v65-productWrapper .v65-product-leftCol { float: left; width: 32.5%; margin-right: 5% } @media screen and (max-width: 680px) { .v65-productWrapper .v65-product-leftCol { float: none; width: 100% } } .v65-productWrapper .v65-product-leftCol .v65-productDrilldown-specs { padding: 0 0 1em } @media screen and (max-width: 680px) { .v65-productWrapper .v65-product-leftCol .v65-productDrilldown-specs { display: none } } @media screen and (max-width: 680px) { .v65-productWrapper .v65-product-leftCol .v65-wine-specs { border-bottom: 1px solid #CCC } } .v65-productWrapper .v65-product-leftCol .v65-wine-specs-title { text-align: center } .v65-productWrapper .v65-wine-profile { margin-bottom: 2em } .v65-productWrapper .v65-product-rightCol { float: right; width: 62.5% } @media screen and (max-width: 680px) { .v65-productWrapper .v65-product-rightCol { float: none; width: 100% } } .v65-productWrapper .v65-product-rightCol .v65-product-shipDate { margin-bottom: 1em } .v65-productWrapper .v65-product-rightCol .v65-product-teaser { margin-bottom: 2em } .v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 { display: none } @media screen and (max-width: 680px) { .v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 { display: block; float: right; margin-left: 2em; width: 40% } } @media screen and (max-width: 580px) { .v65-productWrapper .v65-product-rightCol .v65-productDrilldown-specs2 { float: none; margin-bottom: 2em; margin-left: 0; width: 100% } } @media screen and (max-width: 580px) { .v65-productWrapper .v65-product-rightCol .v65-product-availability { display: none; clear: both; border-top: 1px solid #ccc; padding-top: .5em } } @media screen and (max-width: 680px) { .v65-productWrapper .v65-productAddToCart-drilldownActivate { background: #fff; border: 0; opacity: 0.9; margin: 0; position: fixed; bottom: 0; left: 0; z-index: 899; width: 100% } .v65-productWrapper .v65-productAddToCart-drilldownActivate .v65-product-addToCart { margin: 0; padding: 0 0 0 1em } .v65-productWrapper .v65-productAddToCart-drilldownActivate .v65-product-addToCart .v65-addToCart { border: 0; margin: 0 } } @media screen and (max-width: 580px) { .v65-productWrapper .v65-product-addToCart .v65-addToCart { margin-bottom: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; clear: both } } @media screen and (max-width: 580px) { .v65-productWrapper .v65-product-addToCart .v65-addToCart fieldset .v65-product-addToCart-priceWrapper { float: left; width: 100%; margin-bottom: 10px } } .v65-productWrapper .v65-product-addToCart .v65-product-media:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .v65-productWrapper .v65-product-addToCart .v65-product-media-thumbnail { float: left; padding-right: 3%; text-align: right; width: 47% } .v65-productWrapper .v65-product-addToCart .v65-product-media-title { float: left; width: 50% } @media screen and (max-width: 835px) { .v65-productWrapper .v65-product-addToCart .v65-product-socialBar { clear: both; border-top: 1px solid #ccc; padding-top: 2em } } .v65-productWrapper .v65-product-addToCart .v65-product-description { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #ccc } @media screen and (max-width: 835px) { .v65-productWrapper .v65-product-addToCart .v65-product-description { padding-bottom: 1em; margin-bottom: 1.5em; border-bottom: 1px solid #ccc } } .v65-product-photos { margin: 0 0 1em } .v65-product-photos:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .v65-product-photos-photo { float: left; text-align: center; margin: 0 0 1.5em; width: 33%; padding: 0 } .v65-product-photos-photo img { max-width: 100% } .v65-product-review-wrapper { border-bottom: 1px solid #ccc; margin-bottom: 2em; position: relative } .v65-product-review-avatar { position: absolute; left: 0; top: 0 } .v65-product-review-comment-wrapper { float: left; margin-left: 58px } .v65-product-review-reviewerName { font-size: 1.4em; margin-bottom: 0.5em } .v65-product-review-date { float: left; font-size: 0.9em; font-style: italic; height: 16px; line-height: 16px } .v65-product-review-comment { clear: both; padding: 0.5em 0 0 0 } #captchaText { margin-bottom: 10px } #v65-cartHelp { float: right; margin: 0; padding: 0 } #v65-cartHeader { overflow: hidden; margin: 0 0 10px 0; padding: 0 } #v65-cartHeader .v65-cartCheckOutButtons { margin-top: 15px } #v65-cartCheckOutCoupons { float: left } #v65-cartCheckOutCoupons form { padding: 0; margin: 0; width: 250px } @media screen and (max-width: 768px) { #v65-cartCheckOutCoupons form { width: 100% } } #v65-cartCheckOutCoupons fieldset { margin-bottom: 0 } #v65-CouponCode { width: 100px } #v65-GiftCode { width: 100px } #v65-LoyaltyPoints { width: 100px } [v65js=loyaltyPointsForm] { padding: 0 !important; margin: 0 } .v65-removeLoyaltyPoints img, .v65-infoTooltip img { padding-top: 1px; padding-left: 3px; width: 12px } .v65-removeLoyaltyPoints { float: right } .v65-loyaltyPointsInputBoxWrapper p { margin: 0 } .v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsInputBox { width: 113px; float: left } .v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsDollarValue { width: 80px; float: left } .v65-loyaltyPointsInputBoxWrapper .v65-loyaltyPointsDollarValue span { margin-top: 1px; display: block } .v65-loyaltyPointsInputBoxWrapper button { margin-top: 17px } #v65-couponSummaryTable { margin: 0 0 12px; width: 250px } #v65-couponSummaryTable th { padding: 4px; font-weight: bold; border-bottom: 1px solid #ccc; text-align: left } #v65-couponSummaryTable td { padding: 4px; text-align: left } #v65-couponSummaryTotal td { font-weight: bold; background-color: #f8f1de; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left } .v65-cartCheckOutButtons { float: right } @media screen and (max-width: 580px) { .v65-cartCheckOutButtons { width: 100% } } @media screen and (max-width: 580px) { .v65-cartCheckOutButtons a { margin: 5px 0; text-align: center; width: 100% } } #v65-cartTable { width: 100%; margin: 0 0 1em; padding: 0 } #v65-cartTable th { font-weight: bold; background-color: #f9f7f3; border-top: 1px solid #ccc; padding: 0.5em 0.667em } #v65-cartTable td { padding: 0.3em } #v65-cartTable .v65-cartShippingItem { background-color: #e2dfd7; text-align: right } #v65-cartTable .v65-cartShippingItemError { background-color: #f96361; text-align: right } #v65-cartTable .v65-cartShipping td { background-color: #f9f7f3; border-top: 0 } #v65-cartTable .v65-cartItemImage { min-width: 44px } #v65-cartTable th.v65-cartItemAmount, #v65-cartTable .v65-cartItemImage, #v65-cartTable .v65-cartItemAvailability, #v65-cartTable .cartItemImage, #v65-cartTable .v65-cartItemInStock, #v65-cartTable .v65-cartSubtotal-3, #v65-cartTable .v65-cartSubtotal-4, #v65-cartTable .v65-cartTax-3, #v65-cartTable .v65-cartTax-4, #v65-cartTable .v65-cartTotal-3, #v65-cartTable .v65-cartTotal-4 { display: none } @media screen and (max-width: 454px) { #v65-cartTable .right { display: table-cell } } @media screen and (min-width: 455px) { #v65-cartTable .right, #v65-cartTable th.v65-cartItemAmount, #v65-cartTable .v65-cartItemImage, #v65-cartTable .v65-cartItemImage, #v65-cartTable .v65-cartSubtotal-3, #v65-cartTable .v65-cartTax-3, #v65-cartTable .v65-cartTotal-3 { display: table-cell } } @media screen and (min-width: 545px) { #v65-cartTable .v65-cartItemAvailability, #v65-cartTable .v65-cartItemInStock, #v65-cartTable .v65-cartSubtotal-3, #v65-cartTable .v65-cartSubtotal-4, #v65-cartTable .v65-cartTax-3, #v65-cartTable .v65-cartTax-4, #v65-cartTable .v65-cartTotal-3, #v65-cartTable .v65-cartTotal-4 { display: table-cell } } .v65-cartItem td { border-top: 1px solid #ccc } .v65-cartItem form { width: 80px; margin: 0 auto } .v65-cartItem fieldset { padding: 0; margin: 0; border: 0 } .v65-cartItemAmount { text-align: center; overflow: hidden } .v65-cartItemAmount .v65-qtyField { text-align: center; margin: 0 0 0.333em; width: 2em } .v65-cartItemAmount button { margin: 0 } .v65-cartItemImage { width: 60px; text-align: center } .v65-cartItemDescription { line-height: 1.6em } a.v65-cartRemoveButton { margin-top: 0.5em } @media screen and (max-width: 580px) { a.v65-cartRemoveButton { height: 2em !important; line-height: 2em !important } } #v65-cartSubtotal td { background-color: #f9f7f3; font-weight: bold; border-top: 1px solid #ccc } .v65-cartTax td { background-color: #f9f7f3; font-weight: normal; border-top: 0 } #v65-cartTotal td { background-color: #f8f1de; font-weight: bold; border-top: 0; border-bottom: 1px solid #ccc } #v65-cartStateCode { width: 50px } #v65-cartPaymentOptions { float: left; padding-top: 4px; height: 28px; width: 300px } #v65-cartPaymentOptions img { margin-right: 5px } #v65-checkoutStepWrapper { width: 100%; height: 56px; overflow: hidden; margin: 0; padding: 0 0 20px 0 } #v65-checkoutSecureSeal { float: left; width: 100px; height: 56px; overflow: hidden } #v65-checkoutStatusBar { float: right; width: 755px; overflow: hidden; text-align: right } #v65-checkoutFormWrapper { position: relative; text-align: left; width: 100% } @media screen and (max-width: 725px) { #v65-checkoutFormWrapper [v65js=billAddressBlock] { padding: 0 } #v65-checkoutFormWrapper form { width: 100% } } #v65-checkoutFooter { overflow: hidden; clear: both } @media screen and (max-width: 640px) { #v65-checkoutFooter .floatRight { float: none } } @media screen and (max-width: 640px) { #v65-checkoutFooter button { width: 100% } } #v65-checkoutSecure { float: left; width: 300px } @media screen and (max-width: 640px) { #v65-checkoutSecure { margin-bottom: 15px } } @media screen and (max-width: 640px) { form.v65ProcessOrder button { width: 100% } } #v65-continueOrder { float: right; width: 300px; text-align: right } #v65-continueOrder button.largeBtn:disabled { opacity: 0.5 } @media screen and (max-width: 640px) { #v65-continueOrder { float: left; margin-top: 1em; text-align: left; width: 100% } #v65-continueOrder button { width: 100% } } #v65-checkoutCartSummaryWrapper { position: absolute; top: 9px; right: 1px; padding: 10px; width: 320px; background-color: #f7f7f7; border: 1px solid #eeeeee; overflow: hidden } @media screen and (max-width: 950px) { #v65-checkoutCartSummaryWrapper { float: right; position: relative; width: 42% } } @media screen and (max-width: 725px) { #v65-checkoutCartSummaryWrapper { float: none; margin: 0 0 1em; right: 0; top: 0; width: 96% } } #v65-pointsGainedOnOrder { font-size: 11px } #v65-checkoutCartSummaryMini { float: left; width: 165px; margin: 0; padding: 0; font-size: 11px } @media screen and (max-width: 900px) { #v65-checkoutCartSummaryMini { float: none; width: 100% } } #v65-checkoutCartSummaryMini table { width: 100%; margin: 0 0 12px 0; padding: 0 } #v65-checkoutCartSummaryMini td { font-size: 11px; padding: 3px 0 } .v65-rowOverline td { border-top: 1px solid #999 } .v65-rowUnderline td { border-bottom: 1px solid #999 } #v65-checkoutCartSummaryMiniBottom { padding: 0; margin: 0 } #v65-checkCartSummaryMoreOptions { float: right; width: 140px; font-size: 11px } @media screen and (max-width: 900px) { #v65-checkCartSummaryMoreOptions { float: none; width: 100% } } #v65-couponFormWrapper legend, #v65-giftCardFormWrapper legend, #v65-loyaltyPointsFormWrapper legend { font-size: 12px; letter-spacing: normal } @media screen and (max-width: 725px) { #v65-couponFormWrapper fieldset, #v65-giftCardFormWrapper fieldset, #v65-loyaltyPointsFormWrapper fieldset { margin: 0 0 1em } #v65-couponFormWrapper form, #v65-giftCardFormWrapper form, #v65-loyaltyPointsFormWrapper form { width: 100% } #v65-couponFormWrapper input, #v65-giftCardFormWrapper input, #v65-loyaltyPointsFormWrapper input { width: 60% !important } #v65-couponFormWrapper button.modalBtn, #v65-giftCardFormWrapper button.modalBtn, #v65-loyaltyPointsFormWrapper button.modalBtn { margin-right: 0; width: 35% } } @media screen and (max-width: 385px) { #v65-couponFormWrapper input, #v65-giftCardFormWrapper input, #v65-loyaltyPointsFormWrapper input { width: 55% !important } #v65-couponFormWrapper button.modalBtn, #v65-giftCardFormWrapper button.modalBtn, #v65-loyaltyPointsFormWrapper button.modalBtn { width: auto } } #v65-couponFormWrapper div, #v65-giftCardFormWrapper div, #v65-loyaltyPointsFormWrapper div { font-size: 11px } #v65-giftCardFormWrapper legend { font-size: 12px; letter-spacing: normal } #v65-giftCardFormWrapper div { font-size: 11px } #v65-checkoutFormWrapper { width: 98% } #v65-checkoutFormWrapper form { width: 100% } #v65-checkBilling { width: 400px } @media screen and (max-width: 768px) { #v65-checkBilling { width: 60% } } @media screen and (max-width: 725px) { #v65-checkBilling select[name="BillBirthDay"], #v65-checkBilling select[name="BillBirthYear"], #v65-checkBilling select[name="BillBirthMonth"] { width: 32% } } @media screen and (max-width: 725px) { #v65-checkBilling select[name="BillBirthDay"] { margin: 0 1% } } #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo, #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo, #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode, #v65-fieldset-usernamePassword, #v65-fieldset-gift { width: 360px } @media screen and (max-width: 950px) { #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo, #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo, #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode, #v65-fieldset-usernamePassword, #v65-fieldset-gift { width: 50% } } @media screen and (max-width: 725px) { #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo, #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo, #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode, #v65-fieldset-usernamePassword, #v65-fieldset-gift { margin: 0 0 1em; width: 99% } } #v65-fieldset-paymentMethod div { clear: both } #v65-checkBilling legend { font-size: 1.4em; letter-spacing: 1px } @media screen and (max-width: 950px) { #v65-checkBilling .v65-additionalComments { width: 95%; clear: both } } #v65-checkBilling select[name=BillBirthMonth] { width: 80px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=BillBirthMonth] { width: 32% } } #v65-checkBilling select[name=BillBirthDay], #v65-checkBilling select[name=BillBirthYear] { width: 60px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=BillBirthDay], #v65-checkBilling select[name=BillBirthYear] { width: 32% } } #v65-checkBilling select[name=BillStateCode] { width: 180px } #v65-checkBilling select[name=ShipBirthMonth] { width: 80px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=ShipBirthMonth] { width: 32% } } #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear] { width: 60px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear] { width: 32% } } #v65-checkBilling select[name=shipStateCode] { width: 180px } #v65-checkBilling select[name=Save] { width: 250px } #v65-checkBilling select[name=sourceCode] { width: 175px } #v65-checkBilling select[name=CardExpiryMo] { width: 120px } #v65-checkBilling select[name=CardExpiryYr] { width: 80px } #v65-checkBilling input[name=BillFirstName], #v65-checkBilling input[name=BillLastName], #v65-checkBilling input[name=BillCompany], #v65-checkBilling input[name=BillCity], #v65-checkBilling input[name=BillMainPhone], #v65-checkBilling input[name=BillEmail] { width: 175px } #v65-checkBilling input[name=BillAddress] { width: 250px; margin-bottom: 8px } #v65-checkBilling input[name=BillAddress2] { width: 250px } #v65-checkBilling input[name=BillZipCode] { width: 100px } #v65-checkBilling input[name=NickName], #v65-checkBilling input[name=ShipFirstName], #v65-checkBilling input[name=ShipLastName], #v65-checkBilling input[name=ShipCompany], #v65-checkBilling input[name=ShipCity], #v65-checkBilling input[name=ShipMainPhone], #v65-checkBilling input[name=ShipEmail] { width: 175px } #v65-checkBilling input[name=ShipAddress] { width: 250px; margin-bottom: 8px } #v65-checkBilling input[name=ShipAddress2] { width: 250px } #v65-checkBilling input[name=ShipZipCode] { width: 100px } #v65-checkBilling input[name=CVV2] { width: 100px } #v65-checkBilling textarea[name=OrderNotes] { width: 250px; height: 75px } #v65-checkBilling textarea[name=giftMessage] { width: 250px; height: 75px } @media screen and (max-width: 725px) { form#v65-checkBilling .v65-additionalComments { margin-left: 0; padding: 15px 5px 0; width: auto } } #v65-shippingOptions input { float: left; margin-right: 0.5em } #v65-shippingOptions label { float: left } @media screen and (max-width: 725px) { [v65js="v65-creditCardInfo"], [v65js="v65creditCard"] { padding: 5px 0 !important } } #v65-orderSummaryWrapper { overflow: hidden; width: 100%; padding: 0 0 1em 0 } #v65-billingSummary { float: left; width: 300px; padding: 0; margin: 0; overflow: hidden } #v65-shippingSummary { float: left; width: 300px; padding: 0; margin: 0; overflow: hidden } #v65-reviewCartSummaryWrapper { float: right; width: 165px; padding: 15px; margin: 0; background-color: #f7f7f7; border: 1px solid #eeeeee; overflow: hidden } .print { background: #fff; color: #000; margin: 0 auto; max-width: 700px; padding: 0 } .print img { max-width: 100%; height: auto } .v65-clubTitle { font-size: 16px; margin-bottom: 0.3em } .v65-clubTeaser { margin-bottom: 12px; padding: 0 0 12px 10px; border-bottom: 1px solid #ccc } @media screen and (max-width: 480px) { .v65-clubTeaser { padding: 0 0 12px 0 } } #v65-clubHelp { width: 200px; float: right; margin: 0 0 1em 1em; padding: 0 } #v65-clubFormWrapper { position: relative; text-align: left; width: 100% } #v65-clubFormWrapper form { width: 100% } #v65-fieldset-clubOptions { width: 360px } #v65-checkBilling input[name=FirstName], #v65-checkBilling input[name=LastName], #v65-checkBilling input[name=Company], #v65-checkBilling input[name=City], #v65-checkBilling input[name=MainPhone], #v65-checkBilling input[name=Email], #v65-checkBilling input[name=Username], #v65-checkBilling input[name=Password], #v65-checkBilling input[name=ConfirmPassword] { width: 175px } #v65-checkBilling input[name=Address] { width: 250px; margin-bottom: 8px } #v65-checkBilling input[name=Address2] { width: 250px } #v65-checkBilling input[name=ZipCode] { width: 100px } #v65-checkBilling input[name=shipFirstName], #v65-checkBilling input[name=shipLastName], #v65-checkBilling input[name=shipCompany], #v65-checkBilling input[name=shipCity], #v65-checkBilling input[name=shipMainPhone], #v65-checkBilling input[name=shipEmail] { width: 175px } #v65-checkBilling input[name=shipAddress] { width: 250px; margin-bottom: 8px } #v65-checkBilling input[name=shipAddress2] { width: 250px } #v65-checkBilling input[name=shipZipCode] { width: 100px } #v65-checkBilling input[type=checkbox] { float: left; margin: 0.3em 0.3em 0 0.3em } #v65-checkBilling select[name=StateCode] { width: 180px } #v65-checkBilling select[name=cardExpiryMo] { width: 120px } #v65-checkBilling select[name=cardExpiryYr] { width: 80px } #v65-checkBilling select[name=BirthMonth], #v65-checkBilling select[name=ShipBirthMonth] { width: 80px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=BirthMonth], #v65-checkBilling select[name=ShipBirthMonth] { width: 32% } } #v65-checkBilling select[name=BirthDay], #v65-checkBilling select[name=BirthYear], #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear] { width: 60px } @media screen and (max-width: 480px) { #v65-checkBilling select[name=BirthDay], #v65-checkBilling select[name=BirthYear], #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear] { width: 32% } } #v65-checkBilling select[name=shipStateCode] { width: 180px } #v65-checkBilling textarea[name=giftMessage] { width: 250px; height: 75px } #v65-signUpClubSummaryWrapper { background-color: #f7f7f7; border: 1px solid #eeeeee; overflow: hidden; padding: 10px; position: absolute; right: 1px; top: 9px; width: 40% } @media screen and (max-width: 725px) { #v65-signUpClubSummaryWrapper { margin: 0 0 2em; width: 90%; padding: 5%; position: relative; clear: both } } fieldset#v65-fieldset-choices .v65-clubChoices { margin-bottom: 0.6em; width: 100%; margin-right: 2% } .v65-clubChoices { margin-bottom: 0.6em; float: left; width: 21%; margin-right: 2% } .v65-form fieldset div.v65-clubChoices-title, .v65-clubChoices-title { font-size: 1.1em; width: 100%; padding-bottom: 0 } .v65-form fieldset div.v65-clubChoices-description { margin-bottom: 0.4em; padding-bottom: 0; width: 100% } .v65-clubChoices-title-min { font-size: 0.917em; font-weight: normal } .v65-clubChoices-title-max { font-size: 0.917em; font-weight: normal } .v65-form .v65-clubChoices-select { width: 40px; margin-right: 5px } .v65-form fieldset div #map, .v65-form fieldset div #map div { overflow: initial; padding: initial } #newAccessPoint input[name=zipCodeSearch] { width: 200px } #newAccessPoint #map { height: 300px } #newAccessPoint .v65-accessPoints label { float: left; margin-bottom: 15px } #newAccessPoint .v65-accessPoints input, #newAccessPoint .v65-accessPoints span { display: inline-block; float: left } #newAccessPoint .v65-accessPoints input { width: 8% } #newAccessPoint .v65-accessPoints span { width: 90% } #v65-clubSummaryWrapper { overflow: hidden; width: 100%; padding: 0 0 1em 0 } #v65-clubChoiceSummary { width: 100%; padding: 0; margin: 0 0 1.5em; overflow: hidden } #v65-clubBillingSummary { float: left; width: 250px; padding: 0; margin: 0; overflow: hidden } @media screen and (max-width: 970px) { #v65-clubBillingSummary { width: 44%; padding: 2% } } @media screen and (max-width: 480px) { #v65-clubBillingSummary { float: inherit; width: 90%; padding: 5% } } #v65-clubShippingSummary { float: left; width: 250px; padding: 0; margin: 0; overflow: hidden } @media screen and (max-width: 970px) { #v65-clubShippingSummary { width: 45%; padding: 2.5% } } @media screen and (max-width: 480px) { #v65-clubShippingSummary { float: inherit; width: 90%; padding: 5% } } #v65-reviewClubSummaryWrapper { float: right; width: 300px; padding: 20px; margin: 0; background-color: #f7f7f7; border: 1px solid #eee; overflow: hidden; font-size: 0.95em } @media screen and (max-width: 970px) { #v65-reviewClubSummaryWrapper { float: inherit; width: 90%; padding: 5% } } #v65-LoginFormWrapper form { text-align: left } #v65-LoginFormWrapper legend { font-size: 1.4em; letter-spacing: 1px } #v65-LoginFormWrapper fieldset { border: 1px solid #ccc } #v65-LoginFormWrapper div { margin: 0 0 4px 0; overflow: hidden; padding: 2px 5px 5px 5px } @media screen and (max-width: 580px) { #v65-loginForm input[type="text"] { width: 95% !important } #v65-loginForm input[type="password"] { width: 95% !important } #v65-loginForm button { width: 100% } } #v65-loginForm input[type="checkbox"] { float: left; margin: 0.3em 0.3em 0 0.3em } #v65-memberFormWrapper form { text-align: left; width: 400px } @media screen and (max-width: 580px) { #v65-memberFormWrapper form { width: 100% } } #v65-memberFormWrapper legend { font-size: 1.4em; letter-spacing: 1px } #v65-memberFormWrapper fieldset { border: 1px solid #ccc } @media screen and (max-width: 580px) { #v65-memberFormWrapper fieldset { border: 0 } } #v65-memberFormWrapper div { margin: 0 0 4px 0; overflow: hidden; padding: 2px 5px 5px 5px } #v65-memberFormWrapper div.v65-primaryShippingCheckbox { padding-bottom: 25px } #v65-memberFormWrapper div.v65-formRecaptcha { overflow: visible; display: inline-block } #v65-memberFormWrapper div.v65-formRecaptcha>div { overflow: visible; padding: 0 } #v65-memberFormWrapper div.v65-formRecaptcha>div>div { padding: 0 } #v65-memberFormWrapper .v65-additionalComments { float: right } #v65-memberFormWrapper select[name="BirthMonth"] { width: 60px } #v65-memberFormWrapper select[name="BirthDay"], #v65-memberFormWrapper select[name="BirthYear"] { width: 80px } #v65-memberFormWrapper select[name="BirthDay"] { margin: 0 1% } #v65-memberFormWrapper select[name="CardExpiryMo"] { width: 120px } #v65-memberFormWrapper select[name="CardExpiryYr"] { margin-left: 1%; width: 80px } #v65-memberFormWrapper input[name=Address], #v65-memberFormWrapper input[name=captchaText] { margin-bottom: 0.667em } #v65-memberFormWrapper input[type=checkbox] { float: left; margin: 0 0.3em 0 0.3em } .v65-memberClubDescription { padding-left: 20px } #v65-memberAddressBook { margin-bottom: 1em } #v65-memberAddressBook th { background-color: #ccc; color: #333; font-weight: bold; font-size: 0.95em; padding: 3px; border-bottom: 1px solid #bbb } @media screen and (max-width: 580px) { #v65-memberAddressBook th { font-size: 0.8em; padding: 0 } } #v65-memberAddressBook td { font-size: 0.95em; padding: 3px; border-bottom: 1px solid #bbb } #v65-memberAddressBook td a { color: #000; text-decoration: none } #v65-memberAddressBook td a:hover { color: #000; text-decoration: none } #v65-memberAddressBook tr:hover { background-color: #FFC } #v65-memberAddressBook tr .alt { background-color: #efefef } #v65-memberAddressBook tr .alt:hover { background-color: #FFC } #v65-memberOrders { margin-bottom: 1em } #v65-memberOrders th { background-color: #ccc; color: #333; font-weight: bold; font-size: 0.95em; padding: 3px; border-bottom: 1px solid #bbb } @media screen and (max-width: 580px) { #v65-memberOrders th:nth-child(1), #v65-memberOrders th:nth-child(4), #v65-memberOrders th:nth-child(5), #v65-memberOrders th:nth-child(6) { display: none } } #v65-memberOrders td { font-size: 0.95em; padding: 2px 0; border-bottom: 1px solid #bbb } @media screen and (max-width: 580px) { #v65-memberOrders td:nth-child(1), #v65-memberOrders td:nth-child(4), #v65-memberOrders td:nth-child(5), #v65-memberOrders td:nth-child(6) { display: none } } @media screen and (max-width: 580px) { #v65-memberOrders td:nth-child(2) { width: 21% } } @media screen and (max-width: 580px) { #v65-memberOrders td:nth-child(8) { width: 50% } #v65-memberOrders td:nth-child(8) a { width: 43%; margin: 5% 0 } } #v65-memberOrders td a { color: #000; text-decoration: none } #v65-memberOrders td a:hover { color: #000; text-decoration: none } #v65-memberOrders tr:hover { background-color: #FFC } #v65-memberOrders tr .alt { background-color: #efefef } #v65-memberOrders tr .alt:hover { background-color: #FFC } #v65-memberOrderSummaryWrapper { overflow: hidden; width: 100%; padding: 0 0 1em 0 } #v65-memberbillingSummary { float: left; width: 49%; padding: 0; margin: 0; overflow: hidden } #v65-memberShippingSummary { float: left; width: 49%; padding: 0; margin: 0; overflow: hidden } .v65-memberAllocationWrapper { overflow: hidden; border-bottom: 1px solid #999; margin: 0 0 1em; padding: 0 0 1em } .v65-memberAllocationDetails { position: relative; margin: 0 0 1em; padding: 0; overflow: hidden; min-height: 216px } .v65-memberAllocationImage { position: absolute; top: 0; left: 0; width: 120px } @media screen and (max-width: 680px) { .v65-memberAllocationImage { text-align: center; overflow: hidden; position: relative; width: 100% } } .v65-memberAllocationTeaser { position: relative; margin: 0 0 0 140px; padding: 0; width: inherit } @media screen and (max-width: 680px) { .v65-memberAllocationTeaser { margin: 0; width: 100% } .v65-memberAllocationTeaser h3 { text-align: center } .v65-memberAllocationTeaser h3 .v65-storeAllocationSKU { display: block } } .v65-storeAllocationSKU { font-size: 11px; color: #333 } .v65-memberAllocationTable { float: right; border: 1px solid #ccc; margin: 0 0 1.5em 2em; padding: 4px; font-size: 10px; width: 250px } @media screen and (max-width: 680px) { .v65-memberAllocationTable { width: 100% } } .v65-memberAllocationTable th { font-weight: bold; vertical-align: bottom; text-align: center } .v65-memberAllocationTable td { padding: 5px; border-bottom: 1px solid #eee; vertical-align: middle; text-align: center } .v65-memberAllocationTable td .label { font-weight: bold; text-align: right } .v65-memberAllocationTable td .lastRow { border-bottom: 0 } .v65-memberAllocationTable input { text-align: center } .v65-memberAllocationHistoryWrapper { overflow: hidden; border-bottom: 1px solid #999; margin: 0 0 1.5em; padding: 0 0 0.5em } .v65-memberAllcoationHistoryTitle { color: #333 } .v65-memberAllcoationHistoryDates { margin: 0 0 0.5em } .v65-memberAllcoationHistoryStartDate { display: inline-block; margin-right: 8px; border-right: 1px solid #ccc } .v65-memberAllcoationHistoryEndDate { display: inline-block } .v65-memberAllcoationHistoryDateLabel { display: inline-block; margin-right: 3px } .v65-memberAllcoationHistoryDateValue { font-weight: bold; margin-right: 8px } .v65-memberAllocationHistoryTable { width: 100%; margin: 0; padding: 6px; font-size: 10px } .v65-memberAllocationHistoryTable th { padding: 5px; border-bottom: 1px solid #ccc; font-weight: bold; vertical-align: bottom; text-align: center; background-color: #efefef; color: #555 } .v65-memberAllocationHistoryTable td { padding: 5px; border-bottom: 1px solid #eee; vertical-align: middle; text-align: center } .v65-memberAllocationHistoryTable td .label { font-weight: bold; text-align: right } .v65-memberAllocationHistoryTable td .lastRow { border-bottom: 0 } .v65-memberLoyaltyDetails { margin-bottom: 1em } #v65-modalContainer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; text-align: left } #v65-modalViel { background-color: #fff; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.75; filter: alpha(opacity=75); -moz-opacity: 0.75; width: 100%; z-index: 102 } @media screen and (max-width: 580px) { #v65-modalViel { height: 1000%; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1 } } #v65-modalContentWrapper { border: 1px solid #666; background-color: #ffffff; position: relative; left: 50%; top: 20%; margin: 0 0 0 -237px; width: 474px; z-index: 103 } @media screen and (max-width: 580px) { #v65-modalContentWrapper { border: 0; position: absolute; left: 0; margin: 0; top: 0; width: 100% } } #v65-modalContentWrapperLarge { border: 1px solid #666; background-color: #ffffff; position: relative; left: 50%; top: 30px; margin: 0 0 0 -437px; width: 874px; z-index: 103 } #v65-modalContentHeader { background-color: #777; height: 27px; overflow: hidden; text-align: right; padding: 6px 10px 0 0; margin: 0 } @media screen and (max-width: 580px) { #v65-modalContentHeader { height: 4em; text-align: left; padding: 0.5em 1em } #v65-modalContentHeader a.modalLinkBtn { width: 100% } } #v65-modalContent { padding: 15px; margin: 0; overflow: auto } @media screen and (max-width: 580px) { #v65-modalContent button.defaultBtn { width: 100% } } #v65-siteLoginForm { width: 212px; margin: 0 20px 0 0; float: left } #v65-siteLoginRightContent { float: left; width: 212px } #v65-modalAgeVerification { border: 1px solid #666; background-color: #ffffff; position: relative; left: 50%; top: 20%; margin: 0 0 0 -237px; width: 474px; z-index: 103 } .v65-form { width: 250px; margin: 0 0 1em } @media screen and (max-width: 580px) { .v65-form { width: 100% } } .v65-form fieldset { display: block; padding: 0 5px 10px 5px; margin: 0 0 12px 0; border: 1px solid #ccc } @media screen and (max-width: 580px) { .v65-form fieldset { padding: 0 } } .v65-form fieldset div { overflow: hidden; padding: 5px } .v65-form fieldset div.v65-formRecaptcha { overflow: visible; display: inline-block } .v65-form fieldset div.v65-formRecaptcha>div { overflow: visible; padding: 0 } .v65-form fieldset div.v65-formRecaptcha>div>div { padding: 0 } .v65-form fieldset div.v65-formRecaptcha>div>div>div { padding: 0 } .v65-form fieldset .formatBeside label { float: left; width: 65px; text-align: right; padding: 0 5px 0 0 } .v65-form fieldset .formatBeside input[type=text], .v65-form fieldset .formatBeside input[type=password] { margin: 0; width: 150px } .v65-form fieldset .formatBeside textarea, .v65-form fieldset .formatBeside select { font-family: Tahoma, Geneva, sans-serif; line-height: 1.5; width: 155px; font-size: 1em } .v65-form legend { font-size: 1.17em; margin: 0; padding: 0 5px } .v65-form label { display: block } .v65-form label .submitLabel { font-size: 4px; line-height: 4px } .v65-form .formErrorMessage { font-style: italic; font-weight: normal; color: #C66 } .v65-form input[type=text], .v65-form input[type=password], .v65-form input[type='username'] { margin: 0; width: 220px } .v65-form textarea, .v65-form select { font-family: Tahoma, Geneva, sans-serif; line-height: 1.5; width: 225px; font-size: 1em } .v65-formLeft { float: left; margin: 0 1em 1em 0; width: 250px } .v65-formRight { float: right; margin: 0 0 1em 1em; width: 250px } @media screen and (max-width: 500px) { .v65-formRight { margin: 0 0 1em 0; width: 100% } } .v65-formCenter { margin: 0 auto 1em; width: 250px } .v65-formError { color: #C00 } button { border: 0; cursor: pointer; overflow: visible; padding: 0; position: relative; height: 2.5em; line-height: 2.5em } @media screen and (max-width: 580px) { button { height: 4em; line-height: 4em } } button::-moz-focus-inner { border: none } button span { display: block; padding: 0 0.7em; position: relative; text-align: center; white-space: nowrap; height: 2.5em; line-height: 2.5em } @media screen and (max-width: 580px) { button span { font-size: 1em; height: 4em; line-height: 4em; text-align: center } } button.largeBtn, button.defaultBtn, button.modalBtn { background-color: #369 } button.largeBtn span, button.defaultBtn span, button.modalBtn span { color: #fff } button.largeBtn:hover, button.defaultBtn:hover, button.modalBtn:hover { background-color: #69c } button.altLargeBtn, button.altBtn, button.altModalBtn { background-color: #919191 } button.altLargeBtn span, button.altBtn span, button.altModalBtn span { color: #fff } button.altLargeBtn:hover, button.altBtn:hover, button.altModalBtn:hover { background-color: #acacac } button.largeBtn, button.altLargeBtn { font-size: 1.3333333333333333em } button.modalBtn, button.altModalBtn { font-size: 0.8em; height: 2em; line-height: 2em } @media screen and (max-width: 580px) { button.modalBtn, button.altModalBtn { font-size: 1.1em; height: 4em; line-height: 4em } } a.largeLinkBtn, a.linkBtn, a.modalLinkBtn, a.linkAltBtn, a.modalLinkAltBtn { border: 0; cursor: pointer; display: inline-block; padding: 0; position: relative; height: 2.5em; line-height: 2.5em } @media screen and (max-width: 580px) { a.largeLinkBtn, a.linkBtn, a.modalLinkBtn, a.linkAltBtn, a.modalLinkAltBtn { font-size: 1em; height: 4em; line-height: 4em; text-align: center } } a.largeLinkBtn span, a.linkBtn span, a.modalLinkBtn span, a.linkAltBtn span, a.modalLinkAltBtn span { display: block; padding: 0 0.7em; position: relative; border-radius: 0.385em; white-space: nowrap } a.largeLinkBtn, a.linkBtn, a.modalLinkBtn { background-color: #369 } a.largeLinkBtn span, a.linkBtn span, a.modalLinkBtn span { color: #fff } a.largeLinkBtn:hover, a.linkBtn:hover, a.modalLinkBtn:hover { background-color: #69c; text-decoration: none } a.linkAltBtn, a.modalLinkAltBtn { background-color: #919191 } a.linkAltBtn span, a.modalLinkAltBtn span { color: #fff } a.linkAltBtn:hover, a.modalLinkAltBtn:hover { background-color: #acacac; text-decoration: none } a.largeLinkBtn { font-size: 1.3333333333333333em } a.modalLinkBtn, a.modalLinkAltBtn { font-size: 0.8em; height: 2em; line-height: 2em } @media screen and (max-width: 580px) { a.modalLinkBtn, a.modalLinkAltBtn { font-size: 1em; height: 4em; line-height: 4em } } .firstItem { margin-left: 0; padding-left: 0 } .lastItem { margin-right: 0; padding-right: 0 } .v65-last { margin-right: 0; padding-right: 0; border-right: 0 } div.v65-warning { border-radius: 0.2em; background: #FFF4E5; border: 1px solid #FBC880; color: #E88A03; font-size: 15px; margin-bottom: 0; padding: 1em; text-align: center } div.v65-warning a { color: #925702 } /*# sourceMappingURL=vin65-responsive.min.css.map */ @charset "utf-8"; /* CSS Document */ /* ==================================================================================================== Table of Content Misc Inlcudes Variables 1. Typography - Copy into admin.css 2. Header 3. Navigation a. Navigation b. Sub Navigation 4. Content a. Homepage Styles b. Page Styles 5. Blog 6. Print 7. Buttons 8. Footer */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ header h1, footer h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ /* button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /* button, input { line-height: normal; } */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ /* button, select { text-transform: none; } */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ /* button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } */ /** * Re-set default cursor for disabled elements. */ /* button[disabled], html input[disabled] { cursor: default; } */ /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ /* input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } */ /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ /* input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } */ /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ /* input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } */ /** * Remove inner padding and border in Firefox 4+. */ /* button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } */ /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ /* textarea { overflow: auto; vertical-align: top; } */ /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot?ef0xep"); src: url("../font/icomoon.eot?ef0xep#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?ef0xep") format("truetype"), url("../font/icomoon.woff?ef0xep") format("woff"), url("../font/icomoon.svg?ef0xep#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-email:before { content: "\e0be"; } .icon-phone:before { content: "\e0cd"; } .icon-person:before { content: "\e7fd"; } .icon-lock:before { content: "\e897"; } .icon-cart:before { content: "\e8cc"; } .icon-paper-clip:before { content: "\e001"; } .icon-link:before { content: "\e005"; } .icon-image:before { content: "\e010"; } .icon-clock:before { content: "\e014"; } .icon-settings:before { content: "\e023"; } .icon-heart:before { content: "\e024"; } .icon-book:before { content: "\e030"; } .icon-search:before { content: "\e036"; } .icon-sun:before { content: "\e064"; } .icon-map:before { content: "\e072"; } .icon-comments:before { content: "\e076"; } .icon-share:before { content: "\e081"; } .icon-tag:before { content: "\e085"; } .icon-arrow-left:before { content: "\e094"; } .icon-arrow-right:before { content: "\e095"; } .icon-arrow-up:before { content: "\e096"; } .icon-arrow-down:before { content: "\e097"; } .icon-plus:before { content: "\e114"; } .icon-minus:before { content: "\e115"; } .icon-cross:before { content: "\e117"; } .icon-menu:before { content: "\e120"; } .icon-calendar:before { content: "\e905"; } .icon-pencil:before { content: "\e906"; } .icon-home:before { content: "\e907"; } .icon-medal:before { content: "\e908"; } .icon-clothes:before { content: "\e909"; } .icon-music:before { content: "\e90a"; } .icon-star:before { content: "\e90b"; } .icon-wine:before { content: "\e90c"; } .icon-juice:before { content: "\e90d"; } .icon-gift:before { content: "\e90e"; } .icon-flower:before { content: "\e90f"; } .icon-leaves:before { content: "\e910"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-google-plus:before { content: "\f0d5"; } .icon-linked-in:before { content: "\f0e1"; } .icon-instagram:before { content: "\f16d"; } .icon-yelp:before { content: "\f1e9"; } .icon-pinterest:before { content: "\f231"; } .icon-tripadvisor:before { content: "\f262"; } .icon-vimeo:before { content: "\f27d"; } /* * jQuery Nivo Slider v3.0.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; background: white url(//cdn.nexternal.com/nivo/loading.gif) no-repeat 50% 50%; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; cursor: hand; background-color: #fff; filter: alpha(opacity=0); /*non ie*/ opacity: 0; } /* The slices and boxes in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; } .nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding: 5px; margin: 0; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(//cdn.nexternal.com/nivo/arrows.png) no-repeat; text-indent: -9999px; border: 0; position: absolute; top: 45%; z-index: 9; cursor: pointer; } a.nivo-prevNav { left: 15px; } a.nivo-nextNav { background-position: -30px 0px; right: 15px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align: center; padding: 15px 0; } .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url(//cdn.nexternal.com/nivo/bullets.png) no-repeat; color: transparent; border: 0; margin: 0 2px; cursor: pointer; } .nivo-controlNav a.active { background-position: 0 -22px; } .transition { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .hideText { overflow: hidden; text-indent: 100%; white-space: nowrap; } .hideText a { display: block; height: 100%; text-indent: 101%; } /* =================================================================================================== 1. Typography - These get copied into the admin.css ======================================================================================================== */ html { font-size: 100%; } body { background: #f2efed; color: #8a8a8a; font-family: "Karla", sans-serif; font-size: 18px; font-weight: 300; -webkit-font-smoothing: antialiased; } .transition { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #252525; /* font-weight: normal; margin: 0; */ } /* h1 { font-size: 2.5em; font-family: "Prata", serif; line-height: 1.4; margin-bottom: 0.75em; text-align: center; position: relative; } */ @media screen and (max-width: 500px) { footer h1, header h1 { font-size: 2.3em; } } header h2, footer h2 { font-size: 2.3em; font-family: "Prata", serif; line-height: 1.3; margin-bottom: 0.5em; } @media screen and (max-width: 500px) { header h2, footer h2 { font-size: 2.15em; } } header h3, footer h3 { font-size: 2em; font-family: "Prata", serif; line-height: 1.3; margin-bottom: 0.75em; } header h4, footer h4 { font-size: 1.5em; font-family: "Prata", serif; line-height: 1.3; margin-bottom: 0.75em; } header h5, footer h5 { color: #aba07a; font-size: 2.2em; font-family: "Cookie", cursive; line-height: 1.3; } header h6, footer h6 { color: #4e4937; font-size: 1em; font-family: "Prata", serif; line-height: 1.3; margin-bottom: 0.5em; } .v65-title { color: #252525; font-family: "Prata", serif; font-size: 1.5em; line-height: 1.2; margin-bottom: 0.2em; } .v65-title a { color: #252525; } .v65-title a:hover, .v65-title a:focus, .v65-title a:visited { text-decoration: none; } .v65-subtitle { color: #aba07a; font-size: 1.8em; font-family: "Cookie", cursive; line-height: 1.2; margin-bottom: 0.2em; } .v65-subtitle a { color: #aba07a; } .v65-subtitle a:hover, .v65-subtitle a:focus, .v65-subtitle a:visited { text-decoration: none; } .v65-productGroup-title.v65-title { font-size: 2.2em; margin-bottom: 0.5em; text-align: center; } /* p, blockquote { margin: 0 0 1em; line-height: 1.5; } */ blockquote { color: #4e4937; max-width: 600px; text-align: center; margin: 1em auto; font-family: "Karla", sans-serif; line-height: 1.7; } dl, ol, ul { margin: 0 0 1.5em; } dd, dt, li { line-height: 1.5; margin: 0; } a { color: #aba07a; text-decoration: none; } img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; border-color: #aba07a; height: auto !important; max-width: 100%; } form { margin-bottom: 1em; } legend { color: #8a8a8a; } hr { background-color: #d6d4d2; border: 0; color: #8a8a8a; height: 2px; } a[name=footerNav] { display: none !important; } /* =================================================================================================== 2. Header ======================================================================================================== */ header.primary { background: #212121; font-family: "Karla", sans-serif; position: relative; width: 100%; z-index: 15; } header.primary .wrapper { position: relative; } @media screen and (max-width: 1100px) { header.primary .wrapper { padding: 0 3%; width: 94%; } } @media screen and (max-width: 580px) { header.primary .wrapper { width: 100%; padding: 0; margin: 0; } } header.primary .headerIcon { font-size: 1.4em; vertical-align: middle; margin-top: -2px; display: inline-block; } header.primary .socialIcons { float: right; padding: 0; margin: 5px 30px 5px 10px; } @media screen and (max-width: 580px) { header.primary .socialIcons { display: none; } } header.primary .socialIcons li { color: #a09262; list-style-type: none; display: inline-block; font-size: 0.75em; padding: 0 5px; } header.primary .socialIcons li a { color: #a09262; } header.primary .headerTop { background: #191919; border-bottom: 1px solid #212121; } header.primary .headerTop .telephoneNumber { color: #757575; float: right; font-size: 14px; height: 2em; line-height: 2em; margin: 3px 2em 3px 0; } @media screen and (max-width: 950px) { header.primary .headerTop .telephoneNumber { margin-top: 0; height: 2.5em; line-height: 2.5em; } } header.primary .headerTop .telephoneNumber a { color: #757575; } header.primary .headerTop .telephoneNumber i { color: #a09262; display: inline-block; } header.primary.checkoutHeader .logo { float: none; margin: 0.5em auto; } #user-tools { font-family: "Karla", sans-serif; font-size: 14px; } @media screen and (min-width: 581px) { #user-tools { float: right; height: 2em; line-height: 2em; margin-top: 2px; width: auto; width: initial; position: static; } } @media screen and (min-width: 581px) and (max-width: 950px) { #user-tools { margin: 3px 0 7px; } } @media screen and (max-width: 580px) { #user-tools { height: 3em; line-height: 3em; } } #user-tools.cartNav { margin: 38px 0 0 20px; height: 2.5em; line-height: 2.5em; } #user-tools.cartNav #v65-modalCart > a { color: #9d9d97; font-size: 15px; } #user-tools.cartNav #v65-modalCart > a:hover, #user-tools.cartNav #v65-modalCart > a:focus, #user-tools.cartNav #v65-modalCart > a:active { color: #bcbcbb; } @media screen and (max-width: 950px) { #user-tools.cartNav { display: none; } } #user-tools a { color: #757575; } #user-tools .icon-person { margin-right: 5px; } #user-tools .icon-person, #user-tools .icon-cart { color: #a09262; width: 15px; display: inline-block; } #user-tools .v65-yourAccount, #user-tools .v65-editProfile, #user-tools .v65-login, #user-tools .v65-logout { border: 0; } @media screen and (min-width: 581px) { #user-tools .v65-yourAccount, #user-tools .v65-editProfile, #user-tools .v65-login, #user-tools .v65-logout { position: static; width: auto; width: initial; } } @media screen and (min-width: 581px) { #user-tools .v65-yourAccount, #user-tools .v65-editProfile, #user-tools .v65-login, #user-tools .v65-logout { margin-top: 1px; height: 2em; line-height: 2em; } } @media screen and (max-width: 580px) { #user-tools .v65-yourAccount, #user-tools .v65-editProfile, #user-tools .v65-login, #user-tools .v65-logout { height: 3em; line-height: 3em; } } @media screen and (min-width: 581px) { #user-tools .v65-login, #user-tools .v65-logout { margin-left: 20px; } } @media screen and (min-width: 581px) and (max-width: 950px) { #user-tools .v65-login, #user-tools .v65-logout { margin-right: 20px; } } @media screen and (min-width: 951px) { #user-tools .v65-editProfile { margin-left: 0; margin-right: 0; padding-right: 0; } } @media screen and (min-width: 581px) and (max-width: 950px) { #user-tools .v65-editProfile { margin-right: 0; padding-right: 0; } } @media screen and (min-width: 581px) { #user-tools .v65-yourAccount { display: none; } } @media screen and (min-width: 581px) { #user-tools #v65-modalCart { float: right; position: relative; } } @media screen and (min-width: 581px) and (max-width: 950px) { #user-tools #v65-modalCart { height: 2.2em; line-height: 2.2em; } } @media screen and (max-width: 580px) { #user-tools #v65-modalCart { height: 3em; line-height: 3em; } } @media screen and (max-width: 580px) { #user-tools #v65-modalCart #v65-toggleModalCart { display: block; float: right; margin-right: 1%; } } @media screen and (max-width: 580px) { #user-tools #v65-modalCart #v65-toggleModalCart { line-height: 3em; height: 3em; } } @media screen and (min-width: 951px) { #user-tools #v65-modalCartDropdown { top: 5.1em; } } @media screen and (min-width: 581px) and (max-width: 950px) { #user-tools #v65-modalCartDropdown { top: 2.5em; } } #user-tools .v65-additionalItemsMessage a { color: #000; } .logo { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-image: url('//cdn.nexternal.com/sac/images/logo.png'); background-position: top center; background-repeat: no-repeat; background-size: contain; display: block; float: left; height: 80px; width: 260px; margin: 0.3em auto; } @media screen and (max-width: 580px) { .logo { margin: 0.3em; } } @media screen and (max-width: 430px) { .logo { float: left; margin: 0.3em 0 0.3em; } } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .logo { background-image: url('//cdn.nexternal.com/sac/images/logo.png'); } } @media screen and (max-width: 580px) { #v65-modalContentHeader a.modalLinkBtn { text-align: right; } } /* =================================================================================================== 3. Navigation ======================================================================================================== */ /* ----- a. Main Menu ----- */ .mainMenu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; font-family: "Karla", sans-serif; } @media screen and (min-width: 951px) { .mainMenu { float: right; } } @media screen and (max-width: 950px) { .mainMenu { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background: #2f2f2f; border-left: 1px solid #272727; max-height: 87%; max-height: -moz-calc(100% - 146px); max-height: -webkit-calc(100% - 146px); max-height: calc(100% - 146px); height: 100%; font-size: 16px; position: fixed; top: 146px; right: -350px; margin: 0; overflow: auto; width: 350px; z-index: 100; } } @media screen and (max-width: 580px) { .mainMenu { top: 149px; right: -100%; max-height: -moz-calc(100% - 149px); max-height: -webkit-calc(100% - 149px); max-height: calc(100% - 149px); width: 100%; } } @media screen and (max-width: 500px) { .mainMenu { top: 148px; max-height: -moz-calc(100% - 148px); max-height: -webkit-calc(100% - 148px); max-height: calc(100% - 148px); } } .mainMenu ul { list-style: none; margin: 0; padding: 0; position: relative; text-align: left; } @media screen and (min-width: 951px) { .mainMenu ul { float: right; } } @media screen and (max-width: 950px) { .mainMenu ul { text-align: left; } } .mainMenu ul ul { font-size: 14px; text-align: left; } @media screen and (min-width: 951px) { .mainMenu ul ul { background: #2f2f2f; border: 1px solid #272727; visibility: hidden; opacity: 0; padding: 8px 10px; position: absolute; left: -15px; top: 110px; width: 200px; -ms-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); } } @media screen and (max-width: 950px) { .mainMenu ul ul { text-align: left; } } .mainMenu li { display: inline-block; padding: 0; position: relative; } @media screen and (min-width: 1201px) { .mainMenu li { padding: 0 15px; margin: 0; } } @media screen and (min-width: 951px) { .mainMenu li { padding: 0 10px; margin: 0; } } @media screen and (max-width: 950px) { .mainMenu li { border-top: 1px solid #272727; margin: 0; width: 100%; } } .mainMenu li:first-child { margin-left: 0; } @media screen and (min-width: 951px) { .mainMenu li:hover ul { -ms-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; visibility: visible; opacity: 1; -ms-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); } } .mainMenu li li { display: block; float: none; margin: 0; padding: 0; } @media screen and (max-width: 950px) { .mainMenu li li { text-align: left; padding: 0; width: 100%; } } .mainMenu li li a { color: #c7c7c7; display: block; line-height: 1.5; margin: 0; padding: 5px 10px; text-transform: none; } @media screen and (max-width: 950px) { .mainMenu li li a { padding: 10px 2% 10px 10%; width: 88%; } } .mainMenu li li a:hover { color: #bcbcbb; } @media screen and (max-width: 950px) { .mainMenu li li a:after { content: ""; } } @media screen and (max-width: 950px) { .mainMenu li li a { color: #9d9d97; } .mainMenu li li a:hover { color: #9d9d97; } } .mainMenu a { color: #9d9d97; display: inline-block; margin: 0; padding: 44px 0; position: relative; text-decoration: none; } @media screen and (max-width: 950px) { .mainMenu a { padding: 15px 2% 15px 6%; margin: 0; width: 92%; } } .mainMenu a:hover, .mainMenu a:focus, .mainMenu a:active { background: none; color: #bcbcbb; outline: none; text-decoration: none; } @media screen and (max-width: 950px) { .mainMenu a:after { content: "\e095"; font-family: 'icomoon'; font-size: 0.9em; position: absolute; right: 10px; } } @media screen and (max-width: 950px) { .mainMenu a { color: #9d9d97; } .mainMenu a:hover { color: #9d9d97; } } .mainMenu .v65-home { display: none; } .subMenu, .subSubMenu { background: #525252; background: rgba(33, 33, 33, 0.8); border-top: 1px solid rgba(27, 27, 27, 0.84); font-size: 15px; font-family: "Karla", sans-serif; position: relative; margin: 0; width: 100%; } @media screen and (max-width: 767px) { .subMenu, .subSubMenu { display: none; } } .subMenu ul, .subSubMenu ul { list-style: none; margin-bottom: 0; padding: 0; } .subMenu ul ul, .subSubMenu ul ul { display: none; } .subMenu li, .subSubMenu li { line-height: 1.4; padding: 0; display: inline-block; padding: 12px 10px; } @media screen and (max-width: 767px) { .subMenu li, .subSubMenu li { display: none; } } .subMenu li ul, .subSubMenu li ul { margin-left: 10px; } .subMenu a, .subSubMenu a { color: #b1b1b1; line-height: 1.5; width: 100%; } .subMenu a:hover, .subMenu a:focus, .subMenu a:active, .subSubMenu a:hover, .subSubMenu a:focus, .subSubMenu a:active { color: #b1b1b1; } .subSubMenu { display: none; font-size: 14px; } @media screen and (max-width: 767px) { .subSubMenu { text-align: center; } } .subSubMenu li { padding: 10px 8px; } @media screen and (max-width: 767px) { .subSubMenu li { display: inline-block; padding: 17px; } } .subSubMenu a { color: #8a8a8a; } .subSubMenu a:hover, .subSubMenu a:focus, .subSubMenu a:active { color: #8a8a8a; } .membersPages .subMenu li { display: inline-block; } @media screen and (max-width: 950px) { .membersPages .subMenu li { line-height: 2; } } .icon-menu { cursor: pointer; font-size: 1.5em; position: absolute; top: 1.5em; right: 1em; } .icon-menu:hover, .icon-menu:focus, .icon-menu:active { color: #bcbcbb; } @media screen and (max-width: 580px) { .icon-menu { top: 1.7em; } } @media screen and (min-width: 951px) { .icon-menu { display: none; } } .menuOpen { transform: translate(-350px, 0); -webkit-transform: translate(-350px, 0); -moz-transform: translate(-350px, 0); -ms-transform: translate(-350px, 0); } @media screen and (max-width: 580px) { .menuOpen { transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); } } .mobileBody { position: fixed !important; } /* =================================================================================================== 4. Content ======================================================================================================== */ #v65-modalContentHeader { background: #252525; } @media screen and (max-width: 767px) { .content { padding: 2em 0 0; } } @media screen and (min-width: 768px) { .content { padding: 4em 0 0; } } @media screen and (max-width: 767px) { .pageContent, .wideContent { padding-bottom: 2em; } } @media screen and (min-width: 768px) { .pageContent, .wideContent { padding-bottom: 4em; } } .productDrilldownContent { padding-bottom: 0; } .wrapper { max-width: 1200px; margin: 0 auto; padding: 0 5%; position: relative; width: 90%; } @media screen and (max-width: 580px) { .wrapper { padding: 0 2.5%; width: 95%; } } .overlay { background: rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .overlay.overlayNo { background: transparent; } .pageTop { position: relative; z-index: 2; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1); animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1); animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* input[type='text'], input[type='password'], input[type='username'], input[type='tel'], input[type='email'], textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: 1px solid #D8D8D8; font-size: 0.9em; } @media screen and (min-width: 581px) { input[type='text'], input[type='password'], input[type='username'], input[type='tel'], input[type='email'], textarea { height: 2.9em; line-height: 2.9em; } } */ /* input[type='text']:focus, input[type='password']:focus, input[type='username']:focus, input[type='tel']:focus, input[type='email']:focus, textarea:focus { background-color: #FBFBFB; border-color: #CECECE; outline: none; } */ fieldset#v65-fieldset-choices { width: 360px; } @media screen and (max-width: 950px) { fieldset#v65-fieldset-choices { width: 50%; } } @media screen and (max-width: 725px) { fieldset#v65-fieldset-choices { width: 98%; } } .v65-form textarea, .v65-form select { font-family: "Karla", sans-serif; font-size: 0.8em; } #v65-memberFormWrapper { margin: 0 auto; } #v65-memberFormWrapper form { max-width: 400px; } #v65-memberFormWrapper legend { text-align: center; } .v65-form, #v65-memberFormWrapper { max-width: 420px; width: 100%; } .v65-form legend, #v65-memberFormWrapper legend { color: #252525; font-family: "Prata", serif; letter-spacing: 0; padding: 0 0 6px; } .v65-form fieldset, #v65-memberFormWrapper fieldset { border: 0; padding: 0; } .v65-form fieldset div, #v65-memberFormWrapper fieldset div { padding: 5px 0; } .v65-form label, #v65-memberFormWrapper label { padding-bottom: 2px; } .v65-form input[type=text], .v65-form input[type=password], .v65-form input[type='username'], .v65-form textarea, #v65-memberFormWrapper input[type=text], #v65-memberFormWrapper input[type=password], #v65-memberFormWrapper input[type='username'], #v65-memberFormWrapper textarea { width: 100% !important; } #v65-commentFormWrapper #Comments { width: 100%; } #v65-commentFormWrapper #Comments:focus { background: #FDFDFD; outline: none; } #v65-checkBilling legend, #v65-memberFormWrapper legend { color: #252525; font-family: "Prata", serif; font-size: 1.7em; letter-spacing: 0; padding: 0 0 6px; } #v65-checkBilling input[name=BillFirstName], #v65-checkBilling input[name=BillLastName], #v65-checkBilling input[name=BillCompany], #v65-checkBilling input[name=BillCity], #v65-checkBilling input[name=BillMainPhone], #v65-checkBilling input[name=BillEmail], #v65-checkBilling input[name=BillAddress], #v65-checkBilling input[name=BillAddress2], #v65-checkBilling textarea[name=OrderNotes], #v65-checkBilling input[name=NickName], #v65-checkBilling input[name=ShipFirstName], #v65-checkBilling input[name=ShipLastName], #v65-checkBilling input[name=ShipCompany], #v65-checkBilling input[name=ShipCity], #v65-checkBilling input[name=ShipMainPhone], #v65-checkBilling input[name=ShipEmail], #v65-checkBilling textarea[name=giftMessage], #v65-checkBilling input[name=ShipAddress], #v65-checkBilling input[name=ShipAddress2], #v65-checkBilling input[name=FirstName], #v65-checkBilling input[name=LastName], #v65-checkBilling input[name=Company], #v65-checkBilling input[name=City], #v65-checkBilling input[name=MainPhone], #v65-checkBilling input[name=Email], #v65-checkBilling input[name=Username], #v65-checkBilling input[name=Password], #v65-checkBilling input[name=ConfirmPassword], #v65-checkBilling input[name=Address2], #v65-checkBilling input[name=Address], #v65-checkBilling input[name=shipMainPhone], #v65-checkBilling input[name=shipEmail], #v65-memberFormWrapper input[name=BillFirstName], #v65-memberFormWrapper input[name=BillLastName], #v65-memberFormWrapper input[name=BillCompany], #v65-memberFormWrapper input[name=BillCity], #v65-memberFormWrapper input[name=BillMainPhone], #v65-memberFormWrapper input[name=BillEmail], #v65-memberFormWrapper input[name=BillAddress], #v65-memberFormWrapper input[name=BillAddress2], #v65-memberFormWrapper textarea[name=OrderNotes], #v65-memberFormWrapper input[name=NickName], #v65-memberFormWrapper input[name=ShipFirstName], #v65-memberFormWrapper input[name=ShipLastName], #v65-memberFormWrapper input[name=ShipCompany], #v65-memberFormWrapper input[name=ShipCity], #v65-memberFormWrapper input[name=ShipMainPhone], #v65-memberFormWrapper input[name=ShipEmail], #v65-memberFormWrapper textarea[name=giftMessage], #v65-memberFormWrapper input[name=ShipAddress], #v65-memberFormWrapper input[name=ShipAddress2], #v65-memberFormWrapper input[name=FirstName], #v65-memberFormWrapper input[name=LastName], #v65-memberFormWrapper input[name=Company], #v65-memberFormWrapper input[name=City], #v65-memberFormWrapper input[name=MainPhone], #v65-memberFormWrapper input[name=Email], #v65-memberFormWrapper input[name=Username], #v65-memberFormWrapper input[name=Password], #v65-memberFormWrapper input[name=ConfirmPassword], #v65-memberFormWrapper input[name=Address2], #v65-memberFormWrapper input[name=Address], #v65-memberFormWrapper input[name=shipMainPhone], #v65-memberFormWrapper input[name=shipEmail] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; } @media screen and (min-width: 581px) { #v65-checkBilling select[name=BillBirthDay], #v65-checkBilling select[name=BillBirthYear], #v65-checkBilling select[name=BirthDay], #v65-checkBilling select[name=BirthYear], #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear], #v65-memberFormWrapper select[name=BillBirthDay], #v65-memberFormWrapper select[name=BillBirthYear], #v65-memberFormWrapper select[name=BirthDay], #v65-memberFormWrapper select[name=BirthYear], #v65-memberFormWrapper select[name=ShipBirthDay], #v65-memberFormWrapper select[name=ShipBirthYear] { width: 80px; } } @media screen and (max-width: 580px) { #v65-checkBilling select[name=BillBirthDay], #v65-checkBilling select[name=BillBirthYear], #v65-checkBilling select[name=BirthDay], #v65-checkBilling select[name=BirthYear], #v65-checkBilling select[name=ShipBirthDay], #v65-checkBilling select[name=ShipBirthYear], #v65-memberFormWrapper select[name=BillBirthDay], #v65-memberFormWrapper select[name=BillBirthYear], #v65-memberFormWrapper select[name=BirthDay], #v65-memberFormWrapper select[name=BirthYear], #v65-memberFormWrapper select[name=ShipBirthDay], #v65-memberFormWrapper select[name=ShipBirthYear] { width: 28%; } } @media screen and (min-width: 581px) { #v65-checkBilling select[name=BillBirthMonth], #v65-checkBilling select[name=BirthMonth], #v65-checkBilling select[name=ShipBirthMonth], #v65-memberFormWrapper select[name=BillBirthMonth], #v65-memberFormWrapper select[name=BirthMonth], #v65-memberFormWrapper select[name=ShipBirthMonth] { width: 100px; } } @media screen and (max-width: 580px) { #v65-checkBilling select[name=BillBirthMonth], #v65-checkBilling select[name=BirthMonth], #v65-checkBilling select[name=ShipBirthMonth], #v65-memberFormWrapper select[name=BillBirthMonth], #v65-memberFormWrapper select[name=BirthMonth], #v65-memberFormWrapper select[name=ShipBirthMonth] { width: 38%; } } @media screen and (max-width: 580px) { #v65-checkBilling select[name=BillStateCode], #v65-memberFormWrapper select[name=BillStateCode] { width: 100%; } } #v65-memberAddressBook th { background-color: transparent; } #v65-memberAddressBook tr:hover, #v65-memberAddressBook tr:focus, #v65-memberAddressBook tr:active { background-color: #eee; } /* ----- a. Homepage Styles ----- */ .homepageHeader { overflow: hidden; } @media screen and (max-width: 850px) { .homepageHeader { min-height: 400px; } } @media screen and (min-height: 851px) { .homepageHeader { min-height: 600px; } } .bx-wrapper { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 580px) { .bx-wrapper .bx-controls { display: none; } } .homepageGallery { background: #212121; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .homepageGallery .homepagePhoto { -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); background-repeat: no-repeat; background-position: center; padding: 0; list-style-type: none; position: relative; width: 100%; height: 100%; } @media screen and (min-width: 581px) { .homepageGallery .homepagePhoto { background-size: cover; background-attachment: fixed; } } .imagePreloader { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .imageVisible { opacity: 1; } .galleryContent { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 120%; max-width: 950px; margin: 0 auto; padding: 8.5em 2em; position: relative; text-align: center; width: 100%; z-index: 1; } @media screen and (max-width: 1350px) { .galleryContent { padding: 7.5em 2em; } } @media screen and (max-width: 1280px) { .galleryContent { padding: 6.5em 2em; } } @media screen and (min-width: 768px) and (max-width: 1000px) { .galleryContent { padding: 9.25em 5%; width: 90%; } } @media screen and (max-width: 450px) { .galleryContent { padding: 4.5em 1em; } } @media screen and (min-width: 1001px) { .galleryContent.galleryFixed { position: fixed; top: initial; left: 50%; margin-left: -475px; } } .galleryContent.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .galleryContent h1, .galleryContent h2, .galleryContent h3, .galleryContent h4, .galleryContent h5, .galleryContent h6, .galleryContent p, .galleryContent a { -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); color: #fff; margin-bottom: 0.25em; } .galleryContent p { font-size: 90%; } @media screen and (min-width: 851px) { .galleryContent h1 { font-size: 3em; } .galleryContent h2 { font-size: 2em; } .galleryContent h3 { font-size: 1.75em; } } @media screen and (max-width: 850px) { .galleryContent h1 { font-size: 1.9em; } .galleryContent h2 { font-size: 1.75em; } .galleryContent h3 { font-size: 1.5em; } } @media screen and (max-width: 450px) { .galleryContent h1, .galleryContent h2, .galleryContent h3, .galleryContent h4, .galleryContent h5, .galleryContent h6 { font-size: 1.5em; } } .galleryContent a { text-decoration: underline; } .homepageContent { background: url(//cdn.nexternal.com/images/texture-cream.jpg); border-top: 1px solid #ded6d0; border-bottom: 1px solid #ded6d0; float: left; position: relative; text-align: center; width: 100%; z-index: 10; } .homepageContent .wrapper { max-width: 900px; margin: 4em auto; } .homepageBanner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); background-position: center; background-repeat: no-repeat; font-size: 120%; float: left; padding: 12em 0; min-height: 650px; position: relative; z-index: 2; width: 100%; } @media screen and (min-width: 581px) { .homepageBanner { background-size: cover; background-attachment: fixed; } } .homepageBanner .wrapper { max-width: 800px; position: relative; z-index: 1; } .homepageBanner h1, .homepageBanner h2, .homepageBanner h3, .homepageBanner h4, .homepageBanner h5, .homepageBanner h6, .homepageBanner p, .homepageBanner a { -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); color: #fff; margin-bottom: 0.25em; } .homepageBanner p { font-size: 90%; } @media screen and (min-width: 851px) { .homepageBanner h1 { font-size: 3em; } .homepageBanner h2 { font-size: 2em; } .homepageBanner h3 { font-size: 1.75em; } } @media screen and (max-width: 850px) { .homepageBanner h1 { font-size: 1.9em; } .homepageBanner h2 { font-size: 1.75em; } .homepageBanner h3 { font-size: 1.5em; } } @media screen and (max-width: 450px) { .homepageBanner h1, .homepageBanner h2, .homepageBanner h3, .homepageBanner h4, .homepageBanner h5, .homepageBanner h6 { font-size: 1.5em; } } .homepageBanner a { text-decoration: underline; } .homepageSections { background: url(//cdn.nexternal.com/images/texture-cream.jpg); -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); position: relative; padding: 3em 5em; z-index: 5; } @media screen and (max-width: 1450px) { .homepageSections { padding: 3em 2em; } } @media screen and (max-width: 1000px) { .homepageSections { padding: 3em 1em; } } .homepageSection { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size: cover; background-position: center; background-repeat: no-repeat; -ms-box-shadow: 1px 1px 4px rgba(47, 40, 30, 0.21); -moz-box-shadow: 1px 1px 4px rgba(47, 40, 30, 0.21); -o-box-shadow: 1px 1px 4px rgba(47, 40, 30, 0.21); -webkit-box-shadow: 1px 1px 4px rgba(47, 40, 30, 0.21); box-shadow: 1px 1px 4px rgba(47, 40, 30, 0.21); border: 5px ridge #aba07a; float: left; margin: 1%; padding: 10em 0 7.5em; position: relative; text-align: center; z-index: 2; width: 31.33%; } @media screen and (max-width: 1200px) { .homepageSection { padding: 6em 0 4em; } } @media screen and (max-width: 875px) { .homepageSection { float: none; max-width: 500px; margin: 1.5em auto; width: 98%; } } .homepageSection.width-half { width: 48%; } @media screen and (max-width: 875px) { .homepageSection.width-half { float: none; max-width: 500px; margin: 1.5em auto; width: 98%; } } .homepageSection .overlay { -ms-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .homepageSection .wrapper { max-width: 800px; margin: 0 auto; z-index: 1; position: relative; } .homepageSection .homeIcon { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #fff; border: 2px solid rgba(255, 255, 255, 0.7); border-radius: 50%; font-size: 2em; padding: 10px; } .homepageSection h3, .homepageSection a { -ms-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -o-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); text-shadow: 0 0 5px rgba(0, 0, 0, 0.35); color: #fff; } .homepageSection h3 { padding-top: 1.2em; font-size: 1.8em; } .homepageSection a { text-decoration: underline; } .homepageSection:hover .overlay, .homepageSection:focus .overlay, .homepageSection:active .overlay { background: rgba(2, 2, 2, 0.59); } .homepageSection:hover .homeIcon, .homepageSection:focus .homeIcon, .homepageSection:active .homeIcon { border: 3px solid #fff; } .homepageProductGroup { position: relative; z-index: 2; } .homepageProductGroup .wrapper { max-width: 1500px; margin: 0 auto; } .homepageProductGroup .v65-productGroup-title.v65-title, .homepageProductGroup .v65-productGroup-teaser { display: none; } .homepageProductGroup .v65-productGroup { margin-bottom: 0; } .homepageProductGroup .v65-productGroup-products .v65-productGroup-product { width: 30.33%; margin: 3em 0 3em 3%; } @media screen and (max-width: 1100px) { .homepageProductGroup .v65-productGroup-products .v65-productGroup-product { float: none; margin: 2em auto; max-width: 600px; width: 100%; } } @media screen and (max-width: 790px) { .homepageProductGroup .v65-productGroup-products .v65-productGroup-product { float: left; } } .homepageProductGroup .v65-productGroup-products .v65-productGroup-product .productPhoto { float: right; width: 28%; } .homepageProductGroup .v65-productGroup-products .v65-productGroup-product .productDescription { float: left; margin: 0 4% 0 0; text-align: left; width: 68%; } .homepageProductGroup .v65-productGroup-products .v65-productGroup-product .productDescription .v65-title { font-size: 1.15em; } .homepageBottomContent { display: none; background: #e4e0de; float: left; width: 100%; } .homepageEvents { float: left; width: 42%; margin-left: 8%; } .homepageEvents .v65-event-upcoming-title { display: none; } .homepageEvents .v65-event-upcoming-event { border-top: 1px solid #d6d4d2; border-bottom: 1px solid #d6d4d2; text-align: left; padding: 1.5em 0; position: relative; margin: 0; } .homepageEvents .v65-event-upcoming-event .event-arrow { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 0 10px; position: absolute; right: 0; bottom: 32px; } .homepageEvents .v65-event-upcoming-event .event-arrow:hover, .homepageEvents .v65-event-upcoming-event .event-arrow:focus, .homepageEvents .v65-event-upcoming-event .event-arrow:active { transform: translateX(10px); } .homepageEvents .v65-event-upcoming-event .event-arrow a { color: #9c1b1b; } .homepageEvents .v65-event-upcoming-event .v65-event-upcoming-event-date { color: #aba07a; font-family: "Prata", serif; font-size: 0.9em; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 1em; -webkit-font-smoothing: initial; } .homepageEvents .v65-event-upcoming-event .v65-event-upcoming-event-title { font-size: 1.2em; display: block; } .homepageEvents .v65-event-upcoming-event .v65-event-upcoming-event-time { display: block; } /* ----- b. Page Styles ----- */ .backToTop { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: 3px solid #aba07a; bottom: 20px; color: #aba07a; border-radius: 50%; display: none; font-size: 0.9em; height: 1.3em; line-height: 1.3em; padding: 1em; position: fixed; right: 20px; text-align: center; text-decoration: none; width: 1.3em; z-index: 1000; } .pageBanner { background-color: #525252; } #pageBackground { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); background-repeat: no-repeat; background-position: center; min-height: 450px; padding-top: 25em; } @media screen and (min-width: 581px) { #pageBackground { background-attachment: fixed; background-size: cover; } } @media screen and (min-width: 581px) and (max-width: 950px) { #pageBackground { min-height: 350px; padding-top: 20em; } } @media screen and (max-width: 580px) { #pageBackground { background-attachment: initial; min-height: 200px; padding-top: 14em; } } .pageBanner { position: relative; } .pageIntro { background: url(//cdn.nexternal.com/images/texture-cream.jpg); border-bottom: 1px solid #ded6d0; text-align: center; } .pageIntro .wrapper { max-width: 1000px; margin: 4em auto; } .pageContentWrapper, .wideContent { position: relative; z-index: 10; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } @media screen and (min-width: 1401px) { .videoWrapper { margin: 0 auto; max-width: 700px; padding-bottom: 399px; } } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .v65-socialMediaBar-GooglePlusOne .videoWrapper { height: inherit; max-width: inherit; padding: 0; } .v65-calendarList-Month { border-bottom: 3px double #d6d4d2; color: #aba07a; font-family: "Cookie", cursive; font-size: 2em; max-width: 900px; margin: 0 auto 1em; text-align: center; } .v65-calendarList-Event { max-width: 900px; margin: 0 auto; padding-left: 0; } .v65-calendarList-Event strong { color: #252525; font-family: "Karla", sans-serif; font-weight: normal; font-size: 0.9em; letter-spacing: 0.5px; text-transform: uppercase; } .v65-calendarList-Event .v65-title { font-size: 1.5em; margin-bottom: 1em; } .v65-calendarList-Event .v65-calendarList-Time { display: block; font-family: "Karla", sans-serif; font-style: normal; text-transform: uppercase; } #v65-CalendarTable { background-color: transparent; border: 0; color: #d6d4d2; } #v65-CalendarTable th { background-color: transparent; border: 0; border-bottom: 2px solid #d6d4d2; color: #8a8a8a; padding: 5px 0; } #v65-CalendarTable td { background-color: transparent; border-left: 2px solid #d6d4d2; border-bottom: 2px solid #d6d4d2; border-right: 2px solid #d6d4d2; height: 80px; } #v65-CalendarTable .v65-CalendarDay { border: 0; color: #6B6B6B; font-size: 0.8em; } #v65-CalendarTable .v65-CalendarOffMonthDays { background-color: transparent; } #v65-CalendarTable .v65-CalendarToDay { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #e3ddd8; } #v65-CalendarTable .v65-CalendarEvent { text-align: center; } @media screen and (max-width: 580px) { #v65-CalendarTable .v65-CalendarEvent { background: #9c1b1b; border-radius: 3px; padding: 0; } } #v65-CalendarTable .v65-CalendarEvent a { color: #aba07a; } @media screen and (max-width: 580px) { #v65-CalendarTable .v65-CalendarEvent a { background-color: transparent; color: #fff; height: 2.3em; width: auto; } } @media screen and (max-width: 400px) { #v65-CalendarTable .v65-CalendarEvent a { word-break: break-word; } } #v65-CalendarWrapper .icon-arrow-right, #v65-CalendarWrapper .icon-arrow-left { color: #aba07a; padding: 7px; } #v65-CalendarWrapper h2 { font-size: 2.4em; } .eventDrilldownWrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 3px double #D6D4D2; border-bottom: 3px double #D6D4D2; max-width: 700px; margin: 0 auto; padding: 18px 25px; width: 100%; } @media screen and (max-width: 580px) { .eventDrilldownWrapper { padding: 18px 25px; } } .eventWrapper { max-width: 950px; margin: 0 auto; padding-bottom: 3em; } .eventWrapper .eventTitle { text-align: center; margin-bottom: 0.5em; } .eventWrapper > h1 { text-align: center; padding: 0 0 0.3em; margin-bottom: 0; } @media screen and (min-width: 751px) { .eventWrapper > h1 { padding: 0 2em 0.5em; } } @media screen and (min-width: 751px) { .eventWrapper .backLink { position: absolute; top: 14px; z-index: 1; } } @media screen and (max-width: 750px) { .eventWrapper .backLink { margin-bottom: 1em; display: block; } } .eventWrapper .backLink i { font-size: 0.8em; color: #aba07a; } .eventWrapper .backLink .eventsBackButton { color: #aba07a; font-family: "Karla", sans-serif; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 1em; } .eventWrapper .event-description { margin: 2em auto 1em; max-width: 700px; } #v65-CalendarEventTable { margin: 1em 0; width: 100%; } #v65-CalendarEventTable td { padding: 4px 10px 4px 2px; } #v65-CalendarEventTable tr td strong { font-weight: normal; } #v65-CalendarEventTable tr td:first-child { color: #252525; font-family: "Prata", serif; } #v65-CalendarEventTable tr td:last-child { text-align: right; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } @media screen and (min-width: 1401px) { .videoWrapper { margin: 0 auto; max-width: 700px; padding-bottom: 399px; } } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .v65-featureRight, .v65-right, .v65-featureLeft, .v65-left, .v65-border { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .v65-recipe { max-width: 900px; border-bottom: 3px double #d6d4d2; text-align: left; padding: 1.5em 0; position: relative; margin: 0 auto; } .v65-recipe .v65-recipe-date { color: #aba07a; font-family: "Cookie", cursive; font-size: 1.7em; font-style: normal; margin-bottom: 0.35em; } .v65-recipe .v65-recipe-photo { position: static; } @media screen and (min-width: 551px) { .v65-recipe .v65-recipe-photo { float: left; width: 22%; } } .v65-recipe .v65-recipe-info { margin-left: 0; } @media screen and (min-width: 551px) { .v65-recipe .v65-recipe-info { float: left; margin-left: 3%; width: 69%; } } .v65-recipe .v65-recipe-title { font-size: 1.5em; } .v65-recipe .recipe-arrow { -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 0 10px; position: absolute; right: 0; bottom: 32px; } @media screen and (max-width: 700px) { .v65-recipe .recipe-arrow { display: none; } } .v65-recipe .recipe-arrow:hover, .v65-recipe .recipe-arrow:focus, .v65-recipe .recipe-arrow:active { transform: translateX(10px); } .v65-recipe .recipe-arrow a { color: #9c1b1b; } .v65-recipe-drilldown { padding-bottom: 3em; } .v65-recipe-drilldown-subtitle { color: #252525; font-family: "Prata", serif; font-size: 1.3em; font-style: normal; margin: 1em 0 0.5em; text-transform: initial; } .v65-recipe-drilldown-right { float: left; margin-left: 0; text-align: center; width: 38%; } @media screen and (max-width: 1000px) { .v65-recipe-drilldown-right { float: none; max-width: 500px; margin: 0 auto; width: 100%; } } .v65-recipe-drilldown-right .v65-recipe-attributeLabel { color: #252525; font-family: "Karla", sans-serif; font-size: 0.9em; font-style: normal; font-weight: normal; letter-spacing: 0.5px; text-transform: uppercase; } .v65-recipe-drilldown-right .v65-recipe-attributeValue { font-size: 16px; } .v65-recipe-drilldown-left { float: left; margin-left: 6%; width: 56%; } @media screen and (max-width: 1000px) { .v65-recipe-drilldown-left { float: none; margin: 0 auto; width: 100%; } } .v65-recipe-drilldown-related-products { border-top: 2px solid #d6d4d2; margin-top: 3em; } .v65-recipe-drilldown-related-products .v65-product-title { font-size: 1.15em; } .nivoSlider { margin: 0 auto; max-width: 900px; } .nivo-directionNav a { width: 26px; height: 26px; background: url(//cdn.nexternal.com/images/gallery-arrows.png) no-repeat; } a.nivo-nextNav { background-position: -26px 0px; } /* ----- c. Store Styles ----- */ @media screen and (max-width: 725px) { #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo, #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo, #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode, #v65-fieldset-usernamePassword { width: 98%; } } @media screen and (max-width: 720px) { .print { margin: 0 10px; } } .dotted { display: none; } .v65-productGroup-teaser { max-width: 600px; margin: 0 auto 3em; text-align: center; width: 100%; } @media screen and (max-width: 750px) { .v65-productGroup .v65-clear { display: none; } } .v65-productGroup .v65-clear.productGroup-2Up-rowClear { display: none; } @media screen and (min-width: 581px) and (max-width: 599px) { .v65-productGroup .v65-clear.productGroup-2Up-rowClear { display: block; } } .v65-productGroup .v65-clear.productGroup-3Up-rowClear { display: none; } .v65-productGroup .v65-product-title.v65-title { font-size: 1.15em; } .v65-productGroup .v65-subtitle { font-size: 1.6em; } @media screen and (min-width: 580px) and (max-width: 1000px) { .v65-productGroup-product { width: 48%; } } .v65-productGroup-product .v65-product-addToCart-priceWrapper { margin-bottom: 20px; } .v65-productGroup-product .v65-product-teaser { font-size: 93%; } .v65-productGroup-product .v65-product-reviewStats { height: initial; } #v65-clubFormWrapper form .v65-clubChoice { line-height: 1.5; } .v65-club { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 5px ridge #aba07a; float: left; margin: 1em 2%; padding: 30px 2% 10px; width: 46%; } @media screen and (max-width: 940px) { .v65-club { margin: 1em 0; padding: 30px 5% 10px; width: 100%; } } .v65-club .v65-clubTeaser { border-bottom: 0; padding: 0; } .v65-club .v65-clubTeaser p { margin-bottom: 0.5em; } .v65-club .v65-clubTitle { font-size: 1.5em; margin-bottom: 1em; } .v65-club .v65-clubJoin { margin: 1em 0; } .club-one-third-center .v65-club, .club-one-third-left .v65-club { width: 31.33%; margin: 1em 1%; } @media screen and (max-width: 940px) { .club-one-third-center .v65-club, .club-one-third-left .v65-club { margin: 1em 0; width: 100%; } } .club-half-center .v65-club, .club-half-left .v65-club { width: 46%; } @media screen and (max-width: 940px) { .club-half-center .v65-club, .club-half-left .v65-club { margin: 1em 0; width: 100%; } } .club-full-center .v65-club, .club-full-left .v65-club { float: none; margin: 1em auto; max-width: 950px; width: 100%; } .club-one-third-center .v65-club, .club-half-center .v65-club, .club-full-center .v65-club { text-align: center; } .club-one-third-center .v65-club li, .club-half-center .v65-club li, .club-full-center .v65-club li { list-style-position: inline; } .club-full-left .v65-club { max-width: initial; } .v65-clubSignUp-Teaser { display: none; } .v65-product-actionMessage, .v65-product-reviewStats { margin-bottom: 0.5em; } .v65-product-addToCart-price { color: #252525; font-size: 0.9em; } .v65-product-addToCart-unitDescription { color: #8a8a8a; bottom: 0; font-size: 0.9em; } .v65-paging, .v65-pagingBottom { border: 0; } .v65-product-inventoryMessage { color: #8e8e8e; } .v65-product-availability { color: #B7B7B7; margin-bottom: 1em; } .v65-product-teaser { margin-top: 1em; margin-bottom: 1em; } .v65-product-teaser p { margin-bottom: 0; } .v65-product-description { max-width: 750px; margin: 0 auto 1.5em; text-align: left; } .v65-product-description p, .v65-product-teaser p { margin-bottom: 0.5em; } .v65-productList th { background: transparent; border-color: #e9e4e1; font-family: "Prata", serif; font-weight: normal; font-size: 1.2em; } .v65-productList tr:hover { background: #e9e4e1; } .v65-productList tr.alternatRow { background: transparent; } .v65-productList tr.alternatRow:hover { background: #e9e4e1; } .v65-productList td { border-color: #e9e4e1; } .v65-product1Up { margin: 1.5em auto; max-width: 750px; } @media screen and (max-width: 580px) { .v65-product1Up .v65-product-photo { margin-right: 4%; width: 21%; } } .v65-product2Up .v65-product-photo { margin: 0 2%; } .v65-product1UpStore { border-bottom: 1px solid #e7e2de; margin-bottom: 3em; padding-bottom: 2em; } @media screen and (max-width: 580px) { .v65-product1UpStore .v65-product-photo { margin-right: 3%; width: 16%; } } @media screen and (max-width: 580px) { .v65-product1UpStore .v65-product-infoWrapper, .v65-product1UpStore .v65-product-commerceWrapper { width: 81%; } } @media screen and (max-width: 600px) { .v65-product3Up { margin: 1em 0; width: 100%; } } .v65-product3Up .v65-product-addToCart-priceWrapper { display: inline-block; } .v65-product2Up .v65-product-addToCart-priceWrapper, .v65-product3Up .v65-product-addToCart-priceWrapper, .v65-product5Up .v65-product-addToCart-priceWrapper { margin-bottom: 0.75em; } @media screen and (max-width: 1275px) { .v65-product2Up .v65-product-addToCart-priceWrapper, .v65-product3Up .v65-product-addToCart-priceWrapper, .v65-product5Up .v65-product-addToCart-priceWrapper { display: block; } } .v65-product2Up .v65-product-teaser, .v65-product3Up .v65-product-teaser, .v65-product5Up .v65-product-teaser, .v65-product1Up .v65-product-teaser, .v65-product1UpStore .v65-product-teaser { font-size: 93%; } .v65-product-addToCart-priceWrapper { font-family: "Prata", serif; } @media screen and (max-width: 835px) { .v65-productWrapper { padding: 1em; } } .v65-productWrapper .v65-product-leftCol { margin-top: 1em; } @media screen and (max-width: 580px) { .v65-productWrapper .v65-product-photo img { max-height: 350px; } } .v65-productWrapper h1 { font-size: 3em; float: none; width: 100%; } @media screen and (max-width: 920px) { .v65-productWrapper h1 { font-size: 2.25em; } } @media screen and (max-width: 770px) { .v65-productWrapper h1 { font-size: 2em; } } .v65-productWrapper .v65-product-subtitle { font-size: 0.8em; font-family: "Cookie", cursive; text-transform: initial; letter-spacing: 0; } .v65-productWrapper .v65-product-addToCart .v65-addToCart { border: 0; } .v65-productWrapper .v65-product-rightCol { text-align: center; } .v65-productWrapper .v65-product-socialBar { margin: 2.5em 0 1em; } .v65-productWrapper .v65-socialMediaBar-Facebook, .v65-productWrapper .v65-socialMediaBar-Twitter, .v65-productWrapper .v65-socialMediaBar-GooglePlusOne, .v65-productWrapper .v65-socialMediaBar-Pinterest, .v65-productWrapper .v65-socialMediaBar-ShareThis, .v65-productWrapper .v65-socialMediaBar-Email, .v65-productWrapper .v65-socialMediaBar-FacebookLikeButton { float: none; display: inline-block; } .v65-productWrapper .v65-product-reviewStats { margin: 1.5em 0 0.5em; } .wineSpecs, .wineProfile { border-bottom: 1px solid #d6d4d2; max-width: 750px; margin: 0 auto; padding: 15px 0; text-align: left; } .wineSpecs .v65-wine-specs-title, .wineSpecs .v65-wine-profile-title, .wineProfile .v65-wine-specs-title, .wineProfile .v65-wine-profile-title { cursor: pointer; font-size: 1.2em; margin-left: 10px; position: relative; } .wineSpecs .v65-wine-specs-title:after, .wineSpecs .v65-wine-profile-title:after, .wineProfile .v65-wine-specs-title:after, .wineProfile .v65-wine-profile-title:after { content: "\e097"; color: #aba07a; font-family: 'icomoon'; font-size: 0.7em; position: absolute; bottom: 3px; right: 12px; } .wineSpecs.opened .v65-wine-specs-title:after, .wineSpecs.opened .v65-wine-profile-title:after, .wineProfile.opened .v65-wine-specs-title:after, .wineProfile.opened .v65-wine-profile-title:after { content: "\e096"; } .wineSpecs .v65-wine-specs, .wineSpecs .v65-wine-profile, .wineProfile .v65-wine-specs, .wineProfile .v65-wine-profile { margin-left: 10px; } .wineSpecs { border-top: 1px solid #d6d4d2; width: 100%; } @media screen and (max-width: 860px) { .wineSpecs { margin-right: 0; width: 100%; } } .wineSpecs .v65-wine-specs .v65-product-attribute { font-size: 1em; margin: 0.5em 0; } .wineSpecs .v65-product-attributeLabel { color: #4e4937; display: inline-block; font-family: "Karla", sans-serif; font-size: 0.95em; font-weight: normal; float: none; margin: 0 7px 0 0; letter-spacing: 0.5px; text-transform: uppercase; width: initial; } .wineSpecs .v65-product-attributeValue { display: inline-block; float: none; margin: 0; width: initial; } .wineSpecs .v65-wine-specs { display: block; display: none; overflow: hidden; } .wineProfile { width: 100%; } .wineProfile .v65-wine-profile { display: block; display: none; overflow: hidden; margin-bottom: 0; } @media screen and (max-width: 860px) { .wineProfile .v65-wine-profile { width: 100%; } } .wineProfile .v65-wine-profile .v65-product-attribute { margin: 0.75em 0; } .wineProfile .v65-wine-profile .v65-product-attributeLabel { color: #4e4937; font-family: "Karla", sans-serif; font-size: 0.95em; font-weight: normal; letter-spacing: 0.5px; margin-bottom: 0.5em; text-transform: uppercase; width: initial; } .bottomProductInfo { background: url(//cdn.nexternal.com/images/texture-cream.jpg); border-top: 1px solid #ded6d0; margin-top: 7em; } .productReviews { float: left; margin: 4em 0; width: 100%; } @media screen and (max-width: 860px) { .productReviews { padding-top: 3em; } } .productReviews .v65-ProductRating .v65-form legend { font-size: 1.5em; } .productReviews .v65-product-reviews .v65-product-review-wrapper { border-color: #d6d4d2; max-width: 650px; margin: 3em auto 0; } .productReviews .v65-product-reviews-title.v65-title { font-size: 2em; text-align: center; } .productReviews .v65-ProductRating p { text-align: center; } .productReviews .v65-ProductRating .v65-form { margin: 3em auto 1em; } .productReviews .v65-ProductRating .v65-form legend { color: #4e4937; font-family: "Karla", sans-serif; font-size: 1em; letter-spacing: 0.5px; text-transform: uppercase; width: initial; } .v65-product-relatedProducts { float: left; padding: 2em 0; width: 100%; } .v65-product-relatedProducts .v65-product-relatedProducts-title.v65-title { font-size: 2em; margin-top: 1em; text-align: center; } .v65-product-relatedProducts:first-child { border: 0; } .v65-product-relatedProducts .v65-product-addToCart-priceWrapper { font-size: 0.8em; margin-bottom: 10px; } .v65-product-relatedProducts .v65-product-relatedProducts-product { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 1em 1%; } @media screen and (max-width: 870px) { .v65-product-relatedProducts .v65-product-relatedProducts-product { width: 100%; } } .v65-product-relatedProducts .v65-product-relatedProducts-product:first-child { border-left: 0; border-top: 0; } .v65-product-relatedProducts .v65-product-relatedProducts-product .v65-title { font-size: 1.2em; } .v65-product-relatedProducts .v65-product-relatedProducts-product .v65-product-addToCart-priceWrapper { font-size: 0.95em; } .v65-product-relatedProducts .v65-product-relatedProducts-product .v65-product-photo img { max-height: 200px; } div#v65-LoginFormWrapper fieldset { border: 0; } #v65-modalViel { background-color: #000; opacity: 0.6; filter: alpha(opacity=6); -moz-opacity: 0.6; } #v65-modalContentHeader { background: transparent; height: initial; } a.modalLinkBtn.modalClose, a.modalLinkAltBtn.modalClose { background: transparent; } a.modalLinkBtn.modalClose:hover, a.modalLinkBtn.modalClose:focus, a.modalLinkBtn.modalClose:active, a.modalLinkAltBtn.modalClose:hover, a.modalLinkAltBtn.modalClose:focus, a.modalLinkAltBtn.modalClose:active { background: transparent; } a.modalLinkBtn.modalClose span, a.modalLinkAltBtn.modalClose span { padding: 1em; } a.modalLinkBtn.modalClose i, a.modalLinkAltBtn.modalClose i { color: #252525; font-size: 1.5em; } a.modalLinkAltBtn.modalClose span { padding: 0; } div#v65-modalCartBody { background: #f2efed; border-color: #e3ddd8; } div#v65-modalCartBody .right { margin-bottom: 0.75em; } #v65-modalCartDropdown { border-color: #E6E6E6; } @media screen and (max-width: 580px) { #v65-modalCartDropdown { top: 3em; } } #v65-modalCartTable strong { font-weight: normal; -ms-word-break: break-word; word-break: break-word; } #v65-modalCartTable th, #v65-modalCartTable #v65-modalCartTableSubtotal td { background-color: transparent; font-size: 1em; font-weight: normal; } #v65-modalCartTable #v65-modalCartTableSubtotal td { padding: 2px 0; } #v65-modalCartTable td { border: 0; padding: 7px 1px; } #v65-modalCartTable th { border-top: 0; font-size: 0.8em; } .v65-form#v65-loginForm legend { margin-bottom: 1em; } #v65-modalContent .v65-form#v65-loginForm { margin: 0 auto; } #v65-modalContent .v65-form#v65-loginForm legend { font-size: 1.7em; text-align: center; } #v65-modalContent p { margin-bottom: 0.5em; } .v65-product-quickView { border: 1px solid #d6d4d2; border-radius: 0; font-size: 16px; font-weight: bold; margin-left: -61px; padding: 14px 5px; text-transform: uppercase; } @media screen and (max-width: 550px) { .v65-product-quickView { display: none !important; } } .v65-quickView { background: #fdfcfc; border: 1px solid #d6d4d2; border-radius: 0; box-shadow: none; } .v65-quickView .v65-product-tabs .last a, .v65-quickView .v65-quickView-close a { border-radius: 0; } .v65-quickView .v65-product-title { margin: 0.5em 0; } .v65-quickView .v65-quickView-close { top: 15px; right: 15px; } .v65-quickView .v65-quickView-close a { font-size: 12px; padding: 6px 15px; text-transform: uppercase; } .v65-quickView .modalClose a { background: transparent; padding: 0; } .v65-quickView .modalClose a:hover, .v65-quickView .modalClose a:focus, .v65-quickView .modalClose a:active { background: transparent; } .v65-quickView .modalClose a i { color: #252525; font-size: 2em; } .v65-quickView .v65-product-tabs { border-bottom: 0; } .v65-quickView .v65-product-tabs li a { color: #4e4937; background: #fdfcfc; border: 0; font-weight: normal; font-family: "Karla", sans-serif; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 30px 0 0; } .v65-quickView .v65-product-tabs li a:hover, .v65-quickView .v65-product-tabs li a:focus, .v65-quickView .v65-product-tabs li a:active { outline: none; } .v65-quickView .v65-product-tab-active { border: 0; padding: 25px 0; } .v65-quickView .v65-product-tab-active a { color: #aba07a; } .v65-quickView .v65-product-tabRightcol { float: none; width: 100%; } .v65-quickView .v65-product-tabRightcol .v65-wine-specs-title { text-align: left; } .v65-quickView .v65-product-tabRightcol .v65-wine-specs { margin-bottom: 1em; } .v65-quickView .v65-product-tabRightcol .v65-wine-specs .v65-product-attributeLabel, .v65-quickView .v65-product-tabRightcol .v65-wine-specs .v65-product-attributeValue { width: initial; text-align: left; } .v65-quickView .v65-wine-specs .v65-product-attributeLabel, .v65-quickView .v65-wine-profile .v65-product-attributeLabel { color: #4e4937; font-family: "Karla", sans-serif; font-size: 0.95em; font-weight: normal; letter-spacing: 0.5px; text-transform: uppercase; } .v65-quickView .v65-product-tab .v65-title { display: none; } .v65-quickView .v65-product-review-wrapper { border-bottom: 0; } .v65-quickView .v65-product-review-wrapper .v65-product-review-avatar { display: none; } .v65-quickView .v65-product-review-wrapper .v65-product-review-comment-wrapper { margin-left: 0; } .v65-quickView .v65-product-review-wrapper .v65-product-review-reviewerName { color: #252525; font-size: 1em; } .v65-product-attributeLabel { font-weight: normal; } #v65-cartCheckOutCoupons legend { font-size: 1em; } #v65-cartCheckOutCoupons form { width: 300px; } #v65-cartCheckOutCoupons #v65-CouponCode { height: 2em; line-height: 2em; width: 150px !important; } #v65-cartCheckOutCoupons button.modalBtn { line-height: 2em; height: 2em; } @media screen and (max-width: 580px) { #v65-cartCheckOutCoupons button.modalBtn { font-size: 0.6em; line-height: 2.5em; height: 2.5em; } } #v65-cartCheckOutCoupons button.modalBtn span { padding: 0 1em; } @media screen and (max-width: 800px) { #v65-cartTable { font-size: 90%; } } #v65-cartTable th, #v65-cartTable #v65-cartSubtotal td, #v65-cartTable .v65-cartTax td, #v65-cartTable #v65-cartTotal td { background-color: transparent; } @media screen and (min-width: 581px) { #v65-cartTable button span { padding: 0 1em; } } @media screen and (max-width: 580px) { #v65-cartTable button span { padding: 0 5px; } } #v65-cartTable button.modalBtn, #v65-cartTable button.altModalBtn { height: 2em; } @media screen and (max-width: 580px) { #v65-cartTable button.modalBtn, #v65-cartTable button.altModalBtn { font-size: 0.8em; } } #v65-cartTable a.modalLinkBtn, #v65-cartTable a.modalLinkAltBtn { font-size: 0.8em; } #v65-cartTable .v65-cartItemDescription { word-break: break-word; } #v65-cartTable .v65-cartItemDescription .v65-cartItemDescription-sku .small { display: none; } #v65-cartTable td, #v65-cartTable th { font-weight: normal; } .v65-cartItem td, #v65-cartTable th, #v65-cartSubtotal td, #v65-cartTable #v65-cartTotal td { border-color: #e3ddd8; } #v65-reviewClubSummaryWrapper, #v65-signUpClubSummaryWrapper, #v65-checkoutCartSummaryWrapper { background: transparent; border-color: #dbdbdb; } #v65-reviewClubSummaryWrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 500px; max-width: 100%; } #v65-checkoutCartSummaryWrapper { position: static; } @media screen and (min-width: 726px) { #v65-checkoutCartSummaryWrapper { float: right; } } #v65-checkoutCartSummaryWrapper #v65-checkCartSummaryMoreOptions, #v65-checkoutCartSummaryWrapper #v65-checkoutCartSummaryMini { font-size: 15px; margin: 0 2%; width: 96%; } #v65-checkoutCartSummaryWrapper #v65-checkoutCartSummaryMini { border-bottom: 2px solid #aba07a; margin-bottom: 1em; } #v65-checkoutCartSummaryWrapper #v65-couponFormWrapper legend, #v65-checkoutCartSummaryWrapper #v65-giftCardFormWrapper legend { color: #4e4937; font-family: "Karla", sans-serif; font-size: 0.9em; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 0; } #v65-checkoutCartSummaryWrapper #v65-couponFormWrapper div, #v65-checkoutCartSummaryWrapper #v65-giftCardFormWrapper div, #v65-checkoutCartSummaryWrapper #v65-checkoutCartSummaryMini td { font-size: 15px; line-height: 1.5; } #v65-checkoutCartSummaryWrapper #v65-CouponCode, #v65-checkoutCartSummaryWrapper #v65-GiftCode { height: 2.7em; line-height: 2.7em; width: 60% !important; } @media screen and (min-width: 581px) { #v65-checkoutCartSummaryWrapper #v65-CouponCode, #v65-checkoutCartSummaryWrapper #v65-GiftCode { height: 2em; line-height: 2em; } } #v65-checkoutCartSummaryWrapper .v65-rowOverline td { border: 0; } #v65-checkoutFormWrapper, #v65-clubFormWrapper { font-size: 0.9em; } #v65-checkoutFormWrapper .v65-form, #v65-clubFormWrapper .v65-form { max-width: initial; } #v65-signUpClubSummaryWrapper { float: right; position: static; } .v65-rowOverline td { border-color: #c8c8c8; } .v65-memberAllocationWrapper { border-bottom: 0; } .v65-memberAllocationWrapper .v65-allocationEndDate, .v65-memberAllocationWrapper .v65-allocationMinBottlesPerOrder, .v65-memberAllocationWrapper .v65-allocationMaxBottlesPerOrder { display: block; text-align: left; } .v65-memberAllocationWrapper h2 { font-size: 2em; text-align: left; } .v65-memberAllocationWrapper .v65-memberAllocationTeaser h3 { font-size: 1.75em; } .v65-memberAllocationWrapper .v65-memberAllocationTeaser h1, .v65-memberAllocationWrapper .v65-memberAllocationTeaser h2, .v65-memberAllocationWrapper .v65-memberAllocationTeaser h3, .v65-memberAllocationWrapper .v65-memberAllocationTeaser h4, .v65-memberAllocationWrapper .v65-memberAllocationTeaser h5, .v65-memberAllocationWrapper .v65-memberAllocationTeaser h6, .v65-memberAllocationWrapper .v65-memberAllocationTeaser a { text-align: left; } .v65-memberAllocationWrapper .v65-memberAllocationTeaser .v65-storeAllocationSKU { display: block; } .v65-memberAllocationWrapper .v65-memberAllocationTeaser .v65-memberAllocationTable { font-size: 14px; } .membersPages .pageContent { max-width: 950px; margin: 0 auto; } .v65-memberClubDescription { padding: 0; } .v65-product-addToCart-quantity, .v65-product-addToCart-button { display: none; } /* =================================================================================================== 5. Blog ======================================================================================================== */ @media screen and (min-width: 781px) { .blogContent { float: left; padding-right: 5%; width: 70%; } } @media screen and (max-width: 780px) { .blogContent { float: none; padding-right: 0; width: 100%; } } .blogContent .v65-avatar img { display: none; } .blogContent .v65-blogPost { border-bottom: 2px solid #d6d4d2; margin-left: 0; } .blogContent .v65-blogPostDate { color: #aba07a; font-family: "Cookie", cursive; font-size: 1.75em; } .blogContent h2 a { color: #252525; } .blogContent h2 a:hover { color: #252525; } h3.v65-blogCommentsTitle { font-size: 1.5em; } .blogFilterWrapper { margin-top: 2em; width: 25%; float: left; padding-top: 2em; } @media screen and (max-width: 780px) { .blogFilterWrapper { float: none; width: 100%; } } .blogFilterWrapper ul { list-style: none; padding: 0; } .blogFilterWrapper li { font-size: 16px; } .blogFilterWrapper .blogFilter { float: left; width: 100%; } .blogFilterWrapper .blogFilter h5 { text-transform: none; } /* =================================================================================================== 6. Buttons ======================================================================================================== */ button span { padding: 0 1em; font-size: 0.8em; } @media screen and (min-width: 581px) { button span { padding: 0 2em; } } button.defaultBtn, button.modalBtn, button.largeBtn { background: #9c1b1b; letter-spacing: 0.5px; border-radius: 3px; text-transform: uppercase; text-decoration: none; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-width: 580px) { button.defaultBtn, button.modalBtn, button.largeBtn { font-size: 0.9em; } } button.defaultBtn span, button.modalBtn span, button.largeBtn span { background: none; height: auto; line-height: inherit; } @media screen and (min-width: 581px) { button.defaultBtn span, button.modalBtn span, button.largeBtn span { padding: 0 2em; } } button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active { background: #861717; } button.modalBtn, button.altModalBtn { height: 2.5em; line-height: inherit; } button.altBtn, button.altModalBtn, button.altLargeBtn { background: #b1b1b1; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } button.altBtn span, button.altModalBtn span, button.altLargeBtn span { background: none; height: auto; line-height: inherit; } button.altBtn:hover, button.altBtn:active, button.altModalBtn:hover, button.altModalBtn:active, button.altLargeBtn:hover, button.altLargeBtn:active { background: #a4a4a4; } /* a span { padding: 0 1em; font-size: 0.8em; height: auto; line-height: inherit; } @media screen and (min-width: 581px) { a span { padding: 0 2em; } } */ a.linkBtn, a.modalLinkBtn, a.largeLinkBtn { background: #9c1b1b; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span { background: none; height: auto; line-height: inherit; } @media screen and (min-width: 581px) { a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span { padding: 0 2em; } } a.linkBtn:hover, a.linkBtn:active, a.modalLinkBtn:hover, a.modalLinkBtn:active, a.largeLinkBtn:hover, a.largeLinkBtn:active { background: #861717; } a.largeLinkBtn { font-size: 1.2em; } @media screen and (min-width: 581px) { a.modalLinkBtn span { padding: 0 1em; } } a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { background: #b1b1b1; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; vertical-align: middle; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span { background: none; height: auto; line-height: inherit; } a.linkAltBtn:hover, a.linkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active { background: #a4a4a4; } a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { min-width: auto; } /* =================================================================================================== 7. Footer ======================================================================================================== */ footer { color: #676359; background: #191919; font-size: 17px; float: left; padding: 4em 0 0.5em; position: relative; /* z-index: 1; */ width: 100%; } footer .footerSection { float: left; font-size: 0.9em; margin-left: 3%; width: 22.6%; } @media screen and (min-width: 1051px) { footer .footerSection:first-child { margin-left: 0; } } @media screen and (min-width: 581px) and (max-width: 1050px) { footer .footerSection .v65-pod { max-width: 250px; } } @media screen and (min-width: 750px) and (max-width: 1050px) { footer .footerSection { margin: 1em 2%; width: 46%; } } @media screen and (max-width: 750px) { footer .footerSection { margin: 0 0 1em; width: 100%; } } footer .footerSection h3 { color: #b3ab96; border-bottom: 1px solid #403d38; font-size: 1.1em; letter-spacing: 0.3px; padding-bottom: 9px; } footer .footerSection h3, footer .footerSection p, footer .footerSection nav, footer .footerSection .socialIcons { text-align: left; } @media screen and (max-width: 580px) { footer .footerSection h3, footer .footerSection p, footer .footerSection nav, footer .footerSection .socialIcons { text-align: center; } } footer nav ul { margin: 0; padding: 0; } footer nav li { list-style-type: none; padding: 0; } @media screen and (max-width: 767px) { footer nav li { line-height: 30px; } } footer nav li a { color: #676359; font-size: 15px; display: inline-block; position: relative; } footer nav li a:hover { color: #928d80; } @media screen and (max-width: 767px) { footer nav li a { width: 100%; } } footer a { color: #676359; } footer .socialIcons { padding: 0; margin: 0; } footer .socialIcons li { color: #676359; display: inline-block; list-style-type: none; margin-right: 15px; padding: 0; } footer .socialIcons li a { color: #676359; font-size: 1.4em; padding: 18px 0; } footer .socialIcons li a:hover, footer .socialIcons li a:focus, footer .socialIcons li a:active { color: #928d80; } footer .lowerFooter { float: left; margin-top: 2em; width: 100%; } footer .copyright { color: #524f47; display: block; clear: left; font-size: 0.75em; line-height: 2; } footer .copyright a { color: #524f47; } @media screen and (min-width: 768px) { footer .copyright { float: left; display: inline-block; } } @media screen and (min-width: 551px) { #v65-subscribeWidget input { width: 250px; } } #v65-subscribeWidget .icon-email { padding-right: 6px; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { left: 0; background: #fff; height: 100% !important; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(//cdn.nexternal.com/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; position: absolute; bottom: 0; padding-bottom: 35px; z-index: 2; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: transparent; text-indent: -9999px; display: block; width: 17px; height: 17px; margin: 0; outline: 0; background-image: url(//cdn.nexternal.com/images/gallery-arrows.png); background-repeat: no-repeat; background-position: left; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { /*background: #fff;*/ background-position: right; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-next { right: 30px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; color: #fff; font-size: 0.8em; position: absolute; top: 50%; margin-top: -22px; padding: 13px 12px 11px; outline: 0; width: 16px; height: 16px; /*text-indent: -9999px;*/ z-index: 9999; -ms-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .bx-wrapper .bx-controls-direction a:hover { border-color: #fff; } .bx-wrapper .bx-prev { right: initial; left: 30px; } @media screen and (max-width: 630px){ .bx-wrapper .bx-controls-direction a { display: none; } } .bx-wrapper .bx-controls-direction a.disabled { display: none; } @media screen and (max-width: 850px){ .bx-wrapper .bx-next { right: 10px; } .bx-wrapper .bx-prev { left: 10px; } } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(//cdn.nexternal.com/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(//cdn.nexternal.com/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* CUSTOM MOBILE STYLES */ @media only screen and (max-width: 1023px) { .headerTop { display: none; } } div.main { background: #f2efed; } @media only screen and (max-width: 950px) { /* body.nocart .mainMenu { top: 102px; } */ .mainMenu { top: 137px } } i.icon-menu { color: #8a8a8a !important; } i.icon-menu:hover { color: #bcbcbb !important; } .nextPrice, .clubPrice { font-family: 'Prata'; } .nextStoreFront .nextCategoryList a { font-family: 'Karla', Roboto; } .copyright { text-align: center; }