@import "layout.css";
@import "form.css";


/*-------------------------*//* global text styles *//*---------------------------------*/
/*--------------------------------------------------------------------------------------*/

/* define basic elements
--------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	font-size: 1em;
}

html {
	/*background: #FFF url(/images/bg_html.gif) center top repeat-y;*/
	height:100%;
	background-color:#202731;
}

body {
	font: normal 62.5%/1 arial,helvetica,sans-serif;
	color:#505050;
	text-align:center;
	padding-bottom:20px;
	background: url(/images/bg_body.gif) repeat-x;/*header bg*/
}

h1, h2, h3, h4, h5 {
	font-family:arial,helvetica,sans-serif;
	margin:0 0 1em 0;
	color:#333;
}

h1 {
	font-size:1.8em;
	margin-left: 10px;
}

h2 {
	font-size:1.6em;
	color:#4391c2;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

#content_main h2, #content_main h3, #content_main h4, #content_main h5{
	margin: 0 0 5px 12px;
}

body.products h2, body.solutions h2{
	font-size:1.6em;
	color:#0703A2;
}

p {
	font-size: 1.1em;
	margin: 0 0 10px 0;
	line-height:1.4;
}

#content_main p{
	margin:0 10px 1em 12px;
	font-size:1.4em;
}

span {
	
}

address{
	font:normal 1.3em/1.3 tahoma, verdana, arial, sans-serif;
	margin:0 0 10px 12px;
}

#body_contact dd, #body_contact dt, #body_contact_us dd, #body_contact_us dt, #body_contact_singapore dd, #body_contact_singapore dt
{
	font-size: 1.3em;
}

img.thumb{
	padding:4px;
	border:1px solid #E2E2E2;
	margin:0 0 10px 0;
	float: right;
}

img.quote{
	padding:4px;
	margin:0 0 10px 0;
}


/* list styles
--------------------------------------------------------------------------*/
ol{
	margin: 0 0 10px 30px;	
}

ul {
	margin: 0 0 10px 30px;	
}

li {
	line-height:1.4;
	font-size: 1.1em;
}

/*body.products #content_main li, body.solutions #content_main li{
	font-size:1.2em;
	margin:0 0 15px 10px;
	color:#0703A2;
	font-weight:bold;
}*/


dl {
	font-size: 1em;
	margin-left:12px;
}

dt {
	line-height:1.3;
	font-size:1.3em;
	font-weight:bold;
}

dd {
	line-height:1.3;
}

#content_main dd p{
	margin:0 0 10px 0;
}


body.contact dt{
	float:left;
	width:50px;
	clear:left;
	font-size:1.1em;
}
body.contact dd{
	font-size:1.1em;
}

/* link styles
--------------------------------------------------------------------------*/
a img {
	border:none;
}

a:link, a:visited {
	color:#4391c2;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	
}

a.link_sub{
	display:block;
	margin:0 0 0 1px;
	font-size:1em;
	float:left;
	background-color:#EEE;
	padding:0.2em 0 0.2em 8px;
	width:113px;
	text-decoration:none;
}

a.link_sub:hover{
	
}

.skip {
	position: absolute;
	left: -9999px;
}

/* bug workarounds */
/*--------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*image replacement*/
/*--------------------------------------------------------------------------*/
.replace{ 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	 /* */
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a:link.replace span,
a:visited.replace span{
	cursor:hand;
}

/* general custom classes
--------------------------------------------------------------------------*/
.dotrule {
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:15px 0;
}

.dotrule.short{/*used in the body of the products pages*/
	clear:none; 
	margin-right:257px;
}

#content_main .dotrule{
	margin-left:12px;
}
	
.right{
	float:right;
}

.left{
	float:left;
}

.clearright{
	clear:right;
	float:right;
}

.thumb{
	margin:0 0 15px 15px;
}

.author{
	font-weight:bold;
}


/*accordion*/

#accordion{
	color: #0503A1;
	margin:0 20px;
}

#accordion h2{
	margin:2px 0 0 0;
	padding:8px 0 8px 30px;
	font-size:1.2em;
	background: #DFEDF8 url(/images/arrow_accordion.gif) 10px center no-repeat;
	border-bottom:1px solid #CCF;
}

#accordion h2 a:link, #accordion h2 a:visited{	
	text-decoration:none;
}

#accordion h3{
	/*float:left;*/
	color: #0503A1;
	margin:10px 0 5px 10px;
	line-height:1.4;
	font-size:1.1em;

	font-family:trebuchet, verdana, sans-serif;
}

#accordion .stretcher{

	padding: 0 20px;
}

#accordion .stretcher a
{
	font-weight: normal;
}

#accordion .dotrule{
	background: url(/images/dot_accordion.gif) repeat-x;
	margin:0px 20px 20px 10px;
}

#accordion .hrule{
	border-top:1px solid #CCF;
	height:1px;
	background-color:#FFF;
	width:600px;
	font-size:1px;
	margin:5px 0 5px 10px;
	float:left;
	clear:both;
}

#accordion p{
	line-height:1.5em;
}

/*pagination*/

#pagination{
	float:right;
}

#pagination p{
	float:left;
}

#pagination ul{
	float:left;
	margin:0;
}

#pagination li{
	list-style:none;
	float:left;
}


/*sitemap*/

#body_sitemap_uk #content_main ul li{
	margin:0 0 5px;
	font-size:1.2em;
}

#body_sitemap_uk #content_main ul li ul{
	margin:0 0 0 20px;
}

#body_sitemap_uk #content_main ul li ul li{
	font-size:1em;
	margin:0;
}