.article .download {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
#nav ul.level-1 li ul {
    -moz-box-shadow: 1px 4px 8px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 4px 8px rgba(0,0,0,.3);
    -o-box-shadow: 1px 4px 8px rgba(0,0,0,.3);
    -khtml-box-shadow: 1px 4px 8px rgba(0,0,0,.3);
    box-shadow: 1px 4px 8px rgba(0,0,0,.3);
}
#page-wrapper {
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    -o-box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    -khtml-box-shadow: 0px 0px 12px rgba(0,0,0,.1);
    box-shadow: 0px 0px 12px rgba(0,0,0,.1);
}
body {
  width: 100%;
  background: #f3f3f3;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
}
#sidebar-nav ul.level-1 li a[rel=current] {
    -moz-box-shadow: 0px 4px 8px -6px rgba(0,0,0,.75);
    -webkit-box-shadow: 0px 4px 8px -6px rgba(0,0,0,.75);
    -o-box-shadow: 0px 4px 8px -6px rgba(0,0,0,.75);
    -khtml-box-shadow: 0px 4px 8px -6px rgba(0,0,0,.75);
    box-shadow: 0px 4px 8px -6px rgba(0,0,0,.75);
}
#sidebar-nav ul ul[rel=current] {
    -moz-box-shadow: inset 1px -3px 8px -6px rgba(0,0,0,.75) , inset 1px 3px 8px -6px rgba(0,0,0,.75);
    -webkit-box-shadow: inset 1px -3px 8px -6px rgba(0,0,0,.75) , inset 1px 3px 8px -6px rgba(0,0,0,.75);
    -o-box-shadow: inset 1px -3px 8px -6px rgba(0,0,0,.75) , inset 1px 3px 8px -6px rgba(0,0,0,.75);
    -khtml-box-shadow: inset 1px -3px 8px -6px rgba(0,0,0,.75) , inset 1px 3px 8px -6px rgba(0,0,0,.75);
    box-shadow: inset 1px -3px 8px -6px rgba(0,0,0,.75) , inset 1px 3px 8px -6px rgba(0,0,0,.75);
}
.crumbs {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#content {
  width: 100%;
  background: #FDFDFD;
}
#content-wrapper {
  width: 100%;
  overflow: hidden;
}
.lo-1t {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
.lo-1t:before {
	content: '.';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
#sidebar {
  float: left;
  width: 20%;
  background: #f3f3f3;
  padding-top: 32px;
}
#main-content-single-panel {
  float: left;
  width: 100%;
  background: #FFF;
}
#main-content {
  float: left;
  width: 80%;
  background: #FFF;
}
.ie6 #main-content {
  width: 79%;
}
#main-content{
  color: #000;
  background: #FFF;
}



.article {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  margin: 1em 3em;
  padding-bottom: 32px;
}
.bucket {
  margin: 0 1em;
}
.bucket .article {
  width: 283px;
  float: left;
  margin: 0 1em;
}
.contact-form h2,
.contact-info h2,
.bucket h2 {
  margin: 0 0 1em;
  padding: 0 0 .2em;
  border-style: solid;
  border-color: #d1d1d1;
  border-bottom-width: 1px;
}
.article img.head {
  margin: 0 0 1em;
  width: 100%;
}
.article span.deets {
  display: block;
  margin: 1em 0 0;
}
.article p.cat {
  margin: 0 0 2em;
}
.article h2.cat {
  margin: 1em 0;
}
.article h2.cat a {
  text-decoration: none;
  color: #283F86;
}
.article span.rarr:before {
  content: "  ";
}
.article span.rarr {
  color: #283F86;
}
.article img.unit {
  margin: 0 1em 1em;
}
.article img.inset {
  margin: 0 1em 1em 0;
  float: left;
}
.article h1 {
  letter-spacing: -1px;
  font-size: 2em;
  margin: 1em 0;
  padding: 0 0 .2em;
  border-style: solid;
  border-color: #d1d1d1;
  border-bottom-width: 1px;
}
.article h1, .article h2, .article th {
  color: #283F86;
  font-family: "Droid Sans", Helvetica, Arial, sans-serif;
}
.article h2 {
  font-size: 1.4em;
  margin: 0 0 .5em;
}
.article h4 {
  color: #283F86;
  font-weight: bold;
}
.article img.image-right {
  float:right;
}
.article img.image-left {
  float:left;
  padding-right: 2em;
}
.article ul {
  overflow: hidden; /* for opera */
  list-style-type: square;
  padding-left: 1.6em;
  font-size: 12px;
}
.ie6 .article ul {
  zoom: 1;
}
.article ul li {
  color: #283F86;
}
.article ul li ul li {
  color: #bdbdbd;
}
.article ul li ul {
  margin:0;
}
.article ul li div {
  color: #000;
}
.article form,
.article p, .article table, .article ul {
  font-size: 12px;
  color: #000;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1.6em;
  margin: 2em 0;
}
.article ul {
  margin: 0;
}
.article table.grid, .article .grid th, .article .grid td {
  border-color: #dcdcdc;
  border-style: solid;
  vertical-align: top;
}
.article table.grid {
  margin: 2em auto;
  border-width: 1px 1px 0 0;
  width: 95%;
}
.article .grid th, .article .grid td {
  border-width: 0 0 1px 1px;
}
.article .banner-container {
  display: table;
  xborder: 1px solid red;
}
.article .banner-row {
  display: table-row;
}
.article .banner-cell {
  display: table-cell;
  vertical-align: top;
  xborder: 1px solid red;
}

.article .download {
  background: #f3f3f3;
  padding: 16px;
  margin: 2em 0;
}
.article .download h3 {
  color: #283F86;
}
.article .download img.pdf-thumb {
  float: left;
  margin-right: 2em;
  width: 60px;
}
.article .download h3 {
  font-weight: bold;
}
.article .grid th {
  font-weight: xbold;
  background: #283F86;
  color: #EBE9E6;
}
.article .grid th, .article .grid td {
  padding: 8px;
}
.article a {
  color: #3859BD;
  text-decoration: none;
}
.article a:hover {
  text-decoration: underline;
}
.article a:active {
  text-decoration: none;
}
.article .category-item {
  margin: 2em 0;
}

.products_main td {
  padding: 0 16px 64px;
}
.products_main td > a {
  font-size: 12px;
  font-weight: bold;
}
.products_main td > a img {
  display: block;
  margin-bottom: 12px;
}
.products_main ul {
  margin-top: 12px;
}

div.about {
  width: 55%;
}

/* Micro-ClearFix [2011] */
/* For modern browsers */
.clear:before, .clear:after {
    content:"";
    display:table;
}
.clear:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }

.button-download-pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 14px;
    margin: 1em 0;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    background: #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#bdbdbd));
    background: -moz-linear-gradient(top, #FFF, #bdbdbd);
    background: linear-gradient(to bottom, #FFF, #bdbdbd);
    font: normal normal bold 12px arial;
    color: #3859BD;
    text-decoration: none;
    -moz-text-shadow: #FFF 0px 1px 1px;
    -webkit-text-shadow: #FFF 0px 1px 1px;
    -o-text-shadow: #FFF 0px 1px 1px;
    -khtml-text-shadow: #FFF 0px 1px 1px;
    text-shadow: #FFF 0px 1px 1px;
}
.button-download-pdf:hover,
.button-download-pdf:focus {
    border: 1px solid #000;
    background: #6B6B6B;
    background: -webkit-gradient(linear, left top, left bottom, from(#bdbdbd), to(#6B6B6B));
    background: -moz-linear-gradient(top, #bdbdbd, #6B6B6B);
    background: linear-gradient(to bottom, #bdbdbd, #6B6B6B);
    color: #FFF;
    text-decoration: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    -khtml-text-shadow: none;
    text-shadow: none;
}
.button-download-pdf:active {
    background: #bdbdbd;
    background: -webkit-gradient(linear, left top, left bottom, from(#6B6B6B), to(#bdbdbd));
    background: -moz-linear-gradient(top, #6B6B6B, #bdbdbd);
    background: linear-gradient(to bottom, #6B6B6B, #bdbdbd);
    color: #FFF;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    -khtml-text-shadow: none;
    text-shadow: none;
}
.button-download-pdf:before{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: -2px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACVklEQVQ4jYWTPWiTURSGn3u//KfERiVZdCkOFeqgk1OpUhR1EFqboWhBKE6KixTFHwzUWkUrSHUUERQ6OBZUaini4CJ00tLVQeyvSb8vTfJ991yH/JjYwTMeuM9573veowCu356cBU7zv7Kcmhy//q61peoAO5Efw/d9RAStNeFwGKUUADfuPGBkeJBXb95irT3z9cv7eUADogGstbiui+eVqFSqaO1gLYjY5qSD3Qe4MDyAMcFsd8/RASAClOsAQUSo+lVi8TgohViL2L8AYwyZvWkGz54kEo29BopzcwuEagDQWpNKdaKUbpuMU1M4dnMcay1KKcLhKHNzCwLUAEpBMpmk6htEBIwhcvwYiKH86TPXro4iYtDaIZ1Ocyv/qMnXNYBGa92ULZUKen0NyeVYXV/HK5Wp+EI0nsRxnLbF1BXU3G5Kj8Yw29usHj5CEAQ42iGV2oVSesdm2zpGBCOCv7HBZk8PduoxiNCRSoFSGJG2x/39fe0AEUvgBxSnn1KduE8olyObzzeNbTW3v79PA7FQKyBwt9hcXMR9Po1+MkV2335MyCF+cYTw0hKSzcL8R2xtvSmg2lRgymV+5M5RePmCxN08h0olMsvLJL59p9Dby4q7RTA0hDEG3680/JN6DizeVpFtR2NWV+g6P8Lab6+pLDF6icSVyxR+/sLb3GwoCIByHSDYSJSumRk6O9MU3Aq25b9uqULRLVH0yuwJ68bWdiYxm8mgtSYei7a5LSJ4nkdHbHf90P5JItgP9x4+O9HIQ2tZa2sKbS2xSmmUUs2T/gMeBihRxQ+b9QAAAABJRU5ErkJggg==") no-repeat left center transparent;
    background-size: 100% 100%;
}


#header {
  position: relative;
  padding: 1px 0 0;
  background: #fff url(//www.equator.my/image/background/banner-kl.gif) 100% 30% no-repeat;
}


#nav ul.level-1 li a[rel=current] {
  background: #3859BD;
  color: #FFFFFF;
}
/* Targeting both first and second level menus */
#nav ul.level-1 li {
	float: left;
	position: relative;
}
#nav ul.level-1 li a {
	background: #283F86;
	border: 1px solid #283F86;
	color: #EBE9E6;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
	display: block;
	margin: 0;
	padding: 8px 48px;
	text-decoration: none;
}
#nav ul.level-1 li a:hover {
	background: #6B6B6B;
	color: #FDFDFD;
}
#nav ul.level-1 li a:active {
  background: #FDFDFD;
  color: #6B6B6B;
}

/* Targeting the first level menu */
#nav ul.level-1 {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 1;
	border: 1px solid #283F86;
	background: #283F86;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
#nav ul.level-1:hover ul {
  display: none;
}

/* Targeting the second level menu */
#nav ul.level-1 li ul {
	background: #283F86;
  border-width: 1px;
  border-style: solid;
  border-color: #283F86;
  border-top-color: #2E468F;
  border-left-color: #2E468F;
	color: rgba(0,0,0,.3);
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
	display: none;
	margin: 0;
	width: 160px;
	position: absolute;
  top: 95%;
  z-index: 10;
}

#nav ul.level-1 li ul li {
	width: 100%
}
#nav ul.level-1 li ul li a {
	background: none;
	padding: 8px 16px;
}
#nav ul.level-1 li ul li a:hover {
	background: #6B6B6B;
}
#nav ul.level-1 li ul li a:active {
  background: #FDFDFD;
}

/* Third level menu */
#nav ul.level-1 li ul li ul{
	left: 99%; top: 0;
}
/* 4th level menu */
#nav ul.level-1 li ul li ul li ul {
	left: 99%; top: 0;
}
/* CSS fallback */
#nav ul.level-1 li:hover > ul {
	display: block;
}
#nav ul.level-2 li:hover > ul  {
	display: block;
}


#footer {
  background: #6B6B6B;
}
#footer {
  font-size:12px;
}
#footer .logo {
  margin: 8em 0 0 1em;
}
#footer .footer-box {
  float:left;
  margin:2em;
  width: 180px;
}
#footer .heading {
  font-size: 16px;
  font-weight: bold;
  color: #999;
  border-style: solid;
  border-color: #cc0000;
  border-width: 0 0 1px;
}
#footer li {
  padding: 4px 8px;
}
#footer li,
#footer ul {
  margin: .25em 0;
}
#footer .copyright {
  margin: .5em 2em;
  text-align: right;
  color: #999;
}
#footer a {
  text-decoration: none;
  color: #ccc;
}
#footer a:hover {
  text-decoration: underline;
}
#footer a:active {
  color: #fff;
  text-decoration: none;
}

div, li, p {
  line-height: 16px;
}
#page-wrapper {
  width: 960px;
  margin: 8px auto;
}



/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


#sidebar-heading {
  font-weight: bold;
}
#sidebar-heading, #sidebar-nav ul.level-1 li a {
    -moz-text-shadow: #FFF 0px 1px 1px;
    -webkit-text-shadow: #FFF 0px 1px 1px;
    -o-text-shadow: #FFF 0px 1px 1px;
    -khtml-text-shadow: #FFF 0px 1px 1px;
    text-shadow: #FFF 0px 1px 1px;
  text-align: center;
	color: #283F86;
	margin: 0;
	padding: 8px 32px;
  border-style: solid;
  border-color: #dcdcdc;
  border-width: 0 0 1px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

#sidebar-nav ul.level-1 li a[rel=current] {
  background: #FFF;
  color: #283F86;
  position: relative;/* stacking context */
  z-index: 10;
  border: none;
}
/* Targeting both first and second level menus */
#sidebar-nav ul.level-1 li {
	width: 100%;
	position: relative;
}
#sidebar-nav ul.level-1 li a {
	background: #f3f3f3;
  font-size: 12px;
	display: block;
	text-decoration: none;
}
#sidebar-nav ul.level-1 li a:hover,
#sidebar-nav ul.level-1 li ul a:hover {
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    -khtml-text-shadow: none;
    text-shadow: none;
	background: #3859BD;
	color: #FFF;
}
#sidebar-nav ul.level-1 li a:active,
#sidebar-nav ul.level-1 li ul a:active {
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    -khtml-text-shadow: none;
    text-shadow: none;
  background: #FFF;
  color: #3859BD;
}

/* Targeting the first level menu */
#sidebar-nav ul.level-1 {
  padding: 0;
  margin: 0;
  width: 100%;
  position: relative;
  z-index: 1;
  border: none;
	xborder: 1px solid #FFF;
	background: #f3f3f3;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
#sidebar-nav ul ul {
  display: none;
}

#sidebar-nav ul ul[rel=current] {
  background: #dcdcdc;
  display: block;
  position: relative;
  z-index: 3;
  xpadding: 8px 0;
}

/* Targeting the second level menu */
#sidebar-nav ul.level-1 li ul a {
  background: none;
	color: #283F86;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border-style: solid;
  border-color: #d1d1d1;
  border-width: 0 0 1px;
}

.jcarousel-container {
  position: relative;
  border-width: 1px 0;
  border-style: solid;
  border-color: #dcdcdc;
}
.jcarousel-prev:hover, .jcarousel-next:hover {
  color: white;
}
.jcarousel-prev, .jcarousel-next {
  visibility: hidden;
  top: 50px;
  width: 22px;
  height: 22px;
  background: #283F86;
  color: #EBE9E6;
  font-family: sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
.jcarousel-container .jcarousel-next {
  position: absolute;
  right: -30px;
}
.jcarousel-container .jcarousel-prev {
  position: absolute;
  left: -30px;
}
.jcarousel {
  position: relative;
  overflow: hidden;
  height: 128px;
}

.jcarousel ul {
  display: table;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.jcarousel li {
  float: left;
  margin: .3em;
}
.jcarousel li:hover {
  position: relative;
  top:-2px;
}
.jcarousel img {
  xborder-radius: 50%;
  box-shadow: 0 0 .3em rgba(0,0,0,.3);
}



.crumbs {
  color: #283F86;
  background: #f3f3f3;
  margin: 1em 3em 0;
  padding: 8px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 12px;
    -moz-text-shadow: #FFF 0px 1px 1px;
    -webkit-text-shadow: #FFF 0px 1px 1px;
    -o-text-shadow: #FFF 0px 1px 1px;
    -khtml-text-shadow: #FFF 0px 1px 1px;
    text-shadow: #FFF 0px 1px 1px;
}
.crumbs a {
  color: #283F86;
  text-decoration: none;
}
.crumbs a:hover {
  text-decoration: underline;
}
.crumbs a:active {
  text-decoration: none;
}
.crumbs span {
  margin: 0 .5em;
}


#contact-left {
  float: left;
  width: 50%;
}
#contact-right {
  float: left;
  width: 50%;
  background: #f3f3f3;
}