@charset "utf-8";
/* Shoreline Beverage Style Sheet */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,#contact, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* HTML Elements */
body { background:#e6bb70; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
strong { font-weight:bold; }
em { font-style:italic; }

/* Structure */
#bannerBack { width:100%; height:120px; position:relative; z-index:-1; margin-bottom:-121px; background:#9e2a1b; border-bottom:solid 1px #7c653c; }
#container { width:962px; min-height:300px; margin:0 auto; background:#fff1d7; }
#header { height:135px; background:#bf2f13 url(images/bannerDrops.jpg) top left no-repeat; border:solid 1px #731e13; border-top:none; }
#nav { background:#521300; padding:0 5px; font-size:14px; line-height:14px; border:solid 1px #290a00; border-top:none; border-bottom:none; color:#FFF; }
#contentHolder { border:solid 1px #bda371; border-top:none; min-height:169px; padding:15px; }
.col { float:left; }
#col1 { width:700px; }
#col2 { width:200px; padding-left:14px; margin-left:15px; border-left:solid 1px #a58650; font-size:12px; line-height:16px; }
#footer { text-align:center; margin-top:15px; font-size:12px; }

/* */
#header h1 { width:197px; height:128px; margin:0 5px 0 75px; background:url(images/logo.png) no-repeat center 4px; text-indent:-3333px; overflow:hidden; float:left; }
#header div { width:418px; height:135px; float:right; margin:0 5px; background:url(images/bannerBeer.jpg) top right no-repeat; }
#header div span { display:block; float:left; width:207px; height:135px; background:url(images/slogan.png) no-repeat 0px 56px; text-indent:-999px; overflow:hidden; }
h2,h3 { font-size:26px; color:#9e2a1b; border-bottom:solid 1px #9e2a1b; padding:0 0 5px; margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; }
h3 { font-size:18px; }
#contentHolder a { color:#9e2a1b; text-decoration:underline; }

#col1 p { margin-bottom:15px; line-height:20px; }
#col1 img.imgRight { float:right; margin:0 0 16px 16px; }
#col2 h4 { display:block; position:relative; top:-7px; background:#9e2a1b; padding:5px; text-align:center; color:#FFF; font-size:16px; margin:7px -10px 3px; border-radius:7px 7px 0 0; font-family:Georgia, "Times New Roman", Times, serif; }
#col2 ul { }
#col2 ul li { display:block; padding:0 10px 15px; background:#f5ebc0; border-bottom:solid 1px #9e2a1b; margin:0 0 15px; }
#col2 ul li ul { margin:0 0 -5px 0; }
#col2 li ul li { border-bottom:none; background:none; margin:0 0 5px; padding:0; }

#giftBaskets { }
#giftBaskets li { padding:10px 0; }
#giftBaskets li:hover { border:dotted 1px #a58650; border-left:none; border-right:none; padding:9px 0; }
#giftBaskets h5 { color:#9e2a1b; font-weight:bold; font-size:16px; margin-bottom:4px; }
#giftBaskets p { margin-bottom:0; font-size:12px; }
#giftBaskets .itemNum, #giftBaskets .itemPrice { float:right; padding:6px; background:#f5ebc0; font-size:12px; width:100px; text-align:center; line-height:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 10px; }
#giftBaskets .itemNum { margin-top:-20px; border-bottom:dotted 1px #a58650; font-weight:bold; }
#giftBaskets .itemPrice { clear:right; color:#9e2a1b; }

#giftCards { margin:-10px 0 0 -10px; }
#giftCards img { float:left; margin:10px; }

ul.homeList { margin-left:-14px; }
ul.homeList li { display:block; float:left; width:224px; min-height:260px; margin:15px 0 15px 14px; padding:0 0 10px; background:#f5ebc0; border-bottom:solid 1px #9e2a1b; }
.homeList h4 { display:block; background:#9e2a1b; padding:5px; text-align:center; color:#FFF; font-size:20px; margin:-15px 0 10px; border-radius:15px 15px 0 0; font-family:Georgia, "Times New Roman", Times, serif; }
/*.homeList li:nth-child(3n+0) { margin:0; }*/

#featuredProduct { position:relative; }
#featuredProduct ul { margin:0; width:224px; height:235px; overflow:hidden; }
#featuredProduct ul li { float:none; min-height:0; height:235px; margin:0; padding:0; background:none; border:none; text-align:center; }
.caption { position:absolute; z-index:200; width:200px; padding:6px; left:6px; bottom:10px; background:#a58650; background:rgba(165,134,80,.7); text-align:center; color:#000; }
.sliderControls { background:url(images/arrows.png) no-repeat; width:14px; height:26px; position:absolute; z-index:300; top:106px; cursor:pointer; }
#sliderNext { background-position:right; right:5px; }
#sliderPrev { background-position:left; left:5px; }

#specials ul { margin-left:-14px; clear:left; }
#specials ul li { display:block; float:left; width:224px; min-height:252px; margin-left:12px;  padding:0 0 5px; margin-bottom:15px; border:solid 1px #a58650; background:#fff; border-radius:0 0 14px 14px; text-align:center; }
#specials h4 { display:block; padding:10px 5px 0; text-align:center; font-size:16px; line-height:20px; margin:10px 0; font-family:Georgia, "Times New Roman", Times, serif; border-top:dotted 1px #9e2a1b; font-weight:bold; }
#specials p { margin:0 5px; }
#specials img { }

#keglist { font-size:12px; margin:0 0 10px 0; width:100%; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; }
#keglist th { font-size:16px; color:#fff; background:#9e2a1b; padding:10px 8px; border-bottom:2px solid #731e13; }
#keglist td { padding:10px 8px; border-bottom:dashed 1px #e6bb70; }
#keglist tbody tr:hover td { background:#f5ebc0; font-weight:bold; color:#521300; }
#keglist .brand { width:30%; }

.breweries { font-family:Georgia, "Times New Roman", Times, serif; clear:left; }
.breweries li { font-size:28px; float:left; display:inline-block; width:120px; padding:0 15px 15px 0; color:#bf2f13; }
.breweries li ul { font-family:Arial, Helvetica, sans-serif; }
.breweries li ul li { font-size:12px; float:none; display:block; width:auto; padding:3px 0 3px 0; color:#000; }

.videos { text-align:center; margin-bottom:15px; }

#hours { }

#col2 ul li#growlers { background:url(images/growlerBG.jpg) no-repeat 100px 30px #f5ebc0; }
#col2 ul li#growlers a { font-weight:bold; text-decoration:none; }
#col2 ul li#growlers a:hover, #col2 ul li#growlers a:focus { text-decoration:underline; }
#growlersLarge li { margin:0 0 10px 15px; }
#growlersLarge a { font-size:16px; text-decoration:none; }
#growlersLarge a:hover, #col2 ul li#growlers a:focus { text-decoration:underline; }
#growlers small, #growlersLarge small { font-size:.8em; }

#contact { width:500px; margin:10px 0; }
#contact input, #contact textarea, #contact select { padding:5px; font-size:14px; width:200px; vertical-align:middle; }
#contact select { width:80px; }
#contact textarea { vertical-align:text-top; }
#contact label { display:inline-block; width:144px; margin:5px; text-align:right; }
#contact .submit { font-size:16px; width:auto; margin-left:155px; }
#contact .submit:focus { outline:none; }
#contact label.error { width:200px; margin:3px 0 0 160px; font-size:10px; line-height:10px; margin-bottom:-12px; text-align:left; }
#contact input.error, #contact textarea.error, #contact select.error { border:solid 1px #F00; background:#f7cfcf; }
#contact .loader { margin:0 0 0 15px; vertical-align:middle; }
.response { display:block; text-align:center; width:424px; margin:8px 0; }

/* Nav */
#nav a { color:#FFF; text-decoration:none; display:block; width:100%; padding-top:10px; }
#nav ul { }
#nav li { display:inline-block; float:left; min-height:32px; padding:5px 10px 15px; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
#nav li:hover { background:url(images/navOver.png) repeat-x top; }
#nav li ul { display:block; margin-top:5px; }
#nav li ul li { font-size:11px; padding:0; margin:0; float:none; min-height:0; }
#nav li ul li a { display:inline; width:auto; }
#nav li ul li:hover { background:none; }
#nav li ul li a:hover, #nav li ul li a:focus { text-decoration:underline; }

#footer a { color:#000; }

/* Clearfix */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Shadows */
#bannerBack { -moz-box-shadow:-5px 2px 5px rgba(0,0,0,.5); -webkit-box-shadow:0 2px 5px rgba(0,0,0,.5); box-shadow:0 2px 5px rgba(0,0,0,.5); }
#container { -moz-box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,.5); box-shadow:0 0 10px rgba(0,0,0,.5); }