/* CSS Document */
/*	

	ChengDu Hi-Tech Development Zone
	By Andrew Broomfield	
	www.Metafocus.co.uk

*/

/*Reset default browser styles*/
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, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	
	margin: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

/* remember to define focus styles! */
:focus {	
	outline: 0;
}

body {	
	line-height: 1;
	color: #000000;
	background: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

ol, ul {	
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {	
	border-collapse: separate;
	border-spacing: 0;
        
}

blockquote:before, blockquote:after,q:before, q:after {	
		content: "";
}

blockquote, q {	
	quotes: "" "";
}

/*Reset default browser styles*/


html {
	height:100%;
	margin-bottom:1px;
}

#page {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#page_bottom {
	width:952px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.ThreeColLeft, .ThreeColCentre, .ThreeColRight {
	width:300px;
	padding:10px;
	float:left;
}

.TwoColRightCentre {
	width: 645px;
	float: left;
	margin: auto;
}

.TwoColRightLeft {
	width: 300px;
	float: right;
}

.TwoColLeftLeft {
	width:223px;
	padding:0px;
	float:left;
	/*background:#013074;*/
	min-height:300px;
}
.OneColCentre {
	width:906px;
	padding:25px;
	float:left;
}
.TwoColEqualLeft, .TwoColEqualCentre {
	width:441px;
	padding:25px 0px 25px 25px;
	float:left;
}
.clear {
	clear:both;
}
.clear1px {
	clear:both;
	height:1px;
	overflow:hidden;
}

body {}

.bodyClass {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}

li {}

#row1 {
	width:100%;
}
#row2 {
	width:100%;
	margin: auto;
}
#row3 {
	width:952px;
	margin: auto;
}

.header {
	background: url(/images/headerMainBack.gif) left top repeat-x;
	width: 100%;
	height: 117px;
}

#header-back {
        background: url(/Images/headerBack.gif) left top no-repeat;
	width: 1012px;
	height: 107px;
	padding-top: 10px;
	margin: auto;
	top: 18px;
}

h1.title {
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	float:left;
	width: 540px;
        margin: 34px 0px 0px 30px;
	padding: 10px 0px 10px 25px;
	border-left: 1px solid #fff; 
	
}

#phone {
	background: url(/images/phone.gif) left 5px no-repeat;
	height: 22px;
	color: #fff;
	padding: 0px 0px 0px 20px;
        margin: 22px 35px 0px 0px;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 1.1em;
	float:right;		 
}

#phoneUK {
	background: url(/images/unionFlag.gif) left 7px no-repeat;
	height: 22px;
	color: #fff;
	padding: 0px 0px 0px 20px;
        margin: 5px 35px 0px 0px;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 1.1em;
	float:right;		 
}

#phoneChinese {
	background: url(/images/chineseFlag.gif) left 5px no-repeat;
height: 22px;
	color: #fff;
	padding: 0px 0px 0px 20px;
        margin: 0px 35px 0px 0px;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 1.1em;
	float:right;
}

div#callOne a img {
        border: none;
}

#searchWrapper{
     
    float:right;
    height:40px;
    margin:10px 34px 0 0;
    width:200px;
    overflow: hidden;
}



.logo {
	float:left;
}

.homeFlash {
	margin:auto;
	width:952px;
	margin-bottom:15px;
}

.TopRowClass {
      background:url(/Images/bodyBack.gif) left -1px repeat-x;
      padding-top: 26px;
}

.footer {
	background: #484c65 url(/images/footer.gif) left top repeat-x;
	width: 100%;
	margin-top: -5px;
	padding: 7px 0px 7px 0px;
	text-align: center;
}

#address {
	width: 950px;
	margin: 20px auto;
	color: #908f85;
	font-size: 0.75em;
	line-height: 1.5em;
}

#address a {
	color: #908f85;
	text-decoration: none;
}

.clearer {
	width: 100%;
	clear: both;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}

#squaresTab {
	width: 920px;
	margin: 0px auto 0px;
	position: relative;
}

#squaresTab h2 {
	color: #3b3b3b;
	font-size: 0.8em;
}

#squares {
	position: relative;
	width: 100%;
	padding: 0px 0px 30px;
}

#map {
	width: 921px;
	height: 289px;
	margin: auto;
	display: block;
}

#bottomColumns {
	width: 645px;
	margin: auto;
	position: relative;
}

.line {
	width: 645px;
	height: 9px;
	margin: 10px auto;
	clear: both;
	display: block;
	background: url(/images/lines.gif) left top repeat-x;
}

#news {
	background: url(/images/newsBox.gif) left top no-repeat;
	width: 350px;
	height: 181px;
	float: right;
	margin-top: 10px;
}

#news h1 {
	color: #fff;
	font-weight: bold;
	margin: 20px 0px 0px 29px;
}

.newsItem {
	width: 290px;
	margin: 10px auto 0px;
	padding: 15px;
	border-top: 1px solid #2c346d;
	border-bottom: 1px solid #2c346d;
}

.newsItem h1 {
	margin: 0px !important;
	font-size: 0.9em;
}

p.short {
	margin-top: 5px;
	color: #fff;
	font-size: 0.8em;
}

.more {
	padding: 0px 15px 0px 0px;
	background: url(/images/arrow3.gif) right 70% no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

p.date {
	color: #fff;
	font-size: 0.65em;
}

#flash {
	float: left;
}

.clickThrough {
	width: 350px;
	height: 58px;
	background: url(/images/clicks.gif) left top no-repeat;
	overflow: hidden;
	float: left;
	text-align: right;
	margin: 0px 0px 8px 0px;						
}

.clickThrough h1 {
	color: #fff;
	font-weight: bold;
	margin: 8px 50px 0px 15px;	
}

.clickThrough h1 a {
	color: #fff;
	text-decoration: none;			 
}

.clickThrough h2 {
	color: #bdc4f6;
	font-size: 0.8em;
	margin: 0px 50px 8px 15px;	 
}

.clickThrough h2 a {
	color: #bdc4f6;
	text-decoration: none;	 
}

.mainColumns {
	width: 952px;
	margin: 20px auto 0px;
	position: relative;
	padding-bottom: 20px;
						
						
}

.leftColumn {
	width: 600px;
	float: left;
	margin: 15px 0px 20px 20px;
}

.leftColumn a img {
        border: none;
        padding: 0;
        text-decoration:none;
}

.leftColumn h1, #squaresTab h1 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom:5px;
	color: #051797;
}

.leftColumn h2, #squaresTab h2 {
	font-weight: bold;
	color: #f46f00;
}

.leftColumn h2 a {
	font-weight: bold;
	color: #f46f00;
}

.colOne, .colTwo, .colThree  {
	width: 290px;
	float: left;
}


.colOne {
	margin-right: 20px;
}

.colThree {
        margin-left: 20px;
}

.leftColumn p {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 0px 0px;
}

.leftColumn label {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 0px 0px;
}

.leftColumn p p {
	color: #3b3b3b;
	text-align: justify;
        font-size:1em;
}

.leftColumn b,.leftColumn strong {
	color: #3b3b3b;
	font-weight:bold;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 0px 0px;
}

.leftColumn table p {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 10px 0px 0px;
        text-align:left;
}

.leftColumn li {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 0px 0px 0px 15px;
}

.rightColumn {
	width: 302px;
	float: right;
	margin: 0px 0px 0px 0px;
}

.rightColumn h1 {
	font-weight: bold;
	font-size: 1em;
	color: #051797;
}

.rightColumn h2 {
	font-weight: bold;
	color: #f46f00;
}

.singleColumn {
	width: 920px;
	float: left;
	margin-left: 20px;
}

.singleColumn p {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 0px 0px;
}

.singleColumn table p {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 10px 0px 0px;
}

.singleColumn li {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 0px 0px 0px 15px;
}

#subNav {
	width: 302px;
	padding:15px 0 45px;
	background: transparent url(/Images/SubNavBack.jpg) no-repeat scroll right top;
}

#subNav li {
	display: block;
	width: 100%;
	text-align: right;
}

.findInd{
	font-weight: bold;
	font-size: 1em;
	color: #051797;
	padding-bottom:10px;
}

#subNav li a {
	background: transparent url(/images/arrow2.gif) no-repeat scroll 275px 50%;
	padding: 3px 45px 3px 0;
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	color: #f47001;
	text-decoration: none;
}

#subNav li.special a {
	background: url(/images/arrow4.gif) 318px 50% no-repeat;
	color: #051797;
}

#subNav li a:hover {
	color: #051797;
}

#subNav li.special a:hover {
	color: #f47001;
}

a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}

.downloadLink {
	text-decoration:none;
	color: #3b3b3b;
	font-size:1.1em;
}

.siteOverviewItem1{
	background: url(/images/SiteOverviewItem1.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItem2{
	background: url(/images/SiteOverviewItem2.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItem3{
	background: url(/images/SiteOverviewItem3.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItem4{
	background: url(/images/SiteOverviewItem4.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItem5{
	background: url(/images/SiteOverviewItem5.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItem6{
	background: url(/images/SiteOverviewItem6.jpg) 201px no-repeat;
	width:201px;
	margin-right:14px;
	height:130px;
	margin-bottom:14px;
	background-position:left center;
	float:left;
}

.siteOverviewItemTitle{
	color:white;
	font-size:16px;
	padding-top:5px;
	text-align:center;
}

.siteOverviewItemText{
	font-size:10px;
	padding:65px 5px 0;
}

.siteOverviewItemTitle a{
	color:white;
	text-align:center;
	text-decoration:none;
}

.siteOverviewItemText a{
	font-size:10px;
	text-decoration:none;
	color:black;
}


.quickEnquiryBlock{
	background: url(/images/QE_background.gif) 302px no-repeat;
	width:302px;
	height:350px;
	float:right;
	background-position:right top;
}

.quickEnquiryBlock label {
	color: #3b3b3b;
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: justify;
	margin: 10px 0px 0px;
}

.quickEnquiryBlock .textBr{
     clear: left;
     margin-top: 5px;
}

.quickEnquiryBlock label span {
  float: left;
  width: 7.5em; 
  margin-left: 20px;
  color:Beige;
}

.quickSubmit
{
  background:none repeat scroll 0 0 transparent;
border:medium none;
color:white;
float:right;
font-weight:bold;
margin-right:28px;
  
}

.newsBlock{
	background: url(/images/NewsBack.jpg) 302px no-repeat;
	width:302px;
	height:280px;
	float:right;
	background-position:right center;
}

.NewsHeader {
	color:white;
	font-size:20px;
	padding:15px 25px 0px 30px;
}

.NewsSeparator{
	background: url(/images/newsLine.gif) 277px no-repeat;
	background-position: center;
	width:302px
	height:1px;
	padding: 0px 12px 0px 13px;
}

.NewsTitle {
	color:white;
	font-size:12px;
	font-weight:bold;
	padding:0px 25px 0 30px;
}

.NewsDate {
	color:#BEC5F6;
	font-size:10px;
	font-weight:bold;
	padding:3px 25px 0 30px;
}

.NewsText {
	color:white;
	font-size:11px;
	padding:3px 25px 0 30px;
}

.NewsText a {
	color:white;
	text-decoration:none;
}

.NewsText a img{
	border:none;
	vertical-align:bottom;
}


.NewsAll {
	color:white;
	font-size:12px;
	padding:0px 25px 0 30px;
}

.NewsAll a {
	color:white;
	text-decoration:none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navigation {
        background: url(/images/navMainBack.gif) left top repeat-x;
	width: 100%;
	height: 31px;
	/*float:left;*/
}

div.menu {
        background: url(/Images/navBack.gif) left top no-repeat;
        height: 31px;
        width: 1012px;
        margin: auto;
}

div.menu ul {
	padding:0;
	margin: auto;
	list-style:none;
	position:relative;
	z-index:500;
	font-family:arial, verdana, sans-serif;
        width: auto;
	height: 31px;
	display: inline;
        float:left;
        margin-left:110px;
}
div.menu ul li {
        float:left; 
        margin-right:0px;
        color:#444330; 
        background: url(/Images/navSep.gif) right bottom no-repeat;
        display: inline;
        position:relative;
}

div.menu ul li:last-child {
        background-image:none;
}

div.menu ul li a {
        display:block; 
        float:left; 
        height:31px; 
	line-height:30px;
        color:#fff; 
        text-decoration:none; 
        font-size:14px;  
        padding:0 20px 0 15px;
}

div.menu ul li a:hover {
        background: transparent url(/Images/navHover.gif)center bottom no-repeat !important;
}

div.menu ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

div.menu ul li a:hover {
       z-index:10; 
       position:relative;
       color:#fff; 
       background: transparent url(/Images/navHover.gif)center bottom no-repeat;
}

div.menu ul li:hover {
      position:relative;
      z-index:10;
      
}

div.menu ul li:hover > a {
      color:#fff;
      background: transparent url(/Images/navHover.gif)center bottom no-repeat !important;
}

div.menu ul li:hover > a.sub {color:#fff; background-color:#009;}

div.menu ul li.current a {color:#fff; /*background:#840;*/}

div.menu ul li a.sub {background: /*#333*/ url(down-arrow.gif) no-repeat right center;}
div.menu ul li.current a.sub {color:#fff; background:#009 url(down-arrow.gif) no-repeat right center;;}

div.menu ul :hover ul {left:0; top:31px; width:auto;white-space:nowrap; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
div.menu ul ul, 
div.menu ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

div.menu ul :hover ul :hover ul {
	left:170px; 
	top:-1px; 
	background:#999; 
	white-space:nowrap; 
	width:150px; 
	z-index:200; 
	height:auto;

}

div.menu ul :hover ul li {
	margin:0 !important; 
	padding:0 !important;
	height:26px !important;
	top:0;
	width:210px;
	border-top:1px solid #ccc;
	display:block;
	overflow:hidden;
	padding-top:0 !important;
	padding-bottom:0 !important;
        left:0px;

}

div.menu ul :hover ul li a {
	text-indent:5px; 
	background:#666; 
	color:#fff; 
	line-height:1.1em;
	width:210px;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-right:5px !important;
	height:25px !important;
}

div.menu ul :hover ul li a.fly {background:#666 url(Uploads/A6-07-05-C5-7D-26-CF/Images/right-arrow.gif) no-repeat right center;}

div.menu ul :hover ul :hover {background-color:#009; color:#fff;}
div.menu ul :hover ul :hover a.fly {background-color:#009; color:#fff;}

div.menu ul :hover ul li.currentsub a {background:#009; color:#fff;}
div.menu ul :hover ul li.currentsub a.fly {background:#009 url(Uploads/A6-07-05-C5-7D-26-CF/Images/right-arrow.gif) no-repeat right center; color:#fff;}

div.menu ul :hover ul :hover ul li a {width:160px; padding:0; text-indent:0px; background:#3e3e3e; color:#fff;}
div.menu ul :hover ul :hover ul :hover {background-color:#009; color:#fff;}

div.menu ul :hover ul :hover ul li.currentfly a,
div.menu ul :hover ul :hover ul li.currentfly a:hover {background:#009; color:#fff;}