* {     margin: 0pt;     padding: 0pt;}body {     background: url("images/back.jpg") no-repeat scroll 0% 0% #032d19;     background-position:top center;     background-attachment:fixed;     color: #FFFFFF;     font-family: Arial,Helvetica,sans-serif;     font-size: 12px;     line-height: 135%;}a:hover {     text-decoration: none;}a:focus {     outline: medium none;}h1 {     font-family: Arial;     font-size: 20px;     font-weight: normal;     letter-spacing: -1px;     line-height: 100%;     padding: 10px 0pt 12px;}h1 a {     text-decoration: none;}h1 a:hover {     border: medium none;}h2 {     font-family: Arial;     font-size: 20px;     font-style: normal;     font-weight: normal;     letter-spacing: -1px;     padding: 0px 0pt;}ul {     list-style: none outside none;}p {     margin: 0.7em 0pt;}#mainWrapper {     background: url("images/header_bg.jpg") repeat-x scroll 0pt 0pt transparent;     margin: 0pt;     padding: 0pt;}#wrapper {     margin: 0pt auto;     width: 905px;}#header {     height: 150px;     margin-bottom: 20px;     position: relative;}#content {     color: #FFFFFF;}#colLeft {     float: left;     width: 625px;}#colLeftInner {     background: url("images/content_bg.png") repeat scroll 0% 0% transparent;     margin-right: 10px;     min-height: 705px;     padding: 25px 24px 35px;     width: 567px;}#colRight {     background: url("images/content_bg.png") repeat scroll 0% 0% transparent;     float: left;     width: 280px;}#footer {     background: url("images/footer_bg.png") repeat-x scroll 0pt 0pt transparent;     float: left;     height: 222px;     margin-top: 7px;     padding-bottom: 25px;     padding-top: 0px;     width: 100%;}#footerInner {     background: url("images/footer-inner_bg.png") repeat scroll 0% 0% transparent;     color: #797979;     height: 216px;     margin: 0pt auto 10px;     width: 925px;}#copyright {     background: none repeat scroll 0% 0% transparent;}#copyrightInner {     color: #FFFFFF;     font-size: 11px;     margin: 0pt auto;     padding: 0px 0pt;     position: relative;     width: 910px;}#copyrightInner a {     color: #FFFFFF;}#logo {     left: 0pt;     position: absolute;     top: 15px;}#logo img {     border: medium none;}#archive-title, .searchQuery {     background: url("images/bullet_star_featured.png") no-repeat scroll 0pt 50% transparent;     color: #B2B2B2;     display: block;     font-size: 10px;     line-height: 100%;     margin-bottom: 10px;     padding-left: 16px;     text-transform: uppercase;}.alignleft {     float: left;     margin: 5px 10px 5px 0pt;}.alignright {     float: right;     margin: 5px 0pt 5px 10px;}#colLeft img {     border: medium none;}span.author, span.author a {     color: #333333;}.navigation {     width: 675px;}.blogPost {     border-bottom: 1px solid #D7D7D7;     margin-bottom: 20px;}.blogPost .meta {     background: url("images/bk_featured.jpg") repeat-x scroll 0pt 100% transparent;     color: #999999;     font-size: 11px;     margin-bottom: 20px;     padding-bottom: 15px;}.blogPost a.author {     color: #FFFFFF;}.blogPost .date {     background: none repeat scroll 0% 0% transparent;     float: left;     font-family: Georgia,"Times New Roman",Times,serif;     line-height: 120%;     margin-bottom: 40px;     margin-right: 10px;     padding-top: 18px;     text-align: center;     width: 54px;}.blogPost .date span {     font-size: 20px;     font-weight: bold;}.blogPost p, #colLeftInner .page p {     font-size: 12px;     line-height: 1.5em;     margin: 1em 0pt;}#colLeftInner .page {     font-size: 14px;}#colLeftInner .page a {     text-decoration: none;}.blogPost .postTags {     background: url("images/ico_tag.png") no-repeat scroll 0pt 50% transparent;     font-size: 13px;     margin: 25px 0pt 20px;     padding-left: 24px;}a.more-link {     border: medium none;     clear: both;     display: block;     height: 28px;     margin: -5px 0pt 15px;     text-indent: -9999px;     width: 91px;}.postauthor {     background: none repeat scroll 0% 0% #F4F4F4;     border-radius: 6px 6px 6px 6px;     border: 1px dashed #D2D2D2;     margin-bottom: 20px;     margin-top: 20px;     padding: 15px 18px;}.postauthor img {     background: none repeat scroll 0% 0% #FFFFFF;     border-bottom: 1px solid #CCCCCC;     border-right: 1px solid #CCCCCC;     float: left;     margin-right: 10px;     padding: 4px;}.social {     border-bottom: 1px solid #D7D7D7;     margin: 20px 0pt 15px;     padding: 0pt 0pt 15px;}.social a:hover img {     margin-top: -4px;}.social img {     border: medium none;     vertical-align: middle;}.social strong {     padding-right: 20px;}.navigation .alignleft a {     background: url("images/but_prev.png") no-repeat scroll 0pt 0pt transparent;     display: block;     height: 30px;     margin-top: 15px;     text-indent: -9999px;     width: 123px;}.navigation .alignright a {     background: url("images/but_next.png") no-repeat scroll 0pt 0pt transparent;     display: block;     height: 30px;     margin-top: 15px;     text-indent: -9999px;     width: 107px;}#colLeftInner ul {     list-style-position: inside;     list-style-type: disc;}#colLeftInner ol {     list-style-position: inside;}blockquote {     background: url("images/bk_blockquote.jpg") no-repeat scroll 90% 0pt transparent;     border-left: 1px dashed #AAAAAA;     font-family: Georgia,"Times New Roman",Times,serif;     font-style: italic;     margin: 15px 0pt 15px 20px;     padding-left: 20px;}.boxRight {     background: none repeat scroll 0% 0% transparent;     border: medium none;     margin: 15px 0pt;     padding-top: 8px;}.boxRightInner {     padding: 0pt 10px 0px;}.boxRight h2 {     display: block;     font-family: Arial,Helvetica,sans-serif;     font-size: 15px;     font-style: normal;     font-weight: bold;     height: 38px;     letter-spacing: 1px;     line-height: 30px;     margin-right: -13px;     padding: 0pt 0pt 0pt 15px;     text-transform: uppercase;}.boxRight ul li {     border-bottom: 1px dashed #FFFFFF;     padding: 8px 6px 8px 18px;}.boxRight ul li a {     display: block;     text-decoration: none;}#ads {     padding: 15px 0pt 0pt;}#ads div div {     float: left;     margin: 8px 0pt 0pt 10px;}#ads div div a img {     border: 1px solid #414141;}#footerInner .boxFooter {     float: left;     padding-right: 25px;     width: 295px;}#footerInner h2 {     border-bottom: 1px solid #363636;     font-family: Georgia,"Times New Roman",Times,serif;     font-size: 20px;     margin-bottom: 7px;     padding: 7px 0pt 7px 16px;}#footerInner .boxFooter ul li {     border-bottom: 1px solid #292929;     padding: 5px 6px 5px 18px;}#footerInner .boxFooter ul li a {     display: block;     text-decoration: none;}#site5bottom {     position: absolute;     right: 5px;     top: 0px;}#site5bottom img {     border: medium none;}h2#comments {     background: url("images/ico_h2_comments.png") no-repeat scroll 0pt 50% transparent;     display: block;     padding: 15px 0pt 15px 40px;}h2#commentsForm {     background: url("images/ico_h2_form.png") no-repeat scroll 0pt 50% transparent;     display: block;     padding: 10px 0pt 10px 40px;}#colLeft ul.commentlist {     display: block;     list-style: none outside none;     margin: 20px 0pt 0pt;}#colLeft ul.commentlist ul {     list-style-position: outside;     list-style-type: none;}#colLeft ul.commentlist li {     border: 1px dashed #CCCCCC;     margin-bottom: 20px;     margin-left: 15px;     padding: 12px 20px;     position: relative;}#colLeft ul.commentlist li .comment-meta, #colLeft ul.commentlist li .text {     margin-left: 20px;}#colLeft ul.commentlist li .comment-meta span {     color: #999999;     font-size: 11px;}#colLeft ul.commentlist li .avatar {     background: none repeat scroll 0% 0% #FFFFFF;     border: 1px solid #CCCCCC;     left: -15px;     padding: 3px;     position: absolute;     top: -7px;}#colLeft ul.commentlist .reply {     margin-left: 20px;     margin-top: -5px;}#colLeft ul.commentlist .reply a {     color: #3293C2;     font-size: 11px;}#colLeft ul.commentlist li .children li {     background: none repeat scroll 0% 0% #FFFFFF;     margin-left: 20px;     margin-top: 15px;}#searchBox {     background: url("images/bk_shadow.png") repeat-x scroll 0pt 100% transparent;     margin: 0pt;     padding: 20px 0pt 20px 10px;}#searchBox label {     background: url("images/search_label.png") no-repeat scroll 0pt 0pt transparent;     display: block;     float: left;     margin-top: 12px;     width: 50px;}#searchform input {     background: url("images/search_input.png") no-repeat scroll 0pt 0pt transparent;     border: medium none;     color: #666666;     float: left;     margin-left: 10px;     padding: 13px 3px 7px 12px;     width: 158px;}#searchform input#searchsubmit {     border: medium none;     cursor: pointer;     height: 30px;     padding: 0pt;     width: 21px;}#commentform p {     margin: 0pt;}#commentform label {     display: block;     padding: 5px 0pt;}#commentform input, #commentform textarea {     background: url("images/bk_input.jpg") repeat-x scroll 0pt 0pt transparent;     border: 1px dashed #CCCCCC;     margin-bottom: 10px;     padding: 8px;     width: 300px;}#commentform textarea {     font-family: Arial,Helvetica,sans-serif;     font-size: 13px;     width: 500px;}#commentform input#submit {     border: medium none;     cursor: pointer;     height: 30px;     margin-top: 10px;     width: 116px;}#contact label {     display: block;     padding: 5px 0pt;}#contact input, #contact textarea {     background: url("images/bk_input.jpg") repeat-x scroll 0pt 0pt transparent;     border: 1px dashed #CCCCCC;     margin-bottom: 10px;     padding: 8px;     width: 300px;}#contact textarea {     font-family: Arial,Helvetica,sans-serif;     font-size: 13px;     width: 500px;}#contact input.submit {     border: medium none;     cursor: pointer;     height: 34px;     margin-top: 10px;     width: 122px;}.errormsg, .successmsg {     background: none repeat scroll 0% 0% #FEF4F1;     border: 1px dashed #F7A68A;     color: #DA4310;     padding: 10px;}.successmsg {     background: none repeat scroll 0% 0% #F5FAF1;     border: 1px dashed #C2E1AA;     color: #8FA943;}#button {     float: left;}a#green-jack {     background: url("images/navbar/green-jack.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 106px;}a#green-jack:hover {     background: url("images/navbar/green-jack_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 106px;}a#our-real-ales {     background: url("images/navbar/our-real-ales.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 124px;}a#our-real-ales:hover {     background: url("images/navbar/our-real-ales_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 124px;}a#real-ale-awards {     background: url("images/navbar/real-ale-awards.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 148px;}a#real-ale-awards:hover {     background: url("images/navbar/real-ale-awards_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 148px;}a#about {     background: url("images/navbar/about-green-jack.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 156px;}a#about:hover {     background: url("images/navbar/about-green-jack_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 156px;}a#latest-news {     background: url("images/navbar/latest-news.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 120px;}a#latest-news:hover {     background: url("images/navbar/latest-news_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 120px;}a#contact-us {     background: url("images/navbar/contact-us.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 111px;}a#contact-us:hover {     background: url("images/navbar/contact-us_over.jpg") no-repeat scroll 0% 0% transparent;     display: block;     height: 29px;     width: 111px;}.button {     float: left;     margin-left: 3px;}.hidden {     display: none;}#headerRight {     float: right;     padding-top: 5px;     text-align: right;}#header .top {     height: 120px;}#footerInner .cell {     color: #FFFFFF;     float: left;     font-family: arial;     list-style: none outside none;     margin: 18px;     width: 272px;}#footerInner .cell a {     color: #FFFFFF;     font-family: arial;     font-size: 0.8em;     padding-left: 15px;     text-decoration: none;}#footerInner .cell a:hover {     color: #FFFFFF;     text-decoration: underline;}#footerInner .cell .header {     background: none repeat scroll 0% 0% #0F260A;     font-size: 0.9em;     font-weight: bold;     height: 30px;     margin-bottom: 10px;     padding-top: 10px;     text-align: center;}#footerInner .cell .address {     font-size: 0.9em;     padding-left: 30px;}#pumpClipsHome {     background: url("images/content_bg.png") repeat scroll 0% 0% transparent;     float: left;     height: 110px;     margin-top: 10px;     padding: 5px 0px 0px 10px;     width: 893px;}#pumpClipsHome img {     border: 0px none;}.textwidget img {     border: medium none;     margin-bottom: 5px;     margin-left: 10px;}#homeBanner {     margin-left: -4px;}.banner {     float: left;}.banner img {     border: medium none;     padding-left: 10px;     padding-top: 5px;}.aleList, .awardsList {     border-bottom: 1px solid;     float: left;     margin-bottom: 15px;     width: 550px;}.wheatBeer {     float: left;     font-size: 0.85em;     padding-bottom: 10px;}#pumpClips {     width: 550px;}#pumpClips img {     float: left;}.clearfix:after {     clear: both;     content: ".";     display: block;     float: none;     height: 0pt;     overflow: hidden;     visibility: hidden;}.clearfix {     display: block;}* html .clearfix {     float: left;     height: 1%;}.js-disabled img {     display: block;     float: left;     height: 100px;     margin: 0px 0pt 0pt;     width: 80px;}#outerContainer {     height: 100px;     margin: auto;     position: relative;     width: 960px;}#imageScroller {     background: none repeat scroll 0% 0% transparent;     height: 100px;     position: relative;     width: 885px;}#viewer {     height: 100px;     margin: auto;     overflow: hidden;     position: relative;     top: 10px;     width: 890px;}#imageScroller a:active, #imageScroller a:visited {     color: #000000;}#imageScroller a img {     border: 0pt none;}#controls {     background: url("images/controlsBG.png") no-repeat scroll 0% 0% transparent;     height: 47px;     left: 4px;     position: absolute;     top: 4px;     width: 534px;     z-index: 10;}#controls a {     height: 35px;     position: absolute;     top: 3px;     width: 37px;}#controls a:active, #controls a:visited {     color: #0D0D0D;}#title {     color: #FFFFFF;     font-family: arial;     font-size: 100%;     font-weight: bold;     margin-top: 10px;     text-align: center;     width: 100%;}#rtl {     background: url("images/rtl.png") no-repeat scroll 0% 0% transparent;     left: 100px;}#rtl:hover {     background: url("images/rtl_over.png") no-repeat scroll 0% 0% transparent;     left: 99px;}#ltr {     background: url("images/ltr.png") no-repeat scroll 0% 0% transparent;     right: 100px;}#ltr:hover {     background: url("images/ltr_over.png") no-repeat scroll 0% 0% transparent;}