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;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: #d4af5c;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/* pink is #de0b74 green os #99cc00*/
/* {background:#ffffff url('/images/3ValPen.jpg') no-repeat bottom left}*/
div,table{margin:auto}
html,body{height: 101%}
body {font-family:sans serif;font:bold 10px/14px verdana;letter-spacing:1px;text-align:center;padding:0px 0px 0px 0px;margin-top:20px;margin-left:auto;margin-right:auto;}
a{font:bold 10px/14px verdana;letter-spacing:1px;text-decoration:none;margin:0px;padding:0px;color:#666666}
/* define heading fonts */
p {margin:0px;border:0px;padding:0px}
h1 {font:bold 24px/30px verdana;letter-spacing:8px;margin:0px;border:0px;padding:0px}
h2 {font:bold 16px/22px verdana;letter-spacing:3px;margin:0px;border:0px;padding:0px;letter-spacing:2px}
h3 {font:bold 14px/20px verdana;letter-spacing:2px;margin:0px;border:0px;padding:0px}
img{border:none;vertical-align:bottom}
td{vertical-align:top}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right;margin-left:auto;margin-right:0px}
.justify{text-align:justify}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.bigText{font:bold 16px/16px tahoma}
.bold{font-weight:bold}
.italic{font-style:italic}
.floatLeft{float:left}
.floatRight{float:right}
.quote{font:normal 12px/16px tahoma}
.source{font:italic 14px/18px tahoma}
.padLeft156{padding-left:156px}
.pad40{padding:20px 40px 0px 40px}
.underline{text-decoration:underline}
/*define colours*/
body{background-color:#d4af5c;color:#fff}
body a{color:#fff}
#indexTab a{color:#fff}
.bodyWidth a{color:#754d25}
#bodyHeaderDiv{background:#f5e7ae url('/images/menu-bg.gif') left top no-repeat;color:#754d25}
.textDiv a{color:#fff;text-decoration:underline}
.menuTab td:hover a,.menuTab td a.here{color:#000000}
#menuItemCol0{background-color:#3366cc}
#menuItemCol1{background-color:#cc9933}
#menuItemCol2{background-color:#cc3333}
#menuItemCol3{background-color:#e77711}
#menuItemCol4{background-color:#990000}
.credit,.credit a{color:#754d25}
#contactTextDiv a{color:#fff}
/*general layout*/
.bodyWidth,.bodyWidthTop,#pressDiv,#pressBottomDiv{width:980px;margin-left:auto;margin-right:auto;text-align:center}
#bodyHeaderDiv,#bodyFooterDiv{font:bold 10px/14px verdana;letter-spacing:1px;text-align:left;margin-left:auto;margin-right:auto;height:117px}
#bodyFooterDiv{text-align:center}
#crestImg{height:100px;width:106px;padding-top:7px}
#bannerSSDiv,#bannerSSImg{height:100px;width:460px}
#pressDiv{background:#e77711 url('/images/orange-top.gif') top left no-repeat;text-align:center;font:bold 14px/20px verdana;letter-spacing:1px}
#pressBottomDiv{background:#e77711 url('/images/orange-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
#pressDiv a{font:bold 14px/20px verdana;letter-spacing:1px}
#contactTab td{font:bold 10px/14px verdana;letter-spacing:1px}
.textDiv{text-align:left;min-height:480px}
.footerDiv{text-align:center}
.credit{font-size:8px;letter-spacing:0px;font-weight:bold}
#imgCol{width:100%;text-align:left;vertical-align:bottom}
#textCol{width:320px;text-align:center;padding:0px}
.xxslideshowImg,.xxslideshowDiv {width:267px;height:200px;vertical-align:bottom}
/*menu formatting*/
.menuTab{border-spacing: 5px;margin-right:auto;margin-left:0px;padding:0px 0px 0px 0px;width:auto;text-align:left}
.menuItemCol{font:bold 10px/14px verdana;letter-spacing:1px;vertical-align:bottom;height:74px;width:60px;padding:3px}
/*index page*/
#indexCenteringTab{height:100%}
.bodyDiv{text-align:center}
.firstIndexCol,.indexCol{border-right:4px solid #d4af5c}
.firstIndexCol,.indexCol,.lastIndexCol{border-top:2px solid #d4af5c;border-bottom:2px solid #d4af5c}
.indexSSDiv,.indexSSImg{height:200px;width:242px}
.indexText1{font:bold 10px/16px verdana;letter-spacing:1px;padding:15px;text-align:left;background:#000 url('/images/crimson.gif') top left no-repeat;height:170px;width:212px}
.indexText2{font:bold 10px/16px verdana;letter-spacing:1px;padding:15px;text-align:left;background:#000 url('/images/biege.gif') top left no-repeat;height:170px;width:212px}
.indexText3{font:bold 10px/14px verdana;letter-spacing:1px;padding:15px;text-align:left;background:#000 url('/images/blue.gif') top left no-repeat;height:170px;width:212px}
.indexText4{font:bold 10px/16px verdana;letter-spacing:1px;padding:15px;text-align:left;background:#000 url('/images/pink.gif') top left no-repeat;height:170px;width:212px}
/*beers page*/
#theBeersTextDiv{background:#cc9933 url('/images/beige-top.gif') top left no-repeat}
#theBeersTextBottomDiv{background:#cc9933 url('/images/beige-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
#beerSpaFineAlesImg{height:150px}
#royalImgCol{background-color:#3b2517;vertical-align:middle}
#royalTextCol {font:bold 10px/14px verdana;letter-spacing:1px;background-color:#990000;padding:10px;border-left:5px solid #cc9933;border-right:5px solid #cc9933;vertical-align:middle}
#royalPumpCol{background-color:#990000;vertical-align:middle}
#beerRoyalImg{height:160px}
#beerRoyalPumpImg{height:160px}
#rpaImgCol{background-color:#3b2517;vertical-align:middle}
#rpaTextCol {font:bold 10px/14px verdana;letter-spacing:1px;background-color:#ed1d28;padding:10px;border-left:5px solid #cc9933;border-right:5px solid #cc9933;vertical-align:middle}
#rpaPumpCol{background-color:#ed1d28;vertical-align:middle}
#beerrpaImg{height:160px}
#beerrpaPumpImg{height:160px}
#sovereignImgCol{background-color:#ffd527;vertical-align:middle}
#sovereignTextCol {font:bold 10px/14px verdana;letter-spacing:1px;background-color:#e77711;padding:10px;border-left:5px solid #cc9933;border-right:5px solid #cc9933;vertical-align:middle}
#sovereignPumpCol{background-color:#e77711;vertical-align:middle}
#beerSovereignImg{height:160px}
#beerSovereignPumpImg{height:160px}
#dipperImgCol{background-color:#3366cc;vertical-align:middle}
#dipperTextCol {font:bold 10px/14px verdana;letter-spacing:1px;background-color:#3366cc;padding:10px;border-left:5px solid #cc9933;border-right:5px solid #cc9933;vertical-align:middle}
#dipperPumpCol{background-color:#3366cc;vertical-align:middle}
#beerDipperImg{height:160px}
#beerDipperPumpImg{height:160px}
#beauImgCol{background-color:#cc3333;vertical-align:middle}
#beauTextCol {font:bold 10px/14px verdana;letter-spacing:1px;background-color:#cc3333;padding:10px;border-left:5px solid #cc9933;border-right:5px solid #cc9933;vertical-align:middle}
#beauPumpCol{background-color:#cc3333;vertical-align:middle}
#beerBeauImg{height:160px}
#beerBeauPumpImg{height:160px}
/*brewery page*/
#theBreweryTextDiv{background:#cc3333 url('/images/pink-top.gif') top left no-repeat}
#theBreweryTextBottomDiv{background:#cc9933 url('/images/pink-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
/*press page*/
#pressTextDiv{background:#e77711 url('/images/orange-top.gif') top left no-repeat}
#pressTextBottomDiv{background:#cc9933 url('/images/orange-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
.pressTextCol{font-style:italic;font-size:12px;line-height:18px;width:600px;padding:10px 10px 20px 0px}
.pressLinkCol{vertical-align:bottom;width:250px;padding:10px 10px 20px 0px}
/*team page*/
#teamTab td{padding:10px;font-weight:bold}
#theTeamTextDiv{background:#e77711 url('/images/orange-top.gif') top left no-repeat}
#theTeamTextBottomDiv{background:#cc9933 url('/images/orange-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
/*contact page*/
#contactUsTab td{padding:10px;font-weight:bold}
#contactTextDiv{background:#990000 url('/images/crimson-top.gif') top left no-repeat}
#contactUsTab a{text-decoration:none}
#contactTextBottomDiv{background:#cc9933 url('/images/crimson-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
#contactUsCol1{width:660px}
#name,#email,#phone{width:110px}
#queryAddress,#query{width:530px;height:80px}
#subject{width:530px}
#mapDiv{width:300px;height:318px}
/*thankyou page*/
#thankyouTextDiv{background:#990000 url('/images/crimson-top.gif') top left no-repeat}
#thankyouTextBottomDiv{background:#cc9933 url('/images/crimson-bottom.gif') top left no-repeat;height:23px;vertical-align:top}
/*terms page*/
#termsTextDiv{background:#990000 url('/images/crimson-top.gif') top left no-repeat}
#termsTextBottomDiv{background:#cc9933 url('/images/crimson-bottom.gif') top left no-repeat;height:23px;vertical-align:top}