@charset "utf-8";
h1 {
	margin:30px 0 0 40px;
	color:#808080;
	font-size:32px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
}
/* CSS Document */
#content-footer {
	background-image:url(../images/content-footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin:0;
	padding:0;
	padding-top:30px;
	display:block;
	clear:both;
	width:967px;
	height:5px;
}
/* NEWS TICKER STYLES */
#news-ticker {
	background-image:url(../images/encoders-news-ticker.jpg);
	background-repeat:no-repeat;
	margin:18px auto;
	padding:0;
	display:block;
	clear:both;
	width:577px;
	height:27px;
}

#news-ticker ul {
	margin:5px 0 0 15px;
	padding:0;
	display:block;
	float:left;
}

#news-ticker ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	list-style:none;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#news-ticker ul li a {color:#ffffff;}
#news-ticker ul li a:hover {text-decoration:underline;}

/* SERVICE SCROLL BOX STYLES */
/* JQUERY SCROLL CSS */

/* outmost wrapper element */
#scrollable {
	margin:0 auto;
	margin-top:21px;
	padding:0;
	clear:both;
	width:953px;
	height:142px;
}

/* container for the scrollable items */
div.items {
	height:142px;	
	margin-left:8px;	
	float:left;
	width:840px !important;
}



/* single item */
div.items .service {
	margin:0;
	margin-left:7px;
	display:block;
	float:left;
	width:133px;
	height:142px;
}

div.items .service a {
	margin:0;
	display:block;
	float:left;
	width:133px;
	height:142px;
	cursor:pointer;
}

div.items .service-footer {
	background-image:url(../images/services-image-footer.png);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:133px;
	height:47px;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	color:#555;
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:36px;
	height:41px;
	float:left;
	background-repeat:no-repeat;	
	margin:0;
	margin-top:22px;
	cursor:pointer;
}

a.prev {background-image:url(../images/services-scroll-prev.jpg); margin-right:20px;}

a.prev:hover {background-image:url(../images/services-scroll-prev.jpg);}

a.next {background-image:url(../images/services-scroll-next.jpg); margin-left:13px;}

a.next:hover {background-image:url(../images/services-scroll-next.jpg);}


/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}

/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	

/* START OF PRODUCT PAGE STYLES */
#encoder-images-holder {
	margin:73px 7px 0 0;
	padding:0;
	display:block;
	float:right;
	width:272px;
}

#encoder-images-holder #large-image {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:250px;
	height:250px;
}

#encoder-images-holder #large-image #large-image-top {
	background-image:url(../images/rounders.jpg);
	background-position:0% 0%;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:272px;
	height:11px;
	font-size:0;
	line-height:0;

}

#encoder-images-holder #large-image #large-image-content {
	background-color:#f2f2f2;
	background-repeat:repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:272px;
	height:228px;
	font-size:0;
	line-height:0;
}

#encoder-images-holder #large-image #large-image-content a {
	margin:0;
	margin-left:5px;
	padding:0;
	display:block;
	float:left;
	width:262px;
	height:228px;
}

#encoder-images-holder #large-image #large-image-content img {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:262px;
	height:228px;
}

#encoder-images-holder #large-image #large-image-bottom {
	background-image:url(../images/rounders.jpg);
	background-position:0px -11px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:272px;
	height:11px;
	font-size:0;
	line-height:0;
}

#encoder-images-holder #thumbnail-holder {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:272px;
	height:86px;
}

#encoder-images-holder #thumbnail-holder .thumbnail {
	background-color:#f2f2f2;
	background-repeat:no-repeat;
	margin:0;
	margin-left:4px;
	padding:5px;
	display:block;
	float:left;
	width:76px;
	height:76px;
}

#encoder-images-holder #thumbnail-holder .thumbnail.1 {margin-left:0px;}

*html #encoder-images-holder #thumbnail-holder .thumbnail {margin-left:2px;}

#encoder-images-holder #thumbnail-holder .thumbnail img {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:76px;
	height:76px;
}

/* END OF PRODUCT PAGE STYLES */

/* START OF NEWS PAGE STYLES */
.news-listing-holder {
	margin:0;
	padding:0;
	padding-bottom:12px;
	display:block;
	clear:both;
	width:350px;
}
.news-listing-holder .news-date {
	margin:0;
	padding:8px 0 0 34px;
	display:block;
	clear:both;
	width:130px;
	height:12px;
	font-size:10px;
	color:#000000;
	font-style:italic;
}

.news-text {
	margin:0;
	padding:8px 0 0 34px;
	display:block;
	clear:both;
	width:590px;
}

.news-listing-holder .news-text a {color:#808080;}
.news-listing-holder .news-text a:hover {color:#808080; text-decoration:underline;}

.article-number {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:34px;
	height:auto;
}

a.news {
	display:block;
	float:left;
	color:#808080;
}

a.news:hover {text-decoration:underline;}

#news-image-holder {
	margin:0;
	margin-left:24px;
	padding:0;
	display:block;
	float:right;
	width:249px;
	height:264px;
	border:1px solid #000000;
}

/* END OF NEWS PAGE STYLES */

/* START OF LATEST PRODUCT PAGE STYLES */
.product-listing-holder {
	margin:0;
	padding:0;
	padding-bottom:12px;
	display:block;
	clear:both;
	width:350px;
}
.product-listing-holder .product-date {
	margin:0;
	padding:8px 0 0 34px;
	display:block;
	clear:both;
	width:130px;
	height:12px;
	font-size:10px;
	color:#000000;
	font-style:italic;
}

.product-text {width:590px;}

.product-listing-holder .product-text a {color:#808080;}
.product-listing-holder .product-text a:hover {color:#808080; text-decoration:underline;}

.product-number {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:34px;
	height:auto;
}

#product-image-holder {
	margin:0;
	margin-left:24px;
	padding:0;
	display:block;
	float:right;
	width:249px;
	height:264px;
	border:1px solid #000000;
}

a.product {
	display:block;
	float:left;
	color:#808080;
}
a.product:hover {text-decoration:underline;}

#list-links {
	margin:0;
	padding:12px 85px 0 64px;
	display:block;
	float:left;
	width:auto;
	height:2px;
}

#link {
	margin:0;
	margin-left:12px;
	padding:0;
	display:block;
	float:left;
	width:50px;
	height:12px;
	color:#808080;
}

#link a {color:#808080;}
#link a:hover{text-decoration:underline;}
#link.current{text-decoration:underline;}
 
/* END OF LATEST PRODUCT PAGE STYLES */

/* START OF MANUFACTURER NUMBER PRODUCT PAGE STYLES */
.manufacturer-number {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:34px;
	height:auto;
}

#manufacturer-image-holder {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:133px;
	height:95px;
}

.manufacturer-text {
	margin:0;
	margin-top:12px;
	padding:0;
	display:block;
	clear:both;
	width:auto;
	height:auto;
}


/* END OF MANUFACTURER NUMBER PAGE STYLES */

/* START OF CONTACT US PAGE STYLES */

#contact-col {
	margin:0;
	padding:12px 0 0 30px;
	display:block;
	float:left;
	width: 350px;
}

#contact-box {
	margin:0;
	padding:12px 0 0 42px;
	display:block;
	clear:both;
	width:316px;
	color:#999b9e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#contact-box #input-box {
	margin-bottom:8px;
	text-align:left;
	width:383px;
	padding:5px 0 5px 5px;
}

#contact-box #input-box label {
	display:block;
	float:left;
	width:140px;
}

#contact-box #input-box textarea {
	width:235px; 
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact-box .submit {margin-left:145px;}

#contact-page-image {
	background-image:url(../images/encoders_uk_image.jpg);
	background-repeat:no-repeat;
	margin:-50px 0 0 253px;
	padding:0;
	display:block;
	width:300px;
	height:225px;
	position:absolute;
}

#map {
	margin:12px 0 0 42px;
	padding:0;
	display:block;
	float:left;
}
	

/* END OF CONTACT US PAGE STYLES */

/* START OF SITE PAGE STYLES */
#main-link {
	margin:0;
	padding:0;
	padding-top:12px;
	display:block;
	clear:both;
	width:auto;
	height:12px;
	color:#979797;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#main-link a{color:#979797;}
#main-link a:hover {color:#333333; text-decoration:underline;}

#sub-link {
	margin:0;
	padding:12px 0 0 12px;
	display:block;
	clear:both;
	width:auto;
	height:10px;
	color:#979797;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

#sub-link a{color:#979797;}
#sub-link a:hover {color:#333333; text-decoration:underline;}

/* START OF TESTAMONIAL PAGE STYLES */
.testimonial-holder-blue, .testimonial-holder-grey {
	margin:0;
	margin-bottom:8px;
	padding:0;
	display:block;
	float:left;
	width:300px;
	color:#ffffff;
}

.testimonial-holder-grey {margin-left:260px; color:#979797;}
*html .testimonial-holder-grey {margin-left:130px;}

.testimonial-holder-blue .testimonial-top-blue, .testimonial-holder-grey .testimonial-top-grey {
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:300px;
	height:13px;
}

.testimonial-holder-blue .testimonial-top-blue {background-image:url(../images/testimonials-corners-blue.jpg);}
.testimonial-holder-grey .testimonial-top-grey {background-image:url(../images/testimonials-corners-grey.jpg);}

.testimonial-holder-blue .testimonial-content-blue, .testimonial-holder-grey .testimonial-content-grey  {
	background-color:#759df0;
	background-repeat:no-repeat;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:280px;
}

.testimonial-holder-blue .testimonial-content-blue {background-color:#759df0;}
.testimonial-holder-grey .testimonial-content-grey {background-color:#f2f2f2;}

.testimonial-holder-blue .testimonial-content-blue .testimonial-heading, .testimonial-holder-grey .testimonial-content-grey .testimonial-heading {
	margin:0;
	margin-bottom:8px;
	padding:0;
	display:block;
	float:left;
	width:280px;
	font-size:14px;
	font-weight:bold;
}

.testimonial-holder-blue .testimonial-bottom-blue, .testimonial-holder-grey .testimonial-bottom-grey {
	background-position:0px -13px;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:300px;
	height:13px;
}

.testimonial-holder-blue .testimonial-bottom-blue {background-image:url(../images/testimonials-corners-blue.jpg);}
.testimonial-holder-grey .testimonial-bottom-grey {background-image:url(../images/testimonials-corners-grey.jpg);}

.testimonial-holder-blue .testimonial-bubble-blue, .testimonial-holder-grey .testimonial-bubble-grey {
	background-repeat:no-repeat;
	padding:0;
	display:block;
	float:left;
	width:37px;
	height:20px;
}

.testimonial-holder-blue .testimonial-bubble-blue {background-image:url(../images/testimonials-bubble-blue.jpg); margin:-2px 0 0 225px;}
*html .testimonial-holder-blue .testimonial-bubble-blue {margin-left:112px;}

.testimonial-holder-grey .testimonial-bubble-grey {background-image:url(../images/testimonials-bubble-grey.jpg); margin:-2px 0 0 35px;}
*html .testimonial-holder-grey .testimonial-bubble-grey {margin-left:17px;}