/* Layout CSS */

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
	body {
	max-height:100%;
	overflow:auto;
	font-size:12px; 
	font-family: arial, sans-serif;
	margin:0 30px 0 30px;
	/* hide from IE mac\*/
	height:100%; 
	overflow:hidden; 
	margin:0;
	/* */
	border:0;
	padding:0;
	background-color:#FFFFFF;
	}
	
	
	
		#head {
		position:absolute; 
		margin:0; 
		top:0; 
		display:block; 
		width:100%; 
		height:97px; 
		background:#fff; 
		z-index:5; 
		color:#000;
		}
		
		
		
			#head a img {
			margin:5px 0 5px 10px;
			border:0;
			}
			#head ul {
			line-height:30px;
			height:30px;
			margin:0; 
			padding:0; 
			border-bottom:1px solid #999999 ;
			border-top:1px solid #999999;
			text-align:center; 
			list-style-type:none; 
			background:#dddddd; 
			width:100%;
			clear:both;
			font-size:11px;
			font-weight:bold;
			}
			
		
			#head ul li {
			display:inline; 
			color:#000000;
			}
			#head ul li a {
			padding: 4px 10px;
			}
			
			#head ul li a, #head ul li a:visited {
			text-decoration:none;
			background-color:#dddddd;
			color:#333333;
			}
			#head ul li a:hover {
			background-color:#0066a1;
			color:#ffffff;
			}
			
#companyimage {float:left; clear:right;}
#strap {float:left; clear:left; padding-left:15px; font-size:10px; width:600px; height:20px;}
			
#phone {
position:absolute;
right:5px; 
top:0;
z-index:150; 
color:#0066a1;
font-size:11px;
text-align:right;
}
			

#content {

/* \*/
	overflow:auto; 
/* add scroll bars as necessary with IE 5 Mac hack */
	position:absolute; 
	z-index:3; 
	top:122px; 
	bottom:0; 
	right:0;
	left:0;
	background:transparent;
	color:#333333;
	text-align:center;
	line-height:15px;
	}
	
	#content p {text-align:left;}
	
	* html #content {
	height:100%; 
	width:100%;
	top:0; 
	left:0;
	border-top:122px solid #fff;
	border-left:0;
	border-right:0;
	}
	
#content ul li {
text-align:left;
list-style-type:circle;
}

	
.companyimageleft {
margin:20px 40px 20px 15px; 
border:0; 
float:left;
clear:left;
}

.moveimageleft {
margin:40px 40px 40px 15px; 
border:0; 
float:left;
clear:left;
}
	
#content a, #content a:visited {color:#0066a1; text-decoration:underline;}
#content a:hover {color:#006699;}
#content a:active {color:#006699;}	
				
#wrapper {
padding-left:40px;
padding-right:40px;
overflow:hidden;
min-width:900px;
position:relative;
}

#foot {position:absolute; z-index:200; bottom:4px; right:4px; width:110px;}
#foot img {float:left; border:0;width:44px; padding:0px 0px 0px 4px;}

.pad1 { display:block; height:15px; /* height to pad main content */}
.centered {margin: 0 auto;}
.orange {color:#0066a1;}
.grey {color:#666666;}
.header {line-height:20px;
font-size:1.4em; font-weight:100;}
.header2 {line-height:15px;
font-size:.9em; font-weight:100;}

/* Snazzy Boxes */
.xboxcontent {display:block; background:#ffffff; border:1px solid #cccccc;  margin:10px;}
.xboxcontent p, h4 {margin:0 5px; padding:5px; }
.xboxcontent p {color:#333333; }
.xboxcontent h4 {color:#0066a1; }
.xboxcontent {background: transparent; text-align:justify;}
.clear {clear:both;height:1px;overflow:hidden;}
.clearleft {clear:left; height:1px; overflow:hidden;}

/* Slinky shadows */
.shadowtop, .shadowbottom {display:block; background:transparent; font-size:1px;}
.shadowbottom {margin-top:-4px;}
* html .shadowbottom {margin-top:-2px;}
.shadowr1, .shadowr2, .shadowr3, .shadowr4 {display:block; /* \*/overflow:hidden;/* */ background-color:#999999; height:1px;}

/* .shadowr1 {filter:alpha(opacity=30); opacity: 0.3; -moz-opacity:0.3;}
.shadowr2 {filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}
.shadowr3 {filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
.shadowr4 {filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;} */

/* Suppliers layout */

.containersuppliers {position:relative; display:block; border-left:110px solid #ffffff; border-right:170px solid #ffffff; border-top: 5px solid #ffffff; border-bottom:  5px solid #ffffff; overflow:visible;}
* html .containersuppliers {display:inline-block;}
.rightsuppliers {float:right; position:relative; width:150px; margin-right:-160px; display:inline;}
.leftsuppliers {float:left; position:relative; width:90px; margin-left:-100px; display:inline; border: 1px solid #dddddd;}
* html .leftsuppliers {width:89px;}

.containersuppliers2 {position:relative; display:block; border-left:110px solid #ffffff; border-right:110px solid #ffffff; border-top: 5px solid #ffffff; border-bottom:  5px solid #ffffff; overflow:scroll;}
* html .containersuppliers2 {display:inline-block;}
.rightsuppliers2 {float:right; position:relative; width:90px; margin-right:-100px; display:inline;}
.leftsuppliers2 {float:left; position:relative; width:90px; margin-left:-100px; display:inline;}
* html .leftsuppliers {width:89px;}

/* Catalogue layout */

#containercatalogue {position:relative; display:block; border-left:450px solid #fff; overflow:visible;}
* html #containercatalogue {display:inline-block;}
#leftcatalogue {float:left; position:relative; width:400px; margin-left:-450px; display:inline;}

#containercatalogue2 {position:relative; display:block; border-right:450px solid #fff; overflow:visible;}
* html #containercatalogue2 {display:inline-block;}
#rightcatalogue2 {float:right; position:relative; width:400px; margin-right:-450px; display:inline;}


/* Clients layout */

.containerclients {position:relative; display:block; border-left:220px solid #ffffff; border-top: 5px solid #ffffff; border-bottom:  5px solid #ffffff; overflow:visible;}
* html .containerclients {display:inline-block; margin-top:-150px;}
.leftclients {float:left; position:relative; width:200px; margin-left:-210px; display:inline;}
.imagepadding {margin-bottom:10px;}

.frontpage {position:relative; display:block; border-left:420px solid #ffffff; overflow:visible;}
* html .frontpage {display:inline-block;}
.leftfrontpage {float:left; position:relative; width:400px; margin-left:-410px; display:inline;}

/* form styles */

.search {
border:0;
margin:0;
padding:0;
 }
 
* html .search {
letter-spacing:0;
 }
 
 .search label { 
	display: block;  /* block float the labels to left column, set a width */
	float: right; 
	padding: 0; 
	margin: 5px 0 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	color:#0066a1;
	clear:right;
	}
	
	.search .textbox {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	float:right;
	width:100px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin: 5px 5px 0 0; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
   background:#f5f5f5;                          
}

.submitbutton {
margin: 5px 0 0 0;
float:right;
clear:right;
}

.search br {
	clear:right; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


/* end form styles */

.image {padding:10px;}