/* http://www.canisnfelis.com - dimas.anugerah@gmail.com*/
body { margin:0; background-color:#312931  }
.splash { background:#1a1515 url(images/xx.gif) center top no-repeat }
.splashbody { background:url(images/bg_splash.jpg) }
.home {  height:653px; background:url(images/bg_home.jpg)   no-repeat center }
.home #content { height:170px}
.home #news { width:270px; height:170px; float:left}
.home #line { height:10px; background:url(images/line.gif) repeat-x center}
.home #isi {height:154px; background-color:#000000; padding:6px 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
.home #isi a{ text-decoration:none; font-size:11px; color:#FFFFFF}
.home #isi a:hover{ text-decoration:none; font-size:11px; color:#ff9900}
.home #newshome { padding:4px 6px 6px 10px; background:url(images/bullet_white.gif) top  left no-repeat; border-bottom:#333333 1px solid}
.home #product { float:left; width:100px}
.producthome { background-color:#000000; height:140px;  }
.header { padding-top:20px}
.header #dataheader { background:url(images/bg_header.gif) no-repeat; width:904; height:85px}
.header #btnhome { padding:10px 30px 0 0}
.header #search { padding:6px 30px 0 0; }
.header #datasearch {color:#9e9e9e ; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.header #search input { height:18px; width:116px; background:#cccccc; border:1px #cccccc solid}
.header #search select { height:15px; width:116px; background:#cccccc; border:1px #cccccc solid; font-size:10px; margin:0; padding:0}
.menuabout { width:270px; background:url(images/bg_menu_aboutus2.jpg)  repeat-y; }
.menuabout #isi {background:url(images/bg_menu_aboutus.jpg) no-repeat; padding-top:14px; height:480px}
.menususan { width:270px; background:url(images/menu_susan2.jpg)  repeat-y; }
.menususan #isi {background:url(images/menu_susan.jpg) no-repeat; padding-top:14px; height:480px}
.menuepro { width:270px; background:url(images/menu_epro2.jpg)  repeat-y; }
.menuepro #isi {background:url(images/menu_epro.jpg) no-repeat; padding-top:14px; height:480px}
.menususanpro { width:270px; background-color:#000000 }
.menususanpro #isi { padding-top:14px; height:480px}
.menucard { width:270px; background:url(images/menu_card.jpg) repeat-y; }
.menucard #isi { padding-top:14px; height:480px}
.menuevita { width:270px; background:url(images/menu_evita2.jpg)  repeat-y; }
.menuevita #isi {background:url(images/menu_evita.jpg) no-repeat; padding-top:14px; height:480px}
.menumerah { width:270px; background:url(images/menu_merah2.gif)  repeat-y; }
.menumerah #isi {background:url(images/menu_merah.gif) no-repeat; padding-top:14px; height:480px}
.update { font-family:Arial, Helvetica, sans-serif; color:#98919d; font-size:11px; }
.footer { font-family:Arial, Helvetica, sans-serif; color:#98919d; font-size:10px; padding:8px 0 15px 0}
.footer #copy { width:400px; float:left}
.footer #visitor { width:484px; float:left; padding-right:20px}
.all {   background:url(images/bgx.jpg)   no-repeat center top }
.menu { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; background:url(images/bullet_white2.gif) no-repeat top left; height:12px; padding:8px 0 8px  15px; border-bottom:#333333 1px solid}
.menu a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; text-decoration:none}
.menu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ff9900; text-decoration:none}
.menunoborder { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; background:url(images/bullet_white2.gif) no-repeat top left; height:12px; padding:8px 0 8px  15px}
.menunoborder a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; text-decoration:none}
.menunoborder a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ff9900; text-decoration:none}

.menunoborderon { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; background:url(images/bullet_orange.gif) no-repeat top left; height:12px; padding:8px 0 8px  15px}
.menunoborderon a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; text-decoration:none}
.menunoborderon a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ff9900; text-decoration:none}

.menuon { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; background:url(images/bullet_orange.gif) no-repeat top left;  padding:8px 0 8px  15px; border-bottom:#333333 1px solid}
.menuon a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#bdbcbb; text-decoration:none}
.menuon a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ff9900; text-decoration:none}

.menuon #data { padding:10px 0 6px 10px}
.menuon #data a{ font-size:11px}

.titleabout { height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_about.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titlenews { height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_newsbg.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titlealien{ height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_alien.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titledownload{ height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_download.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titlecontact{ height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_contact.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titleforum{ height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_forum.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titleproduct{ height:12px; padding:42px 0 4px 0; width:634px; background:url(images/title_product.jpg) right top no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999}
.titlesusan{ width:602px;}

.content {  color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 30px 0 30px}
.content a{ font-size:11px;color:#FFFFFF; text-decoration:none}
.content a:hover{ font-size:11px;color:#FF3300; text-decoration:none}
.content #title { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff9900; padding-bottom:20px}
.content #titlenews { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ff9900; padding-bottom:20px}
.content #titlechild { color:#ff9900; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold}

.content2 {  color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 0 0 30px}
.content2 #title { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#ff9900; padding-bottom:20px}

.contentsusan {  color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 30px 0 30px; text-decoration:none}
.contentevita {  color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 30px 0 30px}

.newswp { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; padding:15px 0 15px 0; border-bottom:#6a6061 1px solid}
.newswp #titlechild2 { color:#ff9900; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.newswp a{ text-decoration:none ; color:#cc0066}

.newslist1 { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; padding:0 0 15px 0; border-bottom:#6a6061 1px dashed; width:190px}
.newslist1 #titlechild2 { color:#ff9900; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.newslist1 a{ text-decoration:none ; color:#cc0066}

.newslist { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; padding:15px 0 15px 0; border-bottom:#6a6061 1px dashed; width:190px}
.newslist #titlechild2 { color:#ff9900; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.newslist a{ text-decoration:none ; color:#cc0066}

.manufacture { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.manufacture a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none}
.manufacture a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF3300; text-decoration:none}

.arial11pxwhite { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF}
.arial11pxblack { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.arial18pxmagenta { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#cc0066}
.arial14pxorange { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ff9900}
.arial11pxorange { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900}
.arial11pxorange a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900}
.arial11pxorange a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF3300}
.verdana11pxorange { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff9900}
.verdana11pxwhite { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.arial12pxwhite { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF}
.arial12pxwhite a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none}
.arial12pxwhite a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF6600; text-decoration:none}

.formcontact { height:15px; width:177px; border:#cccccc 1px solid; background:#cccccc}
.formcontact2 { height:60px; width:178px; border:#cccccc 1px solid; background:#cccccc}
.online { padding:10px 0; border-top:#6a6061 1px solid; border-bottom:#6a6061 1px solid}
.online2 { padding:10px 0 10px 0}

.formcontact3 { height:15px; width:118px; border:#cccccc 1px solid; background:#cccccc; font-size:11px}
.titlecontact2 {  background:url(images/contact.jpg) repeat-x; }
.tambahan {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff9900}
.titlecontact3 { color:#999999; font-weight:bold}

.susanmenu { height:18px; background:url(images/bg_menu_susan2.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.susanmenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.susanmenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.susanpromenu { height:18px; background:url(images/bg_menu_susanpro2.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.susanpromenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.susanpromenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.evitamenu { height:18px; background:url(images/bg_menu_evita.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.evitamenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.evitamenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.epromenu { height:18px; background:url(images/bg_xxx.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.epromenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.epromenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.successmenu { height:18px; background:url(images/merah.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.successmenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.successmenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.cardmenu { height:18px; background:url(images/bg_menu_card2.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc}
.cardmenu a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffcccc; text-decoration:none}
.cardmenu a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}

.susanborder { padding-bottom:20px; border-bottom:#663e2e 1px solid;}
.eproborder { padding-bottom:20px; border-bottom:#74003e 1px solid;}
.susanproborder { padding-bottom:20px; border-bottom:#574824 1px solid;}
.evitaborder { padding-bottom:20px; border-bottom:#385593 1px solid;}
.cardborder { padding-bottom:20px; border-bottom:#b48f0e 1px solid;}
.successborder {padding-bottom:20px; border-bottom:#9a1b1f 1px solid;}


.titlesusan2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#330000}
.titlesusan3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#330000; font-weight:bold}
.forumtop { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
.login { background-color:#cccccc; width:118px; height:17px; color:#000000; border:#cccccc 1px solid}
.butt { height:22px; width:500px; color:#000000}

.susanmenu2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000}
.susanmenu2 a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-decoration:none}
.susanmenu2 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none}

.evitamenu2 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff}
.evitamenu2 a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-decoration:none}
.evitamenu2 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF3300; text-decoration:none}


.manufacturepaging { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff}
.manufacturepaging a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; text-decoration:none}
.manufacturepaging a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF3300; text-decoration:none}

.arial10pxwhite { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF}
.arial10pxwhite a{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none}
.arial10pxwhite a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FF6600; text-decoration:none}
.arial10pxwhite div { text-decoration:none}

.arial14pxgray { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#898989}