/*
- - - - - - - - - -
Capital Expenditure Request master style sheet v.01
Clever4 Limited / www.clever4.net
Last update: 14th October 2009 / 11:23 GMT
Last updated by: Martin Hodgson (martin.hodgson@clever4.net)
- - - - - - - - - -
*/

/* =Reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- - - - - - - - - - - - - - - - - - - - */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }
body {font-family: Arial; font-size: 1em; color: #000;}

/* Typography - - - - - - - - - - - - - - - - - - - - - - */
p {font-size: 80%; margin: 0 0 18px 0; clear: left;}
p strong { font-weight:bold; }
p a {color: #DE5F00; text-decoration: none; font-weight:bold;}
p a:link { color:#DE5F00; }
p a:visited { color:#DE5F00; }
p a:hover {	color:#DE5F00; text-decoration:underline; }
p a:active { color:#DE5F00; }
ul {font-size: 80%; clear: left; list-style: none; float: left;}
div.footer p {font-size: 60%; color: #999; padding: 0 0 30px 0;}
h1 {font-size: 110%; font-weight: normal; color: #A1A1A1; float: left; width: 952px; height: 35px; background: #D7DCE0 url("/images/business-intelligence-2009.jpg") 19px 7px no-repeat;}
h1 strong {display: none;}

/* Structure - - - - - - - - - - - - - - - - - - - - - - */
div.container {width: 1040px; margin: 0 auto; padding: 20px 0 0 0; background: url("/images/background.jpg") top left repeat-y; text-align: left; display: table;}
div.header {background: url("/images/header.jpg") top left no-repeat; margin: 0 44px 0 44px; float: left; display:inline; width: 952px;}
div.header img {margin: 8px 0 25px 19px; float: left;}
div.footer {background: url("/images/footer.jpg") bottom left no-repeat; padding: 0 44px; margin: 0; clear: both; display: table; width: 952px;}
div.content-container {clear: both; float: left; display:inline; width: 952px; margin:15px 0 15px 44px;	background:transparent url('/images/lombard-cashflow-bottom.gif') no-repeat bottom left; }
div.content-container div.content {clear:both; float:left; display:inline; width:952px;	background:transparent url('/images/lombard-cashflow-top.gif') no-repeat top left; padding:50px 0 20px 0; }

#navigation { background: url('/images/nav-top.gif') no-repeat top right; clear:both; float:left; display:inline; margin-top: -39px; padding-top: 4px; width: 691px; }
#navigation-inner { background: #3B5267 url('/images/nav-bottom.gif') no-repeat bottom right; float: left; padding: 0 9px 4px 12px; width: 670px; }
#navigation ul { list-style-type: none; margin: 0; font-size:104%;}
#navigation li { float: left; font-size: 0.75em; margin: 0; padding: 0 2px 0 1px; }
#navigation a { display: block; padding: 4px 7px; text-decoration: none; font-weight: normal; }
#navigation ul li:hover a { background-color: #DEE3E9; }
#navigation a:link, #navigation a:active, #navigation a:visited { color: #FFF; text-decoration: none; }
#nav a:hover { color: #324D60; background-color: #DEE3E9; background-image: none; }
#navigation li.last { background-image: none; }


/* ---- Main Content ---- */
div.main-content {
	float:left;
	display:inline;
	width:420px;
	padding:0 30px 0 50px;
	background:transparent url('/images/lombard-business-intelligence.jpg') no-repeat 45px 0;
}

/* [Pixy's Image Transform] - Image Cover up method */
div.main-content h2#business-lookup {
	font-size:110%;
	font-weight:normal;
	margin:10px 0 40px 100px;
	color:#231C45;
	position:relative;	
	width:320px;
	height:110px;
	overflow:hidden;
}

div.main-content h2#business-lookup span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:320px;
	height:110px;
	margin:0;
	padding:0;
	background:transparent url('/images/how-businesses-look-up-in-a-downturn.jpg') no-repeat top left;
}

div.main-content h2#business-snapshot {
	font-size:110%;
	font-weight:normal;
	margin:30px 0 10px 0;
	color:#231C45;
	position:relative;	
	width:390px;
	height:17px;
	overflow:hidden;
}

div.main-content h2#business-snapshot span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:390px;
	height:17px;
	margin:0;
	padding:0;
	background:transparent url('/images/business-intelligence-2009-report-snapshots.jpg') no-repeat top left;
}
/* --- End of [Pixy's Image Transform] --- */

div.main-content h1 strong {
	font-size:160%;
	font-weight:normal;
}

div.main-content h1 strong {
	font-size:160%;
	font-weight:normal;
}

div.main-content p {
	clear:both;
}

div.main-content ul {
	float:left;
	display:inline;
	width:417px;
	list-style-type:none;
	font-size:70%;
	margin:0;
	padding:0 0 30px 0;
}

div.main-content ul li {
	float:left;
	display:inline;
	width:100%;
	margin:0 0 5px 0;
	background:#D7DEE6 url('/images/list-bottom.gif') no-repeat bottom left;
}

div.main-content ul li div {
	background:transparent url('/images/list-top.gif') no-repeat top left;
}

div.main-content ul li.open a {
	color:#231C45;
	font-weight:bold;
}

div.main-content ul li a {
	display:block;
	padding:5px 5px 5px 13px;
	color:#231C45;
	text-decoration:underline;
	background:transparent url('/images/list-bullet.gif') no-repeat 5px 9px;
}

div.main-content ul li a:hover {
	text-decoration:none;
	color:#231C45;	
}

div.main-content ul li div.text-reveal {
	background-image:none;
	margin:10px 0 10px 0;
}

div.main-content ul li div.text-reveal p {
	font-size:100%;
	padding:0 15px 5px 15px;
	margin:0;
}


/* ---- Success-page full width ---- */
body.success-page div.main-content {
	float:left;
	display:inline;
	width:622px;
	padding:0 30px 0 300px;	
	background:transparent url('/images/lombard-business-intelligence-large.jpg') no-repeat 45px 0;
}

/* [Pixy's Image Transform] - Image Cover up method */
body.success-page div.main-content h2#download {
	font-size:220%;
	font-weight:normal;
	margin:18px 0 18px 0;
	color:#231C45;
	position:relative;
	width:550px;
	height:56px;
	overflow:hidden;
}

body.success-page div.main-content h2#download span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:550px;
	height:56px;
	margin:0;
	padding:0;
	background:transparent url('/images/lombard-thankyou.jpg') no-repeat top left;
}

div.main-content h2#business-intelligence {
	font-size:110%;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#231C45;
	position:relative;	
	width:375px;
	height:17px;
	overflow:hidden;
}

div.main-content h2#business-intelligence span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:375px;
	height:17px;
	margin:0;
	padding:0;
	background:transparent url('/images/business-intelligence-2009-report-autumn.jpg') no-repeat top left;
}

div.main-content h2#business-intelligence-summer {
	font-size:110%;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#231C45;
	position:relative;	
	width:380px;
	height:17px;
	overflow:hidden;
}

div.main-content h2#business-intelligence-summer span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:380px;
	height:17px;
	margin:0;
	padding:0;
	background:transparent url('/images/business-intelligence-2009-report-summer.jpg') no-repeat top left;
}

div.main-content h2#contact-us {
	font-size:110%;
	font-weight:normal;
	margin:0 0 10px 0;
	color:#231C45;
	position:relative;	
	width:280px;
	height:15px;
	overflow:hidden;
}

div.main-content h2#contact-us span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:280px;
	height:15px;
	margin:0;
	padding:0;
	background:transparent url('/images/contact-us-for-more-information.jpg') no-repeat top left;
}
/* --- End of [Pixy's Image Transform] --- */

div.main-content ul#download-success {
	width:523px;
	padding:0 0 30px 0;
}

div.main-content ul#download-success li {
	float:left;
	display:inline;
	width:100%;
	margin:0 0 5px 0;
	background:transparent url('/images/list-bottom-large.gif') no-repeat bottom left;
}

div.main-content ul#download-success li div {
	float:left;
	display:inline;
	width:392px;
	background:transparent url('/images/list-top-large.gif') no-repeat top left;
}

div.main-content ul#download-success li a {
	float:left;
	display:inline;
	padding:10px 5px 5px 13px;
	color:#231C45;
	background:transparent url('/images/list-bullet.gif') no-repeat 5px 14px;
}

div.main-content ul#download-success li input {
	float:right;
	border:1px solid red;
}

div.main-content ul#download-success li div.text-reveal {
	background-image:none;
	margin:10px 0 10px 0;
}

div.main-content p#call-disclaimer {
	font-size:70%;
}

input.download-report {
	clear:both;
	float:left;
	display:inline;
	margin:10px 0 10px 0;
	width:295px;
	height:31px;
}

input.download-previous {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 10px 0;
	width:310px;
	height:31px;
}


/* ---- Sitemap list and 404 ---- */
body.error-page div.main-content {
	float:left;
	display:inline;
	width:622px;
	padding:0 30px 200px 300px;	
	background:transparent url('/images/lombard-business-intelligence-large.jpg') no-repeat 45px 0;
}

/* [Pixy's Image Transform] - Image Cover up method */
body.error-page div.main-content h2 {
	font-size:220%;
	font-weight:normal;
	margin:18px 0 18px 0;
	color:#231C45;
	float:left;
	position:relative;	
	width:445px;
	height:57px;
	overflow:hidden;
}

body.error-page div.main-content h2 span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:445px;
	height:57px;
	margin:0;
	padding:0;
	background:transparent url('/images/page-not-found.jpg') no-repeat top left;
}
/* --- End of [Pixy's Image Transform] --- */


/* Contact Form - - - - - - - - - - - - - - - - - - - - - - */
div#sub-content {
	float:left;
	display:inline;
	width:417px;
	background:#D7DEE6 url('/images/form-bottom.gif') no-repeat bottom left;
	margin: 0;
}

/* [Pixy's Image Transform] - Image Cover up method */
div#sub-content h2.download-report {
	font-size:110%;
	font-weight:normal;
	margin:0 0 18px 0;
	color:#231C45;
	float:left;
	position:relative;	
	width:417px;
	height:124px;
	overflow:hidden;
}

div#sub-content h2.download-report span {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width:417px;
	height:124px;
	margin:0;
	padding:0;
	background:#5C788E url('/images/form-top.gif') no-repeat top left;
}
/* --- End of [Pixy's Image Transform] --- */

/* ---- Registration Form ---- */
fieldset { width:397px; padding:0 0 20px 20px; float:left; display:inline; }

fieldset legend { font-size:80%; margin:0 0 20px 0; float:left; display:inline; }

fieldset em { color:red; }

fieldset label {
	clear:both;
	float:left;
	display:inline;
	width:120px;
	margin:0 0 10px 0;
	font-size:80%;
}

fieldset p {
	clear:both;
	float:left;
	display:inline;
	width:370px;
}

fieldset p strong {
	font-weight:bold;
}

fieldset input {
	width:235px;
	float:left;
	display:inline;	
	margin:0 0 10px 0;	
}

fieldset select {
	float:left;
	display:inline;
	width:235px;
	margin:0 0 10px 0;
	font-size:80%;
}

fieldset textarea {
	float:left;
	display:inline;
	width:235px;
	margin:0 0 10px 0;
}

input.submit {
	clear:both;
	float:left;
	display:inline;
	margin:0 0 0 160px;
	width:201px;
	height:28px;
}

/* Consent and Privacy Div */
div.consent { clear:both; margin: 0; }

div.consent p { clear:both; float:left; display:inline; width:370px; margin: 0 0 10px 0; }

div.consent p.padlock { float:left; display:inline; background:transparent url('/images/padlock.gif') no-repeat center left; padding:5px 0 5px 20px; }

div.consent p.padlock strong { font-weight: bold; }

div.consent label { clear:both; float:left; display:inline; width:380px; }

div.consent input.tick-box {
	clear:both;
	width:15px;
	height:15px;
	margin:-25px 0 0 300px;
}

/* Yes/No Radio Buttons */
div.consent p.question { clear:both; width:370px; float:left; display:inline; }

div.consent ul.radiobuttons {
	clear:none;
	float:left;
	display:inline;
	list-style-type:none;
	width:350px;
	margin:0 0 0 0;
	padding:0;
	font-size:100%;
}

div.consent ul.radiobuttons li {
	clear:none;
	float:left;
	display:inline;
	width:60px;
	margin:0;
	padding:0;
}

div.consent ul.radiobuttons li input {
	float:left;
	display:inline;
	width:15px;
	vertical-align:middle;
}

div.consent ul.radiobuttons li label {
	clear:none;
	float:left;
	display:inline;
	width:30px;
	padding:0 0 0 5px;
}


/* Error handling - - - - - - - - - - - - - - - - - - - - - - */
h2.errortop, p.errortop {
	float:left;
	display:inline;
	color:red;
	width:370px;
	margin:0 0 10px 0;
	font-weight:normal;
}

div#text-entries label strong {
	color:red;
	font-weight:bold;
}

div.consent label.select strong {
	color:red;
	font-weight:bold;
}

div.consent p.question strong {
	color:red;
	font-weight:bold;
}

p.error {
	width:250px;
	margin:0 0 10px 0;
	padding-left:120px;
	color:red;
}

div.consent p.error {
	width:370px;
	padding-left:0;	
}


/* Footer - - - - - - - - - - - - - - - - - - - - - - */
div.footer ul {font-size: 65%; list-style: none; float: none; padding: 10px 0 17px 0; font-weight: bold; border-top: 3px solid #EFEFEF;}
div.footer ul li {float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; background: url("/images/divide.jpg") right no-repeat;}
div.footer ul li a {color: #577188; text-decoration: none; font-weight: normal;}
div.footer ul li a:hover {text-decoration: underline;}
div.footer ul li.last {background: none;}

/* Misc - - - - - - - - - - - - - - - - - - - - - - */
div.header a.lombardlink {text-decoration: none;}
div.header a.lombardlink img {float: right; margin: 100px -2px 5px 0;}
