﻿/*CSS Document*//*PriceWeber - J.A.W. 7/21/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 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: #8e3631;
}
a:visited
{
    color: #6f4745;
}
a:active
{
    color: #8e3631;
}
a:hover
{
    color: #c4c0bf;
}

/*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 td p
{
    line-height: normal;
}



/* =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;
}

.remove
{
    display: none;
}
.show
{
    display: block;
}
.hide
{
    visibility: hidden;
}
.visible
{
    visibility: visible;
}
.btn-link
{
    display: block;
    float: left;
    color: white;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 4px;
    background: blue;
    border: 1px solid gray;
}

.flash-holder
{
    position: absolute;
    top: 0;
    z-index: 200;
    border: 0px solid blue;
}
.uppercase
{
    text-transform: uppercase;
}
.uppercase
{
    text-transform: capitalize;
}
.lowercase
{
    text-transform: lowercase;
}

.color-1
{
    color: #8e3631;
}
.text-1
{
    font-weight: bold;
    color: #8e3631;
}
.hr-1
{
    color: #8d261e;
    height: 2px;
    border: none;
    margin: 10px 0 10px 0;
    background: #8d261e;
}

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: black;
}

h3
{
    font-size: 80%;
    color: black;
}

h4
{
    font-size: 70%;
    color: black;
}


blockquote
{
    margin: 1em 20px;
    padding-left: 35px;
    line-height: 1.4em;
}
.quote2
{
    margin: 1em 8px;
    padding-left: 5px;
    line-height: 1.4em;
}

/* =Form, Input   ------*/
.form-rightalign td span
{
    float:right;
    padding-right: 5px;
    margin-right: 0px;
    white-space:nowrap;
    border:solid 0x red;
}
.form-rightalign-wVal span
{
    float:right;
    padding-right: 5px;
    margin-right: 0px;
    white-space:nowrap;
    border:solid 0px red;
}
.form-required{font-weight:bold;}


.text-field
{
    color: black;
    background: white;
    border: 1px solid #f0bb6d;
    padding: 3px 2px 3px 2px;
    margin: 0px 0 3px 0;
}

.text-field-multi
{
    color: black;
    background: white;
    border: 1px solid #f0bb6d;
    padding: 3px 2px 1px 2px;
    margin: 0px 0 5px 0;
}

.label
{
}

.select-list
{
    margin: 0px 0 5px 0;
    border: 1px solid #f0bb6d;
}

.input-checkbox
{
    padding: 3px;
}

/*.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 
----------------------------------------------------------------------------------------*/
.container
{
    width: 980px;
    position: relative;
    border: 0px solid red;
    background: none;
    margin: 0 auto 0 auto;
    padding: 0px;
}

/* =Age Screener 
----------------  */
.age-screener
{
    display: block;
    position: relative;
    width: 930px;
    height: 504px;
    border: 0px solid red;
    background: url(../images/bg_agescreener.jpg) no-repeat 0 80px;
}
.age-screener-content
{
    display: block;
    float: right;
    position: relative;
    text-align: center !important;
    vertical-align: bottom !important;
    width: 380px;
    height: 50px;
    font-size: 13px;
    font-weight: bold;
    border: 0px solid red;
    margin: 260px 0 0 0;
    padding: 0;
    text-align: left;
}
.age-screener-form
{
    display: block;
    clear: both;
    position: relative;
    width: 552px;
    top: 107px;
    left: 360px;
    border: 0px solid blue;
}
.age-screener-form input
{
    display: inline;
     border: 0px solid red;
   
}
.as-text-field
{   
    margin: 0 0 0 0;
    padding:2px;
    border: 0px solid #b88142;
}
.as-select-list
{   padding:1px;
    margin: 0px 0 0 0;
    
}
.as-select-list-c
{    padding:1px;
    margin: 0 0 0 82px;

}
.as-input-btn
{  /*clear: left;*/
    float: right;
    margin: 0 0 0 0;
    border: 0px solid red;
}
/*.required-msg {border:1px dotted red; padding:5px;}*/

.as-text-p {padding:2px 0 0 0; padding:5px 0 0 0;  margin:0;}


/* =Main Table - Master Page
----------------  */
table.main-table
{
    width: 980px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid green;
    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: 75px;
    background: url(../images/bg_topNav_border.jpg) no-repeat right top;
}

td.main-table-row1
{
    width: 980px;
    border: 0px solid red;
    background: url(../images/bg_repeat_line.gif) repeat-y 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}
td.main-table-row2
{
    width: 240px;
    height: 80px;
    border: 0px solid green;
    background: url(../images/bg_bottom_logo.gif) no-repeat right bottom;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}

/* =Content Table Master Page
----------------  */

table.content-table
{
    width: 980px;
    height: 525px;
    border: 0px solid red;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0px auto 0px auto;
    padding: 0px;
}

td.content-col1
{
    width: 324px;
    padding: 0px; /*text-align:left;*/
    border: 0px solid red;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-col1-wide
{
    width: 940px;
    padding: 0px; /*text-align:center;*/
    border: 0px solid red;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-col2
{
    width: 656px;
    margin: 0; /*text-align:left;*/
    border: 0px solid red;
    vertical-align: top;
}
td.col2-padding
{
    padding: 25px 25px 8px 440px;
}
td.content-row1
{
    width: 980px;
    height: 129px;
    vertical-align: bottom;
    border: 0px solid green;
    background: url(../images/bg_bottom_logo.gif) no-repeat right bottom;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}

td.content-row1-home
{
    width: 980px;
    height: 129px;
    vertical-align: bottom;
    border: 0px solid green;
    background: url(../images/bg_bottom_logo_home.gif) no-repeat right bottom;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
}

.monkey
{
    width: 212px;
    height: 86px;
    float:right;
    margin-top:80px;
}

.bg-brand-bottle
{
    background: url(../images/bottle_brand.jpg) no-repeat left 0;
}
.bg-content
{
    background: url(../images/bg_glass_main.jpg) no-repeat right 0;
    padding: 25px;
}

/*Subpage background is applied to Content Table*/
.bg-content-sub
{
    background: url(../images/bg_glass_faded.jpg) no-repeat right top;
    padding: 25px;
}

.bg-WhiskeyFest-sub
{
    background: url(../images/bg_whiskey_fest1.jpg) no-repeat right top;
    padding: 25px;
}

.promo-image img {margin: 0 0 15px 15px;}


/* =Content Table 3 column Sub Page
---------------- */
table.content-table-sub
{
    width: 646px;
    height: 400px;
    border: 0px solid red;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
.content-table-sub td
{
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-col1-sub
{
    width: 160px; /*text-align:left;*/
    border: 0px solid red;
    vertical-align: top;
}
td.content-col2-sub
{
    width: 176px; /*text-align:center;*/
    border: 0px solid red;
}
td.content-col3-sub
{
    width: 310px; /*text-align:left;*/
    border: 0px solid red;
}

td.content-left
{
    padding: 0 0 0 0;
    margin: 0;
    text-align: left;
}
td.content-middle
{
    padding: 56px 0px 8px 0;
    margin: 0;
    vertical-align: bottom;
}
td.content-right
{
    padding: 56px 40px 8px 10px;
    margin: 0;
    text-align: left;
}

.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 0 0 18px;
    padding: 0;
}
.content-right ol li
{
    text-align: left;
    padding: 0 0 6px 0;
}

td.content-video
{
    padding: 56px 6px 8px 19px;
    margin: 0;
    text-align: center;
}

/* =Content Table 2 column Sub Page
---------------- */
table.content-table-2col
{
    width: 98%;
    height: 400px;
    margin: 0;
    padding: 0px;
}
.content-table-2col td
{
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-1-2col
{
    width: 25%;
    border: 0px solid red;
    vertical-align: top;
}
td.content-2-2col
{
    border: 0px solid red;
    vertical-align: top;
}


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;
}

/* =Content Table 1 column Sub Page
---------------- */
table.content-table-1col
{
    width: 646px;
    height: 400px;
    margin: 0 0 0 0;
    padding: 0px;
    border: 0px solid blue;
}
.content-table-1col td
{
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-1-1col
{
    width: 646px;
    border: 0px solid red;
    vertical-align: top;
}

/* =Full Width 1 column Sub Page
---------------- */
table.content-table-flash
{
    width: 940px;
    height: 400px;
    margin: 0 0 0 0;
    padding: 0px;
    border: 0px solid blue;
}
.content-table-flash td
{
    border-collapse: collapse;
    border-spacing: 0;
}
td.content-flash
{
    width: 940px;
    border: 0px solid red;
    vertical-align: top;
}


td.content-wide
{
    padding: 0;
    margin: 0;
    text-align: left;
    padding: 8px 6px 8px 20px;
}


/* =Nav Content Table Sub Page
----------------*/
ul.nav-sub
{
    display: block;
    width: 150px;
    list-style: none;
    margin: 145px 0 0 0;
    padding: 0;
    line-height: normal;
    font-size: 11px;
    font-weight: bold;
    border: 0px solid red;
}
.nav-sub li ul
{
    margin: 0 0 0 8px;
    padding: 0;
    list-style: none;
    line-height: normal;
}
.nav-sub li ul li a
{   
    font-size: 10px;
    display: block;
    color: black;
    background: none;
    padding: 5px 3px 5px 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: auto;
    text-decoration: none;
    line-height: 10px;
    border: 0px solid red;
}

.nav-sub li ul li
{
    display: inline;
    text-align: left;
}

.nav-sub li
{
    display: inline;
    text-align: left;
}
.nav-sub li a
{
    display: block;
    width: auto;
    color: black;
    background: none;
    padding: 8px 3px 8px 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-decoration: none;
    line-height: 10px;
}

.nav-sub li a:visited
{
    color: black;
}

.nav-sub li a:active
{
    color: black;
}

.nav-sub li a:hover
{
    color: white;
    background: #8e3631;
    text-decoration: none;
}

.nav-sub-selected
{
    color: white !important;
    background: #8e3631 !important;
}

/* =Nav Horizontal Content Menu Sub Page
----------------*/
ul.nav-sub-hz
{
    display: block;
    position: relative;
    width: 85%;
    font: bold 11px Arial, Helvetica, Verdana, sans-serif;
    list-style: none;
    text-align: center;
    float:left;
    margin: 15px 0 0 0;
    left:17px;
    padding: 0;
    line-height: normal;
    border: 0px solid red;
}
.nav-sub-hz li
{
    display: inline;
    float: left;
    position: relative;
    text-align: center;
}
.nav-sub-hz li a
{
    display: block;
    width: auto;
    color: black;
    background: none;
    padding: 3px;
    margin: 0 2px 0 2px;
    text-decoration: none;
}
.nav-sub-hz li a:hover
{
    color: white;
    background: #8e3631;
    text-decoration: none;
}

.nav-sub-hz-selected
{
    color: white !important;
    background: #8e3631 !important;
}


/* =Footer
------------------*/
.footer
{
    font-size: 11px;
    color: #9e9da4;
    padding: 0 8px 0 8px;
}
.footer a
{
    color: #9e9da4;
    text-decoration: none;
}

.footer a:visited
{
    color: #9e9da4;
    text-decoration: none;
}

.footer a:hover
{
    color: #8e3631;
    text-decoration: underline;
}

.footer a:active
{
    color: #9e9da4;
    text-decoration: underline;
}




/* =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;
}

