@charset "utf-8";

/* File: css/reset.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
fieldset,img { 
	border:0;
}
address,caption,strong,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size:13px;
}
abbr,acronym { border:0;
}
a {
	outline:none;
}

/* File: css/main.css */

/* Body */

body {
	background-color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#222222;
}

/* Container */

div#container {
	width:1005px;
	margin:0 auto;
	background:url(../images/backgrounds/container-bg.gif) repeat top left;
	padding-bottom:22px;
}

div#container-inner {
	width:925px;
	margin:0 auto;
	padding:20px;
	padding-top:10px;
	background:url(../images/backgrounds/header-bg.gif) white repeat-x top left;
}


/* Main */

div#main {
	float:left;
	width:740px;
	margin-left:25px;
	margin-top:15px;
}

div#main.newproducts p, div#main.newproducts h2 {
	padding-left:270px;
}

div#main.newproducts p.full {
	padding-left:0;
	margin-bottom:50px;
}

div#location {
	font-size:12px;
	color:#666666;
	padding:10px 0px;
}

div#location a {
	text-decoration:underline;
	color:#666666;
}


/* Right */

div#right {
	display:none;
	float:left;
	width:190px;
	margin-left:20px;
	margin-top:15px;
}


/* Footer */

div#footer {
	margin-top:70px;
}

div#footer h3 {
	margin-top:30px;
	font-size:16px;
	font-weight:bold;
}

div#alsoprovide {
	text-align:left;
	clear:both;
	font-size:12px;
}

div#alsoprovide div {
	display:block;
	margin:15px 0px;
	padding:7px 0px;
	padding-left:120px;
}

div#alsoprovide span {
	position:absolute;
	margin-left:-120px;
	font-weight:bold;
}

div#footer-links {
	margin:30px 0px;
	background-color:#333;
	text-align:center;
	padding:6px;
	color:white;
}

div#footer-links a {
	color:white;
	padding:0px 10px;
	font-size:12px;
}

div#footer-links a:hover {
	text-decoration:underline;
}

/* Types of Products */

div#typesofproducts {
	margin:30px 0px;
}

div#typesofproducts-header {
	background:url(../images/backgrounds/typesofproducts-header.gif) no-repeat top left;
	width:140px;
	height:18px;
	color:white;
	padding:7px 25px;
}

div#typesofproducts-body {
	background:url(../images/backgrounds/typesofproducts-body.gif) repeat-y top left;
	width:150px;
	color:#222222;
	padding:15px 20px;
}

div#typesofproducts-body ul {
	margin-top:10px;
}

div#typesofproducts-body ul li {
	list-style-image:url(../images/icons/arrow-gold.png);
	margin-left:15px;
	line-height:1.5em;
}

div#typesofproducts-footer {
	background:url(../images/backgrounds/typesofproducts-footer.gif) no-repeat top left;
	width:190px;
	height:7px;
}



/* Homepage Image float */

div#rightimages img {
	float:left;
	margin-bottom:10px;
	margin-right:2px;
}



/* Gallery */

div.gallery {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	width:250px;
}

div.gallery img {
	margin-bottom:10px;
}


/* Sub-Gallery */

div.gallery div.subgallery {
	text-align:center;
}

div.gallery div.subgallery img {
	width:35px;
	height:35px;
	margin-bottom:5px;
	border:1px solid #CCC;
}


/* Gallery line */

div.line {
	border-bottom:1px solid #CCC;
	height:1px;
	margin:20px 0px;
}


/* Hide SCS Company Names */

div.scsCompanies {
	display:none;
}

.noimage {
	padding-left:150px;
}


/* Jump To div */

div#jumpto {
	width:100%;
	height:20px;
	margin-bottom:30px;
}

div#jumpto div {
	float:left;
	width:31%;
}


/* Terms and Conditions */

div#terms div {
line-height:1.5em;
margin:15px 30px 0 0;
padding-left:50px;
}

div#terms span {
float:left;
margin-left:-50px;
}



/* Contact page */

div#contactform {
	background:url(../images/backgrounds/contactus.gif) no-repeat top left;
	width:290px;
	height:250px;
	padding:20px;
	padding-top:60px;
	font-size:13px;
	margin:0px;
	float:left;
}

div#contactform div {
	clear:both;
}

div#contactform span {
	float:left;
	width:80px;
	margin-bottom:10px;
}

div#contactform span.label {
	text-align:right;
	padding:2px 15px;
}

div#contactform input {
	width:170px;
	border:1px solid #b7d5e9;
	background-color:white;
	font-size:13px;
	padding:2px;
}

div#contactform input.submit {
	width:78px;
	height:32px;
	border:none;
	background-color:#f1f6fc;
}

div#contactform textarea {
	width:170px;
	height:80px;
	border:1px solid #b7d5e9;
	background-color:white;
	font-size:13px;
	padding:2px;
	font-family:Arial, sans-serif;
}

div#contactform p.footer {
	font-size:10px;
}

div#contactpage-details {
	float:left;
	width:260px;
	margin-left:30px;
}

div#contactpage-details div#contactpage-tel {
}

div#contactpage-details div#contactpage-tel img {
	float:left;
	margin-right:10px;
}

div#contactpage-details div#contactpage-fax {
	margin-top:20px;
}

div#contactpage-details div#contactpage-fax img {
	float:left;
	margin-right:10px;
}

div#contactpage-details div#contactpage-email {
	margin-top:20px;
}

div#contactpage-details div#contactpage-email img {
	float:left;
	margin-right:10px;
}

div#contactpage-details div#contactpage-address {
	margin-top:20px;
}

div#contactpage-details div#contactpage-address img {
	float:left;
	margin-right:10px;
	margin-bottom:85px;
}


/* Sitemap */

div#jumpto.sitemap div {
	white-space:nowrap;
}

div.sitemap h5 {
	font-size:15px;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

div.sitemap span {
	display:block;
	padding-left:20px;
	line-height:1.5em;
}



/* Homepage images */

div#demos {
	margin-bottom:40px;
	border:1px solid #333;
}


div#nav {
	background:url(../images/nav-background.png) no-repeat left top;
	margin-left:622px;
	margin-top:360px;
	padding:6px 0;
	position:absolute;
	text-align:center;
	width:110px;
	z-index:100;
}

div#nav a {
	border:1px solid #F8F8F8;
	color:#222222;
	font-weight:bold;
	margin:0 2px;
	padding:3px 6px;
}

div#nav a.activeSlide {
	background-color:#EEEEEE;
	border:1px solid #AAAAAA;
}

/* New, Smaller Footer */

div#alsoprovide div {
	display:block;
	padding:2px 0px 2px 120px;
	margin:0;
}

/* File: css/header.css */

/* Header bar */

div#headerbar {
	background-color:#e7a50c;
	height:12px;
}

/* Header */

div#header {
}

/* Logo */

div#header div#logo {
	float:left;
}

/* Contact Details */

div#header div.right {
	width:310px;
}

div#header div.right div.contact {
	float:left;
	margin-top:25px;
}

div#header div.right div.contact span {
	font-size:18px;
}

div#header div.right div.contact a.email {
	font-size:14px;
}

/* ISO */

div#header div.right img#iso {
	float:right;
}



/* Top Menu */

div#topmenudiv {
}

div#readourblog {
	float:left;
	margin-top:-77px;
	margin-left:200px;
	background:url(../images/readourblog.png) no-repeat top left;
	width:135px;
	height:111px;
}

ul#topmenu {
	float:right;
	height:34px;
}

ul#topmenu li {
	float:left;
}

ul#topmenu li a {
	display:block;
	color:white;
	float:left;
	background:url(../images/backgrounds/topmenu-bg.gif) repeat-x top left;
	padding:8px 20px 8px 15px;
	margin-left:2px;
	border-bottom:2px solid white;
	white-space:nowrap;
}

ul#topmenu li a:hover, ul#topmenu li a.on {
	background:url(../images/backgrounds/topmenu-bg-hover.gif) repeat-x top left;
	border-bottom:2px solid #e7a50c;
	text-decoration:none;
}

li img.topmenuarrow {
	float:left;
	margin-top:3px;
	margin-right:6px;
}

ul#topmenu li img.cornerleft {
	float:left;
	position:relative;
	margin-left:-15px;
	margin-top:-8px;
}

ul#topmenu li img.cornerright {
	float:right;
	position:relative;
	margin-right:-20px;
	margin-top:-8px;
}

a#menu-transport {
	width:60px;
}

a#menu-industrial {
	width:215px;
}

a#menu-leisure {
	width:140px;
}


div#topmenubottom {
	clear:right;
	background:url(../images/backgrounds/topmenu-bottom-bg.png) no-repeat top left;
	height:25px;
	width:930px;
}


/* File: css/left.css */
/* Left */

div#left {
	float:left;
	margin-top:-10px;
	background:url(../images/backgrounds/left-bg.gif) repeat-x top left;
	min-height:550px;
	width:160px;
}

/* Home Button */

ul#home {
	margin-top:30px;
	margin-bottom:1px;
}

ul#home li a {
	display:block;
	background-color:#3c3c3c;
	padding:6px 8px;
	width:144px;
	color:white;
}

ul#home li a:hover {
	background-color:#666;
	text-decoration:none;
}

ul#home li a span {
}

ul#home li a img#homeicon {
	float:right;
	margin-top:-15px;
}


/* Left Menu */

div.glossymenu {
	border-top:1px solid #CCC;
}

div.glossymenu a {
	display:block;
	padding:6px 0px 6px 8px;
	width:140px;
	border:1px solid #CCCCCC;
	border-top:none;
	outline:none;
}

div.glossymenu a.submenuheader {
	background:url(../images/icons/arrow.png) no-repeat 5% 8px;
	padding:6px 0px 6px 20px;
	width:138px;
}


div.glossymenu img.topmenuarrow {
	float:left;
	margin-top:3px;
	margin-right:6px;	
}

div.glossymenu a:hover, div.glossymenu a.open {
	background-color:#e7a50c;
	color:white;	
	text-decoration:none;
	cursor:pointer;
}

div.submenu {
	float:left;
}

div.submenu a.submenu1header, div.submenu a.submenu2header, div.submenu a.submenu3header {
	padding-left:20px;
	width:153px;
	border-bottom:1px solid #555;
	padding-left:5px;
	background-color:#D3E6CC;
}

div.submenu a.submenu2header:hover, div.submenu a.open {
	color:black;
}

div.submenu1, div.submenu2, div.submenu3 {
	height:150px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

div.submenu1 a, div.submenu2 a, div.submenu3 a {
	background-color:none;
	padding:0px;
	border:none;
}


/* Call Box */

a#callback {
	cursor:pointer;
	display:block;
	margin-top:50px;
}

div#callbox {
	visibility:hidden;
	position:absolute;
	left:50%;
	margin-top:30px;
	margin-left:-150px;
	width:340px;
	height:250px;
	background:url(../images/backgrounds/container-bg.gif) repeat top left;
	border:1px solid black;
	z-index:100000;
}

div#callboxinner {
	width:280px;
	margin:0 auto;
	margin-top:10px;
	background:url(../images/backgrounds/header-bg.gif) white repeat-x top left;
	height:190px;
	padding:20px;
}

div#callboxinner h3 {
	font-size:20px;
	margin-bottom:5px;
	font-weight:bold;
	margin-top:0px;
}

div#callboxinner form span {
	display:block;
	padding:5px 0px;
}

div#callboxinner form input {
	font-family:Arial;
	font-size:13px;
}

div#callboxinner form label {
	font-weight:bold;
}


/* Left Links */

ul#leftlinks {
	margin:40px 0px;
}

ul#leftlinks li a {
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:6px 0px 6px 8px;
	width:150px;	
}

ul#leftlinks li a:hover {
	text-decoration:none;
	color:#e7a50c;
}

/* File: css/common.css */

p {
	line-height:1.5em;
	margin:0px 0px 15px 0px;
}

.left {
	float:left;
	margin:0px 20px 20px 0px;
}

.right {
	float:right;
	margin:0px 0px 20px 20px;
}

.clear {
	clear:both;
}

h1 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}

h2 {
	font-size:16px;
	font-weight:bold;
}

h2 strong {
	font-weight:bold;
}

h3 {
	font-weight:bold;
	font-size:16px;
	margin:15px 0px;
}

div.multicollist div.multi1, div.multicollist div.multi2, div.multicollist div.multi3, div.multicollist div.multi4 {
	float:left;
	padding-right:50px;
	margin-top:20px;
	white-space:nowrap;
}


ul.list {
	list-style:disc;
	margin-left:30px;
	line-height:1.5em;
}


/* Hidden div */

div.hidden { display:none; }


/* Read More button */

a.readmore {
	margin-right:20px;
}

a.readmore:hover {
	cursor:pointer;
}

/* File: css/links.css */

a { color:#222222; text-decoration:none; }
a:hover { color:#222222; text-decoration:underline; }
a:active { color:#222222; text-decoration:none; }
a:visited { color:#222222; text-decoration:none; }
a:visited:hover { text-decoration:underline; }

p a:hover {
	text-decoration:underline;
}

div.multicollist a {
	text-decoration:none;
}

div.multicollist a:hover {
	text-decoration:underline;
}

/* File: css/slimbox2.css */

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
	font-size:16px;
	font-family:Arial;
}

/* File: css/carousel.css */

.infiniteCarousel {
  width: 740px;
  position: relative;
  height:50px;
  clear:both;
}

.infiniteCarousel .wrapper {
  width: 660px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px 3px;
  height: 50px;
  width: 50px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 7px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/* File: css/imageflow.css */

/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		overflow:hidden;
		position:relative; 
		text-align:left;
		visibility:hidden;
		width:100%;
	}
	.imageflow img {
		border:none;
		position:absolute;
		top:0px;
		visibility:hidden;
		/*max-height:98px;*/
		/*border:1px solid #999;*/
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow img:hover {
		cursor:pointer;
	}
	.imageflow p {
		margin:0 auto;
		text-align:center;
	}
	.imageflow .loading {
		border:1px solid black;
		height:15px;
		left:50%;
		margin-left:-106px;
		padding:5px;
		position:relative;
		visibility:visible;
		width:200px;
	}
	.imageflow .loading_bar {
		background:#000000;
		height:15px;
		visibility:visible;
		width:1%;
	}
	.imageflow .navigation{
		z-index:10000;
	}
	.imageflow .caption {
		position:relative; 
		text-align:center;
		z-index:10001;
		color:black;
		font-size:13px;
	}
	.imageflow .scrollbar {
		border-bottom:1px solid #b3b3b3;
		position:relative; 
		visibility:hidden;
		z-index:10002;
		height:1px;
	}
	.imageflow .slider {
		background-image:url(../images/slider_dark.png);
		background-repeat:no-repeat;
		height:14px;
		margin:-6px 0 0 -7px;
		position:absolute;
		width:14px;
		z-index:10003;
	}
	.imageflow .images {
		overflow:hidden;
		white-space:nowrap;
	}
	.imageflow .button {
		cursor:pointer;
		height:17px;
		position:relative;
		width:17px;
	}
	.imageflow .previous {
		background: url(../images/button_left.png) top left no-repeat;
		float:left;
		margin: -7px 0 0 -30px;
	}
	.imageflow .next {
		background: url(../images/button_right.png) top left no-repeat;
		float:right;	
		margin:-7px -30px 0 30px;
	}
}