/* @override http://cobham.dev/css/master.css */

/* XTHML & CSS by Denison Design 2008 */

/* Values from design

COLOUR
------------
#F2F0EA 	LIGHT GREY/ BODY BACKGROUND
#666		DARK GREY/ TEXT
#E2113F 	RED/COBHAM
#94C700		GREEN/WEIGHSOFT
#FF6400		ORANGE/FLEETEYE
#00C2D3		BLUE/COBRA

DIMENSIONS
------------
CONTAINER WIDTH:		950PX
CENTRECOL WIDTH:		560PX
PRODUCT PROMO WIDTH:	180PX
SIDECOL WIDTH:			170PX

TYPE
------------
FAMILY:				ARIAL
INTRO SIZE:			12PX
MAIN BODY SIZE:		11PX
RIGHTCOL BODY SIZE:	11PX
WELCOME SIZE:		13PX
TELEPHONE SIZE:		25PX
TOP NAV SIZE:		11PX
H3					16PX
*/


body {
	background-color: #F2F0EA;
	color: #666;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

#container {
	background-color: #FFF;
	border: 1px solid #E6E5DD;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

h3 {
	color:#E2113F;
	font-size: 16px;
}

em {
	font-style: normal;
	font-weight: bold;
}

/* @group Header */


/*header
------------------------ */

#header {
	height: 160px;
}

#header #logo {
	left: 20px;
	position: absolute;
	top: 20px;
}

#header #logo h1 {
	font-size:18px;
	height:140px;
	position: relative;
	width:377px; 
}

#header #logo span { 
	height:100%;
	position: absolute;
	width:100%;
}


/* home logo
--------------------------- */

#home #header #logo span,
#header #logo span { 
	background: url(/images/logo_lrg_cobham.jpg) no-repeat;
}

#weighsoft #header #logo span {
	background: url(/images/logo_lrg_weighsoft.jpg) no-repeat;
}

#fleeteye #header #logo span {
	background: url(/images/logo_lrg_fleeteye.jpg) no-repeat;
}

#cobra #header #logo span {
	background: url(/images/logo_lrg_cobra.jpg) no-repeat;
}

#roundsman #header #logo span {
	background: url(/images/roundsman_logo.jpg) no-repeat;
}

/*top nav
--------------------------- */

#topnav {
	position: absolute;
	right: 40px;
	top: 0;
}

#topnav li {
	float: left;
	margin-left: 8px;

	background: url(/images/navtop_right.gif) bottom right no-repeat;
}

#topnav li a:link,
#topnav li a:visited {
	background: url(/images/navtop_left.gif) bottom left no-repeat;
	color: #FFF;
	display: block;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
}

#topnav li a:hover {
	color:#E2113F;
}

/*client login
--------------------------- */

#clientlogin {
	position: absolute;
	right: 340px;
	top: 20;
}

/*nav
---------------------------- */

#nav {
	border-bottom: 1px solid #CCC;
	left: 430px;
	height: 42px;
	position: absolute;
	top: 75px;
}

#nav p {
	width:214px; 
	height:14px;
	position: relative;
	font-size:9px;
}

#nav p span { 
	background: url(/images/nav_prodrange.gif) no-repeat;
	height:100%;
	position: absolute;
	width:100%;
}

#nav ul {
	margin-top: 5px;
}

#nav li {
	float: left;
	margin-right: 32px;
}

#nav li.it {
	margin-right: 0;
} 

#nav a {
	display: block;	
}

#nav a span {
	display:none
}

#nav .weighsoft a {
	width:100px; 
	height:14px;
	background: url(/images/nav_l_weighsoft.gif) no-repeat;
}

#nav .weighsoft a:hover { 
  	background-position: -107px 0 ;
}

#nav .fleeteye a {
	width:88px; 
	height:14px;
	background: url(/images/nav_l_fleeteye.gif) no-repeat;
}

#nav .fleeteye a:hover { 
  	background-position: -91px 0 ;
}

#nav .cobra a {
	width:106px; 
	height:14px;
	background: url(/images/nav_l_cobra.gif) no-repeat;
}

#nav .cobra a:hover { 
  	background-position: -112px 0 ;
}

#nav .it a {
	width:105px; 
	height:14px;
	background: url(/images/nav_l_it.gif) no-repeat;}

#nav .it a:hover { 
  	background-position: -113px 0 ;
}

/*phone
------------------------ */

#phone {
	position: absolute;
	top: 130px;
	right: 40px;
}

#phone p {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1px;
}

#phone p span {
	color:#666;
}

#home #phone p {
	color:#E2113F;
}

#weighsoft #phone p {
	color:#94C700;
}

#fleeteye #phone p {
	color:#FF6400;
}

#cobra #phone p {
	color:#00C2D3;
}

#it #phone p {
	color:#000;
}

/* @end */



/* @group Titlebar */

#titlebar {
	height: 39px;
	margin: 10px 20px ;
	position: relative;
}

#titlebar .titlecapleft {
	background: url(/images/colhead_weighside_left.gif) top left no-repeat;
	border-right: 1px solid #FFF;
	left: 0;	
	height: 39px;
	position: absolute;
	top: 0;
	width: 158px;
}

#titlebar .titlecapright {
	background: url(/images/colhead_weighside_right.gif) top right no-repeat;
	border-left: 1px solid #FFF;
	height: 39px;
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
}

#titlebar p {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 10px;
}

#titlebar h2 {
	position: absolute;	
	height:20px;
	left: 175px;
	top: 10px;
}

#titlebar span { 
	height:100%;
	position: absolute;
	width:100%;
}

/* weighsoft */

#weighsoft #titlebar h2 {
	width:295px; 	
}

#weighsoft #titlebar span { 
	background: url(/images/title_weighsoft.gif) no-repeat;
}

#weighsoft #titlebar {
	background-color: #94C700;
}

#weighsoft #titlebar .titlecapleft {
	background: url(/images/colhead_weighside_left.gif) top left no-repeat;
}

#weighsoft #titlebar .titlecapright {
	background: url(/images/colhead_weighside_right.gif) top right no-repeat;
}

/* fleeteye */

#fleeteye #titlebar h2 {
	width:487px; 	
}

#fleeteye #titlebar span { 
	background: url(/images/title_fleeteye.gif) no-repeat;
}

#fleeteye #titlebar {
	background-color: #FF6400;
}

#fleeteye #titlebar .titlecapleft {
	background: url(/images/colhead_fleeteye_left.gif) top left no-repeat;
}

#fleeteye #titlebar .titlecapright {
	background: url(/images/colhead_fleeteye_right.gif) top right no-repeat;
}

/* cobra */

#cobra #titlebar h2 {
	width:319px; 	
}

#cobra #titlebar span { 
	background: url(/images/title_cobra.gif) no-repeat;
}

#cobra #titlebar {
	background-color: #00C2D3;
}

#cobra #titlebar .titlecapleft {
	background: url(/images/colhead_cobra_left.gif) top left no-repeat;
}

#cobra #titlebar .titlecapright {
	background: url(/images/colhead_cobra_right.gif) top right no-repeat;
}

/* it */

#it #titlebar h2 {
	width:377px; 	
}

#it #titlebar span { 
	background: url(/images/title_it.gif) no-repeat;
}

#it #titlebar {
	background-color: #E2113F;
}

#it #titlebar .titlecapleft {
	background: url(/images/colhead_it_left.gif) top left no-repeat;
}

#it #titlebar .titlecapright {
	background: url(/images/colhead_it_right.gif) top right no-repeat;
}


/* @end */



/* @group Main */


#main {
	padding: 0 0 20px 20px;
}

#home #main {
	padding-top: 20px;
}

#main p,
#main h4 {
		line-height: 140%;
}

#main p {
	margin: 10px;		
}	

#main p.caption {
	color: #BBB;
	font-style: italic;
	font-size: 11px;
	margin: 0;
	text-align: right;
}

/* @end */



/* @group Leftcol */

.leftcol {
	float: left;
	width: 150px;
}

.leftcol p {
	font-size: 11px;
}


#home .leftcol p {
	margin: 15px 0;
	font-size: 12px;
}


.leftcol ul {
	padding-top: 0;
}

.leftcol li {
	background: url(/images/bullet_cobham.gif) 0 2px no-repeat;
	color: #444;
	font-size: 11px;
	font-weight: bold;
	margin: 10px;
	padding-left: 15px;
}

#weighsoft .leftcol li {
	background: url(/images/bullet_weighsoft.gif) 0 2px no-repeat;
}

#cobra .leftcol li {
	background: url(/images/bullet_cobra.gif) 0 2px no-repeat;
}

#fleeteye .leftcol li {
	background: url(/images/bullet_fleeteye.gif) 0 2px no-repeat;
}

/* @end */

/* @group Centrecols */

/* doublecol */


.doublecol {
	float: right;
	/*border: 1px solid #F00;*/
	margin-right: 20px;
	width: 760px;
	padding:0;
	
}


/* centrecol
---------------------------------------------- */

.centrecol {
	float: left;
	margin:0 15px;
	width: 560px;
}



/* welcome
---------------------------------- */

#welcome {
	background: url(/images/welcome_bg.jpg) no-repeat;
	height:190px;
	position: relative;
}

#welcome h2 {
	}
	
#welcome h2 {
	bottom: 0;
	width:560px; 
	height:39px;
	position: absolute;
	font-size:10px;
	margin-right: 0;
}

#welcome h2 span { 
	background: url(/images/tab_welcome.gif) no-repeat;
	height:100%;
	position: absolute;
	width:100%;
}

#welcome ul {
	padding-top: 5px;
	width: 350px;
}

#welcome li {
	background: url(/images/bullet_cobham.gif) 0 2px no-repeat;
	color: #444;
	font-size: 13px;
	font-weight: bold;
	margin: 10px;
	padding-left: 15px;
}


/*productpromo
--------------------------- */

.productpromo {
	width: 560px;
	margin-top: 20px;
}

.productpromo li {
	background-color: #F2F0EA;
	float: left;
	height: 176px;
	margin-left: 10px;
	position: relative;
	width: 180px;
}

.productpromo li.first {
	margin-left: 0;
}

#main .productpromo li p {
	font-size: 11px;
	font-weight: bold;
	padding: 2px 5px 0 8px;
	margin: 0;
}

.productpromo li h2 {
	bottom: 0;
	font-size:10px;
	height:32px;
	position: absolute;
	width:180px; 
}

.productpromo li h2 a {
	display: block;
	height:100%;
	width:100%;
}

.productpromo .weighsoft h2 a {
	background: url(/images/tab_weighsoft.gif) no-repeat;
}

.productpromo .fleeteye h2 a {
	background: url(/images/tab_fleeteye.gif) no-repeat;
}

.productpromo .cobra h2 a {
	background: url(/images/tab_cobra.gif) no-repeat;
}

.productpromo li h2 span {
	display: none;
}

.centrecol .images {
	float: right;
	width: 180px;
	margin: 10px;
}

/* @end */

/* @group Rightcol */

	
.rightcol {
	float: right;
	width: 170px;
	position: relative;
	height:385px;
}

.rightcol li {
	border-top: 1px dashed #ccc;
	padding: 10px 0 0 0;
	margin: 5px 0;
	font-size: 11px;
	line-height: 130%;
	position:relative;
}

.rightcol li.first {
	border-top-style: none;
	margin-top: 5px;
}

.rightcol li a:link {
	color: #444;
	padding-top: 5px;
	text-decoration: none;
}

.rightcol li a:hover {
	color: blue;
}

.rightcol .news li {
	background: url(/images/arrow_grey.gif) 0 14px no-repeat;
	padding-left: 24px;
	}

.rightcol .news li.first {
	border-top: 1px solid #FFF;
}

/* @end */


/* @group Footer  */

#home #footer {
	height: 5px;
}

#footer {
	position: relative;
	height: 70px;
}

/*footer cobham logo*/

#footer #coblogo {
	width: 164px;
	height: 61px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#footer #coblogo a span {
	background: url(/images/logo_sml_cobham.jpg) no-repeat;	
	left: 0;
	height:100%;
	position: absolute;
	bottom: 0;
	width:100%;
}

/*footerlinks*/

#footer #footerlinks {
	position: absolute;
	top: 0;
	left: 175px;
	width: 555px;
}

#footer #footerlinks li {
	float: left;
	background: url(/images/arrow_red.gif) no-repeat;
	padding: 2px 0 0 20px;
	height: 20px;	
}

#footer #footerlinks li.brochure {
	float: left;
}

#footer #footerlinks li.demo {
	float: right;
}

#footer #footerlinks a,
#footer #footerlinks a:link,
#footer #footerlinks a:visited {
	color:#E2113F;
	font-weight: bold;
	text-decoration: none;
}

#footer #footerlinks a:hover {
	color: blue;
}

#footer #footerlinks a span {
	font-weight: normal;
}

#footer #productpromotabs {
	left: 173px;
	position: absolute;	
	top: 27px;
	width: 560px;
}

#footer #productpromotabs li {
	float: left;
	height: 32px;
	margin-left: 10px;
	position: relative;
	width: 180px;
}

#footer #productpromotabs li.first {
	margin-left: 0;
}

#footer #productpromotabs li a {
	bottom: 0;
	font-size:10px;
	height:32px;
	position: absolute;
	width:180px; 
}

#footer #productpromotabs li span {
	height:100%;
	position: absolute;
	width:100%;
}

#footer #productpromotabs .weighsoft span {
	background: url(/images/tab_weighsoft.gif) no-repeat;
}

#footer #productpromotabs .fleeteye span {
	background: url(/images/tab_fleeteye.gif) no-repeat;
}

#footer #productpromotabs .cobra span {
	background: url(/images/tab_cobra.gif) no-repeat;
}



/* contact
------------------------------- */

#btncontact {
	background: url(/images/btn_contact_bg.gif) no-repeat;
	height: 32px;
	position: absolute;
	bottom: 12px;
	right:20px;
	width: 168px;		
}

#btncontact a:link {
	color: #888;
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 7px 10px;
	text-decoration: none;	
}

#btncontact a:hover {
	color: blue;
}

#home #btncontact {
	bottom: 0;
	right:0;
}



/* credit
--------------------------------*/
#credit {
	margin: 3px auto;
	padding-bottom: 20px;
	position: relative;
	text-align: right;
	width: 930px;
}

#credit a:link {
	color: #AAA;
	font-size: 10px;
	text-decoration: none;
}

#credit a:hover {
	color: blue;
}
/* @end */


/* @group misc */


.clear {
	clear: both;
}

/* @end */


/* @group U-r-here */


#home #topnav .home a:link,
#home #topnav .home a:visited  {
	color:#E2113F;	
}

#weighsoft #nav .weighsoft a { 
	background-position: -107px 0 ;
}

#fleeteye #nav .fleeteye a { 
  	background-position: -91px 0 ;
}

#cobra #nav .cobra a { 
  	background-position: -112px 0 ;
}

#it #nav .it a { 
  	background-position: -112px 0 ;
}

/* @end */