/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff - not used for CBO Solutions

	Copyright (c) Carruthers Back Office Solutions Limited 2007 - 2011. All rights reserved. 
	Information appearing on this website is the copyright of Carruthers Back Office Solutions Limited
	(CBO Solutions) and must not be reproduced in any medium without licence. Carruthers Back Office
	Solutions Limited endeavours to ensure that the information is correct but does not accept any
	liability for error or omission.
	Carruthers Back Office Solutions Limited is registered in England and Wales, registration
	number 6452848. Registered office: 4 Cross Street, Beeston, Nottingham NG9 2NX.
*/

/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

body {/* set page background colour */
		background: #f0e8aa url(images/page-background.jpg) repeat-x;
		padding-bottom: 30px;
		}

#skipNav {/* skip-navigation container */
		position: absolute;
		top: 2px;
		right: 5px;
		width: 60px;
		text-align: center;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 860px;
		margin: 0 auto;
		background-color: #f0e8aa;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead - puts line below navigation links */
		border-bottom: 12px solid #006d3b;
		}
		
#logo {/* logo container - holds the logo image + tagline text */
		float: left;
		height: 127px;
		width: 810px;
		}

.separator {/* separator at bottom of text before footer */
		height: 24px;
		}

#footer {/* footer to hold copyright statement*/
		border-top: 1px solid #6b6b6b;
		text-align: left;
		/*padding: 15px 20px;*/
		}
	
#navContainer {/* navigation container */
		clear: left;
		}

#content {/* content container */
		background: #ffffff;
		padding: 25px; /*was 10px*/
		}

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
		color: blue;
		text-decoration: none;
		} 

	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #000000;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #898989;
		background: url(images/skip-nav.gif) 50% 100% no-repeat;
		}

				
	/* -- main navigation -- */
#mainNavigation {
		background: #999999;
		border-top: 1px solid #999999;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 20px; /* 20px was 10 px*/
		}
		
#mainNavigation a:hover {
		color: #006d3b;
		}

/* automation for active tab */
.sectionHome #mainNavigation #linkHome a,
.sectionSpreadsheetSolutions #mainNavigation #linkSpreadsheetSolutions a,
.sectionDocumentation #mainNavigation #linkDocumentation a,
.sectionAbout #mainNavigation #linkAbout a,
.sectionContact #mainNavigation #linkContact a {
		background: #666666 url(images/active-tab-background.jpg) 0 100% repeat-x;
		border-top: 1px solid #3a454f;
		}

/* hover over-ride for automated tab */
.sectionHome #mainNavigation #linkHome a:hover,
.sectionSpreadsheetSolutions #mainNavigation #linkSpreadsheetSolutions a:hover,
.sectionDocumentation #mainNavigation #linkDocumentation a:hover,
.sectionAbout #mainNavigation #linkAbout a:hover,
.sectionContact #mainNavigation #linkContact a:hover {
		color: #ffffff;
		}
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #666666;
		border-top: 1px solid #666666;
		padding: 6px 0;
		}

#subNavigation ul {
		text-align: center;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.1em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 20px; /* 20px was 10 px*/
		}

#subNavigation a:hover {
		color: #f0e8aa;
		}

/* automation for active tab */		
.sectionSpreadsheetSolutions #subNavigation #linkHow a,
.sectionSpreadsheetSolutions #subNavigation #linkExamples a,
.sectionDocumentation #subNavigation #linkHowDocs a,
.sectionDocumentation #subNavigation #linkBusDocs a,
.sectionDocumentation #subNavigation #linkManuals a,
.sectionDocumentation #subNavigation #linkSpecs a,
.sectionAbout #subNavigation #linkWhoweare a,
.sectionAbout #subNavigation #linkTools a,
.sectionAbout #subNavigation #linkProcess a,
.sectionAbout #subNavigation #linkSmallPrint a,
.sectionContact #subNavigation #linkEnquiry a,
.sectionContact #subNavigation #linkMap a {
		background: #666666 url(images/active-tab-background_old.jpg) 0 100% repeat-x;
		}

/* hover over-ride for automated tab */
.sectionSpreadsheetSolutions #subNavigation #linkHow a:hover,
.sectionSpreadsheetSolutions #subNavigation #linkExamples a:hover,
.sectionDocumentation #subNavigation #linkHowDocs a:hover,
.sectionDocumentation #subNavigation #linkBusDocs a:hover,
.sectionDocumentation #subNavigation #linkManuals a:hover,
.sectionDocumentation #subNavigation #linkSpecs a:hover,
.sectionAbout #subNavigation #linkWhoweare a:hover,
.sectionAbout #subNavigation #linkTools a:hover,
.sectionAbout #subNavigation #linkProcess a:hover,
.sectionAbout #subNavigation #linkSmallPrint a:hover,
.sectionContact #subNavigation #linkEnquiry a:hover,
.sectionContact #subNavigation #linkEnquiry a:hover {
		color: #ffffff;
		}

				
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1 {/* main heading */
		font: bold 1.8em/1.6em Arial, sans-serif;
		margin-bottom: 5px;
		}

h2 {/* second-level heading */
		font: bold 1.4em/1.2em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 0px;
		color: #006d3b;
		}
		
h3 {/* third-level heading */
		font: bold 1.2em/1.0em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 2px;
		color: #000000;
		}

p {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}
		
.centertext {
		text-align: center;
			}
			
.boldtext {
		font-weight: 700;
			}
			
.specialtext {
		font-style: italic;
		color: #006d3b;
			}
			
.breadcrumb {
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 0em;
		font-style: italic;
		text-align: right;
		color: #006d3b;
			}
		
.footnote {
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}
		
.toptext {
		font: bold 1.1em/1.3em Verdana, Arial, sans-serif;
		color: #006d3b;
		text-decoration: none;
		text-align: right;
		}
		
.inset {
		margin-left: 40px;
		width: 500px;
		}
		
ul.body {
		list-style-type: disc;
		margin-top: 0px;
		margin-left: 25px;
		padding-left: 25px;
		margin-bottom: 12px;
		}
ol.body {
		list-style-type: decimal;
		margin-top: 0px;
		margin-left: 25px;
		padding-left: 25px;
		margin-bottom: 12px;
		}
li.item {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 6px;
		}

li.itemspecial {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 6px;
		color: #006d3b;
		}
		
li.itemspecial2 {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		font-style: italic;
		margin-bottom: 6px;
		color: #006d3b;
		}

ul.body2 {/* second level of bullet */
		list-style-type: circle;
		margin-top: 0px;
		margin-left: 25px;
		padding-left: 25px;
		margin-bottom: 12px;
		}

/*table {/*style used for text in a table
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}*/

td.emphasis {/* emphasised text in a table - based on H2 style */
		font: bold 1.4em/1.2em Verdana, Arial, sans-serif;
		color: #006d3b;
		}

td p {/*style used for text in a table*/
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

td.body {/*style used for text in a table*/
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

#footer p {/* font of copyright statement */
		font: 1.1em Verdana, Arial, sans-serif;
		color: #6b6b6b;
		text-align: left;
		margin-bottom: 2px;
		padding-top: 4px;
		}

/* Special styles to layout the footer */

.leftfooter {
		float: left;
		width: 500px;
		}
		
.rightfooter {
		width: 30px;
		float: right;
		}

/* Special styles to layout the contact us page */

.left {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 120px;
		}
		
.right {
		margin-bottom: 5px;
		width: 580px;
		float: right;
		}
.clean {/* Used after each row*/
		clear:both;
		border-top: 1px solid #6b6b6b;
		font-size:5px;
		}
/* And for the map */
#map {
	width: 810px;
	height: 400px;
	border: 1px solid black;
	float: left;
	margin-bottom: 10px;
		}
		
.cleanmap {/* Used after the map*/
		clear:both;
		font-size:10px;
		margin-top: 10px;
		}
		
.popup {/* Font for Directions popup*/
		font: 1.1em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}


/* Special styles to layout the example */

.exheader {
		font: bold 1.4em/1.2em Verdana, Arial, sans-serif;
		margin-top: 1.5em;
		margin-bottom: 0px;
		color: #006d3b;
		background-color: #f0e8aa;
		line-height: 30px;
		padding: 0 5px 0 5px;
		}

.number {
		font: italic 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 20px;
		}
		
.action {
		font: italic 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-left: 30px;
		margin-right: 400px;
		}
		
.result {
		margin-bottom: 5px;
		width: 380px;
		float: right;
		}

.cleaner {/* Used after each row*/
		clear:both;
		height:1px;
		font-size:1px;
		border-top: 1px solid #6b6b6b;
		/*border:none;*/
		margin:0; padding:0;
		background:transparent;
		}

		
/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}
		
#logo img {
		margin-top: 10px;
		margin-left: 25px; /*was 10px*/
		}

.mapimage {/* remove borders from image with hotspots */
		border: 0;
		}
		
/* to align the images in the text*/

.floatleft { 
		float: left;
		margin-top: 5px;
		margin-right: 10px;
		border: 1px solid #6b6b6b;
		}

.floatright {
		float: right;
		margin-left: 25px;
		border: 1px solid #6b6b6b;
		} 

.floatright_noborder{
		float: right;
		margin-left: 25px;
		border: 0;
		} 
		
/* ---------- 6. forms stuff ---------- */

label {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 100px;
		}
		
input, textarea {
		width: 500px;
		margin-bottom: 5px;
		}

textarea {
		width: 500px;
		height: 100px;
		}

.labeltext {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		float: left;
		width: 100px;
		}

.boxes {
		width: 2em;
		margin-left: 100px;
		float: left;
		}
		
.labelbox {
		font: 1.3em/1.5em Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

#submitbutton {
		background:#f0e8aa;
		font-weight: bold;
		color: #006d3b;
		margin-left: 100px;
		margin-top: 5px;
		width: 120px;
		}
		
#resetbutton {
		background:#f0e8aa;
		font-weight: bold;
		color: #006d3b;
		margin-left: 10px;
		margin-top: 5px;
		width: 120px;
		}

br {
		clear: left;
		}
 
/* following not used for CBO Solutions website

#searchArea form {
		padding: 17px 0 0 20px;
		}

#searchArea p {
		color: #eeeeee;
		float: left;
		margin-right: 10px;
		}

#searchArea p.mainSearchLabel {
		float: none;
		display: block;
		}
		
#mainSearchField {
		width: 230px;
		border: 1px solid #666666;
		background-color: #111111;
		color: #eeeeee;
		font-size: 1.0em;
		padding: 1px;
		}
		
#mainSearchSubmit {
		width: 40px;
		border: 1px solid #666666;
		font-size: 1.0em;
		background-color: #333333;
		color: #eeeeee;
		margin-right: -10px;
		}
*/