/* CSS Template by Juuce Interactive ©2008 
   Author: Samuel Larcher
*/   




/* ----------------  INITIAL START ------------- */

* { margin: 0px; padding: 0px;}

h1 { margin-bottom: 10px;}
h2 { margin-bottom: 7px;}
h3, h4, h5 { margin-bottom: 5px;}
p, ul { margin-bottom: 7px; }

form label button { cursor: pointer; cursor: hand; }
fieldset { border: none; }
input, select, textarea { border: none; background: none; }
select { background: white; }

ul li { list-style: none; }

/* ----------------  INITIAL END ------------- */




/* ----------------  FONT  ------------- */

a { }
h1 { font: normal normal 20px "Trebuchet MS", sans-serif; color: white; }
h2 { }
h3 { }
h4 { }
a:link, a:visited { color: #f1d321; text-decoration: underline;  }
a:hover, a:active { text-decoration: none; }
.footerLink:link, .footerLink:visited { color: #335000; text-decoration: none; }
.footerLink:hover, .footerLink:active { color: #FFF;}

/* ----------------  BASICS  ------------- */

body { background: #ebd28f url(../images/main/bg.jpg) left top repeat-x; font: normal normal 12px Arial, Helvetica, sans-serif; color: white; }
#mainWrapper { width: 860px; margin: 0 auto 0 auto; }

/* ----------------  BOXES FEATURED CONTAINER  ------------- */

.HPbanner_one { background: url(../images/main/HPbanner_1.jpg) left top no-repeat; height: 250px; width: 860px; }
.HPbanner_two { background: url(../images/main/HPbanner_2.jpg) 202px 0px no-repeat; height: 250px; width: 860px; }
.HPbanner_three { background: url(../images/main/HPbanner_3.jpg) 409px 0px no-repeat; height: 250px; width: 860px; }
.HPbanner_four { background: url(../images/main/HPbanner_4.jpg) right top no-repeat; height: 250px; width: 860px; } 
 
.BWSmiddle { background: #f9e300 url(../images/main/BWSmidddle.jpg) left top no-repeat; width: 860px; height: 170px; } 
.BWSright { background: url(../images/main/BWSright.jpg) 351px 0px no-repeat; width: 860px; height: 170px; } 
.BWSleft { background: url(../images/main/BWSleft.jpg) left top no-repeat; width: 17px; height: 170px; position: absolute; top: 320px; margin-left: -16px; float: none; }

.HPmaincontainer { background: #6b9126 url(../images/main/mainLeftBG.gif) left top repeat-y; width: 860px; min-height: 358px; height:auto !important; height:358px;  }
.Submaincontainer { background: url(../images/main/subpagesBG.gif) left top repeat-y; width: 860px; min-height: 358px; height:auto !important; height:358px;  }

.Hpheader { height: 34px; width: 321px; background: url(../images/main/HPheaderWhite.png) left top repeat-x; padding: 10px 0 0 30px; }
.specialsList { font: normal normal 14px "Trebuchet MS", sans-serif; color: white; list-style: none; line-height: 22px; }
.specialsList li { padding-left: 20px; background: url(../images/main/specialsListStar.gif) 0px 7px no-repeat; }
.specialListWrapper { padding: 10px 0 0 30px; }

.HPleft { width: 351px; background: url(../images/main/HPgreen.jpg) left top no-repeat; min-height: 358px; height:auto !important; height:358px; }
.HPright { width: 261px; }
.Subleft { width: 570px; min-height: 358px; height:auto !important; height:358px; padding: 15px 20px 0 20px; }
.Subright { width: 240px; padding: 15px 0 0 2px; }

.newsSnippetWrapper {  }
.dividerSnippets { background: url(../images/main/dividerSnippets.gif) left top no-repeat; height: 11px; width: 230px; }

.bottlesHP { position: absolute; margin-top: -85px; margin-left: 30px; }
.bottlesSub { position: absolute; margin-top: -180px; margin-left: 500px; }

.featuredProducts { background: url(../images/featuredProducts/prodBG.gif) left top no-repeat; height: 628px; width: 283px; position: absolute; margin-left: 606px; top: 280px; float: none; clear: both; }

.featuredPro1 { display: block; overflow: hidden; background: url(../images/featuredProducts/prod1.jpg) left top no-repeat; width: 270px; height: 101px; position: relative; z-index: 100; }
.featuredPro1:hover { background-position: 0px -101px; }

.featuredPro2 { display: block; overflow: hidden; background: url(../images/featuredProducts/prod2.jpg) left top no-repeat; width: 270px; height: 97px; position: relative; z-index: 100; }
.featuredPro2:hover { background-position: 0px -97px; }

.featuredPro3 { display: block; overflow: hidden; background: url(../images/featuredProducts/prod3.jpg) left top no-repeat; width: 270px; height: 101px; position: relative; z-index: 100; }
.featuredPro3:hover { background-position: 0px -101px; }

.featuredPro4 { display: block; overflow: hidden; background: url(../images/featuredProducts/prod4.jpg) left top no-repeat; width: 270px; height: 98px; position: relative; z-index: 100; }
.featuredPro4:hover { background-position: 0px -98px; }

.featuredPro5 { display: block; overflow: hidden; background: url(../images/featuredProducts/prod5.jpg) left top no-repeat; width: 270px; height: 95px; position: relative; z-index: 100; }
.featuredPro5:hover { background-position: 0px -95px; }

.banner { width: 860px; background: url(../images/main/banner.jpg) left top no-repeat; height: 92px; }
.subBanner { width: 860px; background: url(../images/main/subBanner.jpg) left top no-repeat; height: 96px; }
.subBanner_absolut { background: url(../images/main/subBanner_absolut.jpg) left top no-repeat; height: 96px; width: 15px; position: absolute; margin-left: -14px; margin-top: -96px; }

.allBeers { display: block; overflow: hidden; background: url(../images/main/allBeers.jpg) left top no-repeat; height: 97px; width: 245px; }
.allBeers:hover { background-position: 0px -97px; }
.allBeersOn { display: block; overflow: hidden; background: url(../images/main/allBeers.jpg) 0px -97px no-repeat; height: 97px; width: 245px; }

.allWines { display: block; overflow: hidden; background: url(../images/main/allWines.jpg) left top no-repeat; height: 97px; width: 245px; }
.allWines:hover { background-position: 0px -97px; }
.allWinesOn { display: block; overflow: hidden; background: url(../images/main/allWines.jpg) 0px -97px no-repeat; height: 97px; width: 245px; }

.allSpirits { display: block; overflow: hidden; background: url(../images/main/allSprits.jpg) left top no-repeat; height: 95px; width: 245px; }
.allSpirits:hover { background-position: 0px -95px; }
.allSpiritsOn { display: block; overflow: hidden; background: url(../images/main/allSprits.jpg) 0px -95px no-repeat; height: 95px; width: 245px; }

.divider { background: url(../images/main/divider.jpg) left top no-repeat; height: 26px; width: 561px;  }


/* ----------------  BUTTON AND FORMS  ------------- */

/* ----------------  MAIN NAVIGATION  ------------- */

#about { display: block; overflow: hidden; background: url(../images/navigation/about.gif) left top no-repeat; width: 144px; height: 70px; }
#about:hover { background-position: 0px -70px; }
#aboutOn { display: block; overflow: hidden; background: url(../images/navigation/about.gif) 0px -70px no-repeat; width: 144px; height: 70px; }

#products { display: block; overflow: hidden; background: url(../images/navigation/products.gif) left top no-repeat;  width: 142px; height: 70px; }
#products:hover { background-position: 0px -70px; }
#productsOn { display: block; overflow: hidden; background: url(../images/navigation/products.gif) 0px -70px no-repeat;  width: 142px; height: 70px; }

#awards { display: block; overflow: hidden; background: url(../images/navigation/awards.gif) left top no-repeat; width: 144px; height: 70px; }
#awards:hover { background-position: 0px -70px; }
#awardsOn { display: block; overflow: hidden; background: url(../images/navigation/awards.gif) 0px -70px no-repeat; width: 144px; height: 70px; }

#links { display: block; overflow: hidden; background: url(../images/navigation/links.gif) left top no-repeat; width: 143px; height: 70px; }
#links:hover { background-position: 0px -70px; }
#linksOn { display: block; overflow: hidden; background: url(../images/navigation/links.gif) 0px -70px no-repeat; width: 143px; height: 70px; }

#specials { display: block; overflow: hidden; background: url(../images/navigation/specials.gif) left top no-repeat; width: 144px; height: 70px; }
#specials:hover { background-position: 0px -70px; }
#specialsOn { display: block; overflow: hidden; background: url(../images/navigation/specials.gif) 0px -70px no-repeat; width: 144px; height: 70px; }

#contact { display: block; overflow: hidden; background: url(../images/navigation/contact.gif) left top no-repeat;  width: 143px; height: 70px; }
#contact:hover { background-position: 0px -70px; }
#contactOn { display: block; overflow: hidden; background: url(../images/navigation/contact.gif) 0px -70px no-repeat;  width: 143px; height: 70px; }


#about, #products, #awards, #links, #specials, #contact, #productsOn, #aboutOn, #awardsOn, #linksOn, #specialsOn, #contactOn { float: left; }


/* ----------------  FOOTER  ------------- */

#footer { background: url(../images/main/footerBG.gif) left top no-repeat; width: 860px; height: 120px; margin: 0 auto 0 auto; }

/* ----------------  SPECIALS  ------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.fontSize10 { font-size: 10px; }
.fontSize11 { font-size: 11px; }
.fontSize12 { font-size: 12px; }
.fontSize13 { font-size: 13px; }
.fontSize14 { font-size: 14px; }
.fontSize20 { font-size: 20px; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.backgroundYellow { background: yellow; }
.backgroundRed { background: red; }
.backgroundSilver { background: silver; }
.backgroundBlack { background: black; }
.backgroundBlue { background: blue; }
.backgroundWhite { background: white; }

.padding_B_5px { padding-bottom: 5px; }
.padding_B_10px { padding-bottom: 10px; }
.padding_B_15px { padding-bottom: 15px; }
.padding_L_5px { padding-left: 5px; }

.font_treb { font-family: "Trebuchet MS", sans-serif; }

.darkGreen { color: #335000; }
.orange {color: #e9c900; }