﻿html,body {
	font-family:Arial,verdana,sans-serif;
	font-size:87%;
	/* Center content */
	padding:0;
	margin:0;
	cursor:default;
	background:#FFFFFF url("../images/bg_sliver.jpg") repeat-x;
	color:#656565;
	line-height:140%;
}
img{
	border:0;
}
a{
	color:#656565;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
p{
	margin:0;
	padding:5px 0 5px 0;
}
input.input{
	border:solid 1px #656565;
	padding:3px;
}
img,object,embed{
	float:left;
}
form{
	margin:0;
	padding:0;
}
form input{
	float:left;
}
.clear{
	clear:both;
}
li{
  	list-style-image:url("../images/bullet.gif");
}
h1{
  	font-size:160%;
}
h2{
  	font-size:130%;
}
h3{
  	font-size:110%;
}
q:before{
	content:no-open-quote;
}
q:after{
	content:no-close-quote;
}
q{
 	background-image:url('../images/quote.gif');
 	background-repeat:no-repeat;
 	padding:0 40px 0 50px;
 	display:block;
 	min-height:70px;
 	overflow:visible;
 	clear:both;
}
.error{
	color:#FF0000;
}

#main{
	/* Set content width so viewable in 1024x768 */
	width:900px;
	margin:0 auto 0 auto;
}
#body{
	background-image:url("../images/content_bg.png");
	background-repeat:repeat-y;
	min-height:500px;
	padding:10px 20px;
}
.content{
	padding:20px 10px 10px 20px;
	background-color:#FFFFFF;
}

/* General-purpose classes */
.side{
	padding:15px;
	background-color:#F4F3F3;
}
.hr{
	clear:both;
}
.hr hr{
	display:none;
}
.image-centre{
	text-align:center;
}
.image-centre img{
	float:none;
}
.image-left{
	float:left;
	text-align:center;
}

/* Header */
#header{
	position:relative;
	height:67px;
	padding:0 5px;
}
#header img{
	float:none;
}
#header-callback{
	position:absolute;
	top:5px;
	right:220px;
	width:200px;
	border:1px solid #6289A8;
	border-width:0 1px 0 0;
	padding-right:14px;
}
#header-callback img{
	float:right;
}
#search img{
	margin-bottom:7px;
}
#search{
	position:absolute;
	text-align:right;
	right:20px;
	top:5px;
	width:185px;
}
#search #q{
	width:128px;
	float:left;
}
#nav{
	background-image:url("../images/nav_bg.gif");
	height:50px;
	position:relative;
}
#nav a{
	font-size:90%;
	text-decoration:none;
	font-weight:bold;
	color:#D4DDE9;
}
#nav a:hover{
	text-decoration:underline;
}
#nav .current a{
	text-decoration:underline;
	color:#FFFFFF;
}
#nav ul,#nav li{
	list-style:none;
  	list-style-image:none;
	margin:0;
	padding:0;
}
#nav li{
	float:left;
	padding:0 15px;
	border:1px solid #D4DDE9;
	border-width:0 0 0 1px;
}
#nav-left{
	position:absolute;
	top:27px;
	left:18px;
	width:600px;
}
#nav-left a{
	display:block;
	float:left;
	padding:0 20px;
}
#nav-right{
	text-align:right;
	position:absolute;
	top:27px;
	right:19px;
}
#nav-right li{
	border-width:0 1px 0 0;
}
#nav-right li:last-child{
	border:0;
}

/* column layout */
.twocol,.threecol{
	clear:both;
}
.col1,.col2,.col3{
	min-height:100px;
}
.right{
	float:right;
}
/* 2-column body layout - 2nd column first */
#content a{
	color:#FF7700;
}
#content .twocol{
}
#content .twocol .col1{
	float:left;
	width:617px;
	clear:none;
}
#content .twocol .col2{
	float:left;
	width:223px;
	overflow:hidden;
	margin-left:20px;
}
#content .twocol .col2 h1{
	margin:0;
}
#content .twocol .col2 .hr{
	height:1px;
}
#content .twocol .col2 h2{
	font-size:100%;
}
#content .twocol .side #signup{
	width:123px;
	margin-right:3px;
}

/* Content pages */
#content .threecol .col1{
	background-image:url('../images/lh_menu_bg.gif');
	background-repeat:no-repeat;
	background-color:#FF7700;
	float:left;
	width:160px;
	min-height:580px;
}
#content .threecol .col1 ul,#content .threecol .col1 li{
	list-style:none;
  	list-style-image:none;
	padding:0;
	margin:0;
}
#content .threecol .col1 ul{
	padding:10px 0 0 5px;
}
#content .threecol .col1 ul ul{
	padding:0 0 0 5px;
}
#content .threecol .col1 li{
	padding:2px;
}
#content .threecol .col1 li a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#content .threecol .col1 li a:hover{
	text-decoration:underline;
}
#content .threecol .col1 li li a{
	font-weight:normal;
}
#content .threecol .col2{
	float:left;
	width:442px;
	min-height:500px;
	padding:0 17px;
}
#content .threecol .col3{
	float:left;
	width:223px;
	overflow:hidden;
}
#content .threecol .col3 h1{
	margin:0;
}
#content .threecol .col3 .hr{
	height:1px;
}
#content .col3 h2{
	font-size:100%;
}
#content .side #signup{
	width:123px;
	margin-right:3px;
}

#content h1{
	font-size:160%;
}

.side h1,.side p{
	margin:0;
	padding:0;
	font-size:90%;
}
.side h2{
	margin:0;
}
.side p{
	margin-top:3px;
}
.side input{
	float:left;
}
.side .doclink a{
	display:block;
	clear:both;
	font-weight:bold;
	text-decoration:none;
	color:#1F547E;
}
.side .doclink a:hover{
	text-decoration:underline;
}

/* Product treeview */
.tree-root span{
	display:block;
	float:left;
	width:10px;
	margin:0 5px 0 0;
	background-repeat:no-repeat;
	cursor:pointer;
}
.tree ul,.tree li{
	list-style:none;
  	list-style-image:none;
}
.tree-root .tree-expand{
	background-image:url('../images/right_arrow.gif');
}
.tree-root .tree-collapse{
	background-image:url('../images/down_arrow.gif');
}
.tree-leaf span{
	display:none;
}
.tree-leaf{
	padding-left:15px !important;
}

/* Products pages */
.product-path a{
	color:#FF7700;
	text-decoration:none;
	font-weight:bold;
}
.product-path a:hover{
	text-decoration:underline;
}
.product-path .current{
	font-weight:bold;
}
.product-range-summary{
	clear:both;
}
.product-range-summary h3{
	font-size:110%;
	margin:0 0 5px 0;
	padding:0;
}
.product-range-summary p{
	margin:0;
	padding:0;
}
.product-range-summary img{
	float:left;
	margin-right:10px;
}
.product-summary{
	margin:10px 0;
	clear:both;
}
.product-summary .image-left a{
	display:block;
	color:#FF7700;
	margin-bottom:5px;
	text-decoration:none;
}
.product-summary .image-left a:hover{
	text-decoration:underline;
}
.product-summary ul,.product-summary ul li{
	padding:0;
	margin:5px 0 0 0;
}
.product-summary ul{
	margin:0 0 0 150px;
}

/* Industry apps pages */
.indapp-top{
	clear:both;
}
.indapp-top .product-image{
	width:50%;
	float:left;
}
.indapp-top .product-name{
	font-weight:bold;
	color:#FF7700;
	display:block;
	clear:left;
}

/* Home page */
#home{
}
#home .twocol .col1{
	width:277px;
	float:left;
}
#home .col1 h2{
	color:#1F547E;
	font-size:100%;
}
#home .col1 .hr{
	height:1px;
}
#home .twocol .col1 h1{
	margin:0;
}
#home .twocol .col1 .hr{
	height:1px;
}
#home .twocol .col2{
	width:583px;
	float:left;
}
#home .twocol .content{
	padding-top:0;
	padding-bottom:0;
}
#home .product-range-list table{
	width:100%;
}
#home .product-range-list td{
	text-align:center;
}
#home .product-range-list a{
	font-size:90%;
	font-weight:bold;
	color:#000000;
}
#home .product-range-list a:hover{
	color:#FF7700;
}
#home .product-range-list img{
	float:none;
}
#home #who-we-work-with{
	float:right;
	width:117px;
	text-align:center;
	margin-left:10px;
}
#home #who-we-work-with img{
	float:none;
}
#home .side #signup{
	width:179px;
	margin-right:3px;
}
#home .side{
	width:246px;
	margin-right:3px;
}

/* Forms */
.form ul,.form li{
	list-style:none;
	list-style-image:none;
	margin:0;
	padding:0;
	float:none;
}
.form li{
	padding:3px 0;
}
.form input{
	float:none;
}
.form label{
	display:block;
	float:left;
	width:200px;
}
.form textarea{
	clear:both;
	width:400px;
	height:150px;
}
.form .required{
	color:#FF0000;
}

/* Distributors */
.distributor{
	margin-bottom:20px;
	clear:both;
}
.distributor img{
	margin-right:5px;
}
.distributor .country-name{
	font-size:125%;
	font-weight:bold;
	color:#FF7700;
}
.distributor .type{
	display:block;
	float:left;
	width:60px;
	font-weight:bold;
}
.distributor .adr{
	margin:10px 0;
}
.distributor .org{
	font-weight:bold;
}
.distributor .contact{
	float:right;
	width:240px;
	margin:10px 0;
	font-size:90%;
	line-height:130%;
}
.distributor .top{
	text-align:right;
	clear:both;
}

#footer{
	clear:both;
	background-image:url("../images/footer_bg.gif");
	background-repeat:no-repeat;
	height:60px;
	padding:10px;
	font-size:90%;
}
#footer a{
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .left{
	float:left;
}
#footer .right{
	text-align:right;
}