/* --------------------------------------------------------
   FRUGAL MACDOOGAL by 2BSEEN
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#FFF url("images/wall2.gif");
font:normal 62.5% Verdana,sans-serif;
margin-top:0px;
text-align:center;
}


/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1, h2, h3, h4 {
color:#333;
}

h1 {
margin-top:10px;
margin-bottom:5px;
font-size:20px;
}

h2 {
margin-top:10px;
margin-bottom:5px;
font-size:16px;
}

h3 {
margin-top:10px;
margin-bottom:5px;
font-size:14px;	
}

h4 {
margin-top:10px;
margin-bottom:5px;
font-size:13px;	
}

h5 {
margin-top:10px;
margin-bottom:5px;
font-size:12px;	
}

h2 a:link, h2 a:visited {
color:#363;
text-decoration:underline;
}

h3 a:link, h3 a:visited {
color:#363;
text-decoration:underline;
}



/* ----------------------------------------------------------
   Just for rounded corners at the top... 
   ---------------------------------------------------------- */

#rounded-page-top {
width:880px;
height:15px;
margin:6px auto 0px auto;
background: url("images/top_curve.gif") no-repeat;
}



/* ----------------------------------------------------------
   Just for rounded corners at the bottom... 
   ---------------------------------------------------------- */

#rounded-page-bottom {
width:880px;
height:15px;
margin:0px auto 6px auto;
background: url("images/bottom_curve.gif") no-repeat;
}



/* ----------------------------------------------------------
   Container Regular Pages - needed for faux background 
   ---------------------------------------------------------- */

#container {
width:880px;
margin:0px auto 0px auto;
background:#ccc url("images/container.gif") repeat-y;
}



/* ---------------
   Layout elements
   --------------- */


/* -----------------------------
   Masthead and descendants 
   ----------------------------- */

#masthead {
height:200px;
width:880px;
background: url("images/masthead.gif") no-repeat;
}

.logo-left h1 {
float:left;
margin:0px;
padding:0px;
}

.head-float-right {
float:right;
margin-right:0;
}

.masthead-text-right {
margin-right:42px;
text-align:right;
}

.masthead-text-right h1 {
margin-top:4px;
font-weight:normal;
color:#700;
}

.masthead-text-right address {
margin-top:3px;
margin-bottom:2px;
font-size:11px;
font-style:normal;
color:#333;
}

.masthead-text-right p {
margin-top:3px;
margin-bottom:8px;
font-size:11px;
color:#333;
}

.masthead-text-right h2 {
margin-top:10px;
margin-bottom:8px;
font-size:16px;
font-weight:normal;
color:#700;
}

.masthead-text-right h5 {
margin-top:3px;
margin-bottom:11px;
color:#333;
font-size:13px;
font-weight:normal;
}


/* -----------------------------
   Inset Masthead Image 
   ----------------------------- */

.inset-masthead-image {
background: url("images/masthead_inset_image.jpg") no-repeat;
background-position:258px 65px;
}



/* ----------------
   Main Logo 
   ---------------- */

.logo-left img {
margin:1px 0px 0px 1px;
}


/* -----------------------------
   Rounded Main Top 
   ----------------------------- */

#rounded-main {
height:9px;
width:880px;
background: url("images/rounded_main_top_transparent.gif") no-repeat;
}



/* -----------------------------
   Rounded Main Bottom 
   ----------------------------- */

#rounded-main-bottom {
clear:both;
height:9px;
width:880px;
background: url("images/rounded_main_bottom_transparent.gif") bottom no-repeat;
}



/* -----------------------------
   Box holding the Email form 
   ----------------------------- */

.getemail {
width:187px;
margin-top:15px;
}


/* ---------------------------------------
   Form items only inside Email Box 
   --------------------------------------- */

.getemail fieldset {
margin:0;
border: 0px solid #FFF;
padding:0px;
}

#sidebar .fieldset p {
line-height: 110%;
font-size:1.1em;
font-weight:normal;
color:#333;
margin-top:5px;
margin-bottom:1px;
}

.getemail input {
margin-left:1px;
border-width:1px;
margin-top:2px;
}

.getemail input.blank {
margin-top:2px;
margin-left:0px;
width:185px;
height:18px;
border-width:1px;
}



/* ---------------------------------
   The main column and descendants 
   --------------------------------- */

#mainCol {
float:right;
margin:0;
width:640px;
font-size:1.1em;
font-weight:normal;
line-height:145%;
color:#333;
text-align:left;
}

.io {
margin-left:6px;
margin-right:24px;
}

#mainCol p, h1, h3 {
margin-top:5px;
margin-bottom:0px;
font-weight:normal;
}

#mainCol h2 {
margin-top:4px;
margin-left:6px;
font-weight:normal;
}

#mainCol h3 {
color: #630;
}

#mainCol h2 {
color:#121;
}

#mainCol h4 {
color:#121;
margin-top:0px;
}

#mainCol h5 {
color:#121;
}

#mainCol ul {
list-style:square;
margin-top:0px;
margin-left:0px;
padding-left:0px;
}

#mainCol li {
display:list-item;
margin-top:2px;
margin-left:15px;
line-height:130%;
}



/* ------------------------------------
   Main Column Image Floating
   ------------------------------------ */

img.main-image-float-left {
float:left;
padding-right:12px;
padding-top:5px;
padding-bottom:5px;
}


img.hpbrew-main-image-float-left {
float:left;
padding-right:12px;
padding-top:0px;
padding-bottom:0px;
}

img.main-image-float-right {
float:right;
padding-left:12px;
padding-top:5px;
padding-bottom:2px;
}

img.hpbrew-main-image-float-right {
float:right;
padding-left:12px;
padding-top:5px;
padding-bottom:5px;
}

.content-float-left {
float:left;
}

.lb-one-plus-half {
display:block;
margin-top:1.5em;
}

.extra-vertical-space {
display:block;
margin-top:1em;
}

img.yellow-line {
margin-top:1.1em;
margin-bottom:.2em;
}



/* ------------------------------------
   Article Blocks
   ------------------------------------ */

.feature-wrapper-article {
background:#ded;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-beige {
background:#eed;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-offwhite {
background:#fff;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-violet {
background:#fef;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-orange {
background:#fed;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-blue {
background:#dee;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-green {
background:#efd;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-coupon {
background:#beb;
width:98%;
margin-left:1%;
}

.high-proof-brew-wrapper {
line-height:130%;
background:#fff;
width:96%;
margin-left:2%;
}

.inner-coupon {
width:100%;
background:#efe;
margin-left:0%;
border:2px dashed #6c6;
}

.inner-coupon-text {
width:94%;
margin-left:3%;
}


.high-proof-brew-wrapper-bottle {
background:#fff;
width:98%;
margin-left:1%;
}

#mainCol #tab-box p.high-proof-brew {
margin-top:0px;
margin-bottom:2px;
}

.between-brews {
clear:both;
display:block;
margin-top:1em;
}

.header-wrapper {
width:98%;
margin-left:1%;
}

.article-pad {
padding:15px;
}

.sale-pad {
padding:15px 25px 15px 25px;
}

.article-wrapper {
width:100%;
}

.article-wrapper h4 {
margin-top:0px;
}

.article-wrapper h5 {
margin-top:0px;
}

.wine-list-viewer {
height:350px;
padding:3px 10px 0px 10px;
overflow:auto;
background:#fff;
}

.sale-wine-list-viewer {
height:375px;
padding:3px 10px 0px 10px;
overflow:auto;
background:#fff;
}

.wine-list-viewer-wrapper-taste {
width:520px;
background:#fef;
}

.wine-list-viewer-taste {
height:230px;
padding:3px 10px 0px 10px;
overflow:auto;
background:#fff;
}

.inside-box-taste {
background:#fef;
}

.wine-list-pad-taste {
padding:20px;
}


.wine-list-viewer-content-taste
{
	line-height: 12px;
	color: #333;
	text-decoration: none;
}


/* ------------------------------------
   Feature Blocks
   ------------------------------------ */

.in-feature {
width:100%;
margin-top:-12px;
padding-top:14px;
margin-bottom:12px;
}

.feature-wrapper-left {
background:#ddc;
width:30%;
float:left;
margin-left:1%;
}

.feature-wrapper-center {
background:#ddc;
width:30%;
margin-left:4%;
float:left;
}

.feature-wrapper-right {
background:#ddc;
width:30%;
float:right;
margin-right:1%;
}

.feature-wrapper-wine-selector {
background:#ccb;
width:98%;
margin-left:1%;
}

.wine-selector-pad {
padding:15px;
}

.in-feature-pad {
min-height:80px;
padding:10px;
text-align:center;
}

.tl {
background:url("images/rounded_box.gif") top left no-repeat;
}

.br {
background:url("images/rounded_box.gif") bottom right no-repeat;
}

.trc {
background:url("images/corner_ur.gif") top right no-repeat;
}

.blc {
background:url("images/corner_ll.gif") bottom left no-repeat;
}

.tlc {
background:url("images/corner_ul.gif") top left no-repeat;
}

.brc {
background:url("images/corner_lr.gif") bottom right no-repeat;
}



/* ------------------------------------
   Wine-Selector-Wrapper
   ------------------------------------ */

.wine-selector-wrapper {
width:100%;
}



/* ------------------------------------
   Wine-Selector
   ------------------------------------ */

#wine-selector {
float:left;
width:67%;
height:310px;
padding:0px;
overflow:auto;
}

#wine-selector img {
margin:0px;
padding:0;
}

#wine-selector table {
border-collapse:collapse;
}

#wine-selector td {
text-align:center;
background:#fff;
}


/* ------------------------------------
   Wine-Selector-Text
   ------------------------------------ */

.wine-selector-text {
float:right;
width:33%;
padding:0px;
background:#ccb;
}

.wine-selector-text-box {
padding-left:17px;
padding-right:10px;
}

#mainCol .wine-selector-text ul {
list-style-type:none;
margin:0;
padding-left:0;
padding-top:5px;
}

#mainCol .wine-selector-text li {
background: url("images/glass_bullet.gif") left center no-repeat;
margin-top:4px;
margin-left:-2px;
padding-left:21px;
line-height:170%;
}

.wineglass {
padding-left:22px;
font-size:2.2em;
vertical-align:4px;
line-height:35px;
margin-left:-12px;
margin-right:3px;
background-image:url("images/vino_veritas.gif");
background-position:center left;
}


/* ------------------------------ 
 Log In Box Styling
   ------------------------------ */

.loginbox-wrapper {
background:#fed;
width:86%;
margin-left:2%;
margin-top:10px;
}

.form-wrapper {
width:100%;
}

.form-pad {
padding:15px;
}

#loginform legend {
margin:0 0 0 5px;
padding:5px;
color: #22c;
font-size:1.2em;
font-weight:bold;
}

#loginform input {
border:1px single #339;
}

#loginform fieldset {
border: 2px solid #9bf;
margin:0;
padding:0;
}

#loginform fieldset p {
font-weight:normal;
}

.inside-loginform {
width: 96%;
margin-left:2%;
}

#loginform table {
border:0px solid #000;
border-collapse:collapse;
margin-bottom:10px;
}

#loginform tr {
border:0px solid #000;
}

#loginform td {
padding:5px 0 0 0;
margin:0;
border:0px solid #000;
}

.shrinkwrap-cell {
width:auto;
}

.flex-cell {
width:100%;
}

.auto-table-layout {
table-layout:auto;
}

.stretched-table {
width:auto;
}

#loginform #iEmail, #loginform #ifull_name, #loginform #icompany_name, #loginform #iaddress, #loginform #icity, #loginform #iphone, #loginform #iuser_name, #loginform  #ipass1, #loginform #ipass2, #loginform #ipwd {
width:98%;
}

#loginform #iuser_code {
width:40%;
}

#loginform #izip_code {
width:30%;
}




/* -------------------------------
   Directions - form  
   ------------------------------- */

.directions {
float:right;
padding-right:40px;
text-align:center;
font-size:11px;
}




/* -------------------------------
   Tabs  
   ------------------------------- */

ul.tabs a:link, ul.tabs a:visited, ul.tabs a:active {
text-decoration:none;
color:maroon;
}

ul.tabs a:hover, ul.tabs a:focus {
text-decoration:none;
color:#354;
}

ul.tabs a {
display:block;
}

ul.tabs {
float:left;
width:100%;
padding:0;
margin:0;
border-bottom:0px solid #aaa;
margin-bottom:0px;
}

#mainCol .tabs li {
margin-left:0px;
}

ul.tabs li {
float:left;
width:20%;
list-style-type:none;
}

ul.tabs *.tab-label {
border: 1px solid #aaa;
margin:0;
cursor:pointer;
padding-bottom:2px;
padding-top:2px;
background:white url("images/g1.jpg") repeat-x left bottom;
font-weight:normal;
text-align:center;
font-size:1.1em;
}

#mainCol .selected h3 {
color: #242;
}

ul.tabs li.selected *.tab-label {
position:relative;
border-bottom:none;
padding-bottom:4px;
cursor:auto;
padding-top:5px;
border-top:2px solid #aaa;
margin-top:-5px;
background:white url("images/g2.jpg") repeat-x left top;
font-weight:bold;
}

#tab-box {
clear:left;
border:1px solid #aaa;
border-top:none;
}

#tab-box img {
padding-top:3px;
}

#mainCol #tab-box p {
margin-bottom:10px;
}

.tab-box-io {
padding-top:5px;
width:100%;
}

.wine-text-box {
width:95%;
margin-left:2%;
}



/* ------------------------------
   Event Calculator Styling
   ------------------------------ */

#calculator legend {
color: #22c;
font-size:1.2em;
font-weight:bold;
}

#calculator fieldset {
border: 2px solid #9bf;
}


#calculator fieldset p {
font-weight:normal;
}

.inside-calculator {
width: 94%;
margin-left: 3%;
}


/* -------------------------------
   SWF Object - flashcontent  
   ------------------------------- */

#flashcontent {
width:98%;
margin-left:1%;
margin-top:3px;
margin-bottom:3px;
}



/* -------------------------------
   SWF Object - icon flashcontent  
   ------------------------------- */

#icon-flashcontent {
margin-top:0px;
margin-bottom:0px;
}



/* ---------------------------------------
   SWF Object - left floated flashcontent  
   --------------------------------------- */

#flashcontent-float-left {
float:left;
padding-right:12px;
padding-top:0px;
padding-bottom:0px;
}


/* ---------------------------------------
   SWF Object - right floated flashcontent  
   --------------------------------------- */

#flashcontent-float-right {
float:right;
padding-left:12px;
padding-top:0px;
padding-bottom:0px;
}



/* ---------------------------------
   Column 1 and descendants 
   --------------------------------- */

#sidebar {
float:left;
width:240px;
font-size:1.1em;
font-weight:normal;
line-height:150%;
color:#333;
text-align:left;
}

.side-text {
margin-left:30px;
margin-right:20px;
}

.get-news {
font-size:12px;
}

#sidebar p {
margin-top:5px;
margin-bottom:7px;
}

#sidebar img {
margin-top:5px;
margin-bottom:7px;
}


/* -----------------------------
   Left Column Navigation
   ----------------------------- */

.navigation {
margin-left:25px;
margin-bottom:12px;
}

.navigation ul {
list-style-type:none;
margin:0px;
padding:1px;
background:#775;
border:2px solid #232;
width:194px;
font:bold 12px Verdana,sans-serif;
}

.navigation li {
margin:0;
border-left:1px solid #886;
border-top:1px solid #886;
border-right:1px solid #664;
border-bottom:1px solid #553;
}

.navigation ul a:link, .navigation ul a:visited, .navigation ul a:hover, .navigation ul a:active {
display:block;
padding:2px 7px;
text-decoration:none;
}

.navigation ul a:link {
color:#ffd;
background:#21211e url("images/nav_lowlight.gif");
}

.navigation ul a:visited {
color:#ffd;
background:#21211e url("images/nav_lowlight.gif");
}

.navigation ul a:hover {
color:#ffd;
background:#5a1a0e url("images/nav_highlight.gif");
}

.navigation ul a:active {
color:#ffd;
background:#5a1a0e url("images/nav_highlight.gif");
}


/* ---------------------------------
   Highlighting the current page 
   --------------------------------- */

body#home a#homenav,
body#about a#abnav,
body#wine a#winenav,
body#liquor a#liqnav,
body#ale a#alenav,
body#bev a#bevnav,
body#wed a#wednav,
body#taste a#tastenav,
body#sale a#salenav,
body#contact a#connav,
body#jobs a#jobnav {
color:#ffd;
background:#5a1a0e url("images/nav_highlight.gif");
}



/* -----------------------------
   The Footer and Descendants 
   ----------------------------- */

#footer {
clear:both;
font-size:10px;
line-height:150%;
color:#444;
background:#ccc url(images/footer.gif) top no-repeat;
height:95px;
text-align:left;
}

#footer img {
float:left;
margin:20px 50px 70px 50px;
border:0px;
}


#footer ul {
list-style:none;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#footer ul.foot-line {
padding:2px 0 0 0;
}

#footer li {
display:inline;
margin:0 5px 0 0;
padding:0;
line-height:160%;
}

#footer li a:link {
text-decoration:none;
font-weight:normal;
color:#052;
font-size:1em;
}

#footer li a:visited {
text-decoration:none;
font-weight:normal;
color:#700;
font-size:1em;
}

#footer li a:hover {
text-decoration:underline;
font-weight:normal;
color:#395;
}

#footer li a:active {
text-decoration:underline;
font-weight:normal;
color:#395;
}

#footer p {
margin:5px 0 3px 0;
font-size:10px;
}



/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

a:link {
color:#052;
text-decoration:underline;
}

a:visited {
color:#700;
text-decoration:underline;
}

a:hover {
color:#395;
text-decoration:underline;
}

a:active {
color:#395;
text-decoration:underline;
}

.spacer {
clear:both;
}

.liquorlist {
font-size:12px;
color:#630;
font-weight:bold;
}

.featurelist {
font-size:12px;
color:#630;
font-weight:bold;
text-decoration:underline;
}

.winelist {
font-size:12px;
color:#242;
font-weight:bold;
}

.price {
font-size:12px;
line-height:16px;
color:#900;
font-weight:bold;
}

.frugal-title {
color:#010;
}

.our-email {
font-size:11px;
font-weight:bold;
color:#252;
}

.notice-this-text {
color:#c00;
}