/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	font-family: Arial, Verdana, sans-serif; font-size:12px; color:#444444;
	border:0px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;
	text-align:center; background-color:#b4b4b4;
	background-color:#ffffff;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { line-height:24px; margin:0px 0px 15px 0px; }

p.highlight-para-right {
	font-size:16px; line-height:30px; margin-bottom:30px; text-align:left;
	font-weight:bold;
}

a { color:#444444; }

h1 { font-size:18px; margin:0px 0px 15px 0px;	color:#373E46; }

h2 { font-size:14px; margin:0px 0px 15px 0px; }

h2.border {
	font-size:14px;
	margin:0px 0px 15px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #92979D;
}

h2.spaced {
	font-size:14px;
	margin:30px 0px 15px 0px;
	padding-bottom:5px;
	border-bottom:1px solid #92979D;
}

h3 { font-size:12px; }

p.para-link a {
	padding-right:10px;
	background-image:url(../images/all-pages/bullet-blue-right.gif);
	background-repeat:no-repeat; background-position:center right;
}

p.tbd {
	color:red;
}

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border:none; margin:0px; padding:0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	display:block; list-style:none;
	padding:0px 0px 10px 0px; margin:0px 0px 0px 30px;
}

ul.normal li {
	display:block;
	margin:0px 0px 10px 0px; padding:0px 0px 0px 15px;
	background-image:url(../images/all-pages/ul-bullet.jpg);
	background-repeat:no-repeat; background-position:0px 3px;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display:none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align:center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width:960px; text-align:left; margin:0px auto 0px auto;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width:900px; float:left; background-color:#ffffff;
	padding:0px 30px 30px 30px;
}

div#wrapper-ii {
	width:900px; float:left;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float:left; width:900px; height:110px;
}

div#header h1 { margin-top:45px; }

div#header h1, div#header h1 a {
	float:left; width:225px; height:24px;
}

div#header h1 a {
	display:block; width:281px; height:30px;
	background-image:url(../images/all-pages/chs-networks-03.gif);
}

div#header h1 span { display:none; }

div#header-contact {
	float:right; width:306px; height:30px;
	background-image:url(../images/all-pages/header-email-tel.gif);
}

div#header-contact {
	float:right; width:337px; height:30px;
	background-image:url(../images/all-pages/header-email-tel-02.gif);
}

div#header-contact p span { display:none; }

div#header p {
	margin-top:10px;
}

div#header p#header-email, div#header p#header-email a {
	float:left; width:172px; height:15px;
}

div#header p#header-email, div#header p#header-email a {
	float:left; width:203px; height:15px;
}

div#header h2 {
	float:right; clear:right; width:258px; height:30px; margin-top:10px;
	background-image:url(../images/all-pages/header-tag-line-04.gif);
}

div#header h2 span { display:none; }

p#header_tel {
	float:right; width:220px; height:46px; 
	margin:0px 0px 0px 0px;
	background-image:url(../images/all-pages/header-telephone.gif);
	background-position:0px 10px; background-repeat:no-repeat;
}

p#header_tel span { display:none; }

p#enquiries_free { display: none; }

/******************************************************************************
* home-banner
*****************************************************************************/
div#home-banner {
	float:left; width:900px; height:219px; margin-bottom:2px;
	background-image:url(../images/home-page/banner.jpg);
	background-image:url(../images/home-page/banner-02.jpg);
}

div#home-banner-inset {
	float:left; width:400px;
	margin:30px 0px 0px 30px; padding:15px;
	background-color:#1a212b; opacity:0.9;
	background-color:#393D46;

	margin:55px 0px 0px 30px;
}

div#home-banner-inset h2 {
	/* cursor:pointer; */
	margin:0px 0px 10px 0px; padding-left:15px;
	font-size:14px; color:#ffffff; font-weight:bold;
	background-image:url(../images/home-page/home-banner-bullet.gif);
	background-position:center left; background-repeat:no-repeat;
}

div#home-banner-inset p {
	color:#ffffff; line-height:normal; font-weight:bold;
	margin:0px 0px 0px 0px; padding-left:15px;
}

div#home-banner-inset p.hid { display:none; }

/******************************************************************************
* main-content
*****************************************************************************/
div#main-content {
	float:left; width:900px; padding:30px 0px 0px 0px;
	border-top:15px solid #92979d;
}

/******************************************************************************
* home-page-block
*****************************************************************************/
div#home-page-block {
	float:left; width:900px;
}

div#home-page-left {
	float:left; width:435px; margin-right:30px;
}

div#home-page-center {
	float:left; width:202px; margin-right:30px;
}

div#home-page-right {
	float:right; width:202px;
}

h1#home-welcome {
	color:#373E46;
}

xxxh1#home-welcome {
	float:left; width:435px; height:30px;
	background-image:url(../images/home-page/welcome.jpg);
}

xxxh1#home-welcome span { display:none; }

h1#home-testimonials {
	float:left; width:202px; height:30px;
	background-image:url(../images/home-page/testimonials.jpg);
	background-repeat:no-repeat;
}

h1#home-testimonials span { display:none; }

p#home-testimonial {
	margin-bottom:0px; line-height:18px; font-style:italic;
}

p#home-testimonial-author {
	font-weight:bold;
}

h1#home-latest-news {
	float:left; width:202px; height:30px; margin-bottom:0px;
	background-image:url(../images/home-page/latest-news.jpg);
}

h1#home-latest-news span { display:none; }

div.home-news-item {
	float:left; width:182px;
}

div.home-news-item h2 {
	font-size:11px; margin-bottom:0px;
}

div.home-news-item p.home-news-date {
	margin-bottom:5px;
}


/******************************************************************************
* right-block
*****************************************************************************/
div.right-block {
	float:left; width:182px; padding:10px 10px 10px 10px; margin:1px 0px 15px 0px;
	background-color:#d8d8d8;
	background-image:url(../images/all-pages/right-block-bg.gif);
	background-position:bottom left; background-repeat:no-repeat;
	font-size:11px;
}

/******************************************************************************
* normal-page-block
*****************************************************************************/
div.normal-page-block {
	float:left; width:900px; margin-top:-15px;
}

div.npb-left {
	float:left; width:667px;
}

div.npb-right {
	float:right; width:202px; height:275px;
	background-repeat:no-repeat; background-position:top left;
}

div#npb-right-about-us {
	height:354px;
	background-image:url(../images/right-column/test-02.jpg);
}

div#npb-right-support {
	height:354px;
	background-image:url(../images/right-column/test-03.jpg);
}

div#npb-right-services {
	height:353px;
	background-image:url(../images/right-column/test-01.jpg);
}

div#npb-right-partners {
	/* background-image:url(../images/right-column/partners.jpg); */
	text-align:center;
}

div#npb-right-partners a {
	margin-bottom:10px;
}

div#npb-right-partners a {
}

div.npb-left-i {
	float:left; width:607px; padding-left:30px; padding-top:30px;
	border-left:30px solid #d8d8d8;
}

div.npb-alt-left {
	float:left; width:202px; height:275px;
}

div.npb-alt-right {
	float:right; width:667px;
	width:647px; padding-right:20px;
}

/******************************************************************************
* partners
*****************************************************************************/
div#partner-page {
	float:left; width:100%;
}

div.partner {
	float:left; width:100%;
	margin-bottom:20px;
}

p.partner-logo {
	float:left; width:202px;
}

div.partner-detail {
	float:right; width:647px; padding-right:20px;
}

/******************************************************************************
* main headings (main-with-bg)
*****************************************************************************/
xh1.main-with-bg {
	float:left; width:100%; height:30px;
	margin-bottom:30px;
	background-repeat:no-repeat;
	background-color:#383E47;
}

xh1.main-full-with-bg {
	float:left; width:100%; height:30px;
	margin-bottom:30px;
	background-repeat:no-repeat;
	background-color:#383E47;
}

xh1.main-with-bg span.mwbg-i,
xh1.main-full-with-bg span.mwbg-i {
	float:left; width:100%; height:30px;
	background-image:url(../images/main-headings/right.gif);
	background-repeat:no-repeat; background-position:right top;
}

xh1.main-with-bg span.mwbg-ii,
xh1.main-full-with-bg span.mwbg-ii {
	display:none;
}

xh1#about-us { background-image:url(../images/main-headings/about-us.gif); }
xh1#support { background-image:url(../images/main-headings/support.gif); }
xh1#services { background-image:url(../images/main-headings/services.gif); }
xh1#partners { background-image:url(../images/main-headings/partners.gif); }
xh1#contact { background-image:url(../images/main-headings/contact.gif); width:900px;}
xh1#map { background-image:url(../images/main-headings/map.gif); width:900px;}

/******************************************************************************
* bottom
*****************************************************************************/
div#bottom {
	float:left; width:900px; padding:0px 30px 0px 30px;
	background-color:#ffffff;
}

div#bottom-i {
	float:left; width:900px; padding:20px 0px 20px 0px;
	border-top:1px solid #383e47;
}

/******************************************************************************
* footer-nav
*****************************************************************************/
div#footer-nav {
	float:left; width:350px;
}

div#footer-nav p {
	font-size:11px;
}

/******************************************************************************
* suppliers-new
*****************************************************************************/
div#suppliers-new {
	float:right; width:499px;
}

div#suppliers-new-i {
}

div#suppliers-new a {
	display:block; float:left;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

div#suppliers-new a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


/******************************************************************************
* suppliers
*****************************************************************************/
div#suppliers {
	float:left; width:900px; padding:0px 30px 0px 30px;
	background-color:#ffffff;
}

div#suppliers-i {
	float:left; width:900px; padding:20px 0px 20px 0px;
	border-top:1px solid #383e47;
}

div#suppliers a {
	display:block; float:left;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

}

div#suppliers a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

/******************************************************************************
* contact-split
*****************************************************************************/
div.contact-split {
	float:left; width:900px;
}

div.contact-split-left {
	float:left; width:300px;
}

div.contact-split-right {
	float:right; width:550px;
}

/******************************************************************************
* contact-details
*****************************************************************************/
div.contact-details {
	float:left; width:300px;
}

div.contact-details p {
	display:block; width:300px; float:left; margin:0px;
}

p#cdp-address {
	margin-top:15px;
}

div.contact-details p span.label {
	display:block; float:left; width:100px;
	font-weight:bold;
}

div.contact-details p span.value {
	display:block; float:right; width:190px;
}

h1#enquiry-h1 {
	float:left; width:550px;
}

h2#enquiry-h2 span {
	float:right; font-weight:normal; font-size:11px;
}

/******************************************************************************
* googlemap
*****************************************************************************/
div#googlemap {
	float:left; width:600px; height:400px;
	background-color:#eeeeee;
}

/******************************************************************************
* ajax-news
*****************************************************************************/
div#ajax-news {
	padding:20px;
	text-align:left;
}

div#ajax-news h1 {
	margin-bottom:5px;
	border-bottom:1px solid #666666;
}

div#ajax-news p {
	margin-bottom:10px; line-height:18px;
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float:left; width:900px; height:35px; padding:5px 30px 0px 30px;
	margin:0px -4px 0px 0px;
}

div#footer-i {
	float:left; width:900px;
}

div#footer p, div#footer p a {
	font-size:11px; color:#383e47; margin:0px 0px 10px 0px;
}

div#footer p a { text-decoration:none; }

div#footer p a:hover { text-decoration:underline; }

div#footer p#footer-left {
	float:left; width:550px;
}

div#footer p#footer-right {
	float:right; width:300px; text-align:right;
}

/******************************************************************************
* recruitment
*****************************************************************************/

ul.role_index {
	margin-bottom:30px;
}

div.job_profile {
	float:left; width:600px;
}

div.job_header {
	float:left; width:580px; padding:10px;
	margin-bottom:20px;
	background-color:#eeeeee;
}

div.job_header p {
	float:left; margin:0px;
}

div.job_header p strong {
	float:left; width:100px;
}

div.job_header p span {
	float:right; width:460px;	
}

div.job_header p span.role {
	font-weight:bold;	
}

div.job_detail {
	padding:20px;
	border:1px solid #eeeeee;
}

/******************************************************************************
* debug
*****************************************************************************/
p.debug {
	background-color:red;	padding:2px; margin:0px;
}