html,
button,
input,
select,
textarea {
  color: #222
}

body {
  line-height: 1.4;
  background-color: #F9F8F5
}

::-moz-selection {
  text-shadow: none;
  background-color: #f0e9d2
}

::selection {
  text-shadow: none;
  background-color: #f0e9d2
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

th,
strong,
b {
  font-weight: 400;
  font-family: 'Bembo MT W01 Bold'
}

th i,
strong i,
b i {
  font-family: 'BemboMTW01-BoldItalic'
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

#pagewrapper {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px 3%;
}
@media (max-width: 1279px){
	#pagewrapper{
		max-width: 80%;
	}
}
#header {
  padding-top: 33px;}



.burger-menu {
  display: none;
  float: right;
  font-size: 13pt;
  cursor: pointer;
  margin-top: -34px;}

.menu-text {
  display: none
}

.home .menu-text {
  display: inline
;
  font-weight: normal;
  font-family: 'Gill Sans W01 Bold';
}

#branding {
  width: 109px;
  height: 44px;
  margin-left: 15%;
  display: inline-block;
  margin-right: 40px;
  vertical-align: top
}

.home #branding {
  /* display: none
 */}

#container {
  position: relative;
  margin-top: 50px;
  padding-left: 15%;
  padding-bottom: 2%!important
}
.in-the-news #container {
    max-width: 700px;
}
.the-winery.the-team #container {
    max-width: 700px;
}

.collectionText {
  display: inline-block;
  max-width: 40%
}

.collectionView {
  display: inline-block;
  max-width: 65%;
  margin-right: 3%;
  vertical-align: top
}

.the-vineyards.index #container {
  background: url(../img/vineyard-map.png) no-repeat 15px -20px;
  padding-top: 106px;
  min-height: 550px;
}

.home #pagewrapper #container {
  min-height: 240px;
  margin-left: 0;
  padding-top: 15%;
  text-align: center;
  max-width: 100%;
  padding-left: 0
}

footer {
  margin-top: 60px
}

footer p {
  text-align: center;
  font-size: 9px;
  color: silver
}

a,
a:link,
a:visited,
a:active {
  color: #B51737;
  text-decoration: none;
  outline: none
}

:focus {
  -moz-outline-style: none
}

a:hover {
  color: #000;
  text-decoration: none
}

.map {
  position: absolute;
  top: -165px;
  left: -20px;
  z-index: 10;
  display: block;
  /* min-width: 1119px; */
  /* min-height: 800px; */}

.star {
  position: absolute;
  cursor: pointer
}

.star.tychson {
  width: 160px;
  height: 36px;
  background: url(../img/star-tychson-hill.png) no-repeat 0 -36px;
  top: 71px;
  left: 296px
}

.star.tychson:hover {
  background: url(../img/star-tychson-hill.png) no-repeat 0 0
}

.star.cariad1 {
  width: 91px;
  height: 33px;
  background: url(../img/star-cariad.png) no-repeat 0 -33px;
  top: 259px;
  left: 335px
}

.star.cariad1:hover {
  background: url(../img/star-cariad.png) no-repeat 0 0
}

.star.cariad2 {
  width: 30px;
  height: 27px;
  background: url(../img/star-cariad-2.png) no-repeat 0 -27px;
  top: 12px;
  left: 441px
}

.star.cariad2:hover {
  background: url(../img/star-cariad-2.png) no-repeat 0 0
}

.star.cariad3 {
  width: 30px;
  height: 27px;
  background: url(../img/star-cariad-2.png) no-repeat 0 -27px;
  top: 276px;
  left: 469px
}

.star.cariad3:hover {
  background: url(../img/star-cariad-2.png) no-repeat 0 0
}

.star.ixestate {
  width: 115px;
  height: 34px;
  background: url(../img/star-ixestate.png) no-repeat 0 -34px;
  top: 372px;
  left: 896px
}

.star.ixestate:hover {
  background: url(../img/star-ixestate.png) no-repeat 0 0
}

#navbox {
  position: relative;
  display: inline;
  overflow: visible
}

.menuRollWrapper {
  display: inline-block;
  margin-top: 10px;
}

#navbox ul {
  padding: 0;
  margin: 0;
  width: 245px;
  display: inline-block
}

#navbox > ul {
  margin-left: 26px;
  vertical-align: top
}

#navbox ul li {
  margin: 0;
  list-style: none;
  border-top: 1px solid #8E8C8B
}

#navbox ul li a {
  display: block;
  padding: 7px 0;
  color: #000;
  text-decoration: none;
  font: 12px 'Gill Sans W01 Book', Arial;
  letter-spacing: 3px;
  }

#navbox ul li.current {
  font-family: 'Gill Sans W01 Bold'
}

#navbox ul li a:hover {
  color: #B51737;
  text-decoration: none
}

#navbox ul li ul {
  display: none
}

#navbox ul li ul li {
  border-width: 0
}

#navbox ul li ul li a {
  display: block;
  padding: 1px 0 5px;
  color: #000;
  text-decoration: none;
  font: 10px/16px 'Gill Sans W01 Book', Helvetica, Arial;
  letter-spacing: 3px;
  white-space: nowrap





















}

#navbox ul li ul li.current {
  font-family: 'Gill Sans W01 Bold'
}

.the-wines #navbox ul li ul.the-wines-sub,
.the-vineyards #navbox ul li ul.the-vineyards-sub,
.the-winery #navbox ul li ul.the-winery-sub,
.ordering #navbox ul li ul.ordering-sub,
.events #navbox ul li ul.events-sub,
.press #navbox ul li ul.press-sub {
  display: inline
}

#navbox ul li .current,
#navbox ul li ul li .current,
{
  font-family: 'Gill Sans W01 Bold', Helvetica, Arial
}

#container h1 {
  font: .9em/1.2em 'Gill Sans W01 Book', Helvetica, Arial;
  margin-top: -3px;
  text-transform: uppercase;
  word-spacing: 4px;
  border-bottom: 1px solid #8E8C8B;
  padding-bottom: 8px;
  display: block;
  text-align: left;
}

@media (min-width: 1024px) {
  .column1.nextSlide > h1, .the-team .column1 > h1 {
      margin-left: -180px;
  }
}

#container .collectionView > h1 {
  text-align: left
}

#container > h1 {
  width: auto;
  margin: 0;
  vertical-align: top;
  text-align: left;
}

#container h2 {
  font: normal normal .95em/138% 'Bembo MT W01 Bold', Georgia, "Times New Roman", Times, serif;
  margin-top: 19px;
  margin-bottom: 0
}

#container .container1 > .column1 > h2 {
  font-weight: 700
}

#container .the-team + div > h2 {
  font-weight: 700
}

#container .columnRight h2 {
  margin-top: 0
}

#container .formBox h2 {
  font: 12px/14px 'Gill Sans W01 Book', Helvetica, Arial;
  margin-top: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
  word-spacing: 3px;
  border-top: 1px solid #8E8C8B;
  width: 100%;
  padding-top: 8px
}

.the-wines.index #container h1,
.the-vineyards.index #container h1,
.the-winery.index #container h1,
.ordering.index #container h1,
.events.index #container h1,
.press.index #container h1,
.contact.index #container h1 {
  font: normal normal 42px 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  border-bottom-width: 0;
  padding: 0;
  width: 38%;
  box-sizing: border-box;
  word-spacing: 0;
  display: block;
  margin: 0 0 20px 0;text-align: left;
  float: left;
}

#container .column1 {
  text-align: left;
  display: inline-block;
  max-width: 700px;
  box-sizing: border-box;
  z-index: 1;
  vertical-align: top
;
  padding-left: 180px;
}

.press .column1 {
  padding-left: 180px;
}

#container > .column1.nextSlide {
  width: 35%;
  max-width: 520px;
}

#container .columnRight {
  float: right;
  width: 480px;
  margin-right: 20px;
  z-index: 100;
  position: relative
}

#container .columnRight.columnRightWide {
  width: 754px
}

#container p {
  font: normal normal .95em/142% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  margin-top: 1em;
  margin-bottom: 0
}

#container > .column1.nextSlide p {
  margin-top: 30px;
  margin-right: 10px
}

#container .backLink {
  font: normal normal .8em/142% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  margin-top: 8px;
  margin-bottom: 0;
  display: inline-block
}

#container .formBox .formLeft p {
  margin: 20px auto
;
}

#container p b,
#container li strong,
#container p strong {
  font-family: 'Bembo MT W01 Bold';
  font-weight: 400;
  font-style: normal
}

#container li i,
#container p i,
#container li em,
#container p em {
  font-family: 'Bembo MT W01 Italic';
  font-weight: 400;
  font-style: normal
}

#container li i b,
#container p i b,
#container li i strong,
#container p i strong {
  font-family: 'BemboMTW01-BoldItalic';
  font-weight: 400;
  font-style: normal
}

#container td {
  font: normal normal .95em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  margin-top: 1em;
  margin-bottom: 0
}

#container td#n-date {
  font: normal normal .95em/138% 'Gill Sans W01 Book', Helvetica, Arial;
  margin-top: 1em;
  margin-bottom: 0;
  color: gray
}

#container .columnRight ul {
  margin: 7px 0 0;
  padding: 0
}

#container .columnRight li {
  font: normal normal .95em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  list-style: none;
  margin: 0;
  padding: 0
}

#container .columnRight p {
  width: auto
}

#container p + p {
  margin-top: 15px;
  margin-bottom: 0
}

#container img.bottle {
  float: right;
  margin-right: 130px;
  margin-top: 0
}

#container .intro {
  font: normal normal 24px/33px 'Bembo W01';
  padding-top: 0;
  width: 62%;
  max-width: 620px;
  margin: 0;
  text-indent: 0;
  text-align: left;
  display: inline-block;
  float: left;
  box-sizing: border-box;
  /* background-color: rgba(235, 239, 238, .3) */}
 .ordering.index #container .intro{
   float: none;
 
   max-width: 700px;
}

#container .intro + p {
  text-indent: 0
}

#container .contactIntro {
  font-size: 16px;
  font-style: italic
}

#container .contactFoot {
  font-size: 16px;
  font-weight: 700
}

#container .slideshow {
  width: 500px;
  position: relative;
  display: inline-block;
  max-width: 42%;
  vertical-align: top
}

.slideshow div {
  max-width: 100%}

.slideshow .galleria-thumbnails {
  max-width: none
}

#container .slideshow .backDrop {
  width: 500px;
  height: 333px;
  display: block;
  background-color: #f0e9d2;
  position: absolute;
  top: 34px
}

#container .slideshow .label {
  font: 10px/357px 'Gill Sans W01 Book', Helvetica, Arial;
  color: #fff;
  margin: 0;
  text-align: center;
  padding: 0;
  width: 500px;
  text-transform: uppercase;
  letter-spacing: 5px
}

#container .sidePhoto {
  display: inline-block;
  vertical-align: top;
  padding: 22px 0 0 18px;
}

#container .sideText {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  float: left;
  /* width: 680px; */
  max-width: 700px;
}

#container .sidePhoto .caption {
  margin-top: .5em;
  font-size: .8em
}

ul.subpMenu {
  font: normal normal .95em/150% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  list-style: none;
  margin: 0;
  padding: 10px 0 22px;
  border-bottom: 1px solid #8E8C8B
}

.the-colgin-collection ul.subpMenu {
  border-bottom: 0 solid #8E8C8B;
  padding-top: 6px;
  text-align: left
}

.restaurant-list ul.subpMenu {
  border-bottom: 0 solid #8E8C8B;
  padding-top: 6px;
  float: left;
  margin-left: 30px
}

.restaurant-list ul.subpMenu.first {
  margin-left: 0
}

.menu-historical-vintages ul.subpMenu {
  margin-top: 8px
}

ul.subpMenu li {
  margin: 0;
  padding: 0;
  text-indent: -20px;
  padding-left: 20px
}

ul.subpMenu a {
  display: block
}

ul.subpMenu .current {
  font-family: 'Bembo MT W01 Bold', Georgia, "Times New Roman", Times, serif
}

#container .formBox {
  margin-top: 20px;
  text-align: center}

#container .formBox .formLeft {
  vertical-align: top;
  display: inline-block;
  margin: 0 30px 0 0;}

#container .formBox .formRight {
  display: inline-block
}

.sub-form legend {
  color: #333;
  padding: 0 0 20px;
  text-transform: uppercase
}

.sub-form {
  padding: 0
}

.sub-form,
.sub-form fieldset input,
.sub-form fieldset textarea,
.sub-form label {
  letter-spacing: 2px;
  font: 10px 'Gill Sans W01 Medium', Helvetica, Arial
}

#container .sub-form p {
  position: relative;
  margin: 20px 0;
  width: 100%
}

#container .sub-form .sumbitButton {
  margin-left: 0;
  margin-top: 10px
}

#container .sub-form p,
#container .sub-form p + p {
  position: relative;
  margin: 20px 0;
  text-indent: 0
}

.sub-form p br {
  display: none
}

.sub-form fieldset p input,
.sub-form fieldset p textarea {
  display: block;
  padding: 5px;
  width: 305px;
  margin: 0
}

.sub-form fieldset p label {
  width: 100%;
  display: block;
  margin: 0 0 3px;
  padding: 0
}

.sub-form fieldset p label span {
  font-size: smaller
}

.sub-form fieldset p textarea {
  padding: 2px;
  width: 404px
}

.sub-form fieldset p textarea,
.sub-form fieldset p input {
  border: 1px solid #a0a0a0
}

.sub-form fieldset p label {
  color: #222
}

.featured-wines #container {
  max-width: 700px;
}

.featured-wines #container .container1 {
  position: relative
}

.featured-wines #container .sidePhoto1 {
  position: absolute;
  right: -238px;
  top: 0
}

.featured-wines #container .menu-featured-wines {
  margin-left: 180px;
  z-index: 1
}

#container .button {
  text-align: center
}

#container .button a,
.sub-form input[type="submit"],
.sub-form input[type="button"] {
  background-color: #d8c498;
  border-radius: 3px;
  font: 10px/15px 'Gill Sans W01 Medium';
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 0;
  margin: 0;
  padding: 2px 8px;
  color: #000
}

#container p + .button {
  text-indent: 0;
  margin-top: 30px
}

#container .button a:hover,
.sub-form input[type="submit"]:hover,
.sub-form input[type="button"]:hover {
  background-color: #b41837;
  color: #fff
}

ul.timeline {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: auto
}

ul.timeline li {
  list-style: none outside none;
  margin: 0;
  padding: 5px 5px 0;
  white-space: nowrap;
  display: inline-block;
  color: #595959
}

ul.timeline li a {
  font: 11px/11px 'Gill Sans W01 Book', Helvetica, Arial;}

ul.timeline li .current {
  font-family: 'Gill Sans W01 Bold', Helvetica, Arial
}

.scroll-pane {
  overflow: auto
}

.scroll-pane,
.scroll-pane:focus,
.scroll-pane:active {
  outline: none;
  -moz-outline-style: none
}

#reveal h2 {
  padding-top: 10px;
  border-top: 1px solid #f9f8f5;
  margin-top: 15px;
  font-size: .95em;
  padding-right: 15px;
  line-height: 110%
}

#reveal h2 a {
  display: block
}

#reveal h2 a span {
  display: block;
  clear: left;
  color: gray;
  font-weight: 400;
  font-style: normal;
  font-family: 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  width: 90%;
  line-height: 110%
}

#reveal h2.open {
  border-top: 1px solid #8e8c8b;
  margin-top: 20px;
  padding-top: 20px;
  background: url(../img/close.png) no-repeat right 20px
}

#reveal h2.first {
  border-top: 1px solid #f9f8f5;
  margin-top: 10px;
  padding-top: 10px
}

#reveal h2.first.open {
  background: url(../img/close.png) no-repeat right 10px
}

#reveal div {
  padding-bottom: 30px;
  border-bottom: 1px solid #8e8c8b
}

.c-box .c-bkg {
  font-size: 1.5em
}

.columnRightWide .form2 {
  float: none
}

.columnRightWide .form2.form2left {
  float: none
}

.form2,
.form2 td,
.form2 p,
.form2 li {
  font: 13px/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif!important;
  letter-spacing: 0
}

.form2 #front-h2 {
  font-size: 14px
}

.customerName {
  line-height: .9em!important;
  font-style: italic!important
}

.clientName {
  color: #B51737
}

.italic {
  font-style: italic
}

.form2 select {
  font-size: .9em
}

.form2 ol {
  padding: 0!important;
  margin-top: 0
}

.form2 li {
  list-style: disc outside none!important
}

p#error {
  color: red;
  font-size: 1em;
  margin-bottom: 1em
}

#container .columnRight h2.thank-order {
  color: #222;
  font-size: 23px;
  margin: 200px 0 0
}

.fieldsforms input,
.fieldsforms select {
  width: 100%;
  border: 1px solid #838280;
  font-size: 12px/14px 'Gill Sans W01 Book', Helvetica, Arial;
  color: #7c7c7c;
  padding: 3px;
  *padding: 3px 0;
  box-sizing: border-box;
  margin-bottom: 16px
}

.fieldsforms input[type="checkbox"],
.fieldsforms input[type="radio"] {
  border: none;
  *vertical-align: text-top;
  width: auto
}

.selectbox {
  padding-right: 3%;
  *padding: 0
}

.alaska-note {
  display: block
}

.birthdate select {
  margin-bottom: 0
}

.formdent [id$="button"] {
  background-color: #D8C498;
  border-radius: 3px 3px 3px 3px;
  border-width: 0;
  color: #000;
  font: 10px/15px 'Gill Sans W01 Medium';
  letter-spacing: 1px;
  margin: 0;
  padding: 2px 8px;
  text-transform: uppercase
}

.formdent #button:hover {
  background-color: #B41837;
  color: #FFF
}

.cart-cell p {
  text-transform: uppercase;
  padding: 0 5px
}

.delete-cell {
  padding: 0 0 0 5px
}

.delete-cell a {
  white-space: nowrap
}

.price-cell {
  padding: 0 5px
}

.news-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.news-list li {
  padding: 20px 0 0;
  font: .95em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  color: gray
}

.news-list li a {
  display: block;
  font-family: 'Bembo MT W01 Bold', Georgia, "Times New Roman", Times, serif
}

.focus-pages #note {
  font: normal normal 13px/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  color: grey
}

.focus-pages table b {
  margin: 0 0 0 5px;
  font-family: 'Bembo MT W01 Bold', Georgia, "Times New Roman", Times, serif
}

span.black {
  font: normal normal 1em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif
}

.floatLabel {
  float: right
}

.pictures-box {
  font: .7em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  position: absolute;
  right: -150px;
  top: 25px





























}

.pictures-links {
  white-space: normal;
  width: 140px;
}

.pictures-links img {
  border: 1px solid #663;
  box-shadow: 3px 3px 3px grey;
  margin: 0 0 5px
}

.pictures-links span {
  display: block;
  padding-bottom: 10px
}

.content-picture {
  margin: 1em 5px 5px;
  font: .8em/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  color: #999;
  width: 10px
}

.content-picture img {
  border: 3px solid #663;
  box-shadow: 3px 3px 3px grey;
  margin: 0 0 5px
}

#galleria {
  min-width: 250px;
  height: 500px;
  position: relative;
  text-align: center





}

.toggler.fullscreen {
  position: absolute;
  z-index: 10001;
  top: 10px;
  left: 10px
}

.galleria-fscr:before {
  content: "FULL";
  width: 55px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  cursor: pointer;
  padding: 2px 0px 0 3px;
  background-color: #D5C89C;
  border-radius: 4px;
  *display: none
;
  height: 16px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
}

.galleria-fscr:hover {
  opacity: 1
}

.fullscreen .galleria-fscr {
  position: absolute;
  width: 56px;
  height: 30px;
  top: 4px;
  right: 5px;
  z-index: 999;
  cursor: pointer;
  opacity: 1
}

.fullscreen .galleria-fscr:before {
  content: 'CLOSE'
}

.fullscreen .galleria-fscr:hover {
  opacity: 1
}

.galleria-play:before {
  content: "PLAY";
  width: 55px;
  position: absolute;
  bottom: 0;
  *right: 0;
  z-index: 21;
  cursor: pointer;
  padding: 2px 0px 0 3px;
  background-color: #D5C89C;
  border-radius: 4px;
  right: 63px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 16px;
}

.galleria-play.playing:before {
  content: 'PAUSE'
}

.fullscreen .galleria-play {
  position: absolute;
  right: 10px;
  width: 57px;
  top: 4px;
  height: 30px
}

body .galleria-lightbox-overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99990;
  background-color: #EEEBD8;
  opacity: 1;
  filter: alpha(opacity=1.0)
}

body .galleria-lightbox-box {
  position: fixed;
  display: none;
  width: 400px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -200px;
  z-index: 99991
}

body .galleria-lightbox-shadow {
  background: #000;
  width: 100%;
  height: 100%
}

body .galleria-lightbox-content {
  background-color: #EEEBD8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

body .galleria-lightbox-info {
  bottom: 10px;
  left: 10px;
  right: 10px;
  color: #444;
  font: 11px/13px arial, sans-serif;
  height: 13px;
  display: none
}

body .galleria-lightbox-close {
  top: 10px;
  right: 10px;
  height: 20px;
  width: 20px;
  background-color: #C6B779;
  border-radius: 3px;
  font: 10px/15px 'Gill Sans W01 Medium';
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  color: #444;
  font: 16px/22px arial, sans-serif;
  z-index: 99999
}

body .galleria-lightbox-close:hover {
  color: #000!important
}

body .galleria-lightbox-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: block
}

body .galleria-lightbox-prevholder {
  width: 50%;
  top: 0;
  bottom: 0;
  cursor: pointer
}

body .galleria-lightbox-nextholder {
  width: 50%;
  top: 0;
  bottom: 0;
  right: -1px;
  cursor: pointer
}

body .galleria-lightbox-prev {
  top: 50%;
  margin-top: -20px;
  height: 36px;
  width: 36px;
  background: url(../img/prev.png) no-repeat transparent;
  left: 20px;
  display: none;
  text-align: center;
  color: #000;
  font: bold 16px/36px arial, sans-serif;
  overflow: hidden;
  text-indent: -1000px
}

body .galleria-lightbox-next {
  top: 50%;
  margin-top: -20px;
  height: 36px;
  width: 36px;
  background: url(../img/next.png) no-repeat transparent;
  right: 20px;
  left: auto;
  display: none;
  font: bold 16px/36px arial, sans-serif;
  text-align: center;
  color: #000;
  overflow: hidden;
  text-indent: -1000px
}

body .galleria-lightbox-title {
  float: left
}

body .galleria-lightbox-counter {
  float: right;
  margin-left: 8px
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%
}

.hidden {
  display: none!important;
  visibility: hidden
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.invisible {
  visibility: hidden
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.clearfix {
  *zoom: 1
}

@media print {
  * {
    background: transparent!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important
  }
  a,
  a:visited {
    text-decoration: underline
  }
  a[href]:after {
    content: " (" attr(href) ")"
  }
  abbr[title]:after {
    content: " (" attr(title) ")"
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  tr,
  img {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  @page {
    margin: .5cm
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3
  }
  h2,
  h3 {
    page-break-after: avoid
  }
}

#container li b {
  font: inherit;
  font-weight: 700
}

#container p b,
#container li strong,
#container p strong {
  font-family: 'Bembo MT W01 Bold';
  font-weight: 400;
  font-style: normal
}

#container li i,
#container p i,
#container li em,
#container p em {
  font-family: 'Bembo MT W01 Italic';
  font-weight: 400;
  font-style: oblique
}

#container li i b,
#container p i b,
#container li i strong,
#container p i strong {
  font-family: 'BemboMTW01-BoldItalic';
  font-weight: 400;
  font-style: normal
}

.formBox #error {
  width: 650px;
  display: block
}

.order-info-block td,
.order-info-block label {
  font-family: 'Bembo MT W01';
  font-weight: 400;
  font-style: normal;
  font-size: 15px!important
}

div#order_form1 {
  letter-spacing: 0
}

.verisign {
  background: url(../img/verisign_logo.png) no-repeat 0 0;
  width: 100px;
  height: 50px
}

#container p#delete a {
  font-size: 8px
}

.m-nowrap {
  white-space: nowrap
}

.fieldsforms input.m-seccode {
  width: 120px
}

#container.b-checkout-pages .column1 {
  margin-left: 0
}

#container.b-checkout-pages .columnRight.columnRightWide {
  float: none;
  width: 684px
}

#container .columnRight .m-pay-opt {
  padding: 0 0 0 25px
}

#container .columnRight .m-pay-opt li {
  list-style-type: disc
}

table.orderblock label {
  font: 13px/138% 'Bembo W01', Georgia, "Times New Roman", Times, serif;
  letter-spacing: 0
}

.order-info-table #note {
  width: 30%;
  padding-right: 10px
}

.ordering #container .mobile-intro {
  display: none
}

@media only screen and (max-width: 1023px) {
  table {
    width: 100%!important;
  }
  #pagewrapper {
    padding: 0 20px 3%;
    box-sizing: border-box;
  
    max-width: none;
}
  #header {
    text-align: center;
    margin-left: 0
  }
  .home #header {
    padding-left: 0
  }
  .featured-wines #container {
    margin-left: 0;
    padding-left: 10%
  }
  #container {
    text-align: center;
    padding-left: 10%
  }
  .in-the-news #container {
    max-width: none;
  }
  .the-vineyards.index #container {
    background: none;
    min-height: 0;
    padding-top: 0;
  }
  .the-winery.the-team #container {
    max-width: none;
  }
  .collectionText {
    display: block;
    max-width: none;
    text-align: left
  }
  .collectionView {
    display: block;
    max-width: none;
    margin-right: 0;
    vertical-align: top
  }
  #container .slideshow {
    display: inline-block;
    text-align: center;
    max-width: none;
    margin-top: 10px
  }
  .star {
    display: none
  }
  #container .backLink {
    display: block;
    text-align: left
  }
  .floatLabel {
    float: none;
    display: block;
    margin-top: 30px
  }
  .pictures-box {
    margin-top: 20px;
    text-align: center;
    position: static
  }
  .pictures-links {
    display: inline-block
  ;vertical-align: top;
    margin: 2px;
}
  #container .column1 {
    max-width: none;
    padding-left: 0;
    width: 100%;}
  #container > .column1.nextSlide {
    width: 100%
  }
  #container > .column1.nextSlide p {
    margin-right: 0;
    margin-top: 15px
  }
  .home #container img {
    height: auto!important;
    width: 70%!important;}
  #container .intro {
    width: auto;
    padding: 0;
    max-width: none;
}
  #navbox {
    display: inline
  }
  #navbox > ul {
    text-align: left
  }
  #branding {
    vertical-align: top;
    margin-left: 0
  }
  .featured-wines #container .menu-featured-wines {
    margin-left: 0
  ;text-align: left;
}
  .featured-wines #container .sidePhoto1,
  #container .sidePhoto {
    position: static;
    margin-top: 30px;
    padding-left: 36px;
  }
  #container .sideText {
    width: 100%;
  
    max-width: none;
}
  .featured-wines #container {
    max-width: none;
  
    padding-left: 0;
}
}

@media only screen and (max-width: 768px) {
  #header {
    min-height: 44px;
  }
  #branding {
    position: absolute;
    z-index: 1000;
    top: 20px;
    /* display: block
  ; */
    left: 10px;
}
  .burger-menu {
    position: absolute;
    right: 17px;
    margin-top: 0;
    top: 30px;
    display: inline-block;
    width: 50%;
    text-align: right
  ;
    z-index: 10000;
}
  .menu-text {
    font-size: 13px;}
  .burger-menu > * {
    vertical-align: middle
  }
  .the-wines.index #container > h1,
  .the-vineyards.index #container > h1,
  .the-winery.index #container > h1,
  .ordering.index #container > h1,
  .events.index #container > h1,
  .press.index #container > h1,
  .contact.index #container > h1 {
    font-size: 30px;
    display: block;
    margin: 0 0 20px;
    text-align: left;
    width: 100%;
}
  #container .contactIntro,
  #container .contactFoot {
    font-size: 14px
  }
  #container .slideshow {
    max-width: 100%
  ;
}
  #container .sideText {
    width: 100%;
    text-align: center
  }
  #container .column1 {
    margin-left: 0;
    max-width: 100%
  }
  #container .intro {
    font-size: 17px;
    line-height: 19px
  }
  #container,
  .featured-wines #container {
    width: auto;
    text-align: center;
    padding: 0;}
  #container > h1,
  .sideText > h1 {
    text-align: left
  }
  .featured-wines #container .menu-featured-wines {
    text-align: left;
    margin-left: 0
  }
  .featured-wines #container .sidePhoto1,
  #container .sidePhoto {
    position: static;
    margin-top: 30px;
    padding-left: 36px
  }
  .menuRollWrapper {
    display: block;
    width: 100%;
    overflow: hidden;
    position: absolute;
    margin: 0;
    right: 0px;
    top: 0;
    -webkit-transition: right .5s;
    transition: right.5s;
    z-index: 100;
  }
  .menuRollWrapper.menuRollWrapper--active {
    height: initial;
  }
  .menuRollWrapper.hiddenMenu {
    display: none;
  }
  .menuRollWrapper #navbox {
    display: block;
    position: relative;
    padding-top: 85px;
    right: -110%;
    -webkit-transition: right .5s;
    transition: right .5s;
    margin: 0px 0px 5px 0px;
    background-color: #FAFBF6
  ;
    box-shadow: 5px 1px 5px #000;
}
  .menuRollWrapper.menuRollWrapper--active #navbox {
    right: 0;
  
}
  #navbox ul li ul {
    display: inline
  ;
}

  #navbox ul li ul li a {
    padding: 6pt 0;
  }
    #navbox ul li ul li:first-child > a {
      padding-top: 0;
    }

  #container .formBox .formRight {}
  .galleria-info {
    display: none!important
  }
}

@media (max-width: 480px) {
  #container .formBox .formLeft, #container .formBox .formRight {
    width: 100%;
    margin: 0;}
  .ordering .vegas-background {
    display: none!important
  }
  .sub-form fieldset p input,
  .sub-form fieldset p select {
    box-sizing: border-box;
    font-size: 16px;
    width: 100%;
    margin: 0 auto;
   }
  #container .OfferingForm fieldset p select {
    width: 100%;
  }
  #navbox {
    padding: 0 5%
  }
  #navbox > ul {
    margin-left: 0;
    width: 262px;
  }
  #container h1 {
    font-size: 12px;
    line-height: 14px
  ;text-align: left;
}
  #container .collectionView .collectionPhoto img {
    width: 100%;
    height: 100%
  }
}

@media (max-width: 479px) and (orientation: portrait) {
  .home #pagewrapper #container {
    padding-top: 40%
  }
}

@media (pointer:coarse) {
  .galleria-image-nav {
    display: none
  }
  .galleria-play,
  .fullscreen .galleria-play {
    right: 125px
  }
  .galleria-play:before {
    right: 115px
  }
  .fullscreen .galleria-play:before {
    right: 0
  }
  #container .button a,
  .sub-form input[type="submit"],
  .sub-form input[type="button"] {
    font-size: 16px;
    padding: 10px 15px;
    height: initial!important;
    width: initial!important;
    max-width: 100%;
    white-space: normal;
  }
  .colgin-collection-menu-item {
    display: none
  }
}

@media (max-width: 1279px) {
  .touch .galleria-image-nav {
    display: none
  }
  .touch .galleria-play,
  .touch .fullscreen .galleria-play {
    right: 125px
  }
  .touch .galleria-play:before {
    right: 63px
  }
  .touch .fullscreen .galleria-play:before {
    right: 0
  }
  .touch #container .button a,
  .touch .sub-form input[type="submit"],
  .touch .sub-form input[type="button"] {
    font-size: 16px;
    padding: 10px 15px;
    height: initial!important;
    width: initial!important;
    max-width: 100%;
    display: inline-block;
    white-space: normal;
}
  .touch .colgin-collection-menu-item {
    display: none
  }
  .touch ul.timeline {
    padding: 7px 10px 4px 0;
  }
  .touch ul.timeline li {
    padding: 5px;
  }
  .touch ul.timeline li a {
    font-size: 20px;
  }
  .touch .the-vineyards.index #container {
    background: none;
  }
  .touch .star {
    display: none;
  }
}

.touch #navbox > ul > li > a:first-child {
    font-weight: bold;
    padding: 19px 0;
}
.touch #navbox > ul > li > a{
    font-family: "Gill Sans W01 Bold";
}

.touch #navbox ul li a {
    /* padding: 10px; */
    /* line-height: 33px; */
    font-weight: 100;
    font-size: 12px;
}

.touch #navbox > ul > li> ul > li:last-child > a {
    padding-bottom: 19px;
}

.touch #navbox {
    padding: 84px 0 12px 0;
}

a.current {
    font-family: 'Gill Sans W01 Bold' !important;
}



@media (min-width: 1024px) {
    .the-wines #container > h1 {
/*         width: 455px !important; */
    }
}




/* logo */

.centralImg {
    position: fixed;
    width: 50%;
    max-width: 600px;
}
.centralImg img {
    width: 100%;
    height: auto;
}
@media (orientation: portrait){
    .centralImg {
        width: 50%;
    }
    @media (min-width: 769px){
        .centralImg {
            width: 45%;
        }
    }
}
@media (orientation: landscape){
    @media (min-width: 769px){
        .centralImg {
            width: 45%;
        }
    }
}
