@charset "UTF-8";
/* CSS Document */
*{
 margin:0;
}


body, html{
 height:100%;
 background-color:#DBD0A7;
 margin:0;
 padding:0 0 0 0;
 font-family:Arial, sans-serif;
 font-size:100%;
 color:#002B5A;
}

html>body #wrap {height:100%;} /* 100 % height */

#wrap {
width:40em;
margin:0 auto;
}

html>body #content-wrap {height:100%;} /* 100 % height */

html>body #content {padding:0;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#footer {
width:100%;
height:40px;
background:#002B5A;
}

html>body #footer {
position:fixed;
bottom:0;
z-index:10; /* Prevent certain problems with form controls */
}









a{
 color:#FFF;
 text-decoration:none;
}

a:hover{text-decoration:underline;}

h2{
 margin:0 0 14px 0;
 clear:left;
 display:block;
 width:367px;
 font-size:100%;
}

p{
 margin:0 0 14px 0;
}

#content{
 width:1024px;
 margin:0 auto;
 min-height:100%;
 height: auto !important;
 height: 100%;
}

#container{
 width:1024px;
 float:left;
 padding-bottom:60px;
}

#col1{
 float:left;
 width:171px;
 /*margin:14px 14px 0 14px;*/
 margin:14px 14px 0 14px;
 display:inline;
 min-height:540px;
 height: auto !important;
 height: 540px;
}

#col2{
 float:left;
 width:367px;
 margin:14px 14px 0 0;
}

#col3{
 float:left;
 width:444px;
 margin-top:14px;
}

.clips ul{
 padding:0;
}

.clips li{
 float:left;
 list-style-type:none;
 margin-right:14px;
 margin-bottom:14px;
}

.clips p{
 width:275px;
}

.last{margin-right:0;}

#footerContent{
 width:1024px;
 margin:0 auto;
}

#footer span{
 float:left;
 margin:10px 0 0 14px; 
}

#logo{
 background:url(images/leeds_brewery_logo.png);
 width:109px;
 height:103px;
}

#logowhite{
 background:url(images/leeds_brewery_logo_white.png);
 width:109px;
 height:103px;
}

#logo span, #logowhite span{
 display:none; 
}
 
#mainMenu{
 width:114px;
 height:126px;
 background:url(images/mainMenu.png);
 margin:0 0 217px 0;
 padding:0;
}

#mainMenu li{
 list-style:none;
 margin:0;
 padding:0;
 vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#mainMenu li{
 height:18px;
 width:114px;
 display:block;
 margin:0;
}

#mainMenu a{
 height:18px;
 display:block;
 margin:0;
 padding:0;
}

#mainMenu span{
 display:none;
}

#us a:hover{
 background:transparent url(images/mainMenu.png) 0 -126px no-repeat;
 }
  
 #beers a:hover, .beers_active{
 background:transparent url(images/mainMenu.png) 0 -144px no-repeat; 
 }
 
#pubs a:hover, .pubs_active{
 background:transparent url(images/mainMenu.png) 0 -162px no-repeat;
 }
 
 #find a:hover, .find_active{
 background:transparent url(images/mainMenu.png) 0 -180px no-repeat;
 }
 
 #news a:hover, .news_active{
 background:transparent url(images/mainMenu.png) 0 -198px no-repeat;
 }
 
 #shop a:hover, .shop_active{
 background:transparent url(images/mainMenu.png) 0 -216px no-repeat;
 }
 
 #contact a:hover, .contact_active{
 background:transparent url(images/mainMenu.png) 0 -234px no-repeat;
 }
 
 
 #footerMenu{
  width:457px;
  height:40px;
  margin:0 0 0 555px;
  padding:0;
  background:url(images/footerMenu.gif);
 }
 
 #footerMenu li{
  list-style:none;
  float:left;
 }

#footerMenu li, #footerMenu a{
 height:40px;
 display:block;
}

#footerMenu span{
 display:none;
}

#brewerytap{
 width:140px;
 left:0;
 margin-right:40px;
}

#midnightbell{
 width:159px;
 left:180px;
 margin-right:76px;
}

#pin{
 width:42px;
 left:415px;
} 

#brewerytap a:hover{
 background:transparent url(images/footerMenu.gif) 0 -40px no-repeat;
}

#midnightbell a:hover{
 background:transparent url(images/footerMenu.gif) -180px -40px no-repeat;
}

#pin a:hover{
 background:transparent url(images/footerMenu.gif) -415px -40px no-repeat;
}

.ui-tabs-hide { display: none; }

#best{
 background:url(images/pumpclips/permanent/leeds-best.png) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#pale{
 background:url(images/pumpclips/permanent/leeds-pale.png) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#bell{
 background:url(images/pumpclips/permanent/midnight-bell.png) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

/*-----------------------------seasonal beers-----------------------------------*/

#resolution{
 background:url(images/pumpclips/seasonal/resolution-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#newmoon{
 background:url(images/pumpclips/seasonal/newmoon-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#lspecial{
 background:url(images/pumpclips/seasonal/leedsspecial-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#ascension{
 background:url(images/pumpclips/seasonal/ascension-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#ygold{
 background:url(images/pumpclips/seasonal/yorkshiregold-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#samba{
 background:url(images/pumpclips/seasonal/samba-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#yorker{
 background:url(images/pumpclips/seasonal/yorker-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#funfair{
 background:url(images/pumpclips/seasonal/funfair-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#monsoon{
 background:url(images/pumpclips/seasonal/monsoon-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#gathering{
 background:url(images/pumpclips/seasonal/gatheringstorm-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#hellfire{
 background:url(images/pumpclips/seasonal/hellfire-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

#alemary{
 background:url(images/pumpclips/seasonal/alemary-pump.jpg) right no-repeat;
 min-height:587px;
 height: auto !important;
 height: 587px;
}

form label {
  display: inline-block;
  vertical-align: top;
  font-size:90%;
  margin:0 0 4px 0;
}
form ol {
  margin: 0;
  padding: 0;
  width:100px;
}
form li {
  list-style: none;
  padding: 5px;
  margin: 0;
  padding:8px;
}

form label {
  display: block;
  width: auto;
}

form label {
  width: 150px; /* Width of labels */
}

.blogEntry{
 margin-bottom:60px;
}




#linkstyle {
 list-style:none;
 color:#002C59;
 display:block;
 padding:0px 0px 0px 0px;
 font-size:small;
 height:600px;
 }
 
  #linkstyleinner {
 list-style:none;
 color:#002C59;
 display:block;
 padding:0px 0px 0px 10px;
 font-size:small;
 }
 
 #linkstyle a {
 color:#002C59;
 }
 
 /*---------------white-----------*/
 
  #linkstylewhite {
 list-style:none;
 color:#FFFFFF;
 display:block;
 padding:0px 0px 0px 0px;
 font-size:small;
 height:600px;
 }
 
  #linkstyleinnerwhite {
 list-style:none;
 color:#FFFFFF;
 display:block;
 padding:0px 0px 0px 10px;
 font-size:small;
 }
 
 #linkstylewhite a {
 color:#FFFFFF;
 }