/* globals */
html
{
   height: 100%;
}
body 
{  
   height: 100%;
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #333;
   background: #fff;
}
* { 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: left;
   width: 220px;
   font-weight: normal;
}
.required 
{
   color: #E4B424;
}
.errormsg 
{
   color: #f00;
}

/* links */
a:link
{
   color: #f93;
   text-decoration: none;
}
a:visited 
{
   color: #f93;
   text-decoration: none;
}
a:hover 
{ 
   text-decoration: underline;
}

/* headers */
h1
{   
   color: #f60;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;
}
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;
}

/* splash */
#splash {
   margin; 0;
   padding: 0;
   background: #75695c url(../_img/splash/megalo_background.gif) no-repeat;
   text-align: center;
}
#splash #wrap {
   width: 760px;
   margin: 0 auto;
}
#splash #wrap #body {
   width: 380px;
   margin: 350px 0 0 380px;
   font-size: 12px;
   color: #fff;
   text-align: left;
}
#splash #wrap #body #butts {
   width: 380px;
   margin-bottom: 40px;
}
#splash #wrap #body #butts #enter {
   display: block;
   float: left;
   width: 190px;
   height: 30px;
   text-indent: -5000px;
   overflow: hidden;
   outline: 0;
   background: transparent url(../_img/splash/enter.gif) no-repeat;
}
#splash #wrap #body #butts #enter:hover {
   background: transparent url(../_img/splash/enterroll.gif) no-repeat;
}
#splash #wrap #body #butts #order {
   display: block;
   float: right;
   width: 190px;
   height: 30px;
   text-indent: -5000px;
   overflow: hidden;
   outline: 0;
   background: transparent url(../_img/splash/buy.gif) no-repeat;
}
#splash #wrap #body #butts #order:hover {
   background: transparent url(../_img/splash/buyroll.gif) no-repeat;
}
#splash #wrap #body #footer {
   margin-top: 80px;
   font-size: 10px;
   color: #b8b8b8;
}

/* order form */
#sec-order #header 
{
   width: 765px;
   margin: 20px 0;
}
#sec-order #maincontent
{ 
   float: none;
   width: 740px; 
   margin: 0 0 30px 15px
} 
#sec-order #maincontent h2
{ 
   margin-bottom: 25px; 
} 
#sec-order #header-img 
{
   float: left;
   text-align: center;
   width: 210px;
}
#sec-order #leftcol
{
   float: left;
   width: 350px;
}
#sec-order #rightcol
{
   float: right;
   width: 360px;
   margin-left: 10px;
}
.mice
{
   font-size: 10px;
   color: #999;
}
#sec-order .wine-list
{
   margin-bottom: 20px;
}
#sec-order .wine-list .title
{  
   margin-bottom: 25px;
}
#sec-order .wine-list .label
{  
   width: 250px; 
}
#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;
}
.total {
   color: #E4B424;
   font-size: 26px;
   border: none;
   width: 100%;
   text-align: right;
}

/* popups */
body#sec-popup 
{  
   font: 11px/140% verdana,helvetica,sans-serif;
   color: #fff;
   background: #75695B;
   text-align: left;
}
#sec-popup #maincontent
{
   float: none;
   margin: 0 20px;
   width: 370px;
}
#sec-popup .privacy
{
   width: 510px !important;
}
#sec-popup h1#send-to-friend
{   
   width: 410px;
   height: 145px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/sendfriend_top.gif) no-repeat;
}
#sec-popup h1#join-maillist
{   
   width: 410px;
   height: 145px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/signup_top.gif) no-repeat;
   margin-bottom: 20px;
}
#sec-popup h1#privacy-policy
{   
   width: 550px;
   height: 140px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/privacy_top.gif) no-repeat;
   margin-bottom: 20px;
}
#sec-popup h1#return-policy
{   
   width: 550px;
   height: 140px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/return_top.gif) no-repeat;
   margin-bottom: 20px;
}
#sec-popup h1#futures
{   
   width: 550px;
   height: 140px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/futures_top.gif) no-repeat;
   margin-bottom: 20px;
}
#sec-popup h1#lcbo
{   
   width: 550px;
   height: 140px;
   text-indent: -5000px;
   background: transparent url(../_img/popups/lcbo_top.gif) no-repeat;
   margin-bottom: 20px;
}
#sec-popup h2
{   
   color: #fff;
   margin: 0 0 10px 0;
}
#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 .disclaimer
{
   font-size: 10px;
   color: #999;
}
#sec-popup .row p
{
   margin-bottom: 0;
}