/*

START Defaults

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

/*

END Defaults

*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* Start of CMSMS style sheet 'Duke Regular Template' */
body {
background:#AB965E url(images/BBC_background_tile2.jpg);
font-family:  Georgia, serif;
font-size: 12px;
color:#313232;
}

#pagecontainer,#footer {
width: 844px;
margin: 10px auto 0 auto;
background: url(images/pageshadow.png) right top no-repeat #C4B58F;
padding: 8px;
_width: 848px;
}

#content {
background: url(images/page_background.png) -1px bottom repeat-y;
margin-top: 10px;
border-bottom: 1px solid #C2B68F; /*not sure why, but this fixes up the block not extending correctly in ie*/
_background-position-x: 3px;
}

#content.home {
background: url(images/page_background.png) -1px top repeat-y;
}

#banner {
height: 190px;
text-align:center;
}

.clearer {
width: 100%;
line-height: 0px;
font-size: 0px;
clear:both;
float:none;
height: 0px;
overflow:hidden;
}

#maincontent {
width: 623px;

margin: 0 0 0 6px;
_margin: 0 0 0 3px;
padding: 0;
overflow:hidden;
/*background: brown;*/
float:left; /*recently added this to fix massive clearning. might cause issues elsewhere*/
}

#rightcol {
width: 210px;
float:right;

}

#subcontent {
width: 194px;
float:left;
/*margin-left: 4px;*/
overflow:hidden;
padding: 0 6px;
color:#313232;
/*background: #6A2F10;*/
}


#userpanel {

background: #443C34;
color:#AB965E;
font-size: 80%;
float:left;
padding: 5px 5px 5px 5px;
width: 610px;
margin-bottom: 20px;
}

#userpanel p span{
float:left;
}

#userpanel a,#userpanel a:link,#userpanel a:visited {
float:right;
color:#aa8c3c;
margin-left: 1em;
text-decoration:none;
clear:none;
}

#subcontent a img {
margin: 0;
padding: 0;
lisne-height: 20px;
vertical-align:baseline;
}

#userpanel a:hover {
text-decoration:underline;
}


/*//////////////////////////////////////////////
	Layout Elements
/////////////////////////////////////////////*/

h1 {
display:none;
}

#logocontainer {
padsding: 24px 0 20px 0;
}

#footer {
background: url(images/footershadow.png) no-repeat top right;
padding-left: 0;
margin: 0 auto;
width: 852px;
}

#footer li {
display:inline;
margin-left: 10px;
}

#footer li a.link {
margin-left: 175px;
}

#footer a, #footer a:link, #footer a:visited {
text-decoration: none;
color: #313232;
font-size: 9pt;
}

#footer a:hover {
text-decoration: underline;
}

#footer a:active, #footer a:focus {
color:black;
}

img.featureimage {
float:right;
margin: 0 -1px 5px 5px;
}

/*//////////////////////////////////////////////
	Nav
/////////////////////////////////////////////*/

#navcontainer {
margin-top: 5px;
background:#342e27;
width: 100%;
padding: 10px 0;
overflow:hidden;
width: 835px;
margin-left: 4px;
_margin-left: 0px;
_height: 10px;
}

#nav {
margin-left: 95px;
_margin-left: 85px;
}

#nav li {display:inline;} /* fixes ie 'stair' issue */

#nav a, #nav a:link, #nav a:visited {
float:left;
display:block;
height: 8px;
text-decoration: none;
margin: 0 8px;
overflow:hidden;
}

#nav a.home,#nav a.home:link,#nav a.home:visited 		{width: 39px; background: no-repeat url(images/buttons/home.png);}
#nav a.who-is-bbc,#nav a.who-is-bbc:link,#nav a.who-is-bbc:visited 	{width: 84px; background: no-repeat url(images/buttons/who_is_bbc.png);}
#nav a.our-beer,#nav a.our-beer:link,#nav a.our-beer:visited 	{width: 71px; background: no-repeat url(images/buttons/our_beer.png);}
#nav a.our-brewery,#nav a.our-brewery:link,#nav a.our-brewery:visited     {width: 102px; background: no-repeat url(images/buttons/our_brewery.png);}
#nav a.media,#nav a.media:link,#nav a.media:visited 		{width: 44px; background: no-repeat url(images/buttons/media.png);}
#nav a.events,#nav a.events:link,#nav a.events:visited 		{width: 53px; background: no-repeat url(images/buttons/events.png);}
#nav a.news,#nav a.news:link,#nav a.news:visited 		{width: 40px; background: no-repeat url(images/buttons/news.png);}
#nav a.contact-us,#nav a.contact-us:link,#nav a.contact-us:visited 	{width: 87px; background: no-repeat url(images/buttons/contact_us.png);}

#nav a.home:hover,
#nav a.who-is-bbc:hover,
#nav a.our-beer:hover,
#nav a.our-brewery:hover,
#nav a.media:hover,
#nav a.events:hover,
#nav a.news:hover,
#nav a.contact-us:hover,
#nav a.current:link,
#nav a.current:visited
{background-position: 0px -8px;
}

#nav a.current {background-position: 0px 3px;}

/*//////////////////////////////////////////////
	Stamps
/////////////////////////////////////////////*/

#stamps {
margin-top: 3px;
overflow:hidden;
margin-left: 3px;
_margin-left: 2px;
float:left;
background: #C4B58E;
}

#ministamps {
background:#C3B68F;
width: 210px;

margin-left: -1px;
_margin-left: 0px;
float:left;
padding-bottom: 6px;
}

.stamp a {
float:left;
filter:alpha(opacity=99);
opacity: 0.99;
}

.stamp a:hover {
filter:alpha(opacity=55);
opacity: 0.55;
}


.stamp {
float:left;
margin-right: 2px;
}


/*//////////////////////////////////////////////
	Page Elements (images, headings etc)
/////////////////////////////////////////////*/
h2 {
font: 20px Georgia,times,serif;
font-weight: normal;
color:#362A00;
padding-top: 10px;
}

h4 {
font-weight:bold;

padding: 10px 0 0 0 ;
font-size: 14px;
}

#subcontent h2 {
/*color:#313232;*/
}

p, #maincontent p {
font: 13px Georgia, times, serif;
margin: 10px 0;
line-height: 21px;
}

#maincontent img{
float:right;
margin: 0 0 10px 10px;
}

#maincontent img.nofloat {
float:none;
margin: 0;
}

a, a:link, a:visited {
color:#362A00;
}

a:visited {
color: #362A00;
}

a:hover {
color: #9b6f00;
}

a:active, a:focus {
color: #513a00;
}

#content li {
padding: 0.4em 20px 0 20px;
background: url(images/bullet.png) 2px 11px no-repeat;
margin: 10px 0;
line-height: 135%;
}

#content li.thumb {
line-height: auto;
padding: 0;
background: none;
margin-right: 10px;
}

#tandc {
font-size: 80%;
}



#content.home h2#pagetitle {
display:block;
text-indent: -1000px;
width: 1px;
height: 1px;
line-height: 1px;

}
/*
#content.home h2#pagetitle {
display:block;
text-indent: -1000px;
width: 300px;
height: 140px;
line-height: 1px;
}

#content.home {
background: url(images/real_fresh_beer_is_here.png) no-repeat;
}
*/




strong {
font-weight: bold;
}




/*//////////////////////////////////////////////
	Forms
/////////////////////////////////////////////*/

/*//// Newsletter/////////////////*/
label,#dobholder {
font: 13px Georgia,serif;
margin: 5px 0 0.5em 0;
display:block;
float:left;
line-height: 1.5em;
clear:left;
}

label span,#dobholder span {
float:left;
width: 80px;
margin-right: 10px;
}

input {
width: 130px;
float:left;
}

#selectlist {
display:none;
}

p.error {
background: #c7ba9a;
color:black;
padding: 5px;
}

.submitbutton,.submitbuttonside {
width: auto;
/*float:right;*/
margin-right: 4px;
}

.submitbuttonside {
float:right;
}

input.checkbox {
width: auto;
}

textarea {
width: 250px;
height: 180px;
font-family:  Arial, sans-serif;
font-size: 11pt;
}

/*//////////////////////////////////////////////
	News
/////////////////////////////////////////////*/

p.NewsSummaryPostdate,div.NewsSummaryPostdate, #NewsPostDetailDate {
float:right;
line-height: 140%;
margin: 0px 0 0 0;
padding: 0;
}

div.NewsSummaryPostdate,#NewsPostDetailDate {
margin-top: 8px;
}

h3 a,h3 a:link,h3 a:visited, h3 {
font-size: 16px;
fsont-weight: bold;
padding-top: 12px;
text-decoration: underline;
color: #332B27;
}

h3 {
text-decoration: none;
}

#subcontent h3 a,#subcontent h3 a:link,#subcontent h3 a:visited,#subcontent h3 {
color:#313232;
font-size: 100%;
padding: 0px;
line-height: 155%;
text-decoration:none;
font-weight:bold;
}

#subcontent a,#subcontent a:link,#subcontent a:visited {
color: #FFF3D5;
}


h3 a:hover {
text-decoration: underline;
}
.company_entry {
margin: 5px 0 10px 0;
padding-bottom: 8px;
border-bottom: 1px dotted #342E26;
}

.company_entry p{
margin: 0;
}

.company_entry h4 {
font-size: 14px;
}

#codirform {
padding: 10px 20px;
margin-bottom: 30px;
margin-top: 15px;
background: #342E26;
font-size: 11px;
color:white;
}

#codirform input {
width: auto;
float:none;
}


#codirform p {
margin: 0;
_padding-bottom: 3px; /*looks a bit nicer in ie*/
}

#codirform p span {
_vertical-align: 4px; /*perfectly vertically align in ie*/

}

div.NewsSummary {
margin: 0 0 1em 0;
}

.NewsSummaryMorelink {
margin-top: -0.75em;
}

/*//////////////////////////////////////////////
	Media
/////////////////////////////////////////////*/
.mediafile {
margin: 10px 0;
width: 600px;
}

.mediafile img {
border: none;
}

.mediafile p{
float:left;
line-height: 2em;
margin: 0px 20px 0 10px;
}

.mediafile p.summary {
width: 470px;
}

.mediafile p.image {
width: 80px;
float:left;
text-align:center;
padding: 10px;
background: #c7ba9a;
line-height: 100%;
margin: 0;
}

form label span.full {
color: #7f7045;
}

#tourselect span,#tourselect label,#tourselect input {
float:none;
width: auto;
}

.selecttour {
background: #AD9C70;
padding: 5px;
margin-top: 20px;
}

#tourselect input {
font-size: large;
}

td {
padding: 4px 1px;
vertical-align: middle;
}
td input {
font-size: 11px;
}

#findstorebutton {
		background: #342E26;
		color:#C4B58D;
		text-decoration: none;
		width: 200px;
		height: 20px;
		padding: 10px;
margin-top: 25px;
		font-size: 15px;
line-height: 30px;
vertical-align:center;
	}

#findstorebutton:hover {
		color:white;
		}

/*//////////////////////////////////////////////
	FAQS
/////////////////////////////////////////////*/		

#faqs {
	margin: 20px 0;
}

div.faq {
	padding: 10px 0px;
}

div.question {
	background: #342D26;
	padding: 10px;
	color: #FFF2D3;
}

div.answer {
	background: #AE9B6F;
	padding: 10px;
	color: #342C25;
}

/*///////////////////////////////
	Testimonials
//////////////////////////////*/

div.testimonial {
border-top: 1px dotted #8B715A;
margin: 15px 0;
padding-top: 15px;
}

div.testimonials {
border-bottom: 1px dotted #8B715A;
}

.testimonial img {
float:right;
margin-left: 16px;
}

.testimonial p {
margin: 0;
}

.testimonial em {
font-size: 16px;
font-family: Georgia;
font-style: italic;
line-height: 28px;
font-weight: normal;
}

/*///////////////////////////////
	Videos
//////////////////////////////*/

#videos {
	width:  400px;
	float: left;
	margin-top: 15px;
}

#videonav {
	width:  221px;
	float: right;
	overflow: hidden;
	margin-top: 15px;	
}

ul#videonav li a {
	background: #2F2922 url(images/video-button-grad.png) repeat-x;
	display: block;
	padding: 5px 0 5px 3px;
	font-size: 10px;
	color: #FFF2D3;
	text-decoration: none;
	font-family: tahoma;
	margin-bottom: 1px;
}

ul#videonav li a:hover {
	background: #31280F;
}

ul#videonav li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
display:inline;
background:none;
}

ul#videonav {
list-style:none;
list-style-type: none;
background:none;
}

/* End of 'Duke Regular Template' */