/* --------------------------------------------------------------
Standardised Internet Explorer 6 stylesheet:
http://forabeautifulweb.com/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Twitter: http://twitter.com/malarkey

Version date : 22nd May 2009
Version: 0.3 Alpha

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://www.cameronmoll.com/
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

UPDATED BY MATT KEOGH at CST Group ALSO USED IN BACKEND

-------------------------------------------------------------- */

html, 			body,
div,			span,
object, 		iframe,
h1, h2, h3, h4, h5, h6,
p, 				blockquote,
pre, 			a,
abbr, 			acronym,
address, 		code,
del, 			dfn,
em, 			img,
q, 				dl,
dt, 			dd,
ol, 			ul,
li, 			fieldset,
form, 			label,
legend, 		table,
caption, 		tbody,
tfoot, 			thead,
tr, 			th, td {
margin : 0;
padding : 0;
border : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : top; }

/* Body ---------------------------------------------------- */

body {
background :  #fff;
font : 75% arial;
line-height : 1.4;
color : #444;
}

/* Headings ---------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
font-weight:normal;
color:#3a624f;
}

h1{
font-size:2.6em;
margin-bottom:.5em;
line-height: 1em;
padding-bottom:.3em;
border-bottom:1px solid #3a624f;
}

h2{
font-size:1.8em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1em;
}
h3{
font-size:1.4em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.2em;
}

h4{
font-size:1.2em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.3em;
}

h5{
font-size:1em;
margin-bottom:.5em;
margin-top:1em;
line-height: 1.4em;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
margin : 0; }

/* Text elements -------------------------------------------------------------- */

p {
margin : 0 0 1.5em; }

a {
color : #105cb6;
text-decoration : underline; }

a:visited {
color : #105cb6; }

a:focus, a:hover {
color : #003; }

a img {
border : none; }

blockquote, q {
quotes : "" ""; }

blockquote {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px solid #666;
font : italic 1.2em "Times New Roman", Times, serif; }

blockquote:before, blockquote:after, q:before, q:after {
content : ""; }

strong {
font-weight : bold; }

em, dfn {
font-style : italic; }

dfn {
font-weight : bold; }

sup, sub {
line-height : 0; }

abbr, acronym {
border-bottom : 1px dotted #666; }

address {
margin : 0 0 1.5em;
font-style : italic; }

del {
color : #666; }

pre, code, tt {
margin : 1.5em 1.5em 1.5em -1.5em;
padding-left : 1.5em;
border-left : 1px dotted #666;
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

pre {
white-space : pre; }

code {
display : block; }


/* Lists -------------------------------------------------------------- */

li ul, li ol {
list-style-type : circle;
margin : 0 1.5em .75em 1.5em; }

ul, ol {
margin : 0 1.5em 1.5em 15px; }

ul {
list-style-type : disc; }

ol {
list-style-type : decimal; }

dl {
margin-bottom: 1.5em;
padding-top: 1.5em;
border-top : 1px solid #ccc; }

dl dt {
margin-bottom : .75em;
font-size : 1.2em;
line-height : 1.25; }

dd {
margin-bottom: 1.5em;
padding-bottom: 1.5em;
border-bottom : 1px solid #ccc; }

/* Tables -------------------------------------------------------------- */

table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

table, td, th {
vertical-align : top; }


th, thead th {
font-weight : bold;
background:#f5f5f5;
}

th, td, caption {
padding : 4px 10px 4px 5px;
text-align : left;
font-weight : normal; }

th, td {
border : 1px solid #ccc; }

tfoot {
font-size : .9em; }

caption {
margin-bottom : 1em;
font-size : 1.5em;
line-height : 1 ; }

/* Forms -------------------------------------------------------------- */

label {
font-weight : bold;

}

form{

}


fieldset fieldset{
border:1px solid #ccc;
margin : 0 0 1.5em 0;
padding : 1.4em 1.4em .5em 1.4em;

}

legend {
font-size : 1.2em;
font-weight : bold; }

textarea {
width : 390px;
height : 250px;
padding : 5px;
}

input, select,textarea{
margin-bottom:.5em;
}



/*MAN MADE MISC*-------------------------------------------------------------------------------*/

/*main made misc*/
.flright{
float:right;
margin-left:12px;
margin-bottom:12px;
}

.flleft{
float:left;
margin-right:12px;
margin-bottom:12px;
}

.noborder, a.noborder {
border:none;
padding:0;
}

.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.3em;
line-height:1.2em;
margin-bottom:.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}

.err{
	color:red;
	background:#ffffea;
}

.general_box{
border: #615639 1px dotted;
clear:both;
padding:.7em 12px;
margin-bottom:1.4em;
}

.general_box > h2:first-child
{
    margin-top:.3em;
}

.general_box .last{
margin-bottom:0em;
}

.notopmarg{
    margin-top:0;
}

.nobotmarg{
    margin-bottom:0;
}

.fullwidth{
width:100%;
}

.textalignright{
text-align:right;
}

.onecol{
padding:1em 12px 1em 12px;
}


.twocols{
background:url(/jenningsbrewery/shared/img/bg/dark2cols.png) repeat-y 0 0;
overflow:hidden;
}

.twocolscol1{
width:279px;
float:left;
padding:0 12px 1em 12px;
}

.twocolscol2{
width:279px;
float:right;
padding:0 12px 1em 12px;
}

/*this doesn't work in ie6 but doesn't look too bad without it.*/
.twocolscol1 > h2:first-child,
.twocolscol2 > h2:first-child
{
    margin-top:.8em;
}


.clearright{
    clear:right;
}

.pagesplitcol1{
float:left;
width:326px;
}

.pagesplitcol2{
float:right;
width:256px;
position:relative;
}

.highlight{
    padding:2px 8px;
    color:#444;
    border:2px solid #edc456;
    background: #FFFFEA;
    margin-bottom:1em;
}

.highlight a{
    color:#BA8C14;
}

.highlight .last{
    margin-bottom:0;
}

.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}



/* INDI BITS----------------*/

#navigation{
display:none;
}

#account{
display:none;
}

#footer{
    clear:both;
}

#footer{
    text-align:right;
    border-top:1px solid #3a624f;
    padding-top:10px;
}

#footer a{
    display:none;
}


#sm_cust_bottom_header_header{
padding-bottom:10px;
border-bottom:1px solid #3a624f;
margin-bottom:10px;
text-align:right;
}

ul#shop_front_content_nav{
    display:none;
}

#accountdetailsnav{
    display:none;
}

#shoprangenav{
    display: none;
}


.colleft2{
    width:45%;
    float:left;
}

.colright2{
    width:45%;
    float:right;
}

#bookonline{
    display:none;
}

#contact_content label,
#mydetails label
{
    width:128px;
}

#contact_content form.form_framework .textarea label,
#mydetails form.form_framework .textarea label
{
    width:auto;
}

#contact_content form.form_framework .textarea textarea,
#mydetails form.form_framework .textarea textarea
{
    width:304px;
}


#contact_content #pubMap{width: 240px; height: 220px; border:2px solid #edc456;}

#search_website{
    font-size: .9em;
}

#search_website h2{
    font-size: 1.3em;
}

#search_website .last_updated{
    font-size: .9em;
    font-style: italic;
    border-bottom: 1px dotted #a39161;
    padding-bottom:1em;
}

.beer_list{
background:url(/jenningsbrewery/shared/img/bg/picturelistcol2.png) repeat-y 0 0;
margin-bottom:21px;
}

.beer_list h3{
float:right;
width:466px;
clear:both;
line-height:1.4;
}

.beer_list p{
float:right;
width:466px;
}

.beer_list h2{
padding:.6em 12px .6em 12px;
margin:0;
margin-left:140px;

}

.beer_list img{
    border:none;
    margin-left:18px;
    float:left;
    margin-top:1em;
    margin-bottom:1em;
}

#im_badge{
    float:right;
    border:none;
    background:none;
    padding: 0;
    margin: 12px 0 0 0;
}

/*ie6 needs a z-index*/
#im_award{
position:absolute;
right:-24px;
top:-24px;
z-index:100;
}

/*IE 6 messes up png with position relative but doesn't need it anyway for the above position absolute see sheet*/
.mainbeerinfo{
margin-top:2em;
clear:both;
font-size:1.4em;
line-height:1.5em;
padding:1em 12px;
position:relative;
}

.mainbeerinfo .extraimg{
float:right;
margin-left:12px;
border:none;
padding:0;

}


#bookonline{
    display:none;
}

#downloadguide{
    display:none;
}

#tour_details{
    font-size:.9em;
}
#tour_details h2{
    font-size:1.4em;
}

#tour_details h3{
    font-size:1.2em;
}
.tourpage .form_framework label{
width:314px;
}

.tourpage .form_framework .textarea textarea,
.form_framework .textarea textarea.widthofpage
{
width:550px;
height:100px;
}

.tourpage .form_framework input{
width:166px;
}
#pubdetails{
border: #615639 1px dotted;
padding:.7em 12px;
margin-bottom:1.4em;
float:right;
width:232px;
font-size:.9em;
}

#pubdetails img{
    margin-bottom:1em;
}
#pubdetails h2{
    font-size:1.4em;
}


#hy_web{
font-size:.8em;
width:232px;
}

.pubs_list{
border-bottom: #615639 1px dotted;
clear:both;
}


.pubs_list h2{
font-size:1.2em;
font-weight: bold;
float:right;
width:470px;
line-height:1.3;
}

.pubs_list img{
margin-top:1em;

}

.pubs_list p{
float:right;
width:470px;
clear:right;
}


.zoom{
    display:none;
}

.width200{
width:200px;
}

.hidewhenprinted{
    display:none;
}