@charset "utf-8";

a.body-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #5E6E66;
	text-decoration: underline;
}

a:hover.body-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #5E6E66;
	text-decoration: none;
}

a.column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: none;
}

a:hover.column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5E6E66;
	text-decoration: none;
}

body {
	font-family: arial, helvetica, sans-serif;
	background: #FFFFFF;
	color: #222222;
	padding: 0;
	margin: 0;
}

form {
	padding: 0;
	margin: 0;
}

input.newsletter {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #222222;
	width: 162px;
}

input.newsletter-button {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: bold;
	color: #222222;
	width: 75px;
	margin-top: 3px;
}

p {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #222222;
	margin: 0;
	padding: 0;
}

p.left-column-paragraph {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #222222;
	margin-left: 0px;
	margin-right: 10px;
}

p.right-column-paragraph {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.90em;
	font-weight: normal;
	color: #222222;
	margin-left: 10px;
}

#traceall-logo {
	position: relative;
	width: 242px;
	height: 58px;
	top: 10px;
	left: 0px;
	padding-bottom: 22px;
	z-index: 2;
}


ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

.prodrop5 {padding:0 0 0 0px; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-bottom:5px solid #5E6E66;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(../images/but-home-off.jpg); width:62px; height:30px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(../images/but-traceability-solutions-off.jpg); width:139px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(../images/but-tracking-solutions-off.jpg); width:120px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(../images/but-core-industries-off.jpg); width:102px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(../images/but-monitoring-solutions-off.jpg); width:138px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(../images/but-success-stories-off.jpg); width:102px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos7 {background:url(../images/but-news-events-off.jpg); width:95px; height:30px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos8 {background:url(../images/but-about-traceall-off.jpg); width:94px; height:30px; display:block;text-indent:-99999px;} 


.prodrop5 li.p1 {background:url(../images/but-home-on.jpg);} 
.prodrop5 li.p2 {background:url(../images/but-traceability-solutions-on.jpg);} 
.prodrop5 li.p3 {background:url(../images/but-tracking-solutions-on.jpg);} 
.prodrop5 li.p4 {background:url(../images/but-core-industries-on.jpg);} 
.prodrop5 li.p5 {background:url(../images/but-monitoring-solutions-on.jpg);} 
.prodrop5 li.p6 {background:url(../images/but-success-stories-on.jpg);} 
.prodrop5 li.p7 {background:url(../images/but-news-events-on.jpg);}
.prodrop5 li.p8 {background:url(../images/but-about-traceall-on.jpg);} 


.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(../images/but-home-off.jpg);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(../images/but-traceability-solutions-off.jpg);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(shades/abbey_2.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(shades/please_2.gif);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(shades/revolver_2.gif);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(shades/rubber_2.gif);} 
.prodrop5 li.current a.pos7,
.prodrop5 li.current a.pos7:hover {background:url(shades/yellow_2.gif);}
.prodrop5 li.current a.pos8,
.prodrop5 li.current a.pos8:hover {background:url(shades/yellow_2.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background-color: #FFFFFF; border-top: 5px solid #5E6E66; border-bottom: 1px solid #5E6E66; border-left: 1px solid #5E6E66; border-right: 1px solid #5E6E66; padding:0px; padding-top:8px; padding-bottom:8px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 15px 10px; color:#000; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {text-decoration:underline;}




h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.35em;
	font-weight: normal;
	position: relative;
	color: #5E6E66;
	margin-top: 0;
	padding: 0;
}

#header {
	width: 852px;
	margin: 0 auto;
}

a.banner-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: none;
}

a:hover.banner-text {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: underline;
}

#banner-text-single {
	position: absolute;
	width: 395px;
	margin-top: -31px;
	margin-left: 14px;
}

#banner-text-double {
	position: absolute;
	width: 395px;
	margin-top: -50px;
	margin-left: 14px;
}

#banner-footer {
	position: relative;
	background-color: #5E6E66;
	display: block;
	width: 852px;
	height: 4px;
	top: 2px;
	left: 0px;
	padding-bottom: 2px;
	z-index: 2;
}

#content {
	width: 852px;
	margin: 0 auto;
}

#left-column {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.80em;
	font-weight: normal;
	color: #222222;
	float: left;
	width: 183px;
	padding-top: 10px;
}

a.left-column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.20em;
	font-weight: bold;
	color: #5E6E66;
	text-align: justify;
	margin: 0;
	text-decoration: none;
}

a:hover.left-column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.20em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: underline;
}

a.body-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: none;
}

a:hover.body-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #5E6E66;
	text-decoration: underline;
}

#main-column {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.80em;
	font-weight: normal;
	color: #222222;
	float: left;
	width: 464px;
	text-align: justify;
	border-left: 1px dotted #5E6E66;
	border-right: 1px dotted #5E6E66;
	padding: 10px;
}

#right-column {
	float: right;
	width: 183px;
}

a.right-column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.20em;
	font-weight: bold;
	color: #5E6E66;
	text-align: justify;
	margin: 0;
	margin-left: 10px;
	text-decoration: none;
}

a:hover.right-column-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.20em;
	font-weight: bold;
	color: #5E6E66;
	margin: 0;
	margin-left: 10px;
	text-decoration: underline;
}

#footer {
	clear: both;
	width: 852px;
	margin: 0 auto;
	padding: 0 0;
	border-top: 1px solid #5E6E66;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer-right {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.72em;
	font-weight: normal;
	color: #222222;
	position: relative;
	width: 173px;
	height: 202px;
	float: right;
	margin: 0;
	padding-left: 10px;
	border-left: 1px dotted #5E6E66;
}

#footer-right-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	background-color: #5E6E66;
	width: 163px;
	height: 16px;
	padding: 10px;
	margin-left: -10px;
}

#footer-middle {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.72em;
	font-weight: normal;
	color: #222222;
	position: relative;
	width: 232px;
	height: 202px;
	float: right;
	margin: 0;
	padding-left: 10px;
	border-left: 1px dotted #5E6E66;
}

#footer-middle-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	background-color: #5E6E66;
	width: 222px;
	height: 16px;
	padding: 10px;
	margin-left: -10px;
}
#footer-left {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.72em;
	font-weight: normal;
	color: #222222;
	position: relative;
	width: 232px;
	height: 202px;
	float: right;
	margin: 0;
	padding-left: 10px;
}

#footer-left-header {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.00em;
	font-weight: normal;
	color: #FFFFFF;
	position: relative;
	background-color: #5E6E66;
	width: 222px;
	height: 16px;
	padding: 10px;
	margin-left: -10px;
}

#client-coca-cola {
	position: relative;
	top: 30px;
	left: 55px;
	width: 150px;
	height: 48px;
}

#client-selfridges {
	position: relative;
	top: 0px;
	left: 250px;
	width: 150px;
	height: 30px;
}

#client-mccain {
	position: relative;
	top: 30px;
	left: 250px;
	width: 150px;
	height: 91px;
}

#client-mcdonalds {
	position: relative;
	top: -70px;
	left: 50px;
	width: 150px;
	height: 121px;
}

#client-microsoft {
	position: relative;
	top: -15px;
	left: 250px;
	width: 150px;
	height: 26px;
}

#client-manitowoc {
	position: relative;
	top: -55px;
	left: 50px;
	width: 150px;
	height: 41px;
}

#client-lancer {
	position: relative;
	top: -100px;
	left: 250px;
	width: 150px;
	height: 49px;
}