﻿/*CSS Document*/ /*PriceWeber - J.A.W. 7/8/09 - Browsers: SF3,FF3,IE7, IE6*/

/* =Global 
----------------------------------------------------------------------------------------*/
/*--Removes default browser padding and margin on html ------*/
html,body {margin:0;padding:0}

/* Body Font, centering, ------*/
body {background: white /*url(../images/bg_content.jpg) no-repeat center 128px*/; color:black; font: x-small/1.5em Tahoma, Arial, Helvetica, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small; min-width: 995px; /*text-align:center;*/ margin: 0 0 0 0;}
html > body {font-size: small; line-height: normal;}
a img {border:0px;} a:link{color:#a68a42;} a:visited {color:#a68a42;} a:active {color:#a68a42;} a:hover {color:#000000;}
ul {margin:0 0 0 7px; padding:0;} ul li {text-align:left; padding: 0 0 6px 0;}
ol {margin:0; padding:0;} ol li {color:#aa863f; text-align:left;}
* table {display:table;}

/* =Basic Classes 
----------------------------------------------------------------------------------------*/
.clear {clear:both;} .left-clear {clear:left;} .right-clear {clear:right;} .left-float{float:left;} .right-float {float:right;} .border-1{border:1px solid #bbbbbb; padding: 6px 8px 8px 8px;} .display-none {display:none;}

/* =Text Format/Alignment  ------*/
.small-text {font-size:10px !important;} .medium-text {font-size:11px !important;} .nowrap-text {white-space:nowrap;} .bold {font-weight:bold;} .required-text {color:#ee2e24;}
.no-margin {margin:0px !important;} .padding {padding:5px !important;} .margin {margin:5px !important;} .padding-top {padding:10px 0 0 0 !important;} .left-align {text-align:left;}
.right-align {text-align:right;} .bottom-align {vertical-align:bottom;} .top-align {vertical-align:top;} .center-align {text-align:center;} .center-margin {margin-left:auto !important; margin-right:auto !important;} .no-border {border:0px !important;}

h1, h2, h3, h4 {font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;  text-align:left; /*line-height:0;*/ padding:0; margin:0;}
h1 {font-size:90%; color:black;}
h2 {font-size:90%; color:#b59767;}
h3 {font-size:80%; color:#b59767;}
h4 {font-size:70%; color:#b59767;}

/* =Form, Input   ------*/
.form-table td{border-collapse:collapse; border-spacing:0; padding: 4px 4px 4px 4px;}

.text-field {color:black; background:white; border:1px solid #b88142; padding:3px 2px 3px 2px; margin:0px 0 3px 0;}
.text-field-multi {color:black; background:white; border:1px solid #b88142; padding:3px 2px 1px 2px; margin:0px 0 5px 0;}
.label {}
.select-list {margin:0px 0 5px 0;}
.input-checkbox{margin:0px 0 5px 0;}
#ctl00_Left_Content_btnCalc {cursor:hand; cursor:pointer;}
/*.input-btn {width:366px; height:27px; background: red; border:0px; font-size:120%; padding: 0 0 3px 6px; text-align:left; vertical-align:middle; cursor:hand; cursor:pointer;}*/

/* =Images  ------*/
.img-border, .img-border img {border:solid 1px #ecebeb;} .img-margin, .img-margin img {padding:7px;} .img-margin2, .img-margin2 img {padding:0px 6px 6px 6px;}

/* =Image Opacity Hovers*/ 
.over img {border:1px solid #dfdfdf; padding:0; margin:0; background:white;} .over img:hover {border:1px solid #dfdfdf; padding:0; margin:0; background:white;
filter:alpha(opacity=60); /*IE 7* IE 6 NOTE:does not work*/ opacity:.60; /*css standard*/ -moz-opacity:.60; /*mozilla*/}

/*Scroll Content*/
div.scroll-content {width:450px; height: 357px; overflow:auto;}

/* =Structure 
----------------------------------------------------------------------------------------*/
.bg-body-bubbles {width:995px; border:0px solid red;  background: white /*url(../images/bg_content.jpg) repeat-y 2px 156px*/ ; margin: 0 auto 0 auto; padding:0px;}

/* =Header/Nav Table*/
.hdr-table {width:995px; background:white; border-collapse:collapse; border-spacing:0;}
.hdr-table tr td {border:0px solid red !important; border-collapse:collapse; border-spacing:0;}
.hdr-table td {padding: 0; margin:0; text-align:left; }
.hdr-cell-logo {padding: 0 0 0 0; margin:0; text-align:right;}
.hdr-cell-nav {width:100%;}
.bg-hdr-bubbles {height:59px; background: #fffef6 url(../images/hdr_bubbles.jpg) no-repeat 1px 0;}

/* =Main Table
----------------  */
table.main-table {width:995px; border-collapse:collapse; border-spacing:0;  border:0px solid green;  background: url(../images/bg_bubble_line.gif) no-repeat 705px 156px;  margin: 0px auto 0px auto; padding:0px;}
.main-table td {padding:0px; border:0px solid green; text-align:left; border-collapse:collapse; border-spacing:0;}
.main-table-hdr {height:120px;}

td.main-table-col1 {width:680px; border:0px solid red; border-collapse:collapse; border-spacing:0; margin:0;}
td.main-table-col2 {width:240px; border:0px solid green; border-collapse:collapse; border-spacing:0; margin:0;}

td.main-table-content {text-align:left; vertical-align:top; padding:22px 60px 6px 15px; border-collapse:collapse; border-spacing:0;}
td.content-right {padding: 0 20px 0 0px; border-collapse:collapse; border-spacing:0;}

.content-right ul {margin:0 0 0 18px; padding:0; border:0px solid red;} .content-right ul li {text-align:left; padding: 0 0 6px 0;  }
.content-right ol {margin:0; padding:0;} .content-right ol li {color:#aa863f; text-align:left; padding: 0 0 6px 0;}

td.ico-cell {vertical-align:bottom; /*padding: 0 0 0 0px; border:1px solid red;*/}

.ico-cell a:link {font-size:90%; text-decoration:none; font-family: "Times New Roman", serif; }

/* =Promos Row
----------------*/
.main-table-promotions {border-collapse:collapse; border-spacing:0;}
td.main-table-promotions {text-align:left; vertical-align:top; padding:22px 0px 6px 15px;  border:0px solid blue; border-collapse:collapse; border-spacing:0;}
td.main-table-promotions a img, /*.main-table-promotions embed,*/ .main-table-promotions object  {display:inline; width:235px; border:0px solid black; margin:0 4px 0 0;}

/* =Black Table
----------------*/
.black-table {width:655px; border:0px solid red;  background: black; padding:0 0 0 0; border-collapse:collapse; border-spacing:0;}
.black-table td {border-collapse:collapse; border-spacing:0;}
.bg-bubleline {background: url(../images/bg_bubble_line.gif) repeat 4px 0; width:14px;}
.black-cell-left {width:150px; color:#aa863f; background: black; text-align: left; vertical-align:top;}
.black-cell-right {background: black; width:481px; vertical-align:top; padding:0;}

.photo-table {margin:10px 10px 10px 10px; padding:0px; border:2px solid #aa863f; border-collapse:collapse; border-spacing:0;}
.photo-table td {border-collapse:collapse; border-spacing:0; padding:0px; margin:0px;}
.photo-cell {/*border:2px solid #a6833e; width:481px;*/ text-align:left; vertical-align:top; padding:0px; margin:0px; border-collapse:collapse; border-spacing:0;}
.photo-cell img {padding:0px; margin:0px; text-align:left; vertical-align:top;}

td.description-cell {background:#a6833e; text-align:center; padding:5px;}
.tm-photos {display:block; width:481px; position:relative; border:0px solid red; text-align:center; left:10px; margin:0px 3px 5px 0px; }
.tm-photos a img {display:inline; width:65px; text-align:center; border:0px solid red; vertical-align:top; margin:0px 3px 3px 0px; padding:0px;}

/* =Featured Varietal Control*/
.featured-var{}

/* =Wide Black Table
------------------*/
.black-cell-wide {background: black; width:100%; vertical-align:top; padding:0;}
.wide-table {margin:10px 10px 7px 10px; padding:0; border-collapse:collapse; border-spacing:0;}
.wide-table td {border-collapse:collapse; border-spacing:0; padding:0; margin:0;}
.wide-cell {width:100%; text-align:center; vertical-align:top;}

/* =Nav Left Side UL
------------------*/
ul.nav-drinks, ul.nav-history, ul.nav-tips, ul.nav-club, ul.nav-tour, ul.nav-press  {display:block; font-family: "Times New Roman", serif; width:140px; color:black; margin:15px 0 15px 0; padding:0 0 0 30px; list-style:none; line-height:normal; border:0px solid green;}

ul.nav-drinks ul, ul.nav-history ul, ul.nav-tips ul, ul.nav-club ul, ul.nav-tour ul, ul.nav-press ul {list-style:none;}
.nav-drinks li, .nav-drinks li a, .nav-history li, .nav-history li a, .nav-tips li, .nav-tips li a, .nav-club li, .nav-club li a, .nav-press li, .nav-press li a,
.nav-tour li, .nav-tour li a {display:block; color:#aa863f; margin:0px; padding:2px 0px 4px 0px; text-align:left; text-decoration:none;} 
.nav-drinks li a:hover, .nav-history li a:hover, .nav-tips li a:hover, .nav-club li a:hover, .nav-tour li a:hover, .nav-press li a:hover  {color:#faf2e2; text-decoration:none;}

/* =Nav On State*/
a.nav-item-on {color:white !important;}

/* =Tiles Table
----------------*/
.tiles-table {border:0px solid red; width:459px; /*width:100%;*/ margin:4px 4px 4px 4px;  padding:0px; border-collapse:collapse; border-spacing:0;}
.tiles-table td {font-family: "Times New Roman", serif; font-size:85%; width:153px; height:112px; /*padding:5px 0 0 4px;*/ color:white; text-align:center; vertical-align:top; background: black url(../images/bg_drink_cell.gif) no-repeat top left; border:0px solid red; border-collapse:collapse; border-spacing:0;}
.tiles-table td a img {margin:0 0 2px 0; padding:5px 0 0 4px;  text-align: center; vertical-align:top;}
.tiles-table td a:link, .tiles-table td a:visited {color:White; text-decoration:none;}
.tiles-table td a:hover {color:#aa863f; text-decoration:none;}
.tiles-table td:hover a img  {filter:alpha(opacity=60); /*IE 7* IE 6 NOTE:does not work*/ opacity:.60; /*css standard*/ -moz-opacity:.60; /*mozilla*/}
.tiles-table td:hover a {color:#aa863f;}
.tiles-cell {}

/* =Awards Table
------------------*/
.award-table {margin:10px 10px 10px 10px; padding:0; border:2px solid #aa863f; border-collapse:collapse; border-spacing:0; width:95%;}
.award-table td {border-collapse:collapse; border-spacing:0; padding:10px 8px 120px 20px; background: white url(../images/bg_awards.jpg) no-repeat bottom right;}


/* =1 Column Content Table
----------------*/
.tbl-1col {width:665px; border:0px solid red; border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
.tbl-1col td {border-collapse:collapse; border-spacing:0;}
.col-1 {width:655px;} 

/* =2 Column Content Table
----------------*/
.tbl-2col {width:665px; border:0px solid red; border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
.tbl-2col td {border-collapse:collapse; border-spacing:0;}
.col-1-cell {width:390px;} 
.col-2-cell {width:275px;}

/* =Varietals Table
----------------*/
.var-table {width:665px;  border-collapse:collapse; border-spacing:0;}
.var-table td {border-collapse:collapse; border-spacing:0;}
.var-photo-cell {width:387px;} 
.var-content-cell {width:275px; }

/* =Footer
------------------*/
.main-table-ftr {width:100%; margin: 25px 0 10px 0; padding: 0; border-collapse:collapse; border-spacing:0;}
.main-table-ftr a {color:black; text-decoration:none;} .main-table-ftr a:hover {color:black; text-decoration:underline;}

.ftr-table-content{border-collapse:collapse; border-spacing:0;}
td.ftr-content-col1, td.ftr-content-colmid  {font-size:70%; color:black; padding: 0 12px 0 8px; line-height: 1.2em; border-collapse:collapse; border-spacing:0;}
td.ftr-content-col1 {width:70%;} td.ftr-content-col2 {font-size:10px; width:30%; padding: 0 12px 0 30px; border-collapse:collapse; border-spacing:0;}

/* =Content Table
----------------------------------------------------------------------------------------*/
/*middle columns ------------------------------*/
/* =Text Headers*/
.content-col-2 h1, content-col-2 h2, content-col-2 h3 {color:black; text-align:left; line-height:0; padding:0;}
.content-col-2 h1 {font-size:100%; margin:65px 0 29px 0;}
.content-col-2 h2 {font-size:100%; margin:65px 0 29px 0;} 
.content-col-2 h3 {font-size:100%; margin:65px 0 29px 0;} 
.content-col-3 {width:138px; vertical-align:top; padding:55px 0 0 0;}