/* ---------------------------------------------------------------------------- 
 * stylesheet: default.css
 * ---------------------------------------------------------------------------- 
*/

/*-- reset
-------------------------------------------------- */	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

/* -------------------------------------------------- */
/* basic elements
/* -------------------------------------------------- */
body {
    font-family: 'Adobe Garamond Regular' !important;
}

    /*-- clearfix
    -------------------------------------------------- */	
	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

.search-textbox {
    width: 130%;
    border:1px solid #fff;
    color: #fff;
}

/*-- unordered list bullet */
.ul-bullet {
    width:14px;
    height:14px;
    background-color:#75b1be;
    border-radius: 100px;
}   
.ul-bullet-square {
    width:14px;
    height:14px;
    background-color:#75b1be;
    border-radius: 0px;
}  

a:focus {  /*-- override bootstrap default */
    outline:none !important;
}


/* -- incorporate 5 column bootstrap grid */
.col-xs-5cols,
.col-sm-5cols,
.col-md-5cols,
.col-lg-5cols {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


/* -------------------------------------------------- */
/* buttons
/* -------------------------------------------------- */
.button {
	display: inline-block;
	margin-bottom: 15px;
	padding: 6px 20px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-color: transparent;
	color: #fff;
	vertical-align: baseline;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer;

	-webkit-transition: all .25s ease;
			transition: all .25s ease;
}
    .button:active,
    .button::selection,
    .button:hover {
        text-decoration: none;
    }
    
.btn-form-close {
    margin-top:40px;
    width: 140px;
    height:40px;
    background-color:#fff;
    color:grey;
    text-align:center;
    font-size:1.1em;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    border-radius: 5px;
    border:solid 1px #65625d;
}
.btn-form-close:hover { font-weight:bold; color:#65625d; }
	
/*-- 'print' button with icon */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 8px 0px;
  font-size: 28px;  /*size of the icon*/
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 44px;  /*size of the icon*/
  line-height: 1.33;
  border-radius: 35px;
}


/* -------------------------------------------------- */
/* general classes
/* -------------------------------------------------- */
.full-background-image {
    background-position: center center; /* Background image is centered vertically and horizontally at all times */
    background-repeat: no-repeat; /* Background image doesn't tile */
    background-attachment:scroll; /* Background image is fixed in the viewport so that it doesn't move when the content's height is greater than the image's height */
    background-size: cover; /* This is what makes the background image rescale based on the container's size */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.align-center { text-align: center; }
.align-left	  { text-align: left; }
.align-right  { text-align: right; }
	
.alignleft  { float: left; }
.alignright { float: right; }

img.alignleft { margin-right: 20px; }
img.alignright { margin-left: 20px; }
	
.hide		{ display: none;  }
.show		{ display: block; }
.invisible  { visibility: hidden; }
.affix		{ position: fixed; }

.margin-top-off { margin-top:0 !important; }
.margin-top-30px { margin-top: 30px; }

.txt-white { color:#fff !important; }
.std-text-white { font-size: 18pt; color: #fff; }
.txt-a2a2a2 { color:#a2a2a2 !important; }

.bg-white { background-color: #fff !important; }
.bg-gray { background-color: #f8f8f8 !important; }
.bg-gray2 { background-color: #f3f4f4 !important; }
.bg-gray-d1d1d1 { background-color: #d1d1d1 !important; }
.bg-579aa9 { background-color: #579aa9 !important; }
.bg-75b1be { background-color: #75b1be !important; }
.bg-b9cba6 { background-color: #b9cba6 !important; }
.bg-86817c { background-color: #86817c !important; }
.bg-9e9a96 { background-color: #9e9a96 !important; }
.bg-bccba6 { background-color: #bccba6 !important; }
.bg-CasesCodesScores {
    background: rgb(158,154,150) !important;
    background: rgba(158,154,150,.08) !important;
}

.transparent { color: transparent !important; }

.float-left { float: left; }
.float-right { float: right; }

.rotate-device { display:none; }


/*-- fancy select used in the Reviews & OurWine selections */
div.fancy-select {
    font-weight:normal !important;
    font-size:14px !important;
    padding-bottom:4px;
}
    div.fancy-select ul.options {
	    list-style: none;
	    margin: 0;
	    position: absolute;
	    visibility: hidden;
	    opacity: 0;
	    z-index: 50;
        background:rgb(255, 255, 255);
        text-align:left;
        border-top: 1px solid #86817c;
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
        div.fancy-select ul.options.open {
	        visibility: visible;
	        opacity: 1.0;
            position:fixed;
            top:55% !important;
            left:50% !important;
            min-height:80%;
            min-width:650px;

            /*+++ das/20190305 begin +++*/
            /* fix issue with chrome browser bug where the font will appear blurry when applying translate transform */
            /* ---- */
            /*transform: translate(-50%, -55%) !important;*/
            transform: translateX(-50%) translateY(calc(-55% - .5px));*
            /* +++ das/20190305 end +++*/
            
	        /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
	        transition: opacity 500ms ease-out, right 500ms ease-out;
	        -webkit-transition: opacity 500ms ease-out, right 500ms ease-out;
	        -moz-transition: opacity 500ms ease-out, right 500ms ease-out;
	        -ms-transition: opacity 500ms ease-out, right 500ms ease-out;
	        -o-transition: opacity 500ms ease-out, right 500ms ease-out;
        }
        div.fancy-select ul.options li {
	        padding: 8px 12px;
            color:#9e9a96;
	        cursor: pointer;
	        white-space: nowrap;
            text-align:center;

	        transition: all 150ms ease-out;
	        -webkit-transition: all 150ms ease-out;
	        -moz-transition: all 150ms ease-out;
	        -ms-transition: all 150ms ease-out;
	        -o-transition: all 150ms ease-out;
        }
        div.fancy-select ul.options li.selected {
            background: rgba(134,129,124, 0.5);
            color: rgba(255,255,255,0.75);
        }
        div.fancy-select ul.options li.hover {
            font-weight:600;
            color: rgba(134,129,124, 1.0);
        }

    div.fancy-select div.trigger {
	    border-radius: 0;
	    cursor: pointer;
	    padding: 17px 24px 9px 9px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    position: relative;
	    background:rgba(255, 255, 255, 0.8);
        color:#808080;
        height:56px;
        width:400px;
        text-align:center;
        font-size:15pt;

	    transition: all 240ms ease-out;
	    -webkit-transition: all 240ms ease-out;
	    -moz-transition: all 240ms ease-out;
	    -ms-transition: all 240ms ease-out;
	    -o-transition: all 240ms ease-out;
    }
    div.fancy-select div.trigger:after {
        content: none;  /*-- removes arrow --*/
    }
    div.fancy-select div.selectArrowColor {
        color:#fff !important;
        background:rgba(134,129,124, 0.2) !important;
    }

div#divWineButtons .fancy-select div.selectArrowColor {
    border:2px solid #fff;
}


/* -------------------------------------------------- */
/* Oops page
/* -------------------------------------------------- */
.oops-msg { margin: 10px; }
.oops-container-border {
    border: 1px solid gray;
    padding-bottom:10px;
}
#divOopsMsg {
    padding: 10px;
    border:1px solid #fff;
    font-size:16pt;
    color:gray;
}

/* -------------------------------------------------- */
/* Processing message
/* -------------------------------------------------- */
#divProcessingMessage {
    display:none;
}
    #divProcessingMessage h1 {
        background-color:#fff;
        opacity: 0.9;
        color:#b9cba6;
        line-height:60px;
        font-size:18pt;
    }

div.blockMsg {  /* used within jquery.blockUI.js */
    width:  40%;
    top:    30%;
    left:   30%;
    text-align: center;
    background-color: #fff;
    border: 3px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); 
    -moz-opacity:.90;
    opacity:.90;
    padding: 15px;
    color: #fff;
}


/* -------------------------------------------------- */
/* Main page loading
/* -------------------------------------------------- */
/* ... displays a loading message while the website is being loaded */
.loader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    color:#9e9a96;
    font-size:20px;
    z-index:99999; /* makes sure it stays on top */
}
.center-div-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table;
}
.center-div-container-text {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size:16pt;
}


/* -------------------------------------------------- */
/* main navigation menu
/* -------------------------------------------------- */
#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    line-height: 0;
    -webkit-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
		    backface-visibility: hidden;
    -webkit-transition: background-color .25s ease, height .25s ease;
		    transition: background-color .25s ease, height .25s ease;
    }
.home #header,
#header.header-shrink { border-bottom-width: 0; }

#header .vbLogoAsText {
    display:none;
}

#header.navbar {
    background-color: transparent;
}
#header.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

.page-header {
    padding-bottom: 9px;
    margin: 80px 10px 20px 20%;
    border-bottom: 1px solid #fff;
}
    .page-header ul {
        line-height: 78px;
        margin-top: -81px;
    }
    .page-header li {
        font-size: 14pt;
    }
    .page-header .nav > li > a {
        position: relative;
        display: block;
        padding: 54px 15px 0px 15px;
        color: #fff;
        text-transform:uppercase;
    }
    .page-header .nav > li > a:hover,
    .page-header .nav > li > a:focus {
        background: rgb(185,203,166);  /* fallback for browsers not supporting rgba*/
        background: rgba(185,203,166, 0.7); 
    }
    .page-header .nav-pills > li > a {
        border-radius:0;
    }

.navbar-listServ p {
    margin-top:54px;
    text-transform:uppercase;
}
    .navbar-listServ a {
        background:rgb(124,140,116) !important;
        background:rgba(124,140,116, 0.7);
        color: #fff ;
        border-radius: 10px;
        padding:6px 15px;
        text-decoration:none;
    }
    .navbar-listServ:hover,
    .navbar-listServ p a:hover {
        background: rgb(124,140,116) !important; 
    }

.img-vblogo {
    max-width: 144px;
    max-height: 95px;
    margin:10px 0 -63px -130px;
}

.nav-pills > li.active > a {
    background-color: #b9cba6 !important;
    color: #fff !important;
}
    .nav-pills > li.active > a:hover {
        background-color: #fff !important;
        color: #b9cba6 !important;
    }

/* ... homepage | dropdown menu */
.page-header .nav-pills > li + li {
    margin-left:0;
}
.page-header .dropdown-menu {
    padding:0;
}
    .page-header .dropdown-menu > .active > a,
    .page-header .dropdown-menu > .active > a:hover,
    .page-header .dropdown-menu > .active > a:focus {
      text-decoration: none;
      background-color: transparent;
      outline: 0;
    }

.dropdown-menu-page-header {
    margin-top:0px !important;
    border:none !important;
    border-radius:0 !important;
    background: rgb(185,203,166);   /* fallback for browsers not supporting rgba*/
    background: rgba(185,203,166, 0.7); 
}
    .dropdown-menu-page-header > li > a {
        color: #fff;
        text-transform:uppercase;
    }
    .dropdown-menu-page-header > li > a:hover {
        color: #b9cba6;
        background-color:#fff;
    }

/* ... handles shrink header display on screen scroll */
#header.header-shrink .dropdown-menu-page-header > li {
        height:35px;
    }
    #header.header-shrink .dropdown-menu-page-header > li > a {
           height:35px;
    }
    #header.header-shrink .dropdown-menu-page-header > li > a:hover {
            height:35px !important;
        }

/* ... had to add this css so the menu divider would work within navbar when navbar has been reduced in size via screen scroll */
.dropdown-menu .divider {
    height: 1px !important;
}

/* -------------------------------------------------- */
/* slides (main page background image overlay)
/* -------------------------------------------------- */
#slides { position: relative;}
#slides .parallax-overlay { z-index: 1; }

.parallax-overlay {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
}
.fullscreen-image {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}	
.no-touch .fullscreen-image {
	background-attachment: fixed;
	background-size: cover;
}

/*-- background image text display */
.header-text-entry {
	display: table;
	width: 100%;
	height: 100%;
}
.header-text {
	position: relative;
	z-index: 2;
	display: table-cell;
	margin: auto;
	vertical-align: middle;
	text-align: center;
}
    .header-text h1,
	.header-text h2,
	.header-text h3,
	.header-text h4,
	.header-text h5,
	.header-text h6 {
		color: #fff;
		font-weight: 300;
		line-height: 1em;
		z-index: 2;
	}
    .header-text h1 { 
	    margin-bottom: 0;
	    font-size: 65px; 
	    text-transform: uppercase;
        letter-spacing:6.0px;
        line-height: 1.2em;
    }
    
/* -- background image caption display */
figcaption {
    color: #ffffff;
    background: black;
    background: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 0;
    padding: 20px 0 40px 0;
    text-align:center;
    font:normal 9pt 'Adobe Garamond Regular';
    opacity: 1.0;
    text-transform:uppercase;
    letter-spacing:2px;
}
figcaption:empty {
    display: none;
    background: transparent;
    background: rgba(255,255,255,0.0);
}
figure figcaption {
    width: 100%;
}

/* -- slide pagination */
/* -- Note: as of 20160512 we are not displaying the pagination circles because they interferred with the Featured Wines */
/* -- Note: as of 20160729 added the pagination circles back because Featured Wines button was recently moved to the far right and thus not interferring with these circles */
.slides-pagination {
    /*display:none;*/  /* <<<<<<<<<< Note: Uncomment to HIDE pagination circles >>>>>>>>>> */
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 5;
	font-size: 0;
 	bottom: 10px;
}
	.slides-pagination a {
		display: inline-block;
		margin: 2px 7px;
		width: 20px;
		height: 20px;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		background-color: transparent;
		cursor: pointer;
		vertical-align: middle;
        text-indent:0;
        color:transparent;
	}
	.slides-pagination a {
		-webkit-border-radius: 50%;
				border-radius: 50%;
		-webkit-transition: all .25s linear;
				transition: all .25s linear;
	}
    .slides-pagination a.current {
        background-color:rgba(255,255,255,0.4);
    }
				
/* -- slide directional nav */
.slides-navigation a {
	position: absolute;
	top: 50%;
	z-index: 1000;
	margin-top: -20px;
	opacity: 0;
	font-size: 0;
	-webkit-transition: opacity .25s ease;
			transition: opacity .25s ease;
}
.touch .slides-navigation a,
#slides:hover .slides-navigation a { opacity: 1; }
			
.ie8 .slides-navigation a				 { visibility: hidden; }
.ie8 #slides:hover .slides-navigation a  { visibility: visible; }

.slides-navigation .prev { left: 35px;  }
.slides-navigation .next { right: 35px; }

.slides-navigation a:after {
	color: #fff;
	vertical-align: middle;
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
	line-height: 59px;
	font-family: 'fontello';
	cursor: pointer;
}

/*
-- left/right navigation arrow display
----------------------------------------------------------------- */
.slides-navigation a:hover:after { color:rgba(255,255,255, 0.40); }
.slides-navigation a:hover,
.slides-navigation a:focus {
    text-decoration: none;
}
.slides-navigation .prev:after   { padding-left:40px; content: '\e8b7'; color:rgba(255,255,255, 0.20); }
.slides-navigation .next:after   { padding-right:40px; content: '\e8b8'; color:rgba(255,255,255, 0.20); }


/* -------------------------------------------------- */
/* shrink header display on screen scroll
/* -------------------------------------------------- */
#header.header-shrink { 
    background-color:#9e9a96;
}
#header.header-shrink #imgLogo {
    display: none;
}
#header.header-shrink .page-header {
    margin: 0;
    padding: 0;
    border:none;
}
#header.header-shrink #divSearch {
    display: none;
}
#header.header-shrink #H1 {
    line-height:20px;
}
    #header.header-shrink #H1 a {
        color:#fff;
        letter-spacing:2px;
    }
#header.header-shrink .vbLogoAsText {
    display:inline-block;
    font:normal 18pt 'Adobe Garamond Regular';
    padding: 8px 0 0 6%;
    text-transform:uppercase;
}
        #header.header-shrink .vbLogoAsText a {
            text-decoration:none;
    }
            /*
            #header.header-shrink .vbLogoAsText a:hover {
                  cursor:default;
            }
            */
            
#header.header-shrink .page-header ul {
    line-height: 23px;
}
    #header.header-shrink .page-header ul > li > a {
        height:88px;
    }
    #header.header-shrink .page-header ul > li > a:hover {
        background-color:#fff;
        color:#b9cba6;
    }

#header.header-shrink .page-header ul .navbar-listServ p a {
    background:rgb(101,98,93) !important;
}
    #header.header-shrink .page-header ul .navbar-listServ:hover {
        height:88px;
        background: #9e9a96 !important;
        padding-top:0;
    }
    #header.header-shrink .page-header ul .navbar-listServ p a:hover {
        display:inline-block;
        height:70px;
        margin-top:-36px;
        padding-top:36px;
        border-radius:0;
        background: #fff !important;
        color:#b9cba6 !important;
    }

/* -------------------------------------------------- */
/* format the 'Back to Top' icon
/* -------------------------------------------------- */
#back-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 999;
	display: none;
	width: 50px;
	height: 50px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	background-color: rgba(255,255,255,.25);
	text-align: center;
		
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .25s ease;
			transition: all .25s ease;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}
#back-top:after {
    font-family:"Glyphicons Halflings";
    content:"\e021";  /*Glyphicon-Home*/
	line-height: 48px;
	height: 40px;
	text-align: center;
	color: silver;
	font-size: 20px;
}
#back-top:hover {
	border-color: transparent;
	background-color: #b9cba6;
    border:1px solid #b9cba6;
    color:#fff;
}
#back-top:hover:after { color: #fff; }


/* -------------------------------------------------- */
/* site search
/* -------------------------------------------------- */
#txtSiteSearch {
    font-family: sans-serif;
    background-color:transparent;
    color:#fff;
    border-right:none;
    border-color:#fff;
    width:240px;
    -webkit-appearance : none;  /* needed for iOS devices (removes box shadow) */
    border-radius:0;
}
    #txtSiteSearch:focus {
        box-shadow: none;
    }

.btnSiteSearch {
    background-color:transparent;
    color:#fff;
    border-left:none;
    border-color:#fff;
    line-height: 1.4;
    border-radius: 0;
}
    .btnSiteSearch:hover {
        color: #fff;
    }
    .btnSiteSearch:active {
        box-shadow:none;
    }
    .btnSiteSearch:focus {
        color:#fff !important;
    }


/* -------------------------------------------------- */
/* page / section
/* -------------------------------------------------- */
.page { width: 100%; }

.section {
	position: relative;
	overflow: hidden;
	width: 100%;
	z-index: 2;
	padding: 100px 0;
	background-color: #fff;
}
.section-title {
	position: relative;
	margin-bottom: 70px;
	padding-bottom: 15px;
}
.section-title-white h1 {
    color: #fff !important;
}
.section-title:after {  /*-- draws horizontal line */
	bottom: 0;
	background: rgb(158,154,150) !important;   /* fallback for browsers not supporting rgba*/
    background: rgba(158,154,150, 0.26) !important; 
	content: "";
    width:300px;
	height: 4px;
    text-align:center;
    display:inline-block;
}

    .section-title h1 {
		margin-bottom: 10px;
		color: #86817c;
		text-transform: uppercase;
		font-weight: 100;
		font-size: 60px;
		line-height: 1.1em;
	}

	.section-title h2 {
		text-transform: uppercase;
		font-weight: 300;
	}

.padding-top-off      { padding-top: 0; }
.padding-bottom-off   { padding-bottom: 0; }
.padding-off		  { padding: 0; }
.padding-top-half-off { padding-top: 50px; }


/* -------------------------------------------------- */
/* our wines (formally our producers)
/* -------------------------------------------------- */
#producers .section-title {
    margin-bottom: 20px;
    padding-bottom:1px;
}
#producers .section-title:after {  /*-- draws horizontal line */
       width: 230px;
       margin-left:-47px;
    }

#producers .selection-box {
    height:auto;
    width:667px;
    background: rgb(158,154,150);   /* fallback for browsers not supporting rgba*/
    background: rgba(158,154,150, 0.8); 
}

/* ... producer search */
#divProducerSearch {
     margin-top:-10px;
}
    #divProducerSearch .input-group {
        margin-left: -48px !important;
    }

#txtProducerSearch {
    font: normal 13pt verdna arial !important;
    background-color:#b9cba6;
    color:#fff;
    border:none;
    border-radius:0;
    width:262px;
    height:33px;
}
    #txtProducerSearch:focus {
        box-shadow: none;
    }


.btnProducerSearch {
    background-color:#b9cba6;
    color:#fff;
    line-height:1.3;
    border:none;
    border-radius: 0;
    height:33px;
}
    .btnProducerSearch:hover {
        color: #fff;
    }

.prodNameSearchWindow {
    background-color:#FFFFFF;
    border:2px solid #b9cba6;
    cursor:default;
    display:none;
    position:absolute;
    left:-20px;
    text-align:left;
    width:100%;
    z-index:50;
    padding: 0;
    }

.prodNameSearchResultsTitle {
    background-color:#b9cba6;
    color: #fff;
    font-weight:bold;
    font-size:16pt;
    text-transform:uppercase;
}
#divProdNameSearchResults {
    height:332px;
    overflow:auto;
    border-bottom:1px solid #b9cba6;
}
    #divProdNameSearchResults p {
        margin: 10px 0 10px 0;
        border-bottom: 1px solid #EFEFEF;
    }
    #divProdNameSearchResults a {
        padding:0 2px 0 10px;
        font-size:16pt;
        /*color:#b9cba6;*/
        color:#86817c;
    }

.prodNameSearchWindowClose {
    padding: 20px 10px 10px 0;
    text-transform:uppercase;
    float:right;
    font-size:14pt;
    color:#cecece;
}
    .prodNameSearchWindowClose:hover {
        text-decoration: none !important;
        color:#65615d;
    }

.prodNameSearch-NoRecordsFound {
    padding:20px 20px 0 20px;
    color:#86817c;
    font-size:14pt;
    border:none !important;
}


/* ... printable list button */
#lnkProducerList {
    margin-top:-20px;
}
    #lnkProducerList.btn {
        background-color: #b9cba6;
        border-color:#fff;
    }
        #lnkProducerList.btn:hover {
            background-color: #b9cba6;
            border-color: #b9cba6;
        }

    #lnkProducerList i {
        margin:0px -3px;
    }

    #lnkProducerList pre {
        font-family: 'Adobe Garamond Regular' !important; 
        font-size:10px;
        color:#b9cba6;
        text-transform:uppercase;
        margin:14px 0 0 0;
    }


/* ... producer selections */
#divProducerSelections {
    margin-top:20px;
}
    /* ... remove the padding-left and right from bootstrap columns */
    #divProducerSelections  [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #divProducerSelections img {
        border: 1px solid #fff;
    }
	
    #divProducerSelections .image-button {
	    position: relative;
	    overflow: hidden;
        width:auto;
    }
		
    #divProducerSelections .image-button img {
	    display: block;
	    -webkit-transition: none;
			    transition: none;
    }
    #divProducerSelections .image-button:hover img {
	    -webkit-transform: scale(1.0);
			    transform: scale(1.0);
    } 			
    #divProducerSelections .image-button.touched .image-extra,
    #divProducerSelections .image-button:hover .image-extra {
	    background-color: #86817c;
        border:1px solid #fff;
	    opacity: 1.0;
	    filter: alpha(opacity = 100);
	    background-color: rgba(134,129,124, 1.0);
        pointer-events: none; /* lets the event fall through to the element below it (ie: allow the click event of the item that is being covered) */
    }
    #divProducerSelections .image-extra {
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 3;
	    overflow: hidden;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    opacity: 1.0;
	    filter: alpha(opacity = 100);
				
	    -webkit-transition: opacity .25s ease, background-color .45s ease;
			    transition: opacity .25s ease, background-color .45s ease;
    }
			
    .ie8 #divProducerSelections .image-extra { visibility: hidden; }
    .ie8 #divProducerSelections .image-button:hover .image-extra { visibility: visible; }
				
    #divProducerSelections .extra-content {
	    display: table;
	    overflow: hidden;
	    width: 100%;
	    height: 100%;
	    vertical-align: middle;
	    text-align: center;
    }	
    #divProducerSelections .inner-extra {
	    display: table-cell;
	    margin: 0;
	    padding: 0 10px;
	    width: 100%;
	    height: 100%;
	    vertical-align: middle;
    }
    #divProducerSelections .extra-title  { 
	    margin-bottom: 6px;
	    color: #fff;
        font-size:25pt;
	    text-transform: uppercase;
    }
    /*-- forces a line break between words */
    #divProducerSelections .line-break {
        display:block;
    }

/* ... our producers list */
.ourproducers-list-bg-color {
    background-color:#65615d;
}

    /* ... remove the padding-left and right from bootstrap columns */
    #divOurProducersList  [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* ... remove the margin-left and right from bootstrap row */
    #divOurProducersList {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*... producer tiles */
 	#divOurProducersList .work-item {
		position: relative;
		overflow: hidden;
	}
		
        #divOurProducersList .work-item img {
	        display: block;
	        -webkit-transition: none;
			        transition: none;
            border:1px solid #e6e6e6;
            width:100%;
        }
			
            #divOurProducersList .work-item:hover img {
	            -webkit-transform: scale(1.0);
			            transform: scale(1.0);
            } 

		#divOurProducersList .image-extra {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
			overflow: hidden;
			width: 100%;
			height: 100%;
			text-align: center;
	        opacity: 1;
	        filter: alpha(opacity = 92);
            background: rgb(134,129,124);  /* fallback for browsers not supporting rgba*/
            background: rgba(134,129,124, 0.92);   /* will allow the background image to show thru */
				
			-webkit-transition: opacity .25s ease, background-color .45s ease;
					transition: opacity .25s ease, background-color .45s ease;
		}

        #divOurProducersList .image-extra2 {
            background: rgb(134,129,124);
	        opacity: 1;
	        filter: alpha(opacity = 100);
        }

        #divOurProducersList .image-extra3 {
            background: rgb(134,129,124);
            opacity: 1;
	        filter: alpha(opacity = 100);
        }

		.ie8 #divOurProducersList .image-extra { visibility: hidden; }

        #divOurProducersList .work-item.touched .image-extra,
        #divOurProducersList .work-item:hover .image-extra {
	        opacity: 0;
	        filter: alpha(opacity = 0);
            background: rgb(134,129,124);
            background: rgba(134,129,124, 0.1);   /* will allow the background image to show thru */  
            pointer-events: none; /* lets the event fall through to the element below it (ie: allow the click event of the item that is being covered) */
        }

        
        /*... country tiles */
        #divOurProducersList .work-item-country {
		    position: relative;
		    overflow: hidden;
	    }
		#divOurProducersList .work-item-country:hover {
	        opacity:90 !important;
            cursor:pointer;
        }
        #divOurProducersList .work-item-country img {
	        display: block;
            height:auto;
            width:667px;
	        -webkit-transition: none;
			        transition: none;
            border:1px solid #e6e6e6;
        }
            #divOurProducersList .work-item-country:hover img {
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
            }
        #divOurProducersList .work-item-country.touched .image-extra,
        #divOurProducersList .work-item-country:hover .image-extra {
	        opacity: 90;
	        filter: alpha(opacity = 0);
            background: rgb(134,129,124);
            background: rgba(134,129,124, 0.1);   /* will allow the background image to show thru */  
            pointer-events: none; /* lets the event fall through to the element below it (ie: allow the click event of the item that is being covered) */
        }

        /*... region tiles */
        #divOurProducersList .image-extra-region {
	        background-color: #65615d;
	        opacity: 1;
	        filter: alpha(opacity = 100);
        }
		#divOurProducersList .work-item.touched .image-extra-region,
        #divOurProducersList .work-item:hover .image-extra-region {
	        opacity:90 !important;
	        background-color: #65615d !important;
	        background-color: rgba(101,97,93, 1.0) !important;
		}

        #divOurProducersList .work-item3.touched .image-extra3,
        #divOurProducersList .work-item3:hover .image-extra3 {
            background-color: #65615d;
            background-color: rgba(101,97,93, 1.0);
            opacity: 1.0;
            filter: alpha(opacity = 1.0);
        }
		.ie8 #divOurProducersList .work-item:hover .image-extra { visibility: visible; }
				
		#divOurProducersList .extra-content {
			display: table;
			overflow: hidden;
			width: 100%;
			height: 100%;
			vertical-align: middle;
			text-align: center;
		}	
		#divOurProducersList .inner-extra {
			display: table-cell;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			vertical-align: middle;
		}
        #divOurProducersList .extra-title  { 
            margin:20px 3px 6px 3px;
	        color: #fff;
	        font: normal 8pt 'Adobe Garamond Regular';
	        text-transform: uppercase;
        }
        #divOurProducersList .title-country {
            font-size: 12pt;
        }
        #divOurProducersList .title-region {
            font-size: 12pt;
        }
        #divOurProducersList .extra-category {
	        margin-bottom: 0;
	        color: #fff;
	        font: italic 8pt 'Adobe Garamond Regular';
        }


        /* !!! still needed??? !!! */
        /*... hide producer / country / region tiles */
        #divOurProducersList .hide-tile {
            height:0;
            width:0;
            margin:0;
        }
            #divOurProducersList .hide-tile h2,
            #divOurProducersList .hide-tile h6 {
                display:none !important;
            }
            #divOurProducersList .display-tile h2,
            #divOurProducersList .display-tile h6 {
                display:block !important;
            }
        .activeTile {
            background-color:transparent !important;
        }

        /*... used with mixItUp.js (do not alter) */
        #divOurProducersList .mix{
            opacity: 0;
            display: none;
        }

/* ... our wines list */
#divOurProducersWine .button-group {
    margin-top:50px;
}
#divOurProducersWine .button-select {
    display:inline-block;
    width:185px;
    height:40px;
    margin: 4px 10px;
    padding-top:7px;
    text-transform:uppercase;
    font-size:15pt;
    color:#fff;
    background-color:#b9cba6;
}
    #divOurProducersWine .button-select:hover {
        text-decoration: none !important;
        cursor:pointer;
    }
/* ... selection criteria */
.wine-characteristic-select {
	width:250px;
    text-align:center;
	background:#61a2b3;
    color:#fff;
    text-transform:capitalize;
    border:none;
    margin-bottom:10px;
}
    .wine-characteristic-select .alt-row {
        background-color: #2d6e81;
    }

    .wine-characteristic-select > option:hover {
    box-shadow: 0 0 10px 100px #b8caa4 inset;
    transition: all .2s ease-in-out;
}

.wine-characteristic-select-title {
    display:inline-block;
    width:250px;
    padding:18px 0;
    background-color:#2d6e81;
    color:#fff;
    text-transform:uppercase;
    font-size:16pt;
    letter-spacing:1px;
    height:60px;
}

#divOurProducersWine {
    margin: 0 -15px 0 -15px;  /*-- remove bootstrap gutters */
}
    #divOurProducersWine .title {
        margin-top: 50px;
    }
        #divOurProducersWine .title h2 {
            color:white;
            font-size:18pt;
            text-transform:uppercase;
        }
        #divOurProducersWine .title h3 {
            margin:10px 0 30px 0;
            color:white;
            font-size:14pt;
            font-style:italic;
        }

    /* -- icon Button */
    #divOurProducersWine .btn-circle {
      width: 100px;
      height: 100px;
      text-align: center;
      margin:0 10px 10px 10px;
      padding-top: 40px;
      font-size: 10pt;
      border-radius: 90px;
    }
    #divOurProducersWine .btn-circle-two-lines {
      padding-top: 23px;
    }
    #divOurProducersWine .btn-white-bg {
        background-color:#fff;
        color: #75b1be;
    }

    #divOurProducersWine .item-selected {
        color: #2D6E81;
        border-color:#2D6E81;
    }
        /*-- draw a checkmark after the text */
        #divOurProducersWine .item-selected:after {
            content:'\A \2713';  /*-- <br> and  checkmark */
            display:block;
            color:red;
        }

    #divOurProducersWine .btn:hover {
        background-color: #2D6E81;
        border-color: #2D6E81;
        color:#fff;
        font-weight:300;
    }

/* ... actual wine listing */
#divOurWinesList {
    margin:50px 0 10px 0;
}
#divOurWinesList .label-image {
    padding-left: 0px;
}
    #divOurWinesList .label-image .single-image img {
        width:80%; height:auto;
        border:1px solid #cecece;
        margin-bottom:10px;
    }

/* ... allow image to ease-in-out on hover
   ... Note: must add the transition properties to the element itself as well as the :hover */
#divOurWinesList .label-image img { 
    transition: all 0.35s ease-in-out;
}
#divOurWinesList .label-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
	transition: transform 0.35s ease-in-out;
}

#divOurWinesList .label-group {
	padding: 0 10px;
    border:none; 
    height:100px;
    margin:0 5px;
    text-align:center;						
	-webkit-transition: all .3s ease-in;
			transition: all .3s ease-in;
}
    #divOurWinesList .label-group h2 { 
        font-size:12pt !important;
        font-weight:initial;
        text-transform:initial;
    }
    #divOurWinesList .label-group h5 { 
        font-size:10pt !important;
    }

#divOurWinesList .label-info {
    background-color:transparent;
}

#divOurWinesList .label-title-producer {
	margin-bottom: 3px;
	font-size: 16px;
    color: #fff;
}

#divOurWinesList .label-title-wine {
    padding:0 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 16px;
}

#divOurWinesList .label-title-producer,
#divOurWinesList .label-title-wine {
	-webkit-transition: color .3s ease-in;
			transition: color .3s ease-in;
}


/* -------------------------------------------------- */
/* Portfolio section
/* -------------------------------------------------- */
#divPortfolio {
    padding: 50px 0;
    background-color:#7b7671;
}
#divPortfolio .section-title {
    margin-bottom: 40px;
}
    #divPortfolio .section-title:after {  /*-- draws horizontal line */
	    background: rgb(255,255,255) !important;
    }
#divPortfolio h1 {
    color:#fff !important;
}

/*
#divPortfolio .select-box-one {
    padding:0;
    text-align:right;
}
*/
#divPortfolio .select-box-one-inner {
    display:inline-block;
    width:280px;
    height:280px;
    padding:0 10px;
    background-color:#B2AEAB;
    margin-right:-3px;
}
    #divPortfolio .select-box-one-inner:hover {
        background-color: #8e8b86 !important;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: -webkit-transform 0.35s ease-in-out;
	    transition: transform 0.35s ease-in-out;
    }

/*
#divPortfolio .select-box-two {
    padding: 0;
    text-align:left;
}
*/
#divPortfolio .select-box-two-inner {
    display:inline-block;
    width:280px;
    height:280px;
    padding:0 10px;
    background-color:#B2AEAB;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
    #divPortfolio .select-box-two-inner:hover {
        background-color: #8e8b86 !important;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: -webkit-transform 0.35s ease-in-out;
	    transition: transform 0.35s ease-in-out;
    }

/*
#divPortfolio .select-box-three {
    padding: 0;
    text-align:left;
}
*/
#divPortfolio .select-box-three-inner {
    display:inline-block;
    width:280px;
    height:280px;
    padding:0 10px;
    background-color:#98a588;
    margin-left:-3px;
}
    #divPortfolio .select-box-three-inner:hover {
        background-color: #7b846d !important;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        -webkit-transition: -webkit-transform 0.35s ease-in-out;
	    transition: transform 0.35s ease-in-out;
    }
#divPortfolio a {
    color: #fff;
    font-size: 16pt;
    text-transform: uppercase;
    }

    #divPortfolio a:link,
    #divPortfolio a:visited,
    #divPortfolio a:hover,
    #divPortfolio a:active {
        text-decoration:none;
    }


/*... centers the text horizontally and vertically ...*/
.center-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    float: left;
 }


/* -------------------------------------------------- */
/* Reviews section
/* -------------------------------------------------- */
#reviews,
#reviews .section {
    background-color: #fff;
}
#reviews .section-title h1 {
    color:#86817c !important;
}

/*
#reviews .section-title:after {
    bottom: 0;
	height: 4px;
	background: rgb(158,154,150) !important;
    background: rgba(158,154,150, 0.26) !important; 
	content: "";
    width:300px;
	height: 4px;
    text-align:center;
    display:inline-block;
}
*/

#reviews hgroup {
    margin-bottom:40px;
}
.reviews-criteria-col {
    margin-top:10px;
}
#reviews .fancy-select {
    padding:0;
    color:#fff;
}

#reviews div.fancy-select ul.options {
    background:rgb(239,239,238);
}

#reviews div.fancy-select div.trigger {
    background: rgb(134,129,124);
    background: rgba(134,129,124, 0.8);    
    color: #fff;
}
#reviews div.fancy-select div.selectArrowColor {
    color:#65615d !important;
    background:rgba(134,129,124, 0.2) !important;
}
/*
.reviews-dropdown {
    padding: 0 0 0 4px;
    width: 100%;
    height: 46px;
    font-size: 14pt;
    color: #7f7f7f;
    background-color: #fff;
    background: rgba(255, 255, 255, 0.7) !important;
    filter: alpha(opacity = 70) !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:none;
    -webkit-border-radius:0;
			border-radius:0;
}
*/

.reviews-footer {
    margin-top:50px;
    margin-bottom:42px;
}
.reviews-button {
    margin:4px 10px;
    width:185px;
    height:40px;
    background-color:#b9cba6;
    color:#fff !important;
    font-size:15pt;
    opacity:1.0 !important;
    filter: alpha(opacity = 100);
    border:none;
    -webkit-border-radius:0;
			border-radius:0;
	-webkit-transition: all 0s ease;
			transition: all 0s ease;
}
    .reviews-button:hover {
        text-decoration:none;
    }

.jconfirm-title {  
    font-size: 14pt !important;
}
.jconfirm-get-score {
    margin-left:20px;
}
.jconfirm-buttons .btn {
    color: #fff !important;
    background-color:#b9cba6 !important;
    font-family: 'Adobe Garamond Regular' !important;
    border:none;
    border-radius:0;
    
}
    .jconfirm-buttons .btn:active,
    .jconfirm-buttons .btn:focus {
        border:none;
        border-radius:0;
        outline:none;
    }


/* -------------------------------------------------- */
/* Maps section
/* -------------------------------------------------- */
#maps {
    padding-bottom: 0 !important;
}

    #maps .section-title {
        margin-bottom: 40px;
    }
    #maps .section-title:after {  /*-- draws horizontal line */
	    background: rgb(255,255,255) !important;   /* fallback for browsers not supporting rgba*/
    }

    #maps .map-thumbnails img {
        width:60%; height:auto;
    }
        #maps .map-thumbnails img:hover {
            cursor:pointer;
        }

    #maps .map-list {
        margin-left: -15px;
        margin-right: -15px;
    }
        #maps .map-list [class^="col-"] {
            /*padding-top:20px;*/
            padding-bottom: 14px;
            padding-right:7px !important;
        }
        #maps .map-list img {
            width: auto;
            height: 375px;
        }

    #maps .imgCountry {
        padding-top:60px;
    }
    #maps .map-list-overflow {
        /*overflow:auto;*/
        overflow-y:auto;  /* vertical */
        overflow-x:hidden;  /* horizontal */
        margin-right:17px;
        /*-webkit-overflow-scrolling: touch;*/
    }
    
    /* style scrollbar */
    /* ... safari (ie: apple), chrome browsers */
    .map-list-overflow::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    .map-list-overflow::-webkit-scrollbar:vertical {
        width: 10px;
    }
    .map-list-overflow::-webkit-scrollbar:horizontal {
        height: 10px;
    }
    .map-list-overflow::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 11px rgba(255,255,255, 0.6);  /* scroll bar background track */
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    .map-list-overflow::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color:rgba(185,203,166, 1.0);
    }

    /* ... firefox, ie browsers (using jquery jscrollpane) */
    .jspVerticalBar {
        background: rgba(255,255,255, 0.3) !important; 
	    width: 10px !important;
        right:10px !important;
    }
    .jspHorizontalBar {
        background: rgba(255,255,255, 0.3) !important; 
        height: 10px !important;
    }
    .jspTrack
    {
        background: rgba(255,255,255, 0.4) !important; 
        border-radius: 15px;
        position: relative;
    }
    .jspDrag
    {
        background: rgba(185,203,166, 1.0) none repeat scroll 0% 0% !important;
        position: relative;
        top: 0;
        left: 0;
        cursor: pointer;
    }


#map-list-links {
    margin-top:20px;
    max-height:420px;
}
    #map-list-links > ul,
    .jspPane > ul {
        color:#fff;
        font-size:18pt;
        /*margin-right:-25px;*/
    }
    #map-list-links > ul > li,
    .jspPane > ul > li {
        padding-left:50px;
        padding-top: 8px;
        padding-bottom: 4px;
        margin-bottom:12px;
        margin-right:15px;
        font-size:20px;
        line-height:1.2em;
        min-height: 40px;
    }
        #map-list-links > ul > li > p,
        .jspPane > ul > li > p {
            margin-left:30px;
        }
            #map-list-links > ul > li > p > a,
            .jspPane > ul > li > p > a {
                font-size:16.5pt;
                color: #fff !important;
                text-decoration:none;
            }

    #map-list-links ul li span {
        position: absolute;
    }
    #map-list-links .ul-bullet-square {
        background-color:#fff;
        margin-top:4px;
        margin-left:6px;
    }


#imgMap {
    width:100%!important;
    height:auto !important;
}

/*-- ... download map image button */
.map-image-download {
    position:absolute;
    right:0;
    display:none;
}
    .map-image-download-button {
        display:block;
        padding-top: 45px;
        padding-right:10px;
        font-size:13pt;
        background-color:#656159;
        color:#fff;
        border:none;
        text-align:center;
        text-transform:uppercase;
        width:150px;
        height:140px;
    }
        .map-image-download-button:hover,
        .map-image-download-button:visited,
        .map-image-download-button:active,
        .map-image-download-button:link {
            text-decoration:none;
            color:#fff;
        }

/* -------------------------------------------------- */
/* Locate Wine section
/* -------------------------------------------------- */
/*#locateWine .container-fluid {
    padding-left:110px !important;
}*/
#locateWine {
    padding-right:15px;
    padding-left:15px;
}
#locateWine	.section-title:after {
	height: 4px;
	background-color: #d4d4d4;
}
#locateWine hgroup {
    margin-bottom:20px;  /*space from horizontal line to next element*/
}
#locateWine p {
    font-size:16pt;
    /*width:85%;*/
    text-align:justify;
    line-height: 150%;
    color:#86817c;
}
    #locateWine p a {
        color:#86817c;
        text-decoration:none;
    }

.locate-wine-criteria {
    width:100%;
    height:46px;
    margin-top:16px;
    padding-left:40px;
    font-size: 14pt !important;
    font-style:normal;
    color: #86817c;
    background: rgb(158,154,150) !important;
    background: rgba(158,154,150, 0.26) !important;
    /*filter: alpha(opacity = 70) !important;*/
    border:none;
    -webkit-border-radius:0;
			border-radius:0;
}

.locate-wine-criteria-firstrow {
    margin-top: 40px;
}
#txtLocateWineWinesOfInterest {
    height:80px;
}

.locate-wine-footer {
    margin-top:20px;
}
.locate-wine-button {
    width:35%;
    height:40px;
    padding-top:7px;
    font-size:12pt;
    font-weight:normal;
    color:#fff !important;
    background-color: #b9cba6;
    border:none;
    float:right;
}
    .locate-wine-button:hover {
    text-decoration:none;
}
#lnkLocateWineSubmit {
    text-decoration: none;
}

/*-- watermarks */
#locateWine .locate-Wine_watermark {
    color:rgba(158,154,150, 0.5);
    font-size:12pt !important;
    font-weight:normal;
    padding-left:40px;
    text-transform:uppercase;
}
#txtLocateWineState.locate-Wine_watermark,
#txtLocateWinePostalCode.locate-Wine_watermark {
    padding-left:0 !important;
    text-align:center;
}
#txtLocateWineWinesOfInterest.locate-Wine_watermark {
    padding-top:34px;
}


/*-- field validation */
.ValidateMsg {
    color: red;
}
.validate-failed    {
    border: solid 1px red !important;
}
.validate-passed    {
    border: none;
    /*background: rgb(158,154,150) !important;*/
    /*background: rgba(158,154,150, 0.26) !important;*/
}

.full-screen-height {
    height: 100%;
}

/*-- field validation message */
#dialogLocateWineInvalidDataMsg.ui-widget-content {
    font-size: 12pt;
}


/* -------------------------------------------------- */
/* Social Media (What's New) section
/* -------------------------------------------------- */
#socialMedia,
#socialMedia .section {
    background: rgb(158,154,150) !important;
    background: rgba(158,154,150, .26) !important;

}

/*
#socialMedia .section-title h1 {
    color:#fff !important;
}
*/
    #socialMedia .section-title:after {
	    height: 4px;
	    background-color: #fff !important;
}

#socialMedia hgroup {
    margin-bottom:20px;  /*space from horizontal line to next element*/
}
#socialMedia p {
    margin-bottom:10px;
    text-align:center;
    font-size:22pt;
    color:#fff;
    text-transform:uppercase;
}

#socialMedia .icon-facebook:before { content: '\e803'; color:#b9cba6; }
#socialMedia .icon-facebook:hover:before { content: '\e803'; color:rgba(158,154,150, 0.6); }

#socialMedia .icon-twitter:before { content: '\e804'; color:#b9cba6; }
#socialMedia .icon-twitter:hover:before { content: '\e804'; color:rgba(158,154,150, 0.6); }

#socialMedia .icon-instagram:before { content: '\e806'; color:#b9cba6; }
#socialMedia .icon-instagram:hover:before { content: '\e806'; color:rgba(158,154,150, 0.6); }

#socialMedia .icon-pinterest:before { content: '\e805'; color:#b9cba6;}
#socialMedia .icon-pinterest:hover:before { content: '\e805'; color:rgba(158,154,150, 0.6); }

#socialMedia ul.social-icons li {
	display: inline-block; 
	margin-right: 16px; 
	margin-bottom: 25px; 
	vertical-align: top;
    height: 90px;
    width: 90px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
}

    #socialMedia ul.social-icons li a {
        text-decoration:none;
		position: relative;
		display: block;
		width: 90px;
		height: 90px;
		font: 0/0 a;
		cursor: pointer;
		text-align: center;

		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}


        #socialMedia ul.social-icons li a:hover { border-color: transparent; }	
			
        #socialMedia ul.social-icons .twitter a:hover	  { background-color: #fff; }
        #socialMedia ul.social-icons .facebook a:hover	  { background-color: #fff; }
        #socialMedia ul.social-icons .instagram a:hover	  { background-color: #fff; }
        #socialMedia ul.social-icons .pinterest a:hover	  { background-color: #fff; }
        #socialMedia ul.social-icons .linkedin a:hover	  { background-color: #2c7cb7; }
        #socialMedia ul.social-icons .rss a:hover		  { background-color: #fe9900; }
        #socialMedia ul.social-icons .gplus a:hover		  { background-color: #c33d19; }
        #socialMedia ul.social-icons .flickr a:hover	  { background-color: #e82c88; }
        #socialMedia ul.social-icons .dropbox a:hover	  { background-color: #5da3e8; }
        #socialMedia ul.social-icons .youtube a:hover	  { background-color: #b72d24; }
        #socialMedia ul.social-icons .blogger a:hover	  { background-color: #f38f33; }
        #socialMedia ul.social-icons .evernote a:hover	  { background-color: #73b122; }
        #socialMedia ul.social-icons .dribbble a:hover	  { background-color: #e65992; }
        #socialMedia ul.social-icons .behance a:hover	  { background-color: #18a3fe; }
        #socialMedia ul.social-icons .lastfm a:hover	  { background-color: #be0607; }
        #socialMedia ul.social-icons .skype a:hover		  { background-color: #24b0e4; }
        #socialMedia ul.social-icons .vimeo a:hover		  { background-color: #568799; }
        #socialMedia ul.social-icons .forrst a:hover	  { background-color: #628267; }
        #socialMedia ul.social-icons .digg a:hover		  { background-color: #2882c6; }
        #socialMedia ul.social-icons .appstore a:hover	  { background-color: #606060; }
        #socialMedia ul.social-icons .wordpress a:hover   { background-color: #33759d; }
        #socialMedia ul.social-icons .stumbleupon a:hover { background-color: #eb4924; }
        #socialMedia ul.social-icons .deviantart a:hover  { background-color: #5f7162; }
        #socialMedia ul.social-icons .github a:hover	  { background-color: #7292a2; }
        #socialMedia ul.social-icons .mail a:hover		  { background-color: #65a413; }

        #socialMedia ul.social-icons .blog:hover		  { background-color: #5f7162; }		
        #socialMedia ul.social-icons .blog { width: 110px; height: 100px; }
        #socialMedia ul.social-icons .blog img { padding-top:10px; width:90px; height:auto; }

#socialMedia ul.social-icons li i {
    display: block;
    color: #a0a0a0;
    font-size: 60px;
    line-height: 95px;
}


/* -------------------------------------------------- */
/* About Us section
/* -------------------------------------------------- */
#aboutUs,
#aboutUs .section {
    background-color: #fff;
}
/*#aboutUs .section-title h1 {
    color:#75b1be !important;
}*/
    #aboutUs .section-title:after {
	    height: 4px;
	    background-color: #75b1be;
}
#aboutUs hgroup {
    margin-bottom:20px;  /*space from horizontal line to next element*/
}
#aboutUs p {
    margin-bottom:10px;
    text-align:center;
    font-size:22pt;
    color:#9e9a96;
    text-transform:uppercase;
}

#aboutUs ul.social-icons li {
	display: inline-block; 
	margin-right: 0; 
	margin-bottom: 25px; 
	vertical-align: top;
}

    #aboutUs ul.social-icons li a {
        text-decoration:none;
		position: relative;
		display: block;
		width: 110px;
		height: 100px;
		font: 0/0 a;
		cursor: pointer;
		text-align: center;

		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-border-radius: 3px;
				border-radius: 3px;
	}

        #aboutUs ul.social-icons li a:hover { border-color: transparent; }	
    
        #aboutUs ul.social-icons .pdf:hover,
        #aboutUs ul.social-icons .multimedia:hover {
             transform: scale(1.05); }

        #aboutUs ul.social-icons .pdf,
        #aboutUs ul.social-icons .multimedia
         { width: 110px; height: 100px; }

        #aboutUs ul.social-icons .pdf img,
        #aboutUs ul.social-icons .multimedia img
         { padding-top:10px; padding-bottom:10px; width:auto; height:110px;}

#aboutUs ul.social-icons li i {
    display: block;
    color: #a0a0a0;
    font-size: 80px;
    line-height: 100px;
}

/*@@@@@ TFT @@@@@*/
#crs_CharitablePartnerships img {
    height:80px;
    width:auto;
}

/* -------------------------------------------------- */
/* Cases / Codes / Scores section
/* -------------------------------------------------- */

/* -- section title */
#casesCodesScores .section-title {
    margin-bottom:35px;
}

/* -- icon titles */
#casesCodesScores .title {
    font-size:16pt;
    color:#86817c;
}

/* -- icon Button */
#casesCodesScores .btn-circle {
  width: 170px;
  height: 170px;
  /*line-height: 1.33;*/
  margin-top:15px;
  background-color: transparent;
  border:none;
  /*border-radius: 50%;*/
  /*border-color:#c0c0c0;*/
}

#casesCodesScores img {
  padding-top:15px;
  width:125px;
}


/* -------------------------------------------------- */
/* Featured Wines
/* -------------------------------------------------- */
#featuredWines,
#featuredVideos {
    background: rgba(128, 128, 128, 0.6) !important;
}
    #featuredWines .title,
    #featuredVideos .title {
        font-size:22pt;
        color:#75b1be;
        padding-top:20px;
    }

    #featuredWines .spacer,
    #featuredVideos .spacer {
         background-color:#b9cba5;
         height:5px;
    }

    #featuredWines .mTSWrapper {
        display:inline-block;  /* this allows thumbnails to be centered when there is not a full carousel */
    }

.featured-items-carousel{
    position:fixed;
    width: 100%;
    z-index: 10000;
    text-align:center;
    font-size:18px;
    color: #000;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    bottom: 0;
    height:24px;
}

.featured-wine-tab,
.featured-videos-tab {
    width:165px;
    height:30px;
    margin: auto;
    margin-right:30px;
    padding-top:4px;
    font-size:10pt;
    background: rgba(152,189,128, 0.6) !important;  /* green */
    color:#fff;
    letter-spacing:1px;
    border-top-right-radius:25px;
    border-top-left-radius:25px;
}
    .featured-wine-tab:hover,
    .featured-videos-tab:hover {
        cursor:pointer;
    }

.featured-videos-tab {
    position:fixed;
    z-index: 10000;
    right: 0;
    left: 0;
    margin-right:30px;  /*-- das/20210622 - from 200px, because we are hiding the Featured Wines tab -----*/
    margin-left: auto;
    text-align:center;
}
#thumbnail-list{
    overflow: auto;
    height: auto;
    margin-top:10px;
    margin-bottom:40px;
    padding-left:50px;
    padding-right:50px;
    background-color:transparent;
    border: none;
}
    #thumbnail-list li {
        padding:1px 3px;
    }
        #thumbnail-list li img {
            height:123px;
            width:93px;
            box-shadow:none;
            border:none;
            -webkit-box-shadow: 3px 3px 1px #ccc;
            -moz-box-shadow: 3px 3px 1px #ccc;
        }
            #thumbnail-list li img:hover {
                -webkit-transform:scale(1.10); /* Safari and Chrome */
                -moz-transform:scale(1.10); /* Firefox */
                -ms-transform:scale(1.10); /* IE 9 */
                -o-transform:scale(1.10); /* Opera */
                transform:scale(1.10);
            }

.mTS-buttons-out .mTSButtonIcon {  /* arrows left and right */
    fill: #fff !important;
}

.enlarge-img {
    width:100px;
    height:100px;
    overflow:hidden;
}

/* -------------------------------------------------- */
/* Website Footer
/* -------------------------------------------------- */
.website-footer-section {
    margin-top:100px;
    background-color:#9e9a96;
}
.website-footer {
    padding:20px 0;
    font-size:12pt;
    color:#fff;
    width:90%;  /*-- forcing the width removed a right side scroll bar that was appearing on phones/tablets - weird!!! --*/

}
    .website-footer a {
        color:#fff;
    }
        .website-footer a:active, 
        .website-footer a::selection {
            text-decoration:none;
        }

.website-footer-company {
    padding-bottom:20px;
}


/* -------------------------------------------------- */
/* Dialog boxes
/* -------------------------------------------------- */
.ui-dialog {
    width:auto !important;
}
.ui-widget-header {
    background: none !important;
    background-color: #b9cba6 !important;
}
.ui-dialog-title {
    text-transform:uppercase !important;
    font-family: 'Adobe Garamond Regular' !important;
    font-size:20px !important;
    font-weight:600;
    color:#fff !important;    
}
.ui-dialog-content {
    font-family: 'Adobe Garamond Regular' !important;
    font-size: 12px;
}
.ui-dialog {
    position:fixed;
    top:20% !important;
    min-width:520px !important; /* New width for default modal */
}
.ui-dialog-buttonset button {
    color:#fff;
    background-color:#b9cba6;
    padding:6px 10px;
    border:none;
    min-width: 100px;
}
#divNewsSelect {
    width: 520px !important;
}
#divNewsSelect ul {
    list-style:none;
    text-indent:-18px;
    margin-left:20px;
}
    #divNewsSelect ul li {
        font-family: 'Adobe Garamond Regular' !important;
        font-size:14pt !important;
        line-height:25px !important;
        list-style:none;
        margin-bottom:20px;
    }
    /*-- style the list bullets -----*/
    #divNewsSelect ul li::before {
          color: #86817c;  
          /* color of bullet or square */

          content: "\2022"; 
          /* Unicode of character to precede the list item */

          font-size: 1em; 
          /* em or %*/
 
          padding-right: 0.5em; 
          /* use em*/

          position: relative;
          top: 0em; 
          /* use em or % */
        }
    
        #divNewsSelect ul li a {
            text-decoration: none;
            color: #86817c;
        }
            #divNewsSelect ul li a:hover {
                text-decoration: underline;
            }


/*+++ das/20210809 - add styling to Digital Catalog icons +++*/
/* -------------------------------------------------- */
/* Digital Catalog
/* -------------------------------------------------- */
.digcat-image-float {
    position: fixed;
    left: 40px;
    bottom: 30px;
    width: 71px;
    height: auto;
    z-index: 999;
}
.digcat-circle-icon {
	position: fixed;
	display: block;
	left: 52px;
	bottom: 41px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	background-color: rgba(255,255,255,.25);
	color: #000;
	text-align: center;
	transition: all .25s ease;
	backface-visibility: hidden;
	z-index: 999;
}

/* -------------------------------------------------- */
/* ListServ
/* -------------------------------------------------- */
#divListServOptIn {
    color:rgb(101,98,93);
    background-color:#b9cba6;
    margin:-3px;  /* remove margins so that we cover entire dialog box w/bg color */
    text-align:center;
}
.listServOptIn-border {
    background-color:#b9cba6;
    margin:1px -5px;
    border:2px solid #fff;
    height:670px;
}
.listServOptIn-body {
    background-color:#fff;
    margin:50px 30px;
    height:575px;
}
.listSerOptIn-VBlogo {
    margin-top:30px;
    height:50px;
    width:auto;
}
.listServOptIn-welcome {
    margin-top:20px;
    font-size:12pt;
    line-height:1.2em;
}
.listServOptIn-textbox {
    text-align:center;
    background-color: rgba(185,203,166, 0.20);
    border:1px solid rgba(157,153,150, 0.64);
    height:35px;
    padding-left:5px;
    width:250px;
    font-size:10pt;
}
.listServOptIn-options {
    margin-top:30px;
    margin-bottom:30px;
    text-align:left; 
}
.listServOptIn-CheckBoxList {
    margin: 0 50px;
}
    .listServOptIn-CheckBoxList td {
        padding-bottom:4px;
    }
    .listServOptIn-CheckBoxList input {
        float: left;
        margin-bottom:-17px;
        margin-left:0;
    }
    .listServOptIn-CheckBoxList label {
        margin-left:20px;
        color: rgb(101,98,93);
        font-size:12pt;
        font-weight:normal;
        display: inline;
        float:left;
    }
.listServOptIn-privacy-message {
    margin-top:30px;
    line-height:1.2em;
    font-size:12pt;
}
#btnListServOptIn,
#btnListServOptInCancel {
    width:120px;
    height:36px;
    background-color: rgb(134,129,124);
    color:#fff;
    border:none;
    font-size:14px;
}

.listServ-jconfirm-title {
    background-color: #b9cba6;
    color:#fff;
    padding-top: 15px;
    padding-left: 12px;
    margin-bottom:6px;
}
.listServ-watermark {
    color:rgba(101, 98, 93, 0.40) !important;
}
.listServ-alert {
    color:rgb(101,98,93);
}
.listServOptIn-ui-dialog {
    top: 15% !important;
}

/* -------------------------------------------------- */
/* BEGIN media queries which handle the resizing of the navigation menu.
/* NOTE: The odd Screen Widths are due to the positioning of the VBLogo and VBLogoText which are postioned before the menu selections.
/* -------------------------------------------------- */
@media only screen and (max-width: 1300px) {
	.header-text h1 { 
		font-size: 90px; 
	}
}
@media only screen and (max-width: 1100px) {
	.header-text h1 { 
		font-size: 80px; 
	}
}

@media only screen and (max-width: 1040px) {
}

@media only screen and (max-width: 940px) {
    #header.header-shrink .vbLogoAsText {
        font-size:16pt;
        padding-left:2%;
    }
}
@media only screen and (max-width: 899px) {
    .page-header {
        margin-left: 15%;
    }
    .page-header ul {
        line-height: 63px;
        margin-top: -80px;
    }
    .img-vblogo {
        max-width: 100px;
        max-height: 65px;
        margin:10px 0 -47px -92px;
    }
	.header-text h1 { 
		font-size: 70px; 
	}
    #header.header-shrink .vbLogoAsText {
        font-size:13pt;
        padding-left:1%;
    }
    #header.header-shrink #H1 {
        line-height:18px;
    }
        #header.header-shrink #H1 a {
            color:#fff;
            letter-spacing:1px;
        }
}
@media only screen and (max-width: 848px) {
    .page-header li {
        font-size: 11pt;
    }
	.header-text h1 { 
		font-size: 60px; 
	}
    
    /*-- producers (our wines) */
    #divProducerSelections .image-button {
        height:240px;
    }
}
@media only screen and (max-width: 793px) {
    .page-header li {
        font-size: 11pt;
    }
}
/* END media queries which handle the resizing of the navigation menu.
-------------------------------------------------- */

/* -------------------------------------------------- */
/* Media queries to test for height of browser window
/* -------------------------------------------------- */
/* ... size the Background Image Text as a window height is changed */
@media only screen and (max-height: 700px) {
    .header-text h1 { 
        margin-top:7% !important;
	    font-size:70px; 
    }
}
@media only screen and (max-height: 575px) {
    .header-text h1 {
	    font-size:60px; 
    }
}
@media only screen and (max-height: 500px) {
    .header-text h1 {
	    font-size:50px; 
        margin-top:10% !important;    }
}
@media only screen and (max-height: 450px) {
    .header-text h1 {
	    display:none;
    }
}


/* -------------------------------------------------- */
/* Standard media queries
/* -------------------------------------------------- */
/*-- all Mobile Devices */
@media only screen and (max-width: 767px) {
    .display-inline-block {
        display:block;
    }
    .page-header {
        height:235px;
    }
	.dropdown-menu {
		position: relative;
	}

    /*-- fancy select: used in the Reviews & OurWine selections */		
   div.fancy-select {
        padding-bottom:2px;
        height:50px;
		font-size:16px !important;
    }
        div.fancy-select div.trigger {
            height:45px;
            padding:0;  /* remove all padding before applying the next statement */
            padding-top:10px;
        }
        div.fancy-select ul.options {
            width:100%;
        }
        div.fancy-select ul.options.open {
            top:55% !important;
            min-height:90%;
            min-width:90%;
            max-width:90%;
        }    

        div.fancy-select div.trigger {
            width:100%;
        }

        div#divWineButtons .display-inline-block {
        margin-right:15px;
        margin-left:15px;
    }

 
    /*-- our producers */
    div#divOurProducersWine .button-select {
        width: 75%;
        height:60px;
        margin:4px 0;
        padding-top:16px;
    }

    /*-- reviews */
 	#reviews hgroup {
		margin-bottom:20px;
	}
	#reviews.section {
		padding:20px 0 100px 0 !important;
	}	

    /*-- maps */
    #map-list-links > ul > li {
        padding-left:10px;
    }
        #map-list-links > ul > li > p > a {
            font-size:14pt;
        }
    
    /*-- locate wine */
    #locateWine .container-fluid {
        padding-left:15px !important;
    }
    #locateWine p {
        width:100%;
    }

    /*-- slide navigation arrows */
    .slides-navigation  { visibility:hidden !important; }  /* hide navigation arrows */
    .slides-navigation a:hover { visibility:hidden !important; }  /* hide navigation arrows */
    
    /*-- featured wines */
    .featured-wine-tab {
       margin-right:auto; /* will center the label within the container */
       padding-top:4px;
    }

    /* -------------------------------------------------- */
    /* Dialog boxes
    /* -------------------------------------------------- */
    .ui-dialog-title {
        font-size:16px !important;
    }
    .ui-dialog-content {
        font-size: 10px;
    }
    .ui-dialog {
        position:fixed; 
        top:10% !important;
        min-width:90% !important; /* New width for default modal */
    }
    .ui-dialog-buttonset button {
        padding:6px 10px;
        border:none;
        min-width: 100px;
    }
    #divNewsSelect ul {
        padding-left: 1em;
    }
        #divNewsSelect ul li {
            font-family: 'Adobe Garamond Regular' !important;
            font-size:12pt !important;
            line-height:30px !important;
            list-style:none;
        }
    .listServOptIn-ui-dialog {
       top: 0 !important;
    }
    .listServOptIn-welcome {
        font-size:9pt;
    }
    .listServOptIn-CheckBoxList {
        margin: 0 10px;
    }
        .listServOptIn-CheckBoxList label {
            font-size: 11pt;
        }
    .listServOptIn-privacy-message {
        font-size:9pt;
    }
}

@media only screen and (max-width: 767px) and (orientation : portrait) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none;
    }
}

@media only screen and (max-width: 767px) and (orientation : landscape) {
    /* -- extend screen height when display is landscape on small devices */
    #slides {
        height: 455px !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /* -- incorporate 5 column bootstrap grid */
    .col-sm-5cols {
        width: 20.0%;
        float: left;
    }

    div.fancy-select ul.options.open {
        top:40% !important;
        min-height:40%;
    }

	#reviews hgroup {
		margin-bottom:20px;
	}

    /* Hack for Safari browser until I can figure out why rows run together */
    #reviews .fixed-height {
        height: 62px;
    }

    /*-- locate wine */
    #locateWine .container-fluid {
        padding-left:90px !important;
    }
    .locate-wine-criteria {
        padding-left:23px !important;
    }
    .listServOptIn-ui-dialog {
       top: 14% !important;
    }

}

@media only screen and (min-width : 768px) and (orientation : landscape) {
    div.fancy-select ul.options.open {
        top: 55% !important;
        min-height: 80%;
    }

    #reviews hgroup {
        margin-bottom: 20px;
    }
    .listServOptIn-ui-dialog {
       top: 4% !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px)  and (orientation : landscape) {  
    /*-- locate wine */
    #locateWine .container-fluid {
        padding-left:40px !important;
    }
    #locateWine .container-fluid .col-md-6 {
        width: 70%;
    }
    #locateWine .container-fluid .col-md-3 {
        width: 40%;
    }
    #locateWine .container-fluid .col-md-2 {
        width: 19.667%;
    }
    #locateWine .container-fluid .col-md-1 {
        width: 10.333%;
    }
    /*#locateWine p {
        padding-left:195px;
        width:88%;
    }*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   /* -- incorporate 5 column bootstrap grid */
   .col-md-5cols {
        width: 20.0%;
        float: left;
    }
   
    /*--- reviews */
    #reviews hgroup {
		margin-bottom:40px;
	}		
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    /* -- incorporate 5 column bootstrap grid (for large devices only) */
   .col-lg-5cols {
        width: 20.0%;
        float: left;
    }

    /* -- incorporate 7 column bootstrap grid (for large devices only) */
   .col-lg-7cols {
        width: 14.285714285714285714285714285714%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    /* -- incorporate 8 column bootstrap grid (for large devices only) */
    .col-lg-8cols {
        width: 12.5%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    /* -- incorporate 10 column bootstrap grid (for large devices only) */
    .col-lg-10cols {
        width: 10%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .listServOptIn-ui-dialog {
       top: 5% !important;
    }
}

/* XLarge Devices */
/* Note: The entry screen for Locate Wine did not look good on XLarge screens so this handles that situation */
@media only screen and (min-width : 1550px) {
    #locateWine .xl-screen {
        width: 75%;
        margin-left: 12.5%;
    }
    .listServOptIn-ui-dialog {
        top: 12% !important;
    }
}


@media only screen and (min-width : 768px) and (max-width : 1024px) {  /* iPad */
    /*-- producers */
    #divProducerSelections .extra-title {
        font-size:20pt;
    }

    /* -- locate wine */
    #locateWine .locate-Wine_watermark,
    #txtLocateWineState.locate-Wine_watermark,
    #txtLocateWinePostalCode.locate-Wine_watermark {
        font-size:12pt !important;
     }


    /*-- maps */
    #maps .map-list [class^="col-"] {
        padding-bottom:0 !important;
    }
    	#maps .map-list img {
            width: auto;
            height: 275px;
        } 

    #map-list-links > ul > li {
        padding-left:30px;
    }
        #map-list-links > ul > li > p > a {
            font-size:14pt;
        }

   .map-image-download-button {
        right:15px;
        padding-top: 38px;
        padding-right:10px;
        font-size:10pt;
        width:120px;
        height:110px;
    }

    /*-- Our Wines | wine label list */
    #divProcessingMessage h1 {
        font-size:14pt;
    }
    div.blockMsg {  /* used within jquery.blockUI.js */
        width:  80%;
        left:   10%;
    }

    .section-title:after { width: 175px; }   /*-- draws horizontal line */
    #socialMedia .section-title:after { width: 175px; }   /*-- draws horizontal line */
    #locateWine .section-title:after  { width: 175px; }   /*-- draws horizontal line */
    #maps .section-title:after { width: 175px; }   /*-- draws horizontal line */
    #producers .section-title:after { width: 175px; }   /*-- draws horizontal line */

    
    /*-- case codes */
    #casesCodesScores .section-title H1 {
        font-size:50px;
    }
}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { /* iPad portrait */
    /*-- producers (our wines) */
    #divProducerSelections .image-button {
        height:240px;
    }

    /*-- producer name search */
    #divProdNameSearchResults {
        height:548px;
    }
    /*-- locate wine */
    #locateWine p { width:80%; }

    /*-- Our Wines | wine label list */
    #divOurWinesList .label-image .single-image img {
        width:80%;
    }
    #divOurWinesList .label-group {
        margin:0 5px;
    }
       #divOurWinesList .label-info {
        margin-bottom:0;
    }

    /*-- maps */
    #maps img {
        width:60%; height:auto;
    }
    #map-list-links {
        max-height:580px;
    }

    #divPortfolio .select-box-one-inner,
    #divPortfolio .select-box-two-inner,
    #divPortfolio .select-box-three-inner {
        width:400px;
        height:150px;
        border:none;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { /* iPad landscape */
    /*-- producer name search */
     #divProdNameSearchResults {
        height:180px;
    }
    /*-- Our Wines : wine label list */
    #divOurWinesList .label-image .single-image img {
        width:80%;
    }
    #divOurWinesList .label-group {
        margin:0 5px;
    }
    #divOurWinesList .label-info {
	    /*width: 236px;*/
        margin-bottom:0;
    }
    
    /*-- reviews --*/
	#reviews hgroup {
	    margin-bottom:20px !important;
    }
    .reviews-footer {
        margin-top: 35px;
    }

    
    /*-- maps */
    #maps img {
        width:55%; height:auto;
    }
    #map-list-links {
        max-height:390px;
    }

    /*-- website footer */
    .website-footer {
        padding:22px 0 10px 0;
    }
}

@media only screen and (min-width : 320px) and (max-width : 568px) { /* iPhone */
    .featured-videos-tab,
    .featured-wine-tab {
        width: 155px;
    }
    .featured-videos-tab {
        margin-right:175px;
    }
    .featured-wine-tab {
        margin-right:21px;
    }

    /*-- our producers */
    #divProducerSearch .input-group {
        margin-left: -3px !important;
    }

    #txtProducerSearch {
        font-size: 10pt !important;
    }

    /*-- producer name search */
    .prodNameSearchWindow {
        left: 0px;
        margin-left: 6px;
        width: 96%;
    }

    .prodNameSearchResultsTitle {
        font-size: 12pt;
    }

    #divProdNameSearchResults {
        height: 225px;
    }

        #divProdNameSearchResults a {
            padding: 0 2px 0 10px;
            font-size: 12pt;
            color: #75b1be;
        }

    /*-- locate wine */
    #locateWine p {
        width: 100%;
        font-size: 12pt;
    }

    .locate-wine-criteria {
        padding-left: 4px;
    }

    #locateWine .locate-Wine_watermark,
    #txtLocateWineState.locate-Wine_watermark,
    #txtLocateWinePostalCode.locate-Wine_watermark {
        font-size: 12pt !important;
        text-align: left !important;
        padding-left: 20px !important;
    }

    .locate-wine-button {
        width: 100%;
    }

    .reviews-button {
        width: 75%;
        height: 60px;
        margin: 4px 0;
        padding-top: 16px;
    }

    /*-- Our Wines | Country selection */
    #divOurProducersList .title-country {
        font-size: 8pt;
    }

    /* -- Our Wines | wine characteristic selection */
    p.wine-characteristic-select-title {
        margin-top: 20px;
    }

    #divOurProducersWine .title {
        margin-top: 15px;
    }

        #divOurProducersWine .title h2 {
            font-size: 14pt;
        }

        #divOurProducersWine .title h3 {
            font-size: 12pt;
        }

    /*-- Our Wines | wine label list */
    #divProcessingMessage h1 {
        font-size: 12pt;
    }

    div.blockMsg { /* used within jquery.blockUI.js */
        width: 80%;
        left: 10%;
    }

    /*-- maps */
    #maps .map-list [class^="col-"] {
        padding-bottom: 0 !important;
    }

    #map-list-links > ul {
        margin-left: -20px;
        margin-right: 2px;
    }

        #map-list-links > ul > li {
            padding-left: 20px;
        }

            #map-list-links > ul > li > p > a {
                font-size: 14pt;
            }


    #maps .map-list img {
        width: auto;
        height: 255px;
    }

    #map-list-links {
        max-height: none;
    }

    #maps .map-list [class^="col-"] {
        padding-right: 0;
    }

    .section-title:after {
        width: 175px;
    }
    /*-- draws horizontal line */
    #socialMedia .section-title:after {
        width: 175px;
    }
    /*-- draws horizontal line */
    #locateWine .section-title:after {
        width: 175px;
    }
    /*-- draws horizontal line */
    #maps .section-title:after {
        width: 175px;
    }
    /*-- draws horizontal line */
    #producers .section-title:after {
        display: none;
    }
    /*-- draws horizontal line */

    #divProducerSelections .line-break {
        display: none;
    }

    .navbar-listServ p {
        margin-top:0;
        text-align:center;
    }
}

@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) { /* iPhone portrait */
    #divOurWinesList .label-group {
        margin:0 5px;
    }

    /*-- maps */
    #maps img {
        width:55%; height:auto;
    }
    #maps .map-thumbnails img {
        width:95%; height:auto;
    }

    .website-footer {
        padding:20px 0;
        font-size:9pt;
    }

    /*-- case codes */
    #casesCodesScores .section-title H1 {
       font-size:25px;
    }

    /*-- website footer */
    .website-footer-company {
        font-size:11pt;
    }

}

@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) { /* iPhone landscape */
    /*-- Our Wines | wine label list */
    #divOurWinesList .label-image .single-image img {
        width:70%; 
    }
    #divOurWinesList .label-group {
        text-align:center;
        margin:0 5px;
    }

    /*-- maps */
    #maps img {
        width:50%; height:auto;
    }
    #maps .map-thumbnails img {
        width:70%; height:auto;
    }

    #socialMedia p {
        font-size: 0pt;
        margin-bottom: 20px;
    }
}


/*-- iPhone 6 --*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    .navbar-listServ p {
        margin-top: 0;
        text-align: center;
    }
}

/*-- iPhone6, portriat */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .featured-videos-tab,
    .featured-wine-tab {
        width: 158px;
    }
    .featured-videos-tab {
        margin-right:190px;
    }
    .featured-wine-tab {
        margin-right:30px;
    }
    

    #socialMedia .icon-facebook:before, 
    #socialMedia .icon-twitter:before,
    #socialMedia .icon-instagram:before,
    #socialMedia .icon-pinterest:before {
        margin-top:11px;
    }

    #socialMedia ul.social-icons li i {
        font-size:65px;
        line-height:65px
    }
        #socialMedia ul.social-icons li a {
		    width: 88px;
		    height: 88px;
	    }
}

/*-- iPhone6, landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .featured-videos-tab,
    .featured-wine-tab {
        width: 158px;
    }
    .featured-videos-tab {
        margin-right:190px;
    }
    .featured-wine-tab {
        margin-right:30px;
    }
    
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .navbar-listServ p {
        margin-top: 0;
        text-align: center;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .featured-videos-tab,
    .featured-wine-tab {
        width: 155px;
    }
    .featured-videos-tab {
        margin-right:205px;
    }
    .featured-wine-tab {
        margin-right:45px;
    }
    

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .featured-videos-tab,
    .featured-wine-tab {
        width: 158px;
    }
    .featured-videos-tab {
        margin-right:190px;
    }
    .featured-wine-tab {
        margin-right:30px;
    }
    
}

/*-- all Mobile Devices */
@media only screen and (max-width: 767px) {
    #header {
        position:absolute;
        top:0;
        width:100%;
        background-color:transparent !important;
    }
    #imgLogo {
        display: none;
    }
    .img-vblogo {
        max-width: 75px;
        max-height: 48px;
        display:inline-block;
        margin:10px 0 0 14px;
    }
    .page-header {
        margin:0;
        padding:0;
        border: none;
    }
        .page-header li {
            font-size: 15pt;
        }
        .page-header .nav > li > a:hover,
        .page-header .nav > li > a:focus {
            background-color: transparent;
            background-color: rgba(0,0,0, .0);
        }

    .section {
        padding-top: 50px !important;
    }

    ul.pull-right,
    #divSearch.pull-right{
        float: left !important;
        width: 100%;
    }
    #divSearch .navbar-form {
        border: none;
        box-shadow:none;
    }
    #navbar-collapse {
        border: none;
        box-shadow: none;
    }
    #navbar-collapse ul.nav-pills > li {
        float: none;
        line-height:40px;
    }
    #navbar-collapse .page-header ul {
        margin-top:0;
    }
    #navbar-collapse .page-header .nav > li > a {
        padding:0;
        text-align:center;
        font-size:14pt  /*+++ das/20220531 +++*/
    }
    #navbar-collapse .navbar-collapse {
        border: none !important;
        box-shadow:none;
    }
    #txtSiteSearch {
        width: 100%;
        border-radius:0;
    }
	.slides-pagination a {
		width: 10px;
		height: 10px;
	}

    /*-- deactivate image text display because it prohibits an expanded nav menu from being readable */
    /*+++ das/20160225  begin 
      replaced '.parallax-overlay' with '.header-text h1'
      -----
    .parallax-overlay {
        display: none;
    }*/
    .header-text h1 {
	    display:none;
    }
    /*+++ das/20160225 end +++*/

    .slides-pagination {
        display: none;
    }
    /*---end---*/


    .section-title h1 {
		font-size: 34px;
	}

    /*-- forces a line break after each word ...
         Note: this was done so that section title displays in a nice uniform manner */
    #producers .section-title h1 {
        word-spacing:767px;
        margin-bottom:40px;
    }
 
    /*-- our producers */
    #divProducerSearch .input-group, 
    #divProducerSearch .input-group-btn,
    #divProducerSearch .form-control {
        display: block !important;
    }
    #txtProducerSearch {
        width: 88%;
    }

    #lnkProducerList.btn {
        margin:10px 0 !important;
    }

    #divProducerSelections .extra-title {
        font-size:14pt;
        margin-bottom:-5px;
    }
    #divProducerSelections .extra-title-producer-name {
        word-spacing:normal;
    }
    #divProducerSelections .image-button {
        height:75px;
    }

    /*-- reviews */
    .reviews-dropdown {
        height:46px;
        font-size:12pt;
    }

    /*-- social media */
    #socialMedia .section-title h1 {
        font-size:18pt;
    }
    #socialMedia p {
        font-size:16pt;
        margin-bottom: 25px;
    }
    #socialMedia ul.social-icons li {
        margin-left: -6px;
    }

    /*-- Our Wines | icon Button */
    #divOurProducersWine .btn-circle {
        margin:1px;
    }

    /*-- Featured Wines */
    #featuredWines .title {
        font-size: 16pt;
    }

    
/*
    #divPortfolio .select-box-one,
    #divPortfolio .select-box-two {
        text-align:center;
    }
*/
    #divPortfolio .select-box-one-inner,
    #divPortfolio .select-box-two-inner,
    #divPortfolio .select-box-three-inner {
        width:280px;
        height:120px;
        border:none;
    }

    #divPortfolio a {
        font-size:15pt;
    }
}

/*-- iPhone6s/iPhone6sPlus, landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 736px) and (orientation : landscape) {
    /*-- our producers */
    #divProducerSearch .input-group {
        margin-left:25px !important;
    }
}


/* === begin =========================== */
/* incorporate 2 column portrait / 4 column landscape bootstrap grid */
/* this is used when we want to display 2 columns when displaying in portrait mode and 4 columns when displaying in landscape mode*/
.col-xs-2P4L {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* -- Small Devices (phones) */
@media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : portrait) {
    /*-- 2 column portrait */
    .col-xs-2P4L {
        width: 50.0%;
        float: left;
    }
}
@media only screen and (min-width : 320px) and (max-width : 767px) and (orientation : landscape) {
    /*-- 4 column landscape */
    .col-xs-2P4L {
        width: 25.0%;
        float: left;
    }
} 
/* === end =========================== */


/*-- special listServ OptIn form message when smartphone has been rotated to landscape mode ----- */
/* iPhone 5,6,7,8, 6+,7+,8+, X (landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2),  /* iPhone 5 */
       only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2),  /* iPhone 6,7,8 */
       only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3),  /* iPhone 6+,7+,8+ */
       only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){  /* iPhone X */

    #divListServOptIn {
        margin-left:-15px;
    }
    .rotate-device {  /* show rotate device message */
        display: block;
        position:absolute;
        top:0;
        width:100%;
        height:100%;
        background-color:#fff;
    }
    .rotate-device-message {
        font-size:12pt;
        margin-top:12%;
    }
    .center-image {
        position: fixed;
        top: 30%;
        left: 40%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) { /* iPhone 5 */
    #divListServOptIn {
        width: 583px !important; /* 568px + 15px right margin*/
    }
    .rotate-device-message {
        margin-top: 10%;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) { /* iPhone 6,7,8 */
    #divListServOptIn {
        width: 682px !important; /* 667px + 15px right margin*/
    }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {  /* iPhone 6+,7+,8+ */
    #divListServOptIn {
        width: 751px !important; /* 736px + 15px right margin*/
    }
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3) {  /* iPhone X */
    #divListServOptIn {
        width: 826px !important; /* 812px + 15px right margin*/
    }
    .rotate-device-message {
        margin-top: 10%;
    }
}