
/*- Menu Tabs I--------------------------- */
#tabsI { width:800px; background:transparent; font-size:14px; line-height:normal; margin-right: auto; margin-left: auto; }
#tabsI ul {
   margin:0;
   padding:10px 10px 0;
   list-style:none;
}

#tabsI li {
      display:inline;
      margin:0;
      padding:0;
}

#tabsI a {
      float:left;
      background:url(images/tableftI.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
}

#tabsI a span {
      float:left;
      display:block;
      background:url(images/tabrightI.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
      color:#FFF;
}

body { margin: 0; padding: 0; }
#tabsI a:hover {
      background-position:0% -42px;
}

#tabsI a:hover span {
      background-position:100% -42px;
}

#header { background-image: url(images/headerbg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-align: left; }
#header-inner { background-image: url(images/logo.gif); background-repeat: no-repeat; width: 809px; height: 144px; margin: 0 auto; }
body {
    color: #333;
    text-align: center;
    font: 11px/19px "Lucida Grande", arial, verdana, helvetica, sans-serif;
    background: #97c295;
}

#header h1 { color: #fff; float: left; margin-top: 120px; margin-left: 210px; padding: 0; }
#tagline { font-size: 12px; font-weight: bold; }

#main {
 background-color: #f3f3e6;
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: left top;
 text-align: left;
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 padding: 15px;
 border: solid 1px #ffaf4f;
}

#main-inner {
 background-color: transparent;
 position: relative;
 width: 780px;
 margin: 0 auto;
}

#content {
 float: left;
 width: 460px;
 margin: 0;
}

#content ul {
 margin: 0 0 10px 20px;
}

div.nav-block {
 background: url(images/box_bg.jpg) repeat-x left top;
 margin: 0 0 15px;
 width: 460px;
 color: #4d4f4d;
 border: solid 1px #ccc;
}

div.nav-img {
 float: left;
}

div.nav-img a, div.nav-img a:hover {
  border: 0;
  background: none;
}

div.nav-text {
 float: left;
 margin: 10px 0 0 15px;
 width: 315px;
}

p.desc {
 line-height: 14px;
 margin: 0;
}

#sidebar {
 float: right;
 width: 290px;
 line-height: 16px;
 color: #777;
 text-align: justify;
 margin: 0;
}

#footer { text-align: center; margin: 15px auto 0; text-transform: uppercase; font-size: 10px; background-color: #f7e478; padding-top: 15px; padding-left: 15px; }

#footer p {
 margin: 0 0 5px 0;
}

#footer a, #footer a:hover { color: #336601; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-right: 7px; padding-left: 7px; border-left: 1px solid #fff; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; }
hr {
 display: none;
}

div.nav-block ul {
 list-style: none;
 float: left;
 margin: 0 !important;
}

div.nav-block ul li {
 display: inline;
 padding: 0;
 margin: 0;
 background: none;
}

div.nav-block h2, div.find-block h3 {
 text-indent: -9999px;
 margin: 0;
}

div.nav-block h2 a, div.find-block h3 a {
 width: 200px;
 height: 40px;
 border: 0;
 display: block;
 margin: 0;
 background-position: 0 0;
 background-repeat: no-repeat;
}

div.nav-block h2 a:hover, div.find-block h3 a:hover {
 background-position: 0 -40px;
 background-color: transparent;
 border: 0;
 background-repeat: no-repeat;
}

div.nav-block#top_story h2 a {background-image: url(images/top_stories.gif);}
div.nav-block#tips h2 a {background-image: url(images/tips.gif);}
div.nav-block#collection h2 a {background-image: url(images/collection.gif);}
div.find-block { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; margin: 0 0 20px; width: 460px; }
#header:after,
#main-inner:after,
div.nav-block:after,
#activity-inner:after,
#nav:after,
#nav-box:after,
#community:after,
ul.wineries:after,
ul.varietals:after,
ul.tabs:after,
.wine-details:after,
.images:after,
.profile-header:after,
.comments ol li:after {
 content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* {
    padding: 0;
    margin: 0;
}

a {
 color: #666633;
 text-decoration: none;
 padding: 1px 0;
 border-bottom: #c8cdba solid 1px;
}

a:hover {
  background: #e9ebe3;
  color: #4d4f4d;
  border-bottom: #4d4f4d solid 1px;
}

h2 {
 font-weight: normal;
 font-size: 21px;
 line-height: 22px;
 color: #4d4f4d;
 margin: 0 0 10px 0;
 padding: 5px 0 0 0;
 letter-spacing: -1px;
}

p {
 margin: 0 0 10px 0;
}

#main img {
 padding: 1px;
 border: #e4e6dd solid 5px;
 background: #fff;
}

#sidebar_general { float: right; width: 210px; line-height: 16px; color: #404040; background-color: #fff; text-align: justify; padding: 15px 15px 5px; }
#haupt { text-align: justify; float: left; width: 520px; margin: 0; }
h4 { color: #172104; font-size: 16px; font-weight: bold; background-image: url(images/box_bg.jpg); margin: 22px 0 12px; padding: 5px; border-bottom: 2px groove #ecebcd; }
.faq { font-size: 12px; font-weight: bold; background-color: #97c295; text-align: left; margin-top: 45px; margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }
table { text-align: left; }
#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 100%;
}
#navlist li
{ text-align: left; list-style: none; margin: 0; padding: 0.25em 0.25em 12px; border-top: 1px solid gray; }
#navlist li a  { color: #283a08; font-size: 11px; font-style: italic; text-decoration: none; border-style: none; }
#navcontainer { background-color: #f0f0f0; margin-right: 5px; margin-bottom: 50px; margin-left: 5px; }
.top { background-repeat: no-repeat; text-align: right; border-style: none; }
#voll { text-align: justify; float: left; width: 750px; margin: 0; }
.left_image { float: left; margin-right: 30px; padding: 15px; }
h3 { color: #2f5c33; font-size: 14px; font-weight: bold; margin: 1em 0 5px; }
ol { list-style-type: decimal; margin: 1em 0 1em 40px; }
ol li { font-size: 12px; font-weight: bold; margin-top: 0; margin-bottom: 0; padding-bottom: 10px; }
strong { color: #2f5c33; font-size: 12px; font-weight: bold; border-bottom: 2px solid #eae9cb; }
.background { margin-bottom: 45px; padding: 4px 2px 10px; border-bottom: 1px dashed #e4e4e4; }
#inline-list { border: solid 1px #ecedcc; margin: 12px; width: 95%; padding: 5px; font-family: Verdana, sans-serif; background-color: #eae9cb; background-image: url(images/table_tips.jpg); background-repeat: repeat-y; }
#inline-list ol, #inline-list li  { font-size: 12px; font-weight: bold; list-style: none url(images/arrow.gif); margin-left: 10px; text-indent: -1em; padding: 10px 15px 10px 20px; border-bottom: 2px dashed #f3f3e6; }

