@charset utf-8;

/* CSS Document */

/* ====================================================================================================                                                                

	Table of Content	

	1. General
	2. Defaults - Copy into admin.css
	3. Header
	4. Navigation
	5. Content
	6. Blog Template
	7. Print Template
	8. Buttons
	9. Footer
   10. Vin65 Overrides   

*/

/*   ===================================================================================================                                                                
     1. General
======================================================================================================== */

html, body { height: 100%; width: 100%; position: relative; margin: 0; padding: 0; }

/*   ===================================================================================================                                                                
     2. Defaults - Copy into admin.css
======================================================================================================== */
body { background-color: #fff; font-size: 12px; color: #111; font-family: "Times New Roman", Times, serif; line-height: 1.5em; }

/* CSS Reset */
img { border: 0; max-width: 100%; height: auto !important; }
h1, h2, h3, h4, h5, h6, p, table, ul, ol { margin-top: 0; padding-top: 0; }
ul, ol, dl, p, table, pre { margin-bottom: 1em; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #601e1e; }
h1 { font-size: 2.7em; line-height: 1em; margin-bottom: .5em; }
h2 { font-size: 2em; line-height: 1em; margin-bottom: .5em; }
h3 { font-size: 1.4em; line-height: 1.4em; margin-bottom: .5em; }
h4 { font-size: 1.167em; line-height: 1.2em; }
h5 { font-size: 1em; line-height: 1em; font-weight: 700; }
h6 { font-size: 1em; line-height: 1em; color: #693; }
h4, h5, h6, p, .v65-product-drilldownLink, .v65-wine-specs .v65-product-attribute {font-size: 1.3em; line-height:1.3em}
.v65-product-addToCart-price {font-size: 1.3em}
a { text-decoration: none; color: #601e1e; }
a:hover, a:focus, a:active { text-decoration: underline; }
ul, ol, dd, blockquote { }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
form { margin-bottom: 1em; }
legend { color: #111; }
hr { color: #666; background-color: #666; height: 1px; border: 0; }

/*-----------------------------------------------------------*/
.layClear { clear: both; font-size: 0; height: 1px; line-height: 0; margin-top: -1px; }
@font-face { font-family: 'zocial'; src: url('../font/zocial.eot?14068929'); src: url('../font/zocial.eot?14068929#iefix') format('embedded-opentype'), url('../font/zocial.woff?14068929') format('woff'), url('../font/zocial.ttf?14068929') format('truetype'), url('../font/zocial.svg?14068929#zocial') format('svg'); font-weight: normal; font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'zocial';
    src: url('../font/zocial.svg?14068929#zocial') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "zocial"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;	  /* opacity: .8; */	  /* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal; text-transform: none;	  /* fix buttons height, for twitter bootstrap */ line-height: 1em;	  /* Animation center compensation - margins should be symmetric */	  /* remove if not needed */
	margin-left: .2em;	  /* you can be more comfortable with increased icons size */	  /* font-size: 120%; */

	/* Uncomment for 3D effect */

/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-instagram:before { content: '\e800'; }
.icon-linkedin:before { content: '\e801'; }
.icon-yelp:before { content: '\e802'; }
.icon-facebook:before { content: '\e803'; }
.icon-youtube:before { content: '\e804'; }
.icon-twitter:before { content: '\e805'; }
.icon-gplus:before { content: '\e806'; }
.icon-pinterest:before { content: '\e807'; }

/*   ===================================================================================================                                                                
    3. Header
======================================================================================================== */

#header { position: relative; width: 970px; border-bottom: 1px solid #CCC; line-height: 0; }
#header:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#homepageBanner { float: left; width: 580px; margin-top: 25px; }
#logo { float: left; width: 160px; padding: 20px 0; overflow: hidden; margin-right: 20px; }
#logo img { width: 100%; }
#flag { float: right; overflow: hidden; width: 140px; margin-top: 25px; }
#logo img { width: 100%; }
#productSearch fieldset {border:none;}
#productSearch #v65-searchWidgetInput {float:left;}
#productSearch #v65-searchWidgetButton {float:right; width:90px;}
#user-toolsWrapper { position: absolute; top: 140px; right: 0; z-index: 1000; font-size: 1.3em; font-weight: bold; }
#user-tools { }
#user-tools a { color: #111; }

/*   ===================================================================================================                                                                
    4. Navigation
======================================================================================================== */
#topMenu { width: 970px; height: 44px; margin: 0 auto; font-family: "lft-etica", Arial, Helvetica, sans-serif; text-transform: uppercase; }
#topMenu ul { position: relative; list-style: none; margin: 0; padding: 0; }
#topMenu ul li { position: relative; float: left; margin: 0; padding: 0; }
#topMenu ul li a { line-height: 44px; height: 44px; position: relative; display: inline-block; text-decoration: none; margin: 0; padding: 0; color: #FFF; }
#topMenu ul li a:hover { color: #fff; background-color: #823737; text-decoration: none; }
#topMenu ul li a.hover { color: #fff; background-color: #823737; text-decoration: none; }
#topMenu li ul { display: none; position: absolute; top: 44px; left: 0; width: 180px; background-color: #823737; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
#topMenu li:hover ul, #layTopMenu li.over ul { display: block; background-color: #823737; }
#topMenu li ul li { background-color: #823737; display: block; width: 180px; float: none; text-align: left; }
#topMenu li ul li a { color: #FFF; background-color: #823737; float: none; display: block; padding: 0 0 0 10px; margin: 0; width: 170px; text-align: left; text-transform: none; line-height: 24px; height: 24px; }
#topMenu li ul li a.v65-pageAParent { color: #fff; }
#topMenu li ul li a:hover { background-color: #601e1e; color: #fff; }
#topMenu li.v65-home { }
#topMenu li a.v65-pageAParent { }
#topMenu li a.v65-selected { background-color: #8d3342; }
#topMenu .v65-pod { display: none; margin: 0; border: none; }
#topMenu .v65-pod p, #topMenu .v65-pod .v65-form legend, #topMenu .v65-pod .v65-form label { display: none; }
#topMenu .v65-pod .v65-form { display: inline-block; width: 180px; margin-top: 7px; position: relative; }
#topMenu .v65-pod .v65-form fieldset { border: none; margin: 0; padding: 0; }
#topMenu .v65-pod .v65-form input { width: 100px; border: none; padding: 4px; color: #000; font-weight: bold; font-size: 10px; }
#topMenu .v65-pod .v65-form button { position: absolute; right: 0; top: 4px; font-size: 8px; }
#topMenu .v65-pod .v65-form button span { font-family: "lft-etica", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal }
#topMenu .v65-pod .v65-form > p { display: block; color: #fff; margin-top: 6px; font-style: italic; }
#topMenu .v65-pod .v65-form .error { background: #711827; width: 140px; }
@media (min-width:820px) {
	#topMenu .v65-pod { display: block; }
}
#leftMenu { width: 240px; float: left; padding: 20px 0 20px 10px; }
#leftMenu ul { list-style: none; margin: 0 0 1em 20px; padding: 0; width: 220px; }
#leftMenu li { font-size: 15px; line-height: 2; }
#leftMenu li a { color: #333; }
#leftMenu li a:hover { color: #000; }
#leftMenu li ul { margin-left: 20px; width: 200px; }
#leftMenu form { padding: 0; margin: 0; }
#leftMenu fieldset { border: 0; padding: 0; margin: 0; }
#leftMenu input { height: 18px; margin-right: 5px; }
#leftMenu li a.v65-pageAParent { color: #000; }
#leftMenu li a.v65-leftSelected { color: #000; font-weight: 700; }
#leftMenu .v65-pod { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
#leftMenu h3 {font-weight: bold;}

/*   ===================================================================================================                                                                
     5. Content
======================================================================================================== */
body { }
#container-menu { position: relative; margin: 0 auto; background-color: #711827; overflow: visible; z-index: 500; }
#container { position: relative; width: 970px; margin: 0 auto; }
#container-banner { position: relative; margin: 0 auto; background-color: #e1e1e1; overflow: hidden; }
#container-footer { position: relative; width: 970px; margin: 0 auto; overflow: hidden; }
#contentWrapper { overflow: hidden; }
#wineMap { position: relative; background: url(/assets/images/israel_map.jpg) no-repeat; background-size: contain; width: 580px; height: 1343px; float: left; margin-top: 10px; padding: 20px; }
.wineRegionLink { display: block; font-size: 0; position: absolute; height: 30px }
.regionJudean { width: 86px; top: 736px; left: 282px; height: 63px }
.regionGolan { width: 68px; top: 130px; left: 500px }
.regionGalilee { width: 76px; top: 193px; left: 325px }
.regionShomron { width: 107px; top: 469px; left: 300px }
.regionNegev { width: 76px; top: 1003px; left: 157px }
.regionSamson { width: 91px; top: 697px; left: 136px }
.wineDetailWrapper { position: absolute; }
.Julia { top: 94px; left: 310px }
.kishor { top: 132px; left: 302px }
.ClosDeGat { top: 642px; left: 224px }
.agur { top: 694px; left: 226px }
.Capsouto { top: 122px; left: 367px }
.cremisian { top: 672px; left: 319px }
.Ashkar { top: 110px; left: 273px }
.arad { top: 864px; left: 334px }
.caesarea { top: 344px; left: 192px }
.einZivan { top: 39px; left: 523px }
.givatYoav { top: 201px; left: 490px }
.kidmatTsvi { top: 77px; left: 490px }
.meishar { top: 616px; left: 117px }
.ramotNaftali { top: 37px; left: 431px }
.roshPinna { top: 103px; left: 429px; }
.zikhronYaakov { top: 266px; left: 219px }
.Latroun { top: 591px; left: 229px; }
.RamatNegev { top: 1127px; left: 70px; }
.MidbarVineyard { top: 1287px; left: 208px }


/* map update: */
#wineMap {  padding: 0;background: transparent; }
.kishor { top: 10%; left: 52%; }
.Latroun { top: 43%; left: 38%; }
.RamatNegev { top: 81%; left: 12%; }
.Julia { top: 7%; left: 53%; }
.ClosDeGat { top: 47%; left: 38%; }
.agur { top: 51%; left: 39%; }
.Capsouto { top: 9%; left: 62%; }
.MidbarVineyard { top: 93%; left: 35%; }
.cremisian { top: 49%; left: 55%; }
.Ashkar { top: 8%; left: 46%; }
.arad { top: 63%; left: 57%; }
.caesarea { top: 25%; left: 33%; }
.einZivan { top: 3%; left: 89%; }
.givatYoav { top: 15%; left: 83%; }
.kidmatTsvi { top: 6%; left: 83%; }
.meishar { top: 45%; left: 21%; }
.ramotNaftali { top: 3%; left: 73%; }
.roshPinna { }
.zikhronYaakov { top: 20%; left: 37%; }
.regionJudean { top: 53%; left: 47%; }
.regionGolan { top: 9%; left: 83%; }
.regionGalilee { top: 14%; left: 55%; }
.regionShomron { top: 34%; left: 50%; }
.regionSamson { top: 50%; left: 22%; }
.regionNegev { top: 72%; left: 26%; height: 37px; }




.wineLocation {	/*background:url(/assets/images/grape.png) no-repeat;*/ position: relative; height: 35px; width: 35px; display: block; padding: 0; }
.wineLocation img { display: none }
.wineLocation:hover .wineDetail { display: block; }
.wineDetail { display: none; position: absolute; left: 35px; top: 0; min-width: 140px; padding: 10px 15px; background-color: #fff; float: right; border-radius: 5px; box-shadow: 0 0 20px #999; overflow: hidden; z-index: 100; }
#homepageFeature { width: 310px; float: right; padding: 20px; }
#homepageFeature .v65-promoGroupProduct { float: left; padding: 0 0 10px; width: 100%; }
#homepageFeature .v65-promoGroupProductThumbnail { float: left; width: 33%; }
#homepageFeature .v65-promoGroupProductThumbnail img { width: 80%; }
#homepageFeature .v65-promoGroupProductTitle { font-size: 2em; line-height: 1em; margin-bottom: .5em; }
#homepageFeature .v65-promoGroupPrice { font-family: "lft-etica", Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: 700; padding: 0 0 10px; }
#homepageFeature .v65-pod { float: left; width: 100%; margin-top: 10px; padding-top: 20px; border-top: 1px solid #ccc; }
#homepageFeature #v65-subscribeWidget { margin: 0; padding: 0; border: 0; }
#v65-subscribeWidget { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
#homepageFeature .linkBtn { margin-left: 144px; }
#bannerContent { display: none; width: 970px; margin: 0 auto; padding: 20px; overflow: hidden; }
#contentFeaturePod { float: left; padding: 0 20px; }
.PodLeft { width: 200px; margin: 20px 10px 20px 0; }
.PodMid { width: 200px; margin: 20px 10px; }
.PodRight { width: 400px; margin: 20px 0 20px 10px; }
#contentFeaturePod img { border: 5px solid #c8b696; }
#contentFeaturePod h1, #contentFeaturePod h2, #contentFeaturePod h3, #contentFeaturePod h4 { text-transform: uppercase; font-family: "lft-etica", Arial, Helvetica, sans-serif; font-weight: 700; }
#contentFeaturePod h4 { color: #b30c3b; }
#pageContent { float: left; width: 680px; padding: 20px; }
#pageContentWide { width: 970px; padding: 20px 0; }
#v65-PagingTop { border-bottom: 1px solid #ccc; }
#v65-navPriceTitle, #v65-navTypeVarietalTitle, #v65-navRegionAppellationTitle, #v65-navBrandTitle { font-family: "lft-etica", Arial, Helvetica, sans-serif; font-size: 1.3em; Font-weight: 600; line-height: 1em; margin-bottom: 0.5em; }

/*   ===================================================================================================                                                                
     6. Blog Template
======================================================================================================== */
#blogContent { float: left; width: 580px; padding: 20px 25px 0 0; overflow: hidden; }
#blogRightWrapper { float: right; width: 345px; padding: 20px 0 0; overflow: hidden; }
#blogRightWrapper-Col1 { float: left; width: 160px; padding: 0 25px 0 0; overflow: hidden; }
#blogRightWrapper-Col2 { float: left; width: 160px; padding: 0; overflow: hidden; }

/*   ===================================================================================================                                                                
     7. Print Template
======================================================================================================== */
#printBody { background-image: none; background-color: #FFF; margin: 0; padding: 0; }
#printWrapper { width: 700px; margin: 0 auto; }
#printHeader { width: 700px; height: 150px; }
#printContent { width: 700px; text-align: left; }

/*   ===================================================================================================                                                                
     8. Buttons - CSS3 Buttons
======================================================================================================== */

/*Button Styles*/		

button.defaultBtn, button.modalBtn, button.largeBtn { background: #336699; color: #fff; }
button.altBtn, button.altModalBtn, button.altLargeBtn { background: #cccccc; color: #000; }
button.defaultBtn, button.modalBtn, button.largeBtn, button.altBtn, button.altModalBtn, button.altLargeBtn { color: #000; border-radius: 0.385em; behavior: url(/assets/css/PIE.htc); box-shadow: 0 0.077em 0.154em rgba(0, 0, 0, 0.4); line-height: 1.1em; text-transform: uppercase; font-weight: bold; margin: 0 0.2em; text-align: center; min-width: 8.308em; font-family: Verdana, "Geneva", sans-serif; }
button.defaultBtn span, button.modalBtn span, button.largeBtn span { background: #336699; color: #fff; font-family: Verdana, "Geneva", sans-serif; }
button.altBtn span, button.altModalBtn span, button.altLargeBtn span { color: #000; background: #cccccc; font-family: Verdana, "Geneva", sans-serif; }
button.defaultBtn span, button.modalBtn span, button.largeBtn span, button.altBtn span, button.altModalBtn span, button.altLargeBtn span { border-radius: 0.385em; behavior: url(/assets/css/PIE.htc); }
button.defaultBtn:hover, button.modalBtn:hover, button.largeBtn:hover { background: #6699cc; }
button.defaultBtn:hover span, button.modalBtn:hover span, button.largeBtn:hover span { background: #6699cc; }
button.altBtn:hover, button.altModalBtn:hover, button.altLargeBtn:hover { background: #e6e6e6; }
button.altBtn:hover span, button.altModalBtn:hover span, button.altLargeBtn:hover span { background: #e6e6e6; }

/*Link Styles*/
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn { background: #336699; color: #fff; }
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { background: #cccccc; color: #000; }
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn, a.fullWidthBtn, a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { border-radius: 0.385em; behavior: url(/assets/css/PIE.htc); box-shadow: 0 0.077em 0.154em rgba(0, 0, 0, 0.4); line-height: 1.1em; text-transform: uppercase; font-weight: bold; font-family: Verdana, "Geneva", sans-serif; margin: 0 0.2em; text-align: center; min-width: 3em; }
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span { background: #336699; color: #fff; font-family: Verdana, "Geneva", sans-serif; }
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span { background: #cccccc; color: #000; font-family: Verdana, "Geneva", sans-serif; }
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span, a.fullWidthBtn span, a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span { border-radius: 0.385em; behavior: url(/assets/css/PIE.htc); }
a.linkBtn:hover, a.modalLinkBtn:hover, a.largeLinkBtn:hover, a.fullWidthBtn:hover { background: #6699cc; text-decoration: none; }
a.linkBtn:hover span, a.modalLinkBtn:hover span, a.largeLinkBtn:hover span, a.fullWidthBtn:hover span { background: #6699cc; }
a.linkAltBtn:hover, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:hover { background: #e6e6e6; }
a.linkAltBtn:hover span, a.modalLinkAltBtn:hover span, a.modalLinkAltBtn:hover span { background: #e6e6e6; }
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn { min-width: auto; }

/*   ===================================================================================================                                                                
     9. Footer
======================================================================================================== */
.socialIcons ul { list-style-type: none; padding: 0; }
.socialIcons li { display: inline; font-size: 1.5em; }
#footer { width: 970px; overflow: hidden; padding: 1em 20px; }
#footerLegal { float: left; }
#footerLegal ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
#footerLegal ul li { float: left; margin: 0; padding: 0; }
#footerLegal ul li a { font-size: .917em; color: #000; position: relative; display: inline-block; text-decoration: none; margin: 0; padding-right: 10px; }
#footerLegal ul li a:hover { color: #000; text-decoration: underline; }
#footerLegal p { clear: both; font-size: .917em; color: #666; }
#footerAuthor { display: none; float: right; color: #ccc; text-align: right; padding: 0 20px 0 0; }
#footerAuthor a { color: #666; }
#footerAuthor a:hover { color: #000; }
#footerAuthor p { font-size: .917em; }

/*   ===================================================================================================                                                                
     10. V65 Overrides
======================================================================================================== */

/* -----Modal Cart----- */
a#v65-toggleModalCart { display: block; padding: 0 0 0 24px; }
#v65-modalCartDropdown { top: 35px; }
#v65-modalCartBody, #v65-modalCartTable th { font-size: 1em; }
#v65-fieldset-paymentMethod { float: left; width: 400px; }
form#v65-checkBilling .v65-additionalComments { float: none; margin-left: 10px; padding: 15px 0 0; width: 390px; }
#v65-signUpClubSummaryWrapper { margin-bottom: 20px; }
.v65-productSet-item { width: 22%; }
#v65-businessLocatorSelectByZipCode, #v65-businessLocatorSelectByCity { width: 250px; }

/*   ===================================================================================================                                                                
     Homepage Product Group
======================================================================================================== */
.homepage .v65-productGroup-title, .homepage .v65-addToCartCase, .homepage .v65-product-addToCart-quantity, .homepage .v65-product-reviewStats { display: none; }
.homepage .v65-productGroup-products { text-align: left; width: 100%; }
.homepage .v65-productGroup-product { width: 100%; margin: 0 0 1em; }
.homepage .v65-product-photo { width: 33%; float: left }
.homepage .v65-productGroup-product .v65-product-title { font-size: 2em; }
.homepage .v65-product-addToCart-price, .homepage .v65-product-addToCart-unitDescription { font-weight: 700; font-size: 1.4em }
.homepage .v65-productGroup-product .v65-product-photo img { max-width: 80%; }
.homepage .v65-productGroup-product .v65-product-addToCart-button { display: inline-block; margin-top: 10px; }

/*   ===================================================================================================                                                                
     Fixed-Position Button-Style Top Nav
======================================================================================================== */

.fixedTop { position: fixed; width: 100%; top: 0; background: #fff; z-index: 9; height: 224px; }
#header { margin: 45px auto 0; }
#topMenu ul li { background: #711827; margin: 0 2px; float: none; display: inline-block; font-size: 1.6em }
#topMenu ul li li {font-size: 1em!important}
#container-menu { background-color: #fff; position: fixed; width: 100%; top: 0 }
#topMenu ul { text-align: center; display:flex; justify-content: center; }
#topMenu ul li {width:25%}
#container { margin: 240px auto 0; }
#topMenu ul li a { line-height: 55px; height: 55px;display: block; }
#topMenu li ul { top: 55px; padding-bottom: 6px }
#topMenu { height: 60px }
#user-toolsWrapper { top: -40px; width: 970px; margin: 0 auto; position: relative; }
#topMenu ul li:nth-child(3) ul {display: none!important}
@media (max-width:970px) {
#topMenu ul li { font-size: 1.1em }
}

/*   ===================================================================================================                                                                
     Mobile Responsiveness
======================================================================================================== */

#topMenu { max-width: 970px }
#header { max-width: 970px }
#user-toolsWrapper { max-width: 970px }
#container { max-width: 970px }
#container-footer { max-width: 970px }
.mobileMenuToggle {display: none; cursor: pointer; padding: 10px; width: 35px; height: 25px}
.mobileMenuToggle:after { content: 'MENU'; font-size: 16px; position: absolute; top: 11px; left: 53px; }
.line1, .line2, .line3 { cursor: pointer; border-radius: 4px; height: 2px; width: 32px; background: #711827; position: relative; display: block; content: ''; transition: all 200ms ease-in;}
.line1, .line2 { margin-bottom: 8px; }
.mobileMenuToggle.active .line2 { background-color: transparent; }
.mobileMenuToggle.active .line1 { top: 22px; position: absolute; transform: rotate(45deg);}
.mobileMenuToggle.active .line3 { top: 22px; position:absolute; transform: rotate(-45deg); }

@media (max-width:970px) {
.mobileMenuToggle {display: block}
#leftMenu {display: none; width: 95%;background: #f9f9f9;border: 1px solid #eee;}
#leftMenu.active {display: block;}
#header { max-width: 580px; }
#topMenu, #container, #pageContent, #container-footer, #footer { width: 580px }
#logo {width:120px;}
#container {margin: 214px auto 0;}
#homepageBanner {width: 400px; }
#homepageBanner h1 {font-size: 2em;}
#homepageBanner h2 {font-size: 1.5em;}
#flag {display: none;}
#productSearch {width: 222px; margin: 0 auto;}
#v65-modalLoginLink-YourAccount { float: left; }
#user-toolsWrapper {top: -29px; max-width: 580px;}
#user-tools {width:100%;}
#wineMap, #homepageFeature {margin: 10px auto; float: none; }
.wineLocation:hover .wineDetail {display: none}
#homepageFeature { float: none; margin: 10px auto; width: 580px; text-align: center }
#homepageFeature .v65-pod {margin: 10px auto; text-align: center;}
#homepageFeature #v65-subscribeWidget {text-align:center;}
#homepageFeature #v65-subscribeWidget label {display: none;}
#homepageFeature .linkBtn {margin: 10px auto;}
#footer { max-width: 970px; text-align: center; margin: 0 auto }
#footerLegal { float: none }
#footerLegal ul { display: inline-block }
#pageContent {padding: 20px 0;}
#pageContentWide {width:auto;}
.v65-product-rightCol { float: none; width: 100%; }
.v65-product-leftCol { float: none; width: 100%; margin: 0 auto; text-align: center; }
.v65-product-pagination {width:100%;}
}

@media (max-width:930px) {
.v65-quickView { margin: 0; left: 11px; width: 524px; top: 66px }
.v65-quickView-right-content { width: auto }
.v65-quickView .v65-product-drilldownLink { bottom: 4px; left: 25px }
}

@media (max-width:580px) {
#logo {width:100px; margin-right: 10px;}
#topMenu, #user-toolsWrapper, #container, #pageContent, #container-footer, #footer {width: 98%;}
#wineMap {width:100%; height:auto;}
#homepageFeature {width:auto;}
.v65-product2Up { float: none; width: 100%; }
}

@media (max-width:520px) {
#homepageBanner {width:300px;}
#homepageBanner h1 {font-size: 1.6em;}
#homepageBanner h2 {font-size: 1.1em;}
}

@media (max-width:430px) {
#homepageBanner {width:250px;}
#homepageBanner h1 {font-size: 1.3em;}
#homepageBanner h2 {font-size: 1.1em;}
#productSearch {float:left;}
}

@media (max-height:480px) {
.fixedTop {height: 140px;}
#container {margin: 150px auto 0;}
#logo {width: 80px}
#homepageBanner h1 {font-size: 1.5em;}
#homepageBanner h2 {font-size: 1.2em;}
#productSearch {display: none}
#topMenu {height: 40px;}
#topMenu ul li a {height: 40px;line-height: 40px;}
#header {margin:25px auto 0;}
#container {margin: 130px auto 0;}
}

/*   ===================================================================================================                                                                
     MISC
======================================================================================================== */
.v65-quantity-label {display: none;}
.v65-quickView { border: none; }
#homepageFeature .v65-form { width: 100%; }
#homepageFeature .v65-form fieldset {border:none; text-align: center;}
#homepageFeature .v65-form legend { width: 100%; font-weight: bold; display: none }
#homepageFeature .v65-form label {display: none;}