@charset "utf-8";
/**************************************
   Powered by OrangeSoft Sdn Bhd 2011 
 **************************************/
body { margin:0; padding:0; width:100%; background: #454545 url(../../images/background_bg.gif) repeat-x top left; }
html { padding:0; margin:0; font: normal 13px Arial, Helvetica, sans-serif; color: #333333; }

a { color: #04547d; text-decoration:none; -webkit-transition: color 360ms ease-in-out; -webkit-transition: color 360ms ease-in-out; -o-transition: color 360ms ease-in-out; }
a:hover { text-decoration:underline; }
p { line-height: 20px; margin: 0 0 1.3em; }
img { margin: 0px; padding: 0px; }

/* Header font-size */
h1 { font-size: 200%; }
h2 { font-size: 183%; }
h3 { font-size: 166%; }
h4 { font-size: 150%; }
h5 { font-size: 133%; }
h6 { font-size: 116%; }
h1, h2 { font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { color: #000000; margin: 0 0 0.5em 0; padding: 0; line-height: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333333; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; font-size: 0.7em; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Listing */
ul li { margin: 0; padding: 0; }
ul, ol { margin: 0.5em 0 1.5em 1.5em; padding-left: 20px; }
ol { list-style-type: decimal; }
ol ol { list-style:lower-latin; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-latin; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 1.5em; }
dt { font-weight: bold; }
dd { margin-bottom: 1.5em; }

/* Table */
th { font-weight: bold; }
th,td { padding: 2px 8px 2px 5px; }
tr.even { background: #efefef; }

/* Form */
form { margin: 0; padding: 0; }
input { background: #fff; margin: 5px 0px; padding: 0px 8px; line-height:25px; color: #666; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #bbb; height: 25px; }
input.radio { height: inherit; background: none; border: none; }
input.checkbox { height: inherit; background: none; border: none; }
input.file { line-height: 25px; height: inherit; padding: 1px 1px 2px; border: 1px solid #bbb; background: #fff; }
textarea { margin: 5px 0px; padding: 0px 8px; line-height: 21px; color: #666; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #bbb; }

small { font-size: 11px; }
code, pre { font-family: "Courier New", Courier, Monaco, "Lucida Console", monospace; overflow: auto; background-color: #F7F7F7; }
pre { padding: 1em; line-height: 1.5em; border-width: 1px; border-style: solid; border-color: #ddd; margin: 1.5em 0; border-radius: 5px; -moz-border-radius: 5px; }
hr { border: none; border-top: 1px solid #ccc; margin: 1.2em 0; }
blockquote { background: url(../../images/bq_left.png) no-repeat left top; padding: 10px 15px; margin: 0 3em 1em; font-size: 1em; text-indent: 2em; font-style: italic; }
blockquote > div { background: url(../../images/bq_right.png) no-repeat right bottom; padding-bottom: 0.1em; }
abbr, acronym { cursor: help; border-bottom: 1px dotted #888; }

.clr { clear:both; margin: 0; padding: 0; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.nojustify { text-align: left; }
.small { font-size: 11px; }


/********** Layout **********/ 
#container { margin: 0; padding: 0; width: 100%; }

/*** Header ***/
#header { margin: 0 auto; padding: 0; }
.hd_wrapper { margin: 0 auto; padding: 0; width: 960px; }

/* Logo */
.logo { margin: 0; padding: 25px 0px 15px; float: left; width: 260px; height: 60px; }
.logo img { margin: 0; padding: 0; border: 0; }

/* Top Panel */
.toppanel { margin: 0; padding: 25px 0px 15px; float: left; width: 700px; height: 60px; }
#search-theme-form { margin: 0; padding: 15px 0; float: left; width: 100%; height: 30px; line-height: 30px; }
#search-theme-form #search { margin: 0; padding: 0; float: right; }
#search-theme-form #search .form-item { display: block; float: left; padding: 0; height: 30px; margin:0; }
#search-theme-form #search input { border: none; border-radius: 0; -moz-border-radius: 0; box-shadow: 1px 1px 1px #121212; -moz-box-shadow: 1px 1px 1px #121212; text-shadow: 1px 1px #383838;}
#search-theme-form #search .form-text { width: 150px; height: 28px; float: left; border: 0; padding: 0 0 0 10px; margin: 0; color: #ffffff; border: 1px solid #636161; border-right: none; background: #565656; }
#search-theme-form #search .form-submit { margin: 0; padding: 0; float: left; width: 50px; height: 30px; color: #ccc; background: #2e2e2e; border: 1px solid #636161; border-left: none; text-shadow: 1px 1px #222; }
#search-theme-form #search .form-text { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; 
-moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#search-theme-form #search .form-submit { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

/* Navigation original */
/*.navigation { margin: 0; padding: 0; float: left; width: 960px; background: url(../../images/nav_bg.gif) repeat-x left top; }
.navigation ul { margin: 0; padding: 0; float: left; width: 100%; }
.navigation li { float: left; margin: 0; padding: 0; background: url(../../images/nav_spr.gif) no-repeat right top; }
.navigation li.first {  }
.navigation li.last { background: none; }
.navigation li a, .navigation li span { float:left; font-size: 12px; color: #FFFFFF !important ; display: block; line-height: 40px; height: 40px; margin: 0px 2px 0px 0px; padding: 0px 22px 0 22px; text-transform: uppercase; font-weight: bold; border:none; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{ background:none ;}
.navigation li:hover a:hover { text-decoration: none; background: url(../../images/nav_bg2.gif) repeat-x top center; }
.navigation li li:hover a:hover{ background:none;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{ z-index:999;}
.sf-menu li li { background:none;}*/

/* Navigation */
.navigation { margin: 0; padding: 0; float: left; width: 960px; background: url(../../images/nav_bg.gif) repeat-x left top; }
.navigation ul { margin: 0; padding: 0; float: left; width: 100%; }
.navigation li { float: left; margin: 0; padding: 0; background: url(../../images/nav_spr.gif) no-repeat right top; }
.navigation li.first {  }
/*.navigation li.last { background: none; }*/
.navigation li.last { background: none; }
/*.navigation li a, .navigation li span { float:left; font-size: 12px; color: #FFFFFF !important ; display: block; line-height: 40px; height: 40px; margin: 0px 2px 0px 0px; padding: 0px 22px 0 22px; text-transform: uppercase; font-weight: bold; border:none; }*/
.navigation li a, .navigation li span { float:left; font-size: 12px; color: #FFFFFF !important ; display: block;  margin: 0px 0px 0px 0px; padding: 13px 22px 13px 25px; text-transform: uppercase; font-weight: bold; border:none; line-height:14px; }
/*.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{ background:none;}*/
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{ text-decoration: none; background: url(../../images/nav_bg2.gif) repeat-x top center;}
.navigation li:hover a:hover { text-decoration: none; background: url(../../images/nav_bg2.gif) repeat-x top center; }
/*.navigation li li:hover a:hover{ background:none;}*/
.navigation li li:hover a:hover{ background:#002738;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{ z-index:999;}
/*.sf-menu li li { background:none;}*/
.sf-menu li li { background:#014d6f;}
/***add***/
.sf-menu li li:hover, .sf-menu li li.sfHover{ background:#002738;}
.navigation li li.last { background: #014d6f; }
.navigation li:hover .nolink:hover { text-decoration: none; background: url(../../images/nav_bg2.gif) repeat-x top center; }
.sf-menu li li li { background:#014d6f;}
.navigation li li li:hover a:hover{ background:#002738;}
.navigation li li a, .navigation li li span { padding:10px 22px; text-transform:none;}
.navigation li li li a, .navigation li li li span { padding:10px 22px !important; text-transform:none;}


/*** Banner ***/
#banner { margin: 0; padding: 0; position: relative; overflow: hidden; height: 308px; }
#banner .bn_wrapper { margin: 0 auto; height: 308px; width: 960px; padding: 0; position: relative; }
#banner .slideshow { margin: 0 auto; padding: 0; width: 960px; }
#banner .carousel_mask { position: absolute; top: 0px; width: 100%; display: block; height: 308px; background: url(../../images/carousel_mask.png) no-repeat top center; } 
#banner .thumbs { position: absolute; bottom: 10px; left: 10px; z-index: 101; }
#banner .thumbs a { margin: 0px 5px 0px 0px; padding: 10px; height: 10px; width:10px; line-height:10px; text-align:center; background: url(../../images/bullets.png) no-repeat top center; display: block; float:left; font-weight: bold; color: #333; }
#banner .thumbs a:hover { text-decoration: none; }
#banner .thumbs a.active { background-position: 0px -30px; color: #fff; }

/*** Body ***/
#body { margin: 0; padding: 0; background: url(../../images/bd_btmbg.gif) repeat-x left bottom; }
.bd_wrapper { margin: 0 auto; padding: 0; width: 960px; border: none; }
.bg_resize { margin: 0 auto; padding: 15px; float: left; width: 930px; background: #e4e2e2; }
.main,.subpage { float: left; background: url(../../images/bg_resize.png) repeat-y left top; }

/** Left Content **/
.left_content { float: left; width: 630px; margin: 0px; padding: 0px; }
.left_content .block { margin: 0px 0px 15px; padding: 0px; float: left; width: 615px; }
.left_content .title{ background: url(../../images/title_bg1.gif) no-repeat left top; width: 600px; margin: 0px; padding: 9px 5px 11px 10px; height: 23px; color: #ffffff; text-shadow: 1px 1px #222; text-transform: uppercase; font-size: 15px; }
.left_content .block .body { float: left; width: 605px; margin: 0px; padding: 5px; }
.left_content .block .body .prod_box { margin: 0px; padding: 0px; float: left; }
/* subpage */ .subpage .left_content .block .body .prod_box { border-bottom: 1px dashed #aaa; margin-bottom: 15px; padding-bottom: 10px; }
.left_content .block .body .prod_box .imgblk { margin: 0px; padding: 0px; float: left; height: 175px; width: 150px; }
.left_content .block .body .prod_box .textblk { margin: 0 0 0 15px; padding: 0px; float: left; width: 440px; }
.left_content .block .body .prod_box .title { margin: 0px; padding: 10px 0 5px; background: none; float: left; width: 100%; color: #000000; text-shadow: 1px 1px #f5f5f5; text-transform: none; }
.left_content .block .body .prod_box .title a { color: #04547d; font-size: 18px; }
.left_content .block .body .prod_box .title a:hover { text-decoration: none; color: #111111; }
.left_content .block .body .prod_box .description { float: left; margin: 0px 0px 10px; padding: 0px; width: 100%; font-size: 12px; line-height: 17px; }
.left_content .block .body .prod_box .buttonbox { margin: 0px; padding: 0px; float: left; width: 100%; text-align: right; }
.left_content .block .body .prod_box .buttonbox img { margin-right: 5px; }

/* Latest News */
.left_content #block-views-News-block_1 .content .latestnews { float: left; width: 100%; margin: 0px; padding: 0px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk { padding: 0px 14px 0px 0px; float: left; width: 285px; border-right: 1px solid #CCCCCC; margin-bottom:5px; margin-right:15px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk.even { margin: 0; padding: 0; border: none; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .ndate { background: url(../../images/date_bg.gif) no-repeat center center; float: left; margin: 0px 10px 0px 0px; padding: 15px 18px 10px; width: 54px; height: 50px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .ndate .yy { text-align: center; font-size: 20px; font-weight: bold; color: #159a94; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .ndate .ddmm { color: #159a94; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .ntitle { margin: 0px; padding: 2px 0px 3px; float: left; width: 185px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .ntitle a { color: #04547d; font-size: 14px; font-weight: bold; line-height: 24px; text-shadow: 1px 1px #f5f5f5; text-decoration:none;}
.left_content #block-views-News-block_1 .content.latestnews .newsblk .ntitle a:hover { color: #111111; text-decoration: none; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .nbody { float: left; margin: 0px; padding: 0px; width: 185px; font-size: 12px; color: #0d0d0d; line-height: 17px; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .nbody span { text-shadow: 1px 1px #f5f5f5; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .nbody a { color: #04547d; }
.left_content #block-views-News-block_1 .content .latestnews .newsblk .nbody a:hover { color: #111111; text-decoration: none; }

/* Inside ( product details ) */
.left_content .block .body .prod_details { margin: 0px; padding: 0px; float: left; width: 605px; }
.left_content .block .body .prod_details .prodimg { margin: 0px 0px 15px; padding: 0px; float: left; width: 100%; }
.left_content .block .body .prod_details .ptitle { margin: 0px 0px 15px; padding: 0px 0px 5px; float: left; width: 100%; height: 25px; border-bottom: 1px solid #CCCCCC; color: #2c2c2c; font: normal 20px/25px "Myriad Pro"; box-shadow: 0px 1px 0px #f3f3f3; }
.left_content .block .body .prod_details .pintro { float: left; margin: 0px; padding: 0px; width: 100%; }
.left_content .block .body .prod_details .pintro img { float: right; margin: 0px 0px 0px 15px; padding: 0px; }
.left_content .block .body .prod_details ul { margin: 0px; padding: 0px; }
.left_content .block .body .prod_details li { float: left; margin: 0px 15px 0px 0px; padding: 0px 0px 0px 20px; background: url(../../images/list_01.gif) no-repeat left center; width: 185px; line-height: 24px; height: 24px; }

/** Right Content **/
.right_content { margin: 0px; padding: 0px 0px 0px 15px; width: 285px; float: left; }
.right_content .block { margin: 0px 0px 15px; padding: 0px; float: left; width: 285px; }
.right_content .block .title{ background: url(../../images/title_bg2.gif) no-repeat left top; width: 270px; margin: 0px; padding: 9px 5px 11px 10px; float: left; height: 23px; color: #FFFFFF; text-shadow: 1px 1px #222; text-transform: uppercase; font-size: 15px; }
.right_content #block-views-Testimonial-block_1 .views-field-field-tsexim-testimonial-photo-fid { float:left; }
.right_content #block-views-Testimonial-block_1 .views-field-teaser, .right_content #block-views-Testimonial-block_1 .views-field-title { float:left; width:180px; margin-left:10px; }
.right_content #block-views-Testimonial-block_1 .views-field-teaser span ,.right_content #block-views-Testimonial-block_1 .views-field-title span{ font-size:11px;}
.right_content #block-views-Testimonial-block_1 .more-link{ position:absolute; top:5px; right:5px;}
.right_content #block-views-Testimonial-block_1 .more-link a{ color:#FFF; font-weight:bold; text-decoration:none;}
.subpage
/* Main Page */ .main .right_content .block { margin: 0; padding: 0; }
.right_content #block-views-News-block_2 .latestnews { float: left; width: 100%; margin: 0px; padding: 0px; }
.right_content #block-views-News-block_2 .latestnews .newsblk { margin: 0px 0px 15px; padding: 0px 0px 15px; float: left; width: 285px; border-bottom: 1px solid #CCCCCC; }
.right_content #block-views-News-block_2 .latestnews .newsblk.last { margin: 0; padding: 0; border: none; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ndate { background: url(../../images/date_bg.gif) no-repeat center center; float: left; margin: 0px 10px 0px 0px; padding: 15px 18px 10px; width: 54px; height: 50px; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ndate .yy { text-align: center; font-size: 20px; font-weight: bold; color: #159a94; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ndate .ddmm { color: #159a94; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ntitle { margin: 0px; padding: 2px 0px 3px; float: left; width: 185px; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ntitle a { color: #159a94; font-size: 14px; font-weight: bold; line-height: 24px; text-shadow: 1px 1px #f5f5f5; }
.right_content #block-views-News-block_2 .latestnews .newsblk .ntitle a:hover { color: #111111; text-decoration: none; }
.right_content #block-views-News-block_2 .latestnews .newsblk .nbody { float: left; margin: 0px; padding: 0px; width: 185px; font-size: 12px; color: #0d0d0d; line-height: 17px; }
.right_content #block-views-News-block_2 .latestnews .newsblk .nbody span { text-shadow: 1px 1px #f5f5f5; }
.right_content #block-views-News-block_2 .latestnews .newsblk .nbody a { color: #07577d; }
.right_content #block-views-News-block_2 .latestnews .newsblk .nbody a:hover { color: #111111; text-decoration: none; }



/*** Footer ***/
#footer { margin: 0; padding: 0; background: #000; position:relative; }
#footer div, #footer p { color: #fff; font-size: 11px; }
#footer .ft_wrapper { margin: 0 auto; padding: 0px; width: 960px; }
#footer .ft_bottom { margin: 0; padding: 20px 0px 20px; float: left; width: 100%; height: 35px; }
#footer .ft_bottom #block-menu_block-1 { float: left; margin: 0px; padding: 0px; }
#footer .ft_bottom #block-menu_block-1 ul { margin: 0; padding: 0; float: left;  }
#footer .ft_bottom #block-menu_block-1 ul li { float: left; color: #FFFFFF; margin: 0px 7px 0px 0px; padding: 0px 6px 0px 0px; border-right: 1px solid #ccc; list-style:none;}
#footer .ft_bottom #block-menu_block-1 ul li.last { border-right: 0; }
#footer .ft_bottom #block-menu_block-1 li a, #footer .ft_bottom #block-menu_block-1 li span { color: #aaa; font-size:11px; text-decoration:none;}
#block-block-1 .last ul {  margin: 0; padding: 0; height: 20px; }
#block-block-1 .last ul li { float:left; padding: 0; border: none; margin:0px 2px 0px 0px; list-style:none; }
#block-block-1 .last a.facebook { background: url(../../images/icon_social.png) no-repeat 0px 0px; width: 20px; height: 20px; display:block; text-indent: -9999px; overflow: hidden; }
#block-block-1 .last a.rss { background: url(../../images/icon_social.png) no-repeat 0px -20px; width: 20px; height: 20px; display:block; text-indent: -9999px; overflow: hidden; }
#block-block-1 .last a.twitter { background: url(../../images/icon_social.png) no-repeat 0px -40px; width: 20px; height: 20px; display:block; text-indent: -9999px; overflow: hidden; }
#footer #block-block-3 { float: right; text-align: right; width:145px; height:20px; }
#block-block-5 { font-size:11px; float: right; width: 40%; height: 25px; line-height: 25px; text-align: right; margin: 0px; padding: 0px; } 
#block-block-5 a { color: #fff; font-size:11px; }
#block-menu_block-1{ height:20px;}
#block-block-2{ position:absolute; top:40px; width:260px;}
#block-block-1 { float:left; width:100px; height:20px;}
#block-block-1 .last{  float: left; color: #FFFFFF; margin: 0px 7px 0px 0px; padding: 0px 6px 0px 0px; list-style:none;}
#block-block-2 .last{  padding: 0; border: none; margin:0px 2px 0px 0px; list-style:none;}