* {
  margin:0;
  padding:0;
  border:0;
  text-align:left;
}
body{
  background: #ffffff;
  color:#252525;
  text-align:center;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 80%;
}
/* ------------------ LAYOUT POSITIONS ---------------------*/
#container{
  width:952px;
  margin:0 auto;
  text-align:left;
}
#areaheader {
  background: #B6CACE;
  height: 30px;
  border-bottom: 1px solid #B6CACE;
  margin-top:6px;
}
#areatopmenu {
  height:148px;
  border-bottom:3px solid white;
  width:952px;
  position:relative;
}
#areatop {
  border-top: 1px solid #688C94;
}
#areamain {
  float: left;
  padding:5px 0 10px 10px;
  margin:0;
  line-height: 1.5em;
}
div#colhack2 {
    margin: 0;
    padding: 0;
    width: 100%;
}
div#colhack1 {
  margin:0; padding:0; width:100%;
}
#arealeft {
  width:auto;
  float:left;
  margin:0 0 10px;
  padding:0;
}
#arearight, #arearightH {
  width:245px;
  float:right;
  margin:5px 0 10px;
  padding:0;
} 
#areafooter { clear:both; width:100%; overflow: auto;}
/* ------------------ MODULE POSITIONS FOR SEARCH, HEADER ---------------------*/
span.home-nav {
  width:300px;
  margin:5px 10px;
  float:left;
}
.home-nav a{
  font-size:1.2em;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}
/* ------- Search Menu --------- */

div.moduletablesearch {
  background: #B6CACE;
  margin-top:6px;
  margin-right:6px;
  float:right;
}
  div.moduletablesearch input.inputboxsearch {
    width:180px;
  }*html input.inputboxsearch{ height:19px; margin-top:-1px;}

  div.moduletablesearch input.buttonsearch {
    text-align:center;
    width:57px;
    border:none;
  }
/* ------- Contact Menu --------- */
div.moduletablecontact {
  padding:9px 20px 0 5px;
  font-size:0.9em;
  float:right; 
}
  #mainlevel li {
    float:left;
    padding-left:15px;
  }
  /* This was amended by Colin Ho 20090223 */
  #mainlevel li a:link, #mainlevel li a:visited, #mainlevel li a:active {
    color: #454545;
	display: block;
  }
/* - - - - - - - - - - - - - MODULE POSITIONS FOR LOGO & MAIN MENU  - - - - - - - - */
h1.logo {
  width:355px;
  height:125px;
  position:absolute;
  left:0;
  overflow:hidden;
  text-indent:-999em;
  background: url('../images/logo.png') no-repeat 1px 10px;
}
/* - - - - - - - - - - MAIN MENU - - - - - - - - - - */
#menulist_root {
  position:absolute;
  left:400px; top:0;
  text-transform:lowercase;
  font-size:12.5px;
  font-weight:normal;
  overflow:hidden; height:148px;
}
  #menulist_root ul, #menulist_root li, #menulist_root a { float:left; }
  #menulist_root ul ul, #menulist_root ul li, #menulist_root ul a,
  #menulist_root ul ul ul, #menulist_root ul ul li, #menulist_root ul ul a {
    float:none; color:#565656;
  }
  #menulist_root ul { margin-top:3px; line-height:13.1px; }
  #menulist_root ul ul{ margin-top:0; }
  li#menuitem_1 { width:141px; }
  li#menuitem_2 { width:177px; }
  li#menuitem_3 { width:128px; }
  li#menuitem_4 { width:103px; }
  
  span.mainlevel, span.mainlevel_active {
    color:#8F9826;
    border-left:1px solid #688C94;
    padding-left:12px;
  }
  a.sublevel, a.sublevel_current, li.sublevel span.sublevel,
  li.sublevel_active span.sublevel_active, li.sublevel li.sublevel,
  li.sublevel_active li.sublevel_current, li.sublevel_active li.sublevel {
    border-left:none;
    font-size:11px;
    padding-left:14px;
  }
  span.mainlevel_active, span.sublevel_active, li.sublevel_current { font-weight:bold; }
  li.sublevel_active, li.sublevel_active {
    background:transparent url('../images/icons/small-yellow-bullet.png') no-repeat 2px 4px;
  }
  /* Sub sub menu */
  li.sublevel_active li.sublevel, li.sublevel li.sublevel {
    background:transparent url('../images/icons/grey-sq-bullet.png') no-repeat 16px 4px;
  }
  li.sublevel_active li.sublevel_current {
    background:transparent url('../images/icons/blue-sq-bullet.png') no-repeat 16px 4px;
  }
  li li li a.sublevel:link, li li li a.sublevel:visited, li li li a.sublevel:active,
  li li li a.sublevel_current:link, li li li a.sublevel_current:visited,
  li li li a.sublevel_current:active {
    font-weight:normal; color:#909090;
  }
  li li li a.sublevel_current:link, li li li a.sublevel_current:visited,
  li li li a.sublevel_current:active {
    color:#83B3BF; font-weight:bold;
  }
/* - - - - - - - - - - - - - MODULE POSITIONS FOR TOP BANNER  - - - - - - - - */
#areatop .moduletablerotator {
  width:952px; overflow:hidden; display:block; position:relative;
}
#areatop .moduletablerotator ul.rotator {
  position:relative; top:0; left:0; margin:-5px 0 0 !important; padding:0;
}
/* - - - - - - - - - - SERVICES - LEFT SIDE [HOME]  - - - - - - - - */
.modulescv {
  background:#fff url('../images/bg/service-home-bg.png') repeat-y;
  position:relative;
}
  .flexcontentscv {
    width:255px; position:relative;
  }
  .flexcontentitemscv {
    width:255px; z-index:1;
  }
  .flexcontentscv li {
    background:transparent url('../images/icons/blue-bullet.png') no-repeat 5px 10px;
    margin:0;
    border-top:1px solid #fff;
    padding:7px 5px 10px 25px;
    font-size:0.9em;
    line-height:1.2em;
  }
  .flexcontentscv li h3 {
    margin:0; padding:0;
    font-size:1.1em;
    line-height:1.5em;
  }
  .flexcontentscv li h3 a:link, .flexcontentscv li h3 a:visited,
  .flexcontentscv li h3 a:active {
    color:#336699;
  }

/* - - - - - - - - - MODULE UPDATEs, PROJECTS & LOGIN - - - - - - - - - */
.moduletableupdates, .moduletableproject, .moduletablelogin, .moduletableprojectrent{
  font-size:1em;
  margin-bottom:15px;
}
  .moduletableupdates h3, .moduletableproject h3, .moduletablelogin h3,
  .moduletablevm h3, .moduletableprojectrent h3 {
    background:#FDE201;
    color:#403D3C; font-size:1em;
    padding:0 0 1px 10px; margin:0;
    line-height:1.5em;
  }
  /* - - - - - - - - - -  UPDATEs LAYOUT  - - - - - - - - */
  .flexcontentitemupdates {
    padding:12px 10px 10px 5px;
    border-bottom:1px solid #ddd;
    display:block; height:79px;
    /*background:url('../images/icons/small-blue-bullet.png') no-repeat 10px 33px;*/
  }
  h3.flexcontentitemtitle {
    background:none;
    padding:0; margin-bottom:5px;
  }
    .flexcontentitemupdates p.flexcontentitemdate, table .product-date {
      padding:2px 0 0;
      font-size:0.9em;
      font-weight:normal;
      color:#D54803;
    }
    .flexcontentitemupdates a:link, .flexcontentitemupdates a:active,
    .flexcontentitemupdates a:visited {
      padding:3px 0;
    }
    .flexcontentitemupdates a.readon:link, .flexcontentitemupdates a.readon:active,
    .flexcontentitemupdates a.readon:visited {
      padding:10px 0 8px; display:block; font-size:0.85em;
    }
    
  /* - - - - - - - - - -  PROJECTs LAYOUT  - - - - - - - - */
    .moduletableproject table, .moduletableprojectrent table{
      font-size:1em;
    }
    .moduletableproject table tr.sectiontableentry1,
    .moduletableproject table tr.sectiontableentry2,
    .moduletableprojectrent table tr.sectiontableentry1,
    .moduletableprojectrent table tr.sectiontableentry2 {
        clear:both; padding:0; margin:0;
    }
    .moduletableproject table td, .moduletableprojectrent table td {
        display:block; float:left;
        border-bottom:1px solid #DDDDDD;
        padding:15px 2px 13px 5px;
    }*html table td.col { padding:15px 5px 13px 5px; }
    
    .moduletableproject td a img.thumb-img,
    .moduletableprojectrent td a img.thumb-img {
      border:1px #ccc solid; float:left;
      padding:0;  margin:0 10px 0 0; height:70px;
    }
    .moduletableproject span.product-name,
    .moduletableprojectrent span.product-name {
        float:left; display:block; width:210px;
    }
    
    #arearight .moduletableproject span.product-name,
    #arearight .moduletableprojectrent span.product-name { width:130px; }
    
    
    .moduletableproject span.product-name,
    .moduletableprojectrent span.product-name { height:60px; font-weight:bold;}
    
    .moduletableproject span.product-name a,
    .moduletableprojectrent span.product-name a { padding:0; margin:0 0 15px;  }

    .moduletableprojectrent table td { padding:10px 0 7px; }
    
    #arearightH img.thumb-img, div.cat-project .rowimage img {
      float:left; margin-right:10px;
      border:1px #ccc solid;
    }
    table img.thumb { border:1px #ccc solid; margin:0; }

    /* Latest Projects - homepage */
    #areamain .moduletableproject td { height:73px; }
    #areamain .moduletableproject span.product-name {
      padding:2px 0 0; line-height:1.5em;
    }
		
	span.product-date { display:none !important; }
    
  /* - - - - - - - - - -  LOGIN LAYOUT  - - - - - - - - */
    #usermenu, #rentalmenu {
      padding:10px 10px 0 15px;
      font-size:0.95em;
    }
    .moduletableproject table.admin {
      margin-top:10px; font-size:0.95em;
      padding:0 10px 0 15px;
    }
    .moduletableproject table.admin td {
      font-weight:1em;
      line-height:1.3em;
    }
  /* - - - - - - - - - -  VM Menu LAYOUT on the right - - - - - - - - */
  .moduletablevm table.admin { display:none; }
  ul.listvm {
    padding:10px 0 10px 10px;
    font-size:1em;
  }
  ul.listvm li { margin-bottom:5px; line-height:1.2em; }
  ul.listvm li.mainlevel { display:none; }
  ul.listvm li.cat0 { font-size:1.3em;display:block; }
  ul.listvm li.sublevel1 {
    padding-left:12px;
    background:transparent url(../images/icons/blue-plus.png) no-repeat scroll 0 4px;
  }
  ul.listvm li.sublevel2 {
    font-size:0.95em;
    padding-left:24px;
    background:transparent url(../images/icons/blue-sq-bullet.png) no-repeat scroll 12px 4px;
  }
  ul.listvm li.sublevel2 a { color:#7E7E7E; }
  ul.listvm li.sublevel3 {
    font-size:0.95em;
    padding-left:34px;
    background:transparent url(../images/icons/orange-li.gif) no-repeat scroll 19px -2px;
  }
    ul.listvm li.sublevel4 {
    font-size:0.95em;
    padding-left:40px;
    background:transparent url(../images/icons/orange-li1.gif) no-repeat scroll 33px 3px;
  }
  
  .moduletablevm ul#rentalmenu_level1 {padding-top:8px; }
  .moduletablevm ul#rentalmenu_level0 li  { font-size:1.1em; }
  .moduletablevm ul#rentalmenu_level1 li  { 
	font-size:1em; background-position:2px 5px; padding-left:13px;
  }
  
/* - - - - - - - - - - MODULE POSITIONS FOR FOOTER  - - - - - - - - */
.moduletablecopyright {
  font-size: 0.8em;
  color:#fff;
  padding:3px 10px;
  background-color:#B6CACE;
  width: 788px;
  float: left;
}
.moduletablecontactfooter {
  font-size: 0.8em;
  color:#fff;
  padding:3px 10px;
  background-color:#B6CACE;
  float: left; width:123px; 
}
.moduletableloginLink { float:none; display:block; clear:both; }
.moduletableloginLink a, .moduletableloginLink a:link, .moduletableloginLink a:visited {
  font-size:0.9em;
  color:#688C94;
  margin:3px 10px;
}
/* - - - - - - - - - - FOR PRODUCTs TABLE  - - - - - - - - */
table.product-detail { margin-left: }
table.product-detail td .sig {
  display:block;
}
table.product-detail td .sig .sig_cont{
  height:auto;
  margin:7px auto;
}
#back_button { margin-top:20px; }

#print { visibility:hidden; position:absolute; z-index:1;}

/* MODULES */
div.module { margin-top: 5px; }
div.module h3 {
  color: #8781BD;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  padding: 5px 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.3em;
  width: 100%;
  line-height:1.2em;
}
div.module div.contentitem h1 {
	font-size: 1.2em;
}
div.module div.contentitem a.contentpagetitle {
	background: url('../images/bullet.gif') no-repeat left 1px;
	padding-left: 24px;
	display: block;
	width: 100%;
	font-family: Trebuchet MS, Arial;
	font-size: 1.2em;
	font-weight: normal;
}
div.module .contentintro {
	display: block;
	margin-left: 24px;
}
div.module a.readon {  margin-left: 24px; }
div.module div.itemblock { margin-bottom: 15px;  }
/* - - - - - - - - - - - - - USER DETAIL & LOGIN  - - - - - - - - - - - -  */
#login .credentials, #login .contentdescription{
  margin-top:30px;
}
#login .row{
  margin:0 0 15px 5px;
}
#jumpto button { margin:0; padding:0; }
#login .lostpasssword, #login .register {
  margin:10px 0 10px 5px;
}
table.paramlist select.inputbox {   width:180px;  }
td.order select.inputbox { width:150px; }
td.display select.inputbox { width:40px; }
/* - - - - - - - - - - - - - - - - Search Page - - - - - - - - - - - - - - - */
#searchheading { margin-top:15px; }
#searchresults {
  margin-top:15px;
  line-height:1.35em;
  font-size:0.95em;
}
/* ~~ SEARCH Parameters ~~ */
#searchresults form .contentpaneopen div,
#searchresults .resultcounter {
  padding:0 0 10px;
}
.searchintro, .searchconclusion{   padding:9px 0 0;  }
#searchresults .inputbox { font-size:1em; }

.searchordering, #searchresults .resultcounter {
  border-bottom:1px dashed #464a52;
}
.searchintro b, .searchconclusion b{ color:#D54803; }
.searchconclusion img { position:relative; top:-5px;}

#searchresults div.searchordering .inputbox { width:115px; padding:0; }

/* ~~ SEARCH RESULTS ~~ */
#searchresults .contentpaneopen div.itemblock,
div.pagenav{ margin-top:15px; }
#searchresults .contentpaneopen .itemblock h2{
  font-size:1.1em; line-height:1.5em; color:#565656;
}
/* - - - - - - - - - - - - - - - - Contacts Page - - - - - - - - - - - - - - - */
.contact td { margin:0; padding:0; }
.contact td img {
  padding-left:5px;
  padding-top:5px;
}
form#emailForm { padding-left:15px; }
.contact_email textarea { font-size:1em; }
.contact_email .button { width:40px; text-align:center; }

/* - - - - - - - - - - - - - - - - SiteMap Page - - - - - - - - - - - - - - - */
.sitemap .contentpaneopen { margin-top:15px; margin-left:20px;}
.sitemap .contentpaneopen li { float:left; width:400px;}
.sitemap .contentpaneopen li li { float:none; }

/* Table Items */
table.xstbb td { padding:0 5px; }
table td { padding-bottom:5px; }
/* JOOMLA */
h1, h2, h3, h4, h5,h6, textarea { font-family: Trebuchet MS, Helvetica, sans-serif; }
ul { list-style-type: none; }
.clr {
  clear:both;display:block;
  height:1px;overflow:hidden;
  margin:0; padding:0;
}
.hide, hr { position: absolute; left: -9999em; clear:both; }

a:link, a:active, a:visited {
  color:#3B74AA;
  text-decoration: none ;
}
a:hover { text-decoration: underline; }
span.pathway {
  display:block;
  padding:10px 10px 5px;
  font-size:0.9em;
}
/* ~ ~ ~ ~ ~ ~ ~ CONTENT ITEM Tweaks ~ ~ ~ ~ ~ ~ ~ ~ */
div.blog, div.blogcareer, div.catlist, .credentials, div.contentitemservice {
  margin:0 5px 0;
}
/* ----------------- headers ------------------- */
div.blog h2, .blogcareer h2{
  font-size: 1.2em;
  margin-top: 15px;
}
div.blogdescription { margin:10px 0 15px; }
h1.componentheading, div.contentitem h1, h1.componentheadingcontact,
div.componentheading, table td h1.componentheading, h1.componentheadingcareer,
#login h2, h1.searchhead, h1.componentheadingservice {
  color:#FFF;
  background:#C2C3C3;
  font-size:1.6em;
  line-height:1.2em;
  padding:0 5px 2px;
  margin-bottom:5px;
}
div.contentitem h2, div.catlist h2, div.contentitem h4,
div.blogdescriptiontext h4 {
  /*background: url('../images/icons/yellow-bullet.png') no-repeat 1px 7px;
  padding-left:13px;*/
  margin:0;
  line-height:1.2em;
  font-size:1.2em;
}
div.catlist h2, div.contentitem h4, div.blogdescriptiontext h4 {
  color:#D54803;
}
div.contentitem h2 a.contentpagetitle,
div.rowdetails h3 a {
  text-transform:none;
  display: block;
  color:#D54803;
  border: 1px solid #fff;
}
h5 { font-size:1em; font-weight:bold; }
/* EDit, Print & Email Button */
div.contentitem { text-align:right; }
div.contentitem  table.contentpaneopen  { text-align:left; width:99%; }
div#areamain a.tool_icon { position:relative; z-index:100;}
div#areamain a.tool_icon img { margin:5px 2px 5px 3px; }
div#areamain div.blog div.contentitem a.tool_icon img,
div#areamain div.blogcareer div.contentitem a.tool_icon img { margin:0;}
/* HTML TOolBar Button */
table#toolbar a { text-align:center; }
table#toolbar a img { margin:2px auto; }
/* - - - - - - - - - Content spacing - - - - - - - - - */
.contentintro {
  padding:20px 0 5px;
}
.blog .contentintro, .blog .contentfull,
.blogcareer .contentintro, .blogcareer .contentfull {
  padding:15px 0 5px;
}
.blogintro .contentintro, .blogintro .contentfull {
  padding:10px 0 5px;
}
.blogintro .contentitem {
  border-bottom:1px solid #D9D9D9;
  padding-bottom:5px;
}
.contentitem .credentials {
  padding:10px 0 0 0;
  margin:0;
  font-size:0.9em;
  color:#D54803;
}
.contentintro ul, .contentfull ul { padding-left:12px; }
.contentintro ul li, .contentfull ul li{
  background:url('../images/icons/orange-bullet.png') no-repeat 0 9px;
  position:relative;
  padding:2px 0 5px 12px;
}
.contentintro ol, .contentfull ol {
  position:relative;
  padding:2px 10px;
  margin:0 15px;
}
.contentintro ol li, .contentfull ol li {
  position:relative;
  padding:2px 0;
  margin:0 5px;
}
.blogpagination, .blogpaginationcounter {
  font-size:0.9em;
  text-align:center;
}
.blogpagination {margin-top:10px;}

.inputbox, input.inputboxsearch {
  border: 1px solid #CBCBCB;
  color: #555;
  background: #EEE;
  font-size:0.95em;
  padding:2px 3px;
}
input.button, input.buttonsearch {
  background: url('../images/topmenu/search-but-bg.png') repeat-x;
  color: #555; cursor:pointer;
  height:20px; text-align:center;
  font-size:0.9em; font-weight:bold;
  text-transform:uppercase;
  font-family:helvetica;
  vertical-align:top;
  border:1px solid #A4A4A4;
}
a.readon {
	text-transform: uppercase;
	font-size: 0.9em;
}
/* - - - - - - - - - - - - - Facile Forms  - - - - - - - - - - - -  */
.contentitemcareer iframe { border:1px solid #444; padding:10px; }
.content_outline select {
  font-size:1.2em;
}

/* - - - - - - - - - - - - - VIRTUEMART CONFIG  - - - - - - - - - - - -  */
/* NAvigation >> Next >> Results */
span.pagecount, span.cat-links {
  background:url('../images/bg/nav-bg.png') repeat-x;
  display:block; border:1px solid #BABABA;
  width:150px; height:22px; text-align:center;
  margin:0 0 10px; padding:2px 0 0;
  float:left; line-height:1.7em;
}
span.cat-links { margin:5px 0 10px 5px; width:650px; }
*html span.display { height:26px; width:155px; }

span.nav { width:345px; position:relative; }
span.pagecount.end { width:95%; }
/* ~ ~ ~ ~ Categories Page ~ ~ ~ ~ */
div.catlist { margin-bottom:15px; }
table td.catcol {
  text-align:center;
  padding:5px;
  line-height:1.2em;
  font-weight:bold;
  border-bottom:1px #E2EAF0 solid;
  background:#F3F6F9;
  vertical-align:top;
  display:table-cell;
}
table td.catcol img.catimg {
  padding:5px;
  background:#fff;
  border:1px #E2EAF0 solid;
  margin-bottom:10px;
}
div.catcol a img {
  padding:0; margin:0;
}
div.catcol span { display:block; }
.rowimage, .rowdetails { float:left; }
.rowimage { width:22%; }
.rowdetails { width:75%; }
.rowdetails h3 {
  padding-top:5px;
  font-size:1.2em;
}
form.order{
  padding:0; margin:0;
  text-align:center;
  width:680px; 
}
div.cust-note textarea { border:1px #C9C9C9 solid; }
div.cust-note input {
  margin-top:20px;
  margin-left:150px;
  width:120px;
}
#searchresults div.resultcounter .inputbox,
form select.inputbox { padding:0; }

form select.inputbox { font-family: "trebuchet MS"; font-size: 0.95em; }
div.componentheading { margin-bottom:20px; }
a img {  margin:5px 0 0; }
div.message {
  border: 1px dashed #666;
  margin: 15px 0;
  padding: 15px;
  color: #A5CEE6;
  font-size: 1.4em;
}
/* Login Footer */
#mainlevel li a.level0_login:active, #mainlevel li a.level0_login:link,
#mainlevel li a.level0_login:hover, #mainlevel li a.level0_login:visited {
    color:#FFF;
}
/* need below for IE */
table {
 color: #252525;
 font-size: 1em;
 line-height: 1.5em;
}
/* Editing mode [pulish panel] */
#images-page table, #publish-page table, #meta-page table {
 color: #333;
 font-size: 1em;
 line-height: 1.5em;
}
#images-page .button, #publish-page .button, #meta-page .button{
  background-color:#eee;
  cursor:pointer;
  border:1px #222 solid;
  padding:1px 3px;
  font-size:0.9em;
}
/* Email Page */
.formelm { margin:10px 0 0; }
.emailform { margin-bottom:20px; }

/* Flags - Added by Colin Ho 20090526 */
.level0_20013222693259331449 span {
background: transparent url(http://www.cityneon.net/site/images/stories/flag-cn.jpg) no-repeat scroll 55px 0pt; width: 80px; display: block; font-size:1em;
}*html a.level0_20013222693259331449 span { font-size: 10px; }

.level0_malaysia span {
background: transparent url(http://www.cityneon.net/site/images/stories/flag-my.jpg) no-repeat scroll 55px 0pt; width: 80px; display: block; font-size:1em;
}*html a.level0_malaysiasite span { font-size: 10px; }