/* globals */
html
{
   height: 100%;
}
body 
{  
   height: 100%;
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #333;
   background: #fff;
   text-align: center;
}
* { margin: 0; padding: 0;}
p { margin: 0 0 10px 0; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
ul.no-bullets { list-style: none; }
ul { margin: 10px; }
ol { margin: 10px 10px 10px 20px; }
ul li, ol li { margin-left: 10px; }
.clear 
{
   margin: 0;
   padding: 0;
   clear: both;
   display: block;
   height: 1px;
   font-size: 1px;
   line-height: 1px;
}
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* forms */
input, select, textarea, label
{
   font: 11px verdana,helvetica,sans-serif;
}
.inputbox 
{
   padding: 2px;
   border: 1px solid #787878;
   width: 100%;
}
.readonly
{  
   border: 1px solid #ababab;
   background-color: #dedede;
}
select 
{
   width: 100%;
}
textarea 
{
   padding: 2px;
   border: 1px solid #787878;
   width: 100%;
}
.button 
{
   background-color: #999;
   border: 1px solid #787878;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.row
{
   margin-bottom: 10px;
}
label, .label
{
   float: left;
   width: 120px;
   font-weight: normal;
}
.field 
{
   float: right;
   width: 220px;
   font-weight: normal;
}
.required 
{
   color: #c96;
}
.errormsg 
{
   color: #f00;
}
.present {
   display: none;   
}

/* links */
a:link
{
   color: #f60;
   text-decoration: none;
}
a:visited 
{
   color: #c96;
   text-decoration: none;
}
a:hover 
{ 
   text-decoration: underline;
}
a.pdf
{ 
   padding: 5px 0 0 30px;
   background: url(/_img/news/pdf_icon.gif) no-repeat 5px 0;
}
a.word
{ 
   padding: 5px 0 0 30px;
   background: url(/_img/news/word_icon.gif) no-repeat 5px 0;
}

/* headers */
h1
{   
   color: #f60;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0 0 0 255px;
   padding: 0 0 15px 0;
}
h2
{   
   color: #f60;
   font-size: 12px;
   font-weight: normal;
   margin: 0 0 10px 0;
   padding: 0;
}
h3
{   
   color: #c96;
   font-size: 12px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0 0 10px 0;
   padding: 20px 0 0 0;
}
h4
{   
   color: #f60;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0 0 10px 0;
   padding: 5px 0 0 0;
}
h5
{   
   color: #f60;
   font-size: 14px;
   font-weight: normal;
   margin: 0 0 10px 0;
   padding: 0;
}

/* global */
#wrap
{
   position: relative;
   text-align: left;
   margin: 0 auto;
   width: 765px;
   min-height: 100%;
}
* html #wrap
{
   height: 100%;
}

/* topbar */
#topbar
{
   position: relative;
   height: 150px;
   background: transparent url(../_img/top/top_swimmer.gif) no-repeat;
   margin-bottom: 20px;
}
#logo
{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 230px;
   height: 100px;
}
#logo a:link, #logo a:visited
{
   display: block;
   background: url(../_img/top/top_logo.gif) no-repeat;
   clip: rect(0, 230px, 100px, 0);
   padding: 100px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   width: 230px;
   height /**/: 100px;
}
#logo a:hover
{
   background: url(../_img/top/top_logoroll.gif) no-repeat;
}
#mainnav
{
   position: absolute;
   left: 245px;
   bottom: 0;
   width: 515px;
   height: 20px;
}
#mainnav ul
{
   margin: 0;
}
#mainnav li
{
   list-style: none;
   float: left;
   margin: 0;
}
#mainnav a:link, #mainnav a:visited
{
   display: block;
   padding: 20px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 20px;
}
#menu-ourwines a:link, #menu-ourwines a:visited {
   width: 82px;
   background: url(../_img/main_nav/main_1.gif) no-repeat;
}
#menu-ourwines a:hover, #menu-ourwines.active a:link, #menu-ourwines.active a:visited {
   background: url(../_img/main_nav/main_1roll.gif) no-repeat;
}
#menu-availability a:link, #menu-availability a:visited {
   width: 85px;
   background: url(../_img/main_nav/main_2.gif) no-repeat;
}
#menu-availability a:hover, #menu-availability.active a:link, #menu-availability.active a:visited {
   background: url(../_img/main_nav/main_2roll.gif) no-repeat;
}
#menu-villa a:link, #menu-villa a:visited {
   width: 68px;
   background: url(../_img/main_nav/main_3.gif) no-repeat;
}
#menu-villa a:hover, #menu-villa.active a:link, #menu-villa.active a:visited {
   background: url(../_img/main_nav/main_3roll.gif) no-repeat;
}
#menu-newsevents a:link, #menu-newsevents a:visited {
   width: 107px;
   background: url(../_img/main_nav/main_4.gif) no-repeat;
}
#menu-newsevents a:hover, #menu-newsevents.active a:link, #menu-newsevents.active a:visited {
   background: url(../_img/main_nav/main_4roll.gif) no-repeat;
}
#menu-aboutus a:link, #menu-aboutus a:visited {
   width: 74px;
   background: url(../_img/main_nav/main_5.gif) no-repeat;
}
#menu-aboutus a:hover, #menu-aboutus.active a:link, #menu-aboutus.active a:visited {
   background: url(../_img/main_nav/main_5roll.gif) no-repeat;
}
#menu-contactus a:link, #menu-contactus a:visited {
   width: 79px;
   background: url(../_img/main_nav/main_6.gif) no-repeat;
}
#menu-contactus a:hover, #menu-contactus.active a:link, #menu-contactus.active a:visited {
   background: url(../_img/main_nav/main_6roll.gif) no-repeat;
}

/* page title */
#pagetitle
{
   border-bottom: 1px solid #ffb27f;
}

/* body */
#thebody
{
   padding: 0 0 80px 20px;
} 
#leftbar
{
   float: left;
   width: 235px;
}
#maincontent
{ 
   float: left;
   width: 510px; 
} 
.content
{
   margin-right: 20px;
}
#insideflash {
   padding: 9px 0;
   margin-bottom: 20px;
   border-bottom: 1px solid #ffb27f;
}

/* home */
#homeflash {
   margin: 10px 0;
   padding: 9px 20px;
   border-top: 1px solid #ffb27f;
   border-bottom: 1px solid #ffb27f;
}
#sec-home #thebody
{
   margin-top: 30px;
}
#sec-home #maincontent
{
   padding-right: 20px;
   width: 365px;
   width/**/: 345px;
}
#sec-home #news
{
   float: left;
   width: 360px;
}
#sec-home #news h2
{
   margin: 0 0 10px 20px;
}
#sec-home #news ul
{
   margin: 0 0 20px 0;
   padding: 0 0 0 20px;
   border-left: 1px solid #ffb27f;
}
#sec-home #news ul li
{
   margin: 0;
   padding: 0;
   list-style: none;
}
#sec-home #news #butts
{
   margin: 0 0 20px 20px;
}
#sec-home #news #butts a
{
   float: left;
}

/* wines */
#wine-details
{
   position: relative;
   border-bottom: 1px solid #ffb27f;
}
#wine-details #wine-image
{
   float: left;
   width: 160px;
}
#wine-details .content
{
   float: left;
   width: 330px;
   margin-right: 0;
   margin-top: 90px;
   margin-bottom: 60px;
}
#wine-details .content h2
{
   font-size: 18px;
   line-height: 18px;
   vertical-align: top;
   color: #999;
   margin: 0 0 15px 0;
}
#wine-details .content h2 img
{
}
#wine-details #wine-info
{
   position: absolute;
   left: 160px;
   bottom: 20px;
   width: 330px;
   color: #999;
}
#wine-details #wine-info #sweetness
{
   float: left;
   padding-right: 20px;
}
#wine-details #wine-info #cost
{
   height: 100%;
   float: right;
   padding-left: 10px;
   border-left: 1px solid #ffb27f;
}
#wine-details #wine-info #cost .price
{
   font: 25px/28px verdana,helvetica,sans-serif;
   display: inline;
}

/* news */
#ul-news
{
   margin: 0;
   padding: 0;
}
#ul-news li
{
   list-style: none;
   margin: 0 0 15px 0;
   padding: 0;
}
#ul-news li p
{
   margin: 0;
   padding: 0;
}
.download
{
   padding-top: 5px;
}

/* about us */
.awards h2
{   
   clear: both;
   font-weight: bold;
}
.awards h3
{   
   clear: both;
   color: #c96;
   font-size: 12px;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0 0 0 0;
   padding: 0;
}
dl
{
   margin-bottom: 10px;
}
dt
{
   clear: both;
   float: left;
   width: 240px;
   margin-right: 10px;
}
dd
{
   float: left;
   width: 230px;
}

/* order form */
#sec-order #header, #sec-order .header
{
   padding: 9px 20px 0 20px;
   border-bottom: 1px solid #ffb27f;
   margin-bottom: 20px;
}
#sec-order #maincontent
{ 
   float: none;
   width: 725px; 
} 
#sec-order #maincontent h2
{ 
   margin-bottom: 25px; 
} 
#sec-order #header-img
{
   float: left;
   text-align: center;
   width: 235px;
}
#sec-order .header-img 
{
   float: left;
   width: 235px;
   height: 130px;
}
#sec-order #leftcol
{
   float: left;
   width: 350px;
}
#sec-order #rightcol
{
   float: right;
   width: 360px;
   border-left: 1px solid #ffb27f;
   padding-left: 10px;
   width/**/: 350px;
}
.mice
{
   font-size: 10px;
   color: #999;
}
.membernum {
   font-weight: bold;
   font-size: 14px;
}
.membernum span {
   color: #f60;
}
#sec-order .wine-list
{
   margin-bottom: 20px;
}
#sec-order .wine-list .title
{  
   margin-bottom: 25px;
}
#sec-order .wine-list .label
{  
   width: 240px; 
}
#sec-order .wine-list .title .label
{  
   width: 190px; 
}
#sec-order .wine-list .label label
{
   width: 100%;
}
#sec-order .wine-list .price
{
   float: left;
   font-weight: bold;
   text-align: right;
   width: 60px;
}
#sec-order .wine-list .title .price
{
   width: 110px;
}
#sec-order .wine-list .qty
{
   float: right;
   width: 30px;
}
#sec-order dt
{
   float: left;
   width: 250px;
   margin-bottom: 5px;
}
#sec-order dd
{
   float: right;
   text-align: right;
   font-weight: bold;
   width: 50px;
   margin-bottom: 5px;
}

/* butts */
a#butt-joinlist:link, a#butt-joinlist:visited
{
   display: block;
   clip: rect(0, 169px, 21px, 0);
   padding: 21px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 21px;
   width: 169px;
   background: url(../_img/home/join_butt.gif) no-repeat;
   margin-bottom: 10px;
}
a#butt-joinlist:hover {
   background: url(../_img/home/join_buttroll.gif) no-repeat;
}
a#butt-orderwine:link, a#butt-orderwine:visited
{
   display: block;
   clip: rect(0, 113px, 21px, 0);
   padding: 21px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 21px;
   width: 113px;
   background: url(../_img/home/order_butt.gif) no-repeat;
   margin-bottom: 10px;
}
a#butt-orderwine:hover {
   background: url(../_img/home/order_buttroll.gif) no-repeat;
}
a#butt-tellfriend:link, a#butt-tellfriend:visited
{
   display: block;
   clip: rect(0, 124px, 21px, 0);
   padding: 21px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 21px;
   width: 124px;
   background: url(../_img/tellfriend/tellafriend_butt.gif) no-repeat;
   margin-bottom: 10px;
}
a#butt-tellfriend:hover {
   background: url(../_img/tellfriend/tellafriend_buttroll.gif) no-repeat;
}

/* subnav */
#inthissection {
   margin: 10px 0;
}
#subnav
{
   margin: 9px 0 50px 0;
}
#subnav ul
{
   margin: 0 0 21px 0;
}
#subnav li
{
   margin: 0;
   padding: 0;
   list-style: none;
}

/* popups */
body#sec-popup 
{  
   height: auto;
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #333;
   background: #fff;
   text-align: left;
}
#sec-popup
{
   margin: 0 20px;
}
#sec-popup #maincontent
{
   float: none;
   width: 360px;
}
#sec-popup h1
{   
   margin: 0 0 0 100px;
   padding: 0 0 10px 0;
}
#sec-popup h2
{   
   margin: 10px 0 10px 100px;
}
#sec-popup .inputbox 
{
   width: 254px;
   background-color: #fdf2e8;
}
#sec-popup textarea 
{
   width: 254px;
   background-color: #fdf2e8;
}
#sec-popup .row
{
   margin-bottom: 10px;
}
#sec-popup label, #sec-popup .label
{
   width: 100px;
   line-height: 100%;
   padding-top: 5px;
   font-weight: normal;
}
#sec-popup .field 
{
   width: 260px;
   font-weight: normal;
}
#sec-popup p
{
   font-size: 10px;
   color: #999;
}
#sec-popup .row p
{
   margin-bottom: 0;
}

/* footer */
#footer
{
   clear: both;
   position: relative;
   margin: -60px 0 0 0; /*height of footer*/
   padding: 0;
   height: 60px;
}
#footer .footerwrap
{
   width: 765px;
   height: 60px;
   background: transparent url(../_img/footer/bottom_swimmer.gif) no-repeat;
   text-align: left;
   margin: 0 auto;
   padding: 0;
}
#footer .footerwrap #footercontent
{
   padding: 15px 0 0 420px;
   font: 10px/14px;
   color: #666;
}