/*  ******************************************************************************  */
/*  *  Author: James King, 23/08/2005   -   Copyright Tempus Computers Ltd 2005  *  */
/*  ******************************************************************************  */

body {
	margin:0px;
	padding:0;
	background:#1D517E;
	font:11px Verdana, Sans-serif;
	line-height:16px;
	text-align:left;
	color:#666;
	}
  
td, font, input{
	vertical-align:top;  
	font:11px Verdana, Sans-serif;
	line-height:16px;
	text-align:left;
	color:#000;
	}
	
input {
	line-height:normal;
}

a:link, a:visited{
	color:#036;
	text-decoration:underline;
	font-weight:normal;
	font:11px Verdana, Sans-serif;
	}
	
a:hover{
	color:#036;
	text-decoration:none;
	font-weight:normal;
	font:11px Verdana, Sans-serif;
	}	
		
h3 {
	font:16px Verdana, Sans-serif;
	font-weight:bold;
	color:#036;
	letter-spacing:1px;
	height:25px;
	display:block;
	border-bottom: 1px solid #C9DAE4;
	}		
	
h4 {
	font:22px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999966;
	letter-spacing:-1px;
	
}	
	
ul {
	list-style:url(../images/icon_bullet.gif);
}	
	
.cell_top {
	border:1px solid #FFF;
	border-top:0px;
	background-color:#FFF;
	height:100px;
	background-image:url(../images/top_bg.jpg);
}	
	
.cell_left_top{
	background-color:#E2EBF0;
	background-image:url(../images/cell_shadow_01.gif);
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	width:180px;
	
	background-repeat:repeat-x;
	height:100px;
	color:#036
	}
	
.cell_right_top {
	background-color:#fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	width:580px;
	background-image:url(../images/cell_shadow_02.gif);
	background-repeat:repeat-x;
	text-align:left;
}		

.cell_left_bottom{
	background-color:#E2EBF0;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;	
	height:30px;
	background-image:url(../images/cell_shadow_03.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}	

.cell_right_bottom {
	background-color:#fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background-image:url(../images/cell_shadow_04.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}	
	
.cell_nav {
	background-color:#1D517E;
	background-image:url(../images/nav_bg.jpg);
	height:30px;
}	

.cell_sub_nav {
	background-color:#0E4063;
	border-right:1px solid #036;
	border-left:1px solid #036;
	height:30px;
	color:#FFF;
}	

.cell_sub_nav span {
	padding:7px 20px 0px 20px;
}

#main_content{
	padding:30px 30px 0px 30px;
	float:left;
}

#features {
	float:right;
}

#features_item {
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	color:#036;
}

#features_item_green {
	background-color:#C8E4C7;
	border:1px solid #9ACC99;
	color:#30802F;
}

#features_item_padd {
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	padding:20px;
	color:#036;
}


#company_logos {
	padding:10px 20px;
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	display:block;
}

#company_logos img {
	padding:10px 30px;

}


#featurefull {
	padding:20px;
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	display:block;
}

#featurefull img{
	margin:0px 20px 0px 0px;
}

#feature {
	padding:20px;
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	float:right;
	margin:0 0 20px 20px;
	color:#036;
	text-align:left;
}

#feature b{
	display:block;
	text-transform:uppercase;
	color:#036;
	letter-spacing:1px
}

#feature a.mainlink{
	display:block;
	text-decoration:none;
}

#feature_pic{
	padding:0px;
	background-color:#E2EBF0;
	border:1px solid #C9DAE4;
	float:right;
	margin:0 0 15px 15px;
	color:#036;
	text-align:left;
}

#logos td{
	vertical-align:middle
}

/* HOMEPAGE */

#homepage_feature {
	height:195px;
	background-color:#F2F2F2;
	margin-bottom:14px;
	font-size:10px;
	line-height:14px;
	border: solid 1px #CCCCCC;
	
}

#software_projects, #hardware_projects, #development_projects, #cohort_projects{
	padding:20px;
}
#cohort_projects
{
	padding-left:9px;
	padding-right: 5px;
	
}
#software_projects {
	background-image:url(../images/bg_home_software.jpg);
}
#hardware_projects {
	background-image:url(../images/bg_home_computers.jpg);
}
#development_projects {
	background-image:url(../images/bg_home_development.jpg);
}
#cohort_projects
{
	background-image:url(../images/bg_cohort_development.png);
	background-position:20px 5px ;
	background-repeat:no-repeat;
}
#development_projects a:link, #development_projects a:visited {
	display: block;
	width:70px;
	padding: 6px 6px 9px 26px;
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/icon_link_white.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}

#development_projects a:hover{
	background-color: #FFF;
	text-decoration: none;
	background-image:url(../images/icon_news_2.gif);
	color:#036
}

#software_projects a:link, #software_projects a:visited {
	display: block;
	width:70px;
	padding: 6px 6px 9px 26px;
	margin-top:10px;
	color:#fff;
	text-decoration:none;
	background-image:url(../images/icon_link_white.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}

#software_projects a:hover{
	background-color: #FFF;
	text-decoration: none;
	background-image:url(../images/icon_news_2.gif);
	color:#036;
}


#cohort_projects a:link, #cohort_projects a:visited {
	display: block;
	width:70px;
	padding: 6px 6px 9px 26px;
	margin-top:10px;
	margin-left: 400px;
	color:#000;
	text-decoration:none;
	background-image:url(../images/icon_link_white.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	background-image:url(../images/icon_news_2.gif);
	color:#036
}

#cohort_projects a:hover{
	background-color: #F2F2F2;
	text-decoration: underline;
	background-image:url(../images/icon_news_2.gif);
	color:#000
}


#news_main {
	margin-top:10px;
	width:300px;
	float:left;
	background-color:#fff;
	display:block
}

#news_main b{
	display:block;
	font-size:11px;
}

#news_main a:link, #news_main a:visited {
	display: block;
	margin-top:10px;
	width:70px;
	padding: 6px 0px 9px 26px;
	color:#68a;
	text-decoration:none;
	background-image:url(../images/icon_news.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}

.top_of_the_page {
	display: block;
	margin-top:10px;
	padding: 6px 0px 9px 34px;
	color:#68a;
	text-decoration:none;
	background-image:url(../images/icon_top_of_the_page.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
}

#sectionLinks{
	float:right;
	width:200px;
	display:block;
	background-color:#fff;
	margin:0px;
	padding:0px;
	font-size:10px
}

* html #sectionLinks a {
	width:174px
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-bottom: 1px solid #C9DAE4;
	padding: 6px 0px 9px 26px;
	color:#68a;
	text-decoration:none;
	background-image:url(../images/icon_news.gif);
	background-repeat:no-repeat;
	background-position:6px 6px;
	text-align:left;
		font-size:10px
}

#sectionLinks a:hover, #news_main a:hover{
	background-color: #F1F9FD;
	text-decoration: none;
	background-image:url(../images/icon_news_2.gif);
	color:#036
}

/* TITLES */

#sub_title {
	background-repeat:no-repeat;
	height:27px;
	display:block;
	padding-bottom:6px;
	border-bottom: 1px solid #C9DAE4;
	width:520px
}
#sub_title h2{
	display:none
}
.sub_title_news{
	background-image:url(../images/title_latest_headlines.gif);
}
.sub_title_computers{
	background-image:url(../images/title_computers.gif);
}
.sub_title_education{
	background-image:url(../images/title_education.gif);
}
.sub_title_itprovision{
	background-image:url(../images/title_itprovisions.gif);
}
.sub_title_itsupport{
	background-image:url(../images/title_itsupport.gif);
}
.sub_title_classroomdesign{
	background-image:url(../images/title_classroomdesign.gif);
}
.sub_title_teachingaids{
	background-image:url(../images/title_teachingaids.gif);
}
.sub_title_smes{
	background-image:url(../images/title_smes.gif);
}
.sub_title_corporate{
	background-image:url(../images/title_corporate.gif);
}
.sub_title_software{
	background-image:url(../images/title_software.gif);
}
.sub_title_software_bespoke{
	background-image:url(../images/title_software_bespoke.gif);
}
.sub_title_software_web{
	background-image:url(../images/title_software_web.gif);
}
.sub_title_software_occ_health{
	background-image:url(../images/title_software_occ_health.gif);
}
.sub_title_software_web{
	background-image:url(../images/title_software_web.gif);
}
.sub_title_developments{
	background-image:url(../images/title_developments.gif);
}
.sub_title_mobile_solutions{
	background-image:url(../images/title_mobile_solutions.gif);
}
.sub_title_integrated_solutions{
	background-image:url(../images/title_integrated_solutions.gif);
}
.sub_title_innovative_engineering{
	background-image:url(../images/title_innovative_engineerin.gif);
}
.sub_title_vehicle_installation{
	background-image:url(../images/title_vehicle_installation.gif);
}
.contact_form{
	background-image:url(../images/title_contact_form.gif);
}
.contact_address{
	background-image:url(../images/title_contact_address.gif);
}
.tempus_website_help{
	background-image:url(../images/title_website_help.gif);
}
.tempus_website_glossary{
	background-image:url(../images/title_website_glossary.gif);
}
.tempus_website_map{
	background-image:url(../images/title_website_map.gif);
}
.tempus_company_overiew{
	background-image:url(../images/title_company_overview.gif);
}
.tempus_company_areas{
	background-image:url(../images/title_company_areas.gif);
}
.tempus_customers{
	background-image:url(../images/title_company_customers.gif);
}
.tempus_staff{
	background-image:url(../images/title_company_staff.gif);
}
.tempus_history{
	background-image:url(../images/title_company_history.gif);
}
.tempus_sales_contacts{
	background-image:url(../images/title_sales.gif);
}
.tempus_customer_support{
	background-image:url(../images/title_customer_support.gif);
}
.Tempus_GPS_Module{
	background-image:url(../images/title_Tempus_GPS_Module.gif);
}
.cf_18_vehicle_dock{
	background-image:url(../images/title_cf_18_vehicle_dock.gif);
}
.cf_18_vertical_vehicle_dock{
	background-image:url(../images/title_cf_18_vertical_vehicl.gif);
}
.cf_18_universal_docking_plate{
	background-image:url(../images/title_cf_18_plate.gif);
}
.cf_18_desk_office_workshop_dock{
	background-image:url(../images/title_cf_18_desk_dock.gif);
}
.cf_29_desk_office_workshop_dock{
	background-image:url(../images/title_cf_29_desk_dock.gif);
}
.cf_29_in_vehicle_dock{
	background-image:url(../images/title_tempsafe.gif);
}
.mobile_thermal_printer{
	background-image:url(../images/title_thermal_printer.gif);
}
.sub_title_cohort_1{
	background-image:url(../images/title_cohort_1.gif);
}
.sub_title_cohort_2{
	background-image:url(../images/title_cohort_2.gif);
}
.sub_title_cohort_3{
	background-image:url(../images/title_cohort_3.gif);
}
.sub_title_cohort_4{
	background-image:url(../images/title_cohort_4.gif);
}
.sub_title_cohort_5{
	background-image:url(../images/title_cohort_5.gif);
}
.sub_title_cohort_6{
	background-image:url(../images/title_cohort_6.gif);
}
.sub_title_cohort_7{
	background-image:url(../images/title_cohort_7.gif);
}
.sub_title_cohort_8{
	background-image:url(../images/title_cohort_8.gif);
}
.sub_title_cohort_9{
	background-image:url(../images/title_cohort_9.gif);
}
.sub_title_consultant_services {
	background-image:url(../images/title_con_services.gif);
}
.sub_title_Lenovo {
	background-image:url(../images/title_Lenovo.gif);
}
.Tempus_Digital_IO_box {
	background-image:url(../images/title_io_box.gif);
}
.display_with_touchscreen {
	background-image:url(../images/title_display_with_touchscr.gif);
}
.cf_08_docking_station{
	background-image:url(../images/title_cf_08.gif)
}
/* NAVIGATION */

#nav {
	background-repeat:no-repeat;
	float:right;
	width:100%;
}

#nav ul {
	margin:0;
	list-style:none;
}
  
#nav li {
	float:right;
	margin:0;
	padding:0;
	line-height:normal;
	text-indent:0;
}
  
#nav a{
	display:block;
	padding:3px 10px 5px 10px;
	border:solid #C7D3DF;
	border-width:0 0 0 1px;
	color:#036;
	text-decoration:none;
	white-space:nowrap;
	text-align:left;
	font-size:10px
}

* html #nav a {
	width:1%;
}

#nav a:hover, #nav #current a:hover strong, #nav #current strong {
	color:#fff;
	background-color:#0E4063
}


#side_links {
	padding:20px;
}

#side_links a{
	display:block;
	color:#036;
	text-decoration:none;
	text-align:left;
	padding:3px 0px 5px 20px;
	background-image:url(../images/icon_arrow.gif);
	background-repeat:no-repeat;
	font-size:10px
}

#side_links a:hover{
	color:#036;
	background-color:#D5E2E9
}

#side_links #sub_links{
	padding:0px 0px 0px 10px
}

#side_links  #sub_links a{
	display:block;
	color:#036;
	text-decoration:none;
	text-align:left;
	padding:3px 0px 5px 20px;
	background-image:url(../images/icon_arrow_sub.gif);
	background-repeat:no-repeat;
	font-size:10px
}


#subnav a:link, #subnav a:visited{
	color:#C2D5DF;
	text-decoration:none;
	padding:0px 20px 0px 0px;
	font-size:10px
}

#subnav a:hover {
	color:#fff;
}	

#newwindow a:link, #newwindow a:visited{
	display:block;
	color:#036;
	text-decoration:none;
	text-align:left;
	padding:3px 0px 5px 25px;
	background-image:url(../images/icon_window.gif);
	background-repeat:no-repeat;
	font-size:10px;
}

#pdfdoc a:link, #pdfdoc a:visited{
	display:block;
	color:#036;
	text-decoration:none;
	text-align:left;
	padding:3px 0px 5px 25px;
	background-image:url(../images/icon_pdf_16.gif);
	background-repeat:no-repeat;
	font-size:10px;
}

#subnavport ul{
	margin:0px;
	list-style:none;
	padding:0px;
	}

#subsubnav a{
	display:block;
	color:#036;
	text-decoration:none;
	text-align:left;
	padding:3px 0px 5px 20px;
	background-image:url(../images/icon_arrow.gif);
	background-repeat:no-repeat;
	font-size:10px;
}

#subsubnav a:hover {
	color:#036
}

#subnavport li {
	list-style:url(../images/spacer.gif);
	margin-top:10px;
	text-align:left;
	
	}
	
#subnavport a:link, #subnavport a:visited {
	display:block;
	padding:10px;
	border:1px solid #C9DAE4;
	background-color:#E2EBF0;
	height:113px;
	text-decoration:none;
	line-height:15px
	} 
	
#subnavport a:hover{
	background-color:#FFFFFF
	}
	
#subnavport a img {
	float:left;
	margin-right:10px;
	border:1px solid #C9DAE4;
	}

#search_results {
	background-image:url(../images/icon_page.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
	margin-bottom:10px
	}
	

/* FORMS */

.formtext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:normal;
	width:150px;
	margin:0px;
	display:inline
}

.formtext2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:normal;
	width:210px;
	margin:0px;
	display:inline
}

.formtextdrop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	line-height:normal;
	width:214px;
	margin:0px;
	display:inline
}

.buttons {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#fff;
	line-height:normal;
	border-width:1px;
	border-style:solid;
	border-left-color:#6696BA;
	border-top-color:#6696BA;
	border-right-color:#1F527D;
	border-bottom-color:#1F527D;	
	background-color:#729FBE;
	padding:1px;	
	background-image:url(../images/button_bg.gif);
	margin:0px;
	display:inline;
	text-align:center;
	cursor: pointer;
}

.form {
	background-color:#FFFFFF;
}

label {
	cursor:pointer;
	padding-top:4px;
	display:block
}

.form h3 {
	font-family:Arial, "Times New Roman", Times, serif;
	font-weight:bold;
	background:#6BAA16 url(../images/bg_form_h3.gif) top repeat-x;
	color:#fff;
	margin:0.7em 0px 0.7em 0px;
	font-size:150%;
	line-height:normal;
	padding:4px 10px;
}

form input.text_field_black {
	width: 200px;
	font-size: 100%;
	padding:4px;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-left:1px solid #777;
	border-bottom:1px solid #777;
	background-color:#333;
	color:#fff;
}

form input.text_field_black:hover {
	border-color:#fff
}

form input.text_field, form textarea.text_field {
	width: 250px;
	font-size: 100%;
	padding:4px;
	border-top:1px solid #A8BDCD;
	border-right:1px solid #A8BDCD;
	border-left:1px solid #D4E0E7;
	border-bottom:1px solid #D4E0E7;
	background-color:#EDF3F6;
	color: #000;
}

form select.text_select {
	font-size: 100%;
	padding:3px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f5f5f5;
	color: #000;
}

table.table_form {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width:100%
}
	
table.table_form th, 
table.table_form td {
	margin: 0;
	padding: 5px;
}

table.table_form tr.last th, 
table.table_form tr.last td {
	border-bottom: none;
}
	
table.table_form th {
	text-align: right;
	vertical-align: top;
	color: #333;
	width:170px	
}

#login table.table_form th {
	color:#b3b6b3;
}

table.table_form th label {
	cursor:pointer;
}

table.table_form td em {
	display: block;
	margin: 3px 0 0 0;
	font-style: normal;
}

table.table_form td p.instructions {
	font-size: 100%;
	color: #679EF1;
}

table.table_form td p.error {
	font-size: 100%;
	color: #aa0000;
	background-image:url(../images/icon_error.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:23px;
}

p.error_summary {
	font-size: 100%;
	color: #000;
	background:#EEDCDC url(../images/bg_error_summary.gif) top repeat-x;
	border:1px solid #DA8F8F;
	padding:10px 10px 10px 15px ;
}

#tempus_computer_products {
	display:none
}

.highlight {
	padding:15px;
	background:#E2EBF0 url(../images/cell_shadow_01.gif) repeat-x top;
	color:#036;
	font-size:15px
}






.cols {
	background:url(../images/cols_bg.gif) repeat-y 310px
}

.cols .col {
	width:250px;
}

.cols .left {
	float:left
}

.cols .right {
	float:right
}


/* Beautiful float fixes. The best bit of code eva.... */

/* Firefox etc.... */
.cols:after
{
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* IE5+6 */
* html .cols
{
	height: 1%;
}

/* IE7 */
*:first-child+html .cols
{
	min-height: 1px;
}

img {
	border: 0;

}