/* 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;
			}
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 {
	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(http://www.pearl-repro.co.uk/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(http://www.pearl-repro.co.uk/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;
	}
.floatRight {
	FLOAT: right; MARGIN: 0px 0px 8px 8px
}

#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.0em;
	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:763px;
	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 .red {
	COLOR: #cc0000
}
#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;}
#contact {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#contact LABEL {
	FLOAT: left; WIDTH: 100px
}
#contact INPUT {
	WIDTH: 400px
}
#contact TEXTAREA {
	WIDTH: 400px
}
#contact .button {
	WIDTH: 100px
}
#flash {padding-bottom: 10px;}
#flashcontent {
	margin-left: 135px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.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;}