/*----------------------------------------------
	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, form, 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: "" "";
}

/*----------------------------------------------
	GLOBAL/GENERIC
----------------------------------------------*/

body
{
    background: #101010 url(../images/bodyBg.gif) repeat scroll 0 0;
    color: #fff;
    font-family: georgia,arial,serif;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

html > body
{
    background: #101010 url(../images/bodyBg.gif) repeat scroll 0 0;
    color: #fff;
    font-family: georgia,arial,serif;
    font-size: 12px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}

h1
{
    font-size: 26px;
    line-height: 26px;
}

a
{
    color: #fff;
    text-decoration: underline;
}

a:hover
{
    color: #fff;
    text-decoration: none;
}

.clearDiv
{
    clear: both;
    font-size: 0;
    padding: 0;
    margin: 0;
    height: 0;
}

/*----------------------------------------------
	WRAPPERS
----------------------------------------------*/

#outerWrap
{
    float: left;
    width: 100%;
}

#wrap
{
    margin: 0 auto;
    width: 850px;
}

#pageWrap
{
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    width: 850px;
}

#pageWrap *
{
    display: inline;
}

#pageWrap p
{
    display: block;
}

h1, h2, h3, h4, h5, h1 *, h2 *, h3 *, h4 *, h5 *
{
    color: #fff !important;
    display: block !important;
    padding: 0 0 16px;
}
p, span
{
    color: #fff !important;
}
strong
{
    font-weight: bold !important;
}

/*----------------------------------------------
	HEADER
----------------------------------------------*/

#header
{
    float: left;
    margin: 0;
    padding: 0 0 54px 0;
    width: 850px;
}

#header .headerNav
{
    font-weight: bold;
    font-size: 11px;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#header .headerNav ul li a
{
    font-weight: normal;
}

#header .logo
{
    float: left;
    width: auto;
}

#header .logo.dave
{
    padding: 30px 0 0 0;
}

#header .logo.beerClub
{
    padding: 13px 0 0 20px;
}

#header .member, #header .basket, #header .info
{
    clear: right;
    float: right;
    width: auto;
}

#header .basket a
{
    background: transparent url(/images/viewBasket.jpg) no-repeat scroll 0 0;
    border: 0 none;
    float: right;
    height: 29px;
    margin: 0 0 0 8px;
    padding: 0;
    width: 96px;
}
#header .basket a.empty
{
    background-image: url(/images/yourBasketIsEmpty.jpg);
    width: 158px;
}

#header .member
{
    padding: 0 0 16px 0;
}

#header .member a
{
    font-style: italic;
}

#header .basket
{
    padding: 0 0 20px 0;
}

#header .info
{
    line-height: 18px;
    font-size: 18px;
}

/*----------------------------------------------
	CONTENT
----------------------------------------------*/

#leftCol
{
    float: left;
    width: 192px;
}

#leftCol #mainNav
{
    float: left;
    border-left: 2px solid #323232;
    margin: 0 0 47px 0;
    padding: 0;
    width: 168px;
}

#leftCol #mainNav ul
{
    float: left;
    margin: 16px 0 32px 0;
    padding: 0;
    width: 168px;
}

#leftCol #mainNav ul li
{
    float: left;
    width: 168px;
}

#leftCol #mainNav ul li a
{
    float: left;
    font-size: 13px;
    padding: 6px 0 6px 20px;
    font-style: italic;
    line-height: 140%;
    text-decoration: none;
    width: 148px;
}

#leftCol #mainNav ul li a:hover, #leftCol #mainNav ul li a.selected
{
    background: #990000 url(../images/mainNavBullet.gif) no-repeat 0 12px;
    text-decoration: none;
}

#leftCol #signUpBox
{
    background: transparent url(../images/signUpBox.jpg) no-repeat 0 0;
    float: left;
    margin: 0 0 0 4px;
    width: 170px;
    height: 188px;
}

#leftCol #signUpBox h1
{
    float: left;
    text-align: center;
    background-color: #990000;
    font-size: 13px;
    padding: 6px;
    margin: 10px 0 0 0;
    width: 158px;
}

#leftCol #signUpBox .field
{
    float: left;
    line-height: 140%;
    padding: 12px 26px 0 26px;
    width: 118px;
}

#leftCol #signUpBox .field .email
{
    color: #060606;
    font-family: georgia,arial,serif;
    font-size: 12px;
    margin: 6px 0 0 0;
    width: 114px;
}

#leftCol #signUpBox .field .submitBtn
{
    margin: 8px 0 0 0;
    background: transparent url(../images/submitBtn.gif) no-repeat 0 0;
    border: none;
    text-indent: -1000px;
    overflow: hidden;
    cursor: pointer;
    width: 67px;
    height: 27px;
}

#mainContent
{
    float: left;
    margin: 0;
    padding: 0;
    width: 658px;
}

#mainContent .hero
{
    font-size: 24px;
    font-style: italic;
    line-height: 105%;
    background: transparent url(../images/hero.jpg) no-repeat 0 0;
    float: left;
    margin: 0;
    padding: 25px 0 0 25px;
    width: 633px;
    height: 120px;
}

#mainContent .hero a
{
    float: left;
    font-size: 12px;
    width: 453px;
}

#mainContent .leftCol
{
    float: left;
    padding: 48px 0 0 0;
    width: 328px;
}

#mainContent .rightCol
{
    float: left;
    padding: 40px 0 22px 10px;
    width: 320px;
}

#mainContent .rightCol h1, #signUpBox h1
{
    float: left;
    background-color: #990000;
    font-size: 13px;
    padding: 6px 32px 6px 10px;
    margin: 0 0 8px 0;
    font-style: italic;
    line-height: 140%;
    width: auto;
}

#mainContent .fullCol
{
    float: left;
    width: 100%;
}

#mainContent .fullCol.items
{
    padding: 0 0 0 1px;
    width: 657px;
}

#mainContent .fullCol .item
{
    float: left;
    padding: 0 0 0 19px;
    width: 200px;
}

#mainContent .fullCol .item img
{
    float: left;
    padding: 0 0 9px 4px;
    width: auto;
}

#mainContent .promoBox
{
    background-color: #060606;
    float: left;
    margin: 0 0 18px 0;
    width: 320px;
}

#mainContent .promoBox .title
{
    font-size: 18px;
    font-style: italic;
    float: left;
    border-bottom: 1px solid #333333;
    padding: 12px 10px 9px 10px;
    width: 300px;
}

#mainContent .promoBox .text
{
    line-height: 140%;
    float: left;
    padding: 6px 10px 20px 10px;
    width: 300px;
}

#mainContent .promoBox .text a
{
    font-style: italic;
    float: left;
    padding: 4px 0 0 0;
    width: 100%;
}

#mainContent .fullCol .promoBox
{
    width: 200px;
}

#mainContent .fullCol .promoBox .title
{
    width: 180px;
}

#mainContent .fullCol .promoBox .text
{
    width: 180px;
}

#mainContent .fullCol .promoBox .text a
{
    width: 100%;
}

#mainContent .fullCol.banner
{
    padding: 24px 0 62px 7px;
    width: 651px;
}


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

#footer
{
    color: #666666;
    background-color: #ffffff;
    float: left;
    margin: 0;
    padding: 18px 0 18px 0;
    width: 100%;
}

#footer ul
{
    float: left;
    text-align: center;
    width: 100%;
}

#footer ul li
{
    display: inline;
}

#footer ul li a
{
    font-size: 11px;
    color: #666666;
}

#footer p
{
    color: #666666 !important;
    display: block;
    font-size: 11px;
    margin: 19px auto 0;
    text-align: center;
}


#mainContent
{
    padding: 0 0 16px;
}

#mainContent .head
{
    background-color: #990000;
    float: left;
    font-size: 14px;
    font-style: italic;
    margin: 0;
    padding: 8px;
    width: 634px;
}
.productlist
{
    clear: both;
    float: left;
    margin: 0;
    padding: 16px 0;
    width: 658px;
}
.productlist .product
{
    border: 1px solid #555;
    display: inline;
    float: left;
    margin: 2px;
    padding: 4px;
    width: 202px;
}
.productlist .product .thumbnail
{
    float: left;
    height: 152px;
    margin: 0 8px 0 0;
    overflow: hidden;
    padding: 0;
    width: 51px;
}
.productlist .product .thumbnail img
{
    max-height: 152px;
    width: 51px;
}
.productlist .product .prodright
{
    float: left;
    height: 130px;
    margin: 0;
    padding: 0;
    width: 140px;
}
.productlist .product .prodright .title
{
    float: left;
    font-weight: bold;
    margin: 0;
    padding: 0 0 8px;
    width: 140px;
}
.productlist .product .readmore
{
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 140px;
}
.productlist .product .readmore a
{
    width: 140px;
}

.productlist .product a
{
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
    width: 202px;
}
.multipleproductlist .product .thumbnail
{
    float: left;
    margin: 0 8px 0 0;
    padding: 0;
    width: 202px;
}
.multipleproductlist .product .thumbnail img
{
    width: 202px;
}
.multipleproductlist .product .prodright
{
    clear: both;
    float: left;
    height: 90px;
    width: 202px;
}
.multipleproductlist .product .prodright .title, .multipleproductlist .product .prodright .summary, .multipleproductlist .product .prodright .summary p, .multipleproductlist .product .prodright .summary span
{
    clear: both;
    float: left;
    width: 202px !important;
}
.multipleproductlist .product .readmore
{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

.signup
{
    float: left;
    margin: 0;
    padding: 16px 2px;
    width: 646px;
}
#ctl00_PlaceHolder_ValidationSummary1
{
    float: left;
    margin: 0;
    padding: 16px 2px;
    width: 646px;
}
#ctl00_PlaceHolder_ValidationSummary1 ul
{
    background-color: #222;
    border: 1px solid #ccc;
    color: #990000 !important;
    float: left;
    margin: 0;
    padding: 8px;
    width: 628px;
}
#ctl00_PlaceHolder_ValidationSummary1 ul li
{
    clear: both;
    float: left;
    margin: 0;
    padding: 2px;
    width: auto;
}
.signup fieldset p
{
    clear: both;
    float: left;
    margin: 0;
    padding: 4px;
    width: 638px;
}
.signup fieldset p label
{
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}
.signup fieldset p input, .signup fieldset p select
{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.signup fieldset p input[type="text"]
{
    width: 300px;
}

.productdetail
{
    float: left;
    margin: 0;
    padding: 0;
    width: 658px;
}
.productdetail h1
{
    float: left;
    margin: 0;
    padding: 0 0 16px;
    width: 658px;
}
.productdetail .beercontainer img
{
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}
.productdetail .beercontainer
{
    float: left;
    margin: 0;
    padding: 0 16px 16px 0;
    width: auto;
}
.productdetail .description
{
    margin: 0;
    padding: 0;
}
.productdetail .description p
{
    background-color: transparent !important;
    color: #fff;
    display: block !important;
    margin: 0;
    padding: 0 0 8px;
}
.productdetail .selectedoption
{
    display: block !important;
    font-size: 160%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: auto;
}
.productdetail .addtoorder
{
    float: left;
    margin: 0;
    padding: 8px 0 0;
    width: 540px;
}
.productdetail .addtoorder label
{
    float: left;
    margin: 0;
    padding: 6px 8px 0 0;
    width: auto;
}
.productdetail .holder a
{
    background-color: #333;
    border: 1px solid #fff;
    float: left;
    margin: 3px 0 0 8px;
    padding: 2px 4px;
    width: auto;
}
.productdetail .addtoorder select
{
    float: left;
    margin: 0;
    width: auto;
}
.productdetail strong span
{
    color: #fff !important;
    font-weight: bold;
}

.login
{
    float: left;
    margin: 0;
    padding: 16px 4px;
    width: 642px;
}
.login p.messages
{
    float: left;
    margin: 0;
    padding: 0 0 16px;
    width: 642px;
}
.login p
{
    float: left;
    margin: 0;
    padding: 0 0 16px;
    width: 642px;
}
.login p label
{
    float: left;
    margin: 0;
    padding: 3px 8px 0 0;
    width: 100px;
}
.login p input
{
    float: left;
    margin: 0;
    width: 150px;
}
.login p input.submitbutton
{
    display: inline;
    float: left;
    margin: 0 0 0 108px;
    width: auto;
}

.basket a
{
    background-color: #333;
    border: 1px solid #fff;
    padding: 4px;
}

.fullbasket
{
    float: left;
    margin: 0;
    padding: 16px 4px;
    width: 642px;
}
.fullbasket #basket
{
    border-collapse: collapse;
    width: 100%;
}
.fullbasket #basket tr
{
    display: table-row;
}
.fullbasket #basket td, .fullbasket #basket th
{
    border: 1px solid #fff;
    display: table-cell;
    padding: 4px;
}
.fullbasket #basket th
{
    display: none;
}
.fullbasket #basket input.quantity
{
    width: 64px;
}

.orderbutton, .continuebutton
{
    background-color: #333;
    border: 1px solid #fff;
    padding: 4px;
}

/* OVERIDE ANTHEA COLOURS */
.description *
{
    background-color: transparent !important;
    color: #fff !important;
}
.description div
{
    display: block !important;
}
.prodright .summary *
{
    color: #fff !important;
}