html, body { padding:0; margin:0; background: #000 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: #e21023; }
body a:hover { text-decoration: underline; }
img { border: none; display: block; }

h1 { font-size: 19px; font-weight: normal; color: #ffffff; 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: #7D7D7D; font-size: 12px; line-height: 16px; margin: 10px 0px 10px 0px; }
p a { text-decoration: none; color: #e21023; }
p a:hover { text-decoration: underline; }
p.light { color: #969696; }

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

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

#page { width: 955px; height:auto !important; height:100%; min-height:100%; margin:0 auto; background: #131313; }
#content { width: 955px; margin: auto; padding-bottom: 60px; 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 */}
#menu a:active, #menu a:visited { color: #000; }

/* Buttons */
#navProd { background:url(/im/en/nav_prod_o.jpg) no-repeat left bottom; }
#navReal { background:url(/im/en/nav_real_o.jpg) no-repeat left bottom; }
#navInfo { background:url(/im/en/nav_info_o.jpg) no-repeat left bottom; }
#navEntr { background:url(/im/en/nav_entr_o.jpg) no-repeat left bottom; }
#navFtp { background:url(/im/en/nav_ftp_o.jpg) no-repeat left bottom; }
#navIndex { background:url(/im/en/nav_index_o.jpg) no-repeat left bottom; }
#navCont { background:url(/im/en/nav_cont_o.jpg) no-repeat left bottom; }
/* End Menu */
.navLink, .navLink a { font-size: 11px; }
#proConsoBtn { background: url(/im/en/h_cons_o.jpg) no-repeat left bottom; margin-right: 30px; }

/* 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_cb.jpg') #222 repeat-x; height: 123px; }
.greenLink, .greenLink a { color: #646464; text-decoration: none; }
.greenLink a:hover, a.greenLink:hover { color: #e21023; }
.greenLinkActive, .greenLinkActive a { text-decoration: underline; }
a.greenLinkNUS:hover { text-decoration: none; }
a.greenLinkUS { text-decoration: underline; }
.copyright { font-size: 10px; color: #646464; text-transform: uppercase; }

/* Left Column */
#lc_td { background-color: #252525; }
#lc_top { line-height: 51px; color: #FFFFFF; height: 51px; padding-left: 30px; vertical-align: middle; background: url(/im/lc_top.jpg); }
#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: #b4b4b4; 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) #1f1f1f repeat-x; }
.imgBorder { background-color: #f0f0f0; padding: 10px;}

/* Home */
h2.productName { font-size: 16px; font-weight: normal; color: #ffffff; margin: 0px; }
.homeButTitle { font-size: 11px; color: #6e6e6e; padding: 10px 0px; font-weight: bold; text-transform: uppercase; }
a.homeButLink { font-size: 11px; color: #6e6e6e; }
a.homeButLink:hover { font-size: 11px; text-decoration: none; color: #6e6e6e; }
.homeButTxt { margin:5px 5px 0 0; font-size: 11px; line-height: 14px; }
.homeBtnDiv { position: relative; cursor: pointer; }
#homeBtn1.homeBtn { background: url(/im/home_but_1.jpg) no-repeat; }
.homeBtn1Over { background: url(/im/home_but_1_o.jpg) no-repeat; }
#homeBtn2.homeBtn { background: url(/im/home_but_2.jpg) no-repeat; }
.homeBtn2Over { background: url(/im/home_but_2_o.jpg) no-repeat; }
#homeBtn3.homeBtn { background: url(/im/home_but_3.jpg) no-repeat; }
.homeBtn3Over { background: url(/im/home_but_3_o.jpg) no-repeat; }
#homeBtn4.homeBtn { background: url(/im/home_but_4.jpg) no-repeat; }
.homeBtn4Over { background: url(/im/home_but_4_o.jpg) no-repeat; }
#homeBtn5.homeBtn { background: url(/im/home_but_5.jpg) no-repeat; }
.homeBtn5Over { background: url(/im/home_but_5_o.jpg) no-repeat; }

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

/* Product common */
#lc_prod_pro { }
#lc_prod_pro a { color: #d7d7d7; text-decoration: none; font-size: 11px; text-transform: uppercase; }
#lc_prod_pro table { width: 100%; background: url(/im/lc_prod.jpg); }
#lc_prod_pro table td { width: 173px; text-align: center; vertical-align: middle; height: 51px; background-position: left; cursor: pointer; }
#lc_prod_pro table td+td { width: 172px; text-align: center; vertical-align: middle; height: 51px; background-position: right; cursor: pointer; }
.prodActSel { background: url(/im/lc_prod_sel.jpg); }
.prodActOver { background: url(/im/lc_prod_o.jpg); }
#lc_prod_pro .prodActDisabled a { color: #505050; }

/* 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: #252525 url(/im/prod_list_bg.jpg); }

.prodListColor { font-size: 12px; color: #4b4b4b; }
.prodListIcon { font-size: 9px; color: #4b4b4b; text-transform: uppercase; }
#explain, #explain a { font-size: 11px; color: #969696; text-decoration: none; }
#explain a:hover { color: #e21023; text-decoration: underline; }

/* Product Details */
#prodSubNav { background-color: #ffffff; }
#prodSubNav a { display: block; color: #FFFFFF; text-decoration: none; line-height: 25px; height: 25px; padding: 0px 10px; font-size: 10px; text-transform: uppercase; }
#prodSubNav a:hover { background-color: #4c4c4c; }
#prodSubNav .subNavSel a, #prodSubNav .subNavSel a:hover { background: #e21023 url('/im/prod_snav_s.jpg') repeat-x; }
#prodSubNav ul { list-style: none; margin: 0px; padding: 0px; }
#prodSubNav li { font-size: 12px; display: inline; }
#prodSubNav li a { float:left; background-color: #343434; }
#prodSubNav .prodSubNav2 { background-color: #4c4c4c; }
#prodSubNav .prodSubNav2 a:hover { background-color: #707070; }
#prodSubNav .prodSubNav2 .subNavSel a, #prodSubNav .prodSubNav2 .subNavSel a:hover { background-color: #e21023; }
#prodSubNav .prodSubNav2 li a { background-color: #4c4c4c; }


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/en/prod_back_selection_o.jpg) no-repeat left bottom; }

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

#techFiles div.left { padding: 0 55px 0 0; }
#techFiles div.center { padding: 0px 27px 0px 28px; }
#techFiles div.right { padding-left: 55px; }

/* Realizations */
.portSearch { font-size: 15px; color: #969696; }
#portPaging { width: 660px; text-align: center; font-size: 11px; }
#portPaging a.linkSel { color: #e21023; 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, #supportForm select { 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: #e21023; text-decoration: none; }

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

/* Pro support */
#pro_support_answer a { color: #696969; text-decoration: underline; }