/* css for fueltreat malaysia */

/* -----------------------------------------------
main page elements 
------------------------------------------------*/

body { margin:0; padding:0;
	background-color:#009878;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#index {width:780px; background-color:#009878;}
#content {width:700px; 
	background-image:url(page_elements/bg1.jpg);
	background-repeat:repeat-y;
	margin:0 0 0 30px;
	padding:30px 30px 30px 50px;
	}
#end	{margin-left:30px; width:700px;}
div.menutop {margin:0 0 0 30px; width:700px;
	padding:0; background-color:red;
	background-image:url(page_elements/bg1.jpg);
	background-repeat:repeat-y;}


/* -----------------------------------------------
top menu section 
------------------------------------------------*/
#menu1 {position:absolute; top:30px; left:48px;
	width:120px; text-align:center; border:0px solid white;}
#menu2 {position:absolute; top:30px; left:168px;
	width:120px; text-align:center;}
#menu3 {position:absolute; top:30px; left:292px;
	width:120px; text-align:center; border:0px solid white;}
div#menu1 a {text-align:center; font-size:13; color:white; text-decoration:none;}
div#menu1 a:hover {color:black; text-decoration:underline;}
div#menu2 a {text-align:center; font-size:13; color:white; text-decoration:none;}
div#menu2 a:hover {color:black; text-decoration:underline;}
div#menu3 a {text-align:center; font-size:13; color:white; text-decoration:none;}
div#menu3 a:hover {color:black; text-decoration:underline;}

#topmenu {margin:0; padding:0; width:780px;}
.navigate {
	float:left;
	width:102px;
	}
.navigate1 {
	float:left;
	width:152px;
	}


/* -----------------------------------------------
physical structure of page 
------------------------------------------------*/
#centerwrapper {
	width:600px;
	margin:0 200px;
	}

#fullwrapper {
	margin: 0 0 0 250px;
	width:1000px;
	}

.mainwrapper {
	margin: 40px 0 0 260px;
	width:495px;
	}
.simplewrap {
	margin:0 0 10px 0;
	width:495px;
	}
.widewrapper {
	margin: 40px 0 0 155px;
	width:600px;
	}

.centercolumn {
	float:left;
	width:600px;
	background-color:#333;
	}
.column500 {
	float:left;
	width:200px;
	text-align:left;
	margin:0 25px 0 0;
	}
.leftcolumn {
	float:left;
	width:200px;
	text-align:center;
	margin-top:5px;
	}
.rightcolumn {
	float:left;
	width:200px;
	text-align:center;
	margin-top:5px;
	}
.centerwrap {
	width:600px;
	margin:0;
	padding:0 0 20px 0;
	}

#endsection {
	width:600px;
   background-color:#333; 
   margin-top: 0px;
   margin-left: 200px;
   }
#endsection img {
	display:block;
	margin:0 auto;
	padding:30px 0 30px;
	}
#endwrap {
	width:600px;
	background-color:#333; 
	margin: 0;
	padding:0;
	}
#endwrap img {
	display:block;
	margin:0 auto;
	padding:30px 0 30px;
	}



/* -----------------------------------------------
menu section
------------------------------------------------*/


/* -----------------------------------------------
specific pages
------------------------------------------------*/


/* -----------------------------------------------
table classes
------------------------------------------------*/
.product-table {border:2px solid black; text-align:left;
	font-size:13px; width:500px;
	 border-collapse:collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.product-header {background-color:silver; border-bottom:2px solid black;}
.product-header-text {font-weight:bold;}
.product-cell {border:1px solid black; padding:5px; 
	margin:0;}
.product-caption {
	font-size:16px; font-weight:bold;
	caption-side: top;
	padding-bottom: 5px;
	text-align: center;
	}

/* -----------------------------------------------
alignment classes

------------------------------------------------*/
.centerimage	{text-align:center;}
.nudge  {margin:12px 0 0 0;}
.clearall	{clear:both}

.clearfix:after {
    content: ".";
   display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#copyright {width:600px; border:0;}
#copyright img { width:297px; height:16px; text-align:right; border:0;
					margin:0 0 1px 297px; padding:0;}
.padding	{padding:5px;}
.nonothing {margin:0; padding:0;}
.item {float:left; color:black;
	width:200px; margin:0;}
.detail {float:left;
	width:250px; margin:0px 0px 0 0px;}

.borderline {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed white;}
.hanging{float:left;width:50px;}
.dash{float:left;width:30px; text-align:center;background-color:transparent;}
.indent{float:left;width:200px;}
.box1 {background-color:#ccc; padding:5px;}
.simpletable {border:1px solid black; }

/* -----------------------------------------------
common text classes
------------------------------------------------*/

p	{font-size: 13px; }

ul, li	{font-size: 13px; }
li	{margin:0 0 10px 10px;}

h1,h2, h3, h4, h5, h6	{
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

h4	{font-weight: bold; font-size:20px;}
h5	{font-weight: bold; font-size:16px; margin-top:30px;}
h6	{font-weight: bold; font-size:13px;}

a {color: #0060a1; text-decoration: none;}
a:hover {text-decoration: underline; }


.notop {margin-top:0;}
.nomargin {margin:0}

.emphasize {color:#fff;}
.currentpage {color:#f93; font-weight:bold; text-decoration:underline;}
.caption {
	color: black;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-variant: normal;
	}
div.leftcolumn p.caption {margin:5px 0 0 50px;}
div.rightcolumn p.caption {margin:5px 50px 0 0px;}

.next	{font-style: italic; text-align:right; 
	color: green; text-decoration:none;
	font-size:10px;}
.smalltext {
	color: black;
	font-size: 10px;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	font-variant: normal;
	}

.intro {font-size:13px; font-weight: bold;
	color: #0060a1; }
.question {color: red; margin-top:50px; 
	margin-bottom: 5px; }

.highlight	{
	color: red;
	}
.click
{
	color: red;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
}