/* Layout */
html,body,a,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0; outline:none;}
h1,h2,h3,h4,h5,h6,address,caption,cite,code,th{font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol{list-style: none;} fieldset,img {border: none;} a{ text-decoration:none; }
body{
font-size:62.5%;
font-family: Baskerville, Times New Roman, Times, serif;
background:#fff url(bodybg_navsides.png) center 280px no-repeat;
}
#smidge{
width:960px;
margin:40px auto;
padding-bottom:80px;
background:#fff;
overflow:hidden;
}
h1, #navigation a,.col .action_join,.col .action_ask{
overflow:hidden;
text-indent:-9999px;
}
/* Header */
h1{
width:320px;
height:240px;
background:#000 url(logo.png) center center no-repeat;
float:right;
}
#splash{
width:640px;
height:240px;
overflow:hidden;
float:left;
}
#splash .overlay{position:absolute;z-index:99;}
/* Navigation */
#navigation{
clear:both;
}
#navigation li{
float:left;
}
#navigation li a{
display:block;
height:60px;
width:107px;
background:#f0f0f0 url(navigation.png);
}
#navigation .n1 a.a,#navigation .n1 a:hover{background-position:0px -60px;}
#navigation .n2 a{background-position:-107px 0px;width:123px;}
#navigation .n2 a.a,#navigation .n2 a:hover{background-position:-107px -60px;}
#navigation .n3 a{background-position:-230px 0px;width:133px;}
#navgigation .n3 a.a,#navigation .n3 a:hover{background-position:-230px -60px;}
#navigation .n4 a{background-position:-373px 0px;width:199px;}
#navgigation .n4 a.a,#navigation .n4 a:hover{background-position:-373px -60px;}
#navigation .n5 a{background-position:-572px 0px;width:162px;}
#navigation .n5 a.a,#navigation .n5 a:hover{background-position:-572px -60px;}
#navigation .n6 a{background-position:-734px 0px;width:108px;}
#navigation .n6 a.a,#navigation .n6 a:hover{background-position:-734px -60px;}
#navigation .n7 a{background-position:-837px 0px;width:128px;}
#navigation .n7 a.a,#navigation .n7 a:hover{background-position:-837px -60px;}
/* subnavigation */
#navigation ul{
width:200px;
position:absolute;
z-index:5;
background:#ccc;
float:left;
display:none;
}
#navigation li:hover ul{
display:block;
}
#navigation li ul a{
width:200px !important;
font-size:130%!important;
font-family:Arial,serif;
text-indent:10px;
line-height:25px;
height:25px;
background-image:none;
overflow:hidden;
border-bottom:1px solid #ccc;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
float:left;
color:#000;
padding:3px 0px;
}
#navigation li ul a:hover{
background:#fff !important;
}
.n7 ul{margin-left:-54px;}
/* Default Content Styles */
.content{font-size:140%;}
.content p{line-height:125%;margin-bottom:.6em;}
.content h2{font-size:450%;font-family: Garamond, Hoefler Text, Sylfaen, Times New Roman, Times, serif;margin-bottom:.4em;}
.content h3{font-size:200%;font-weight:bold;font-family: Garamond, Hoefler Text, Sylfaen, Times New Roman, Times, serif;margin-bottom:.4em;}
.content ol,.content ul{list-style:square;margin-bottom:.8em;line-height:130%;*list-style-position:inside;}
.content ol p,.content ul p{margin-bottom:0em;}
.content ol li,.content ul li{margin-bottom:.1em}
.content ol{list-style:decimal;}
.content blockquote{}
.content a{color: #7c6822;}
.content a:hover{text-decoration:underline;}
.content .col .first_letter{float:left;font-size:60px;display:block;line-height:50px;font-weight:bold;height:50px;margin-right:5px;}
/* Home Page Layout */
/*bottles*/
#home{}
#hold_el_bottles{height:270px;clear:both;padding-top:40px;}/*height:350px;*/
#home #el_bottles{list-style:none;position:relative;}
#el_bottles li{text-align:center;width:120px;cursor:default;height:270px;display:block;float:left;overflow:hidden;}/*height:350px;width:150px;!?*/
#el_bottles li div{
display:none;
background:url(bottles_over_tab.png) no-repeat left bottom;
width:198px;
text-align:left;
margin-top:40px;
height:206px;
}/*margin-top:100px*/
#el_bottles li.active{}
#el_bottles li.active img{float:left;}
#el_bottles li.active div{display:inline-block;}
#el_bottles li.active a{color:#000;font-style:italic;position:absolute;bottom:55px;right:18px;}
#el_bottles li.active div img{float:right;margin-top:18px;margin-right:18px;}
#el_bottles li.active p{font-family:Veranda,Arial,sans-serif;clear:both;padding-top:12px;margin:0px 18px 0px 10px;color:#999;}
#el_bottles li.active h3{font-family:Veranda,Arial,sans-serif;margin-top:18px;margin-right:18px;font-size:120%;}
/*boxes*/
#home .continue{font-weight:normal;font-style:italic;color:#999;}
#home .row{clear:both;padding-top:40px;}
#home .col{width:290px;float:left;}
#home .news{width:625px;float:left;margin-left:45px;}
#home .pad.col{margin:0px 45px;}
#home h3{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ccc;}
.news dl{float:left;width:290px;margin-bottom:20px;}
.news dt{float:right;width:200px;font-weight:bold;}
.news dt .continue{display:block;}
.news dd{text-transform:uppercase;color:#999;width:74px;float:left;font-family:Georgia,inherit,serif;}
.news dd span{float:left;text-align:right;font-size:30px;}
.news dd sup{display:block;font-size:12px;line-height:1px;margin-top:5px;font-weight:bold;}
.news dd strong{
background:#555 url(news-tag.gif) left bottom no-repeat;
height:60px;text-align:center;font-size:11px;width:32px;float:right;color:#fff;overflow:hidden;}
.news dd strong big{font-size:12px;}
.news dl.first dd strong{background-color:#000;background-position:bottom right;}
#home .col dl{}
.col .action_join{margin-top:30px;background:#ccc url(home_page_action_butts.png) no-repeat;width:290px;display:block;height:60px;}
.col .action_join:hover{background-position:-290px 0px;}
.col .action_ask{margin-top:0px;background:#ccc url(home_page_action_butts.png) 0px -60px no-repeat;width:290px;display:block;height:95px;}
.col .action_ask:hover{background-position:-290px -60px;}
/* Content */
#content{clear:both;padding-top:20px;}
#content .col{width:290px; float:left;}
#content .two-col{float:right;width:625px;}
#content .pad.col{margin:0px 45px;}
#content .about-img{margin:20px 0px;margin-left:-335px;}
#content h2.about{margin-left:145px;}
#content h2.long{margin-left:145px;font-size:360%;}
#content h3{font-size:160%;margin-bottom:15px;}
#content h4{font-size:130%;font-weight:bold;margin-bottom:15px;}
p.quote{color:#999;font-style:italic;}
/*
.quote{margin-left:100px;color:#aaa;text-align:right;}
.quote a{display:block;font-size:90%;color:#bfb89e;}
.quote a:hover{color:#7c6822;}
*/
/* Product Specific */
#content .cat_heading{margin-top:50px;margin-bottom:5px;font-weight:normal;font-size:100%;color:#999;font-family:Georgia,inherit,serif;}
#content .categories{
list-style:none;
font-family:Georgia,inherit,serif;
font-size:180%;
}
.crumb{margin-bottom:20px;overflow:hidden;}
.crumb .bread{color:#aaa;float:left;width:480px;overflow:hidden;}
.crumb .bread a{color:#333;}
.crumb .cart-info{float:right;padding-right:35px;background:url(cart_icon.png) right center no-repeat;}
.crumb .cart-info a{display:block;text-style:italic;color:#7c6822;}
.categories li{ line-height:40px;}
.categories a{color:#666;}
.categories a:hover{color:#000;}
.product-item{clear:both;overflow:auto;padding-bottom:50px;}
h2.products {font-size:250%;color:#ccc;line-height:.9em;margin-top:0px;margin-bottom:40px;margin-left:-50px;}
.product-item h2{font-size:22px;width:490px;font-weight:bold;float:right;}
.product-item .img{text-align:center;margin-top:5px;width:120px;float:left;}
.product-item img{}
.product-item div.info{float:right;width:300px;margin-top:20px;}
.product-item .continue{margin-top:10px;text-style:italic;color:#7c6822; margin-left:20px;display:block;float:left;text-align:right;}
.product{width:670px;float:right;}
.product h2{font-size:22px;width:670px;clear:both;margin-bottom:5px;float:right;font-weight:bold;border-bottom:1px solid #ccc;}
.product .img{text-align:center;width:200px;float:left;margin-top:30px;}
.product div.info{float:right;width:450px;}
.product h3{text-align:right;font-size:110%;margin:1.4em 0px .5em 0px;font-family:georgia,inherit,serif;}
.product .options{float:left; width:200px;clear:left;margin-top:20px;}
.product .options ol,.product .options ul{list-style:none;margin-left:15px;}
.list-news-item{margin-top:-15px;padding-bottom:10px;border-bottom:1px solid #ccc; margin-bottom:15px;}
/* form */
#form label{display:block;font-weight:bold;font-size:100%;margin-bottom:5px;color:#666;}
#form .field{margin-bottom:10px;}
#form .field input,#form .field textarea{border:#ccc solid 1px;border-color:#777 #ccc #ddd #ccc;background:#f5f5f5;padding:5px;font-family:Arial,sans-serif;font-size:14px;}
#form .field input{width:180px;}
#form .field textarea{width:360px;height:140px;overflow:auto;}
#form .field input:focus,#form .field textarea:focus{background:#f9f8da;}
#form .submit{margin-top:5px;}
#form{margin-bottom:50px; border-top:1px solid #ccc; padding-top:20px;margin-top:20px;}
/* Checkout Table */
table.cart{border-collapse:collapse;margin:25px 0px;}
.cart td,.cart th{border:1px solid #ddd;border-collapse:collapse;padding:8px;text-align:center;font-size:110%;}
.cart img{max-height:180px;}
.EstimateShipping{padding:10px; width:250px; float:right; margin:10px;background:#f5f5f5;border-top:2px solid #ccc;}
.EstimateShipping td,.EstimateShipping th{border:none;}
.EstimateShipping select{width:150px;}
.KeepShopping{float:right;text-align:right;font-weight:bold;clear:right;}
.cartTools{float:left;width:300px;}
.ProceedToCheckout{float:right;margin-top:40px;}
.ProceedToCheckout input{font-weight:bold;padding:3px 10px;}
/* Footer */
.credit{position:fixed;right:5px;bottom:5px;_display:none;}
.credit a{font-style:italic;color:#aaa;font-size:13px;}
.store-info{color:#999;clear:both;width:960px;margin:0px auto;font-size:120%;text-align:center;padding:10px 0px;}
.store-info.right{text-align:right;}
.store-info a{color:#000;}
.store-info.right a{color:#000;font-size:120%;}
.store-info a:hover{text-decoration:underline;}
.fb{text-align:left;display:inline-block;height:33px;width:138px;background:url(/assets/social.png);text-indent:-900px;overflow:hidden;}
.fb:hover{background-position:0px -33px;}
.tt{margin-left:15px;text-align:left;display:inline-block;height:33px;width:136px;background:url(/assets/social.png) -154px 2px;text-indent:-900px;overflow:hidden;}
.tt:hover{background-position:-154px -32px;}