@charset "UTF-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	background-color: #e3f0fa;
	background-image:url(images/common/bg-wallpaper.png);
	background-repeat:repeat-y;
	background-position:center;
}

a {
	color: #313f5c;
}

a:hover {
	color: #f78c00;
}

a img {
	border: 0px;
	border: none;
}

strong {
	font-weight: bold;
	color: #f78c00;
}

p {
	line-height: 140%;
}


#wrapper {
	width: 900px;
	margin: 0 auto;
	border-left: 1px solid #313f5c;
	border-right: 1px solid #313f5c;
	background-color: #ffffff;
}

#header {
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 90%;
}

#content {
	margin: 0;
	padding: 0;
}

#contentleftmenu {
	background-color: #d2e2ef;
	background-image: url(images/common/left-menu-bg.jpg);
	background-repeat: repeat-y;
	width: 210px;
	float: left;
}

#contentleftmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentleftmenu li {
	font-size: 140%;
	letter-spacing: -1px;
	font-weight: lighter;
	background-image: url(images/common/left-menu-bullet.jpg);
	background-repeat: no-repeat;
	background-position: 5px 14px;
	height: 30px;
	width: 170px;
	padding: 10px 0 10px 22px;
	
}

#contentleftmenu li a {
	text-decoration: none;
	color: #313f5c;
	display: block;
	height: 30px;
	border-bottom: 1px solid #697a9c;
}

#contentleftmenu li a:hover {
	color: #000000;
}

#contentmain {
	padding: 0 30px 0 240px;
}


#contentmain h1 {
	font-size: 180%;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 0 200px;
	margin: 0 0 20px 20px;
	color: #313f5c;
	text-align: right;
	border-bottom: 1px solid #e2e9f0;
}

h2 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #313f5c;
}


#contentmain h2 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #313f5c;
	background-image: url(images/common/arrow.png);
	background-repeat:no-repeat;
	padding-left: 30px;
}

#contentmain h3 {
	font-size: 120%;
	font-weight: normal;
	color: #313f5c;
	margin-left: 30px;
}

#col6 h3 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #313f5c;
	margin-left: 15px;
	padding: 0 0 5px 0px;
	border-bottom: 1px solid #f78c00;
}

#col6 ul.services {
	color: black;
	line-height: 150%;
}


#content h4 {
	font-size: 250%;
	font-weight: normal;
	color: #313f5c;
	margin: 10px;
	margin-left: 50px;
	letter-spacing: -2px;
}

#content h5 {
	font-size: 200%;
	font-weight: normal;
	color: #6987a3;
	margin: 10px;
	margin-left: 150px;
	letter-spacing: -1px;
}

#content h6 {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #313f5c;
	border-bottom: 1px solid #e2e9f0;
	padding-bottom: 20px;
	width: 230px;
}


#content .frontheader {
	font-size: 350%;
	font-weight: normal;
	color: #313f5c;
	margin: 10px;
	margin-left: 50px;
	letter-spacing: -2px;
}



#col1,#col2,#col3 {
	width: 270px;
	float: left;
	padding: 15px;
}

#col4{
	width: 540px;
	float: left;
	padding: 15px;
}

#col5{
	width: 350px;
	float: left;
	padding: 15px;
}

#col6{
	width: 420px;
	float: left;
	padding: 15px;
}

.frontcol {
	width: 200px;
	float: left;
	padding: 15px;
}




#contentmain table {
	margin: 0 auto;
}

#contentmain table tr {
	padding-bottom: 20px;
}

.favlink {
	text-align: left !important;
	padding-left: 28px;
	background-image:url(images/common/icon_favourites.gif);
	background-repeat: no-repeat;
	background-position: 10px;
}

.favlink a {
	text-decoration: none;
	font-size: 120%;
	display: block;
}

.manufacturer {
	color: #313f5c;
	font-weight: bold;
}

.productlinks a {
	text-decoration: none;
}

.indexmenu {
	font-size: 160%;
	width: 230px;
	letter-spacing: -1px;
	border-bottom: 1px solid #e2e9f0;
	padding-bottom: 20px;
	height: 30px;
}

.indexmenu a {
	color: #6c90b2;
	text-decoration: none;
	display: block;
	background-image: url(images/common/arrow.png);
	background-repeat:no-repeat;
	background-position: 205px 3px;
}

.indexmenu a:hover {
	color: #f78c00;
	background-position: 208px 3px;
}

.indexmenu2 {
	color: #6c90b2;
	font-size: 160%;
	width: 230px;
	letter-spacing: -1px;
	border-bottom: 1px solid #e2e9f0;
	padding-bottom: 10px;
}

.indexmenu2 a {
	color: #6c90b2;
	text-decoration: none;
	display: block;
	background-image: url(images/common/arrow.png);
	background-repeat:no-repeat;
	background-position: 205px 3px;
}

.indexmenu2 a:hover {
	color: #f78c00;
	background-position: 208px 3px;
}


.sector-product-list {
	color: #6c90b2;
	background-color: #e2e9f0;
	font-size: 160%;
	width: 350px;
	letter-spacing: -1px;
	padding: 5px 0 5px 10px;
	margin-bottom: -15px;
}

.sector-product-list a {
	text-decoration: none;
	display: block;
	background-image: url(images/common/arrow-2.gif);
	background-repeat:no-repeat;
	background-position: 320px 3px;
}

.sector-product-list a:hover {
	color: #6c90b2;
	padding: 0px 0 0px 2px;
	background-position: 322px 3px;
}


.tablecategories {
	text-align: center;
	margin: 0 auto;
	font-size: 120%;
}

.tablecategories a {
	border: none;
	text-decoration: none;
}

.tablecategories tr {
	height: 200px;
}

.table-b {
	border-bottom: 1px solid #e2e9f0;
}

.table-r {
	border-right: 1px solid #e2e9f0;
}

.sectorselector {
	width: 200px;
	float: left;
	padding-right: 10px;
}

.sectorlabel {
	background-color: #313f5c;
	color: #ffffff;
	width: 200px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.sectorselector a, sectorlabel a {
	text-decoration: none;
	color: #ffffff;
}

.outline {
	border: 1px solid #313f5c;
}





.sectorselector2 {
	width: 150px;
	float: left;
	border: 1px solid #313f5c;
	padding: 3px;
	margin-bottom: 20px;
}

.sectorlabel2 {
	background-color: #313f5c;
	color: #ffffff;
	width: 150px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.sectorselector2 a, sectorlabel2 a {
	text-decoration: none;
	color: #ffffff;
}





.sectorselector3 {
	width: 150px;
	float: left;
	border: 1px solid #f78c00;
	padding: 3px;
	margin-bottom: 20px;
}

.sectorlabel3 {
	background-color: #f78c00;
	color: #ffffff;
	width: 150px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.sectorselector3 a, sectorlabel3 a {
	text-decoration: none;
	color: #ffffff;
}

/* slide show stuff */
#imageSlideshowHolder{

	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 356px;	/* IE 5.x */
	width/* */:/**/350px;	/* Other browsers */
	width: /**/350px;
	
	/* CSS HACK */
	height: 226px;	/* IE 5.x */
	height/* */:/**/220px;	/* Other browsers */
	height: /**/220px;
	
	background-color: white;
	border:1px solid #f78c00;
	padding: 5px;
	position:relative;	/* Never change this value */
	
}
.imageInGallery{		
	width:350px;
	height:220px;
	background-color: white;
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}


#imageSlideshowHolder img{
	position:absolute;
}

#contactform th {
	font-size: 150%;
	font-weight: normal;
	letter-spacing: -1px;
	color: #313f5c;
}

#contactform textarea, #contactform input {
	border: 1px solid #313F5C;
	padding: 3px;
	font-family: "Trebuchet MS", Arial, Sans;
	font-size: 12px;
	color: #313F5C;
	margin-top: 8px;
	margin-bottom: 8px;
}

#contactform input.submit {
	background-color: #e0e0e0;
}