.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 arial,helvetica,sans-serif}
.font2small {font: 8pt arial,helvetica,sans-serif}
.font2large {font: 12pt 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 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 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: #fff}
.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/matrix/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/matrix/images/star_full1.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: arial,helvetica,sans-serif}



#ctl00_pnlStore, #divCartContainer {
  background-image: url(//cdn.nexternal.com/matrix/images/blackorchid.png);
}

.nextHeader.ui-bar-a {
	background:#666; /*TOP BANNER*/
}
.nextGallery div {
	display:none;
}
.ui-body-a, .ui-overlay-a {
    font-family:; /*BODY FONT*/
	text-shadow:none;

}
.ui-bar-f,
.ui-bar-d {
    font-family:; /*HEADINGS FONT*/
	text-shadow:none;
	background:none;
	border:none;
	border-bottom:1px solid #CCC;
	font-size:18px;
	padding-left:5px;
}
.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:#b19c61; /*LINK COLOR*/
}
.ui-body-a .nextCategoryList ul a,
.nextGeoTrust,
.nextTrustGuard,
.nextNotification,
#sw-slots {
	color:#fff;
}

/*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;
}
*/

/*----------------------------------------------------------------
	..TOP HTML
------------------------------------------------------------------*/
/*

Theme Name: Matrix Winery
Theme URI: http://progressionstudios.com/
Author: Progression Studios
Author URI: http://themeforest.net/user/ProgressionStudios?ref=ProgressionStudios
Description: Restaurant & Winery Premium Theme
Version: 1.9
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: progression

*/

/*
=============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE ===============================================
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:valid, textarea:valid {}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after, .clear:before, .clear:after {
  content: "";
  display: table;
}

.clearfix:after, .clear:after {
  clear: both;
}

.clearfix, .clear {
  *zoom: 1;
}

.lt-ie8 .clearfix, .lt-ie8 .clear {
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}


/*
=============================================== 02. COLORS AND FONTS ===============================================
*/

body #logo img {
  max-width: 288px;
}


/* -------------------- B. FONT COLORS -------------------- */

body {
  color: #5f6567;
}

a {
  color: #5f757e;
}

a:hover {
  color: #88a5b1;
}

#copyright li a:hover {
  color: #88a5b1;
}

h1, h2, h3, h4, h5, h6 {
  color: #7b7562;
}

#copyright li a {
  color: #aca693;
}


/* -------------------- C. FONT FAMILIES -------------------- */

body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main input.button.checkout-button, body #main button.button, .caption-progression, ul.filter-children li a, #respond input#submit, .sf-menu, .flex-caption, footer #copyright ul, .rock-button, h1, h2, h3, h4, h5, h6, .phone-widget span, .e-mail-widget span, .mobile-widget span, body #main ul.menu-items .grid2column, .pagination a, body #main a.progression-grey {
  font-family: 'Droid Serif', serif;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}


/* -------------------- D. SOCIAL ICONS -------------------- */

/*@font-face {
  font-family: 'JustVector';
  src: url('e/justvectorv2-webfont.eot');
  src: url('social-icons/justvectorv2-webfont.eot?#iefix') format('eot'), url('social-icons/justvectorv2-webfont.woff') format('woff'), url('social-icons/justvectorv2-webfont.ttf') format('truetype'), url('social-icons/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
  font-weight: normal;
  font-style: normal;
}

.social-icons {
  font-family: 'JustVector';
}

.social-icons a {
  display: inline-block;
  font-size: 15px;
  line-height: 11px;
  text-decoration: none;
  margin-right: 0px;
  margin-bottom: 10px;
  position: relative;
  padding: 7px;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}*/


/*
=============================================== 03. PRIMARY STYLES ===============================================
*/


/* -------------------- A. DEFAULT STYLES -------------------- */

body {
  font-size: 15px;
  line-height: 1.8;
  color: #777777;
}

body a img, body a {
  outline: none !important;
  text-decoration: none;
}

#main a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

p {
  padding-top: 0px;
  margin: 0px;
}

p, ul, ol {
  margin-bottom: 15px;
}

ul, ol {
  margin-left: 0px;
  padding-left: 16px;
}

ul li, ol li {
  margin-bottom: 5px;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  line-height: 1.2;
  font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

h1 {
  font-size: 30px;
  margin-bottom: 12px;
}

h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

h3 {
  font-size: 19px;
  margin-bottom: 10px;
}

h4 {
  font-size: 16px;
  margin-bottom: 6px;
}

h5 {
  font-size: 14px;
  margin-bottom: 6px;
}

h6 {
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: bold;
}

.header-underline {
  padding-bottom: 10px;
  margin-bottom: 14px;
}

h5.comments-title, h3#reply-title {
  font-size: 16px;
  margin-bottom: 15px;
}

h5.menu-item-header-wine {
  margin-top: 15px;
}

hr {
  background: transparent;
  border-top: none;
  margin: 20px 0px;
}

ul.checkmark, ul.arrow {
  padding-left: 0px;
}

ul.checkmark li, ul.arrow li {
  list-style: none;
  padding-left: 18px;
}

ul.checkmark li {
  background: url(//cdn.nexternal.com/matrix/images/checkmark.png) 0px 2px no-repeat;
}

ul.arrow li {
  background: url(//cdn.nexternal.com/matrix/images/sidebar-arrow.png) -4px 0px no-repeat;
}

.alignright {
  float: right;
  margin: 0 0 15px 20px;
}

.alignleft {
  float: left;
  margin: 0px 20px 15px 0px;
}

.aligncenter {
  text-align: center;
  margin: 0px auto 15px auto;
  display: block;
}

blockquote {
  background: url(//cdn.nexternal.com/matrix/images/blockquote.png) 0px 0px no-repeat;
  padding-left: 40px;
  font-style: italic;
  line-height: 1.8;
}

pre {
  border: 1px solid #ddd;
  padding: 7px 15px;
  background: #fff;
  overflow: auto;
  word-wrap: break-word;
  line-height: 14px;
  margin-bottom: 15px;
}

#main .noborder, #main img.noborder, #main a .noborder img {
  border: none;
}

#main footer a:hover img, #main a:hover img.notransprency, #main .portfolio-single-container a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}

.sticky, .gallery-caption, .bypostauthor {}

.homepage-feature-box {
  overflow: hidden;
  height: 15px;
  width: 25px;
  clear: both;
}

.wine-feature-box {
  overflow: hidden;
  height: 25px;
  width: 25px;
  clear: both;
}

/* -------------------- D. CSS3 TRANSITIONS -------------------- */

a, a img {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  -o-transition: all 400ms ease;
}

body #main a.button, body #main button.single_add_to_cart_button, body #main input.button, body.woocommerce-cart #main input.button.checkout-button, body #main button.button, .wpcf7 input.wpcf7-submit, ul.filter-children li a, .sf-menu a, .rock-button, input.button, #respond input#submit, body #main a.progression-grey {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  transition: all 250ms ease;
  -o-transition: all 250ms ease;
}

.flex-control-paging li a {
  -webkit-transition-duration: 0ms !important;
  -moz-transition-duration: 0ms !important;
  -o-transition-duration: 0ms !important;
  transition-duration: 0ms !important;
}

/*
=============================================== 04. MAIN CONTAINERS ===============================================
*/


/* -------------------- A. HEADER STYLES -------------------- */

/*body.admin-bar header {
  top: 28px;
}*/

header {
  z-index: 15;
  height: 170px;
  position: absolute;
  top: 35px;
  width: 100%;
  background: url(//cdn.nexternal.com/matrix/images/header.png) top left repeat-x;
}

body #main header {
  height: auto;
  position: static;
  background: none;
}

header .width-container {
  position: relative;
}

body #logo {
  margin: 0px;
  padding: 0px;
  border: none;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  z-index: 55;
}

body #logo img {
  height: auto;
}

#header-top-bar {
  width: 100%;
  height: 8px;
  position: absolute;
  top: 45px;
  z-index: 8;
  left: 0px;
  opacity: 0.35;
  filter: alpha(opacity=35);
}

#page-title #page-title-divider {
  height: 8px;
  margin-top: -10px;
  position: relative;
  z-index: 8;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

#homepage-slider-container #page-title-divider {
  position: relative;
  top: -8px;
}

.lt-ie8 #page-title #page-title-divider {
  margin-top: -8px;
}


/* -------------------- B. MAIN CONTAINER STYLES -------------------- */

.width-container, #page-title-divider {
  width: 1140px;
  margin: 0 auto;
}

#main {
  padding: 0px 0px 35px 0px;
}

.widget-area-highlight {
  padding: 35px 0px 35px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
  top: 35px;
}


/* -------------------- C. PAGE TITLE -------------------- */

.paged-title {
  height: 250px;
}

.width-container.paged-title {
  position: relative;
}

#page-title h1 {
  position: absolute;
  color: #ffffff;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
  bottom: -10px;
  left: 0px;
  padding: 0px 30px 20px 30px;
  z-index: 9;
}

.lt-ie8 #page-title h1 {
  bottom: -12px;
}


/*
=============================================== 05. FOOTER STYLES ===============================================
*/

#footer-widgets .widget {
  font-size: 12px;
}

#copyright {
  border-top-style: solid;
  border-top-width: 6px;
  padding: 20px 0px 20px 0px;
  width: 100%;
  overflow: hidden;
}

footer #copyright ul {
  margin: 0px;
  padding: 24px 0px 24px 0px;
  float: right;
  font-style: italic;
}

#footer-text {
  font-size: 12px;
  padding: 5px 0px;
}

footer #copyright ul a {
  text-decoration: none;
}

footer #copyright ul li {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline;
  float: left;
  display: inline-block;
  padding-right: 15px;
  margin-right: 15px;
}

footer #copyright ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

#copyright .lastcolumn {
  text-align: right;
}

#footer-widgets .widget {
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

#footer-widgets .footer-1-column .widget {
  width: 98%;
}

#footer-widgets .footer-2-column .widget {
  width: 47%;
}

#footer-widgets .footer-3-column .widget {
  width: 30%;
}

.lt-ie8 #footer-widgets .footer-3-column .widget {
  width: 29.5%;
}

#footer-widgets .footer-4-column .widget {
  width: 22%;
}

/*
=============================================== 09. WIDGET STYLES ===============================================
*/

/*#searchform .assistive-text {
  display: none;
}

#searchform input {
  width: 145px;
  margin-right: 5px;
}

#searchform input.submit {
  width: auto;
  margin-right: 0px;
  position: relative;
  bottom: 1px;
}

#flickr-widget ul {
  margin: 0;
  padding: 0;
  background: none;
}

#flickr-widget ul li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  border: none;
  background: transparent;
}

#flickr-widget ul li a {
  display: inline;
  padding: 0px;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  transition: all .6s ease;
}

#flickr-widget ul li img {
  width: 29%;
  height: 29%;
  margin: 0px 4% 4% 0px;
}

#flickr-widget ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.wpcf7 input {
  margin-top: 10px;
  width: 60%;
}

.wpcf7 textarea {
  margin-top: 10px;
  width: 80%;
}

.wpcf7 input.wpcf7-submit {
  margin-top: 0px;
  width: auto;
}

#main .progression-etabs {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ddd;
}

#main .progression-tab {
  margin-right: -6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  border: solid 1px #ddd;
  border-width: 1px 1px 0 1px;
  background: #f5f5f5;
}

#main .progression-tab a {
  font-size: 14px;
  line-height: 2em;
  display: block;
  padding: 5px 15px 3px 15px;
  outline: none;
  text-decoration: none;
}

#main .progression-tab.active {
  padding-top: 5px;
  position: relative;
  top: 1px;
  background: #fff;
}

#main .progression-tab-container div {
  background: #ffffff;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 20px;
}

#main .progression-tab-container ul li {
  margin-bottom: 0px;
}

#wp-calendar th {
  padding: 3px 0;
  text-align: center;
}

#wp-calendar td {
  padding: 4px 0;
  text-align: center;
}

#wp-calendar {
  width: 90%;
}

#wp-calendar a {
  font-weight: bold;
  text-decoration: underline;
}*/


/* --- Twitter --- */

/*#tweets-sidebar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 12px;
  position: relative;
}

#tweets-sidebar:before {
  content: "";
  position: absolute;
  bottom: -10px;
  z-index: 1;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

a.twitter-widget-from {
  margin-top: 5px;
  padding: 10px 5px 8px 40px;
  background: url(//cdn.nexternal.com/matrix/images/twitter.png) 14px 10px no-repeat;
  text-decoration: none;
  float: right;
  display: inline-block;
}

#jtwt {
  padding: 5px 0px 10px 0px;
}

#sidebar #jtwt img {
  border: none;
}

#jtwt_picture {
  float: left;
  padding: 0px 5px 20px 0px;
  display: none;
}

a#jtwt_date {
  font-size: 10px;
  padding-top: 3px;
  font-style: italic;
  display: block;
  text-align: right;
}*/


/* --- MailChimp Form --- */

/*#mc_embed_signup label {
  display: block;
  padding-bottom: 15px;
}

#mc_embed_signup input#mce-EMAIL {
  float: left;
  width: 138px;
}

#mc_embed_signup input.button {
  float: right;
  width: auto;
}*/


/* --- Contact Us Icons --- */

/*.phone-widget {
  margin-top: 7px;
}

.e-mail-widget, .mobile-widget {
  margin-top: 5px;
}

.phone-widget span, .e-mail-widget span, .mobile-widget span {
  font-style: italic;
  font-weight: bold;
}

.homepage-widget .social-icons, #sidebar .social-icons {
  margin-top: 12px;
}*/


/* --- Opening Hours --- */

/*body ul#open-hours {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

body ul#open-hours li {
  margin-bottom: 6px;
}

body ul#open-hours li .date-day {
  font-weight: bold;
}

body ul#open-hours li .hours-date {
  text-align: right;
  font-size: 12px;
}*/

/*
=============================================== 12. NAVIGATION ===============================================
*/


/* -------------------- A. ESSENTIAL STYLES -------------------- */


/*** ESSENTIAL STYLES ***/

nav select {
  display: none;
}

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
  left: 0;
  top: 65px;
  /* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}


/* -------------------- B. MENU HEIGHT AND PADDING -------------------- */

.sf-menu a {
  padding: 75px 15px 24px 15px;
}


/* Top Menu Size */

body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {
  top: 115px;
}


/* Move sub-menu down */


/* -------------------- C. DEMO SKIN -------------------- */

nav {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 4;
}

.sf-menu a {
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  transition: all .4s ease;
  -o-transition: all .4s ease;
  text-decoration: none;
  line-height: 1;
}


/* DEFAULT LINK  */

.sf-menu a, .sf-menu a:visited {
  text-shadow: none;
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.sf-menu ul {
  background: #6c858a;
}


/* DEFAULT LINK HOVER AND SELETED  */

.sf-menu li.current-menu-item {
  background: #6c858a;
}

.sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited {
  color: #ffffff;
}


/* HOVER BACKGROUND */

.sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited {
  background: #6c858a;
  color: #ffffff;
  display: block;
}

.sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited {
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
  text-shadow: none;
}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited {
  outline: 0;
  -webkit-transition: all .6s ease;
  -moz-transition: all 1s ease;
  transition: all .6s ease;
  -o-transition: all .6s ease;
  background-image: url(//cdn.nexternal.com/matrix/images/transparency-fallback.png);
  background: rgba(255, 255, 255, 0.15);
}

.sf-menu li li a {
  padding: 15px 15px;
}

.sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li {
  margin: 0px;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  outline: 0;
}


/*** arrows **/

.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('//cdn.nexternal.com/matrix/images/arrows-ffffff.png') no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a>.sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}


/* apply hovers to modern browsers */

a:focus>.sf-sub-indicator, a:hover>.sf-sub-indicator, a:active>.sf-sub-indicator, li:hover>a>.sf-sub-indicator, li.sfHover>a>.sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}


/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}

.sf-menu ul a>.sf-sub-indicator {
  background-position: 0 0;
}


/* apply hovers to modern browsers */

.sf-menu ul a:focus>.sf-sub-indicator, .sf-menu ul a:hover>.sf-sub-indicator, .sf-menu ul a:active>.sf-sub-indicator, .sf-menu ul li:hover>a>.sf-sub-indicator, .sf-menu ul li.sfHover>a>.sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}


/*** shadows for all but IE6 ***/

.sf-shadow ul {
  background: url('//cdn.nexternal.com/matrix/images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}

.sf-shadow ul.sf-shadow-off {
  background: transparent;
}

/*
=============================================== 13. DEFAULT GRID ===============================================
*/
.grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:3%;  }
.grid2column { width: 48.5%;}
.lt-ie8 .grid2column {width: 48%;  }
.grid3column {width: 31.2%;  }
.lt-ie8 .grid3column {width: 30.5%;  }
.grid3columnbig {width:65.5%;}
.grid4column {width: 22.5%;  }
.lt-ie8 .grid4column {width: 22%;  }
.grid4columnbig {width:74.2%; }


body .lastcolumn {margin-right:0% !important;}


/* --- STYLES BROUGHT IN FROM THE HTML --- */

.sf-menu ul,
.sf-menu li.current-menu-item,
.sf-menu a:hover,
.sf-menu li a:hover,
.sf-menu a:hover,
.sf-menu a:visited:hover,
.sf-menu li.sfHover a,
.sf-menu li.sfHover a:visited {
	background-color: #ceb66a;
}

#header-top-bar,
#page-title-divider {
	background: #ceb66a;
}

#page-title h1 {
	border-bottom: 8px solid #ffffff;
}

.widget-area-highlight {
	background: #494949;
}

#copyright {
	border-top-color: #ceb66a;
}

#tweets-sidebar {
	background: #f2f1ed;
}

#tweets-sidebar:before {
	border-top: 10px solid #f2f1ed;
}

body,
footer,
#main {
	background-color: #f2f1ed;
}

#main img,
#map-contact,
.video-container,
.video-post-image {
	border-bottom: 5px solid #ceb66a;
}

.menu-item-container {
	border-bottom: 4px solid #ceb66a;
}

body ul#open-hours li,
body #main ul.menu-items li,
.type-post {
	border-bottom: 1px dotted #ceb66a;
}

.header-underline {
	border-bottom: 3px solid #ceb66a;
}

#sidebar {
	border-left: 1px dotted #ceb66a;
}

body {
	color: #000;
}

a {
	color: #ceb66a;
}

a:hover,
#copyright li a:hover {
	color: #ceb66a;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #ceb66a;
}

.sf-menu a,
.sf-menu a:visited {
	color: #ffffff;
}

.sf-menu li.current-menu-item a,
.sf-menu li.current-menu-item a:visited,
.sf-menu a:hover,
.sf-menu li a:hover,
.sf-menu a:hover,
.sf-menu a:visited:hover,
.sf-menu li.sfHover a,
.sf-menu li.sfHover a:visited {
	color: #020202;
}

#page-title h1 {
	color: #ceb76b;
}

#copyright li a {
	color: #ceb66a;
}

body #main a.button,
body #main button.single_add_to_cart_button,
body #main input.button,
body.woocommerce-cart #main input.button.checkout-button,
body #main button.button,
.wpcf7 input.wpcf7-submit,
ul.filter-children li a,
a.rock-button,
input.button,
.pagination a,
.social-icons a,
.rock-button,
a .rock-button,
#respond input#submit,
body #main a.progression-grey {
	color: #645f52;
	background: #ffffff;
	border-bottom: 2px solid #ceb66a;
}

.rock-button a {
	color: #645f52;
}

body #main a.button:hover,
body #main button.single_add_to_cart_button:hover,
body #main input.button:hover,
body.woocommerce-cart #main input.button.checkout-button:hover,
body #main button.button:hover,
.wpcf7 input.wpcf7-submit:hover,
ul.filter-children li a:hover,
ul.filter-children li.current_page_item a,
#respond input#submit:hover,
.rock-button:hover,
a.rock-button:hover,
.social-icons a:hover,
input.button:hover,
.pagination a:hover,
.pagination a.selected,
.social-icons a:hover,
body #main a.progression-grey:hover {
	background: #ceb66a;
	color: #ffffff;
	border-bottom: 2px solid #ceb66a;
}

.rock-button:hover a {
	color: #ffffff;
}

/* --- CUSTOM STYLES --- */

li#menu-item-90>ul.sub-menu {
  width: 20.4em !important;
}

li#menu-item-97>ul.sub-menu {
  width: 15.0667em !important;
}

li#menu-item-110>ul.sub-menu {
  width: 15.8em !important;
}

li#menu-item-116>ul.sub-menu {
  width: 9.86667em !important;
}

li#menu-item-119>ul.sub-menu {
  width: 10.7333em !important;
}

.nextLongDescription, #ctl00_cphMain_mpdtDetail_pnlReviewQuestionBody1 {
	color: #fff;
}

.ui-body-a {
	color: #fff;
}

.ui-bar-a {
	background: none; /*TOP BANNER*/
	background-image: none;
	border: none;
}

#ctl00_pnlContent {
	margin-top: 10px;
}

#ctl00_cphMain_midLoginHint_pnlLink {
	margin-bottom: 20px;
}

input, textarea {
	color: #222 !important;
}

.ui-btn-active {
	background: #ceb66a;
}

.clearfixes:before, .clearfixes:after, .clear:before, .clear:after { content: ""; display: table; }
.clearfixes:after, .clear:after { clear: both; }
.clearfixes, .clear { *zoom: 1; }
.lt-ie8 .clearfixes, .lt-ie8 .clear {visibility:hidden; width:0;height:0; clear:both;}

.textwidget, .address-widget, .phone-widget, .e-mail-widget {
	color: #dddddd;
}

.nextShipments hr {
	color: #fff;
	background-color: #fff;
}

.nextCartShowing header{z-index:0}

#footer-text > a {
	visibility: hidden;
}

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Contents
==================================================
01. RETINA STYLES
02. BASE STYLES (1165px)
03. #DESKTOP (960px)
04. #Tablet (Portrait)
05. #Mobile (Portrait)
06. #Mobile (Landscape)
07. TESTING TEXT
*/



/*
=============================================== 01. RETINA STYLES ===============================================
*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
	nav select {background: url(//cdn.nexternal.com/images/select-arrow@2x.png) center right no-repeat; background-size:contain;}
	.flex-control-paging li a {background-image:url(//cdn.nexternal.com/images/slider/bg_bullets@2x.png); background-size:20px 85px;}
	.flex-direction-nav a {background-image: url(//cdn.nexternal.com/images/slider/arrows@2x.png); background-size:68px 69px;}
	a.twitter-widget-from { background-image: url(//cdn.nexternal.com/images/twitter@2x.png) ;  background-size:20px 16px;}

}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* IE7-IE8 Fixes*/
.lt-ie9 .flex-control-paging li a {background-image: url(//cdn.nexternal.com/images/slider/bg_bullets.png); }
.lt-ie9 .flex-direction-nav a {background-image: url(//cdn.nexternal.com/images/slider/arrows.png);}
.lt-ie9 a.twitter-widget-from { background-image: url(//cdn.nexternal.com/images/twitter.png);  }

}




/*
=============================================== 02. BASE STYLES (1165px) ===============================================
*/
/* Note: Design for a width of 1165px */
body:after {content: "Wider than 1165px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */
html {-webkit-text-size-adjust: none;}	/* Removes webkit font resizing */
body {max-width:100%; width:100%; }
img {max-width:100%; height: auto; }
.width-container, #page-title-divider  {-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }

/*
=============================================== 03. #DESKTOP (960px) ===============================================
*/
/* Note: Design for a width of 960px */
@media only screen and (min-width: 959px) and (max-width: 1165px) {
body:after {content: "959px to 1139px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */


.width-container, #page-title-divider  {width:940px;} /* Default Width */

.caption-progression {
	padding-bottom:120px;
	padding-left:80px;
	font-size:28px;
}

#mc_embed_signup input#mce-EMAIL, #searchform input { width:100px;}
.commentlist {width:83%;}

}



/*
=============================================== 04. #Tablet (Portrait) ===============================================
*/
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
body:after {content: "768 to 959px";background-color: hsla(270,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */

/* Default Width */
.width-container, #page-title-divider  { width: 750px; }

.caption-progression {
	padding-bottom:75px;
	padding-left:60px;
	font-size:24px;
}



/* Misc Fixes */
.sf-menu a {padding-right:9px; padding-left:9px;}  /* Top Menu Size */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;}
.commentlist {width:79%;}


}



/*
=============================================== 05. #Mobile (Portrait) ===============================================
*/
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
body:after {content: "0 to 480px"; background-color: hsla(90,60%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */


/* Default Width */
.width-container, #page-title-divider  { width: 300px; }

.caption-progression {
	padding-bottom:50px;
	padding-left:20px;
	font-size:14px;
}


/* Default Grid */
#sidebar {padding:0%; border:none;}
#footer-widgets .footer-1-column .widget, #footer-widgets .footer-2-column .widget, #footer-widgets .footer-3-column .widget, .lt-ie8 #footer-widgets .footer-3-column .widget, #footer-widgets .footer-4-column .widget, .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig, .lt-ie8 .grid3column, .lt-ie8 .grid4column , .lt-ie8 .grid2column, #sidebar, #container-sidebar {float:none; width:100%; margin-bottom:25px;}
body ul#open-hours .grid2column, body #main ul.menu-items .grid2column {float:left; margin-right:2%; margin-bottom:0px; }
body ul#open-hours .grid2column, body #main ul.menu-items .grid2column { width: 49%;}
.lt-ie8 body ul#open-hours .grid2column, .lt-ie8 body #main ul.menu-items .grid2column {width: 48.5%;  }
footer .lastcolumn {margin:0px;}

.menu-item-container .grid3column {float:left; margin-right:2%; width: 32%; }
.lt-ie8 .menu-item-container .grid3column { width: 31.5%; }
.menu-item-container .grid3columnbig {float:left; margin-right:2%;width:65.8%;}


/* Misc Fixes */
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {display:none !important;}
footer #copyright ul {text-align:center;  float:none;}
footer #copyright ul li {float:none; display: inline;  }
#copyright .grid2column {text-align:center;}
.commentlist {width:95%; left:-10px;}
.commentlist .children li.comment .comment-meta {margin-left:0px;}
.commentlist .avatar, .commentlist > li:before {display:none;}

/* HEADER AREA */
header {position:static;}
body #logo {text-align:center; margin:0 auto 6px auto; float:none; position:relative;}
#homepage-slider, .paged-title {margin-top:30px;}
#page-title .paged-title {height:150px; }

/* Select Menu */
nav ul { display: none; }
nav select option {font-size:12px; background:#fff; color:#222;}
header nav {float:none; position:relative; }
nav select { text-transform:none; display:block;  margin-left:auto; margin-right:auto; width:300px; min-width: 150px; max-width: 100%; -webkit-appearance: none; -moz-appearance: normal; appearance: normal;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none;-moz-user-select: none;
background:#FAFAFA url(//cdn.nexternal.com/matrix/images/select-arrow.png) center right no-repeat;;

font-size:13px;
border: 1px solid #aaaaaa;
color: #555555;
padding:7px 5px 7px 10px;}


}


/*
=============================================== 06. #Mobile (Landscape) ===============================================
*/
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
body:after { content: "480 to 767px"; background-color: hsla(150,50%,40%,0.7);}/* Notify what @media browser is using, Disable above by display:none; */

/* Default Width */
.width-container, #page-title-divider  { width: 420px; }


}



/*
=============================================== 07. TESTING TEXT ===============================================
*/
body:after {position:relative; z-index:55; content: "less than 320px";font-size: 300%;font-weight: bold;position: fixed;bottom: 60px;width: 100%;text-align: center;background-color: hsla(1,60%,40%,0.7);color: #fff;
display:none !important; /* -------------------- ADD OR REMOVE display:none !important; to display testing text -------------------- */}

/* Imported Styles from Mobile Top */

body #logo img {
	max-width: 224px;
}

footer #footer-logo img {
	max-width: 150px;
}

.paged-title {
	height: 250px;
}

ul.filter-children li a,
#respond input#submit,
.sf-menu,
.flex-caption,
footer #copyright ul,
.rock-button,
h1,
h2,
h3,
h4,
h5,
h6,
.phone-widget span,
.e-mail-widget span,
.mobile-widget span,
body #main ul.menu-items .grid2column,
.pagination a,
body #main a.progression-grey {
	font-family: 'Century Gothic', serif;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif;
}

body,
footer,
#main {
	background-image: url(//cdn.nexternal.com/matrix/images/blackorchid.png);
}
/* Fonts */

@font-face {
	font-family: 'Century Gothic';
	src: url('../../matrix/images/Century-Gothic.woff');
}
/* Navigation - Content */

.width-container {
	width: 100%;
	max-width: 1140px;
}

.width-container nav {
	margin-left: 224px;
}

.caption-progression {
	padding-bottom: 0px;
	top: 45%;
}

.width-container p {
	padding-right: 40px;
}
/* Media Queries */

@media only screen and (max-width: 875px) {
	.width-container nav {
		margin-left: 0px;
	}

	.sf-menu a {
		font-size: 15px;
		letter-spacing: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.caption-progression {
		top: 30%;
		font-size: 16px;
	}
}

div#divCartContainer .nextWarningsNotification {
  color: #000;
}

select.select-menu {
	-moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}