/* Remove margin padding and border (Universal)
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0px; }


/* Scrollbar
-----------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; }


/* Document and handling typography
-----------------------------------------------------------------------------*/
body { font: 0.75em Arial, Helvetica, sans-serif; color: #707070; }

h1 { font-size: 30px; font-weight: bold; color: #464646; }
	h1.great-title { font-size: 1.5em !important; font-weight: bold; color: #464646; }
h2 { font-size: 1.2em; font-weight: bold; color: #0b5da3;  margin-top: 20px; }
h3 { font-size: 1.2em; font-weight: bold; color: #464646;  margin-top: 20px; }
h4 { font-size: 1.2em; font-weight: bold; color: #0093bf;  margin-top: 20px; }
h5 { font-size: 1.3em; font-weight: bold; color: #0093bf; margin-top: 7px; margin-bottom: 0px; }
h6 { font-size: 1.2em; font-weight: bold; color: #0093bf; margin-top: 7px; margin-bottom: 0px; }

#HomeContainer { font-size: 1.0em; }
#HomeContainer h1 {	font-size: 1.0em; letter-spacing: 0px; font-weight: bold; color: #0b5da3; margin-bottom: 2px; }
#HomeContainer p { margin: 0px; padding: 0px; }

.sub-title h1 { font-size: 1.4em !important; font-weight: bold !important; color: #464646 !important; }
.sub-title h2 { font-size: 1.4em !important; font-weight: bold !important; color: #0093bf !important; margin-top: 0px !important; }

content-div h1 { margin: 20px 0px 15px !important; }
content-div h2 { margin: 20px 0px 15px !important; }
content-div h3 { margin: 20px 0px 15px !important; }

.content-copy h1 { font-size: 1.3em; font-weight: bold; color: #0093bf; margin-top: 7px; margin-bottom: 0px; }

p { margin: 10px 0px 10px; }

a { color: #0093bf; text-decoration: none; }
a:hover { color: #0b5da3; text-decoration: underline; }


/* Default Syntax
-----------------------------------------------------------------------------*/
body {
	background-color: #2f3824;
}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 10px 0px 15px;
}

img { border: 0px; }


/* Generic Syntax
-----------------------------------------------------------------------------*/
#SkyContainer {
	background: url(../_img/bg_sky.jpg) top center repeat-x #dfe9f1;
}
#GroundContainer {
	background: url(../_img/bg_bottom.gif) bottom center repeat-x;
}
#Container { width: 1000px; margin: 0px auto 0px; }

#header {
	height: 120px;
	overflow: hidden;
}
	#FittersLogo {
		width: 140px;
		height: 40px;
		margin: 20px 0px 15px;
		background: url(../_img/fitters_logo.gif) no-repeat;
		float: left;
	}
	#FittersLogo a { display: block; width: 140px; height: 40px; }
	
	#header .searchbar {
		margin-top: 30px;
		background: url(../_img/searchbar.gif) no-repeat;
		width: 215px;
		height: 20px;
		float: right;
		line-height: 20px;
	}
	
	#navigation {
		height: 35px;
		background-image: url(../_img/bg_mainnavigation.gif);
		background-repeat: repeat-x;
		background-position: center top;
		background-color: #FFFFFF;
		overflow: hidden;
	}
		#navigation ul { margin: 0px; padding: 0px; list-style: none; }
		#navigation ul li {
			float: left;
			display: inline;
			height: 35px;
			line-height: 35px;
			background: url(../_img/div_navigation.gif) center right no-repeat;
		}
		#navigation li a.current { background-position: left -35px !important; cursor: default !important; }
		
		#btn_nav_home, #btn_nav_about_us, #btn_nav_investor_relations, #btn_nav_core_business, #btn_nav_contact, #btn_nav_media_centre {
			display: block;
			height: 35px;
			background: left top no-repeat;
			cursor: hand;
			cursor: pointer;
		}
		#btn_nav_home { width: 60px; background-image: url(../_img/btn_nav_home.gif); }
		#btn_nav_about_us { width: 80px; background-image: url(../_img/btn_nav_about_us.gif); }
		#btn_nav_investor_relations { width: 140px; background-image: url(../_img/btn_nav_investor_relations.gif); }
		#btn_nav_core_business { width: 110px; background-image: url(../_img/btn_nav_core_business.gif); }
		#btn_nav_contact { width: 75px; background-image: url(../_img/btn_nav_contact.gif); }
		#btn_nav_media_centre { width: 105px; background-image: url(../_img/btn_nav_media_centre.gif); }
		#btn_nav_home:hover, #btn_nav_about_us:hover, #btn_nav_investor_relations:hover, #btn_nav_core_business:hover, #btn_nav_contact:hover, #btn_nav_media_centre:hover {
			display: block;
			height: 35px;
			background-position: left -35px;
		}

#FlashContent  {
	height: 230px;
	overflow: hidden;
}

#HomeContainer, #PageContainer { background: #ffffff; }
#HomeContainer .inlay {
	padding: 25px;
}
#HomeContainer .inlay .left {
	float: left;
	width: 370px;
}
#HomeContainer .inlay .right {
	float: right;
	width: 560px;
}

/* Start HomePage Content */
#PageContainer { padding-top: 25px; padding-bottom: 0px; }
#PageContainer td { padding-bottom: 25px; }

.PageContainer {
	width: 1000px;
	background: url(../_img/vertical_divider.gif) bottom left repeat-y;
}
.PageContainer { margin-top: 0px; }

.PageContainer .left {
	padding-left: 25px;
	width: 235px;
	overflow: hidden;
}
.PageContainer .right {
	padding-right: 25px;
	background: url(../_img/leaves.gif) right bottom no-repeat;
	text-align: justify;
	overflow: hidden;
}

.home-title  {
	font-size: 16px;
	font-weight: bold;
	color: #002d42;
	background-image: url(../_img/div_title.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 30px;
	margin-bottom: 10px;
}
.photo-left {
	float: left;
	border: 1px solid #d9d9d9;
	margin-right: 10px;
	padding: 0px;
	margin-bottom: 10px;
}
.photo-right {
	float: right;
	border: 2px solid #053146;
	padding: 1px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.what-we-do {
	width: 370px;
}
.what-we-do .content {
	margin-bottom: 20px;
}

.latest-news {
	width: 370px;
}
.latest-news .content {
	margin-bottom: 20px;
}
.core-business {
	width: 560px;
	float: right;
}
.core-business .items {
	float: left;
	height: 66px;
	width: 260px;
	margin-right: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
/* End HomePage Content */

/* Start Page Content */
.page-title  {
	font-size: 16px;
	font-weight: bold;
	color: #002d42;
	background-image: url(../_img/div_title.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 30px;
	margin-bottom: 10px;
}

	/* SimpleTree Menu */
	.sub-nav {
		color: #5588b4;
		width: 200px;
		font-weight: bold;
		line-height: 20px;
		background: url(../_img/white_transparent.png) bottom repeat-x;
		padding-bottom: 35px;
		margin-bottom: 300px;
	}
	.sub-nav .nav-title:hover, .sub-nav .nav-subtitle:hover { color: #0b5da3; }
	.sub-nav a { color: #5588b4; text-decoration: none; display: block; padding-right: 5px; }
	.sub-nav a:hover { color: #0b5da3; text-decoration: none; }
	.sub-nav a.current { color: #0b5da3 !important; text-decoration: none; cursor: default !important; background: url(../_img/blue_square.gif) right repeat-y; }

.breadcrumb {
	color: #5588b4;
}
.breadcrumb a { color: #0b5da3; text-decoration: none; }
.breadcrumb a:hover { color: #5588b4; text-decoration: none; }
.breadcrumb a.current { color: #5588b4 !important; text-decoration: none; cursor: default !important; }

.content-copy {
	margin-bottom: 20px;
}
.content-copy .sub-title {
	background-image: url(../_img/div_title.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.content-div img {
		border: 1px solid #CCCCCC;
		padding: 4px;
		/* background: url(../_img/ajax-loader.gif) center no-repeat #FFFFFF; */
	}
	.content-div ul, .content-div ol { margin: 15px 0px 15px 40px; padding: 0px; }
	.content-div ul li, .content-div ol li { margin: 0px 0px 5px 0px; padding: 0px; }
	.content-div ul li ul li, .content-div ol li ul li { list-style: disc; }
	
.date-format {
	margin: 1px 0px 10px;
	font-size: 11px;
	font-weight: bold;
}

.colors-stripe {
	background: url(../_img/bg_4colors.gif) repeat-y;
	height: 10px;
	width: 1000px;
	overflow: hidden;
	display: block;
}

.divider {
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../_img/divider.gif) center no-repeat;
	height: 20px;
	display: block;
	clear: both;
}
.divider-thin {
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../_img/divider_thin.gif) center no-repeat;
	height: 1px;
	display: block;
	clear: both;
}

.img-none-style { padding: 0px !important; border: 0px !important; }
.img-border-style { padding: 0px !important; border: 1px solid #999999 !important; }
.img-borderpadding-style { padding: 3px !important; border: 1px solid #999999 !important; }
.img-photo-frame { border: 1px solid #ccc !important; padding: 1px !important; }

.img-left { float: left; margin: 0px 10px 10px 0px;}
.img-right { float: right; margin: 0px 0px 10px 10px;}

.clear {
	clear: both;
}
/* End Page Content */

/* Start Footer */
#footer {
	color: #CCCCCC;
	height: 20px;
	font-size: 11px;
	margin-top: 15px;
}
#footer .copyright {
	float: left;
	margin-top: 2px;
}
#footer .footer-link {
	float: right;
	margin-top: 2px;
}
#footer .footer-link a {
	color: #CCCCCC;
	text-decoration: none;
}
#footer .footer-link a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* End Footer */


/* Static Photo / Banner
-----------------------------------------------------------------------------*/
.staticphoto_11 { height: 230px; background: url(../_img/staticphoto_11.jpg) left bottom no-repeat; } /* Manufacturing & Trading */
.staticphoto_12 { height: 230px; background: url(../_img/staticphoto_12.jpg) left bottom no-repeat; } /* Engineering & Construction */
.staticphoto_13 { height: 230px; background: url(../_img/staticphoto_13.jpg) left bottom no-repeat; } /* Property Development */
.staticphoto_14 { height: 230px; background: url(../_img/staticphoto_14.jpg) left bottom no-repeat; } /* Renewable Energy */
.staticphoto_15 { height: 230px; background: url(../_img/staticphoto_15.jpg) left bottom no-repeat; } /* Big Fire */
.staticphoto_16 { height: 230px; background: url(../_img/staticphoto_16.jpg) left bottom no-repeat; } /* Setapak Lakeside */
.staticphoto_17 { height: 230px; background: url(../_img/staticphoto_17.jpg) left bottom no-repeat; } /* Setapak Lakeside */
.staticphoto_18 { height: 230px; background: url(../_img/staticphoto_18.jpg) left bottom no-repeat; } /*  */
.staticphoto_19 { height: 230px; background: url(../_img/staticphoto_19.jpg) left bottom no-repeat; } /*  */


/* Page BG
-----------------------------------------------------------------------------*/
.pagebg_00 { background: url(../_img/pagebg_00.jpg) left bottom no-repeat; } /* Empty */
.pagebg_01 { background: url(../_img/pagebg_01.jpg) left bottom no-repeat; } /* Fitter hat and glove */
.pagebg_02 { background: url(../_img/pagebg_02.jpg) left bottom no-repeat; } /* Bulp */
.pagebg_03 { background: url(../_img/pagebg_03.jpg) left bottom no-repeat; } /* Graph chart */
.pagebg_04 { background: url(../_img/pagebg_04.jpg) left bottom no-repeat; } /* Fitter guy */
.pagebg_05 { background: url(../_img/pagebg_05.jpg) left bottom no-repeat; } /* contact */
.pagebg_06 { background: url(../_img/pagebg_06.jpg) left bottom no-repeat; } /*  */
.pagebg_07 { background: url(../_img/pagebg_07.jpg) left bottom no-repeat; } /* Tree bulp */
.pagebg_08 { background: url(../_img/pagebg_08.jpg) left bottom no-repeat; } /* Laptop with hand */
.pagebg_09 { background: url(../_img/pagebg_09.jpg) left bottom no-repeat; } /*  */
.pagebg_10 { background: url(../_img/pagebg_10.jpg) left bottom no-repeat; } /* Bulb environment */
.pagebg_11 { background: url(../_img/pagebg_11.jpg) left bottom no-repeat; } /* Pyroline */
.pagebg_12 { background: url(../_img/pagebg_12.jpg) left bottom no-repeat; } /* Arrow Up */
.pagebg_13 { background: url(../_img/pagebg_13.jpg) left bottom no-repeat; } /* Firefighter battle */
.pagebg_14 { background: url(../_img/pagebg_14.jpg) left bottom no-repeat; } /* Hat */
.pagebg_15 { background: url(../_img/pagebg_15.jpg) left bottom no-repeat; } /* Dinosaur - sculpture works */
.pagebg_16 { background: url(../_img/pagebg_16.jpg) left bottom no-repeat; } /* Fire engine vehicle */
.pagebg_17 { background: url(../_img/pagebg_17.jpg) left bottom no-repeat; } /* core business main page */


/* Tables
-----------------------------------------------------------------------------*/
#myPostCB_GridView1, #myPostCB_GridView2, 
#myPostIR_GridView1, #myPostIR_GridView2, 
#PostLatestNews1_GridView1, #PostLatestNews1_GridView2, 
#GridView1, #GridView2 { margin: 0px 0px 10px; }

#myPostCB_GridView1 th, #myPostCB_GridView2 th, 
#myPostIR_GridView1 th, #myPostIR_GridView2 th, 
#PostLatestNews1_GridView1 th, #PostLatestNews1_GridView2 th, 
#GridView1 th, #GridView2 th { padding: 3px !important; border: 1px solid #CCCCCC; }

#myPostCB_GridView1 td, #myPostCB_GridView2 td, 
#myPostIR_GridView1 td, #myPostIR_GridView2 td, 
#PostLatestNews1_GridView1 td, #PostLatestNews1_GridView2 td, 
#GridView1 td, #GridView2 td { padding: 3px !important; vertical-align: top; border: 1px solid #CCCCCC; }

#myPostCB_GridView1 tr:hover, #myPostCB_GridView2 tr:hover, 
#myPostIR_GridView1 tr:hover, #myPostIR_GridView2 tr:hover, 
#PostLatestNews1_GridView1 tr:hover, #PostLatestNews1_GridView2 tr:hover, 
#GridView1 tr:hover, #GridView2 tr:hover { background-color: #e5effa !important; color: #333333 !important; }

.table-default { margin-top: 10px; }
.table-default td { padding: 5px !important; vertical-align: top; }
.table-default img { padding: 3px; border: 1px solid #ccc; }
	.table-default h1 { margin-top: 0px !important; }
	.table-default h2 { margin-top: 0px !important; }

.table-groupdirectory { font-size: 1.0em; margin-top: 10px; }
.table-groupdirectory td { padding: 15px 25px 25px 0px !important; vertical-align: top; border-bottom: 1px dotted #CCCCCC; }
.table-groupdirectory tr { border-bottom: 0px solid #CCCCCC; }
.table-groupdirectory img { padding: 3px; border: 1px solid #ccc; }
	.table-groupdirectory h1 { font-size: 1.0em; margin: 0px 0px 15px !important; }
	.table-groupdirectory h2 { font-size: 1.0em; margin: 10px 0px 0px !important; color: #666 !important; }
	.table-groupdirectory p { margin: 0px 0px 15px !important; }

.table-ir { font-size: 1.0em; margin-top: 10px; }
.table-ir td { padding: 5px 25px 5px 0px !important; vertical-align: top; border-bottom: 1px dotted #CCCCCC; }
.table-ir tr { border-bottom: 0px solid #CCCCCC; }
.table-ir img { padding: 3px; border: 1px solid #ccc; }
	.table-ir h1 { font-size: 1.0em; margin: 0px 0px 15px !important; }
	.table-ir h2 { font-size: 1.0em; margin: 10px 0px 0px !important; color: #666 !important; }
	.table-ir p { margin: 0px 0px 15px !important; }

.table-subtitle { margin-top: 10px; }
.table-subtitle td { padding: 5px !important; vertical-align: top; }
.table-subtitle img { padding: 1px; border: 1px solid #ccc; }
	.table-subtitle h1 {}
	.table-subtitle h2 { margin: 5px 0px 0px 0px; }

.table-corebusiness-listing { margin: 15px 0px -15px; }
.table-corebusiness-listing table { margin: 0px 0px -15px; width: 100%; }
.table-corebusiness-listing p { margin: 0px 0px 0px; }
.table-corebusiness-listing td { padding: 0px; vertical-align: top; }
.table-corebusiness-listing img { padding: 1px; border: 1px solid #ccc; }
	.table-corebusiness-listing h1 { font-size: 1.2em; margin: 0px 0px 5px; border-bottom: 1px solid #CCCCCC; }
	.table-corebusiness-listing h2 { font-size: 1.0em; margin: 10px 0px 5px; }
		.table-corebusiness-listing h2 a { color: #0b5da3; }
	.table-corebusiness-listing ul { margin: 5px 0px 0px 20px; }
	.table-corebusiness-listing li { margin: 0px 0px 5px 0px; }


.table-content-listing { margin: 0px 0px -10px; }
.table-content-listing table { margin: 0px 0px 0px; width: 710px; }
.table-content-listing p { margin: 0px 0px 0px; }
.table-content-listing td { padding: 0px; vertical-align: top; }
.table-content-listing img { padding: 1px; border: 1px solid #ccc; }

.table-normal { margin-top: 0px; }
.table-normal td { padding: 2px !important; vertical-align: top; }
.table-normal img { padding: 3px; border: 1px solid #ccc; }
.table-normal td.label { width: 80px !important; }

.table-gallery { margin-top: 10px; border-spacing: 2px !important; border-collapse: separate; }
.table-gallery td { padding: 10px !important; border: 1px dotted #CCCCCC !important; vertical-align: top; text-align: center; }
.table-gallery img { padding: 3px; border: 1px solid #ccc; }

.table-enquiry-form { margin: 15px 0px 0px; }
.table-enquiry-form td { padding: 2px 0px 5px !important; }
.table-enquiry-form input { background: none; }
.table-enquiry-form .left { float: left !important; }
.table-enquiry-form .label { padding-top: 8px !important; }

.corp-colours-table { margin-top: 10px; }
.corp-colours-table td { padding: 5px !important; }
.corp-colours-table .label { font-size: 1.2em; font-weight: bold; }

.corp-blue { color: #0559a1; }
.corp-cyan { color: #0093bf; }
.corp-red { color: #ee3449; }
.corp-orange { color: #ffa35b; }
.corp-green { color: #59bf86; }


/* Forms
-----------------------------------------------------------------------------*/
form { margin: 0px; padding: 0px; }

input, textarea, .jump-menu {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #707070;
}

.form-input-350, .form-input-225, .form-input-180, .form-input-150 {
	height: 25px;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
	background: no-repeat;
	overflow: hidden;
}
.form-input-350 {
	width: 350px;
	background-image: url(../_img/form_input_bg_350.gif);
}
.form-input-225 {
	width: 225px;
	background-image: url(../_img/form_input_bg_225.gif);
}
.form-input-180 {
	width: 180px;
	background-image: url(../_img/form_input_bg_180.gif);
}
.form-input-150 {
	width: 150px;
	background-image: url(../_img/form_input_bg_150.gif);
}
/*.form-input-350 input, .form-input-225 input, .form-input-180 input, .form-input-150 input {
	height: 25px;
	padding: 0px 10px 0px;
	line-height: 25px;
	position: absolute;
	display: inline-block;
}*/

.form-input-350 input, .form-input-225 input, .form-input-180 input, .form-input-150 input { 
     height: 22px; 
     padding: 3px 10px 0px; 
     line-height: 25px; 
     position: absolute; 
     display: inline-block; 
}

.form-select {
	background: url(../_img/form_textarea_bg.gif) center repeat #eee;
	border: 1px solid #999;
	padding: 5px;
}

.form-textarea {
	background: url(../_img/form_textarea_bg.gif) center repeat #eee;
	border: 1px solid #999;
	padding: 10px;
}

.searchbar .text {
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #707070;
	width: 170px;
	margin-left: 20px;
	background: none;
	border: 0px;
	line-height: 15px;
}
.searchbar .button {
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: none;
	border: 0;
	cursor: pointer;
	cursor: hand;
}

.jump-menu {
	border: 1px solid #CCCCCC;
	padding: 2px;
	background: #fff;
}

.btn_default, .btn_default2 {
	height: 25px;
	text-align: center;
	font-weight: bold;
	color: #ccc;
	cursor: pointer;
	line-height: 25px;
}
.btn_default { width: 80px; background: url(../_img/btn_default.gif) no-repeat; }
.btn_default2 { width: 100px; background: url(../_img/btn_default2.gif) no-repeat; }
.btn_default:hover, .btn_default2:hover { color: #FFF !important; }


/* List
-----------------------------------------------------------------------------*/
.list-style-lower-roman { list-style: lower-roman !important; }
.list-style-lower-alpha { list-style: lower-alpha !important; }
.list-style-square { list-style: square !important; }


/* Accordion */
.accordionHeader
{
    /*border: 1px solid #2F4F4F;*/
    /*border: 1px solid #5588b4;*/
    color: #5588b4;
    background-color: white;
	/*font-family: Arial, Sans-Serif;*/
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    /*margin-top: 5px;*/
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content
{
	background: none;
	text-decoration: underline;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
	color: #0b5da3;
}

.accordionHeaderSelected
{
    /*border: 1px solid #2F4F4F;*/
    /*border: 1px solid #0b5da3;*/
	color: #0b5da3;
     /*color: #000000;*/
	background-color: white;
	/*font-family: Arial, Sans-Serif;*/
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    /*margin-top: 5px;*/
    cursor: pointer;
    /*background-image: url(../_img/icon_nav_minus.gif);*/
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #ffffff;
    /*border: 1px dashed #2F4F4F;*/
    border-top: none;
    padding: 5px;
    /*padding-top: 10px;*/
    /*color: #000000;*/
}