@charset "utf-8";
/*
Font size math
Default:16px
18/16 = 1.125
24/16 = 1.500
12/16 = 0.750
10/16 = 0.625
16/18 = 0.889
*/

/*---------- Layout ---------*/
* { margin:0; padding:0; }
body, html { width:100%; height:100%; }
div#a { width:980px; margin:0 auto; background:url(../img/main-bg.gif); border-bottom:240px solid #FFF; }
	div#b { margin:0 10px; }
		div#header { padding:12px; overflow:auto; }
			div#contact-details { float:right; text-align:right; font-size:1.125em; line-height:1.5em; } 
		div#body { overflow:auto; }
			div#menu { float:left; width:266px; }
			div#content { float:left; width:682px; margin-left:12px; }
				div#content-body { margin-right:0.75em;  }
					div#content-body-columns { overflow:hidden; }
						div#content-body-column-a { float:left; width:439px; margin-right:0.75em; }
						div#content-body-column-b { float:left; width:219px; }
		div#footer { border-top:8px solid #D1CCE0; margin-left:278px; font-size:0.75em; color:#372577; padding:12px 0 2px 0; }
	div#c { background:url(../img/main-bg-bottom.gif) bottom no-repeat; height:20px; }

/*---------- Menu ---------*/
a#home { float:left; height:100px; width:256px; }
a#home span { background:url(../img/price-security.gif) no-repeat; cursor:pointer; position:absolute; height:100px; width:256px; }

div#menu ul { list-style:none; }
div#menu ul li { background-color:#F8F8F8; border-top:1px solid #CCC; }
div#menu ul li a, div#menu ul li span { display:block; padding:12px; font-size:1.125em; font-weight:bold; text-decoration:none; color:#222; }
div#menu ul li a:hover { color:#A12D2D; background-color:#EBEBEB; }        
div#menu ul li.selected a { background-color:#D1CCE0; border:none; }
div#menu ul li.selected a:hover { color:#222; }
div#menu ul li.after-selected { border-top:1px solid #B5B2C3; }
div#menu ul li ul li { background-color:#FFFFFF; border:none; }
div#menu ul li ul li a { font-weight:normal; font-size:0.889em; padding:8px 12px; border-top:1px solid #FFF;}

div#menu ul li ul li.after-selected { border-top:none; }
div#menu ul li ul li.selected a { border-top:1px solid #B5B2C3; }

/*---------- Content ---------*/
* { font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; color:#222; }
body { font-size:100%; line-height:1.125em; } /* Default body font size 16px */
a:link { color:#A12D2D; }
a:hover { color:#A12D2D; }
h1 { font-size:1.5em; line-height:1em; margin-bottom:0.5em; }
h2 { font-size:1em; margin-bottom:0.75em; }
h3 { font-size:0.875em; margin-bottom:0.75em; }
p { font-size:0.75em; margin-bottom:0.875em; letter-spacing:0.01em; }
p.disclaimer { color:#B5B2C3; font-style:italic; }
p.message { color:#A12D2D; }
div#content-header { position:relative; margin-bottom:0.75em; }
td { font-size:0.75em; vertical-align:top;}
td p { font-size:1em; }
th { font-size:0.75em; text-align:left; }
ul.text li { margin-left:16px; }
a img { border:0px; }
a.tinderfields { color:#372577; text-decoration:none; }
a.tinderfields:hover { text-decoration:underline; }

div#header-image-caption { 
	position:absolute; width:207px; bottom:12px; right:12px; padding:6px;
	background-image:url(../img/tbg.png); /* border:1px solid #CCC; */
	font-size:0.75em; text-align:right; 
}

div#header-image-caption div { background: transparent; }

div.captioned-image { position:relative; margin-bottom:12px; }
div.captioned-image a { line-height:0; }
div.captioned-image div.caption { font-size:0.75em; padding:6px; }
div.captioned-image div.inside { background-image:url(../img/tbg.png); position:absolute; left:0; bottom:0; width:100%; }
div.captioned-image div.outside { background-color:#EBEBEB; }

div#slideshow { position:relative; height:295px; }
div#slideshow div.slide { position:absolute; display:none; }
div#slideshow div.first { display:block; }
div#slideshow div.caption { 
	position:absolute; bottom:12px; right:12px; padding:6px; width:219px; 
	background-image:url(../img/tbg.png); font-weight:bold; font-style:italic; text-align:right;
}

div.security-door { overflow:hidden; margin-bottom:12px; }
h2 { background-color:#EBEBEB; padding:6px; }
h4 { margin-bottom:0; border-bottom:1px solid #CCC; }
div.security-door h3 { background-color:#EBEBEB; padding:6px; }
div.security-door p { width:439px; float:left; }
div.security-door table { float:left; width:439px; border-collapse:collapse; }
div.security-door table td {  }
div.security-door table th { font-size:0.875em; border-bottom:1px solid #CCC; padding-top:0.75em;}
div.security-door table th.first { padding-top:0; }
div.security-door img { margin-left:12px;  }

div.controlled-slideshow { float:right; margin-left:12px; position:relative; width:219px; }
div.controlled-slideshow img { margin:0; }

div#timber-faced-slideshow { height:379px; }
div#fully-glazed-slideshow { height:355px; }
div#document-transfer-dt1-slideshow { height:164px; }
div#document-transfer-dt2-slideshow { height:155px; }
div#document-transfer-dt4a-slideshow { height:164px; }
div#document-transfer-rdt-slideshow { height:164px; }
div#bulk-transfer-window-slideshow { height:264px; }
div#electronic-transfer-window-slideshow { height:260px; }
div#standard-cashier-unit-dwp1-slideshow { height:261px; }
div#standard-cashier-unit-dwp2-slideshow { height:234px; }
div#night-payment-window-np1-slideshow { height:164px; }
div#vertical-screen-vs4-slideshow { height:164px; }
div#external-cashier-window-slideshow { height:292px; }
div#primary-windows-slideshow { height:171px; }
div#improvement-schemes-slideshow { height:144px; }
div#access-control-slideshow { height:165px; }
div#pedestal-units-slideshow { height:292px; }
div#steel-slideshow { height:379px; }
div#specialist-areas-a-slideshow { height:292px; }
div#specialist-areas-dpr-slideshow { height:164px; }
div#specialist-areas-sb-slideshow { height:164px; }
.lightbox-image { float:left; }
.lightbox-image-right { float:right; }

div.controlled-slideshow div.slide { position:absolute; display:none; }
div.controlled-slideshow div.first { display:block; }
div.controlled-slideshow div.slideshow-controls { font-size:0.75em; padding:6px; background-image:url(../img/tbg.png); position:absolute; bottom:0px; width:207px; }
div.controlled-slideshow div.slideshow-controls a { text-decoration:none; font-weight:bold; }

form p { overflow:hidden; }
label { float:left; width:100px; font-weight:bold; }
input, textarea { float:left; font-size:1em; padding:2px; }
	
	
table#level-of-resistance { border-collapse:collapse; margin-bottom:12px; }
table#level-of-resistance td { border-bottom:1px solid #CCC; border-right:1px solid #CCC; text-align:center; vertical-align:middle; padding:2px; }
table#level-of-resistance th { padding:2px; vertical-align:top;  text-align:center; border-bottom:1px solid #222; border-right:1px solid #CCC; }

table#level-of-resistance td.level { text-align:center; font-weight:bold; }
table#level-of-resistance th.weapon-type { border-right:1px solid #222; text-align:left;}
table#level-of-resistance td.weapon-type { font-weight:bold; text-align:left;border-right:1px solid #222; }
table#level-of-resistance tr.last td { border-bottom:none; }
table#level-of-resistance td.notes, table#level-of-resistance th.notes { border-right:none;}

/*---------- Image window ---------*/
div#modal-window-background { 
	position:absolute; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000; 
	-moz-opacity:0.8; 
	opacity:.80; 
	filter: alpha(opacity=80);
	z-index:1000;
}

div#modal-window { 
	position:absolute; 
	width:640px; 
	height:520px;
	top:50%;
	left:50%;
	margin:-260px 0 0 -320px;
	background-color:white; 
	padding:12px; 
	border:1px solid #414141;
	z-index:1001;
}

div#modal-window-body { height:480px; text-align:center; }
div#modal-window-footer { height:40px; line-height:40px; }
div#modal-window-footer div { float:right; }
div#modal-window a { font-weight:bold; }