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 */}
/* Buttons */
#navProd { background:url(/im/fr/nav_prod_o.jpg) no-repeat left bottom; }
#navReal { background:url(/im/fr/nav_real_o.jpg) no-repeat left bottom; }
#navPlan { background:url(/im/fr/nav_plan_o.jpg) no-repeat left bottom; }
#navInfo { background:url(/im/fr/nav_info_o.jpg) no-repeat left bottom; }
#navEntr { background:url(/im/fr/nav_entr_o.jpg) no-repeat left bottom; }
#navIndex { background:url(/im/fr/nav_index_o.jpg) no-repeat left bottom; }
#navCont { background:url(/im/fr/nav_cont_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_bg.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); }
/* 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 4px 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; }