﻿

/******************/
/* General Styles */
/******************/

body {
	background: #d9d9d9 url('images/body-bg.jpg') repeat-x top left;
	text-align: center;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

div.scroll {
 	overflow: auto;
 	overflow-x: hidden;
}

.left {
 	float: left;
 	margin-right: 15px;
}

ul.left {
 	margin-right: 30px;
}

.right {
 	float: right;
 	margin-left: 15px;
}

.clear {
 	clear: both;
 	height: 0;
}

img {
 	border: none;
}

.centeredimage {
 	text-align: center;
}

.centeredimage img {
 	margin: 0 auto;
}

.imgright {
	float: right;
	border: 5px solid #ededed;
	margin: 0 0 15px 15px;
}

.imgleft {
	float: left;
	border: 5px solid #ededed;
	margin: 0 15px 15px 0;	
}

/********************/
/* Container Styles */
/********************/
div#outer {
 	margin: 0 auto;
 	width: 984px;
 	position: relative;
 	padding-bottom: 40px;
}

div#outer div#seo {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	text-align: left;
 	color: #aaaaaa;
}

div#outer div#seo h1, div#outer div#seo p {
 	margin: 0;
 	padding: 0;
 	font-size: 0.8em;
 	font-weight: normal;
}

div#containerouter {
 	text-align: center;
	margin: 0 auto;
 	width: 984px;
}

div#containerinner {
	text-align: center;
}

/*****************/
/* Header Styles */
/*****************/
div#header {
 	height: 183px; 
 	position: relative;
 	background: transparent url("images/header-bg.jpg") no-repeat top center; 
 	padding: 0;
}

div#header img {
 position: absolute;
 top: 49px;
 left: 23px;
 margin: 0;
 padding: 0;
 border: 0;
 width: 160px;
 height: 76px;
}

div#header h2 {
 	width: 278px;
 	height: 108px;
 	position: absolute;
 	top: 33px;
 	left: 0;
 	background-repeat: no-repeat;
 	background-position: top left;
 	text-indent: -9999px; 
 	padding: 0;
 	border: 0;
 	margin: 0;
}

ul#language {
 	list-style: none;
 	float: left;
 	margin: 10px 0 0 8px;
 	padding: 0;
}

* html ul#language {
  	display: inline;
  	margin-right: 13px;
}

ul#language li {
 	float: left;
 	margin-right: 10px;
}

ul#language li a {
 	display: block;
 	text-decoration: none;
 	color: #fff;
}

ul#language li a:hover {
 	color: #fff;
 	text-decoration: underline;
}

ul#header-navigation {
	width: 982px;
	display: block;
	background: #fff url("images/header-navigation-bg.jpg") repeat-x bottom left;
	position: absolute;
	top: 151px;
	left: 0;
	list-style: none;
	text-align: left;	
	padding: 5px 0;
	border: 1px solid #c7c7c7; 
	border-width: 0 1px; 
	margin: 0;
}

* html ul#header-navigation {
 	padding: 0;
}

ul#header-navigation li {
 	display: inline;
 	font-size: 1.6em; 
 	padding: 0;
}

ul#header-navigation li.first {
 	margin-left: 25px;
}


ul#header-navigation li a {
 	color: #737172;
 	text-decoration: none;
 	padding: 0 20px 0 0;
}

ul#header-navigation li a:hover {
	text-decoration: none;
	color: #1da2e5;
}

/**************/
/* Breadcrumb */
/**************/
div#content ul#breadcrumb {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  float: left;
}

div#content ul#breadcrumb li {
  margin: 0 5px 0 0;
  padding: 0 0 0 20px;
  float: left;
  display: inline;
  background-image: url(images/breadcrumb_separator.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}

div#content ul#breadcrumb li:first-child {
  padding-left: 0;
  background-image: none;
}

div#content p#breadcrumbHeader {
 display: inline;
 font-size: 1em;
 float: left;
 padding: 0 10px 0 0;
 margin: 10px 0 0 15px;
 font-weight: bold;
 line-height: normal;
 text-align: left;
}

div#content ul#breadcrumb li a {
 color: #0082C3;
 font-size: 1em;
 font-weight: bold;
 text-decoration: none
}

div#content ul#breadcrumb li a:hover {
 text-decoration: underline
}


/******************/
/* Content Styles */
/******************/
div#content {
	background: #f8faf9;
	text-align: left;
	border: 1px solid #c7c7c7;
	border-top: 0;
 	margin: 0 0 10px 0;
}

div#content h2 {
 	color: #0283c5;
 	font: normal 1.8em 'arial light', arial, verdana, helvetica,sans-serif;
 	margin: 0 0 10px;
}

div#content h3 {
 color: #000000;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 1.3em;
 clear: left;
}

div#content h3.topspace {
 margin-top: 30px;
}

div#content h4 {
 color: #000000;
 font-weight: bold;
 font-size: 1em;
}

div#content p {
 	font-size: 1.1em;
 	line-height: 1.5em;
 	text-align: justify;
}

div#content .newsdate {
 	font-style: italic;
 	color: #333333;
}

div#content ul.newsList {
 display: none;
 clear: left;
 padding-top: 10px;
}

div#content a.toggle {
 float: left;
 clear: left;
 background-image: url(images/news_toggle_off.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 padding: 3px 20px 3px 0;
}

div#content a.toggle.on {
 background-image: url(images/news_toggle_on.gif);
}

div#content div.col {
 width: 345px;
 float: left;
}

div#content div.casestudy {
	padding-bottom: 10px;
 	border-bottom: 1px solid #ddd;
 	margin-bottom: 25px;
}

/******************/
/* Leftcoloperators Styles */
/******************/

div#leftcoloperators {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcoloperators div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcoloperators div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcoloperators div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcoloperators div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 	div#leftcoloperators div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcoloperators div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcoloperators div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcoloperators div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcoloperators div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolsuppliers Styles */
/******************/

div#leftcolsuppliers {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolsuppliers div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolsuppliers div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcolsuppliers div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolsuppliers div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolsuppliers div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcolsuppliers div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolsuppliers div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolsuppliers div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolsuppliers div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolcollaboration Styles */
/******************/

div#leftcolcollaboration {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolcollaboration div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolcollaboration div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcolcollaboration div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolcollaboration div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolcollaboration div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcolcollaboration div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolcollaboration div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolcollaboration div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolcollaboration div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolfabrication Styles */
/******************/

div#leftcolfabrication {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolfabrication div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolfabrication div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcolfabrication div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolfabrication div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolfabrication div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcolfabrication div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolfabrication div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolfabrication div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolfabrication div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolcontract Styles */
/******************/

div#leftcolcontract {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolcontract div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolcontract div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcolcontract div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolcontract div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolcontract div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcolcontract div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolcontract div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolcontract div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolcontractdiv.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcoldetailing Styles */
/******************/

div#leftcoldetailing {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcoldetailing div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcoldetailing div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcoldetailing div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcoldetailing div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcoldetailing div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }




div#leftcoldetailing div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcoldetailing div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcoldetailing div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcoldetailing div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolengineering Styles */
/******************/

div#leftcolengineering {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolengineering div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolengineering div.box { background-image: url("images/icon-products.jpg"); }
/* More Info */ div#leftcolengineering div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolengineering div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolengineering div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }





div#leftcolengineering div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolengineering div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolengineering div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolengineering div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}

/******************/
/* Leftcolestimating Styles */
/******************/

div#leftcolestimating {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolestimating div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolestimating div.box { background-image: url("images/icon-products.jpg"); }
/* more info */ div#leftcolestimating div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Support */   div#leftcolestimating div.box + div.box + div.box{ background-image: url("images/support-icon.jpg"); }
/* Info */ 		div#leftcolestimating div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }





div#leftcolestimating div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolestimating div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolestimating div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolestimating div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}

/******************/
/* Leftcolproducts Styles */
/******************/

div#leftcolproducts {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolproducts div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Products */ 	div#leftcolproducts div.box { background-image: url("images/icon-products.jpg"); }
/* Support */   div#leftcolproducts div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* More Info */ div#leftcolproducts div.box + div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Info */ 		div#leftcolproducts div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }





div#leftcolproducts div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolproducts div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolproducts div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolproducts div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolsolutions Styles */
/******************/

div#leftcolsolutions {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcolsolutions div.box {
 	width: auto;
 	background: transparent url("images/icon-solutions.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Solutions */ div#leftcolsolutions div.box { background-image: url("images/icon-solutions.jpg"); }
/* Services */ 	div#leftcolsolutions div.box + div.box { background-image: url("images/icon-services.jpg"); }
/* More Info */ div#leftcolsolutions div.box + div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Info */ 		div#leftcolsolutions div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }





div#leftcolsolutions div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcolsolutions div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcolsolutions div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcolsolutions div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}

/******************/
/* leftcol Styles */
/******************/

div#leftcol {
	width: 190px;
 	float: left;
 	display: inline;
 	background-color: #f7f7f7;
	text-align: left;
	padding: 0; 
	border: 1px solid #c7c7c7;
 	margin: 15px 10px 10px 10px;
}


div#leftcol div.box {
 	width: auto;
 	background: transparent url("images/icon-products.jpg") no-repeat 10px 0; /* Solutions */
 	padding: 0 10px 0 55px;
 	margin: 10px 0 20px;
}

/* Solutions */ div#leftcol div.box { background-image: url("images/icon-solutions.jpg"); }
/* Products */ 	div#leftcol div.box + div.box { background-image: url("images/icon-products.jpg"); }
/* Services */ 	div#leftcol div.box + div.box + div.box { background-image: url("images/icon-services.jpg"); }
/* Support */   div#leftcol div.box + div.box + div.box + div.box { background-image: url("images/support-icon.jpg"); }
/* More Info */ div#leftcol div.box + div.box + div.box + div.box + div.box { background-image: url("images/icon-info.jpg"); }
/* Info */ 		div#leftcol div.box + div.box + div.box + div.box + div.box + div.box { background-image: url("images/icon-contact.jpg"); }





div#leftcol div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.0em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 5px;
}

div#leftcol div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#leftcol div.box ul li {
	font-size: 0.9em;
	line-height: 1.2em;
 	list-style-type: none;
 	padding: 5px 0 0;
 	border-top: 1px solid #ddd;
 	margin: 0 0 5px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#leftcol div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}


/******************/
/* Leftcolhomepage Styles */
/******************/

div#Leftcolhomepage {
	width: 720px; 
	float: left; 
	background: #f8faf9 url("images/leftcol-bg.gif") repeat-y top center;
	border: 1px solid #c7c7c7; 
	display: block;
	text-align: left;
	padding: 0; 
 	margin: 0 0 10px;
}

h2.h2top {
	height: auto;
	display: block;
 	background: #f8faf9 url("images/h2-top.jpg") repeat-x top left; 
 	font-size: 1.20em;
 	color: #393939;
 	padding: 8px 25px 20px; 
 	margin: 0; 
}

div#Leftcolhomepage div.boxwrapper {
 	width: 240px;
 	float: left;
 	margin: 10px 0;
 	padding: 0;
}
div#Leftcolhomepage div.box {
 	width: auto;
 	background: transparent url("images/icon-blank.jpg") no-repeat 15px 0;
 	padding: 0 0 0 65px;
 	margin: 10px 10px 25px;
}

div#Leftcolhomepage #solutions 	{ background-image: url("images/icon-solutions.jpg"); }
div#Leftcolhomepage #products 	{ background-image: url("images/icon-products.jpg"); }
div#Leftcolhomepage #downloads 	{ background-image: url("images/icon-downloads.jpg"); }
div#Leftcolhomepage #freeware 	{ background-image: url("images/icon-freeware.jpg"); }
div#Leftcolhomepage #services 	{ background-image: url("images/icon-services.jpg"); }
div#Leftcolhomepage #contact 	{ background-image: url("images/icon-contact.jpg"); }
div#Leftcolhomepage #support 	{ background-image: url("images/support-icon.jpg"); }
div#Leftcolhomepage #info 		{ background-image: url("images/icon-info.jpg"); }
div#Leftcolhomepage #hardware 	{ background-image: url("images/icon-hardware.jpg"); }
div#Leftcolhomepage #bim	 	{ background-image: url("images/icon-star.jpg"); }
div#Leftcolhomepage #recruitment 	{ background-image: url("images/icon-shield.jpg"); }





div#Leftcolhomepage div.box h3 {
 	color: #373737;
 	text-align: left;
 	font-size: 1.20em;
 	color: #393939;
 	padding-top: 0;
 	margin: 0 0 10px;
}

div#Leftcolhomepage div.box ul {
 	list-style-type: none;
 	padding: 0;
 	margin: 0;
}

div#Leftcolhomepage div.box ul li {
	line-height: 1.3em;
 	list-style-type: none;
 	padding: 0;
 	margin: 0 0 8px;
}

div.box ul a {
 	color: #393939;
 	text-decoration: none;
}

div#Leftcolhomepage div.box ul a:hover {
 	color: #0082c3;
 	text-decoration: none;
}

/**************/
/* Video Box */
/**************/

div#video {
	width: 237px; 
	float: left;
	display: block;
	background-color: #f8faf9;
	text-align: left;
	padding: 0 4px 5px; 
	border: 1px solid #c7c7c7; 	
 	margin: 0 0 15px 15px;
}

div#video h2.h2top {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 -3px;	
}

div#video p {
	margin-top: 5px;
}

/**************/
/* Middle homepage Col */
/**************/
div#middlecolhomepage {
	width: 710px;
 	float: left;
 	text-align: left;
 	margin: 15px 15px 15px 0;
}

* html div#middlecolhomepage {
	margin-right: 5px;
}

div#middlecolhomepage.rightboxes {
 
}

div#middlecolhomepage h2 img {
	border: 5px solid #ededed;
}

div#middlecolhomepage.drawingdesign {
 background: transparent url('images/drawing_design_background.jpg') no-repeat 50% 100%;
}

div#middlecolhomepage h2 {
	border-bottom: 1px solid #ccc;	

}

div#middlecolhomepage a {
 font-weight: bold;
 text-decoration: none;
 color: #0082C3;
}

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

div#middlecolhomepage ul li {
 margin-bottom: 5px;
}

div#middlecolhomepage ul.actions,
div#middlecolhomepage p .action
 {
 	/*background: transparent url('images/mini-arrow-blue.jpg') no-repeat 0 4px;*/
 	list-style-type: none;
 	padding-left: 15px;
 	margin-left: 0;
 	margin-top: 20px;
}

div#middlecolhomepage ul.actions li {
	background: transparent url("images/mini-arrow-blue.jpg") no-repeat 0 4px;
	list-style-type: none; 
	padding-left: 10px; 
}

ul.nospace, div.nospace {
 margin-top: -7px;
}

div.nospace ul {
 margin-top: 0;
}

ul.actions ul {
 margin-top: .5em;
}

a.action {
 padding-left: 20px;
 background: transparent url('images/mini-arrow-blue.jpg') no-repeat 0 50%;
}

h4.news {
 margin: 0;
 margin-bottom: -10px;
}

div#content div.galleryitem {
 	float: left;
 	width: 180px;
 	height: 18em;
 	border: 1px solid #C0C0C0;
 	padding: 5px;
 	margin-right: 25px;
 	margin-bottom: 15px;
}

div#content div.galleryitem .galleryname {
 	font-weight: bold;
}

div#content div.galleryitem p {
/*
 text-align: center;
*/
 	margin: 5px 0 10px;
 	text-align: left;
}

div#content div.galleryitem a.action {
 	padding-left: 15px;
 	float: left;
 	clear: left;
 	width: 100%;
}

div#content div.mediaitem {
 float: left;
 width: 210px;
 border: 1px solid #C0C0C0;
 padding: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
}

div#content div.mediaitem .medianame {
 font-weight: bold;
}

div#content div.mediaitem p {
 text-align: center;
}

/* Styles for Image Magnifier */

.magnify {
	width: 320px;
	height: 248px;
	position: relative;
	z-index: 100;
	left: 400;
	top: 50;
}

.magnify a.imghover,

.magnify a.imghover:visited { width: 320px; height: 248px; display: block; top: 0; left: 0; text-decoration: none; border: 0; }

.magnify  { width: 320px; height: 248px; position: relative; z-index: 100; float: right; margin-left: 15px; }

.mag_center  { width: 100%; float: none; text-align: center; margin-left: auto; }

.mag_center img { margin: auto; }

.mag_center a.imghover:hover .large { left: 10px;  }

.magnify a .large { width: 0; height: 33px; display: block; position: absolute; border: 0; top: 0px; left: -1px;}

.magnify a.imghover:hover .large{ width: 480px; height: 372px; display: block; position: absolute; top: -65px; left: -100px; border: 10px solid #fff;

}


/**************/
/* Middle Col */
/**************/
div#middlecol {
	width: 750px;
 	float: left;
 	text-align: left;
 	margin: 15px 15px 15px 0;
}

* html div#middlecol {
	margin-right: 5px;
}

div#middlecol.rightboxes {
 
}

div#middlecol h2 img {
	border: 5px solid #ededed;
}

div#middlecol.drawingdesign {
 background: transparent url('images/drawing_design_background.jpg') no-repeat 50% 100%;
}

div#middlecol h2 {
	border-bottom: 1px solid #ccc;	
}

div#middlecol a {
 font-weight: bold;
 text-decoration: none;
 color: #0082C3;
}

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

div#middlecol ul li {
 margin-bottom: 5px;
}

div#middlecol ul.actions,
div#middlecol p .action
 {
 	/*background: transparent url('images/mini-arrow-blue.jpg') no-repeat 0 4px;*/
 	list-style-type: none;
 	padding-left: 15px;
 	margin-left: 0;
 	margin-top: 20px;
}

div#middlecol ul.actions li {
	background: transparent url("images/mini-arrow-blue.jpg") no-repeat 0 4px;
	list-style-type: none; 
	padding-left: 10px; 
}

ul.nospace, div.nospace {
 margin-top: -7px;
}

div.nospace ul {
 margin-top: 0;
}

ul.actions ul {
 margin-top: .5em;
}

a.action {
 padding-left: 20px;
 background: transparent url('images/mini-arrow-blue.jpg') no-repeat 0 50%;
}

h4.news {
 margin: 0;
 margin-bottom: -10px;
}

div#content div.galleryitem {
 	float: right;
 	width: 210px;
 	height: 5em;
 	border: 0px;
 	padding: 5px;
 	margin-right: 25px;
 	margin-bottom: 15px;
}

div#content div.galleryitem .galleryname {
 font-weight:normal;
 font-size:small;
}

div#content div.galleryitem p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: center;

}

div#content div.galleryitem a.action {
 padding-left: 15px;
 float: left;
 clear: left;
 width: 100%;

}

div#content div.mediaitem {
 float: left;
 width: 210px;
 border: 1px solid #C0C0C0;
 padding: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
}

div#content div.mediaitem .medianame {
 font-weight: bold;
}

div#content div.mediaitem p {
 text-align: center;
}

/* Styles for Image Magnifier */

.magnify {
	width: 320px;
	height: 248px;
	position: relative;
	z-index: 100;
	left: 400;
	top: 50;
}

.magnify a.imghover,

.magnify a.imghover:visited { width: 320px; height: 248px; display: block; top: 0; left: 0; text-decoration: none; border: 0; }

.magnify  { width: 320px; height: 248px; position: relative; z-index: 100; float: right; margin-left: 15px; }

.mag_center  { width: 100%; float: none; text-align: center; margin-left: auto; }

.mag_center img { margin: auto; }

.mag_center a.imghover:hover .large { left: 10px;  }

.magnify a .large { width: 0; height: 33px; display: block; position: absolute; border: 0; top: 0px; left: -1px;}

.magnify a.imghover:hover .large{ width: 480px; height: 372px; display: block; position: absolute; top: -65px; left: -100px; border: 10px solid #fff;

}

div#content div.acecadsolutionbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #0082c5;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.acecadsolutionbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.acecadservicesproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #22405E;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.acecadservicesproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strucadproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #00B8CC;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strucadproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strucncproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #F3C11A;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strucncproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strumisproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #F47A2E;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strumisproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.supplierproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #F47A2E;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.supplierproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strucontractproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #C4D82D;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strucontractproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.struwalkerproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #713594;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.struwalkerproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strucadproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #00B8CC;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strucadproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.strumisestimatingproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #F9A23E;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.strumisestimatingproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.struengineerproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #22A971;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.struengineerproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

div#content div.bimproductbox {
 	float: left;
 	width: 747px;
 	height: 108px;
 	border: 0px;
 	padding: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
	background-color: #F47A2E;
	padding-left: 5px;
	font-weight:bold;
	font-style: italic;

}

div#content div.bimproductbox p {
/*
 text-align: center;
*/
 margin: 0px 0 5px;
 text-align: Left;
 padding-left: 5px;

}

/**********/
/* Search */
/**********/
form#search {
 	position: absolute;
 	z-index: 10;
 	margin: 0;
 	padding: 0;
 	top: 157px;
 	right: 0;
}

form#search input {
	width: 150px;
 	padding: 0;
 	margin: 0;
 	margin-right: 5px;
 	vertical-align: top;
}

form#search input#searchbutton {
	width: 22px;
}

.isearch-highlight {
 	font-weight: bold;
}

.isearch-score {
 	font-size: 90%;
 	color: #343434;
}

/***************/
/* Form Styles */
/***************/
div#content form fieldset {
 margin: 2em 0 0 0;
 padding: 1em auto;
 overflow: hidden; /* Safari hack. Safari needs overflow:hidden to force proper display of fieldset */
 border: 1px solid #c7c7c7;
}

div#content form fieldset.buttons {
 border: none;
 margin-bottom: 2em;
}

div#content form fieldset.buttons input, div#content form input.button {
 width: auto;
 padding: 1px 3px;
}

div#content form fieldset fieldset {
 clear: left;
}

div#content form legend {
 color: #0082C3;
 font-size: 1.2em;
 font-weight: bold;
}

div#content form label {
 width: 8em;
 float: left;
 clear: left;
 text-align: right;
 margin-top: .5em;
}

div#content form label.checkbox {
 clear: none;
 width: 90%;
 margin-left: 1em;
 text-align: left;
}

div#content form label.inline {
 clear: none;
 width: 6em;
 margin-left: 20px;
}

div#content form label.required {
 font-weight: bold;
}

div#content form label.error {
 color: #ff0000;
 font-weight: bold;
}

div#content form label.full {
 width: auto;
}

/* IE 5/6 hack to make tel and fax numbers line up on form */
* html div#content form div.ieworkaround {
 margin-top: -15px;
}

/* IE 5/6 hack to make tel and fax numbers line up on form */
* html div#content form div.ieworkaround label {
 margin-top: 8px;
}

/* IE 7 hack to make tel and fax numbers line up on form */
html div#content form div.ieworkaround {
 *margin-top: -15px;
}

/* IE 7 hack to make tel and fax numbers line up on form */
html div#content form div.ieworkaround label {
 *margin-top: 8px;
}

div#content form input, div#content form select {
 float: left;
 margin-top: .5em;
 width: 20em;
 margin-left: 1em;
}

div#content form select {
 width: auto;
}

div#content form input {
 padding: 2px;
}

div#content form input.small {
 width: 8em;
}

div#content form input.error {
 border: 2px solid #ff0000;
}

div#content form table {
 clear: left;
 margin-top: 10px;
}

div#content form table thead th {
 width: 10em;
 text-align: center;
}

div#content form table tbody th {
 width: 10em;
}

div#content form table input {
 float: none;
 margin: 0;
 width: 10em;
}

div#content form textarea {
 clear: left;
 float: left;
 margin-bottom: 1em;
 margin-left: 10px;
 padding: 2px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1.1em;
 width: 40em;
}

div#content form input.checkbox {
 clear: left;
 width: auto;
}

div#content input.text {
 background-color: #ffffff !important; /* Stop yellow colouring of auto-fill boxes */
}

/**********/
/* Errors */
/**********/

div#content div.error {
 background-color: #ff0000;
 padding: 1px 10px;
 color: #ffffff;
}

/****************/
/* Testimonials */
/****************/
div.testimonial {
 background-image: url(images/quote_left.gif);
 background-repeat: no-repeat;
 background-position: top left;
 padding-top: 6px;
 padding-left: 15px;

}

* html div.testimonial {
 	padding-top: 0;
}

div.testimonialinner {
 background-image: url(images/quote_right.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-right: 10px;
 padding-bottom: 2px;

}

* html div.testimonialinner {
 	padding-bottom: 0;
}


div.testimonialinner p {
 	padding: auto;
 	margin: auto;
}

p.testimonee {
 	margin-top: 0;
 	padding-top: 0;

}

* html p.testimonee {
 	margin-top: -15px;
}

.testimonee {
 	color: #0082C3;
 	font-weight: bold;
 	padding-bottom: 10px;
 	border-bottom: 1px solid #ddd;
}

address {
 	font-style: normal;
 	margin-bottom: 20px;
}

address span.name {
 	font-weight: bold;
}

/*************/
/* Right Col */
/*************/
div#rightcol {
	width: 226px;
 	float: left;
 	display: inline;
 	text-align: left;
 	margin: 15px 15px 15px;
}

div#rightcol img, div#rightcol object, div#rightcol embed {
	padding-bottom: 2px;
	border-bottom: 2px solid #0384c6;
 	margin-bottom: 10px;
}

div#rightcol div.box {
	width: auto;
	background-color: #0082c6;
	padding: 10px;
	margin-bottom: 10px;
}

div#rightcol div.box h3 {
	width: auto;
	font-size: 1.2em; 
	text-align: left;
	color: #fff;
	padding-bottom: 5px;
	margin: 0 0 5px;
}

div#rightcol div.box ul.actions {
	padding: 0; 
 	border-top: 1px solid #0f5d84;
 	border-bottom: 1px solid #1ba2e6;
 	margin: 0;
}

div#rightcol div.box ul.actions li {
	background: transparent url("images/mini-arrow.jpg") no-repeat 0 10px;
	list-style-type: none; 
	color: #fff;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #1ba2e6;
 	border-bottom: 1px solid #0f5d84;
}

div#rightcol div.box ul.actions li a {
	color: #fff;
}

div#rightcol div.box ul.actions li a:hover,
div#rightcol div.box ul.actions li a:active
 {
	color: #000;
}
/*****************/
/* Footer Styles */
/*****************/

div#footer {
	clear: both;
  	background: #000;
  	font-size: .75em;
 	text-align:left;
 	padding: 5px 15px 10px;
 	margin: 0 0 10px;
}

div#footer div.line {
 	display: none;
}

ul#footer-navigation {
	list-style: none;
 	padding: 10px 0 0;
 	margin: 0;
}

ul#footer-navigation li {
 	display: inline;
 	padding: 2px 0;
}

ul#footer-navigation li.first {
 	
}

ul#footer-navigation li a {
 	padding: 0 15px 0 0;
 	color: #fff;
 	text-decoration: none;
}

ul#footer-navigation li a:hover {
 	text-decoration: underline;
}

div#footer p {
 	font-size: .95em;
 	color: white;	
 	margin: 10px 0 0 0;
}

div#footer a {
 	text-decoration: none;
 	color: #fff;
}

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



/*************************/
/* IE5.5 Box Model Hacks */
/*************************/

/*
* html div#header {
 height: 183px;
 he\ight: 183px;
}
*/

* html ul#header-navigation {
 height: 32px;
 he\ight: 32px;
 padding-top: 5px;
}

/*
* html div.box {
 width: 165px;
 w\idth: 159px;
}

* html div.box h3 {
 height: 19px;
 he\ight: 18px;
}

*/


/*********************/
/* iceCommerce stuff */
/*********************/
div#summary {
 float: right;
 width: 500px;
}

div#summary ul {
 padding: 0;
 list-style: none;
	margin: 10px 10px 0 0;
}

div#summary ul li {
 margin: 0 0 0 30px;
 padding: 0;
 float: right;
}

div#summary ul li form {
 margin-top: -5px;
}

div#summary ul li a {
 text-decoration: none;
 color: #ffffff;
 padding: 5px 0 0;
 font-weight: bold;
}

div#summary ul li a:hover {
 text-decoration: underline;
}

div#content div.field {
 float: left;
 clear: left;
 width: 95%;
}

div#content div.field.required label {
 font-weight: bold;
}

div#content div.field label {
 margin-top: .8em;
}

div#content div.field.checkbox label {
 margin-top: 0.5em;
}

div#content form p {
 margin: 0;
 clear: left;
 padding: 20px 0 0;
}

div#content form p.indent {
 margin: 0 50px 0 110px;
}

a#forgottenpassword {
 margin: 10px 0 0 5px;
 font-size: 0.9em;
 font-weight: normal;
 float: left;
}

div#content div#subcategories {
 margin-top: 20px;
}

div#content div#subcategories img {
 margin: 0 15px 10px 0;
}

div#content form input.button {
 margin-left: 110px;
 float: none;
}

div#content form input.button.inline {
 margin-left: 0;
}

div#content form input.downloadhidden {
 display: none;
}

div#content div.field.radio label {
 clear: none;
 width: auto;
 margin-left: 1em;
 text-align: left;
}

div#content div.field.radio input {
 width: auto;
 clear: left;
}

ul#header-navigation li a {
 	padding: 0 15px 0 0;
}

form#search input#searchbutton {
	width: 22px;
}

div#content div.error {
 padding-left: 0;
 padding-right: 0;
}

div#content div.messages {
 border: 1px solid #000000;
 background-color: #0082c6;
 padding: 5px 10px;
 margin: 10px 20px;
 color: #ffffff;
}

div#content div.errors {
 border: 1px solid #000000;
 background-color: #ff0000;
 padding: 5px 10px;
 margin: 10px 20px;
 color: #ffffff;
}

div.product p.price {
 white-space: nowrap;
 width: 250px;
}

div.product div.productimage {
 float: left;
 clear: left;
 width: 120px;
}

div.product div.productdetailimage {
 float: left;
 width: 250px;
}

div.product div.productimage img
,div.product div.productdetailimage img {
 border: 1px solid #f8fAf9;
}

div.product div.productimage img:hover {
 float: left;
 border: 1px solid #cccccc;
}

div.product div.productdetail {
 float: left;
 width: 600px;
}

div.product div.productdetail.short {
 width: 470px;
}

div#content div.product div.productdetail .highlight {
 font-weight: bold;
 font-size: 1.3em;
}

div#content div.product div.productdetail form {
 text-align: right;
 width: 350px;
 width: auto;
 float: right;
}

div#content div.product div.productdetail form input.button {
 margin: 0;
 float: none;
}

div#content form input.button.next {
 float: right;
}

div#content div.product div.productdetail form label {
 margin: 0 5px 0 0;
 float: none;
 clear: none;
 text-align: left;
 width: auto;
}

div#content div.product div.productdetail form input.text {
 margin: 0;
 float: none;
}

div#content div.product div.productdetail form input#input-quantity 
,div#content div.product div.productdetail form input.quantity {
  width: 35px;
}


div#content div.product div.productdetail form select#select-quantity {
 float: none;
 margin-left: 0;
}

div#content div.product div.productdetail form select.type {
 float: none;
 margin-left: 0;
}

div#content div.product div.productdetail form input.other {
 width: 135px;
 float: none;
}

/**********/
/* Basket */
/**********/
div#content table#basket {
 border-collapse: collapse;
 border: 0;
}

div#content table#basket th {
 background-color: #cccccc;
}

div#content table#basket td
,div#content table#basket th {
 padding: 3px;
 border: 1px solid #cccccc;
}

div#content table#basket th {
 border-bottom: 2px solid #cccccc;
}

div#content table#basket tr.highlight td {
 font-weight: bold;
}

div#content table#basket td.noitems {
 text-align: center;
 font-style: italic;
}

div#content table#basket col#basketitemimage {
 width: 100px;
}

div#content table#basket col#basketitemcolumn {
 width: 560px;
}

div#content table#basket col#basketpricecolumn {
 width: 75px;
}

div#content table#basket col#basketquantitycolumn {
 width: 75px;
}

div#content table#basket col#basketsubtotalcolumn{
 width: 75px;
}

div#content table#basket col#basketremovecolumn {
 width: 25px;
}

div#content table#basket th {
 width: auto;
}

div#content table.data {
 border-collapse: collapse;
 border: 0;
}

div#content table.data th {
 background-color: #cccccc;
 width: auto;
 border-bottom: 2px solid #cccccc;
 text-align: center;
}

div#content table.data td
,div#content table.data th {
 padding: 3px;
 border: 1px solid #cccccc;
}

div#content table.data tr.highlight td {
 font-weight: bold;
}

div#content input#button-updatebasket
,div#content input#button-checkout {
 float: right;
 margin-top: 1em;
 width: auto;
}

div#content form#form-clearbasket input {
 margin: 1em 0 0;
 width: auto;
}

div#content form#form-Basket input {
 width: auto;
}

div#content form#form-Basket div.field.coupon {
 width: auto;
 float: none;
}

div#content form#form-Basket div.coupon label {
 width: 550px;
 float: right;
 text-align: right;
 margin: 0.75em 5px 0 0;
}

div#content form#form-Basket div.coupon input {
 width: 100px;
 float: right;
 margin-left: 0;
}

div#content div#basket-links {
 margin-top: 1em;
}

div#content div#basket-links p {
 margin: 0;
 padding: 0;
}

div#content p#checkout-link {
 float: right;
}

div#content table#basket input.quantity-field {
 width: 30px;
 text-align: right;
}

div#content p#continue-shopping {
 margin-top: 2em;
}

div#content div.accountcolumn {
 float: left;
 width: 225px;
 padding: 0 20px 0 0;
}

div#content div.accountcolumn h4 {
 margin: 0 0 -10px;
}

div#content div.accountcolumn p {
 text-align: left;
}

div#content div.column {
 width: 45%;
 float: left;
 margin-left: 20px;
}

div#content div.column.first {
 margin-left: 0;
}

/****************/
/* Address Book */
/****************/
div#content div.address {
 float: left;
 margin-left: 10px;
 margin-bottom: 30px;
 height: 10em;
 width: 230px;
}

div#content div.address input {
 float: left;
 width: auto;
}

div#content div.address label {
 display: block;
 float: left;
 margin-left: 5px;
 clear: none;
 width: auto;
 text-align: left;
}

div#content div.address em {
 font-style: italic;
}

div#content ol#progress {
 margin: 0;
 padding: 0;
 list-style-position: inside;
}

div#content ol#progress li {
 float: left;
 padding: 5px;
 width: 150px;
 margin: 0 25px 15px 0;
 border: 1px solid #cccccc;
}

div#middlecol.addresses ol#progress li#progressAddresses
,div#middlecol.delivery ol#progress li#progressDelivery
,div#middlecol.summary ol#progress li#progressSummary
,div#middlecol.payment ol#progress li#progressPayment {
 border: 1px solid #007bc5;
}

div#content form textarea {
 float: left;
 clear: none;
 margin-top: 0.5em;
 margin-left: 1em;
 width: 20em;
}

div#content form label.inline {
 clear: none;
}

div#content form div.field span.lowlight {
 margin: 1.5em 0 0 5px;
 font-size: 0.8em;
 float: left;
}

body.resources ul#language {
 display: none;
}

div#footer img#workstationspecialist {
 float: right;
}

div#content form .indent {
 margin-left: 9em;
}
