/* SHARED CSS USED BY BOTH FRONT END AND BACK OFFICE RTE */
body{ font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}
.mceContentBody{ font-size: 12px; }

.rte_twoeqcol_left, .rte_twoeqcol_right, .rte_twocol_small_left, .rte_twocol_big_right, .rte_twocol_big_left, .rte_twocol_small_right, .rte_threecol { float:left; margin:10px 0 0;}
.rte_twoeqcol_left {width: 46%; padding:0 26px 0 0;}
.rte_twoeqcol_right {width: 46%;}
.rte_twocol_small_left {width: 31%; padding:0 18px 0 0;}
.rte_twocol_big_right {width: 62%;}
.rte_twocol_big_left {width: 62%; padding:0 36px 0 0;}
.rte_twocol_small_right {width: 31%;}
.rte_threecol {width: 31%; padding:0 18px 0 0;}

.mceContentBody .rte_twoeqcol_left, .mceContentBody .rte_twoeqcol_right, .mceContentBody .rte_twocol_small_left, .mceContentBody .rte_twocol_big_right, .mceContentBody .rte_twocol_big_left, .mceContentBody .rte_twocol_small_right, .mceContentBody .rte_threecol {border:1px dotted #999;}
#mceTemplatePreview .rte_twoeqcol_left, #mceTemplatePreview .rte_twoeqcol_right, #mceTemplatePreview .rte_twocol_small_left, #mceTemplatePreview .rte_twocol_big_right, #mceTemplatePreview .rte_twocol_big_left, #mceTemplatePreview .rte_twocol_small_right, #mceTemplatePreview .rte_threecol {border:1px dotted #999;}

.clear {clear:both; }

/* Default contact page styles */
#contactDetails{ width: 100%; overflow:hidden; }
/* GOOGLE MAP */
#map{ width: 580px; height: 400px; color:#000000; border: 1px solid #A6C1E3; margin: 0 0 15px 0; }

fieldset.hidden { margin:0; padding:0; border:none;}
.req {color:#009DDC; font-size:1.6em;}


/***************************************************
* LiquidShop LIGHTBOX IMAGE MAGNIFIER CSS Stylesheet
***************************************************/


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 600px;
	height: 500px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 500px;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left; background: url(/images/prevlabel.gif) left 0 no-repeat; }
#nextLink{ right: 0; float: right;background: url(/images/nextlabel.gif) right 0 no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

/* ---------------------------------------------------------------------------------------------------------------------------------
	LiquidWeb CSS Document
	Copyright Sitemakers Ltd. - http://www.sitemakers.co.uk
/* --------------------------------------------------------------------------------------------------------------------------------- */
	
html { height:100%;}
body { height:100%; background:#fff url(/images/bg_body.gif) repeat-y center 0; color:#70727a; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; text-align:center;}
	#wrapper { min-height:100%; height:auto !important; height:100%; margin: 0 auto -60px; background:#fff; font-size:1.2em; padding:0 10px; text-align:left; width:820px;}

/* ---------------------------------------------------------------------------------------------------------------------------------
	1) RESETS & UNIVERSAL CLASSES
/* --------------------------------------------------------------------------------------------------------------------------------- */
	
	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;}
	fieldset, img, abbr, acronym { border:0 none;}
	table { border-collapse:separate; border-spacing:0;}
	:focus { outline: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;}
	blockquote:before, blockquote:after, q:before, q:after { content:"";}
	blockquote { font-size:1.3em; font-style:italic;}
	blockquote em { font-size:0.8em;}

	span.hidden, .special_message { display:none;}
	legend.hidden { display:none;}
	label.hidden { display:inline; left:-9000px; position:absolute;}
	.nomargin { margin:0 !important;}
	.fleft { float:left;}
	.fright { float:right;}
	.clear { clear:both; height:0; line-height:0; visibility:hidden;}
	.clearfix:after, .subheading:after, dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
	#ie6 .clearfix, #ie6 dl, #ie6 .subheading, #ie7 .clearfix, #ie7 dl, #ie7 .subheading { display:inline-block;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	2) TYPOGRAPHY
/* --------------------------------------------------------------------------------------------------------------------------------- */

	a { color:#0898DB; font-weight:normal; text-decoration:none;}
	a:hover { cursor:pointer; text-decoration:underline;}
	a:active { text-decoration:underline;}
	h1, h2, h3, h4, h5, h6, p { margin:0 0 10px 0;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:bold;}
	p { line-height:1.4em;}
	h1 { font-size:3.7em; margin-top:10px; font-weight:bold; color:#009ddc; line-height:0.95em; letter-spacing:-0.03em; font-family:Arial, Helvetica, sans-serif;}
	h1 a:hover { text-decoration:none;}
	h2 { font-size:2.1em; font-weight:bold; color:#009ddc;}
	h3 { font-size:1.7em; font-weight:bold; color:#009ddc;}
	h4, h5, h6 { font-size:1.4em;}
	ol, ul { margin-left:20px;}
	li { margin-bottom:3px;}
	input, select, textarea, optgroup { font:1em Arial, Helvetica, sans-serif;}
	strong { font-weight:bold; color:#7e7f86;}
	em { font-style:italic;}
	acronym { font-weight:bold;}
	hr { border:none; background:#d9d9d9; height:1px; margin:20px 0;}
	
	table { border-bottom:1px solid #b3b7bc; margin-top:15px; margin-bottom:25px;}
	td { border-top:1px solid #b3b7bc; padding:5px 2px;}

	.pageheading { background:#fff; color:#4C4C4C; height:1%; margin:0; position:relative; padding:0 0 15px; }
	.pageheading a { color:#606161; font-weight:bold;}
	
	.subheading { background:#acacac; color:#fff; font-size:1.2em; font-weight:bold; margin:0; padding:4px 0;}
	.subheading a { color:#fff; float:left; padding:0 10px; float:right;}
	
	/* Notices for error, warning and success messages */
	.notice { margin-bottom:10px;}
	.notice * { margin:0 0 5px 0;}
	.notice.error { background:#ffeded; border:1px solid #f89090; color:#d10000; padding:2px;}
	.notice.warning { background:#fffced; border:1px solid #dfd292; color:#866c13; padding:2px;}
	.notice.success { background:#f3ffed; border:1px solid #c2e1b6; color:#51713d; padding:2px;}
	.notice.info { background:#eff8ff; border:1px solid #b7d4ee; color:#455a6d; padding:2px;}
	.notice .inner { margin:0 0 10px; padding:5px 15px;}
	.notice dl { padding-left:15px;}
	.notice dt { margin:5px 0 0; width:100%;}
	.notice dd { display:inline;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	3) BUTTONS LOGOS ICONS
/* --------------------------------------------------------------------------------------------------------------------------------- */

	.icon, .logo, .button { display:block; text-indent:-9000px;}
	input.button, input.icon { font-size:0px; line-height:0;}
	.button { border:0; cursor:pointer; font-size:1.2em; height:34px; width:154px;}
	.button.continue { background:#009ddc url(/images/buttons.jpg) no-repeat -5px -402px; margin:0 0 10px 0; width: 132px;}
	.logo.companylogo { background:url(/images/logos.gif) no-repeat left top; cursor:pointer; height:100px; width:100px;}
	.icon { border:0; height:32px; width:32px;}
	.icon.gbp { background:url(/images/logos.gif) no-repeat right -162px; height:13px; width:19px;}
	.icon.eur { background:url(/images/logos.gif) no-repeat right -146px; height:13px; width:19px;}


/* ---------------------------------------------------------------------------------------------------------------------------------
	4) TEMPLATE STRUCTURE
/* --------------------------------------------------------------------------------------------------------------------------------- */

	#header { height:110px; position:relative;}
		#header h1 { cursor:pointer; left:0px; margin-right:5px; position:absolute; top:0; z-index:1;}
		#header a { color:#dadce4;}
		#header #contact { width:187px; height:19px; background:url(/images/logos.gif) no-repeat right 0; position:absolute; top:10px; right:0;}
	
	/* LAKER COPIED FROM LOYTEN */
	#img_fader{ width: 980px; height: 321px; position:relative; background:#FFF;}
	#img_fader img{ border:none;}
	#img_fader #headerimg { background:#FFF; width:980px; height:298px; overflow:hidden;}
	#img_fader #imgfade { background:url(../images/imgfade.png) no-repeat; width:980px; height:50px; position:absolute; top:248px; left:0; z-index:2;}

	#nav { background:#bfc7ce url(/images/xgradients.gif) no-repeat 0 0; height:37px; padding:0 10px; overflow:hidden;}
	#nav a { float:left; text-align:center; font-size:1.3em; font-weight:bold; color:#0fa2dd; padding:8px 10px 14px 10px; margin:0; width:112px; border-left:1px solid #edf2f5; white-space:nowrap; position:relative; cursor:pointer;}
	#nav a:hover { text-decoration:underline;}
	#nav #page51 a{ border-right:none; }
			
	#content { background:#fff; display:block; position:relative; margin-top:10px;}
		#inner { display:block; overflow:hidden;}

	#footer { height:29px;}
	.push { height:49px;}
	#footer { border-top:1px solid #009ddc; clear:both; position:relative; font-size:0.9em; margin:20px auto 0; font-size:1.1em; padding:10px 0 0; text-align:left; width:820px;}
	#footer dd a { float:left; margin-right:20px; color:#6a6a6a;}
	#footer dd a:hover { color:#0898DB;}
	#footer #copy { position:absolute; top:10px; right:90px; text-transform:uppercase;}
	#footer #sitemakers { background:url(/images/sitemakers.gif) no-repeat 0 0; width:80px; height:15px; position:absolute; right:0; top:10px;}
	
	
	
	
	
	.bordered { border-bottom:1px solid #009ddc;}