/* Reset
---------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:normal}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0}
a,object{outline:none;overflow:hidden}

/* Helpers
---------------------------------------------------------------------------------------- */
.strong{font-weight:bold !Important}
.italic{font-style:italic !Important}
.normal{font-weight:normal !Important}
.left{float:left !important}
.right{float:right !important}
.nopad{padding:0 !important}
.nomarg{margin:0 !important}
.nobdr{border:0 !important}
.nobg{background:none !important}
.nouline{text-decoration:none !important}
.nowrap{white-space:nowrap !important}
.text_center{text-align:center !important}
.text_left{text-align:left !important}
.text_right{text-align:right !important}
.valign_middle *{vertical-align:middle !important}
.width_100{width:100%}
.relative{position:relative !important}
.absolute{position:absolute !important}
.bullets{list-style:none}
.hidden{font-size:1%;text-indent:-9999px;display:none;visibility:hidden}
.line13,.line13 *{line-height:1.3em !important}
.line14,.line14 *{line-height:1.4em !important}
.line15,.line15 *{line-height:1.5em !important}
.line16,.line16 *{line-height:1.6em !important}


/* z-index
---------------------------------------------------------------------------------------- */
#headermember_c{z-index:1}


/* Base
---------------------------------------------------------------------------------------- */
*{font-family:Georgia,"Palatino Linotype",Palatino,Arial,Helvetica}
html,body{height:100%}
body{
	margin:0;
	background:#000;
	color:#ba9765;
	text-align:center
	}
p,ol,ul{margin:0 0 12px}


/* Layout
---------------------------------------------------------------------------------------- */
#wrapper{
	width:998px;
	margin:0 auto;
	text-align:left;
	position:relative
	}
#wrapper-content{
	border-bottom:solid 1px #3f3f3f;
	float:left
	}
	
	
/* Header
---------------------------------------------------------------------------------------- */
#headermember_c{
	top:0;
	right:0;
	position:absolute
	}
#headermember_c ul li,#headermember_c ul li a{
	width:115px;
	float:left
	}
#headermember_c ul li{
	height:21px;
	margin-left:8px
	}
#headermember_c ul li a{
	height:18px;
	padding:3px 0 0;
	color:#000;
	font-size:11px;
	text-decoration:none !important;
	text-align:center;
	background:url(/gherkin-club/images/backgrounds/tabs_top.gif) top no-repeat;
	display:block
	}
#headermember_c ul li a:hover{background-position:bottom !important}
#header{
	width:998px;
	height:178px;
	position:relative
	}
#header h1,#header h1 a{
	width:133px;
	height:135px;
	text-indent:-9999px;
	font-size:10%;
	float:left
	}
#header h1{
	margin:23px 0 0 10px;
	background:url(/gherkin-club/images/elements/logo.png) no-repeat;
	display:inline
	}

	
/* Body
---------------------------------------------------------------------------------------- */
#content{
	width:998px;
	padding:30px 0 0;
	float:left
	}
/* centre text column */
#main-content{
	width:525px;
	padding:0 0 24px;
	font-size:13px;
	float:left
	}
#main-content,#main-content *,#right-column,#right-column *{line-height:1.4em}
#main-content h2{
	margin:-11px 0 0.4em;
	font-size:36px
	}
#main-content h4{
	margin:0 0 2px;
	font-size:18px
	}
.telephone{color:#dfc196}
#main-content .subtitle{font-size:17px}
#main-content .subtitle span{color:#dfc196}
#main-content .footnote{font-size:11px}
#main-content a.spotlight{font-size:21px}
#main-content .spotlight-links{margin-top:24px}
#main-content ul{padding-left:32px}
#main-content ol{padding-left:35px}
/* download bullets */
ul.downloads{
	width:100%;
	margin:0 0 19px 0 !important;
	padding:0 !important;
	float:left
	}
ul.downloads li{
	margin:0 18px 0 0;
	padding:0 0 0 17px;
	background:url(/gherkin-club/images/icons/download.gif) 0 3px no-repeat;
	float:left
	}
/* right column */
#right-column{
	width:238px;
	padding:8px 0 24px;
	font-size:11px;
	float:right
	}
#right-column h3{
	margin:0 0 1.1em;
	font-size:18px
	}
div.right-spotlight{
	width:100%;
	padding:20px 0 0;
	float:left
	}
div.right-spotlight a{font-size:14px;font-weight:bold}
/* booking stuff */
#booking-confir{
	width:100%;
	margin:6px 0 0;
	padding:12px 0 0;
	border-top:solid 1px #957951;
	float:left
	}
#booking-confir dl{
	font-size:17px
	}
#booking-confir dt,#booking-confir dd{
	margin:0 0 4px;
	padding:0 0 4px;
	border-bottom:solid 1px #46341b
	}
#booking-confir dt{
	width:200px;
	font-weight:bold;
	float:left
	}
#booking-confir dd{
	width:317px;
	float:right
	}
/* errors */
div.error-message{
	width:495px;
	margin:0 0 10px;
	padding:6px;
	border:solid 3px #852222;
	background:#ba6565;
	color:#651616;
	font-size:17px;
	float:left
	}
/* generic no results */
div.noresults{
	width:100%;
	padding:24px 0;
	font-size:17px;
	color:#745a35;
	text-align:center;
	float:left
	}


/* Navigation
---------------------------------------------------------------------------------------- */
/* primary */
#navigation{
	width:195px;
	padding:0 0 24px;
	float:left
	}
#navigation ul{width:160px}
#navigation ul li{
	margin:0 0 5px;
	padding:0 0 6px;
	background:url(/gherkin-club/images/backgrounds/nav_pri_sep.gif) bottom no-repeat;
	color:#a39480;
	font-size:11px;
	text-align:center;
	}
#navigation ul li a,#navigation ul li a:visited{color:#a39480;text-decoration:none !important}
#navigation ul li a:hover,#navigation ul li a:visited:hover,#navigation ul li a.selected{color:#745a35 !important}
/* secondary */
#navigation ul li ul{margin:11px 0 6px}
#navigation ul li ul li{
	padding:0 0 2px;
	margin:0;
	background:none;
	font-size:10px
	}
#navigation ul li ul li a,#navigation ul li ul li a:visited{color:#957a54 !important;text-decoration:none !important}
#navigation ul li ul li a:hover,#navigation ul li ul li a:visited:hover,#navigation ul li ul li a.selected{color:#615647 !important}

	
	

/* Footer
---------------------------------------------------------------------------------------- */
#footer{
	width:100%;
	padding:6px 0 24px;
	color:#4d4d4d;
	font-size:11px;
	float:left
	}


	

/* Hyperlinks
---------------------------------------------------------------------------------------- */
a,a:visited{color:#dfc196;text-decoration:none !important}
a:hover,a:visited:hover{color:#ba9765}

a.grey,a.grey:visited{color:#4d4d4d}
a.grey:hover,a.grey:visited:hover{color:#606060}

a.grey_on{color:#606060 !important}



/* Form
---------------------------------------------------------------------------------------- */
div.form{
	width:100%;
	padding:6px 0 6px;
	float:left
	}
#form-bottom{padding-bottom:14px}
#form-btn{
	width:100%;
	height:32px;
	float:left
	}
#form-btn-l,#form-btn-r{float:left}
#form-btn-r{padding-left:6px}
div.field{
	padding:0 6px 0 0;
	font-size:17px;
	float:left
	}
p.label-help{
	font-size:11px;
	color:#745a35
	}
input.textfield,select,textarea{
	padding:3px 6px;
	background:#ba9765;
	color:#000;
	border:0
	}
input.textfield,select{font-size:100%}
textarea{
	height:90px;
	font:13px Arial,Helvetica,Verdana,Tahoma;
	overflow:auto
	}
.form_label{
	color:#806846 !important;
	font:17px Georgia,"Palatino Linotype",Palatino,Arial,Helvetica;
	}
#field_area,#field_date{padding:0 24px 0 0}
#field_comment{padding:0 17px 0 0}
#book_area{width:160px}
#book_day{width:75px}
#book_month{width:120px}
#book_time{width:105px}
#book_comment{width:270px}
#book_guests{width:60px}
#login_surname,#login_membership_id{width:240px}
/* errors */
.errored *{background:#ba6565 !important}