* {
margin: 0;
padding: 0;
}
body {
width: 1024px;
margin: 0px auto;
padding: 0;
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
line-height: 15px;
text-align: center;
background-color: #fff;
}
ul, ol {list-style-type: none;}
.hide {visibility: hidden;}
em {font-style: italic;}
em.bold {
font-style: italic;
font-weight: bold;
}
span.caption em, p.caption {color: #8a745a;}
span.bold, .bold {font-weight: bold;}
.right {text-align: right;}
.left {text-align: left}
.center {text-align: center;}
p {margin-bottom: 15px;}
/*---------------------------Default Content Links---------------------------*/
a {
outline: none;
text-decoration: none;
}
a:link {
color: #000000;
background-color: #ffffff;
border-bottom: 1px solid #000000;
}
a:visited {
background-color: #ffffff;
color: #000000;
border-bottom: 1px solid #000000;
}
a:hover {
color: #cc1430;
border-bottom: 1px solid #cc1430;
}
a:active {
color: #cc1430;
border-bottom: 1px solid #cc1430;
background-color: #ffffff;
}
/*---------------------------Special Wine Name Links---------------------------*/
ul.wine-name-list {text-align: left;}
ul.wine-name-list a {border: none;}
ul.wine-name-list a.here {
font-weight: bold;
font-style: italic;
}
ul.wine-name-list li {padding-bottom: 15px;}
a.red {
background-color: transparent;
border: none;
}
a.red:link, a.red:visited {color: #cc1430;}
a.red:hover, a.red:active {border-bottom: 1px solid #cc1430;}
/*---------------------------LAYOUT---------------------------*/
div#content {
width: 1022px;
margin: 0 auto;
border: 1px solid #2a221d;
border-bottom: none;
float: left;
padding-bottom: 10px;
}
div#wrapper {
width: 1002px;
min-height:725px;
margin: 0 10px;
float:left;
}
/*---------------------------Navigation Menus---------------------------*/
div#nav {
width: 501px;
height: 135px;
overflow: hidden;
float: right;
clear: both;
}
div#nav ul {
width: 100%;
float: right;
}
ul#main-menu {margin: 75px 0 0 0;}
div#nav ul li {
width: auto;
display: block;
float: right;
border-right: 1px solid #000;
}
/*---------------------------Navigation Menu Links---------------------------*/
div#nav ul li a {
display: block;
padding: 2px 5px;
background-color: transparent;
}
div#nav ul li a:link, div#nav ul li a:visited {
color: #000000;
border-bottom: none;
}
div#nav ul li a:hover, div#nav ul li a:active {
color: #ffffff;
border-bottom: none;
}
div#nav ul li a.here {color: #ffffff;}
div#nav ul li.last {border-right: none;}
div#nav ul li.last a {padding-right: 0;}
/*---------------------------Flash and Flash-Alt---------------------------*/
div#fla, div#vine {
width: 260px;
height: 180px;
margin: 70px auto 40px auto;
}
div#fla {padding-right: 20px;}
div#vine {margin-left: 10px;}
div#address {
width: 317px;
height: 228px;
margin: 0 auto;
}
/*---------------------------Main Stuff - Columns---------------------------*/
div#columns {
width: 100%;
margin: 0 auto;
padding-top: 45px;
float: left;
}
div#columns div.one-column, div#columns div.two-column, div#columns div.three-column {
width: 862px;
float: left;
margin: 0 70px;
}
div#columns div.two-column#bleed {
width: 932px;
float: right;
margin: 0 0 0 70px;
}
.two-column, .three-column {text-align:justify;}
.two-column .column-a {
width: 300px;
float: left;
}
.two-column .column-b {
width: 551px;
margin: 0 auto;
float: right;
}
.three-column .column-a {
width: 300px;
float: left;
}
.three-column .column-b {
width: 240px;
margin: 0 11px;
float: left;
text-align: center;
}
.three-column .column-c {
width: 300px;
float: right;
}
.three-column .column-c#narrow {
width: 272px;
float: right;
}
div#columns div.column-b,
div#columns div.column-c {margin-top: 4px;}
div#columns div.center-justifytologo {
margin: 0 auto;
width: 230px;
text-align: center;
}
p.notrevin-center {
width: 100%;
height: 34px;
margin-bottom: 45px;
}
p.notrevin-center a {
width: 234px;
height: 34px;
display:block;
margin: 0 auto;
text-align: center;
border: none;
}
p.notrevin-center#tree {
width: 234px;
height: 169px;
margin: 0 auto 45px auto;
text-align: center;
}
p.notrevin-center#tree a {
width: 234px;
height: 169px;
display: block;
margin: 0 auto;
text-align: center;
border: none;
}
p.notrevin-side {
width: 234px;
height: 169px;
margin: 0 auto 45px auto;
text-align: center;
}
p.notrevin-side a {
width: 234px;
height: 169px;
display: block;
margin: 0 auto;
text-align: center;
border: none;
}
/*---------------------------Our Wines and Varietal Pages---------------------------*/
.three-column div#bottle.column-b {
width: 268px;
margin-left: 0;
}
.three-column div#bottle.column-b p {
width: 268px;
height: 600px;
margin: -49px auto -10px auto;
text-align: center;
}
.two-column div#bottle-lineup.column-b {
width: 621px;
position: relative;
}
.two-column div#bottle-lineup.column-b p {
width: 631px;
height: 475px;
display:block;
margin-top: -4px;
}
.two-column div#bottle-lineup.column-b p a.varietal-link {
width: 100px;
height: 320px;
display: block;
border:none;
background-color: transparent;
position: absolute;
top: 110px;
}
div#bottle-lineup p a#varietal-1-link {left: 48px;}
div#bottle-lineup p a#varietal-2-link {left: 206px;}
div#bottle-lineup p a#varietal-3-link {left: 355px;}
div#bottle-lineup p a#varietal-4-link {left: 505px;}
div#bottle-lineup p a#varietal-5-link {left: 505px;}
div#bottle-lineup p a#varietal-6-link {left: 505px;}
div.column-c p.varietal-detail-copy {margin-top: 0px;}
/*---------------------------The Legacy Page - Flash and Alt Content---------------------------*/
div#legacy_fla {
width: 466px;
height: 482px;
float:right;
margin-top: -4px;
}
div#legacy_fla_alt {
width: 480px;
height:482px;
}
div#legacy_fla_alt p#jean-plow-prince {
width: 430px;
height:453px;
float:right;
}
p#jean-plow-prince span.caption {
width: 430px;
display: block;
padding-top:469px;
text-align: center;
}
/*----------------------------Our Story Page and Image--------------------------*/
p#denis-maybritt-malbec {
width: 480px;
height:484px;
margin-top: -4px;
float:right;
}
p#denis-maybritt-malbec span.caption {
width: 480px;
display: block;
padding-top:484px;
text-align: center;
}
/*---------------------------Footer - and MISC---------------------------*/
div#foot {
width: 1022px;
height: 31px;
margin: 0 auto;
border: 1px solid #000;
border-top: none;
float:left;
clear:both;
}
div#foot p {
width: 200px;
height: 30px;
margin: 0 auto;
padding: 0;
}
span.leaf-inline {
width: 14px;
height: 13px;
padding-right: 20px;
}
div.one-column#leaf-back {min-height: 479px;}
/*---------------------------Custom Scrollbar for Varietal Detail Pages - Column C copy---------------------------*/
#actions {
width: 272px;
height: 15px;
display: block;
position: relative;
}
#actions a {
width: 18px;
height: 15px;
display: block;
float: right;
border:none;
}
#arrow-down {margin-left: 3px;}
#actions.hide {visibility: hidden;}
/*---------------------------root element for scrollable---------------------------*/ 
div.scrollable {
width: 272px;
height: 465px;
/*---------------------------required settings---------------------------*/ 
position:relative; 
overflow:hidden;
margin-bottom: 15px;
}
div.scrollable#nopad {margin-bottom: 0px;}

/*--------------------root element for scrollable items------------------*/ 
div.scrollable div.items {
width: 272px;
position:absolute; 
/*---------this time we have very large space for the height-------------*/ 
height:20000em; 
}
div#content div.scrollable div.items p.last {margin-bottom: 0px;}
div#actions span.gray {
width: auto;
color: #a0a09f;
font-style:italic;
}

/*----- added by Thierry ---------------------------------------*/
div.textscrollable {
height: 450px; 
width:320px;
overflow: scroll;
overflow-x:hidden;
overflow-y:hidden; 
border: 0px 
solid blue;" >
}