/* The Grapes of Roth CSS */
body {
  background: #e0e0e0 url(../images/grapes_bg.jpg) top center repeat-x;
  margin: 0px;
  padding: 0px;
  height: 100%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
  font-weight: normal; }

.spacer22 {
  display: block;
  height: 22px;
  width: 22px; }

a {
  color: #c40037;
  margin-bottom: 5px;
  background-image: url(../images/link_dots.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  text-decoration: none; }
  a.nolink, a.nolink:hover, a.nolink:active {
    color: #c40037;
    background-image: url();
    text-decoration: none; }
  a:hover {
    color: #000000;
    background-image: url(../images/link_dots_black.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    text-decoration: none; }
  a:active {
    color: #c40037;
    background-image: url(../images/link_dots.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    text-decoration: none; }

/* Text styles */
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: normal;
  color: #000000; }

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  color: #000000;
  text-align: left; }
  h2.topnews-active {
    font-size: 24px; }

h3 {
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  line-height: 14px;
  color: #8c8c8c;
  font-weight: normal;
  margin-bottom: 12px; }
  h3 a {
    color: #8c8c8c;
    text-decoration: none;
    background-image: url(""); }
    h3 a:hover {
      color: #000000;
      background-image: url(../images/link_dots_black.gif);
      background-repeat: repeat-x;
      background-position: left bottom; }

h4 {
  font-size: 16px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: normal;
  line-height: 18px;
  color: #000000;
  font-weight: normal;
  margin-bottom: -3px;
  text-align: left; }

h4 i {
  font-size: 12px;
  line-height: 28px; }

b.black {
  color: #000000;
  font-weight: bold; }

.siteTitle {
  text-align: center;
  display: block;
  margin: 0px auto 30px; }

.text12noPad {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 16px;
  margin-left: 0px;
  margin-right: 0px; }

.text10on12 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: normal;
  color: #8c8c8c;
  margin-left: 0px;
  margin-right: 0px; }

blockquote {
  font-size: 16px;
  line-height: 20px;
  font-style: italic; }

.formStyle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #8c8c8c;
  text-align: left;
  width: 565px;
  margin: auto; }
  .formStyle td {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #8c8c8c;
    text-align: left;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px; }

input {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #000000;
  border: 1px solid #888888; }

p.enlargePic {
  background-image: url(../images/enlarge_pic.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  display: block; }

.underline {
  text-decoration: underline; }

.sideBar {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #8c8c8c;
  text-align: justify;
  display: block; }

ol {
  text-align: left;
  margin-left: 20px; }
  ol li {
    margin-bottom: 6px; }

/* Layout styles */
.container {
  height: 100%;
  width: 100%;
  background: transparent url(../images/wineglass.jpg) center top no-repeat;
  padding-top: 111px; }

.main {
  width: 640px;
  background-color: #FFFFFF;
  border-left: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
  margin: 0px auto 0px;
  text-align: center; }

.soldout {
  color: #c40037 !important;
  text-transform: uppercase; }

.container-inside {
  margin: auto;
  width: 565px; }
  .container-inside .holder {
    *zoom: 1; }
    .container-inside .holder:after {
      content: "";
      display: table;
      clear: both; }
  .container-inside .topnews h1 {
    text-align: center; }
    .container-inside .topnews h1 a {
      color: #000; }
    .container-inside .topnews h1 span {
      display: block;
      font-style: italic;
      font-size: 16px;
      padding: 10px 0;
      margin: 10px auto 0 auto;
      border-top: 1px solid #c40037;
      border-bottom: 1px solid #c40037;
      width: 60%; }
  .container-inside .topnews div {
    margin-top: 32px;
    width: 315px;
    float: right; }
    .container-inside .topnews div p {
      font-size: 16px;
      line-height: 22px; }
    .container-inside .topnews div .score {
      background-color: #8c8c8c;
      color: #fff;
      font-size: 64px;
      text-align: center;
      padding-top: 16px;
      width: 84px;
      margin: 19px 0 0 19px; }
      .container-inside .topnews div .score:after {
        content: 'Score';
        display: block;
        background-color: #e5e5e5;
        color: #333;
        font-size: 12px;
        padding: 3px;
        margin-top: 36px; }
  .container-inside .topnews a.bottle {
    float: left; }
    .container-inside .topnews a.bottle img {
      width: 200px; }
  .container-inside .topnews a.logo {
    margin-top: 20px;
    display: block; }
    .container-inside .topnews a.logo img {
      width: 225px; }
  .container-inside .content {
    width: 355px;
    padding: 0 20px 0 0;
    border-right: 1px solid #d1d1d1;
    text-align: left;
    float: left; }
    .container-inside .content.wide {
      width: 565px;
      float: none;
      display: block;
      border-right: none; }
    .container-inside .content .wineblock {
      *zoom: 1;
      display: block; }
      .container-inside .content .wineblock:after {
        content: "";
        display: table;
        clear: both; }
  .container-inside .newsbar {
    width: 160px;
    text-align: left;
    float: right; }
    .container-inside .newsbar p {
      margin: 12px 0 0 0; }
    .container-inside .newsbar a {
      border: none;
      background-image: ""; }
  .container-inside .story {
    *zoom: 1;
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #626262;
    text-align: justify; }
    .container-inside .story:after {
      content: "";
      display: table;
      clear: both; }
  .container-inside p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #8c8c8c;
    text-align: justify; }
    .container-inside p.text16 {
      font-size: 16px;
      line-height: 24px;
      font-weight: normal;
      color: #626262; }
    .container-inside p.byline {
      font-size: 10px;
      line-height: 16px;
      font-style: italic;
      margin-top: .25em; }

.hero {
  position: relative;
  *zoom: 1;
  height: 219px;
  width: 565px;
  margin: auto; }
  .hero:after {
    content: "";
    display: table;
    clear: both; }
  .hero img {
    position: absolute;
    top: 0;
    left: 0; }
  .hero a {
    text-decoration: none;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 80px;
    margin: 0;
    color: white;
    background: url("../images/waxseal-nav.png") no-repeat 0px 0px;
    left: 14px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize; }
    .hero a:hover {
      background-position: -160px 0px;
      color: white; }
    .hero a:first-child + a {
      background-position: -80px 0px;
      left: 172px; }
      .hero a:first-child + a:hover {
        background-position: -240px 0px;
        color: white; }
    .hero a:first-child + a + a {
      background-position: 0px -80px;
      left: 334px; }
      .hero a:first-child + a + a:hover {
        background-position: -160px -80px;
        color: white; }
    .hero a:first-child + a + a + a {
      background-position: -80px -80px;
      left: 484px; }
      .hero a:first-child + a + a + a:hover {
        background-position: -240px -80px;
        color: white; }

.gallery {
  margin: 10px auto 20px auto;
  text-align: center; }
  .gallery a {
    display: inline-block;
    margin: 0 4px; }
    .gallery a img {
      display: block; }

.footer {
  display: block;
  *zoom: 1;
  margin-top: 36px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  font-style: normal;
  line-height: 12px;
  font-weight: normal;
  color: #434343; }
  .footer:after {
    content: "";
    display: table;
    clear: both; }
  .footer a {
    color: #434343;
    text-decoration: none;
    background-image: url(""); }
    .footer a:hover {
      color: #434343;
      text-decoration: underline; }
    .footer a:active {
      color: #c40037;
      text-decoration: none; }

.waxSeal {
  *zoom: 1;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  padding: 20px;
  width: 28px;
  height: 28px;
  margin: auto;
  background: url("../images/wax_Seal.jpg") center center no-repeat; }
  .waxSeal:after {
    content: "";
    display: table;
    clear: both; }

.thumbnail {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }

.image1 {
  float: right; }

.required {
  color: #990000; }

.reviews {
  background-color: #F4F4F4;
  padding: 0px 8px 8px 8px;
  border: 1px solid #e9e9e9; }

.highlight {
  background-color: #FFFF66;
  padding: 0 5px; }

table.notes td {
  vertical-align: top; }