/* Stylesheet for Pearl scanning by Cornish WebServices.

Colours are  brown:#cc9966;





*********************************************************/

* {margin: 0; padding: 0;}

body {

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin:0;

	padding:0;

	color:black;

	background-color:#ffffff;

	}

p {

	font-size:1.1em;

	line-height:1.2em;

	margin:0 0 10px 0;

	padding:0;

	}

h1 {

	font-size:1.1em;

	line-height:1.1em;

	color:white;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	margin:0 0 10px 0;

	padding:8px 10px 8px 10px;

	background-color:#999999;

	text-transform:uppercase;

	clear:both; 

	}

h2 {

	font-size:1.3em;

	line-height:1.4em;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	color:black;

	clear:both;

	margin:0 0 4px 0;

	padding:0;

	}

h3 {

	font-size:1.3em;

	line-height:1.2em;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	color:#333333;

	margin-bottom:0.3em;

	}

h4 {

	font-size:1.2em;

	line-height:1.1;

	color:white;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	margin:0 0 10px 0;

	padding:8px 10px 8px 10px;

	background-color:#999999;

	text-transform:uppercase;

	clear:both; 

	}

h5 {

	font-size:1.3em;

	line-height:1.4em;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	color:black;

	clear:both;

	margin:0px 0 4px 0;

	padding:0;

	}

.clear {

	height:1px;

	font-size:1%;

	width:100%;

	clear:both;

	}

	

.grey {

	color:#999999;

}

	

.skip {

	position:absolute;

	text-indent:-5000px;

	}

a img {

	border:none;

	}

a {

	color:#996633

	}

a:hover {

	color:#cc9966;

	}



a.glossaryLink:hover {

	position:relative;

	}

a.glossaryLink:hover {

	font-size:100%;

	}

a.glossaryLink span {

	display:none;

	}

a.glossaryLink:hover span {

	display:block;

	position:absolute;

	top:20px;

	left:30px;

	background-color:#E6E6E6;

	color:black;

	padding:5px;

	width:200px;

	border:1px solid black;

	z-index:1000;

	text-decoration:none;

	}

dl {

	font-size:1.1em;

}



dt {

	margin:0 0 5px 0;

	padding:0;

	color: #cc9966;

	font-weight:bold;

	}

dd {

	margin:0 0 5px 5px;

	font-size:0.9em;

	}

#container {

	text-align:left;

	width:957px;

	overflow:visible;

	height:auto;

	margin:0 auto;

	position:relative;

	border:1px solid #e9e9e9;

	border-bottom:none;

	border-top:none;

	background-color: #fff;

	}

#header {

	height:66px;

	width:100%;

}

h1.header{

	background-color:#FFFFFF;

	background-image:url(../images/logo.gif);

	background-repeat:no-repeat;

	padding:0;

	margin:0 0 20px 0;

	position:relative;

	}

h1.header .headerLink {

	display:block;

	width:200px;

	height:66px;

	text-indent:-5000px;

	overflow:hidden;

	}

h1.header{

	padding:0;

	margin:0 0 10px 0;

	position:relative;

	font-size:1%;

	}

h4.header{

	background-color:#FFFFFF;

	background-image:url(../images/logo.gif);

	background-repeat:no-repeat;

	padding:0;

	margin:0 0 20px 0;

	position:relative;

	}

h4.header .headerLink {

	display:block;

	width:200px;

	height:66px;

	text-indent:-5000px;

	overflow:hidden;

	}

h4.header{

	padding:0;

	margin:0 0 10px 0;

	position:relative;

	font-size:1%;

	}

.callUs {

	position:absolute;

	right:15px;

	top:26px;

	width:200px;

	text-align:right;

	}

.callUs p {

	margin:0;

	padding:0;

	color:white;

	font-style:italic;

	line-height:1;

	text-indent:-5000px;

	background-image:url(../images/con_telephone.gif);

	background-repeat:no-repeat;

	background-position:top right;

	height:30px;

	}



#leftCol {

	overflow:visible;

	height:auto;

	float:left;

	width:160px;

	}

#leftCol h2 {

	font-size:1.1em;

	text-align:right;

	padding:8px 10px 8px 10px;

	width:auto;

	background-color:#666666;

	text-transform:uppercase;

	margin:0 0 8px 0;

	color:white;

	line-height:1.1;

	}

#leftCol h2.one {

	background-color:#66a2ca;

	}

#leftCol h2.two {

	background-color:#d43939;

	}

#leftCol h2.three {

	background-color:#9ad66e;

	}

#leftCol h2.four {

	background-color:#861a96;

	}

#leftCol h2.five {

	background-color:#f2d971;

	}

#leftCol h5 {

	font-size:1.1em;

	text-align:right;

	padding:8px 10px 8px 10px;

	width:auto;

	background-color:#666666;

	text-transform:uppercase;

	margin:0 0 8px 0;

	color:white;

	line-height:1.1;

	}

#leftCol h5.one {

	background-color:#66a2ca;

	}

#leftCol h5.two {

	background-color:#d43939;

	}

#leftCol h5.three {

	background-color:#9ad66e;

	}

#leftCol h5.four {

	background-color:#861a96;

	}

#leftCol h5.five {

	background-color:#f2d971;

	}

#leftCol ul {

	margin:0 0 10px 0;

	padding:0;

	text-align:right;

	}

#leftCol li {

	font-size:1.1em;

	list-style:none;

	padding:0;

	margin:0;

	width:160px;

	padding-bottom: 2px;

	border-bottom: solid #eee 1px;

	}

#leftCol li a {

	text-decoration:none;

	color:black;

	display:block;

	font-size:1.1em;

	padding:1px 10px 1px 0px;

	width:auto;

	}

#leftCol li a:hover {

	text-decoration:none;

	color:black;

	display:block;

	padding:1px 10px 1px 0px;

	width:auto;

	font-size:1.1em;

	background-color:#DDDDDD;

	}

#leftCol ul.one li a:hover {

	background-color:#D5E4F0;

	}

#leftCol ul.two li a:hover {

	background-color:#F4CCCC;

	}

#leftCol ul.three li a:hover {

	background-color:#CFEBBA;

	}

#leftCol ul.four li a:hover {

	background-color:#EDBEF3;

	}

#leftCol ul.five li a:hover {

	background-color:#FAEFC5;

	}

#innerContainer {

	width:795px;

	float:right;

	}

#content {

	overflow:visible;

	height:auto;

	width:582px;

	padding-left: 15px;

	float:left;

	display: inline;

	}

#content p {line-height: 1.2em; font-size: 1.2em;}

/* #content h2, #content p {margin-left: 20px; margin-right: 20px;} */

	

#contentLeft {

	width:170px;

	float:left;

	padding:10px 0 0 0;

	}

#contentRight {

	width:181px;

	float:right;

	padding:0 0 0 3px;

	}

.onlineQuote {

	margin:0 0 10px 0;

	padding: 0 0 10px 0;

	}

#content a.scanner {

	display:block;

	width:181px;

	height:231px;

	background-image:url(../images/choose-the-right-scanner.jpg);

	text-indent:-5000px;

	overflow:hidden;

	float:right;

	margin:0 0 5px 5px;

	}	

#content h2 {padding-top: 1.8em;}

#content h5 {padding-top: 1.8em;}

#content li {padding-left: 0.2em; font-size:1.1em; list-style-position:outside; padding-bottom: 1.0em;}

#content ul {padding-bottom: 1em; margin: 10px 50px;}

#flash {padding-bottom: 10px;}

#flashcontent {

	margin-left: 83px;

	margin-right: 83px;

	margin-top: 20px;

	padding: 10px;

	border: solid 1px #ddd;

	background-color: #fff;

}



#rightCol {

	width:181px;

	float:right;

/*	margin: 10px 0 0 0; */

	}

#rightCol .news {

	background-color: #eee;

	padding-bottom: 10px;

}

#rightCol .news p {

	padding-left: 10px;

}

#rightCol p {

	margin-right:5px;

	}

#rightCol p.flush {

	margin-right:0px;

	}

#rightCol h4 {

font-size:1.1em;

}	

.postedDate {

	color:#666666;

	}

a.bigLink {

	font-size:0.9em;

	line-height:1.1;

	color:black;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	margin:0 0 10px 0;

	padding:8px 10px 8px 10px;

	background-color:#e9e9e9;

	text-transform:uppercase;

	display:block;

	width:auto;

	text-decoration:none;

	text-align:right;

	}

a.bigLink:hover {

	font-size:0.9em;

	line-height:1.1;

	color:black;

	font-family:Arial, Helvetica, Verdana, sans-serif;

	margin:0 0 10px 0;

	padding:8px 10px 8px 10px;

	background-color:#e9e9e9;

	text-transform:uppercase;

	display:block;

	width:auto;

	text-decoration:none;

	text-align:right;

	}

#footer {

	width:auto;

	height:auto;

	overflow:visible;

	clear:both;

	position:relative;

	padding:10px 0 1px 0;

	background-position:top left;

	background-repeat:repeat-y;

	border-bottom:1px solid #e9e9e9;

	border-top:1px solid #e9e9e9;

	}

#footer p {

	font-size:1em;

	margin:0 0 10px 181px;

	color:#999999;

	text-align:center;

	}

#footer img {padding-top: 0px;}

#footer .left {float: left; padding:0px 10px 10px 0px;}

#footer .right {float: right; padding:0px 10px 10px 0px;}

table {

	text-align:left;

	}

table .highlight {

	background-color:#fef9e2;

	}

	

	



h1.contact {background-color:#999999;	

	background-image:url(/images/email.gif); background-position: right; background-repeat:no-repeat;

	padding-right:50px; text-align:left; 

}

h1.contact a {text-decoration:none;}

h1.contact a:link {color:#fff; text-decoration:none;}

h1.contact a:visited {color:#fff; text-decoration:none;}

h1.contact a:hover {color:#bbb; text-decoration:underline;}



#rightCol h2 {color:#444;}



h4.contact {background-color:#999999;	

	background-image:url(/images/email.gif); background-position: right; background-repeat:no-repeat;

	padding-right:50px; text-align:left; 

}

h4.contact a {text-decoration:none;}

h4.contact a:link {color:#fff; text-decoration:none;}

h4.contact a:visited {color:#fff; text-decoration:none;}

h4.contact a:hover {color:#bbb; text-decoration:underline;}

h4.industry {margin-top: 10px;}



#rightCol h5 {color:#444;}





/* ---- Dynamic Gallery CSS ---- */

/* Removing the list bullets and indentation */

ul#pics {

margin:0;

padding:0;

width:390px;

position:relative;

height:230px;

}

ul#pics li {

	margin:0;

	padding:0;

	list-style:none;

	display:inline;

	font-size:1.4em;

	}

ul#pics a {

	color:black;

	text-decoration:none;

	border:1px solid #ffffff; 

	}

/* Remove the images and text from sight */



ul#pics li a span {

	position:absolute;

	width:1px; 

    height:1px; 

    top:5px; 

    left:5px; 

    overflow:hidden; 

	}

ul#pics li a span.first {

	position:absolute;

	display:block;

	width:370px;

	height:198px;

	top:22px;

	left:0px;

	}





/* change the thumbnail border color */

ul#pics a:hover {

    border:1px solid #fff; 

    }

/* styling the :hover span */



ul#pics li a:hover span {

	position:absolute;

	display:block;

	width:370px;

	height:198px;

	top:22px;

	left:0px;

	}

/* ------- End of Gallery CSS -------- */

#glossary {

	font-size:1.2em;

	margin:0;

	padding:0;

	}	

#glossary li {

	list-style:none;

	display:inline;

	}



.smaller {

	font-size:90%;

}	

.col1 {width: 200px; float: left;}

.col2 {width: 200px; float: right;}



 #callUs p {

 	background-image:url(../images/con_telephone.gif);

	}

 h1.header {

 	background-color:#d43939;

	}

 h4.header {

 	background-color:#d43939;

	}

ul.homepagelist {margin-top:0.5em; margin-bottom:1em;}

ul.homepagelist li {margin:0.5em; list-style-image:url(images/brown.gif); color:#996633;}

ul.homepagelist li a {color:#996633; text-decoration:none;}

ul.homepagelist li a:hover {color:#996633;}



a.floatright {float:right;

	border:solid 1px #ccc;

}

a.floatright img {border:none;}

#content a.scanner {

	display:block;

	width:144px;

	height:177px;

	background-image:url(images/scanning-solution.jpg);

	border:solid 1px #ccc;

	text-indent:-5000px;

	overflow:hidden;

	float:right;

	margin:0 0 5px 5px;

	}

	



.showmore {

    display: block;

    clear: both;

}

.showless {

    display: none;

    clear: both;

}

img .center {margin: auto 0; text-align: center;}

td.table_header {padding-left: 10px; padding-right:10px;}