@charset "utf-8";
/* CSS Document */

/*MAIN STLYING*/
body { background-color:#ffffff; font-family:Arial, Helvetica, sans-serif, sans-serif; font-size: 13px; color:#333333;}
img {border:0px;}

#mainWrapper{ width:923px; border:2px #eeeeee solid; margin:auto; background-image:url(images/bggreywhite.gif); background-repeat:repeat-y;}
#mainWrapper2{ width:923px; border:2px #eeeeee solid; margin:auto;}
#top{ width:717px; float:left; position:relative;}
#logo{ position:relative; float:left;}
#enquiry{float:left; position:relative;}
#tagline{float:left; position:relative; vertical-align:top; height:43px;}

#leftNavWrapper{float:left; position:relative; width:182px; background-color:#e1dfe0; z-index:1000;}
#navItem{float:left; position:relative;}
#promo{ float:left; position:relative; width:182px; background-color: #e1dfe0;}

#header{float:left; position:relative; width:741px;}
#content{float:left; position:relative; width:386px; padding:20px; line-height: 19px; z-index:100 !important;}



/*INDEX PAGE*/
#newsContent{float:left; position:relative; width:315px; background-color:#eef0f2; height:455px;}
#newsItem1{float:left; position:relative; width:302px; padding-left:13px; padding-top:12px; padding-bottom:10px; border-bottom:1px solid #ffffff;}
#newsItem2{float:left; position:relative; width:302px; padding-left:13px; padding-top:12px; padding-bottom:10px; border-bottom:1px solid #ffffff;}
#newsItem3{float:left; position:relative; width:290px; padding-right:13px; padding-left:12px; padding-top:8px; padding-bottom:10px; border-bottom:1px solid #ffffff;}
#newsItem4{
	float:left;
	position:relative;
	width:290px;
	margin-top:22px;
	margin-left:13px;
	background-color: #EEF0F2;
}

#newsText1{ width: 139px; float:left; position:absolute; left: 163px; top: 15px;}
#newsText2{ width: 109px; float:left; position:absolute; left: 14px; top: 13px;}

/*ABOUT PAGE*/

/*CONTACT PAGE*/
#contactHeader{float:left; position:relative; width:426px;}
#contactDetailsHeader{float:left; position:relative; width:315px;}
#contactContent{float:left; position:relative; width:285px; padding:15px;}

/*FAQ PAGE*/
#faqcontent{float:left; position:relative; width:701px; padding:20px; padding-top:10px;}

/*LOCATION PAGE*/
#mapWrapper{float:left; width:360px; position:relative;}
.locationTable{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:12px; background-color:#eef0f2;}
.locationDetails{ background-color:#2678aa; font-size:11px; color:#FFFFFF; padding-left:5px; border-right:1px #FFFFFF solid; vertical-align:top;}
.locationHeader{ background-color:#2678aa; font-size:16px; color:#FFFFFF; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.locationRow1{ background-color:#CCCCCC; font-size:11px; color:#333333; padding-left:5px; padding-top:5px;}

a.locationPlace{ font-weight:bold; text-decoration:none; color:#333333;}
a.locationPlace:hover{ color:#007dc6; font-weight:bold; text-decoration:none;}


/*MOBIL/CALTEX PAGE*/
#mobilContent{float:left; position:relative; width:285px; padding:15px;}
#caltexContent{
	float:left;
	position:relative;
	width:285px;
	padding:15px;
}

/*FOOTER INCLUDE*/
#footerWrapper{ margin:auto; width:923px;}
#footer{width:913px; position:relative; margin:auto; padding-top:10px; border:0px; float:left; background-image:url(images/shadow.jpg); background-repeat:no-repeat; background-color:#eeeeee;}

.footerText{ font-size:11px; color:#666666; padding-left: 5px; padding-right: 5px;}

a.footerLink { color:#666666; text-decoration: none; padding-left: 5px; padding-right: 5px;}
a.footerLink:hover { color: #333333;}

/*GLOBAL CLASSES*/
.hotPress{ line-height:19px;}

.list3 dt { color:#007dc6; font-weight:bold;}
.list3 dd { padding-bottom:13px;}

a.pagelink{ color:#333333; font-weight:bold; text-decoration:none;}
a.pagelink:hover{ color:#007dc6; font-weight:bold;}

.bluebold { color:#007dc6; font-weight:bold;}
.indent{ padding-left:22px; font-size:11px;}
.indent2{ padding-left:44px; font-size:11px;}


.bannerMenuLvl2 {
	background-color: #FFFFFF; width: 150px; position:absolute; left:183px; top:0px; display: none; padding-right: 6px; padding-bottom: 10px; z-index: 13;
}

.col1 { float: left; width: 120px; padding-left: 10px; padding-top: 5px; }
.col1_200 { float: left; width: 200px; padding-left: 10px; padding-top: 5px; }
.col2 { float: left; width: 200px; padding-top: 5px; }