/* Contents 

html tags
basic classes
easy clearing
layout
topnav
banner
	home changes
content
	nav
		mainnav
	maincontent
		homepage
		enquiry form
footer 1
footer 2
*/

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; text-align: left; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* html tags */
body {
	font-family: Calibri, "Helvetica Neue", Helvetica, arial, sans-serif;
	font-size: 76%;
	color: #919191;
	background: #E7E7E7 url(../i/bg.gif) repeat-x 0 0 scroll;
}
h1,h2,h3,h4,h5,h6 { margin: 0 0 0.5em 0; font-weight: bold; }
h1 {
	font-size: 1.5em;
	color: #85888B;
}
h2 {
	font-size: 1.4em;
	color: #85888B;
}
h3 {
	font-size: 1.3em;
	color: #85888B;
}
h4 {
	font-size: 1.2em;
	color: #85888B;
}
h5 {
	font-size: 1.1em;
	color: #85888B;
}
h6 {
	font-size: 1.0em;
	color: #85888B;
}
p, pre {
	margin: 0 0 1em 0;
	color: #85888B;
	line-height: 1.4em;
}
pre {
	font-family: "Courier New", Courier, monospace;
}
blockquote {
	margin: 1em;
	padding: 1em;
	background: #f6f6f6;
}
a:link {
	color: #008EC1;
	text-decoration: none;
}
a:visited {
	color: #008EC1;
	text-decoration: none; 
}
a:hover { 
	color: #EACC1A;
	text-decoration: none;
}
a:active {
	color: #008EC1;
	text-decoration: none;
}
ul, ol {
	margin: 0 0 0 20px;
	padding: 0;
}
li {
	margin: 0;
	padding: 0 0 0.5em 0;
	line-height: 1.4em;
	color: #919191;
}
dl {
	margin: 0;
	padding: 0 0 20px 0;
}
dd, dt {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 1.4em;
	color: #919191;
	width: 37%;
	float: left;
}
dt { clear: left; }
dd { margin-left: 4%; }

form { margin: 0; padding: 0; }
strong { font-weight: bold; }
img, a img { border: none; }
a:link img, a:visited img, a:hover img, a:active img { border-bottom: none; }
table, tr, th, td { margin: 0; padding: 0; border: none; font-size: 1em; }
table { border: none; margin: 0 0 1em 0; }
td { font-size: 1.083em; padding: 0.2em 0 0.3em; border: none; text-align: left; }
acronym, abbr { border-bottom: 1px dotted #333; }
sup { line-height: 0; } /* hacked in ie6 */
/* basic classes */
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.left { float: left; }
.right { float: right; }
.imgleft {
	float: left;
	padding: 0 10px 10px 0;
}
.imgright {
	float: right;
	padding: 0 0 10px 10px;
}
.imgcentre {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
}
.push0, #container-outer #maincontent .push0 { margin-bottom: 0; }
.push1, #container-outer #maincontent .push1 { margin-bottom: 1em; }
.push2, #container-outer #maincontent .push2 { margin-bottom: 2em; }
.top0,  #container-outer #maincontent .top0  { margin-top: 0; }
.top1,  #container-outer #maincontent .top1  { margin-top: 1em; }
.top2,  #container-outer #maincontent .top2  { margin-top: 2em; }
.skip {
	position: absolute;
	left: -1000px;
	width: 990px;
	height: 20px;
	margin-bottom: -20px;
}
/* easy clearing */
/* float clearing for IE6 */
* html #footer2 div.inner, 
* html #content, 
* html #maincontent div.briefing-wrapper, 
* html #banner, 
* html #footer1, 
* html #thegallery, 
* html div.pagination, 
* html dl, 
* html .clearfix
{
 height: 1%;
 overflow: visible;
}
/* float clearing for IE7 */
*+html #footer2 div.inner, 
*+html #content, 
*+html #maincontent div.briefing-wrapper, 
*+html #banner, 
*+html #footer1, 
*+html #thegallery, 
*+html div.pagination, 
*+html dl, 
*+html .clearfix
{
 min-height: 1%;
}
/* float clearing for everyone else */
#footer2 div.inner:after, 
#content:after, 
#maincontent div.briefing-wrapper:after, 
#banner:after, 
#footer1:after, 
#thegallery:after, 
div.pagination:after, 
dl:after, 
.clearfix:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
/* Float Clearing - End */

/* layout */
#container-outer {
	width: 920px;
	margin: 0 auto;
	padding: 24px 0 0 0;
}
#topnav {
	width: 920px;
	height: 75px;
	margin: 0;
	padding: 0;
	position: relative;
}
#container-inner {
	width: 920px;
	margin: 0;
	padding: 0;
}
#banner {
	/* easycleared */
	width: 872px;
	margin: 0;
	padding: 24px;
	background: #fff;
}
#content {
	/* easycleared */
	width: 896px;
	margin: 0;
	padding: 0 24px 0 0;
	background: #fff;
}
#nav {
	width: 224px;
	float: left;
	margin: 0 24px 0 0;
	padding: 0;
}
#maincontent {
	width: 648px;
	float: left;
	margin: 0;
	padding: 0 0 12px 0;
}
#relinfo {
	width: 200px;
	float: left;
	margin: 0;
}
#postcontent {
	width: 872px;
	height: 52px;
	margin: 0;
	padding: 24px;
	background: #fff;
}
#site {
	width: 200px;
	height: 52px;
	float: left;
	margin: 0;
	padding: 0;
}
#tr {
	width: 648px;
	height: 52px;
	float: right;
	margin: 0;
	padding: 0;
}
#footer1 {
	/* clearfix */
	width: 896px;
	margin: 0;
	padding: 24px 12px;
}
div.col {
	/* hacked in ie6 */
	width: 200px;
	float: left;
	margin: 0 12px;
	padding: 0;
}
#fmessage {
	clear: both;
	width: 872px;
	margin: 0;
	padding: 48px 12px 96px;
}
#footer2 {
	margin: 0;
	padding: 24px;
	background: #85898C;
}
#footer2 div.inner {
	/* easycleared */
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#fcopy {
	width: 424px;
	float: left;
	margin: 0;
	padding: 0;
}
#fnav {
	width: 424px;
	float: right;
	margin: 0;
	padding: 0;
}
/* topnav */
#topnav h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 374px;
	height: 75px;
	text-indent: -9999px;
	background: transparent url(../i/heading-other.gif) no-repeat 0 0 scroll;
}
#topnav h1 a {
	display: block;
	width: 374px;
	height: 75px;
}
#topnav ul {
	height: 14px;
	margin: 0;
	padding: 38px 0 12px 0;
	list-style: none;
	float: right;
}
#topnav ul li {
	float: left;
	height: 14px;
	font-size: 1.167em;
	line-height: 1em;
	text-transform: uppercase;
}
#topnav ul li.tnuri {
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px solid #FFFFFF;
}
#topnav ul li.tnura {
	padding: 0 5px;
	margin: 0 5px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
#topnav ul li a:link, #topnav ul li a:visited { color: #fff; }
#topnav ul li a:hover { color: #EACC1A; }
#topnav ul li a:active { color: #fff; }
/* home selected */
#body-home #topnav ul li.tnhom a { color: #EACC1A; }
/* contact selected */
#body-contact #topnav ul li.tncon a { color: #EACC1A; }

/* banner */
#banner-text {
	width: 272px;
	height: 150px;
	float: left;
	background: #EACC1A;
	overflow: hidden;
}
#banner-image {
	width: 600px;
	height: 150px;
	float: left;
	background: #EACC1A;
	overflow: hidden;
}
#banner-text p {
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	padding: 24px;
	color: #FFFFFF;
}
/* 	home changes */
#body-home #banner-text { width: 448px; height: 224px; }
#body-home #banner-image { width: 424px; height: 224px; }
#body-home #banner-text h1 {
	width: 448px;
	height: 72px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(../i/heading-home.gif) no-repeat 0 0 scroll;
}
#body-home #banner-text p {
	font-size: 2em;
	line-height: 1em;
	margin: 0;
	padding: 0 24px;
	color: #62625A;
}


/* content */
/* 	nav */
/* 		mainnav */
#mainnav {
	width: 224px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#mainnav li {
	font-size: 1.25em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#mainnav li a {
	display: block;
	width: 200px;
/*	height: 15px;
*/	margin: 0 0 0 24px;
	padding: 12px 0;
	border-bottom: 2px solid #d9d6d7;
}
#mainnav #mnhom { margin-bottom: 43px; }
#mainnav #mnhom a { border-top: 2px solid #d9d6d7; }
#mainnav #mnpfi { margin-bottom: 43px; }
#mainnav #mnpfi a { border-top: 2px solid #d9d6d7; }
/* link colour */
#mainnav li a:link, #mainnav li a:visited { color: #919090; }
#mainnav li a:hover { color: #EACC1A; }
#mainnav li a:active { color: #919090; }
/* selected state */
#mainnav li.selected { font-weight: bold; background: transparent url(../i/bg_nav_selected.gif) no-repeat bottom left scroll; }
#mainnav li.selected a:link, #mainnav li.selected a:visited { color: #919090; }
#mainnav li.selected a:hover { color: #85888B; }
#mainnav li.selected a:active { color: #919090; }

#mainnav li a span.soon { color: #008EC1; }

/* 		secondnav */
ul.othernav {
	width: 224px;
	margin: 72px 0 0 0;
	padding: 0 0 24px 0;
	list-style: none;
}
ul.othernav li {
	font-size: 1.25em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
ul.othernav li a {
	display: block;
	width: 200px;
	margin: 0 0 0 24px;
	padding: 12px 0;
	border-bottom: 2px solid #d9d6d7;
}
ul.othernav #mnhom a { border-top: 2px solid #d9d6d7; }
/* link colour */
ul.othernav li a:link, ul.othernav li a:visited { color: #919090; }
ul.othernav li a:hover { color: #EACC1A; }
ul.othernav li a:active { color: #919090; }
/* selected state */
ul.othernav li.selected { font-weight: bold; background: transparent url(../i/bg_nav_selected.gif) no-repeat bottom left scroll; }
ul.othernav li.selected a:link, ul.othernav li.selected a:visited { color: #919090; }
ul.othernav li.selected a:hover { color: #85888B; }
ul.othernav li.selected a:active { color: #919090; }



/* 	maincontent */
#maincontent h2 {
	font-size: 2.67em;
	line-height: 1.25em;
	padding: 0 0 18px 0;
	margin: 0;
	text-transform: uppercase;
}
#maincontent h2 strong { color: #D8D8D7; }

#maincontent h3 {
	font-size: 1.25em;
	line-height: 1.25em;
	margin: 0 0 12px 0;
	padding: 0.5ex 0 8px 0;
	border-bottom: 1px solid #919191;
}
#maincontent h4 {
	font-size: 1.25em;
	line-height: 1em;
	margin: 0 0 0.4em 0;
	padding: 0;
}
#maincontent ul {
	margin-bottom: 1em;
}
#maincontent p {
	font-size: 1.083em;
}
#maincontent p > strong, #maincontent ul strong { color: #74767A; }
#maincontent p.trial {
	width: 157px;
	height: 42px;
	background: transparent url(../i/btn_trialaccess.gif) no-repeat 0 0 scroll;
	text-indent: -9999px;
}
/* chinese image */
#body-china-cn #maincontent p.trial { background: transparent url(../i/btn_trialaccess_cn.gif) no-repeat 0 0 scroll; }
#maincontent p.trial a {
	display: block;
	width: 157px;
	height: 42px;
}
/* 	homepage */
#maincontent div.briefing-wrapper {
	/* easycleared */
	/* hacked in ie6, ie7 to handle negative margins */
	margin: 0 -12px;
	padding: 0 0 24px 0;
}
#maincontent div.briefing {
	width: 200px;
	float: left;
	margin: 0 12px;
}
#maincontent div.briefing h2 {
	font-size: 1.5em;
	line-height: 1em;
	padding: 12px 0;
	margin: 0;
	text-transform: none;
	color: #848384;
}
#maincontent div.briefing h2 a span.soon { color: #cc3333; }

#maincontent div.briefing p {
	font-size: 1.167em;
	line-height: 1.142em;
	margin: 0;
	padding: 0;
}
/* 	enquiry form */
div.formrow {
	width: 430px;
	height: 18px;
	margin: 0 0 10px 0;
}
div.formlabel {
	width: 100px;
	float: left;
	height: 18px;
	line-height: 18px;
	text-align: right;
}
div.forminput {
	width: 300px;
	float: right;
	height: 18px;
}
div.forminput input {
	margin: 0;
	padding: 1px;
	width: 238px;
	height: 16px;
	border: 1px solid #030000;
}
div.formsubmit, div.formboxes {
	padding-left: 130px;
}
div.formsubmit, div.formcheck {
	padding-left: 130px;
}
span.req { color: #f00; }

/* footer 1 */
#thomson {
	width: 872px;
	padding: 0 12px 24px;
}
#thomson h3 {
	width: 412px;
	height: 72px;
	background: transparent url(../i/bg_thomson.gif) no-repeat 0 0 scroll;
	text-indent: -9999px;
}
#thomson h3 a {
	width: 412px;
	height: 72px;
	display: block;
}
div.col h3 {
	color: #756C62;
	font-size: 1.5em;
	line-height: 1em;
	border-bottom: 2px solid #b1aeae;
	padding: 0 0 17px 0;
	margin: 0 0 17px 0;
}
div.col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.col ul li {
	color: #756C62;
	font-size: 1em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0px;
}
div.col ul li a:link, 
div.col ul li a:visited, 
div.col ul li a:hover, 
div.col ul li a:active
{
	color: #756C62;
}
div.col ul li a:hover { color: #32291F; }
#fmessage p {
	font-size: 1em;
}
/* footer 2 */
#footer2 {
	font-size: 0.83em;
	height: 12px;
}
#footer2 p {
	color: #fff;
	margin: 0;
	padding: 0;
}
#footer2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}
#footer2 ul li {
	float: left;
	display: block;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: 1px solid #FFFFFF;
	line-height: 1em;
}
#footer2 ul li.first { border-left: none; }
#footer2 ul li a {
	color: #fff;
}