/*.container { background: url(lib/grid.png); }*/

body {
 margin: 0;
 padding: 0;
 color: #797878;
 background: #fff url(../img/body-bg.jpg) center top repeat-y;
}

a { 
 color: #797878;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
 color: #797878;
}

a.featurelink {
 display: block;
 margin-top: 18px;
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 font-weight: bold;
 text-transform: uppercase;
}

#skip {
 display: block;
 overflow: hidden;
 height: 0;
 text-indent: -9999px;
}
#header {
 height: 148px;
 display: block;
 background: url(../img/header-bg.gif) center top no-repeat;
}
#header h1,
#header h2 {
 display: block;
 height: 0;
 overflow: hidden;
 text-indent: -9999px;
}
#banner {
 text-align: center;
 height: 115px;
 display: block;
 background: url(../img/banner-home.jpg) center top no-repeat;
 overflow: hidden;
}
/*body#home #banner {
 background-image: none;
}
body#home #banner #photos {
 position: relative;
 display: block;
 width: 720px;
 margin: 0 auto;
}
body#home #banner #photos img {
 position: absolute;
 display: block;
 left: 0;
 top: 0;
 margin: 0;
 padding: 0;
}*/

/*body.vineyard #banner { background: url(../img/banner-vineyard.jpg) center top no-repeat; }
body.estate #banner { background: url(../img/banner-home.jpg) center top no-repeat; }
body.winery-winemaking #banner { background: url(../img/banner-barrels.jpg) center top no-repeat; }
body.balance #banner { background: url(../img/banner-balance.jpg) center top no-repeat; }

body.wines #banner { background: url(../img/banner-wines.jpg) center top no-repeat; }*/
body.archive #banner { background: url(../img/banner-archive.jpg) center top no-repeat; }
body.chardonnay #banner { background: url(../img/banner-chardonnay.jpg) center top no-repeat; }
body.semillon-sauvignon-blanc #banner { background: url(../img/banner-sem-sauv.jpg) center top no-repeat; }
body.cabernet-sauvignon #banner { background: url(../img/banner-cabernet.jpg) center top no-repeat; }

/*body#contact #banner { background: url(../img/banner-contact.jpg) center top no-repeat; }
body#order #banner { background: url(../img/banner-news.jpg) center top no-repeat; }
body#news #banner { background: url(../img/banner-winery.jpg) center top no-repeat; }
body#join #banner { background: url(../img/banner-join.jpg) center top no-repeat; }*/

#navigation {
 margin-top: 36px;
 margin-bottom: 18px;
}
body#home #navigation, body#contact #navigation {
 /*margin-top: 36px;*/
}
#navigation h3 {
 display: block;
 overflow: hidden;
 height: 0;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
}
#navigation ul {
 margin: 0;
 padding: 0;
 text-align: center;
 list-style-type: none;
}
#navigation ul li {
 display: inline;
 margin: 0;
 padding: 0 5px;
}
#navigation ul li a {
 color: #797878;
 font-size: 14px;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 text-align: center;
 text-transform: uppercase;
}

body#home #homeintro {
 margin-top: 18px;
}
body#home #homeintro, body#home #homeintro h1, body#home #homeintro p {
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 text-align: center;
}
body#home #homeintro h1 {
 font-size: 18px;
 line-height: 18px;
 font-weight: bold;
}
body#home #homeintro p {
 margin: 5px 0;
 font-size: 14px;
 line-height: 18px;
}

body#home #introduction {
 margin-top: 18px;
}
body#home #introduction, body#home #introduction h2, body#home #introduction p {
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 text-align: center;
}
body#home #introduction h2 {
 font-size: 18px;
 line-height: 18px;
 font-weight: bold;
}
body#home #introduction p {
 margin: 5px 0;
 font-size: 14px;
 line-height: 18px;
}

body#contact #introduction {
 margin-top: 18px;
}
body#contact #introduction, body#contact #introduction h2, body#contact #introduction h3, body#contact #introduction p {
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 text-align: center;
}
body#contact #introduction h2 {
 font-size: 18px;
 font-weight: bold;
}
body#contact #introduction h3 {
 font-size: 16px;
 font-weight: bold;
}
body#contact #introduction p {
 margin: 5px 0;
 font-size: 14px;
 line-height: 18px;
}

#page-content,
#page-images {
 margin-top: 18px;
}
#page-content, #page-content h1, #page-content h2, #page-content h3, #page-content p,
#page-content ul li {
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 text-align: left;
}
#page-content h1 {
 clear: both;
 color: #797878;
 font-size: 18px;
 font-weight: bold;
}
#page-content h2 {
 font-size: 16px;
 font-weight: bold;
 margin-top: 16px;
 margin-bottom: 0;
}
#page-content h3 {
 margin-top: 18px;
 margin-bottom: 0;
 font-size: 14px;
 font-weight: bold;
}
#page-content p {
 margin: 5px 0;
 margin-bottom: 10px;
 font-size: 14px;
 line-height: 18px;
}
#page-content em {
 background-color: transparent;
 font-weight: normal;
}

#page-content div.person {
 position: relative;
 display: block;
 padding: 5px 0;
 margin: 5px 0;
}
#page-content div.person h3 {
 margin-left: 140px;
}
#page-content div.person img {
 float: left;
}
#page-content div.person p {
 margin-left: 140px;
}

#footer {
 margin-top: 36px;
 text-align: center;
}
#footer p {
 color: #797878;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 font-size: 14px;
 line-height: 18px;
}

ul#subnavigation {
 margin: 0 auto;
 padding: 0;
 margin-top: -15px;
 margin-bottom: 15px;
 list-style-type: none;
 text-align: center;
}
ul#subnavigation li {
 display: inline;
 margin: 0;
 padding: 0 9px 0 9px;
 font-family: garamond,'Adobe Garamond Pro','Times New Roman',times,serif;
 font-size: 14px;
 text-align: center;
 border-right: #ddd 1px solid;
}
ul#subnavigation li.firstmenuitem {
 padding-left: 0;
}
ul#subnavigation li.lastmenuitem {
 padding-right: 0;
 border-right: 0;
}
ul#subnavigation li a {
 margin: 0;
 padding: 0;
}
.error-message {
 color: #ff0000;
 font-family: arial, sans-serif;
 font-size: 1.0em;
 padding: 0.5em 0 0 0;
 }
 
#flashMessage {
 color: #ff0000;
 font-family: arial, sans-serif;
 font-size: 1.0em;
}

ul#orderlist {
 margin: 1.5em 0 1.5em 1.0em;
 padding: 0;
 list-style-type: none;
}

ul#orderlist li {
 font-size: 1.2em;
 line-height: 1.8em;
}

/**
 * Administration Forms
 */
.form h1,
.index h1 {
 margin-top: 1.5em;
 margin-bottom: 1.5em;
 color: #002D56;
 font-size: 1.6em;
 font-weight: bold;
}

.online {
 color: #18FF00;
}
.offline {
 color: #FF0000;
}

form fieldset {
 margin-left: 0;
 padding: 5px 10px 10px 10px;
 border: #dddddd 1px solid
}
form fieldset legend {
 color: #5b5b5b;
 font-size: 1.2em;
 font-weight: bold;
 overflow: visible;
 margin-top: 0.5em;
}
fieldset div.input,
fieldset div.dateselect {
 position: relative;
 clear: both;
}
fieldset div.input label {
 display: block;
 float: left;
 margin-top: 4px;
 margin-right: 10px;
 text-align: left;
 color: #7A7F7F;
}
fieldset div.dateselect label {
 display: block;
 float: left;
 width: 90px;
 margin-top: 4px;
 margin-right: 10px;
 text-align: left;
 color: #7A7F7F;
}
fieldset div.input input {
 float: left;
 margin-left: 0;
 margin-bottom: 5px;
 padding: 3px;
 width: 430px;
}
fieldset div.input textarea {
 float: left;
 margin-left: 0;
 padding: 3px;
 width: 430px;
 height: 500px;
}
fieldset div.input select {
 margin-left: 0;
 padding: 3px;
 width: auto;
}
fieldset div.input select.dateselect {
 float: left;
 width: 100px;
}
div.submit {
 clear: both;
 margin-left: 0;
 padding: 3px;
}
div.submit input[type=submit] {
 margin-left: 0;
 padding: 3px;
}
fieldset div.input input[type=checkbox] {
 float: left;
 clear: both;
 margin: 5px;
 padding: 5px;
}
.checkboxlist {
 position: relative;
 clear: both;
 margin-left: 120px;
}
.checkboxlist label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
.checkboxlist label span {
 margin-left: 5px;
}
div.radiogroup {
 position: relative;
 clear: both;
 margin-left: 120px;
}
div.radiogroup input {
 float: left;
}
div.radiogroup label {
 float: left;
 margin: 0;
 padding: 0;
 width: 80px;
}
div.checkbox label {
 float: auto;
 margin: 0;
 padding: 0;
}
div.checkbox input[type=checkbox] {
 float: auto;
 width: auto;
 margin: 5px 0 0 120px;
 padding: 0;
}
div.input textarea.metadescription {
 height: 90px;
}
div.input textarea.shortdescription {
 height: 90px;
}

select.cardselect {
 width: 160px;
}
select.monthselect {
 width: 80px;
}
select.yearselect {
 width: 80px;
}

label.terms {
 width: auto;
 float: left;
 clear: right;
}

input.quantity {
 margin-left: 0;
 margin-right: 0;
 padding-left: 0;
 padding-right: 0;
 width: 25px;
}

span.qty {
 text-align: center;
}
span.subtotal {
 visibility: hidden;
}

p.buttons {
 position: relative;
 display: block;
 height: 20px;
 margin: 0;
 padding: 0;
}
#reviewlist ul li a.buttonlink, #othervintages ul li a.buttonlink {
 display: block;
 float: right;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
p.buttons a.buttonlink {
 display: block;
 /*float: right;*/
 height: 20px;
 width: 50px;
 margin: 0 0 0 auto;
 padding: 0;
}
img.buttonview {
 display: block;
 /*float: right;*/
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
.moreinfolink {
 clear: both;
 text-align: right;
}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 5px 0;
  border: none; 
}
hr.space {
  background: transparent; 
  color: #fff;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 5px 0;
  padding: 5px 0;
  border: none; 
}

div.winesummary h3 {
 margin-top: 0px;
}
img.bottleshot-tn {
 margin: 0;
 padding: 0;
}

#wine-image {
 position: relative;
 padding-top: 10px;
}
#wine-image img {
 float: right;
}
body#wines div.winesummary p.soldout {
 color: #ff0000;
}

#reviewlist h2, #othervintages h2 {
 margin-top: 10px;
}
#reviewlist ul, #othervintages ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#reviewlist ul li, #othervintages ul li {
 position: relative;
 display: block;
 height: 20px;
 font-size: 1.2em;
}

div.archivelist {
 margin-bottom: 20px;
}
div.archivelist h3 {
 position: relative;
 display: block;
 height: 20px;
 margin: 0;
 padding: 0;
}
div.archivelist h3 a {
 margin: 0;
 padding: 0;
}
div.archivelist h3 a.buttonlink {
 display: block;
 float: right;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}

div.adminoptions {
 position: relative;
 clear: both;
 display: block;
 height: 20px;
 margin: 5px 0;
 padding: 0;
 color: #000000;
 font-size: 1.0em;
 font-family: arial, sans-serif;
}
div.adminoptions hr {
  display: none;
}
div.adminoptions a {
 font-family: arial, sans-serif;
}

div.adminoptions a.buttonlink {
 display: block;
 float: left;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
div.adminoptions a.buttonlinkmove {
 display: block;
 float: left;
 height: 20px;
 width: 33px;
 margin: 0;
 padding: 0;
}
img.buttonadd, img.buttonedit, img.buttondelete {
 display: block;
 height: 20px;
 width: 50px;
 margin: 0;
 padding: 0;
}
img.buttonmove {
 display: block;
 height: 20px;
 width: 33px;
 margin: 0;
 padding: 0;
}

img.mugshot {
 margin: 5px 10px 0 0;
 padding: 0;
 border: 0;
}
img.pageimage {
 margin: 18px 0 10px 0;
 padding: 0;
 border: 0;
}
a.ss_sprite { display: inline;  overflow: hidden; height: 18px; padding-left:18px; padding-bottom: 5px; background-repeat: no-repeat; }
.ss_sprite_pdf { background: transparent url(../img/sprite-pdf.gif) left top no-repeat; }