/* HAMLIN DISPLAY CSS Document */
/* 
BF2125 light red
AF0713 dark red
970F00 really dark red

E6E6E6 light grey
808080 mid grey
4C4C4C dark grey
*/

body {font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; padding:0px; margin:0px; background:#A6A6A6 url(imgs/bg-gradient2.jpg) top repeat-x; color: #555;}
div#wrapper{ width:900px; margin:auto; background-image:url(imgs/bg-main.jpg); background-repeat:repeat-y; background-position:left top; position:relative;}

h1{ font-size:20px; font-weight:normal; padding-left:22px; background:transparent url(imgs/h1.gif) left top no-repeat; line-height:1.2em;}
h2{ font-size:18px; font-weight:normal; margin-bottom:8px; color:#AF0713; line-height:1.2em; }
h3{ font-size:14px; font-weight:normal; margin-bottom:8px; color:#AF0713; }
h4{ font-size:12px; margin-bottom:0px; color:#AF0713; }
h5{}
h6{}

h1 a, h2 a, h3 a, h4 a { text-decoration:none;}
h3 a { color:#4C4C4C;}

iframe.banner { width:900px; height:200px; }
p { margin:0px 0px 16px 0px;}
a{ color:#AF0713; text-decoration:none; }
a:hover{ color:#BF2125; text-decoration:underline; }
	#nav a:hover{ border-bottom:none;}
ul{}
li{}

/*--- [Form styles] ----*/

form{ padding:0px; margin:0px;}
input, select, textarea { 
	border: 1px solid #B3B3B3; 
	/*border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #E6E6E6;*/
	color:#4C4C4C;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:1px 4px 2px 4px;
	width:150px;
}
select { width:160px; }

input.login {
	border-top: 1px solid #E6E6E6; 
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #E6E6E6;
	width: 85px;
}

input.search, input.buttonSearch {
	border-top: 1px solid #E6E6E6; 
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #E6E6E6;
}

input.buttonSearch { background-color:#808080; color:#fff; width:40px; padding:1px 4px 1px 4px; font-size:10px; font-weight:bold; }

input.button { background-color:#808080; color:#fff; width:40px;}
.disabled {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color:#a0a0a0; color:#d0d0d0; width:80px;
}

input.enquirybutton { 
	background-color:#808080;
	border-top: 1px solid #E6E6E6; 
	border-right: 1px solid #4C4C4C;
	border-bottom: 1px solid #4C4C4C;
	border-left: 1px solid #E6E6E6; 
	color:#fff; 
	width:100px;
}
.radio { width:auto; }

fieldset { padding:8px; margin:6px 0 10px 0 ; }
	fieldset p { clear:both; line-height:14px; margin-bottom:4px; }
	fieldset table {  border:1px solid #999999; width:100%; }
	fieldset select {  width:100%; }
	fieldset input {  width:96%; padding:2px; }
	fieldset textarea {  width:96%; padding:2px; }
		fieldset textarea.tall {  height:100px; }
	
	
legend { font-size:13px;}

optgroup {font-style:normal; }

label {display:none;}



table.options td { vertical-align:top; padding-bottom:6px; }

#top{ height:200px; color:#fff; background:#4C4C4C url(imgs/banner/driving.jpg) top left no-repeat; z-index:10; position:relative;}
	#top a{ color:#fff; text-decoration:none; font-size:10px; font-weight:bold; text-transform:uppercase; }
	#top a:hover			{ color:#BF2125; }
	#top a.openBox:hover 	{ text-decoration: none; border-bottom: 0; }
	#top input{ }
	#top div{ text-align:right;}
	#top div#topContent { height: 170px; }
		#top div#logo{ /* xborder:1px solid green;*/ height:200px; width:430px;float:left;}
		#top div#links {/*xborder:1px solid red;*/ margin-top:8px; width:450px; float:left; }
		#top div#stockCheckTopBox { margin: 0 0 0 225px;  padding: 7px 0 7px 0; color: #555; }
		#top div#login {/*xborder:1px solid pink;*/ margin-bottom:20px; width:450px; float:left;}
		#top div#quote {/*xborder:1px solid blue;*/ margin-bottom:40px; font-size:24px; font-style:italic; line-height:32px ;width:450px; float:left;}
	#top div#search { /* xborder:1px solid yellow;*/ width:450px; float:left;}
	#top.print{ display:none;}
	
	/* --- topprint --- */
	
	#topprint{ height:200px; color:#fff; background:#4C4C4C url(imgs/banner/driving.jpg) top left no-repeat; }
	#topprint a{ color:#fff; text-decoration:none; font-size:10px; font-weight:bold; text-transform:uppercase; }
	#topprint a:hover			{ color:#BF2125; }
	#topprint a.openBox:hover 	{ text-decoration: none; border-bottom: 0; }
	#topprint input{ }
	#topprint div{ text-align:right;}
	#topprint div#topContent { height: 170px; }
		#topprint div#logo{ /* xborder:1px solid green;*/ height:200px; width:430px;float:left;}
		#topprint div#links {/*xborder:1px solid red;*/ margin-top:8px; width:450px; float:left; }
		#topprint div#stockCheckTopBox { margin: 0 0 0 225px;  padding: 7px 0 7px 0; color: #555; }
		#topprint div#login {/*xborder:1px solid pink;*/ margin-bottom:20px; width:450px; float:left;}
		#topprint div#quote {/*xborder:1px solid blue;*/ margin-bottom:40px; font-size:24px; font-style:italic; line-height:32px ;width:450px; float:left;}
	#topprint div#search { /* xborder:1px solid yellow;*/ width:450px; float:left;}
	#topprint.print{ display:none;}
	
	
	
#main{ clear:both; }

/* for navigation styles see styles_menu.css */

#navSensorDev { margin-top:24px;}
	#navSensorDev a { display:block; text-decoration:none; position:relative; margin:auto; margin-top:-10px;
	background: url(imgs/flowchartBox.gif) top no-repeat;  width:120px; height:30px; padding:18px 12px 22px 12px;
	text-align:center; font-weight:bold; }
	
	#navSensorDev a:hover { border:none; text-decoration:underline; background-image:url(imgs/flowchartBoxOVER.gif);}
	
	#navSensorDev a.live { background-image:url(imgs/flowchartBox-down.gif); color:#FFFFFF; }
		#navSensorDev a.live:hover { background-image:url(imgs/flowchartBox-down.gif); color:#FFFFFF; text-decoration:none; }
		
	#navSensorDev a#lastLink.live { background-image:url(imgs/flowchartBoxLast-down.gif); color:#FFFFFF; }
		#navSensorDev a#lastLink.live:hover { background-image:url(imgs/flowchartBoxLast-down.gif); color:#FFFFFF; text-decoration:none; }
		 
	#navSensorDev a#lastLink { background-image:url(imgs/flowchartBoxLAST.gif);}
		#navSensorDev a#lastLink:hover { background-image:url(imgs/flowchartBoxLASTOVER.gif);}


#middle{ float:left; width:370px; padding:24px 40px 12px 40px; }
	span.linerupper{ width:100%; padding:2px 0 4px 0; display:block; float:left; clear:left;}
	
	div.listing { clear:both; margin-top:20px; }
		div.listing p { margin-bottom:4px;}
		div.listing h2 { margin:0 0 12px 0; }
		div.listing div.content { width:248px; margin-top:-3px;  float:left; }
		div.listing img { border:1px solid #BE1D23; }
		div.listing div.content h3 { padding-top:0; margin-top:-3px; }/**/
		
	#middle div.archived { padding: 5px; color: #ffffff; background-color: #999999; border: 1px solid #e0e0e0; margin-top:20px; margin-bottom: 20px; }
		#middle div.archived div.warning { font-weight: bold; font-size: 20px; color: #CCCCCC; float: left; margin: 0px 10px 10px 0px; }
		
	#middle div.mainPic { margin-bottom:16px; margin-top:16px; }
		#middle div.mainPic img { border:1px solid #AF0713; }
		
	#middle div.picC { margin-bottom:10px; }	
		#middle div.picC p { font-size:9px; font-style:italic; line-height:1.4em; margin-top:4px; margin-bottom:0; }
		
		
	div.featuredApp {
					background-color:#000000;
					color:#F0F0F0;
					padding:16px;
					margin-bottom:10px;
				}
	
	div.featuredApp p { margin-bottom:6px; }
	div.featuredApp em { font-size:10px; color:#B3B3B3; font-style:normal; }		
	div.featuredApp h3, div.featuredApp h4 { margin:0 0 10px 0; color:#FFFFFF; font-weight:bold; font-size:15px; }
	div.featuredApp h4 { font-size:12px; margin:6px 0 6px 0; }
	
		
#right{ float:left; padding:24px 16px 16px 16px; background-color:#E6E6E6; font-size:10px; }

/* certain pages on the clients machine are causing this div to wrap, width was 218px and is now reduced to fix the problem*/
#right { width:216px; }

	#right { line-height:1.5em; }
	#right fieldset{ padding:4px 7px 4px 7px; }
	#right legend{ color:#1a1a1a; }
	#right select.small{ width:100px; }
	#right span.linerupper{ width:123px; /* xbackground-color:#FFcc99;*/ color:#1a1a1a; }
	#right fieldset span.linerupper{ width:100px;/* xbackground-color:#FF0099;*/ color:#4e4e4e; }
	#right p.button { text-align:center; }
	
	
#rightPic, .rightPic { float:right; padding:0 0 0 20px; margin:0 0 0 0; }
		#rightPic img, .rightPic img { border:14px solid #FFFFFF; }
		#rightPic img.first { border-bottom:0; } 
		
		

#footer { text-align:center; padding:0 0 0 0; clear:both;  }
	#footer table { margin:auto; width:100%; background:#4C4C4C; color:#ffffff; }
	#footer table table { width:auto; }
	#footer table table td { padding:10px; }
	#footer table table td.live { background-color:#353535; }
	#footer a { color:#fff; text-decoration:none; }
	#footer a:hover{ text-decoration:underline; border:none;}
	
	#footer.print{ display:none;}
	
	/* ---footerprint--- */
	
	#footerprint { text-align:center;  background:#4C4C4C; color:#ffffff; padding:0 47px 0 0; clear:both;  }
	#footerprint table { margin:auto; }
	#footerprint table td { padding:10px; }
	#footerprint table td.live { background-color:#353535; }
	#footerprint a { color:#fff; text-decoration:none; }
	#footerprint a:hover{ text-decoration:underline; border:none;}
	
	#footerprint.print{ display:none;}
	
	
.clearer{ clear:both; font-size:1px; }

.floatRight { float: right; margin: 0px 0px 10px 20px; clear: right; }

.floatLeft { float: left; margin: 0px 10px 10px 0px; /*clear: left;*/ }

a.button, a.buttonD, a.buttonPDF, a.buttonPDFD {
	border:2px solid #D7D7D7;
	border-bottom-color:#464646;
	border-right-color:#464646;
	padding:3px 22px 3px 4px;
	background-color:#828282;
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	text-decoration:none;
	background-image:url(imgs/bg-arrow.gif); background-position:top right; background-repeat:no-repeat; }
	
a.buttonPDF, a.buttonPDFD {	background-image:url(imgs/bg-arrowPDF.gif); }

a.buttonD, a.buttonPDFD{
	border:2px solid #464646;
	border-bottom-color:#D7D7D7;
	border-right-color:#D7D7D7; }
	
a.buttSmall, 
a.buttMed, 
a.buttLge, 
a.buttSmallG, 
a.buttMedG, 
a.buttMedB,
a.buttSmallB,
a.buttLgeTDev, 
a.buttMedPDF, 
a.buttLargePDF,
a.buttXLge, 
input.buttSmall, 
input.buttMed, 
input.buttLge, 
input.buttMedG {
	display:block;
	height:23px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	line-height:1.2em;
	padding:5px 0 0 8px;
	border:0;
	text-align:left;
	clear:both;
} 

a.buttSmall:hover, 
a.buttMed:hover, 
a.buttLge:hover, 
a.buttSmallG:hover, 
a.buttMedG:hover, 
a.buttMedB:hover, 
a.buttSmallB:hover,
a.buttLgeTDev:hover, 
a.buttMedPDF:hover, 
a.buttLargePDF:hover,
a.buttXLge:hover, 
input.buttSmall:hover, 
input.buttMed:hover, 
input.buttLge:hover, 
input.buttMedG:hover { color:#CCCCCC; text-decoration:none; cursor:pointer; }

a.buttSmallG { width:104px; background-image:url(imgs/bg-butt-smallG.gif); }
a.buttSmall { width:91px; }
a.buttMed { background-image:url(imgs/bg-butt-medG.gif); width:183px; }
a.buttMedG { background-image:url(imgs/bg-butt-medG.gif); width:183px;}
a.buttMedB { background-image:url(imgs/bg-butt-medB.gif); width:220px; height:18px;}
a.buttSmallB { background-image:url(imgs/bg-butt-smallB.gif); width:156px; height:18px;}
a.buttMedPDF { background-image:url(imgs/bg-butt-med-pdf.gif); width:230px; padding-left:25px; }
a.buttLargePDF { background-image:url(imgs/bg-butt-large-pdf.gif); width:330px; padding-left:25px;  }
a.buttLge { background-image:url(imgs/bg-butt-Lge.gif); width:204px; }
a.buttXLge { background-image:url(imgs/bg-butt-XLge.gif); width:318px; }

a.buttLgeTDev {
	margin:auto;
	background-image:url(imgs/bg-butt-LgeT.gif);
	background-position:right top; 
	width:152px;
	height:37px;
	padding:7px 0 0 28px;
}

input.buttSmall, input.buttMed, input.buttLge, input.buttMedG {
	padding-top:0;
	background-color:#FFFFFF;
}

input.buttSmall {
	background-image:url(imgs/bg-butt-xsmallG.gif);
	width:73px;
	height:23px;
	background-color:#E6E6E6;
}

input.buttMed {
	background-image:url(imgs/bg-butt-med.gif);
	width:176px;
}

input.buttMedG {
	background-color:#E6E6E6;
	background-image:url(imgs/bg-butt-medG.gif); width:200px;
}
.hide{display:none;}



/* --- Flags ---*/

#footer img { border:1px solid #444;}


a#american {display:block; width:27px; height:16px; background-image:url('imgs/flag-us-gb.gif'); }
a#american:hover {background-image:url('imgs/flag-us-gb-grey.gif');}
a#american.currentlang {/*background-image:url('imgs/flag-us-gb.gif');*/}

#flags {padding-left:10px; clear:both; width:140px; padding-top:20px; }
#flags a {border:1px solid white;}
#flags a:hover {border-bottom:1px solid white;} 
#flags div{width:45px; display:block; float:left;}

a#american {display:block; width:35px; height:20px; background-image:url('imgs/flag-us-gb.gif'); }
a#american:hover { background-image:url('imgs/flag-us-gb-grey.gif'); }
a#american.currentlang {/*background-image:url('imgs/flag-us-gb.gif');*/}

a#german {display:block; width:35px; height:20px; background-image:url('imgs/flag-DE.gif'); }
a#german:hover {background-image:url('imgs/flag-DE-grey.gif');}
a#german.currentlang {/*background-image:url('imgs/flag-DE.gif');*/}

a#chinese { display:block;  width:35px; height:20px; background-image:url('imgs/flag-CN.gif'); }
a#chinese:hover {background-image:url('imgs/flag-CN-grey.gif');}
a#chinese.currentlang {/*background-image:url('imgs/flag-CN.gif');*/}

a#english { display:block; width:27px; height:16px; background-image:url('imgs/flag-GB.gif'); }
a#english:hover {background-image:url('imgs/flag-GB-grey.gif');}
a#english.currentlang {/*background-image:url('imgs/flag-GB.gif');*/}


/* --- New banner ---*/
#top-logos{
	position:absolute;
	top:15px;
	left:20px;
	z-index:10;
	border:none;
}
#top-logos a{
	border:none;
}
#top-logos img{
	border:none;
}
#top-banner{
	width:900px;
	height:200px;
	overflow:hidden;
}
#banner-slides{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	z-index:5;
}
#banner-slides li{
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#banner-slides li.first{
	z-index:2;
}
#banner-slides li p{
	position:absolute;
	right:40px;
	bottom:60px;
	color:#fff;
	font-style:italic;
	font-size:16px;
	width:220px;
	text-align:right;
	line-height:24px;
}
#banner-content{
	position:absolute;
	top:100px;
	right:40px;
	width:220px;
	text-align:right;
	z-index:15;
}
#banner-content p{
	color:#fff;
	font-style:italic;
	font-size:16px;
	line-height:24px;
}