html, body { padding:0; margin:0; background: #161616 url('/im/bg.jpg') repeat-y center; height: 100%; font-family: Helvetica, Arial, sans-serif; color: #7D7D7D; font-size: 12px;}
body a { text-decoration: none; color: #84c100; }
body a:hover { text-decoration: underline; }
img { border: none; display: block; }

h1 { font-size: 19px; font-weight: normal; color: #7d7d7d; margin: 0px; }
h2 { font-size: 19px; font-weight: normal; color: #ffffff; margin: 0px; }
h3 { font-size: 16px; font-weight: normal; color: #7d7d7d; margin: 0px; }
h4 { font-size: 12px; font-weight: normal; color: #4b4b4b; margin: 0px; }

.hr { background-color: #e2e2e1; height: 1px; margin: 0px; padding: 0px;}
.hrWide { background-color: #e2e2e1; height: 4px; margin: 0px; padding: 0px;}

/*p { color: #646464; font-size: 12px; margin: 10px 0px 10px 0px; }*/
p { color: #7D7D7D; font-size: 12px; line-height: 16px; margin: 10px 0px 10px 0px; }
p a { text-decoration: none; color: #84c100; }
p a:hover { text-decoration: underline; }
p.light { color: #969696; }

form, input { margin: 0px; padding: 0px; }

#page { width: 955px; height:auto !important; height:100%; min-height:100%; margin:0 auto; background: #f5f0f3; }
#content { width: 955px; margin: auto; padding-bottom: 98px; background: url('/im/f_bg.jpg') repeat-x bottom left; }

.noDisplay { display: none; }

/* Menu */
#menu { }
#menu ul { list-style: none;margin: 0px 0px 0px 0px ;padding: 0;float: right; }
#menu li { display: inline; float: left; }
/* For Rollovers */
#menu li a { float: left; display:block; height: 40px; }
#menu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menu li a:hover { visibility:visible; }
#menu li a:hover img { visibility:visible; }
#menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#searchField { width: 113px; height: 13px; margin: 0; padding: 15px 30px 12px 20px; background: url('/im/nav2/nav_search.jpg'); border: 0; }
/* Buttons */
#navProd { background:url(/im/nav2/fr/nav_prod_o.jpg) no-repeat left bottom; }
#navPort { background:url(/im/nav2/fr/nav_port_o.jpg) no-repeat left bottom; }
#navLand { background:url(/im/nav2/fr/nav_land_o.jpg) no-repeat left bottom; }
#navDist { background:url(/im/nav2/fr/nav_dist_o.jpg) no-repeat left bottom; }
#navInfo { background:url(/im/nav2/fr/nav_info_o.jpg) no-repeat left bottom; }
#navPlan { background:url(/im/nav2/fr/nav_plan_o.jpg) no-repeat left bottom; }
/* End Menu */
.navLink, .navLink a { font-size: 11px; }
#proConsoBtn { background: url(/im/fr/h_pro_o.jpg) no-repeat left bottom; }

/* Roll over buttons */
.ro a { float: right; display:block;  }
.ro a img {  border:none; vertical-align:bottom; /* for IE6 */}
.ro a:hover { visibility:visible; }
.ro a:hover img { visibility:visible; }
.ro a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* Common */
#headTable { background: url('/im/h_bg2.jpg') #FFFFFF; background-repeat: repeat-x; }
.greenLink, .greenLink a { color: #646464; text-decoration: none; }
.greenLink a:hover, a.greenLink:hover { color: #84c100; }
.greenLinkActive, .greenLinkActive a { text-decoration: underline; }
a.greenLinkNUS:hover { text-decoration: none; }

/* Left Column */
#lc_td { background-color: #e6e6e6; }
#lc_top { line-height: 51px; color: #FFFFFF; height: 51px; padding-left: 30px; vertical-align: middle; background: url(/im/lc_top.jpg); }
#lc_selection { background: url(/im/fr/lc_selection_o.jpg) no-repeat left bottom; }
#lc { width: 235px; }
#lc ul { list-style: none; margin: 0; padding: 0; }
#lc li { font-size: 12px; }
#lc li a { display: block; line-height: 25px; height: 25px; width: 205px; padding-left: 30px; text-decoration: none; color: #828282; background: url(/im/lc_bg.jpg); }
#lc li a:hover { color: #FFFFFF; background: url(/im/lc_o.jpg); }
#lc li.lc_sel a, #lc li.lc_sel a:hover { color: #FFFFFF; background: url(/im/lc_sel.jpg); }
#lc li.lc_double a { display: block; line-height: 16px; height: 50px; width: 205px; padding-left: 30px; text-decoration: none; color: #828282; background: url(/im/lc_double_bg.jpg); }
#lc li.lc_double a span { display: block; color: #828282; padding-top: 9px; }
#lc li.lc_double a:hover { color: #FFFFFF; background: url(/im/lc_double_o.jpg); }
#lc li.lc_double a:hover span { color: #FFFFFF;  }
#lc li.lc_double_sel a, #lc li.lc_double_sel a:hover { background: url(/im/lc_double_sel.jpg); }
#lc li.lc_double_sel a span { color: #FFFFFF; }

#lc li.lc_double_dark div { display: block; line-height: 50px; height: 50px; width: 205px; padding-left: 30px; font-size: 14px; text-decoration: none; color: #fff; background: url(/im/lc_double_dark_bg.jpg); }
#lc li.lc_double_dark a { display: block; line-height: 50px; height: 50px; width: 205px; padding-left: 30px; font-size: 14px; text-decoration: none; color: #fff; background: url(/im/lc_double_dark_bg.jpg); }
#lc li.lc_double_dark a:hover { background: url(/im/lc_double_o.jpg); }
#lc li.lc_double_dark.lc_sel a, #lc li.lc_double_dark.lc_sel a:hover { background: #6cb000; }

/* Main content */
#m_title { background: url(/im/m_top.jpg); }
.imgBorder { background-color: #f0f0f0; padding: 10px;}

/* Home */
.homeButTitle { font-size: 14px; color: #7d7d7d; padding: 10px 0px; }
a.homeButLink { font-size: 12px; color: #7d7d7d; }
a.homeButLink:hover { font-size: 12px; text-decoration: none; }
.copyright { font-size: 11px; color: #646464; }

/* Product Categories */
.grayBar { background-color: #f5f5f5; }
.grayBar a { font-size: 12px; line-height: 25px; }
#cat_desc { line-height: 17px; }

/* Product List */
#prodList { width: 345px; }
#prodList ul { list-style: none; margin: 0; padding: 0; }
#prodList li { font-size: 12px; }
#prodList li a { display: block; line-height: 25px; height: 25px; width: 315px; padding-left: 30px; text-decoration: none; color: #828282; background: url(/im/prod_list.jpg); }
#prodList li a:hover { color: #FFFFFF; background: url(/im/prod_list_o.jpg); }
#prodList li.lc_sel a, #prodList li.lc_sel a:hover { color: #FFFFFF; background: url(/im/prod_list_sel.jpg); }
.prodListTitle { background: url(/im/prod_list_top.jpg); }

.pageProd { width: 955px; /*height:auto !important;*/ height:100%; min-height:100%; margin:0 auto; background: #f5f0f3; }
.contentProd { width: 955px; margin: auto; /*padding-bottom: 98px;*/ min-height: 100%; height: 100%; background: url('/im/f_bg.jpg') repeat-x bottom left; }
#prodListContainer { height: 100%; position: relative; }
#prodListScroll { height: 100%; width: 345px; position: absolute; overflow: auto; overflow-x: hidden; background: url(/im/prod_list_bg.jpg); }

.prodListIcon { font-size: 11px; color: #7d7d7d; }
#explain, #explain a { font-size: 11px; color: #969696; text-decoration: none; }
#explain a:hover { color: #84c100; text-decoration: underline; }

/* Product Details */
#prodSubNav { font-size: 12px; background-color: #555555; color: #FFFFFF; }
#prodSubNav a { display: block; color: #FFFFFF; text-decoration: none; line-height: 25px; height: 25px; padding: 0px 10px; }
#prodSubNav a:hover { background-color: #a7a7a7; }
#prodSubNav .subNavSel a, #prodSubNav .subNavSel a:hover { background-color: #84c100; }
#prodSubNav ul { list-style: none; margin: 0px; padding: 0px; }
#prodSubNav li { font-size: 12px; display: inline; }
#prodSubNav li a { float:left; background-color: #555555; }

ul.textList { list-style-type: disc; margin: 10px 0px; padding: 0px 0px 0px 16px;}
.textList li { color: #969696; font-size: 12px; line-height: 14px;}
#prodBackSelection { background: url(/im/fr/prod_back_selection_o.jpg) no-repeat left bottom; }

.prodSpec { color: #969696; font-size: 12px; }

/* Realizations */
.portSearch { font-size: 15px; color: #969696; }
#portPaging { width: 660px; text-align: center; font-size: 11px; }
#portPaging a.linkSel { color: #84c100; text-decoration: underline; }
#portPrev { background: url(/im/port_arrLeft_o.jpg) no-repeat left bottom; float: left; display: inline; }
#portNext { background: url(/im/port_arrRight_o.jpg) no-repeat left bottom; float: left; display: inline; }

/* Realizations details */
a.portProd { font-size: 12px; color: #7d7d7d; margin: 0px 0px 2px 0px; padding: 0; text-decoration: none;}
.portColor { color: #969696; }

/* Installers */
#installerForm { color: #646464; font-size: 12px; }
#installerForm input { width: 20px; vertical-align: middle; line-height: 12px; font-size: 12px; margin: 1px 0px;}
.formField { color: #969696; margin: 0px; }
.installerDetail { color: #FFFFFF; font-size: 12px; }
a.installerDetail { color: #FFFFFF;	font-size: 12px; text-decoration: underline; }
a.installerDetail:hover { color: #FFFFFF; font-size: 12px; text-decoration: underline; }
h2.installerDetail {	font-size: 18px;	color: #FFFFFF; font-weight: 500; margin-bottom: 0; text-decoration: none; }

/* Distributors */
p.distributor { color: #969696; line-height: 17px; margin: 0px 0px 1px 0px; }

/* Selection Help */
#prodSelForm { color: #646464; font-size: 12px; }
#prodSelForm input { width: 20px; vertical-align: middle; line-height: 12px; font-size: 12px; }
.prodSelQuestion { font-size: 12px; color: #7d7d7d; }
.prodSelProduct { font-size: 14px; color: #7d7d7d; }

/* Profile */
ul.profile { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E6461; }
ol.profile { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E6461; }

/* Guarantee */
#guaranteeRules h3 { background: url(/im/hr.jpg) repeat-x bottom; padding-bottom: 6px; margin-bottom: 6px;}
#guaranteeRules input { width: 20px; vertical-align: middle; line-height: 12px; font-size: 12px; }

/* Support */
#supportForm input { width: 100%; vertical-align: middle; line-height: 12px; font-size: 12px; }
.supportField { line-height: 25px; }
.supportField input { height: 16px; }

/* Product Index */
#prodIndex h4 { background: url(/im/hr.jpg) repeat-x bottom; padding-bottom: 6px; margin-bottom: 6px; }
#prodIndex h4 a { font-size: 12px; font-weight: normal; color: #4b4b4b; margin: 0px; }
#prodIndex h4 a:hover { color: #4b4b4b; text-decoration: underline; }
#prodIndex a { color: #969696; }
#prodIndex a:hover { color: #84c100; text-decoration: none; }

/* Color Guide */
#guideBack { background: url(/im/fr/color_guide_prodBack_o.jpg) no-repeat left bottom; }

/* 2010 Contest registration */
#contest2010Form input { width: 100%; }
#contest2010Rules h3 { font-size: 12px; font-weight: bold; margin: 15px 0px;}

/* 2011 Contest registration */
#contest2011Form input { width: 100%; }
#contest2011Rules h3 { font-size: 12px; font-weight: bold; margin: 15px 0px;}

/* Fundamentals */
#fundList { width: 345px; }
#fundList ul { list-style: none; margin: 0; padding: 0; }
#fundList li { font-size: 12px; }
#fundList li a { display: block; line-height: 25px; height: 25px; width: 315px; padding-left: 30px; text-decoration: none; color: #828282; background: url(/im/prod_list.jpg); }
#fundList li a:hover { color: #FFFFFF; background: url(/im/prod_list_o.jpg); }
#fundList li a em { display: block; float: left; height: 25px; width: 14px; font-style: normal; font-weight: normal; }

#fundList li.fundListItemDouble a { display: block; line-height: 16px; height: 50px; width: 315px; padding-left: 30px; text-decoration: none; color: #828282; background: url(/im/fund_list_double.jpg); }
#fundList li.fundListItemDouble a span { display: block; color: #828282; padding-top: 9px; }
#fundList li.fundListItemDouble a:hover { color: #FFFFFF; background: url(/im/fund_list_double_o.jpg); }
#fundList li.fundListItemDouble a:hover span { color: #FFFFFF;  }
.fundListTitle { background: url(/im/prod_list_top.jpg); }

#fundListContainer { }
#fundListScroll { width: 345px; overflow-x: hidden; background: url(/im/prod_list_bg.jpg); padding-bottom: 50px; }