@charset "utf-8";
/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:#000000; width:952px; margin:26px auto; color:#FFFFFF;}
a:link, a:visited {color:#7b7b7b; text-decoration:none; font-weight:bold;}
a:hover {color: #CCCCCC;}
#topnav {width:920px; height:29px; background: url(../images/nav/topnav_bg.gif); border-bottom:1px solid #000000; padding-left:16px; font-size:11px;}
/*#topnav a:link, #topnav a:visited, #topnav a:hover {color:#FFFFFF; height:9px; }*/
#topnav span {visibility:hidden;}
#logo {height:80px; width:195px; background:url(../images/nav/cockburns-logo.gif) no-repeat 42px 34px; padding:42px 34px 22px 34px; float:left;}
/*#logo a {height:80px; width:195px; display:block;}*/
h1, h2, h4 {padding:0; margin:0;}
h1 span, h2 span, h4 span {visibility:hidden; font-size:1px;}
h3 {padding:10px 0; margin:0 0;}
ul {margin:0; padding:8px;}
li {border-right:1px dotted #FFFFFF; list-style-type:none; display: block; float:left; padding:0 12px; margin:0; color:#FFFFFF; text-transform:uppercase;}
.lastnav {border:none;}
.pxlborder {border:1px #000000 solid; width:936px;}

#top-boxes {float:left; width:670px; height:144px; }
#top-boxes a {display:block; width:109px; height:93px;}
.topnav-box {width:109px; height:93px; background-color:#343435; border:1px solid #000000; margin:9px 7px; float:left;}
.first-box {margin-left:155px;}
a.creating {background:url(../images/nav/creating-cockburns.gif) no-repeat  0 0; display:block;}
a.food {background:url(../images/nav/food-and-cockburns.gif) no-repeat; display:block;}
a.trip {background: url(../images/nav/cookery-comp.gif) no-repeat; display:block;}
a.rules {background: url(../images/nav/the-rules.gif) no-repeat;  display:block; }
a.creating:hover, .food:hover, .trip:hover, .rules:hover {background-position:0 -93px;}

#holder {border:#7b7b7b solid 8px; width:938px; background: url(../images/nav/bodybg.gif) repeat-x 0 29px; float:left; margin-bottom:10px;}
#footer {padding:9px 0 9px 22px; display:block; background:#7b7b7b; height:14px; clear:left;}
#footer a:link, #footer a:visited {color:#d8d8d8; font-size:9px; padding-left:4px; font-weight:normal; }
#footer a:hover {color: #4b4b4b;}

#footer2 {font-size:9px; color:#555555; float:left; width:100%; margin-bottom:20px;}

.lightborder {border-color:#343435;}
#floatleft {float:left; }
#floatright {float:right; padding-right:37px; height:13px;  }
#floatright a { width:471px; height:14px; background:url(../images/nav/drinkaware.gif) no-repeat 0px -1px; display:block; text-indent:-9999px;}





#footnav {height:129px; width:936px; background:url(../images/nav/footer_bg.gif) no-repeat 0px 5px; clear:both; padding:0; margin:0;}
#footnav-banner {height:36px; background:url(../images/nav/botnav_bg.gif); border-top:dotted 1px #6b6667; border-bottom:dotted 1px #6b6667; padding:3px 0 3px 23px;}
#footnav-banner h3 {height:31px; width:130px; float:left; padding:0 50px 0 0; margin:0; }
#footnav-banner h3 a { background:url(../images/nav/click-to-see-our-range.gif) no-repeat 0 5px; height:32px; overflow:hidden;}
#footnav-banner h3 a:hover {background-position: 0 -28px;}
#footnav-banner ul {padding:6px 0; float:left;}
#footnav-banner li {font-size:10px; border:none;  padding:0 10px; margin:0 0px; height:30px; text-align:left;}
#footnav-banner span {visibility:hidden;}
#footnav-banner a { font-weight:normal; color:#FFFFFF; display:block; height:26px;}
#footnav-banner a:hover {color:#c22013;}
.spc {height:50px;}
.fine-ruby {width:30px;}
.special {width:50px;}
.late {width:97px;}
.quinta {width:73px;}
.vintage {width:52px;}
.fine-tawny {width:43px;}
.yr {width:58px;}
.light {width:61px;}

#leftcolumn {padding-left:35px ; width:350px; float:left; }

#leftbox { line-height:1.4em; border:#7b7b7b 1px solid; width:350px; margin:0; padding:7px; float:left;}
#leftbox span { font-weight:bold;}
#leftbox p {padding:0px 19px 16px 19px; margin:0;}
#leftbox img {padding-bottom:18px;}

#rightbox {font-size:11px; float:left; width:440px; padding:0  0 0px 58px;}
#rightbox p {margin:0 0 15px 0; padding:0 25px 0 0; line-height:1.5em;}
#rightbox h1.contact {width:314px; height:40px; background:url(../images/contact/contact-cockburns.gif) no-repeat 0 10px; }
/*#rightbox span {visibility:hidden;}*/
#rightbox ul, #rightbox li {line-height:1.5em;}
.fieldname {width:125px; float:left; padding-top:3px;}
.field {width:327px; height:20px; border:#595656 1px solid; background:#131212; float:left; margin-bottom:7px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.wider {height: 60px;}
.send {float:right; margin-right:6px; border:#7b7b7b 1px solid; cursor:pointer;}
#rightbox.widerrightbox {width:460px;}

#disregard a {width:272px; height:33px; clear:both; background: url(../images/nav/fine-disregard-for-the-rules.gif) no-repeat 0 10px; margin:-5px 0 0 0; padding:0 17px; float:right;}



/* on = 2px | over = -10px | off = -22px */
#home a {background:url(../images/nav/home.gif) no-repeat 0 -22px; width:45px; display:block }
#perfect a {background:url(../images/nav/perfect-serve.gif) no-repeat 50% -22px; width:102px; display:block}
#rangenav a {background:url(../images/nav/the-range.gif) no-repeat 50% -22px; width:77px; display:block}
#classic a {background:url(../images/nav/classic-cockburns.gif) no-repeat 50% -22px; width:150px; display:block}
#faqs a {background:url(../images/nav/faq.gif) no-repeat 50% -22px; width:33px; display:block}
#stockists a {background:url(../images/nav/stockists.gif) no-repeat 50% -22px; width:71px; display:block}
#happening a {background:url(../images/nav/whats-happening-at-cockburns.gif) no-repeat 50% -22px; width:249px; display:block}
#contact a {background:url(../images/nav/contact-us.gif) no-repeat 50% -22px; width:85px; display:block}
#home a:hover {background-position:0 -10px;}
#home a.selected, #home a.selected:hover {background-position:0 2px;}
#perfect a:hover, #rangenav a:hover, #classic a:hover, #faqs a:hover, #stockists a:hover, #happening a:hover, #contact a:hover  {background-position:50% -10px;}
#perfect a.selected, #rangenav a.selected, #classic a.selected, #faqs a.selected, #stockists a.selected, #happening a.selected, #contact a.selected, #perfect a.selected:hover, #classic a.selected:hover, #faqs a.selected:hover, #stockists a.selected:hover, #happening a.selected:hover, #contact a.selected:hover  {background-position:50% 2px; cursor:default;}


.selected a {cursor: default;}