/* globals */
body 
{  
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #333;
   background: #88a4ad;
   text-align: center;
   margin: 0;
   padding: 0;
}
* { 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-family: verdana,helvetica,sans-serif;
   font-size: 11px;
}
.inputbox 
{
   padding: 2px;
   border: 1px solid #88a4df;
}
select 
{
}
textarea 
{
   padding: 2px;
   border: 1px solid #88a4df;
}
.button 
{
   background-color: #88a4df;
   border: 1px solid #88a4df;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   text-transform: uppercase;
}
.row
{
   margin-bottom: 5px;
}
label, .label
{
   font-weight: normal;
   margin-bottom: 5px;
}
.field 
{
   font-weight: normal;
}
.required 
{
   color: #f60;
}
.errormsg 
{
   color: #f00;
}
.readonly
{
   background: #ebebeb;
}

/* links */
a:link
{
   color: #f60;
   text-decoration: none;
}
a:visited 
{
   color: #c63;
   text-decoration: none;
}
a:hover 
{ 
   text-decoration: underline;
}
a.pdf {
   padding: 2px 0 2px 25px;
   background: url(../_img/newsevents/icon_pdf.gif) no-repeat;
}

/* headers */
h1
{   
   color: #333;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
   padding-bottom: 5px;
   border-bottom: 1px solid #88a4af;
   margin: 0 0 20px 0;
   padding-left: 50px;
}
h2
{   
   color: #88a4ad;
   font-size: 12px;
   font-weight: normal;
   margin: 0 0 10px 0;
   padding: 0;
}
h3
{   
   color: #414141;
   font-size: 11px;
   font-weight: bold;
   margin: 0 0 0 0;
}
h4
{   
   color: #669999;
   font-size: 16px;
   font-weight: normal;
   margin: 0 0 0 0;
}
sold
{   
   color: #ff6600;
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 0 0;
}

/* global */
#wrap
{
   text-align: left;
   margin: 0 auto;
   width: 760px;
}

/* topbar */
#topbar
{
   width: 760px;
   width/**/: 720px;
   height: 174px;
   background: transparent url(../_img/shared/top_background.gif) no-repeat left top;
   margin: 0;
   padding: 0 20px;
   display: block;
}
#utilitynav ul
{
   clear: both;
   float: right;
   display: block;
   width: 243px;
   height: 18px;
   margin: 27px 0 0 0;
   /*border-top: 1px solid #C4D2D6;
   border-bottom: 1px solid #C4D2D6;
   border-right: 1px solid #C4D2D6;*/
}
#utilitynav ul li
{
   list-style: none;
   float: left;
   margin: 0;
   /*border-left: 1px solid #C4D2D6;*/
}
/*
#utilitynav ul #utility-orderwine
{
   width: 106px;
   width/**//*: 105px;
}
#utilitynav ul #utility-enews
{
   width: 137px;
   width/**//*: 136px;
}
#utilitynav ul li a:link, #utilitynav ul li a:visited 
{
   display: block;
   width: 100%;
   height: 16px;
   text-align: center;
   color: #fff;
   text-transform: lowercase;
}
#utilitynav ul li a:hover, #utilitynav ul li.active a:link, #utilitynav ul li.active a:visited
{
   background-color: #f60;
   text-decoration: none;
}
*/
#utilitynav a:link, #utilitynav a:visited
{
   display: block;
   padding: 18px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   height /**/: 18px;
}
#utility-orderwine a:link, #utility-orderwine a:visited {
   clip: rect(0, 106px, 20px, 0);
   width: 106px;
   background: url(../_img/shared/order_top.gif) no-repeat;
}
#utility-orderwine a:hover, #utility-orderwine.active a:link, #utility-orderwine.active a:visited {
   background: url(../_img/shared/order_toproll.gif) no-repeat;
}
#utility-enews a:link, #utility-enews a:visited {
   clip: rect(0, 137px, 20px, 0);
   width: 137px;
   background: url(../_img/shared/sign_top.gif) no-repeat;
}
#utility-enews a:hover, #utility-enews.active a:link, #utility-enews.active a:visited {
   background: url(../_img/shared/sign_toproll.gif) no-repeat;
}
#logo
{
   clear: both;
   float: right;
   display: block;
   margin: 29px 0 0 0;
   width: 368px;
   height: 47px;
}
#logo a:link, #logo a:visited
{
   display: block;
   background: url(../_img/shared/logo.gif) no-repeat;
   clip: rect(0, 368px, 47px, 0);
   padding: 47px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   width: 368px;
   height /**/: 47px;
}
#logo a:hover
{
   background: url(../_img/shared/logoroll.gif) no-repeat;
   text-decoration: none;
}
#mainnav
{
   clear: both;
   float: right;
   display: block;
   margin: 11px 0 0 0;
   background-color: #333;
   width: 720px;
   height: 20px;
}
#mainnav #date
{
   float: left;
   font-size: 10px;
   width: 145px;
   padding: 1px 0 0 20px;
   width/**/: 125px;
   color: #999;
}
#mainnav ul
{
   float: right;
   width: 571px;
   height: 20px;
   margin: 0;
}
#mainnav li
{
   list-style: none;
   float: left;
   height: 20px;
   margin: 0;
}
/*
#mainnav ul #menu-ourwines
{
   width: 105px;
}
#mainnav ul #menu-availability
{
   width: 115px;
}
#mainnav ul #menu-newsevents
{
   width: 133px;
}
#mainnav ul #menu-aboutus
{
   width: 97px;
}
#mainnav ul #menu-contactus
{
   width: 121px;
}
#mainnav a:link, #mainnav a:visited
{
   display: block;
   padding-top: 1px;
   height/**//*: 19px;
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   border-right: 1px solid #88A4AD;
}
#mainnav .last a:link, #mainnav .last a:visited
{
   border-right: none;
}
#mainnav a:hover, #mainnav .active a:link, #mainnav .active a:visited
{
   color: #f60;
   text-decoration: none;
}
*/
#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 {
   clip: rect(0, 105px, 20px, 0);
   width: 105px;
   background: url(../_img/shared/main_1.gif) no-repeat;
}
#menu-ourwines a:hover, #menu-ourwines.active a:link, #menu-ourwines.active a:visited {
   background: url(../_img/shared/main_1roll.gif) no-repeat;
}
#menu-availability a:link, #menu-availability a:visited {
   clip: rect(0, 115px, 20px, 0);
   width: 115px;
   background: url(../_img/shared/main_2.gif) no-repeat;
}
#menu-availability a:hover, #menu-availability.active a:link, #menu-availability.active a:visited {
   background: url(../_img/shared/main_2roll.gif) no-repeat;
}
#menu-newsevents a:link, #menu-newsevents a:visited {
   clip: rect(0, 133px, 20px, 0);
   width: 133px;
   background: url(../_img/shared/main_3.gif) no-repeat;
}
#menu-newsevents a:hover, #menu-newsevents.active a:link, #menu-newsevents.active a:visited {
   background: url(../_img/shared/main_3roll.gif) no-repeat;
}
#menu-aboutus a:link, #menu-aboutus a:visited {
   clip: rect(0, 97px, 20px, 0);
   width: 97px;
   background: url(../_img/shared/main_4.gif) no-repeat;
}
#menu-aboutus a:hover, #menu-aboutus.active a:link, #menu-aboutus.active a:visited {
   background: url(../_img/shared/main_4roll.gif) no-repeat;
}
#menu-contactus a:link, #menu-contactus a:visited {
   clip: rect(0, 121px, 20px, 0);
   width: 121px;
   background: url(../_img/shared/main_5.gif) no-repeat;
}
#menu-contactus a:hover, #menu-contactus.active a:link, #menu-contactus.active a:visited {
   background: url(../_img/shared/main_5roll.gif) no-repeat;
}
#subnav
{
   margin-top: 210px;
   float: right;
   width: 195px;
}
#subnav ul
{
   margin: 0;
   border-top: 1px solid #88a4af;
}
#subnav li
{
   list-style: none;
   display: inline;
   margin: 0;
}
#subnav li a:link, #subnav li a:visited
{  
   display: block;
   padding: 5px 0 5px 20px;
   margin: 0;
   border-bottom: 1px solid #88a4af;
   text-transform: uppercase;
   color: #333;
}
#subnav li a:hover, #subnav li.active a:link, #subnav li.active a:visited
{
   text-decoration: none;
   color: #f60;
}

/* body */
#thebodyhome
{
   margin: 0 20px;
   background: #fff url(../_img/shared/home_background.jpg) no-repeat;
} 
#thebody
{
   margin: 0 20px;
   background: #fff url(../_img/shared/inside_background.jpg) no-repeat;
} 
#maincontent
{ 
   float: left;
   margin-top: 50px;
   padding: 0 0 50px 0;
   width: 360px;
} 
.container
{
   margin-left: 20px;
}
#flash
{
   float: left;
   margin-top: 125px;
   width: 150px;
}

/* home */
#sec-intro
{
   height: 100%;
   background: #000;
}

/* home */
#sec-home #maincontent
{
   width: 360px;
}
#sec-home #news
{
   float: left;
   margin-top: 180px;
   padding: 0 0 50px 0;
   width: 210px;
}
#sec-home #news .container
{
   margin: 0;   
   padding: 0 20px 0 0;
}
#sec-home #news h2
{
   margin: 0 0 20px 0;
   padding-bottom: 5px;
   border-bottom: 1px solid #88a4af;
}
#sec-home #news ul
{
   margin: 0;
}
#sec-home #news ul li
{
   margin: 0 0 10px 0;
   padding: 0;
   list-style: none;
}

/* news & events */
#sec-news #thebody
{
   background: #fff url(../_img/newsevents/newsevents_bg.jpg) no-repeat;
   height: 545px; 
}
html>body#sec-news #thebody
{ 
   height: auto; 
   min-height: 545px; 
}
#sec-news #maincontent
{ 
   width: 445px;
}

/* about us */
#sec-about-us #thebody
{
   background: #fff url(../_img/about_us/aboutus_bg.jpg) no-repeat;
   height: 650px; 
}
html>body#sec-about-us #thebody
{ 
   height: auto; 
   min-height: 640px; 
}
#sec-about-us #maincontent
{ 
   width: 445px;
}

/* our wines */
#sec-ourwines #thebody
{
   background: #fff url(../_img/wine/inside_background.jpg) no-repeat;
   height: 545px; 
}
html>body#sec-ourwines #thebody
{ 
   height: auto; 
   min-height: 545px; 
}
#sec-ourwines #maincontent
{ 
   width: 375px;
}
#order-driver
{
   margin: 50px 0 0 30px;
}
#order-driver #details
{
   float: left;
   border-right: 1px solid #88a4af;
   height: 70px;
   width: 150px;
}
#order-driver #details .price
{
   display: block;
   font: 30px/140% verdana,helvetica,sans-serif;
}
#order-driver #order
{
   float: left;
   width: 150px;
}
#order-driver #order a:link, #order-driver #order a:visited
{
   margin-left: 50px;
   display: block;
   background: url(../_img/wine/order_butt.gif) no-repeat;
   clip: rect(0, 64px, 50px, 0);
   padding: 64px 0 0 0;
   height: 0 !important;
   overflow: hidden;
   width: 64px;
   height /**/: 50px;
}
#order-driver #order a:hover
{
   background: url(../_img/wine/order_buttroll.gif) no-repeat;
   text-decoration: none;
}

/* order form */
#sec-orderform #thebody
{
   background: #fff url(../_img/wine/inside_background.jpg) no-repeat;
   min-height: 545px; 
}
html>body#sec-orderform #thebody
{ 
   height: auto; 
   min-height: 545px; 
}
#sec-orderform #maincontent
{ 
   width: 420px;
}
#sec-orderform .wine
{
   border-bottom: 1px solid #88a4af;
   padding-bottom: 10px;
   margin-bottom: 20px;
}
#sec-orderform .wine h3
{
   margin-bottom: 10px;
}
#sec-orderform .wine .container
{
   padding-left: 20px;
}
#sec-orderform .wine .left
{
   width: 180px;
}
#sec-orderform .wine .left .size
{
   display: block;
   margin-top: 22px;
   font-weight: bold;
   color: #aaa;
}
#sec-orderform .wine .right
{
   width: 180px;
}
#sec-orderform .wine .right .soldout
{
   font-weight: bold;
   background-color: #efefef;
   color: #f60;
   padding: 2px;
   float: right;
}
#sec-orderform .wine .right .price, #sec-orderform .wine .right .quantity, #sec-orderform .wine .right .total
{
   float: left;
}
#sec-orderform .wine .right .price strong
{
   padding-top: 3px;
   float: left;
}
#sec-orderform .wine .right .price .x
{
   padding-top: 3px;
   float: right;
   padding-right: 5px;
}
#sec-orderform .wine .right .price
{
   width: 70px;
}
#sec-orderform .wine .right .quantity
{
   width: 55px;
}
#sec-orderform .wine .right .quantity strong
{
   padding-top: 3px;
}
#sec-orderform .wine .right .total
{
   width: 55px;
}
#sec-orderform .wine .right .quantity .inputbox
{
   width: 20px;
}
#sec-orderform .wine .right .total .inputbox
{
   width: 49px;
}
#sec-orderform .wine .right .label
{
   float: left;
   width: 115px;
   font-weight: bold;
}
#sec-orderform .wine .right .field
{
   float: right;
   width: 65px;
}
#sec-orderform .wine .right .field .inputbox
{
   width: 59px;
}
#sec-orderform #personal-info
{ 
   margin: 170px 0 40px 0;
   float: right;
   width: 250px;
}
#sec-orderform #personal-info .container
{
   margin-left: 0;
   padding-right: 20px;
}
#sec-orderform #personal-info input
{ 
   width: 224px;
}

/* availability */
#sec-availability #thebody
{
   background: #fff url(../_img/availability/availability_insidebg_1.jpg) no-repeat;
   height: 545px; 
}
html>body#sec-availability #thebody
{ 
   height: auto; 
   min-height: 545px; 
}
#sec-availability.inside #thebody
{
   background: #fff url(../_img/availability/availability_insidebg_2.jpg) no-repeat;
}
#sec-availability #maincontent
{ 
   width: 400px;
}

/* contact us */
#sec-contact-us #thebody
{
   background: #fff url(../_img/contact_us/contactus_bg.jpg) no-repeat;
   height: 525px; 
}
html>body#sec-contact-us #thebody
{ 
   height: auto; 
   min-height: 525px; 
}
#sec-contact-us #maincontent
{ 
   width: 445px;
}

/* popups */
#popup
{
   background: #fff;
   text-align: left;
   margin: 0 50px 0 20px;
}
#popup #maincontent
{
   margin-top: 50px; 
   background: #fff;
   text-align: left;
   width: 470px;
}
#popup #maincontent .container
{
   margin-left: 50px;
}
#popup #pop-footer
{
   margin-top: 20px;
   color: #aaa;
}

/* footer */
#footer
{
   clear: both;
   margin: 0 20px;
   border-top: 1px solid #88a4af;
   background: #fff;
   height: 20px;
}
#footercontent
{
   text-align: center;
   width: 720px;
   padding: 1px 20px 0 20px;
   width/**/: 680px;
}