/* ------------------------------------- Index 1 - Background and wrapper 2 - Accessibility 3 - Header and Navigation 4 - Content 5 - Footer 6 - Forms ----------------------------------------*/ /* 1 - Background and wrapper */ #wrapper {background:url(../images/bkdMain.png) no-repeat bottom; margin:auto; padding:0; position:relative; width:770px;} /* 2 - Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* 3 - Header and Navigation */ /* Header */ #header {background:url(../images/bkdHeader.gif) no-repeat; height:116px; margin:8px 0 0 0; position:relative;} #banter #header {background:url(../images/bkdHeader.gif) no-repeat; height:105px; margin:8px 0 0 0; position:relative;} #header h1 {text-indent:-9999px;} #header p {background:url(../images/title-est1719.gif) no-repeat; position:absolute; top:27px; right:28px; height:16px; text-indent:-9999px; width:124px;} /* #header a.homelink {background:url(../images/belhaven-best.gif) no-repeat; display:block; position:absolute; top:18px; left:18px; height:86px; text-indent:-9999px; width:155px;} */ #header a.homelink {background:url(../images/belhaven-best2.gif) no-repeat; display:block; position:absolute; top:8px; left:18px; height:100px; text-indent:-9999px; width:177px;} /* Navigation */ #header ul {margin:0; padding:0; position:absolute; bottom:20px; right:20px; height:25px;} #banter #header ul {margin:0; padding:0; position:absolute; bottom:9px; right:20px; height:25px;} #header ul li {display:inline; list-style-type:none;} #header ul li a {display:block; float:left; height:25px; overflow:hidden;} #header ul li a span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} #header ul li a.home {background:url(../images/nav-home.gif) no-repeat 0px 0px; width:38px;} #header ul li a.home:hover {background:url(../images/nav-home.gif) no-repeat 0px -25px;} #header ul li#current a.home {background:url(../images/nav-home.gif) no-repeat 0px -25px;} #header ul li a.belhaven {background:url(../images/nav-brewerybeers.gif) no-repeat 0px 0px; width:113px;} #header ul li a.belhaven:hover {background:url(../images/nav-brewerybeers.gif) no-repeat 0px -25px;} #header ul li#current a.belhaven {background:url(../images/nav-brewerybeers.gif) no-repeat 0px -25px;} #header ul li a.allbest {background:url(../images/nav-allbest.gif) no-repeat 0px 0px; width:82px;} #header ul li a.allbest:hover {background:url(../images/nav-allbest.gif) no-repeat 0px -25px;} #header ul li#current a.allbest {background:url(../images/nav-allbest.gif) no-repeat 0px -25px;} #header ul li a.competitions {background:url(../images/nav-competition.gif) no-repeat 0px 0px; width:92px;} #header ul li a.competitions:hover {background:url(../images/nav-competition.gif) no-repeat 0px -25px;} #header ul li#current a.competitions {background:url(../images/nav-competition.gif) no-repeat 0px -25px;} #header ul li a.mybelhaven {background:url(../images/nav-mybelhaven.gif) no-repeat 0px 0px; width:89px;} #header ul li a.mybelhaven:hover {background:url(../images/nav-mybelhaven.gif) no-repeat 0px -25px;} #header ul li#current a.mybelhaven {background:url(../images/nav-mybelhaven.gif) no-repeat 0px -25px;} #header ul li a.buyonline {background:url(../images/nav-buyonline.gif) no-repeat 0px 0px; width:75px;} #header ul li a.buyonline:hover {background:url(../images/nav-buyonline.gif) no-repeat 0px -25px;} #header ul li#current a.buyonline {background:url(../images/nav-buyonline.gif) no-repeat 0px -25px;} /* 4 - Content */ #featurecontent, #flashcontent {background:url(../images/bkdFeature.gif)!important repeat-y} #homecontent {margin-top:-1px; padding-bottom:20px;} #content {background:url(../images/bkdContent.gif) no-repeat top; margin-top:-2px; padding-bottom:20px;} #irelandPanel {background:url(../images/ireland-panel.gif) no-repeat; height:75px; margin:20px 20px 10px 20px; padding:20px 10px 0 237px; width:484px;} #stoutPanel {margin:20px 20px 10px 20px;} .threecols {background:#2c2a2b; color:#d1d1d1; float:left; margin:15px 0 0 20px; min-height:200px; width:230px;} .threecols p {color:#d1d1d1; } .threecols a {color:#d1d1d1; font-weight:normal;} .threecols a.link {display:block; margin:12px;} .stripetop {background:url(../images/bkdStripetop.gif) no-repeat top; height:6px; width:770px;} .stripebot {background:url(../images/bkdStripebot.gif) no-repeat top; height:8px; width:770px;} #fridgePanel {background:url(../images/fridgePanel.gif) no-repeat; height:75px; margin:20px 20px 10px 200px; padding:32px 10px 0 267px;} #secNav {float:left; padding:20px 20px 20px 20px; width:140px;} #banter #secNav {padding:0px 20px 20px 20px;} #secNav ul {border-bottom:1px solid #917257; list-style-type:none; padding:0.5em 0; margin:0;} #secNav ul li {color:#6b5c44;} #secNav ul li a {color:#debe81; font-weight:normal;} #secNav ul li a.current {color:#fff; font-weight:bold;} #secNav ul li ul {list-style-image:url(../images/bkdSecnav.gif); padding-left:15px; width:125px;} /* Main content area */ #mainContent {float:right; margin:20px 20px 0 0; min-height:180px; width:550px;} #banter #mainContent {margin:0px 20px 0 0;} #mainContent h1 {} #mainContent h2 {} #mainContent .col1 {float:left; width:300px;} #mainContent .col2 {float:right; width:230px;} #mainContent .col3 {float:left; width:181px;} #mainContent .col4 {float:right; width:349px;} #mainContent .col5 {float:left; width:390px;} #mainContent .col6 {float:left; width:350px;} #mainContent .col7 {float:right; width:180px;} #mainContent .col8 {float:left; width:300px;} #mainContent .col9 {} /*leave - ie6 style*/ .col10 {float:left; margin:15px 0 0 25px; width:349px;} .col11 {float:right; margin:15px 25px 0 0; width:349px;} #haggisHunt {background:url(../images/img-comp-haggis.jpg) no-repeat top; height:205px; margin:20px 0 20px 25px; width:720px;} #haggisHunt .inner {padding:10px 10px 10px 330px;} #fathersDay {background:url(../images/fathersdayComp.gif) no-repeat top; height:205px; margin:20px 0 20px 25px; width:720px;} #fathersDay .inner {padding:20px 380px 10px 20px;} /* Banter */ .newscol {border-left:1px solid #917257; float:right; padding:0 0 20px 20px; width:210px;} .newscol h3 {color:#d1d1d1;} .newscol p {} .newscol a {display:block;} #banterpanel {height:200px; overflow-y:scroll;} #banterpanel p {margin-right:10px;} .calltoaction {border:2px solid #dce0df; color:#d3a545; font-weight:bold; margin:1em 0; padding:1em;} .calltoaction strong {color:#fff;} .review {background:#997d46; color:#fff; padding:8px 8px 12px 8px;} .review p {color:#fff;} .latesttitle {margin:8px 0 5px 0;} .latestoffer {background:#997d46; color:#fff; text-align:center;} .latestoffer p {color:#fff; margin:8px; text-align:center;} /* Pub Finder */ .topinfo {float:left; padding:20px 0 20px 20px; width:195px;} #findapub .topinfo {float:left; height:330px; padding:20px 0 20px 20px; position:relative; width:195px;} #map {float:right; height:370px; width:522px;} #map #choose{padding:20px 30px 30px 30px;} .results {clear:both; padding:30px 0 10px 0;} .results p {color:#d3a545; font-weight:bold;} .results ol {color:#d1d1d1; line-height:1.8em; margin:0 0 1em 1.5em;} /* Send a postcard */ .postcard, .postcardlast {float:left; margin-right:10px; width:175px;} .postcard img, .postcardlast img {border:3px solid #d3a545; margin-bottom:2px;} .postcardlast {margin-right:0;} /* SSP Gallery */ #flashgallery {margin:8px;} /* Competition */ .terms {} .terms p {color:#d1d1d1; font-size:1em;} .terms ul, .terms ol {color:#d1d1d1; font-size:1em; line-height:1.4em; margin:0 0 0 1.5em;} .terms ol li {margin-bottom:1em;} .terms ul {list-style:disc} .terms ul li {margin-bottom:0.3em;} /* Fixtures */ #allthebest table {color:#d1d1d1; margin:0 0 20px 0; width:100%;} #allthebest table tr {} #allthebest table tr th {background:#333333; color:#DEBE81; font-weight:bold; padding:5px; text-align:center;} #allthebest table tr td {background:#333333; padding:5px;} #allthebest table strong {color:#DEBE81; font-weight:bold;} #allthebest table tr.scotland td, #allthebest table tr.scotland th {background:#111111;} #allthebest table tr.row2 td {background:#292727;} ul#adStrip {display:inline; list-style-type:none; margin:0; padding:0; top:0px; left:0px;} ul#adStrip li {float:left; width:110px;} ul#adStrip li.lastlist {width:103px; } ul#adStrip li a {text-align:center} ul#adStrip li a img {background:#4d4b4c; padding:7px 7px 7px 0; width:103px;} ul#adStrip li a img.last {padding-right:0;} #adPlayer {background:url(../images/bkd-player-vote.gif) no-repeat; /*height:359px;*/ height:349px; margin:0 0 20px 0; position:relative; width:545px;} #adPlayer .playing {position:absolute; top:5px; left:10px;} #adPlayer .vote {position:absolute; bottom:5px; right:10px;} #adPlayer .video {height:287px; width:500px; position:absolute; /*top:27px;*/top:27px; left:22px; vertical-align:middle;} .fridge1 {position:absolute; top:40px; left:8px;} .fridgecopy {padding:10px 0 10px 180px; margin-bottom:20px; width:250px;} /* Belhaven Bill */ em.billquote {color:#debe81; font-weight:bold;} /* Best Banter */ #bestbanter .topic {border-bottom:1px solid #917257; color:#D1D1D1; margin:0 0 0 0; padding:15px 0;} #bestbanter .topic p {color:#D1D1D1; line-height:1.5em;} #bestbanter .login, #banteradmin .login {background:#343232; border:3px solid #d3a545; margin:0 0 15px 0; padding:10px;} #bestbanter .login h2, #banteradmin .login h2 {} #bestbanter .login form, #banteradmin .login form {width:auto;} #bestbanter .login div, #banteradmin .login div {position:relative;} #bestbanter .login label, #banteradmin .login label {display:block; font-size:1em; width:150px;} #bestbanter .login input, #banteradmin .login input {background:#504d4d; border:none; color:#fff; display:block; width:auto;} #bestbanter .login input.btn, #banteradmin .login input.btn {background:none;} .login .remind {font-weight:normal; color:#c2bfbf;} #bestbanter .login2 {margin:10px 0 15px 0;} #bestbanter .login2 h2 {} #bestbanter .login2 form {width:auto;} #bestbanter .login2 div {position:relative;} #bestbanter .login2 label {display:block; font-size:1em; width:150px;} #bestbanter .login2 input {background:#504d4d; border:none; color:#fff; display:block; width:auto;} #bestbanter .login2 input.btn {background:none;} #bestbanter .subject {margin:10px 0 15px 0;} #bestbanter .subject form {width:auto;} #bestbanter .subject div {position:relative; margin-bottom:20px;} #bestbanter .subject label {display:block; font-size:1em; width:160px;} #bestbanter .subject input {background:#504d4d; border:none; color:#fff; display:block; width:auto;} #bestbanter .subject textarea {background:#504d4d; border:none; color:#fff; display:block; width:auto;} #bestbanter .subject input.btn {background:none;} #bestbanter .suggest {background:#6f482d; border:3px solid #d3a545; margin:0 0 15px 0; padding:10px;} #bestbanter .suggest p {color:#ead6b0;} #bestbanter .promo {background:#343232 url(../images/bkd-banter-promo.gif) no-repeat bottom; border:3px solid #d3a545; margin:0 0 15px 0; padding:15px 10px 130px 10px;} #bestbanter .promo p {} #bestbanter .register {background:url(../images/bkdForm2.gif) repeat-x; margin:0 0 15px 0; padding:10px;} #bestbanter .register h2 {} #bestbanter .register form {width:auto;} #bestbanter .register div {position:relative;} #banteradmin #wrapper {background:url(../images/bkd-banteradmin.gif) repeat-y;} #banteradmin .topic {border-bottom:1px solid #917257; margin:0 0 0 0; padding:15px 0;} a.adminBtn {background:#dcbc7f; color:#000000; margin:0 10px 0 0; padding:0.5em 1em; text-decoration:none;} .status p {font-weight:bold; margin:0 0 10px 0;} h3.banter {font-size:15px; text-transform:uppercase;} #bestbanter .name {border-bottom:1px solid #504e4f; color:#d3a545; font-weight:bold; padding-bottom:1em;} /* 5 - Footer */ #footer {color:#fff; padding:10px; margin:auto; width:750px;} #footer img {float:left; margin-top:10px;} #footer p {color:#fff;} #footer a {color:#fff; font-weight:normal;} #footer ul {float:right; display:inline; list-style-type:none; margin:0.3em 0 0 0;} #footer ul li {border-right:1px solid #fff; float:left; padding:0 0.5em 0 0.5em;} #footer ul li.last {border:none;} #footer ul li a {} /* 6 - Forms */ form {width:450px;} #postcards form, #row form {width:550px;} form h1, form h2, form h3 {} form div {margin:0 0 8px 0;} form span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} form .required {background:url(../images/img-reqField.gif) top right no-repeat; } form .required2 {background:url(../images/img-reqField.gif) top left no-repeat; } form label.required2, form label.error2 {padding-left:15px;} form .error {background:url(../images/img-reqField.gif) bottom right no-repeat; } form .error2 {background:url(../images/img-reqField.gif) bottom left no-repeat; } form fieldset {border:none; margin:0 0 20px 0; padding:15px 5px 5px 10px;} form fieldset.bkd1 {background:url(../images/bkdForm.gif) repeat-x; } form fieldset.bkd2 {background:url(../images/bkdForm2.gif) repeat-x; } form legend {color:#d1d1d1; font-size:1.5em; font-weight:bold; margin:0.5em 0; } form label {color:#d1d1d1; display:block; float:left; font-size:1em; margin:0 10px 0 0; width:130px;} #postcards form label {width:140px;} #pubfinder form label {width:200px;} form input, form select {background:#fff; border:1px solid #d3a545; color:#1e1b1c; font-size:1.1em; padding:2px; width:105px;} form textarea {background:#fff; border:1px solid #d3a545; color:#1e1b1c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:2px; width:50%;} form textarea.admin {background:#fff; border:1px solid #d3a545; color:#1e1b1c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:2px;} form input.btn {background:none; border:none; padding:0; width:auto;} form input.btn2 {background:none; border:none; padding:0; margin:0 0 0 150px; width:auto;} form input.postcard {background:none; border:none; padding:0; width:auto;} form input.small, form select.small {width:60px;} form .check input {background:none; border:none; float:left; width:15px;} form .check label {} form .radio input {background:none; border:none; float:left; margin:0 10px 0 0; width:15px;} form input.radio {background:none; border:none; float:left; margin:0 10px 0 0; width:15px;} form .radio label {border:none; float:left; margin:0 20px 0 0; width:auto;} form label.small {margin-bottom:3px; margin-right:15px; width:15px;} form label.med {margin-bottom:8px; width:290px;} form label.wide {display:block; margin-bottom:8px; width:100%;} form label.wide2 {display:block; margin-bottom:8px; width:90%;} form label.wider {display:block; margin-bottom:10px; width:545px!important; clear:both;} form label.auto {margin-bottom:8px; width:auto!important;} form p.country {float:left; font-weight:700;} form .highlight {background:#333333; color:#DEBE81; line-height:1.6em; padding:1em;} /* Enter competition */ form #dob #chooseday select {float:left; margin-right:10px; width:45px;} form #dob #choosemonth select {float:left; margin-right:10px; width:50px;} form #dob #chooseyear select {float:left; width:55px;} /* Find a pub*/ .topinfo form {} .topinfo form div {margin:0 0 5px 0;} .topinfo form label {} .topinfo form input {float:left; margin-top:2px;} .topinfo form input.btn {margin:0 0 0 10px;} /* Send a postcard */ form .postcard label {} form .postcard input.radio {} form form textarea {height:55px; width:155px;} /* Fix png images for IE6 */ img, .col2 { behavior: url(iepngfix.htc) } .col7 { behavior: url(iepngfix.htc) }