/* v4.4 23/1/12 */

form { margin: 0 ; }

html, body {
            background-color : #181619; margin: 0px; padding: 0px; text-align: center; height:100%;
            }

img {          
display: block;
border: 0px;
}

a {outline:none;}

ol {padding-top:0px;margin-top:0px;}
ol li {margin-bottom:5px;}

#wrapper { background-color: #000000; width: 1112px; margin-left: auto; margin-right: auto; text-align: left;min-height: 100%;height: auto;background-image: url('media/fade_wide_bg.gif');background-position:top;background-repeat:repeat-y;}
* html #wrapper {height: 100%;}
#container {width:900px;margin-left: auto; margin-right: auto;}

#header {position:relative;height:156px;display:block;z-index:2000;}
#menu {list-style:none;padding:0;margin:0;}
.button_home{position:absolute;top:0;left:0;}
.button_home a {position:relative;outline:none;width:134px;height:143px;overflow:hidden;display:block;}
.button_home a span {position:absolute;top:0;left:0;background:url('media/brewdog_logo.jpg') no-repeat;width:100%;height:100%;}

.button_our_beer {position:absolute;top:0;left:141px;}
.button_our_beer a {position:relative;outline:none;width:135px;height:84px;overflow:hidden;display:block;}
.button_our_beer a span {position:absolute;top:0;left:0;background:url('media/menu/our-beer.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_our_beer a:hover span {background:url('media/menu/our-beer.gif') 0 -84px no-repeat;}

.button_our_craft_brewery {position:absolute;top:61px;left:387px;}
.button_our_craft_brewery a {position:relative;outline:none;width:207px;height:80px;overflow:hidden;display:block;}
.button_our_craft_brewery a span {position:absolute;top:0;left:0;background:url('media/menu/our-craft-brewery.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_our_craft_brewery a:hover span {background:url('media/menu/our-craft-brewery.gif') 0 -80px no-repeat;}

.button_our_bars {position:absolute;top:9px;left:417px;}
.button_our_bars a {position:relative;outline:none;width:205px;height:47px;overflow:hidden;display:block;}
.button_our_bars a span {position:absolute;top:0;left:0;background:url('media/menu/our-bars.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_our_bars a:hover span {background:url('media/menu/our-bars.gif') 0 -47px no-repeat;}

.button_about_us {position:absolute;top:5px;left:281px;}
.button_about_us a {position:relative;outline:none;width:133px;height:83px;overflow:hidden;display:block;}
.button_about_us a span {position:absolute;top:0;left:0;background:url('media/menu/about-us.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_about_us a:hover span {background:url('media/menu/about-us.gif') 0 -83px no-repeat;}

.button_contact_us {position:absolute;top:88px;left:215px;}
.button_contact_us a {position:relative;outline:none;width:170px;height:37px;overflow:hidden;display:block;}
.button_contact_us a span {position:absolute;top:0;left:0;background:url('media/menu/contact-us.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_contact_us a:hover span {background:url('media/menu/contact-us.gif') 0 -37px no-repeat;}

.button_blog {position:absolute;top:0;left:630px;}
.button_blog a {position:relative;outline:none;width:130px;height:65px;overflow:hidden;display:block;}
.button_blog a span {position:absolute;top:0;left:0;background:url('media/menu/blog.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_blog a:hover span {background:url('media/menu/blog.gif') 0 -65px no-repeat;}

.button_downloads {position:absolute;top:120px;left:147px;}
.button_downloads a {position:relative;outline:none;width:144px;height:33px;overflow:hidden;display:block;}
.button_downloads a span {position:absolute;top:0;left:0;background:url('media/menu/downloads.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_downloads a:hover span {background:url('media/menu/downloads.gif') 0 -33px no-repeat;}

.button_news {position:absolute;top:74px;left:309px;}
.button_news a {position:relative;outline:none;width:115px;height:46px;overflow:hidden;display:block;}
.button_news a span {position:absolute;top:0;left:0;background:url('media/menu/news.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_news a:hover span {background:url('media/menu/news.gif') 0 -46px no-repeat;}

.button_buy_our_beer {position:absolute;top:77px;left:596px;}
.button_buy_our_beer a {position:relative;outline:none;width:174px;height:67px;overflow:hidden;display:block;}
.button_buy_our_beer a span {position:absolute;top:0;left:0;background:url('media/menu/buy-our-beer.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_buy_our_beer a:hover span {background:url('media/menu/buy-our-beer.gif') 0 -67px no-repeat;}

.button_punkdog {position:absolute;top:0;left:764px;
    background: url(media/menu/punkdog2.gif) no-repeat;
    width: 136px; height: 77px;margin: 0;padding: 0;
    }
.button_punkdog a {position: absolute;display: block;outline:none;}
.button_punkdog img {width: 136px; height: 77px; border: 0; }
* html a:hover {visibility:visible}
.button_punkdog a:hover img{visibility:hidden} 

.button_efp {position:absolute;top:0;left:770px;}
.button_efp a {position:relative;outline:none;width:121px;height:97px;overflow:hidden;display:block;}
.button_efp a span {position:absolute;top:0;left:0;background:url('media/menu/efp.gif') 0 0 no-repeat;width:100%;height:100%;}
.button_efp a:hover span {background:url('media/menu/efp.gif') 0 -97px no-repeat;}

#basket {position:absolute;top:103px;left:780px;background:url('media/cart_icon2.gif') 0 18px no-repeat;width:150px;height:60px;}
#basket a{display:block;font:bold 12px tahoma,arial,sans-serif;color:#999999;text-decoration:none;}
#basket a span {display:block;font-size:10px;padding:3px 0 0 36px;}
#basket_checkout {position:absolute;top:134px;left:816px;}
#basket_checkout a{font:bold 10px tahoma,arial,sans-serif;color:#999999;text-decoration:none;}
#basket_checkout a:hover {color:#fff;}

#mini_cart {width:311px;position:absolute;top:145px;right:0;background:url('media/mini_cart_top.gif') top no-repeat;color:#fff;z-index:1001;display:none;}
#mini_cart_btm {background:url('media/mini_cart_btm.gif') bottom no-repeat;padding:23px 6px 6px 6px;}
#mini_cart_content {background:url('media/cart_bg.png');}
* html #mini_cart_content {background:#000;}
#mini_cart_content table {width:100%;}
#mini_cart_content table th {font:bold 12px tahoma,arial,sans-serif;color:#0098B9;padding:5px;vertical-align:bottom;}
#mini_cart_content table th.close_cart {width:18px;}
#mini_cart_content table th#close_cart img {cursor:pointer;}
#mini_cart_content table td {font:11px tahoma,arial,sans-serif;color:#b2b2b2;padding:5px 5px 10px 5px;vertical-align:top;}
#mini_cart_content table td strong {display:block;padding-bottom:5px;}
.mini_cart_right {text-align:right;}
.mini_cart_right img {display:inline;}
#mini_cart_content a {color:#b2b2b2;text-decoration:none;}
#mini_cart_content a:hover {color:#fff;}

.line_fade {clear:both;width:700px;height:46px;background:url('media/line_fade.jpg') no-repeat;}
.line_fade3 {clear:both;width:900px;height:46px;background:url('media/line_fade_wide3.gif') no-repeat;}
                                                 
#heading {padding:0 0 0 20px;position:relative;}  
#shop_heading {padding:0;position:relative;}
h1#heading {margin:0;padding:0 0 0 20px;position:relative;}
h1#heading_brewery {margin:0 0 0 20px;padding:0;position:relative;width:446px;}

#col1 {float:left;width:275px;padding:0px 20px 0px 20px;}
#col2 {float:left;width:210px;padding:0px 10px 0px 10px;}
#col2big {float:right;width:426px;padding:0px 20px 0px 20px;}
#col3 {float:left;width:216px;padding:0px 9px 0px 10px;}

#col1home {float:left;width:585px;padding:0;}
#col2home {float:right;width:275px;padding:0 20px;}
#col3ahome {float:left;width:275px;padding:0 0 0 20px;}
#col3bhome {float:left;width:275px;padding:0 0 0 20px;}
#col3chome {float:left;width:275px;padding:0 0 0 20px;}
  
#col1craft {float:left;width:563px;padding:0 20px 0 20px;}
#col2craft {float:left;width:275px;padding:0;}

#col1about {float:left;width:480px;padding:0 60px 0 20px;margin-top:10px;}
#col2about {float:left;width:290px;padding:0;margin-top:10px;}
#beer_for_punks {padding:188px 9px 12px 47px;margin:0;background:url('media/beer_for_punks_bg.gif') top left no-repeat;color:#534e47;font:13px tahoma,geneva,sans-serif;;}
#beer_for_punks li {margin-top:8px;}

#col1bars {float:left;width:563px;padding:0 20px 0 20px;margin-top:20px;}
#col2bars {float:left;width:275px;padding:0;margin-top:20px;}
ul#bar_list {padding:0 0 15px 0;margin:0;list-style:none;}
ul#bar_list li {padding:0 0 5px 0;margin:0;}
ul#bar_list li a {text-decoration:underline;color:#0098b9;}
#bar_map {width:562px;height:669px;background:url('media/bar_map.jpg') top left no-repeat;position:relative;}
#map_camden {position:absolute;width:186px;height:32px;bottom:155px;right:80px;}                                 
#map_glasgow {position:absolute;width:198px;height:33px;top:187px;left:87px;}                                  
#map_edinburgh {position:absolute;width:220px;height:33px;top:181px;left:300px;}                                
#map_aberdeen {position:absolute;width:208px;height:33px;top:100px;right:11px;}
h3#map_open {height:50px;line-height:50px;padding-left:53px;background:url('media/bar_map_shield_open.gif') top left no-repeat;}
#googlemap {  width:700px;
  height:550px;
  display:none;
  *margin-left:-9999px;
  *height:0px;
  *position:relative;
  *top:-600px;
  *display:block}
#beercol1 {float:left;width:564px;padding:24px 0 0 20px;}
#beercol1a {width:283px;float:left;padding:24px 0 0 0;}   
#beercol1b {width:261px;float:right;padding:24px 0 0 0;}
#beercol2 {float:right;width:282px;padding:24px 20px 0 0;}
ul#beer_list {list-style:none;padding:0;margin:0;}
ul#beer_list li {margin:0;padding:0 0 10px 0;}
ul#beer_list li a {text-decoration:underline;}
ul#beer_list li span {text-transform:uppercase;font-weight:bold;}
ul#beer_list_bottles {list-style:none;padding:0;margin:0;}
ul#beer_list_bottles li {margin:0;padding:0 0 18px 7px;float:left;}
ul#beer_list_logos {list-style:none;padding:20px 0 0 0;margin:0;}
ul#beer_list_logos li {float:left;height:90px;display:block;padding:0 18px 0 0;}
ul#beer_list_logos li a {float:left;}
ul#beer_list_logos li.trashy_blonde {width:124px;}
ul#beer_list_logos li.lager_77 {width:80px;}
ul#beer_list_logos li.saint_5am {width:87px;}
ul#beer_list_logos li.punk_ipa {width:83px;}
ul#beer_list_logos li.hardcore_ipa {width:117px;padding:0;}
ul#beer_list_logos li.paradox {width:138px;padding:12px 26px 0 0;height:78px;}
ul#beer_list_logos li.tokyo {width:114px;padding:10px 26px 0 0;height:80px;}
ul#beer_list_logos li.tactical_nuclear_penguin {width:115px;padding:4px 26px 0 0;height:86px;}
ul#beer_list_logos li.sink_the_bismark {width:107px;padding:0;}
#col1beer {float:left;width:219px;padding:0 20px 0 20px;}
#col1beer img {margin:0 auto 0 auto;}

#col2beer {float:right;width:610px;padding:0 20px 0 0;}
#col2beer .vlog {border:1px #FFF solid;margin-top:10px;}

#col1b {float:left;width:540px;padding:0px 20px 0px 20px;}
#col2b {float:right;width:275px;padding:0px 20px 0px 20px;}

#beermenu {float:left;width:205px;padding:0px 8px 0px 24px; background-image:url('media/beermenu.gif');background-repeat:no-repeat; background-position:top middle;}    

.big_buy_button{
    position:relative;
    background-image: url(media/button_buy_beer3.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 104px;
    height: 72px;
    margin: 20px 0 0 0;
    padding: 0; 
    }

.big_buy_button a {position: absolute;display: block;float: right;outline:none;}

.big_buy_button img {width: 104px; height: 72px; border: 0; }
* html a:hover {visibility:visible}
.big_buy_button a:hover img{visibility:hidden}

.profile1,.profile2, .beermails,.contacttext,.contacttext a, .heading, .bodytext2, .bodytext2 a, .bodytext2 a:hover, .bodytext, .bodytext a, .bodytext a:hover,.news_headline, .news_headline a, .news_headline2, .news_body, .news_body a, .news_body a:hover, #news_article, #news_article h1, #footer, #footer a, #footer a:hover {font-family:tahoma,geneva,sans-serif;font-size:13px;text-align:left;color:#B2B2B2;vertical-align:top;text-decoration:none;}
.bodytext a:hover, .bodytext2 a:hover, .news_body a:hover, .news_headline a:hover {color:#FFFFFF;}
.bodytext2 {}
.bodytext p, .bodytext2 p {margin:0;padding:0 0 15px 0;}
.bodytext2 p.smallprint, .bodytext p.smallprint {font-size:11px;}
.bodytext2 p.frame {padding-bottom:25px;}
.bodytext2 p.frame img {padding:12px;background:url('media/img_frame.gif');}
.heading {font-size:18px; font-weight:bold;line-height:1.3em;} 
.heading2 {font-size:14px; font-weight:bold;line-height:1.3em;}
.contacttext {padding-bottom:20px;}
.contacttext,.contacttext a {font-size:11px;line-height:1.4em;}
.contacttext strong,.contacttext a:hover {color:#FFFFFF;}
.contacttext h3 {color:#0098b9;margin:0;padding:10px 0 0 0;font-size:14px;}
.contacttext h4 {color:#0098b9;margin:0;padding:5px 0 0 0;font-size:12px;}
.contacttext p {margin:0;padding:0 0 15px 0;}    
#col2beer h1 {padding:0 0 15px 0;margin:0;}
.bluetext {color:#0098b9;}

#home_image1 {width:210px; height:200px;background-image:url('media/homebg1.gif'); background-repeat:no-repeat; background-position:top;}
#home_image1 img{padding-left:15px; padding-top:10px;}

#home_image2 {width:210px;height:200px;background-image:url('media/homebg2.gif'); background-repeat:no-repeat; background-position:top;margin-top:30px}
#home_image2 img{padding-left:15px; padding-top:10px;}

#news_image {width:200px;height:183px;background-image:url('media/newsbg.gif'); background-repeat:no-repeat; background-position:top;}
#news_image img{padding-left:15px; padding-top:47px;}

#news_image2 {width:445px;height:287px;background-image:url('media/news_bg.gif'); background-repeat:no-repeat; background-position:top;}
#news_image2 img{padding-left:15px; padding-top:15px;}

.news_headline {font-size:11px;margin:10px 0px 10px 0px;}
.news_headline a {font-size:13px;font-weight:bold;}
.news_date {font-weight:normal;font-style:italic;padding-top:3px;}
.news_body {text-align:left;}
.news_headline2 {margin-top:10px;}
.news_headline2, .news_headline2 a  {font-size:13px;color:#403B33;font-weight:bold;text-decoration:none;}
.news_headline2 a:hover {color:#B2B2B2;}

.bodytext h1{margin:15px 0 5px 0;padding:0px;font-size:16px;}
.bodytext h1 a, .bodytext h1 a:hover{font-size:16px;}
.bodytext h2{margin:0 0 15px 0;padding:0px;font-size:16px;font-weight:normal;font-style:italic;} 
.bodytext h2 a, .bodytext h2 a:hover{font-size:16px;font-style:italic;}
.bodytext h3{margin:0 0 15px 0;padding:0px;font-size:13px;font-weight:bold;}
.bodytext h3 a, .bodytext h3 a:hover{font-size:13px;font-weight:bold;}
.bodytext2 h1 {font-size:20px;line-height:1.2em;margin:0;padding:0 0 10px 0;}
.compact p {padding:0 0 10px 0;}
h3.paradox {font-size:14px;font-weight:bold;margin:15px 0 5px 0;color:#ad8701;padding:0;}

.blog_home {}
.blog_home img {border:1px #0098b9 solid;margin-top:10px;}
.blog_home object {margin-top:10px;}
                                                                            
.bookmark {background:url('media/line3.jpg') top repeat-x;padding-top:20px;margin-top:10px;font-size:10px;}
.bookmark img {float:right;margin: -5px 0 0 2px;}

.blog img, .newblog img{border:1px #FFF solid;}
#search {border-top:1px #0098B9 solid;padding:7px 0 7px 0;}
#categories {border-top:1px #0098B9 solid;padding:15px 0 7px 0;}
.newblog {background:url('media/line_fade2.jpg') top left no-repeat;padding-top:40px;}

.poll {margin-top:15px;}
.poll h3 {font-size:14px;margin-bottom:0;}
.poll ul {margin:0;padding:0 0 0 20px;list-style:none;}
.poll li {padding:15px 0 0 20px;position:relative;}
.poll input {position:absolute;top:11px;left:-15px;}
.poll dt {margin-top:8px;font-weight:bold;}
.poll dd {margin:2px 0 0 0;}
.graph {position: relative;width: 439px;border: 1px solid #403B33;padding: 2px;}
.graph .bar {display: block;position: relative;background: #403B33;text-align: left;text-indent:10px;color: #FFF;height: 2em;line-height: 2em;}
.graph_winner {position: relative;width: 439px;border: 1px solid #0098B8;padding: 2px;}
.graph_winner .bar {display: block;position: relative;background: #0098B8;text-align: left;text-indent:10px;color: #FFF;height: 2em;line-height: 2em;}
.poll .votes {text-align:center;margin-top:10px;}
.divide {background:url('media/line3.jpg') top repeat-x;padding-top:20px;margin-top:10px;clear:both;}

.comments {margin:0 0 10px 0;padding:0;}
.comments li {list-style:none;padding:10px 0 10px 0;margin:0;}
.comments .reply {color:#0098B9;}

.archive_list {margin:0;padding:0;}  
.archive_list2 {margin:0;padding:5px 0 0 20px;}
.archive_list a, .archive_list a:hover,.archive_list2 a, .archive_list2 a:hover{border:none;padding:0;}
.archive_list li, .archive_list2 li {list-style:none;padding:0 0 5px 0;margin:0;}

.form {margin:2px 0 10px 0;}
.form td {padding:8px 20px 0 0;vertical-align:top;}
.form input[type="text"], .form input[type="submit"], .form textarea {font:10px verdana,sans-serif;margin:0;padding:3px;color:#403C33;border: 1px #0098B9 solid;}
.form .error input, .form .error textarea {border:#B9122B solid 1px;margin-right:10px;}
.error {vertical-align:top;color:#B9122B;}
.form input[type="submit"] {border:none;font-weight:bold;color:#B2B2B2;padding:0;margin:0;background:none; cursor:pointer;}

* html #search .form td{padding-right:0;}

#news_article {text-align:left;}
#news_article h1{margin:15px 0px 5px 0px;padding:0px;font-size:16px;color:#FFFFFF;}
#news_article h2{margin:0px;padding:0px;font-size:16px;color:#FFFFFF;font-weight:normal;font-style:italic;}

.shop {float:left;width:220px;padding:28px 0px 0px 10px;}
.shop .image {height:160px;}
.shop img {margin-left:auto; margin-right:auto;}

.button_buy, .button_buy2, .button_buy3 {
    position:relative;
    background-image: url(media/button_buy2.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 38px;
    height: 21px;
    margin-top:15px;
    margin-bottom:10px;
    margin-left:91px;
    padding: 0px;
    }
.button_buy2 { margin:0px; } 
.button_buy3 { margin:0px; float:right;}
* html .button_buy {margin-left:45px;}

.button_buy a, .button_buy2 a, .button_buy3 a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_buy img, .button_buy2 img, .button_buy3 img {width: 38px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.button_buy a:hover img, .button_buy2 a:hover img, .button_buy3 a:hover img{visibility:hidden}

.button_submit {
    position:relative;
    background-image: url(media/button_submit2.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 87px;
    height: 23px;
    margin: 0px;
    padding: 0px;
    }

.button_submit a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_submit img {width: 87px; height: 23px; border: 0; }
* html a:hover {visibility:visible}
.button_submit a:hover img {visibility:hidden}

.button_submit2 {
    position:relative;
    background-image: url(media/button_submit4.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 62px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    }

.button_submit2 a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_submit2 img {width: 62px; height: 18px; border: 0; }
* html a:hover {visibility:visible}
.button_submit2 a:hover img {visibility:hidden}

.button_cancel {
    position:relative;
    background-image: url(media/button_cancel2.jpg);
    background-repeat: no-repeat; 
    float:right;
    width: 89px;
    height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

.button_cancel a {
    position: absolute;
    display: block;
    float: right;outline:none;
            }

.button_cancel img {width: 89px; height: 23px; border: 0; }
* html a:hover {visibility:visible}
.button_cancel a:hover img {visibility:hidden}

.button_apply {
    position:relative;
    background-image: url(media/button_update_cart2.gif);
    background-repeat: no-repeat; 
    float:left;
    width: 139px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    }

.button_apply a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_apply img {width: 139px; height: 20px; border: 0; }
* html a:hover {visibility:visible}
.button_apply a:hover img {visibility:hidden}

.button_continue_shopping {
    position:relative;
    background-image: url(media/button_continue_shopping2.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 191px;
    height: 21px;
    margin: 0px;
    padding: 0px;
    }

.button_continue_shopping a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_continue_shopping img {width: 191px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.button_continue_shopping a:hover img {visibility:hidden}

.button_checkout {
    position:relative;
    background-image: url(media/button_checkout2.jpg);
    background-repeat: no-repeat; 
    float:right;
    width: 90px;
    height: 21px;
    margin: 0px;
    padding: 0px;
    }

.button_checkout a {
    position: absolute;
    display: block;
    float: right;outline:none;
            }

.button_checkout img {width: 90px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.button_checkout a:hover img {visibility:hidden}

.button_continue {
    position:relative;
    background-image: url(media/button_continue2.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 90px;
    height: 21px;
    margin: 0px;
    padding: 0px;
    }

.button_continue a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_continue img {width: 90px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.button_continue a:hover img {visibility:hidden}

.button_pay {
    position:relative;
    background-image: url('https://storm.bpweb.net/secure/brewdog/media/button_paypal2.gif');
    background-repeat: no-repeat; 
    float:left;
    width: 127px;
    height: 65px;
    }

.button_pay a {
    position: absolute;
    display: block;
    float: left; outline:none;
            }

.button_pay img {width: 127px; height: 65px; border: 0; }
* html a:hover {visibility:visible}
.button_pay a:hover img {visibility:hidden}
 
.shop_button_beer {
    position:relative;
    background-image: url('media/button_shop_beer2.jpg');
    background-repeat: no-repeat; 
    float:right;
    width: 91px;
    height: 59px;
    margin-right:20px;
    }

.shop_button_beer a {
    position: absolute;
    display: block;
    float: right;outline:none;
            }

.shop_button_beer img {width: 91px; height: 59px; border: 0; }
* html a:hover {visibility:visible}
.shop_button_beer a:hover img {visibility:hidden}
 
.shop_button_stuff {
    position:relative;
    background-image: url('media/button_shop_stuff2.jpg');
    background-repeat: no-repeat; 
    float:right;
    width: 93px;
    height: 54px;
    margin-right:20px;
    }

.shop_button_stuff a {
    position: absolute;
    display: block;
    float: right;outline:none;
            }

.shop_button_stuff img {width: 93px; height: 54px; border: 0; }
* html a:hover {visibility:visible}
.shop_button_stuff a:hover img {visibility:hidden}  
 
.shop_button_faq {
    position:relative;
    background-image: url('media/button_faq2.gif');
    background-repeat: no-repeat; 
    float:right;
    width: 56px;
    height: 32px;
    margin-right:20px;
    }

.shop_button_faq a {
    position: absolute;
    display: block;
    float: right;outline:none;
            }

.shop_button_faq img {width: 56px; height: 32px; border: 0; }
* html a:hover {visibility:visible}
.shop_button_faq a:hover img {visibility:hidden}
 
.button_search {
    position:relative;
    background-image: url('media/button_search2.jpg');
    background-repeat: no-repeat; 
    float:left;
    width: 22px;
    height: 22px;
    margin:0;
    }
*html .button_search {margin-left:5px;}
.button_search a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.button_search img {width: 22px; height: 22px; border: 0; }
* html a:hover {visibility:visible}
.button_search a:hover img {visibility:hidden}   

.button_vote {
    position:relative;
    background-image: url(media/button_vote2.jpg);
    background-repeat: no-repeat; 
    float:left;
    width: 78px;
    height: 43px;
    margin: 10px 0 0 180px;
    padding: 0px;
    }

.button_vote a {
    position: absolute;
    display: block;
    float: left; outline:none;
            }

.button_vote img {width: 78px; height: 43px; border: 0; }
* html a:hover {visibility:visible}
.button_vote a:hover img {visibility:hidden}  

#tradelink {
    position:relative;
    background-image: url(media/button_trade2.gif);
    background-repeat: no-repeat;
    width: 163px;
    height: 27px;
    margin: 0 0 15px 0;
    padding: 0px;
    }

#tradelink a {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

#tradelink img {width: 163px; height: 27px; border: 0; }
* html a:hover {visibility:visible}
#tradelink a:hover img {visibility:hidden}     

#blogtv {
    background-image: url(media/blogtv2.gif);
    background-repeat: no-repeat;
    width: 149px;
    height: 99px;
    margin: 0 146px 15px 0;
    padding: 0px; float:right;
    display: block;
    }
* html #blogtv {margin-right:73px;}

#blogtv a {
    display: block;
    outline:none; 
    width: 149px;
    height: 99px;
            }

#blogtv img {width: 149px; height: 99px; border: 0; }
* html a:hover {visibility:visible}
#blogtv a:hover img {visibility:hidden}

/* downloads */

.file1, .file2, .file3, .file4, .file5, .file6, .file7, .file8, .file9, .file10, .file11 {
    position:relative;
    background-image: url('media/downloads/file1b.jpg');
    background-repeat: no-repeat; 
    float:left;
    width: 109px;
    height: 120px;margin:10px 25px 0 -20px}

.file2 {background-image: url('media/downloads/file2b.jpg');} 
.file3 {background-image: url('media/downloads/file3b.jpg');}
.file4 {background-image: url('media/downloads/file4b.jpg');}
.file5 {background-image: url('media/downloads/file5b.jpg');}
.file6 {background-image: url('media/downloads/file6b.jpg');}
.file7 {background-image: url('media/downloads/file7b.jpg');}
.file8 {background-image: url('media/downloads/file8b.jpg');}
.file9 {background-image: url('media/downloads/file9b.jpg');}
.file10 {background-image: url('media/downloads/file10b.gif');}
.file11 {background-image: url('media/downloads/file11b.jpg');}

.file1 a, .file2 a, .file3 a, .file4 a, .file5 a, .file6 a, .file7 a, .file8 a, .file9 a, .file10 a, .file11 a  {
    position: absolute;
    display: block;
    float: left;outline:none;
            }

.file1 img, .file2 img, .file3 img, .file4 img, .file5 img, .file6 img, .file7 img, .file8 img, .file9 img, .file10 img, .file11 img {width: 109px; height: 120px; border: 0; }
* html a:hover {visibility:visible}
.file1 a:hover img, .file2 a:hover img, .file3 a:hover img, .file4 a:hover img, .file5 a:hover img, .file6 a:hover img, .file7 a:hover img, .file8 a:hover img, .file9 a:hover img, .file10 a:hover img, .file11 a:hover img {visibility:hidden}

#graphics {}
#sell_sheets {clear:both;padding-top:10px;}
#photography {clear:both;padding-top:10px;}

#tab_booklet {background:url('media/downloads/nav/booklet_on.gif') no-repeat -3000px;width:176px;height:21px;cursor:pointer;margin-right:8px;}
#tab_logo {background:url('media/downloads/nav/logo_on.gif') no-repeat -3000px;width:64px;height:21px;cursor:pointer;margin-right:8px;}
#tab_newsletters {background:url('media/downloads/nav/newsletter_on.gif') no-repeat -3000px;width:123px;height:21px;cursor:pointer;margin-right:8px;}
#tab_posters {background:url('media/downloads/nav/poster_on.gif') no-repeat -3000px;width:74px;height:21px;cursor:pointer;margin-right:8px;}
#tab_photography {background:url('media/downloads/nav/photography_on.gif') no-repeat -3000px;width:139px;height:21px;cursor:pointer;margin-right:8px;}
#tab_sellsheets {background:url('media/downloads/nav/sellsheet_on.gif') no-repeat -3000px;width:100px;height:21px;cursor:pointer;margin-right:8px;}
#tab_wallpapers {background:url('media/downloads/nav/wallpaper_on.gif') no-repeat -3000px;width:124px;height:21px;cursor:pointer;}
.ui-state-active img {display:none;}
#tab_booklet.ui-state-active {background-position:top left;}
#tab_logo.ui-state-active {background-position:top left;}    
#tab_newsletters.ui-state-active {background-position:top left;}  
#tab_posters.ui-state-active {background-position:top left;}     
#tab_photography.ui-state-active {background-position:top left;}
#tab_sellsheets.ui-state-active {background-position:top left;}   
#tab_wallpapers.ui-state-active {background-position:top left;}
#tabs ul {background:url('media/fade_wide2.gif') bottom left no-repeat;padding-bottom:26px;margin-bottom:15px;height:21px;}

.ui-widget-header {
background:none;
border:none;
color:#fff;
font-weight:bold;
}
.ui-corner-all {
-moz-border-radius:0;
}
.ui-corner-top {
-moz-border-radius:0;
}
#tabs li, #tabs li a {border:none;}
#tabs {margin-top:26px;}
#tabs, #tabs div {padding:0;}

.ui-tabs .ui-tabs-nav {
margin:0;
padding:0;
}

.ui-widget-content {
background:none;
border:none;
color:#fff;
}
.ui-widget {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}
.ui-tabs {
padding:0;
position:relative;
}
.ui-tabs .ui-tabs-nav li a {
padding:0;
}

#graphics h2 {width: 112px; height: 24px;position: relative;overflow:hidden;margin:22px 0 10px 0;padding:0;color:#FFF;font:bold 14px verdana,sans-serif;line-height:1.6em;text-decoration:none;}
#graphics h2 span {position: absolute;top:0;width: 100%;height: 100%;background:url('media/downloads/heading-graphics.gif') no-repeat;} 
#sell_sheets h2 {width: 154px; height: 19px;position: relative;overflow:hidden;margin:22px 0 10px 0;padding:0;color:#FFF;font:bold 14px verdana,sans-serif;line-height:1.6em;text-decoration:none;}
#sell_sheets h2 span {position: absolute;top:0;width: 100%;height: 100%;background:url('media/downloads/heading-sell-sheets.gif') no-repeat;}
#photography h2 {width: 157px; height: 24px;position: relative;overflow:hidden;margin:22px 0 10px 0;padding:0;color:#FFF;font:bold 14px verdana,sans-serif;line-height:1.6em;text-decoration:none;}
#photography h2 span {position: absolute;top:0;width: 100%;height: 100%;background:url('media/downloads/heading-photography.gif') no-repeat;}


#tabs .file {margin-top:5px;width:150px;text-align:center;float:left;padding-bottom:20px;}
.file img {margin:0 auto 0 auto;}
.file a {font:11px verdana,sans-serif;color:#FFF;text-decoration:none;line-height:1.8em;outline:none;}

#tabs .photo {margin-top:5px;width:170px;text-align:center;float:left;padding-bottom:20px;}
.photo img {margin:0 auto 0 auto;}
.photo span {display:block;color:#b2b2b2;padding:5px 0;}
.photo a {font:11px verdana,sans-serif;color:#FFF;text-decoration:none;line-height:1.8em;outline:none;display:block;} 

#tabs .wallpaper {margin-top:5px;width:170px;text-align:left;float:left;padding-bottom:20px;}
.wallpaper img {}
.wallpaper span {display:block;color:#b2b2b2;padding:5px 0;}
.wallpaper a {font:11px verdana,sans-serif;color:#FFF;text-decoration:none;line-height:1.8em;outline:none;display:block;}

#tv {background:url('media/tv_bg.gif') top no-repeat;width:680px;height:628px;margin:0 auto;}
#tv_screen {margin:0 auto;width:600px;padding-top:147px;}

#button_tv a span {padding-top:15px;display:block;text-align:center;font-weight:bold;font-size:11px;}

#tv_scroll {width:640px;height:170px;margin:10px auto 0 auto;position:relative;z-index:80;}
.tv_scroller {overflow:hidden;}
#tv_scroll_back {position:absolute;left:-20px;top:40px;cursor:pointer;z-index:100;}
#tv_scroll_forward {position:absolute;right:-20px;top:40px;cursor:pointer;z-index:100;}
.tv_slide {width:640px;overflow:hidden;height:170px;}
.tv_item {width:130px;float:left;padding:0 0 0 30px;}
.tv_first {padding:0 0 0 15px;}
.tv_item img {border:5px solid #000;}
.tv_item a {font:11px verdana,sans-serif; color:#fff;text-decoration:none;}
.tv_item a span {display:block;padding:5px;}
.tv_item a:hover {color:#00adef;}         
.tv_item a:hover img {border-color:#00adef;}  
.tv_selected img {border-color:#fff;}

.product, .basket, .account {margin:0px 20px 0px 20px;}
#product_images {float:left;padding:80px 20px 20px 0px;width:190px;}
#product_images img {margin:0 auto 20px auto;}
#product_main_image {float:left;padding:80px 0 20px 0;width:202px;}
#product_main_image img {padding:6px;background:url('media/img_frame.gif');}
#product_main_image span, #product_images span {display:block;padding-top:10px;font:11px tahoma,geneva,sans-serif;color:#534E47;}
#product_images span {margin-bottom:20px;padding-top:0;}
#product_images span a {color:#534E47;text-decoration:none;}
#product_images span img {margin-bottom:10px;}
#product_details {float:left;width:420px;padding:80px 0 20px 20px;}
.account h1, .table, .table a, .table a:hover, .table2, .table2 a, .table2 a:hover, .table3, .table3 a, .table3 a:hover, .formfielderror {font-family:tahoma,arial,sans-serif;font-size:11px;text-align:left;color:#B2B2B2;vertical-align:top;text-decoration:none;}
.table, .table2 {font-weight:bold;vertical-align:middle;}
.table a:hover, .table2 a:hover {color:#FFFFFF;}
.table2, .table2 a, .table2 a:hover {text-align:right;}
.table3 {text-align:center;}
.table3 img {padding:4px;background:url('media/img_frame.gif');display:inline;}
.account h1 {font-size:20px;font-weight:bold;margin:0px;padding:0px} 
#product_details h1 {font-size:20px;font-weight:bold;margin:0px;padding:0 0 20px 0}
#product_details a, .blogcontent a, .news_body a, #product_rating a {color:#0098B9;}
#product_details a:hover, .blogcontent a:hover, .news_body a:hover, #product_rating a:hover {color:#0098B9;text-decoration:underline;}

#filter_brewery {text-align:right;}
#filter_brewery select {font:bold 10px tahoma, sans-serif;color:#000;padding:3px;border:1px #0098B9 solid;}

/* FEATURED PRODUCT */
#featured_product {padding:10px;background:url('media/img_frame.gif');margin:0;}
#featured_product div {background:#fff;min-height:335px;padding:10px;}
#featured_product h2, #featured_product h3, #featured_product p {margin:0;padding:0;}
#featured_product .bodytext {text-align:center;color:#403b33;}
#featured_product img {margin:0 auto 10px auto;}
#featured_product a {display:block;text-decoration:none;color:#403b33;}
#featured_product p {font-size:11px;}
#featured_product p.buy_now {font-size:13px;color:#0098b9;text-decoration:underline;font-weight:bold;text-transform:uppercase;padding-top:6px;}

.product_listings {margin:80px 20px 20px 20px;}
.product_listing {margin-top:20px;border-bottom:1px solid #0098b9;}
.last_product {border:none;}
.product_listing h2 {float:left;width:638px;font-style:normal;font-weight:bold;font-size:18px;margin:0;padding:0;}
.product_listing h2 a, .product_listing h2 a:hover {font-style:normal;font-weight:bold;}
.product_listing_image {float:left;padding:0 20px 20px 0;width:202px;}
.product_listing_image img {padding:6px;background:url('media/img_frame.gif');margin:0 auto;}
.product_listing_text {width:310px;float:left;padding:8px 0 20px 0;}
.product_listing_versions {width:310px;float:right;padding:8px 0 20px 0;}

table.product_versions {border:none;font-weight:bold;color:#0098B9;}
.product_versions caption {color:#0098B9;text-align:left;padding:0;text-transform:uppercase;font-weight:bold;font-size:14px;}
.product_versions td {padding:10px 20px 0 0;}
.product_versions td.price {color:#b2b2b2;text-align:right;padding-right:10px;}
.product_versions input {border:none;background:none;padding:0;cursor:pointer;text-align:left;color:#0098B9;text-transform:uppercase;font-weight:bold;font-family:tahoma,arial,sans-serif;}
.product_versions input:hover {color:#b2b2b2;}
.product_versions .outofstock {text-transform:uppercase;font-weight:bold;font-family:tahoma,arial,sans-serif;color:#453d32;white-space:nowrap;} 
.product_versions td.email_reminder {padding:0 20px 15px 0;}
.product_versions .email_reminder input.email_alert {margin-right:8px;font-family:verdana,sans-serif;font-size:10px;text-align:left;color:#403C33;border: 1px #0098B9 solid;padding:3px;background:#fff;text-transform:none;}
.product_versions .email_reminder h5 {margin:0;padding:0;color:#b2b2b2;font-size:13px;display:inline;}
.product_versions .email_reminder h5.email_toggler {cursor:pointer;}
.product_versions .email_reminder div.email_toggle {padding-top:5px;display:none;}
.product_versions .email_reminder .error {font-weight:normal;}

.notes {color:#0098B9;padding-bottom:10px;}
.notes dl {margin:0;padding:0;}
.notes dd {float:left;width:85%;margin:5px 0 0 0;padding:0;}
.notes dt {float:left;width:12%;margin:5px 0 0 0;padding:0 2% 0 0;}
.notes ul {list-style:none;padding:0;margin:0;}
.notes ul li {margin:0;padding:0 10px 0 0;display:inline;}
.bodytext .notes h3 {font:bold 14px tahoma,arial,sans-serif;color:#0098B9;padding:10px 0 5px 0;margin:0;}
.bodytext .notes p {padding-top:5px;}

.reccomendations, .divide2 {background:url('media/line_fade4.gif') top left no-repeat;padding:24px 0 15px 0;margin-top:10px;}
.reccomendations h3, .divide2 h3 {font:bold 14px tahoma,arial,sans-serif;color:#0098B9;padding:0 0 10px 0;margin:0;}
.reccomendations ul {list-style:none;padding:0;margin:0;}
.reccomendations ul li {float:left;padding:0;margin:0 10px 0 0;height:138px;display:table;}
.reccomendations ul li div {display:table-cell;vertical-align:middle;}
.reccomendations ul li img {padding:4px;background:url('media/img_frame.gif');display:inline;}

#product_rating {padding-bottom:15px;overflow:auto;}
#product_rating img {float:left;}
#product_rating span {display:block;float:left;padding-left:15px;}

.fieldcell, .fieldcellerror {font-family:verdana,sans-serif;font-size:10px;color:#c0c0c0;}
.fieldcell input, .fieldcell select, .fieldcell textarea, .fieldcellerror input, .fieldcellerror select, .fieldcellerror textarea {font-family:verdana,sans-serif;font-size:10px;text-align:left;color:#403C33;border: 1px #0098B9 solid;padding:3px;}
.fieldcellerror input, .fieldcellerror select, .fieldcellerror textarea {border: 1px #B9122B solid;}
.fieldcell select, .fieldcellerror select {padding:3px 3px 3px 0px;}
.formfielderror {color:#B9122B;}
.validate {display:none;visibility:hidden;}
.table2.fieldcell input {text-align:right;font-weight:bold;}
td.required {background:url('media/asterisk.gif') top right no-repeat;}

.express_checkout {margin-top:13px;padding-top:17px;text-align:right;background:url('media/or_option.jpg') top right no-repeat;}
.paypal_options, .paypal_options2 {list-style:none;}
.express_checkout img, .paypal_options img {display:inline;margin-left:7px;}
.paypal_options2 img, .paypal_options2 li {display:inline;}
.paypal_options li.card {margin-top:10px;padding-top:15px;background:url('media/or_option.jpg') top left no-repeat;} 
.paypal_options2 li.card {margin-left:10px;padding-left:39px;background:url('media/or_option.jpg') left no-repeat;}

#beer_profile {float:left;width:269px;padding-right:20px;}
#beer_profile a {float:left;}
#beer_bottle {float:left;}

/* Beer Colours */
.bodytext a.trashy_blonde {color:#872175;} 
.bodytext a.lager_77 {color:#004b8d;}
.bodytext a.saint_5am {color:#e60e64;}
.bodytext a.punk_ipa {color:#009bc9;}
.bodytext a.hardcore_ipa {color:#004f5a;}
.bodytext a.paradox {color:#af8700;}
.bodytext a.tokyo {color:#ffffff;}
.bodytext a.tactical_nuclear_penguin {color:#bcbdc0;}
.bodytext a.sink_the_bismark {color:#005da3;}

/* Contact */
.contact_item {width:270px;padding:0 5px 30px 20px;float:left;}
.bodytext .contact_item h2 {margin-bottom:10px;}
.bodytext .contact_item h3 {color:#0098b9;margin-bottom:7px;}
.bodytext .contact_item p {line-height:1.4em;padding-bottom:10px;}
.bodytext .contact_item a {color:#b2b2b2;}
.bodytext a.twitter {font-size:11px;background:url('media/icon_twitter.gif') left no-repeat;min-height:16px;display:block;float:left;padding-left:20px;margin-bottom:4px;}
.bodytext a.facebook {font-size:11px;background:url('media/icon_facebook.gif') left no-repeat;min-height:16px;display:block;float:left;padding-left:20px;margin-bottom:4px;}
.bodytext .contact_item a:hover {color:#fff;}

#login_box {padding:35px 0px 50px 50px;width:355px;float:left;}
#guest_box {padding:35px 50px 50px 0;width:355px;float:right;}   
#guest_box2 {padding:108px 50px 50px 0;width:355px;float:right;}
#login_box h2, #guest_box h2, #guest_box2 h2, h2.checkout_subheading {border-bottom:1px #0098b9 solid;font:bold 13px tahoma,geneva,sans-serif;text-transform:uppercase;color:#B2B2B2;margin:20px 0 10px 0;padding:0;}
                                             
#line_btm {clear:both;width:860px;background-image:url('media/line4.gif');background-repeat:repeat-x;background-position:top;margin:0 auto;}
#line_btm .bodytext {padding:27px 0 0 0; line-height:1.4em;}
#fade_btm {clear:both;width:860px;height:119px;background-image:url('media/fade_btm_wide.gif');background-repeat:no-repeat;margin:0 auto;}

#footer {width:860px;margin:0 auto;line-height:1.4em;}
#footer, #footer a{color:#534E47;font-size:11px;}
#footer a:hover{color:#0098B9;font-size:11px;}

.share_icons {border-bottom:1px solid #403c33;padding:0 0 7px 0;float:right;height:20px;}
.share_icons_inline {border-top:1px solid #403c33;margin-top:20px;padding-top:10px;height:20px;}
.share_twitter {float:right;}
.share_google {float:right;}
.share_facebook {float:right;}
.st_stumbleupon_custom, .st_sharethis_custom {float:right;margin-left:7px;}
.st_reddit_custom {float:right;}
.share_icons_inline .share_twitter {float:left;}
.share_icons_inline .share_google {float:left;}
.share_icons_inline .share_facebook {float:left;}
.share_icons_inline .st_stumbleupon_custom, .share_icons_inline .st_sharethis_custom {float:left;margin-left:7px;}
.share_icons_inline .st_reddit_custom {float:left;}

.clear {clear:both;}   
.emphasis, .emphasis a, .emphasis a:hover {font-size:14px;font-weight:bold;}