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

html {
	overflow-y: scroll;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#A29061;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6a6a6a;
	line-height: 18px;
}

img{
	border:none;
}
img, div { 
	behavior: url(../Scripts/iepngfix.htc)
}
.clear{
	clear:both;
}
form{
	margin:0px;
	padding:0px;
}

/* --------------------------------------------------------------------- NAVIGATION */
#homeTop{
	background-image: url(../graphics/homeHeadFill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:526px;
}
#top{
	background-image: url(../graphics/headFill.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height:193px;
}
#homeTopWrapper{
	width: 960px;
	height:526px;
	margin-right: auto;
	margin-left: auto;	
	overflow:hidden;
	position:relative;
}
#topWrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;	
	position:relative;
}

#logo{
	float:left;
	padding-left:73px;
}

#navigation{
	width:680px;
	height:163px;
	background-image:url(../graphics/navBG.jpg);
	background-repeat: no-repeat;
	margin:0px;
	float:left;
	position: relative;
}

#nav {
	margin: 0;
	padding: 0;
	height: 51px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width:751px;
	position: absolute;
	top: 88px;
}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav a {
	float: left;
	padding: 51px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
}
	
#nav a:hover {
	background-position: 0 -51px;
	background-repeat: no-repeat;
}

#nav a.selected, #nav a:hover.selected {
	background-position: 0 -102px;
	background-repeat: no-repeat;
}
	
#nav1 a  {
	width: 67px;
	background: url(../graphics/navHome.jpg) top left no-repeat;
	}
#nav2 a  {
	width: 131px;
	background: url(../graphics/navBeer.jpg) top left no-repeat;
	}
#nav3 a  {
	width: 80px;
	background: url(../graphics/navHistory.jpg) top left no-repeat;
	}
#nav4 a  {
	width: 129px;
	background: url(../graphics/navKnowHow.jpg) top left no-repeat;
	}
#nav5 a  {
	width: 89px;
	background: url(../graphics/navTeam.jpg) top left no-repeat;
	}
#nav6 a  {
	width: 95px;
	background: url(../graphics/navOrdering.jpg) top left no-repeat;
	}
#nav7 a  {
	width: 89px;
	background: url(../graphics/navContact.jpg) top left no-repeat;
}

#headerContact{
	position:absolute;
	right:97px;
	top:16px;
	text-align:right;
	z-index:100;
	font-size:11px;
	line-height:15px;
}
#headerContact p{
	margin:0px;
}
#headerContact a{	
	color: #6a6a6a;
	text-decoration:none;
}
#headerContact a:hover{	
	text-decoration:underline;
}

/* --------------------------------------------------------------------- HOME HEADER */

#homeHeader{
	position:relative;
}

#homeImage{
}
#titleHomeImage{
	width:257px;
	height:16px;
	background-image:url(../graphics/titleHomeImage.gif);
	text-indent:-10000px;
	background-repeat: no-repeat;
}

#homeImgText{
	position:absolute;
	width:257px;
	height:200px;
	z-index: 2;
	left: 490px;
	top: 55px;
	font-size: 12px;
	color: #ffffff;
}
#homeImgText p{
	padding-left:3px;
	margin-top:10px;
	margin-bottom:10px;
}
/* --------------------------------------------------------------------- HOME BODY */

#homeMid, #mid{
	background-image: url(../graphics/contentGrad.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color:#ffffff;
}

#homeContent
{
	width: 960px;
	height: 543px;
	margin-right: auto;
	margin-left: auto;	
	position:relative;
}

#homeIntro{
	float:left;
	width:430px;
	padding-left:62px;
	padding-top:40px;
}

h1#titleHomeIntro{
	width:390px;
	height:51px;
	background-image:url(../graphics/titleHomeIntro.gif);
	text-indent:-10000px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#homeBtlFoot{
	float:right;
	padding-right:5px;
}
/* --------------------------------------------------------------------- HOME BASKETS */

#homeBaskets{
	position:absolute;
	bottom:0px;
	z-index:1;
}
#homeBaskets p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
}

#newsletter, #competition, #specialBrands{
	width:216px;
	height:224px;
	position:absolute;
	z-index:2;
	top:13px;
	padding-top: 12px;
	padding-right: 27px;
	padding-bottom: 15px;
	padding-left: 27px;
}

#newsletter{
	left:34px;
}

#competition{
	left:341px;
	padding-left:5px;
	padding-top:0px;
	margin-top:-7px;
}

#specialBrands{
	left:649px;
}
h2.titleHomeBaskets{
	font-size:14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;	
	text-indent:-9999px;
}
#competition img{
	margin-right: 15px;
	margin-left: -5px;
}
#specialBrands .btnBtmR
{
	position:absolute;
	bottom:-5px;
	right:15px;
}
/* --------------------------------------------------------------------- NEWSLETTER FORM */

#newsletterForm span.label {
	width:120px;float:left;
} 
#newsletterForm input.newsletterInput {
	width:210px;
	border: 1px solid #a29061;
	padding:3px;
}
#newsletterForm span label{
	font-weight:bold;
	font-size:11px;
}
#newsletterForm span.button {
	padding-left:120px;,padding-top:5px;
} 
#newsletterForm div{
	padding-bottom:5px;
}
	
	
/* --------------------------------------------------------------------- CONTENT WRAPPERS */
#contentWrapper
{
	width: 960px;
	min-height: 780px;
	margin-right: auto;
	margin-left: auto;	
}
.coreHome{
	background-image: url(../graphics/coreBrandImgBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#coreIntro{
	width:400px;
	padding-left:62px;
	padding-top:40px;
	float:left;
}
.brandsBG{
	background-image: url(../graphics/brandsBGImage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#brandsDetail, #standardContent{
	width:400px;
	padding-left:62px;
	padding-top:40px;
	float:left;
}
#brandsDetail h2, #standardContent h2, #teamContent h2{
	color:#a29061;
	font-size:16px;
	margin-top:25px;
	margin-bottom:15px;
}
#brandsDetail img{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-left: -4px;
}
#brandsDetail a, #standardContent a{
	color:#a29061;
}
#brandsDetail #staffName{
	font-size:18px;
	color:#a29061;
	padding-top: 6px;
	display:block;
}
#brandsDetail #jobTitle{
	color:#a29061;
	display:block;
	padding-bottom:12px;
}
#standardContent{
	padding-bottom:40px;
}
#teamContent{
	width:890px;
	padding-left:62px;
	padding-top:40px;
	padding-bottom:40px;
}
/* --------------------------------------------------------------------- TEAM MEMBERS */
#teamContent h2{
	font-size:18px;
}

.teamMember{
	background-color:#eae5d8;
	border: 1px solid #cabe9c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom:10px;
	margin-right:20px;
}
.teamMember img{
	float:left;
	margin-right:10px;
}
.teamMember td{
	padding:2px;
}
.teamMember h3{
	color:#a29061;
	font-size: 18px;
	margin-top:2px;
	margin-bottom:10px;
}
.memberContent{
	line-height:15px;
	padding-top:10px;
}
/* --------------------------------------------------------------------- BRANDS */
h1#titleCoreHome, h1#titleSpecialsHome, h1#titleFirefly, h1#titleGoldblade, h1#titleGoodwill, h1#titlePortstout, h1#titleRedAle, h1#titleStormstay, h1#titleTescosFinest, h1#titleYellowhammer, h1#titleHowToTasteBeer, h1#titleCaskAle, h1#titleBottleConditioned, h1#titleOurHistory, h1#titleTeam, h1#titleContact, h1#titleOrdering{
	width:370px;
	height:51px;
	text-indent:-10000px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
h1#titleCoreHome{
	background-image:url(../graphics/titleCoreBeerFamily.gif);
}
h1#titleSpecialsHome{
	background-image:url(../graphics/titleSpecialBeerFamily.gif);
}
h1#titleFirefly{
	background-image:url(../graphics/titleFirefly.gif);
}
h1#titleGoldblade{
	background-image:url(../graphics/titleGoldBlade.gif);
}
h1#titleGoodwill{
	background-image:url(../graphics/titleGoodwill.gif);
}
h1#titlePortstout{
	background-image:url(../graphics/titlePortstout.gif);
}
h1#titleRedAle{
	background-image:url(../graphics/titleRedAle.gif);
}
h1#titleStormstay{
	background-image:url(../graphics/titleStormstay.gif);
}
h1#titleTescosFinest{
	background-image:url(../graphics/titleTescosFinest.gif);
}
h1#titleYellowhammer{
	background-image:url(../graphics/titleYellowhammer.gif);
}
h1#titleHowToTasteBeer{
	background-image:url(../graphics/titleHowToTasteBeer.gif);
}
h1#titleCaskAle{
	background-image:url(../graphics/titleWhatIsCaskAle.gif);
}
h1#titleBottleConditioned{
	background-image:url(../graphics/titleBottleConditioned.gif);
}
h1#titleOurHistory{
	background-image:url(../graphics/titleHistory.gif);
}
h1#titleTeam{
	background-image:url(../graphics/titleTeam.gif);
}
h1#titleContact{
	background-image:url(../graphics/titleContact.gif);
}
h1#titleOrdering{
	background-image:url(../graphics/titleOrdering.gif);
}

#brands{
	width:660px;
	padding-left:40px;
	padding-top:20px;
	float:left;
	margin-bottom:50px;
}
.brandPlate{
	height: 270px;
	width: 219px;
	float:left;
	background-image: url(../graphics/brandPlate.png);
	background-repeat: no-repeat;

}
.brandContent{
	font-size:11px;
	line-height:17px;
}
.brandContent img{
	margin-left:9px;
	margin-top:9px;
}
#brandImage{
	float:left;
	margin-left:40px;
	margin-top:40px;
}
.basketBrandTitle{
	color: #5e4c1f;
	font-weight:bold;
	padding-left:25px;
	padding-right:25px;
}
.basketBrandDesc{
	padding-left:25px;
	padding-right:25px;
}
.basketBrandLink a{
	color:#958865;
	padding-left:25px;
	font-weight:bold;
}
#brandsNav{
	float:right;
	padding-right:20px;
	margin-top:215px;
}
#coreNav{
	background-image: url(../graphics/coreBrandsNavPanel.png);
	background-repeat: no-repeat;	
	width:240px;
	height:198px;
}
#specialsNav{
	background-image: url(../graphics/specialBrandsNavPanel.png);
	background-repeat: no-repeat;	
	width:240px;
	height:180px;
}
#coreNav h2, #specialsNav h2{
	font-size:10px;
	text-indent:-10000px;
	padding:0px;
	margin:0px;
}
#coreNav ul, #specialsNav ul{
	margin-top: 43px;	
}
#coreNav li, #specialsNav li{
	list-style-image: url(../graphics/bullet1.gif);
	list-style-type: none;
	font-weight:bold;
	margin-left: 0px;
	margin-bottom:4px;
}
#coreNav li a, #specialsNav li a{
	color:#a29061;
}
/* --------------------------------------------------------------------- KNOW HOW TO NAV*/
#knowNav, #sideCol{
	float:right;
	width:400px;
}
#sideCol{
	padding-top:35px;
}

#knowNav ul{
	margin-top: 45px;	
}
#knowNav li{
	list-style-image: url(../graphics/bullet1.gif);
	list-style-type: none;
	font-weight:bold;
	margin-left: 0px;
	margin-bottom:4px;
}
#knowNav li a{
	color:#a29061;
}
/* --------------------------------------------------------------------- FOOTER */
#btm{
	background-image: url(../graphics/footerGrad.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
#btm #footer{
	padding-top:30px;
	height:150px;
	text-align:center;
}
#footer p, #footer p a{
	color:#ffffff;
	font-size:10px;
}
/* ----------------------------------------------------------------- FORMS */
#contactContent form {
	margin:0px;
	padding:0px;
}
#contactContent .row {
	clear: both;
	padding-top: 5px;
}
#contactContent fieldset {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px dotted #666666;
}
#contactContent legend {
	padding: 0 10px;
	background: #ffffff;
	color: #666666;
	font-weight:bold;
}
#contactContent .formLabel {
	text-align: right;
	margin-right: 10px;
	width: 100px;
	float: left;
}
#contactContent .formField {
	margin-bottom:3px;
}
#contactContent .formControl {
	float: left;
	width: 326px;
}
#contactContent input, textarea {
	border: 1px solid #666666;
	padding: 2px;
}
#contactContent textarea {
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4e4e;
	padding:5px;
}
#contactContent .status {
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: 13px 6px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 42px;
	margin-bottom: 15px;
	font-weight:bold;
}
#contactContent .status p {
	margin:0px;
}
#contactContent .status li {
	margin:0px;
	font-weight:normal;
}
#contactContent .statusOK {
	border: 1px solid #A3E899;
	background-image: url(../Graphics/warningGreen.gif);
}
#contactContent .statusERROR {
	border: 1px solid #E03F3A;
	background-image: url(../Graphics/warningRed.gif);
}

#contactContent .error, .messageError{
	width:316px;
	margin-top: 2px;
	/*border: 1px solid #E03F3A;*/
	color:#ffffff;
	background-color: #E03F3A;
	padding:5px;
	/*background-image: url(../Graphics/warningRed.gif);*/
}
#contactContent .messageError{
	width:502px;
}
#contactContent input{
	width:320px;
}
#contactContent input#submit{
	width:98px;
	border:none;
}
/* ------------------------------------------------------------------------ CONTACT */
#contactContent{
	width:500px;
	padding-left:62px;
	padding-top:40px;
	float:left;
}
#contactDetails{
	padding-top:52px;
	padding-left:15px;
	float:right;
	width:300px;
}
#contactDetails h2{
	color:#a29061;
	font-size:16px;
	margin-top:25px;
	margin-bottom:15px;
}
#contactDetails h3{
	color:#a29061;
	font-size:14px;
}
#contactDetails a{
	color:#a29061;
}
/* --------------------------------------------------------------------- MISC */

.bold{
	font-weight:bold;
}