/*

	Stylesheet for OBK bank

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Johan Ronsse johan@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Accessibility
*/

.accessibility {
	/* @inc .offScreen */
	position: absolute;
	top: -9000px;
	left: -9000px;
	/* For screenreaders*/
}

/*
	Clearfix
*/

.clearfix {
	zoom: 1;
}

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

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #333;
	background: #FFF url(../images/body_bg_index.png) no-repeat top center;
}

	body#home {
		background: #FFF url(../images/body_bg.png) no-repeat top center;
	}

/*
	Typography and text styles
*/

/* General */

p {
	margin: 0 0 12px 0;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

/* Headings */

h1, h2, h3, h4 {
	color: #000;
}

h1, h2, h3 {
	font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;
	font-weight: 400;
	line-height: 1.1;
}

h1, h2 {
	font-size: 21px;
	margin: 12px 0 9px 0;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin: 12px 0 9px 0;
	
}

h4 {
	font-size: 12px;
	margin: 9px 0 6px 0;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #005dab;
	border-color: #ABCAE3;
}

a:visited {
	color: #00457f;
	border-color: #9A89CC;
}

a:hover,
a:active,
a:focus {
	color: #000;
	border-color: #666;
}

/* .content defaults */

.content ul {
	list-style: disc;
	padding: 0 0 12px 24px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content hr {
	border: none;
	border-top: 1px solid #CCC;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 0 12px 24px;
	font-family: Georgia, serif;
}

.content cite,
.content em {
	font-style: italic;
}

.content table tbody tr.odd td,
.content table tbody tr.odd th {
	background: #FFF;
}

.content table tbody tr.even td,
.content table tbody tr.even th {
	background: #F1F5FA;
}

.content tbody td {
	font-size: 11px;
	padding: 3px 5px;
	color: #666;
}

.content thead th {
	font-weight: 700;
	background: #005dab;
	/*font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;*/
	text-transform: uppercase;
	color: #FFF;
	font-size: 10px;
	padding: 10px 5px 5px 5px;
}

.content tbody th {
	font-size: 12px;
	font-weight: 400;
	padding: 3px 5px;
}

.content table caption {
	font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}

/*
	Page structure and layout
*/

#container {
	width: 960px;
	margin: 0 auto;
}

	/* Clearfix */
	#container {
		zoom: 1;
	}

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

/*
	Site sections
	Switch ondernemer/particulier
*/

#siteSections {
	background: #E2001A;
	height: 54px;
}

	#siteSections ul {
		padding-top: 28px;
	}

	#siteSections li {
		font-weight: 700;
		float: left;
	}

	#siteSections a:link,
	#siteSections a:visited {
		color: #FFF;
		border: none;
		display: block;
		line-height: 20px;
		padding: 0 10px;
	}

	#siteSections a:hover,
	#siteSections a:active,
	#siteSections a:focus {
		background: #63000b;
	}

	#siteSections li.selected a {
		background: #9E0012;
		cursor: default;
	}

/* Navigation */

#navigationHolder {
	background: url(../images/navigation_holder_bg.png) repeat-x;
	border-bottom: 1px solid #B8C5D1;
	height: 53px;
}

	#navigationHolder ul {
		padding-top: 28px;
	}

	#navigationHolder li {
		float: left;
		padding: 1px 8px;
		border-right: 1px solid #d7d7d7;
	}

	#navigationHolder li:only-child,
	#navigationHolder li:last-child,
	#navigationHolder li.onlyChild,
	#navigationHolder li.lastChild {
		border: none;
		padding-right: 0;
	}

	#navigationHolder li a {
		font-weight: 700;
		display: block;
		float: left;
		border: none;
	}

	#navigationHolder li.selected a {
		color: #000;
	}

	/* Clearfix */
	#navigationHolder {
		zoom: 1;
	}

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

#navigation {
	padding-left: 27px;
	float: left;
}

#webBanking {
	float: right;
	padding-right: 24px;
}

#webBanking li a {
	padding-left: 20px;
	background: url(../images/nav_feather.gif) no-repeat 0 0;
}

/*
	Side pane
*/

	#subnavigation {
		background: url(../images/subnavigation_bg.png) repeat-x;
		padding: 40px 0 0 0;
	}

		/* Selected state on <a> instead of <li> to avoid superchains of descendant selectors */
		#subnavigation a.selected {
			color: #000;
			font-weight: 700;
		}

			#subnavigation #actualNavigation ul {
				padding: 0 0 12px;
			}

				#subnavigation #actualNavigation ul ul {
					padding: 0 0 0 24px;
				}

			#subnavigation #actualNavigation li a:link,
			#subnavigation #actualNavigation li a:visited {
				border-color: #FFF;
				display: block;
				padding: 3px 0 0 26px;
				zoom: 1;
			}

			#subnavigation #actualNavigation li a:hover,
			#subnavigation #actualNavigation li a:active,
			#subnavigation #actualNavigation li a:focus {
				color: #000;
			}

			#subnavigation #actualNavigation .callToActionSide + ul.global {
				border-top: 1px solid #B8C5D1;
				border-bottom: 1px solid #b8c5d1;
				padding-top: 12px;
			}

			#subnavigation #actualNavigation ul + ul.global {
				border-top: 1px solid #b8c5d1;
								padding-top: 12px;
			}

				#subnavigation #actualNavigation ul.global {
					border: none;
				}

				/* Plug IE6 selector support with JS */
				.withBorder {
					border-top: 1px solid #B8C5D1 !important;
					padding-top: 12px !important;
					zoom: 1;
				}

			#subnavigation #actualNavigation .callToActionSide {
				border-top: 1px solid #b8c5d1;
				padding: 12px 12px 6px 26px;
			}

				#subnavigation #actualNavigation ul.global li a {
					font-weight: 700;
				}

				#subnavigation #actualNavigation ul.global ul li a {
					font-weight: 400;
				}

	#subnavigationShade {
		background: url(../images/shade.png) repeat-y;
	}

	#subnavigationEnder {
		background: #FFF url(../images/subnavigation_ender.png) no-repeat top left;
		height: 50px;
		position: relative;
		width: 14px;
		bottom: 50px;
	}

	/*
		Logo
	*/

	#logo h1 {
		width: 150px;
		height: 72px;
		background: url(../images/obk_logo.gif) no-repeat;
		text-indent: -9999px;
		margin: 0 auto;
		padding: 0 0 31px;
	}

	#logo h1 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	#sidePane {
		width: 204px;
		float: left;
		background: #FFF;
		position: relative;
	}

	/*
		Newsflash
	*/

	#newsFlash {
		padding: 26px;
	}

		#newsFlash a:link {
			color: #333;
			font-weight: 700;
			border-bottom: 1px solid #AAA;
		}

		#newsFlash a:visited {
			color: #666;
			font-weight: 700;
			border-bottom: 1px solid #CCC;
		}

		#newsFlash a:hover,
		#newsFlash a:active,
		#newsFlash a:focus {
			color: #E2001A;
			border-bottom: 1px solid #FF8282;
		}

#contentPane {
	float: left;
	width: 756px;
}

	#contentPane #content {
		background: #FFF;
	}

		#home #contentPane #content {
			background: #FFF url(../images/home_content_bg.png) repeat-x;
		}

	#contentInner {
		border-top: 1px solid #FFF;
		background: #F1F1F1;
		padding: 32px 16px 0 32px;
		border-left: 1px solid #B8C5D1;
		background: url(../images/shade.png) repeat-y;

		min-height: 280px;
		height: auto !important;
		height: 280px;
	}

/*
	Footer
*/

#footer {
	clear: both;
	padding-right: 20px;
	position: relative;
	bottom: 20px;
}

	/* Clearfix */
	#footer {
		zoom: 1;
	}

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

#footer ul {
	float: right;
}

#footer li {
	font-size: 11px;
	float: left;
	padding-left: 12px;
}

/*
	Content within contentpane: Homepage
*/

#content #mainSections,
#content #subSections {
	padding-bottom: 20px;
}

#content #mainSections li {
	float: left;
	width: 175px;
	height: 130px;
	margin-right: 1px;
}

#content #subSections .frame {
	background: #3b90d7;
	width: 434px;
	overflow: hidden;
}

#content #subSections .framefull {
	background: #3b90d7;
	width: 579px;
	overflow: hidden;
}

#content #subSections li {
	float: left;
	width: 143px;
	height: 67px;
	margin-right: 1px;
	margin-bottom: 1px;
}

	#content #subSections li.thirdChild,
	#content #subSections li:nth-child(3n) {
		margin-right: 0;
	}

	/* Clearfix */
	#mainSections,
	#subSections .frame {
		zoom: 1;
	}

	#mainSections:after,
	#subSections .frame:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#content #mainSections li a:link,
#content #mainSections li a:visited,
#content #subSections li a:link,
#content #subSections li a:visited {
	background: #005dab;

	display: block;
	border: none;
	position: relative;
	height: 100%;
	width: 100%;
}

#content #mainSections li a:hover,
#content #mainSections li a:active,
#content #mainSections li a:focus,
#content #subSections li a:hover,
#content #subSections li a:active,
#content #subSections li a:focus {
	background: #004680;
	/* Transition */
	-webkit-transition: background-color 0.28s linear;
}

#content #mainSections li a span,
#content #subSections li a span {
	position: absolute;
	left: 10px;
	bottom: 10px;

	color: #FFF;
	font-weight: 700;
	font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;
	text-transform: uppercase;
	font-size: 16px;
	border: none;
	line-height: 1.1;

}

	#content #subSections li a span {
		font-size: 13px;
	}

	#content #mainSections li em,
	#content #subSections li em {
		font-family: "Baskerville";
		font-weight: 400;
}

/* Find office */

#findOffice {
	background: url(../images/content_block_bg.png) no-repeat bottom center;
	padding: 0 0 18px;
}

	#findOffice .image {
		float: left;
		width: 120px;
	}

	#findOffice .content {
		float: left;
		width: 200px;
	}

		#findOffice form #zip {
			width: 140px;
			color: #808080;
		}

		#findOffice form #zip:focus,
		#findOffice form #zip.focus {
			color: #000;
		}

	/* Clearfix */
	#findOffice {
		zoom: 1;
	}

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

/* Your office */

#yourOffice {
	background: url(../images/content_block_bg.png) no-repeat bottom center;
	padding: 0 0 18px;
}

#yourOffice img {
	float: left;
	display: block;
	padding: 0 12px 12px 0;
}

	/* Clearfix */
	#yourOffice {
		zoom: 1;
	}

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

/* Newsletter call to action */
#newsletterCTA {
	background: url(../images/content_block_bg_variation.png) no-repeat bottom center;
	padding: 12px 10px 18px 0;
}

	#newsletterCTA form #email {
		width: 240px;
		color: #808080;
	}

	#newsletterCTA form #email:focus,
	#newsletterCTA form #email.focus {
		color: #000;
	}

/* Slideshow */

#slideshow {

}
	#slideshowContent {
		}
	#slideshowContent img {
		display:block; 
	}

	#slideshowContent a {
		border: none;
	}
	
	


	/* Clearfix */
	#slideshowNavigation {
	
		zoom: 1;
	}

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

	#slideshowNavigation ul {
		float: right;
	}

	#slideshowNavigation li {
		float: left;
	}

		#slideshowNavigation li a:link,
		#slideshowNavigation li a:visited {
			display: block;
			height: 20px;
			width: 20px;
			line-height: 20px;
			text-align: center;
			background: #E5E6E7;
			font-weight: 700;
			border: 1px solid #FFF;
			border-left: none;
		}

		#slideshowNavigation li a:hover,
		#slideshowNavigation li a:active,
		#slideshowNavigation li a:focus {
			background: #E2001A;
			color: #FFF;
		}

		/* Extra specifity for IE6 */
		#container #slideshowNavigation li.selected a {
			background: #E2001A;
			color: #FFF;
		}

/*
	Content within contentpane:
	Page type: textual content
*/

#typeTextual {
	zoom: 1;
}

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

#typeTextualContent {
	float: left;
	/* 5 * 76px columns + 4* 14px gutter = 436px */
	width: 436px;
	padding-right: 14px;
}

#typeTextualVisual {
	/*border: 1px solid black;*/
	float: left;
	/* 3 * 76px columns + 2* 14px gutter = 436px */
	width: 240px;
}

/*
	Buttons
*/

a.button {
	border: 1px solid #999;
	background: #ececec url(../images/button_bg.png) repeat-x;
	color: #202020;
	font-size: 11px;
	padding-top: 1px;
	line-height: 21px;
	display: inline-block;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
}

	/* Alternate colors */
	a.buttonAlt:link,
	a.buttonAlt:visited {
		border: 1px solid #65ADE9;
		background: #2289df url(../images/button_alt_bg.png) repeat-x;
		color: #FFF;
	}

a.button:hover,
a.button:active,
a.button:focus {
	border: 1px solid #6BA1CB;
	color: #005DAB;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;

}

	/* Alternate colors */
	a.buttonAlt:hover,
	a.buttonAlt:active,
	a.buttonAlt:focus {
		border: 1px solid #a1d4ff;
		color: #FFF;

		/* @inc .boxShadow */
		box-shadow: 0 0 3px rgba(255,255,255,0.7);
		-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.7);
		-moz-box-shadow: rgba(255,255,255,0.7) 0 0 3px;
	}

/* Button holders */

.buttonHolder {
	zoom: 1;
}

	.buttonHolder .button {
		float: left;
		margin-right: 3px;
	}

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

/*
    Forms
*/

/* Modify input[type="text"] and textareas */

.inputText,
.inputPassword,
textarea,
input[type="text"],
input[type="password"] {

	background: #FFF url(../images/ds.png) repeat-x;
	border: 1px solid #BBB;
	border-color: #888 #BABABA #BABABA #CDCDCD;
	font-family: Arial, sans-serif;
	font-size: 12px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Transition */
	-webkit-transition: background-color 0.28s linear;

}

/* Repeat font statement since IE6 does not "get" previous selector */
textarea {
	font-family: Arial, sans-serif;
}

/* Disabled fields */
input.inputText[disabled="disabled"],
input.inputPassword[disabled="disabled"],
input.disabled {
	background: #EEE;
	color: #666 !important;
}

.inputText,
input[type="text"],
.inputPassword,
input[type="password"] {
	padding: 3px 2px;
	color: #202020;
}

	/* Fix alignment in Chrome/Saf */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.inputText,
		input[type="text"],
		.inputPassword,
		input[type="password"] {
			height: 14px;
		}
	}

	.inputText:focus,
	input[type="text"]:focus,
	.inputPassword:focus,
	input[type="password"]:focus,
	textarea:focus,
	.inputText.focus,
	input[type="text"].focus,
	.inputPassword.focus,
	input[type="password"].focus,
	textarea.focus {
		color: #000;
		border-color: #6BA1CB;

		/* @inc .boxShadow */
		box-shadow: 0 0 3px #6BA1CB;
		-moz-box-shadow: #6BA1CB 0 0 3px;

	}

/*
	Inputs with a .code class get a monospaced font
*/

input.code,
textarea.code {
	font-family: "Menlo", "Monaco", "Courier New", monospace;
	font-size: 11px;
}

/* Selects should be left alone (not stylable without troubles) */
select {
	/* Nothing */
	font-family: Arial, sans-serif;

}

/* Input type file should be left alone */
.inputFile {
	font-size: 11px;
}

/* Input submit gets replaced by a button, yet some styles here for better buildup */

input[type="submit"],
.inputSubmit {
	font-size: 11px;
	font-family: Arial, sans-serif;
	border: 1px solid #999;
	background: #ececec url(../images/button_bg.png) repeat-x;
	color: #202020;
	padding: 0 6px;

	/* @inc .rc */
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;

	/* Firefox */
	height: 22px;
	padding-bottom: 2px;
	vertical-align: middle;

}

input[type="submit"]:hover,
input[type="submit"]:focus {
	border-color: #6BA1CB;
	color: #005DAB;

	/* @inc .boxShadow */
	box-shadow: 0 0 3px #6BA1CB;
	-webkit-box-shadow: 0 0 3px #6BA1CB;
	-moz-box-shadow: #6BA1CB 0 0 3px;
}

	/*
		Focus outline; Mozilla specific since Safari implements this right
	*/
	@-moz-document url-prefix() {

		.inputText,
		.inputPassword {
			height: 14px;
			line-height: 14px;
		}

	}

form p {
	margin: 0 0 12px 0;
	clear: both;
}

	/* Act as <p> e.g. for wrapping label+textarea */
	form div.section {
		margin: 0 0 12px 0;
		clear: both;
	}

	form p,
	form div.section {
		zoom: 1;
	}

	form p:after,
	form div.section:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.helpTxt {
	display: block;
	font-size: 11px;
	color: #808080;
}

	.helpTxt a {
		font-weight: 700;
	}

form .inputList {
	padding: 0;
}

	form .horizontal .inputList {
		float: left;
	}

form .inputList li {
	position: relative;
	padding: 0 0 4px 0px;
	/*_right: 24px;*/
}

	form .inputList li li {
		padding-left: 0;
	}

form .horizontal .inputList label {
	float: none;
	width: auto;
}

	form .inputList li .inputRadio,
	form .inputList li .inputCheckbox,
	form .inputList li input[type="radio"],
	form .inputList li input[type="checkbox"] {
		position: relative;
		left: 0;
		top: 0;
	}

/*
	Form messages/validation
*/

/* Error */

.formError label,
.formError p.label,
.formErrorGlobal {
	color: red;
}

.formError .inputList label {
	color: #333;
}

	.formError input.inputText,
	.formError input.inputPassword,
	.formError textarea {
		border-color: red;
	}

	/* Textual error */
	.formError .errorTxt {
		font-size: 11px;
		clear: both;
		display: block;
		color: red;
	}

	.formError .inputList + .errorTxt {
		padding-left: 130px;
	}

		.horizontal .formError .errorTxt {
			padding-left: 115px;
		}

/* Success */

.formSuccess {
	color: green;
	font-weight: 700;
}

/*
	Form specific
	Request Loan Quote
	& Autosim
*/

#requestLoanQuote {
	background: #FBFBFB url(../images/bigform_bg.png) repeat-x;
	padding: 4px 20px;
	margin: 0 0 24px;
}

#autoSim {
	background: #F8F8F8 url(../images/autosim_bg.png) repeat-x;
	margin: 0 0 24px;
	/* Little IE6/IE7 bugfix */
	*margin-bottom: 12px;
}

#autoSim .section,
#autoSim p {
	border-bottom: 1px solid #dcdcdc;
	padding: 0 12px 6px;
	margin: 0 0 6px;
}

	#autoSim p.spacing {
		padding-left: 212px !important;
		border: none;
	}

#autoSim h3 {
	padding: 0 12px 4px 12px;
	margin-top: 0;
}

	/* Spacing within this form for long labels */
	#requestLoanQuote .horizontal label,
	#requestLoanQuote .horizontal p.label,
	#autoSim .horizontal label,
	#autoSim .horizontal p.label {
		width: 200px;
	}

	#requestLoanQuote .horizontal .formError .inputList + .errorTxt,
	#autoSim .horizontal .formError .inputList + .errorTxt {
		padding-left: 224px;
	}

	#requestLoanQuote .horizontal .spacing,
	#requestLoanQuote .horizontal .helpTxt,
	#requestLoanQuote .horizontal .formError .errorTxt,
	#autoSim .horizontal .spacing,
	#autoSim .horizontal .helpTxt,
	#autoSim .horizontal .formError .errorTxt {
		padding-left: 200px;
	}

#autoSimResults {
	margin-top: 0;
	background: #005DAB;
	position: relative;
	bottom: 24px;
	width: 707px;
	overflow: hidden;
}

	/* Clear this */
	#autoSimResults {
		zoom: 1;
	}

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

	#autoSimResults h4 {
		color: #FFF;
		font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;
		font-size: 16px;
		text-transform: uppercase;
		width: 192px;
		padding: 12px;
		float: left;
	}

	#autoSimResults .tableHolder {
		float: left;
		width: 487px;
	}

		#autoSimResults .tableHolder table {
			width: 100%;
			margin-top: 4px;
		}

		#autoSimResults .tableHolder th,
		#autoSimResults .tableHolder td {
			color: #FFF;
			padding: 1px 0;
		}

		#autoSimResults .tableHolder th {
			width: 200px;
		}

		#autoSimResults .tableHolder td {
			font-family: "Cambria", "Palatino Linotype", Palatino, Georgia, serif;
			font-size: 16px;
		}

		#autoSimResults .tableHolder th,
		#autoSimResults .tableHolder td {
			border-bottom: 1px solid #63A5FE;
		}

		#autoSimResults .tableHolder .lastRow th,
		#autoSimResults .tableHolder .lastRow td {
			border: none;
		}

/*
	Input sizes
*/

.xxxs { width: 20px; }
.xxs { width: 40px; }
.xs { width: 80px; }
.s { width: 120px; }
.m { width: 160px; }
.l { width: 200px; }
.xl { width: 240px; }
.xxl { width: 280px; }
.xxxl { width: 320px; }

/*
	Presentational classes
*/

.mute {
	color: #808080;
}

/*
	The Magic One Liner
	----
	General method to wrap form and other elements on one line
	Gets cleared see clearing section of this css file
*/

.oneLiner p,
.oneLiner .buttonHolder,
.oneLiner .floater {
	float: left;
	margin-right: 4px;
}

	.section .oneLiner {
		float: left;
	}

	.oneLiner p {
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 22px;
		clear: none;
		width: auto;
		/* Same height as button height */
	}

		.horizontal .oneLiner .helpTxt {
			padding: 0 !important;
		}

	.oneLiner select {
		margin-top: 1px;
		margin-right: 3px;
	}

/* "Fake" label */
form p.label {
	padding-bottom: 0;
	border: none;
}

form p label {
	display: block;
}

form textarea {
	width: 300px;
	display: block;
}

form .horizontal textarea {
	width: auto;
}

form ul .helpTxt {
	padding: 0 0 0 24px;
}

form .horizontal p label {
	display: inline;
}
form .horizontal .helpTxt { display: block; padding: 1px 0 1px 106px; }

form .labelWidthLong .helpTxt { padding: 1px 0 1px 145px; }

form .horizontal label,
form .horizontal p.label { float: left; width: 105px; padding-right: 10px; line-height: 17px; padding: 2px 0;}

	/* Alternate label widths */

	form .labelWidthLong label,
	form .labelWidthLong p.label {
		width: 145px;
	}

#profilePassword .horizontal label { width: 170px; }

form .horizontal p.label {
	margin: 0;
}

form .spacing,
form .horizontal span.formError {
	padding-left: 105px;
}

form .labelWidthLong span.formError  {
	padding-left: 145px;
}

form abbr { cursor: help; }

form .block { display: block !important; }
form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form p { zoom: 1; }

/*
	Specific forms
*/

/* Contact form */

#contactForm #name { width: 150px; }
#contactForm #email { width: 190px; }
#contactForm #subject { width: 300px; }
#contactForm #message { width: 300px; height: 170px; }

#contactForm .inputList li {
	width: 280px;
}

#contactForm #specificOffice {
	/*display: none;*/
	/* Use display: none; as default when writing Javascript for this */
	margin-top: 4px;
}

	#contactForm #officeChoice {
		width: 240px;
		_margin-left: 24px;
	}

/*
	Utilities
*/

/*
	Utility: center horizontally
	Use: center an element with variable width horizontally

	Markup pattern:

	<div class="chWrap"><div class="ch"><div class="chInner">
		Element here
	</div></div></div>

	@see ie6.css for conditional comment CSS specifically for IE6
*/

.chWrap {
	width: 100%;
	overflow: hidden;
}

.ch {
	float: left;
	position: relative;
	left: 50%;
}

.chInner {
	position: relative;
	left: -50%;
}

/*
	Grid structures
*/

/* Generic two column structure (used on homepage)*/

.twoColumns {
	zoom: 1;
}

	.columnLeft {
		float: left;
		width: 352px;
	}

	.columnRight {
		float: left;
		width: 351px;
	}

		/* Some spacing on the right column */
		.columnRightAlt {
			width: 331px;
			padding-left: 20px;
		}

		.columnRightAltDouble {
			width: 311px;
			padding-left: 40px;
		}

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

.twoColumns .contentSection {
	margin: 0 0 24px;
}

/*
	Clearer
	"If you absolutely, positively need to kill every float in the room"
*/

.clearer {
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

/*
	General UI constructs
*/

/*
	Figure
*/

.figureHolder {
	margin: 0 0 12px;
}

	.figureHolder {
		zoom: 1;
	}

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

.figureHolder .figure {
	float: left;
}

.figure .img {
	display: block;
}

.figure .legend {
	text-align: center;
}

/* Call to action */

.callToAction {
	background: #005DAB;
	padding: 4px 12px 14px;
	color: #FFF;
}

	.callToAction h1,
	.callToAction h2,
	.callToAction h3,
	.callToAction h4 {
		color: #FFF;
	}

	.callToAction p,
	.callToAction li {
		color: #BAE0FF;
	}

/* Alt colours */

.callToActionAlt {
	background: #E7E7E7 url(../images/cta_alt_bg.png) repeat-x;
	padding: 4px 12px 14px;
}

/*
	Two call to actions horizontal
*/

.callToActionCombo {
	position: relative;
	width: 707px;
	overflow: hidden;
}

	.callToActionCombo .spacer {
		width: 27px;
		float: left;
	}

.callToActionCombo .callToAction,
.callToActionCombo .callToActionAlt {
	float: left;
	width: 316px;

	/* Make sure boxes have same height (paragraph runs over 2 lines; heading over 1) */
	/* Min-height fast hack*/
	min-height: 81px;
	height: auto !important;
	height: 81px;
}

	/* Clear it */
	.callToActionCombo {
		zoom: 1;
	}

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

/* Page title + Breadcrumb */

.pageTitle h2 {
	margin-top: 2px;
	font-size: 32px;
}

.pageTitle {
	margin: 0 0 24px;
}

	.pageTitle .pageDescription {
		font-size: 14px;
		position: relative;
		bottom: 4px;
		margin: 0;
	}

.breadcrumb p {
	font-size: 11px;
	margin: 0;
	color: #666;
}

	.breadcrumb p a {
		color: #666;
		border-color: #CCC;
	}

	.breadcrumb p a:hover {
		color: #000;
		border-color: #666;
	}

/* Accordion */

#accordion h4 {
	background: #ECECEC;
	margin: 0;
	padding: 4px 10px;
	color: #005dab;
}

	#accordion h4:hover,
	#accordion h4.hover {
		color: #E2001A;
		cursor: pointer;
	}

	#accordion h4.ui-state-active {
		color: #FFF;
		background: #005dab;
	}

#accordion div {
	padding: 10px;
}

/*
	Small print
*/

.smallPrint {
	font-size: 11px;
	color: #666;
}

/*
	Table types
*/

	/*
		Infogrid
	*/

	.infoGrid {
		width: 100%;
	}

	.infoGrid tbody th {
		color: #000;
		width: 25%;
		border-bottom: 1px solid #d3dbe2;
	}

	.infoGrid tbody td {
		font-size: 12px;
		border-bottom: 1px solid #d3dbe2;
	}

	.infoGrid tbody tr:last-child td,
	.infoGrid tbody tr:last-child th,
	.infoGrid tbody tr.lastChild td,
	.infoGrid tbody tr.lastChild th {
		border: none;
	}

	/*
		Tariffs table
	*/

	.tariffs {
		width: 100%;
		margin: 0 0 20px;
	}

	.tariffs .title h3 {
		margin: 0;
		color: #FFF;
		text-transform: none;
		font-size: 15px;
	}
		.tariffs .title  {
		
		text-transform:uppercase;
		
	}
	.quotebox {
		
/*		display:block;*/
width:95%;
		background-color:#ecedee;
padding-left: 10px;
		padding-right: 10px;
		padding-bottom:10px;
		padding-top:10px;
	font-style:italic;
/*	line-height:20px;*/
vertical-align:bottom;


/*background: url(/assets/images/lamp.gif) top left 10 10  no-repeat #ecedee	;*/
		}

		
		.bluebox {
		display:block;
		background: #005dab;
	padding-left: 10px;
		padding-right: 10px;
		padding-bottom:10px;
		padding-top:10px;
	font-style:italic;
	line-height:20px;
	color:#FFF;
	vertical-align:bottom;
	/*background: url(../images/nav_feather.gif) no-repeat right bottom;	*/
		}
		
		.tilde {
		display:block;
		float:left;
		margin-right:5px;
		height:20px;
		width:20px;
			background: url(../images/nav_feather.gif) no-repeat 0 0 ;
			}
		.lamp{
			/*border:1px solid black;
	/*	display:block;
		float:left;*/
		margin-right:7px;
		height:45px;
		width:40px;
		
		/*max-height:45px;*/
	/*	background: url(/assets/images/lamp.gif) no-repeat 0 0 ;*/
			
				}
			
			.tilder {
		display:inline;
		float:left;
		margin-left:5px;
		height:20px;
		width:20px;
			background: url(../images/nav_feather.gif) no-repeat 0 0 ;
			}