/*
    structure.css: SCREEN stylesheet
    ------------
    Job:               
    Produced by:       
    Start date:        
    ------------
    COLOUR SPEC:
	black:		#404141 (text)
	grey:		#d4d4d4 (borders)
	dk blue:	#3d3b5f (links)
	mid blue:	#266498 (h3)
	
	purple:		#6d6ca1 	s1		light vrs	#dcdce9		(table rows)
	blue:		#2d5c93 	s2   				#cdd8e5 
	red:		#e5273e 	s3					#f9cbd1
	yellow:		#fbb03f 	s4					#feecd1
	dk grey:	#5f5f5f 	s5					#d9d9d9
    green:		#a3b871 	s6					#e9eedd
	
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	misc
	
	(remove the following if not required)
	10.	sIFR
	
*/

/* =1. type selectors */
* 
	{
	margin:0;
	padding:0;
	border:none;
	font-size: 1em;
	}

a img 
	{
	border: none;
	}
a
	{
	color:#3d3b5f;
	text-decoration:none;
	}
a:hover
	{
	text-decoration:underline;
	}
body 
	{
	background:url(/_common/img/bk.gif) repeat-x 0 0;
	color:#404141;
	font: normal 75%/1.3 Verdana, Arial, Helvetica, sans-serif;
    }
/*body.home 
	{
	background:#fff url(/_common/img/bkhome.gif) repeat-x 0 0;
	}*/	
input, textarea
	{
	font: normal 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	}
h2
	{
	font-size:1.9em;
	margin-bottom:1em;
	}
h3
	{
	color:#266498;
	font-size:1.3em;
	margin-bottom:.5em;
	}
/******************************/
div.topwrapcontainer
	{
	background:url(/_common/img/topwrap-bgL.gif) no-repeat 0 0;
	padding-left:8px;
	margin:0 auto;
	width:80.6em;
	}
div.topwrapcontainer2
	{
	background:url(/_common/img/topwrap-bgR.gif) no-repeat right 0;
	padding-right:8px;
	}
div.middlewrap 
	{
	height:17em;
	}	
div.middlewrapcontainer
	{
	background:url(/_common/img/leftedge.jpg) no-repeat 0 0;
	padding-left:8px;
	margin:0 auto;
	width:80.6em;
	}
div.middlewrapcontainer2
	{
	background:url(/_common/img/rightedge.jpg) no-repeat right 0;
	padding-right:8px;
	}
div.bottomwrapcontainer, div.footerwrapcontainer 
	{	
	padding-left:8px;
	margin:0 auto;
	width:80.6em;
	text-align:left;
	}
div.bottomwrapcontainer2 , div.footerwrapcontainer2
	{
	padding-right:8px;
	text-align:left;
	}
div.bottomwrap 
	{
	text-align:left; 
	margin: 1em 0 1em 0;
	}	
div.footerwrap 
	{
	clear:both; 
	text-align:left;
	}	
/******************************/	
/* =2. structural */
div.container
	{
	background:url(/_common/img/edgL.jpg) no-repeat 0 0;
	padding-left:8px;
	margin:0 auto;
	width:80.6em;
	}
div.container2
	{
	background:url(/_common/img/edgR.jpg) no-repeat right 0;
	padding-right:8px;
	}
div.wrap
	{
	padding-bottom:2em; /*cf fix used in =7. misc*/
	}
div.wrap p, div.wrap ul, div.wrap dl
	{
	margin-bottom:2em;
	}
div.sub
	{
	float:left;
	padding:0 2em;
	width:16em;
	}
div.main
	{
	float:left;
	padding:0 1em;
	width:36em;
	}
div.main a
	{
	font-weight:bold;
	text-decoration:underline;
	}
div.main a:hover 
	{
	text-decoration:none;
	}	
div.landing
	{
	padding:0 2em;
	width:53.9em;
	}
div.main img 
	{
	float:left;
	margin:0 2em 2em 0;
	}	
div.main img.rss 
	{
	float:none; 
	margin-bottom:0; 
	padding-left:0.5em; 
	vertical-align:bottom;
	}
div.landing img
	{
	float:right;
	margin:0 0 2em 2em;
	}
ul.buttons 
	{
	float:left; 
	list-style-type:none; 
	}	
ul.buttons li 
	{
	display:inline;
	margin-right:3em;
	}
div.s1 div.main ul.articlelist li
	{
	background:none; 
	padding-left:0;
	}	
span.arrow 
	{
	width:18px;
	height:19px;
	float:left;
	margin-right:0.5em;
	}
div.banner 
	{
	width:76em;
	height:15em;
	padding-top:2em;
	padding-left:4em;
	}
div.banner p 
	{
	width:10em;
	}	
div.infoone, div.infotwo 
	{
	float:left;
	width:24em;
	font-size:0.9em;
	margin-left:1.8em;
	}
div.feature, div.feature2, div.feature3, div.feature4
	{
	background:#e0dfe5;
	font-size:.9em;
	padding:12px;
	width:30em;
	float:left;
	margin-left:2em;
	position:relative;
	margin-bottom:1em;
	}
div.featurebox 
	{
	font-size:.9em;
	width:30em;
	float:left;
	margin-left:3.5em;
	position:relative;
	margin-bottom:1em;
	padding:10em 0 1em 2em;
	}
div.feature2 
	{
	color:#fff; 
	width:48.5em;
	padding-bottom:1em;
	}
div.feature4 	
	{
	width:83em;	padding-bottom:1em;
	}	
div.contentbottom 
	{
	clear:left;
	float:left;
	margin-top:1em;
	width:82em;
	}	
div.feature2 p 
	{
	margin-bottom:1em;
	}	
div.featurebox span 
	{
	font-size:2em;
	}	
div.featurebox p 
	{
	color:#fff;
	}
div.featurebox ul 
	{
	margin:1em 0 1em 0;
	}	
div.featurebox li.link 
	{
	font-weight:bold;
	padding: 0.5em 0 0.8em 0;
	margin: 0 2em 1em 0;
	font-size:.9em;
	display:inline;
	float:left;
	list-style:none;
	}	
div.featurebox li.link a 
	{
	text-decoration:underline;
	}	
div.featurebox li.link a:hover 
	{
	text-decoration:none;
	}			
ul.articlelist li
	{
	color:#d5b300;
	font-weight:bold;
	padding: 0 0 0.8em 0em;
	margin: 0 0 1em;
	float:left;
	list-style:none;
	width:35em;
	font-size:.8em;
	}
div.boxsub ul.articlelist li
	{
	background:none;
	padding-left:0;
	}	
ul.articlelist li strong
	{
	display: block;
	font-size: 1.3em;
	}
ul.articlelist a 
	{
	color:#3d3b5f;
	}
ul.articlelist li strong a:hover
	{
	color:#3d3b5f;
	}
ul.articlelist small
	{
	display: block;
	font-size:1.1em;
	font-weight:normal;
	color:#404141;
	}	
ul.articlelist li small span
	{
	border-left:1px solid #7a6c5f;
	padding:0 0 0 .3em;
	color:#404141;
	font-weight:bold;
	}	
div.main ul.related li.word 
	{	
	list-style:none;
	background: url(/_common/img/icon_word.gif) no-repeat 0 0;
	padding: 0 0 0 2em;
	}
div.main ul.related li.pdf 
	{	
	list-style:none;
	background: url(/_common/img/icon_pdf.gif) no-repeat 0 0;
	padding: 0 0 0 2em;
	}	
ul.paging
	{
	clear:left;
	margin:1.5em 0;
	}
ul.paging li
	{
	border-right:1px solid #0096C5;
	display:inline;
	font-size:.9em;
	list-style:none;
	padding-right:.4em;
	margin-right:.2em;
	}
ul.paging li.next
	{
	border-right:0;
	}
ul.paging li.here
	{
	font-weight:bold;
	}
ul.paging a
	{
	background:none;
	color:#3d3b5f;
	}
ul.paging a:hover
	{
	color:#0054a3;
	}	
ul.bullet 
	{
	list-style-type:square;
	margin-left:1em;
	}	
div.forms 
	{
	background:transparent url(/_common/img/bg-hr.gif) top repeat-x; 
	padding-top:1em;
	}		
/*box*/
div.box, div.button
	{
	background:#e0dfe5;
	clear:left;
	font-size:0.9em;
	padding:12px;
	position:relative;
	margin-bottom:1em;
	}
div.main h3 {font-size:1.7em;clear:left; }
div.button
	{
	font-size:1.2em;
	width:10em;
	}
div.boxsub
	{
	float:left;
	width:18.5em;
	padding-left:1em;
	}
div.box2 div.boxsub
	{
	width:28em;
	}
div.feature4 .boxsub 
	{
	width:25em;
	}	
div.feature4 .signup 
	{
	width:28em; 
	margin-left:2em; 
	padding:0;
	}
div.bxfirst
	{
	padding:0;
	}
div.box ul
	{
	margin-bottom:0;
	}
div.box a
	{
	font-weight:bold;
	}
div.boxsub h4
	{
	font-size:1.3em;
	}
div.infoone h4, div.infotwo h4
	{
	font-size:1.3em;
	padding-left:0;
	padding-top:0.35em;
	margin-bottom:0.5em;
	}	
div.infoone p, div.infotwo p 
	{
	margin-bottom:1em;
	}	
span.corner
	{
	background:url(/_common/img/corners.gif) no-repeat;
	display:block;
	width:12px;
	height:12px;
	position:absolute;
	font-size:1px;
	padding:0;
	margin:0;
	}
span.a
	{
	background-position:0 0;
	left:0;
	right:auto;
	top:0;
	bottom:auto;
	}
span.b
	{
	background-position:0 -12px;
	left:auto;
	right:0;
	top:0;
	bottom:auto;
	}
span.c
	{
	background-position:0 -24px;
	left:0;
	right:auto;
	top:auto;
	bottom:0;
	}
span.d
	{
	background-position:0 -36px;
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	}
div.box ul
	{
	margin-bottom:0;
	}
div.box a
	{
	font-weight:bold;
	}
/*header*/
div.header
	{
	background:url(/_common/img/bkhead.gif) repeat-x 0 0;
	border-top:9px solid #89898b;
	padding-top:1em;
	}
h1
	{
	float:left;
	width:108px;
	margin:0 2em .5em 2em;
	}
p.strap
	{
	float:left;
	font-size:1.5em;
	font-weight:bold;
	margin-top:0em;
	width:15em;
	}
div.lifeline
	{
	float:right;
	font-weight:bold;
	text-align:right;
	margin-right:2em;
	width:20em;
	}
div.lifeline a
	{
	font-size:.9em;
	text-decoration:underline;
	}
/* =3. navigation */
ul.nav1
	{
	background:url(/_common/img/bknav1.gif) repeat-x 0 6px;	
	clear:both;
	margin-bottom:2em;
	padding-left:1.5em;
	}
body.home ul.nav1 
	{
	margin-bottom:0;
	border-bottom:0;
	}	
ul.nav1 li
	{
	list-style:none;
	float:left;
	padding:0 0 0 6px;
	}
ul.nav1 li a
	{
	display:block;
	padding:12px 8px 8px 8px;
	}	
ul.nav1 li:hover, ul.nav1 li.here
	{
	background-repeat: no-repeat;
	}
ul.nav1 li:hover a, ul.nav1 li.here a
	{
	color:#fff;
	background-color: #5f5f5f;
	}
ul.nav2 a
	{
	color:#404141;
	}
ul.nav2 li, div.box li
	{
	border-top:1px solid #d4d4d4;
	list-style:none;
	padding:.5em 0 .5em 0;
	}
ul.nav2 li ul li {padding-left:2em;}	
ul.nav2 li.here {padding-left:2em;}
div.box li, ul.nav2 li.first
	{
	border:0;
	}
ul.nav2 li.here
	{
	font-weight:bold;
	padding-bottom:0;
	}
.link, div.boxsub h4
	{
	background-position:0 0!important;
	margin:0;
	padding-bottom:.4em;
	}
div.signup h4 
	{
	margin:0;	
	}	
div.button p
	{
	background-position:right 0!important;
	padding-right:23px;
	margin:0;
	}
body .link a, div.boxsub h4 a, div.button a
	{
	text-decoration:none;
	}
body .link a:hover, div.boxsub h4 a:hover, div.button a:hover
	{
	text-decoration:underline;
	}
ul.relatedcontent li {padding:0.5em 0 1em 2em;}	
.link
	{
	margin:1em 0;
	}
ul.nav2 ul
	{
	margin:.5em 0 0 0;
	}
ul.nav2 ul li, div.s1 ul.nav2 ul li
	{
	background:none;
	font-weight:normal;
	margin-left:-23px;
	}
ul.nav2 li.here ul a
	{
	color:#404141!important;
	}
div.main ul.address 
	{
	list-style:none;
	margin-bottom:1em;
	}	
div.main ul.address li 
	{
	background:none; 
	padding-left:0;
	}		
/* =4. forms */
form.calc p
	{
	margin-bottom:.5em
	}
input.submit
	{
	background:#fff url(/_common/img/bksubmit.gif) repeat-x 0 bottom;
	border:1px solid #003c74;
	cursor:pointer;
	padding:.2em 1em;
	margin-top:.5em;
	}
input.text, textarea, select
	{
	border:1px solid #9f9f9f;
	width:20em;
	}
form.calc input.text
	{
	background:#e0dfe5;
	width:15em;
	padding:.2em;
	}
form.calc input.radio, form.enquiry input.radio
	{
	vertical-align:middle;
	margin-right:.5em
	}
.formsearch
	{
	margin-top:.5em;
	}
.formsearch input.text
	{
	float:right;
	padding:.5em;
	width:10em;
	margin-left:.5em;
	}
div.err
	{
	border:1px solid red;
	padding:1em;
	margin-bottom:2em;
	}
div.err p
	{
	margin:0;
	}
em.required, div.main p span.required
	{
	color:red;
	font-weight:bold;
	font-size:1em;
	font-style:normal;
	}
fieldset
	{
	background:#fff url(/_common/img/bg-form.gif) repeat-x 0 0;
	}
legend {
	font-weight:bold;
	border:1px solid blue;
	width:10px;
	}
form.enquiry p 
	{
	background:#fff url(/_common/img/bg-form.gif) repeat-x 0 0;
	padding-top:0.8em;
	}
form.enquiry input.textfield, textarea, select
	{
	background:#fff;
	border:1px solid #7f9db9;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	width:21em;
	padding:2px;
	font-size:.9em;
	}	
form.enquiry label 
	{
	font-weight:bold;
	width: 16em;
	float:left;
	position:relative;
	padding-left:0.5em;
	}	
form.enquiry label em
	{
	color:#ff282d;
	}	
span.radiobuttons 
	{
	width:10em;
	}	
span.radiobuttons label 
	{
	float:none;
	}
form.enquiry p.marketing label , form.enquiry p.contact label 
	{
	font-weight:normal;
	}
form.enquiry p.marketing
	{ 
	border-top:1px solid #d7d7d9; 
	background:none;
	clear:left;
	}	
form.enquiry p.contact
	{
	background:none;
	clear:left;
	}
form.enquiry input.submit
	{
	margin-top:2em;
	}	
form.enquiry p.nobg 
	{
	background:none; 
	clear:left;
	}	
form.enquiry p span 
	{
	font-size:0.9em; 
	float:right; 
	margin-right:1.5em;
	padding-top:0.3em;
	}
form.enquiry p span.radiobuttons 
	{
	width:10em;
	float:left;
	margin-bottom:0.5em;
	}	
/* =5. tables */
caption {
	text-align:left;
	padding: .5em 1em;
	}
table 
	{
	border-collapse: collapse;
	font-size:.9em;
	margin-bottom:2em;
	width:100%;	
	background-color:#cdd8e5;
	}
td 
	{
	vertical-align:top;
	padding: .5em 1em;

	}
th 
	{
	background-repeat:no-repeat;
	color:#fff;
	text-align:left;
	padding: .5em 0.6em;	
	}
th.tl
	{
	background-position:0 0;
	}
th.tr
	{
	background-position:right 0;
	}
tr.odd td
	{
	background-color:#fff;
	}
table.products strong
	{
	display:block;
	}
table.products a
	{
	display:block;
	background:#fff url(/_common/img/bksubmit.gif) repeat-x 0 bottom;
	border:1px solid #003c74;
	cursor:pointer;
	font-weight:normal;
	padding:.2em 1em;
	text-decoration:none;
	text-align:center;
	margin:.2em 0
	}
table.products strong a 
	{
	background:none;
	border:0;
	font-weight:bold;
	text-align:left;
	padding-left:0;
	cursor:auto;
	}
table.products strong a:hover 
	{
	text-decoration:underline;
	}	
/* =6. specific templates */	
	
 	/*article lists */
	ul.alist
		{
		padding-top:2em;
		}
	ul.alist li
		{
		list-style:none;
		clear:left;
		}	
	ul.alist strong
		{
		display:block;
		margin-bottom:.5em;
		}
	ul.alist 	
		{
		border-bottom:none;
		}
	ul.alist img 
		{
		float:left;
		margin:0 1em 1em 0;
		width:162px;
		}	
	ul.alist span 
		{
		display:block;
		width:58%;
		float:left;
		margin-bottom:3em;
		margin-left:0;
		}
	ul.alist span.rss 
		{
		width:2em; 
		padding-bottom:1em;
		float:right; 
		}
	ul.alist span.rss img 
		{
		width:21px; 
		height:21px;
		}

	/*definition lists */
	dl {float:left;}
	dl dt 
	{
	background:#fff url(/_common/img/bg-form.gif) repeat-x 0 0;
	width:15em;
	float:left;
	padding: .5em;
	min-height:2.5em;
	font-weight: bold;
	clear:both;
	}
	dd { 
	float:left;
	width:19em; 
	background:#fff url(/_common/img/bg-form.gif) repeat-x 0 0;
	min-height:2.5em; 
	
	height:auto !important;
	height:2.5em;
	padding: .5em;
	}	
	div.main dl.quote 
	{
	background:#fff url(/_common/img/bg-form.gif) repeat-x 0 0;
	}	
	dl.quote dt, dl.quote dd 
	{
	background:none;
	min-height:0;
	}
	
	/*awards*/
	div.awards
		{
		font-size:.9em;
		margin:1em 0;
		}
	div.awards p
		{
		clear:both;
		}
	div.awards img
		{
		clear:left;
		float:left;
		margin:0 .5em .5em 0;
		}
	div.feature3 div.awards { float:left;width:15em; margin-right:1em;margin-bottom:0;}	
	/* footer links */
	div.footer
		{
		border-top:1px solid #c2c2c2;
		font-size:.9em;
		clear:left;
		padding:.5em 2em;
		}
	div.footer p.mando
		{
		margin-top:1em;
		}
	div.footer li
		{
		border-left:1px solid #404141;
		display:inline;
		list-style:none;
		margin-right:.5em;
		padding-left:.7em;
		}
	div.footer li.first
		{
		border:0;
		padding-left:0;
		}
	div.footer a
		{
		font-weight:bold;
		}
	p.advice
		{
		text-transform:uppercase;
		margin-top:.5em;
		}
/* =7. misc */
.cf:after, div.wrap:after, ul.nav1:after, div.box:after
	 {content:".";display:block;height:0;clear:both;visibility:hidden;}	 
.hide, .accessmenu, .formsearch label, .enquire label, .getquote label
	{
	position:absolute;
	left: -10000px
	}

/* =10. sIFR - These are standard sIFR styles... do not modify */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 35px;
	margin:0;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/

