/*CSS document / Portal Evalube */ body { background:url(images/bg.gif) repeat-x; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #181714; line-height: 1.4em; margin: 0;padding: 0;} /*global wrapper*/ #wrapper { width: 910px; margin: 0 auto; padding: 0 0 10px 0; } /*global wrapper forum*/ #wrapper-forum { width: 910px; margin: 0 auto; padding: 0; } /* global styles */ .clear { clear: both; margin: 0; } .clear-height { clear: both; margin: 0; height: 20px; } .clear-border { border-top: 1px solid #999; height: 15px; margin: 15px 0 0 0;} .clear-border01 { clear: both; border-bottom: 1px solid #999; height: 30px; margin:0 12px;} .clear-fb { clear: both; margin: 0; height: 20px; } .font { font: 11px Arial, Helvetica, sans-serif; color: #520801;} .font01 { font: normal 16px Arial, Helvetica, sans-serif; color: #ffe900;} .font02 { font: 11px Arial, Helvetica, sans-serif; color: #117213;} .font03 { font: 12px Arial, Helvetica, sans-serif; color: #333;} .font04 { font:bold 13px Arial, Helvetica, sans-serif; color: #ff6400;} .font05 { font: 12px Arial, Helvetica, sans-serif; color: #3b5998;} /* Top banner */ #top-banner { width: 910px; } /*Top content */ #top-content { background:url(images/bgheader.jpg) no-repeat; height: 170px; width: 910px; margin: 20px 0 0 0;} /*#top-content { background:url(images/bgheader.jpg) no-repeat; height: 170px; width: 910px;}*/ /* top menu */ #top-menu { float: left; width: 660px; margin: 15px 0 0 8px; } #top-menu ul { margin: 0; padding: 0;} #top-menu li { display: inline; list-style-type: none; border-right: 1px solid #303230; margin: 0; padding: 0 5px ; } #top-menu li a { font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #6c6e6c; } #top-menu li a:hover { text-decoration: none; color: #b5e218; } #top-menu .border-mn { border: none;} /* Logo */ #logo { clear: both; background:url(images/logo_gilamotor.gif) no-repeat; margin: 50px 0 0 45px; width: 295px; height: 65px;} #logo h1 { display: block; font: 18px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding: 0; text-indent: -9000px; width: 295px; height: 65px; } #logo h1 a { display: block; color:#fff; margin:0; padding: 0; text-indent: -9000px; text-decoration: none;width: 295px; height: 65px; } #logo h1 a:hover { display: block; color: #006600; margin:0; padding: 0; text-indent: -9000px; text-decoration: none; } /* social - links */ #social-links { float: left; margin: 10px 0 0 0; width:auto; height: 25px; } #social-links img { float: left; margin: 0;} #social-links .rss{ float: left; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #6c6e6c; text-decoration: none; margin: 8px 10px 0 10px;} #social-links .rss a{ text-decoration: none; color:#f38425; } #social-links .rss:hover { text-decoration: none; color:#f38425; } #social-links .twitter{ float: left; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #6c6e6c; text-decoration: none; margin: 8px 0 0 10px;} #social-links .twitter a{ text-decoration: none; color:#f38425; } #social-links .twitter:hover { text-decoration: none; color:#42C0E1; } /* space */ .banner01 { clear: both; width: 880px; margin: 0 0 15px 10px; } .banner02 { clear: both; width: 175px; border-top: 1px solid #ccc; margin: 0; padding: 10px 0 0 0;} .banner03 { clear: both; width: 300px;} .banner04 { clear: both; width: 300px; border-top: 1px solid #ccc; padding: 15px 0 0 0; margin: 10px 0 0 0;} /* Global menu */ #global-menu { clear: both; background:url(images/bg-menu.gif) no-repeat; height: 86px; margin: 0; } #top-leftmenu { float: right; width:190px; margin: 15px 0 0 0; padding: 0; } #top-leftmenu ul { margin: 0; padding: 0; } #top-leftmenu ul li { display: inline; list-style-type: none; margin: 0; padding: 0 4px 0 4px; border-right: 1px solid #419100; } #top-leftmenu a { font:bold 11px Arial, Helvetica, sans-serif; color: #b5e218; text-decoration: none; } #top-leftmenu a:hover { color: #FFFF00; text-decoration: none; } #top-leftmenu .brd-topmn { border: none; } /*left content*/ #left-content { float: left; width: 566px; padding: 0 0 0 10px; } /*whatsnew*/ #whatsnew { float: left; width: 175px; margin: 0; } #whatsnew h3 { background:url(images/bg-title-whatsnew.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 2px 0; padding: 5px 0 0 8px; width: 175px; height: 30px;} #whatsnew ul { margin: 0; padding: 0;} #whatsnew ul li { list-style-type: none; display: block; margin: 0; padding: 3px 0 3px 0; border-bottom: 1px #ccc solid;} #whatsnew li a { font: 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #181714; } #whatsnew li a:hover { text-decoration: none; color: #0e740e; text-decoration: underline; } /* ttile - kuis */ #kuis { float: left; background:url(images/bgbottom-title-kuis.gif) no-repeat bottom; width: 175px; margin: 10px 0 10px 0; background-color: #6ebe0f; color: #fff; } #kuis h3 { background:url(images/bg-title-kuis.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #6ebe0f; margin: 0 0 2px 0; padding: 5px 0 0 8px; width: 167px; height: 30px;} #kuis h5 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 2px 0; padding: 0 0 0 8px; } #kuis h5 a { color: #111211; margin: 0; padding: 0; text-decoration: none; } #kuis h5 a:hover { color: #fff; text-decoration: underline; } #kuis p { margin: 0; padding: 10px 0 10px 10px; } /* ttile - pemenang */ #pemenang { float: left; background:url(images/bgbottom-title-kuis.gif) no-repeat bottom; width: 175px; margin: 10px 0 10px 0; background-color: #6ebe0f; color: #fff; } #pemenang h3 { background:url(images/bg-title-kuis.gif) no-repeat; font: 14px Verdana, Arial, Helvetica, sans-serif; color: #6ebe0f; margin: 0 0 2px 0; padding: 5px 0 0 8px; width: 167px; height: 30px;} #pemenang h5 { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 2px 0; padding: 0 0 0 8px; } #pemenang h5 a { color: #111211; margin: 0; padding: 0; text-decoration: none; } #pemenang h5 a:hover { color: #fff; text-decoration: underline; } #pemenang p { margin: 0; padding: 10px 0 10px 10px; } /* left content - left box*/ #LC-leftbox { float: left; width:175px; margin:0 0 10px 0;} /* news gallery */ #newsgwallery { float: right; background:url(images/bg-title-newsgallery.gif) no-repeat; width:375px; background-color: #ffe500; padding: 10px 0 0 0; margin: 0 0 20px 0; } #newsgwallery h2 { font: bold 21px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 10px 15px 10px 15px; padding: 0; } #newsgwallery h2 a { color:#181714; text-decoration: none; } #newsgwallery h2 a:hover { color:#ff6400; text-decoration: underline; } #newsgwallery p { margin: 0; padding: 0 15px 4px 15px; } #newsgwallery img { margin: 0 0 0 15px ; padding:0; } #newsgwallery .clear-ng { clear: both; border-bottom: 1px solid #f1ca00; padding: 4px; margin: 0 0 10px 0; } #newsgwallery .clear-ng01 { clear: both; height: 15px;} /* sub-newsgallery */ .sub-newsgallery { clear: both; margin: 0; } .sub-newsgallery h4 { float: left; font: bold 15px Verdana, Arial, Helvetica, sans-serif; width: 240px; color: #fff; margin: 0 0 0 15px; padding: 0; } .sub-newsgallery h4 a { color: #0c680d ; text-decoration: none;} .sub-newsgallery h4 a:hover { color:#ff6400; text-decoration:underline;} .sub-newsgallery .p-span { float: left; width: 240px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#520801; margin: 0 0 0 15px; } .sub-newsgallery p { clear: both; margin:0; padding: 0 15px 5px 15px; } .sub-newsgallery img { float: left; margin: 0 8px 10px 0; padding: 0;} .bg-bottom-ng { display:block; background:url(images/bgbottom-title-newsgallery.gif) no-repeat bottom left; height: 8px; } /* box content */ .box-content { clear: both; margin: 0 0 10px 0; width: 565px; } .box-content01 { clear: both; margin: 15px 0 0 0; width: 300px; } .box-content01 h3 { background: url(images/bg-title-boxcontent02.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #FFE500; margin: 0 0 10px 0; padding: 5px 0 0 8px; width: 292px; height: 30px;} .box-content02 { clear: both; margin: 15px 0 0 0; width: 300px; } .box-content02 h3 {clear: both; background: url(images/bg-title-boxcontent02.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #FFE500; margin: 0 0 10px 0; padding: 5px 0 0 8px; width: 292px; height: 30px;} .box-content02 h5 { float: left; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #0c680d; margin: 0 0 0 10px; padding: 0; width: 145px; } .box-content02 h5 a { color: #333; margin: 0 0 10px 0; padding: 0; text-decoration: none; } .box-content02 h5 a:hover { color: #ff6400; text-decoration: underline; } .box-content02 img { width: 140px; float: left; margin: 0; padding: 0;} .box-content02 p { clear: both; margin: 0; padding: 5px 0 0 0;} .deepbox-content { float: left; width: 275px; margin: 0; } .deepbox-content h3 { background:url(images/bg-title-boxcontent.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px 0; padding: 5px 0 0 8px; width: 267px; height: 30px;} .deepbox-content h4 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #0c680d; margin: 10px 0 10px 0; padding: 0; } .deepbox-content h4 a { color: #0c680d; margin: 10px 0 10px 0; padding: 0; text-decoration: none; } .deepbox-content h4 a:hover { color: #ff6400; text-decoration: underline; } .deepbox-content p { margin: 0; padding: 0; } /* box content background */ .bg-boxcontent { background: url(images/bg-topboxcontent.gif) no-repeat top; background-color:#d8d7d7; } /*deep box */ .deepbox-content01 { float: left; width: 168px; padding: 15px 0 0 15px; } .deepbox-content01 h3 { background:url(images/bg-title-boxcontent01.gif) no-repeat; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px 0; padding: 5px 0 0 8px; width: 160px; height: 30px;} .deepbox-content01 h4 { font:bold 14px Verdana, Arial, Helvetica, sans-serif; color: #0c680d; margin: 10px 0 0 0; padding: 0; width: 142px; } .deepbox-content01 h4 a { color: #0c680d; margin: 10px 0 0 0; padding: 0; text-decoration: none; } .deepbox-content01 h4 a:hover { color: #ff6400; text-decoration: underline; } .deepbox-content01 p { clear: both; margin: 0; padding: 0; } .deepbox-content01 img { margin: 0; padding: 0; } .deepbox-content02 { float: left; width: 142px; padding: 0 0 0 0; } .deepbox-content02 h5 { font:bold 13px Verdana, Arial, Helvetica, sans-serif; color: #0c680d; margin: 10px 0 0 0; padding: 0; width: 142px; } .deepbox-content02 h5 a { color: #333; margin: 10px 0 10px 0; padding: 0; text-decoration: none; } .deepbox-content02 h5 a:hover { color: #ff6400; text-decoration: underline; } .deepbox-content02 p { margin: 0; padding: 0; } .deepbox-content02 img { margin: 0; padding: 0; } .rightmargin {float: right; margin: 0; } .rightmargin01 {float: right; margin: 0; } .leftimage {float: left; margin: 0 10px 0 0; } /* bg-bottom content */ .bg-bottomcontent { clear: both; background:url(images/bg-bottomboxcontent.gif) no-repeat; display: block; margin: 0; height:12px; } /* rightcontent */ #rightcontent { float: right; padding: 0 20px 0 0; margin: 0; width: 300px; } /* photo gila */ #bg-title-photgil { clear: both; background:url(images/bg-title-photogila.gif) no-repeat; height:13px; width: 300px; } #photogila { clear:both; background: url(images/bg-photogila.gif) no-repeat bottom; color: #fff; width: 300px; } #photogila h3 { font:bold 16px Arial, Helvetica, sans-serif; color: #6ebe0f; margin: 0; padding: 3px 0 0 12px; } #photogila img { margin: 0; padding: 10px 0 10px 10px;} #photogila p { color: #918c8c; margin: 0px; padding: 0 10px 10px 10px;} /* bottom wrapper */ #bottom-wrapper { clear: both; background: url(images/bg-bottomcontent.gif) repeat-x top; background-color:#117213; margin: 0; padding:0; } /* conteiner */ #width-conteiner { clear: both; background:url(images/bg-btm-gradient.gif) repeat-x; background-color: #117213; margin: 0 auto; width: 910px; padding: 0 0 10px 0; } /* content for FB */ .FB-content { float: left; width: 369px; margin: 20px 13px 0 10px; } .btm-wrapper { clear: both; background:url(images/bg-btmwrapper.gif) no-repeat; height: 10px; } /* row content */ .row-btmcontent { float: left; width: 150px; margin: 20px 17px 0 0; } .row-btmcontent h3 { font: 16px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px 0; padding:0 0 5px 0; border-bottom: 1px solid #64b405; } .row-btmcontent h5 { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color: #0c680d; margin: 0; padding: 0; } .row-btmcontent h5 a { color: #111211; margin: 10px 0 10px 0; padding: 0; text-decoration: none; } .row-btmcontent h5 a:hover { color: #fff; text-decoration: underline; } .row-btmcontent p { clear: both; margin: 0 0 15px 0; padding: 0; } .nomargin { margin: 20px 0 0 0; } /* deepleft-content */ #deepleft-content { float: left; width: 560px; padding: 0 0 0 10px;} #deepleft-content h3 { font: 18px Arial, Helvetica, sans-serif; color: #6ebe0f; margin: 0 0 5px 0; padding:0 0 5px 0; border-bottom: 1px solid #ccc; } #deepleft-content h3 a { color: #6ebe0f; margin: 0; text-decoration: none; } #deepleft-content h3 a:hover { color: #66CC00; margin: 0; text-decoration: none; } #deepleft-content h4 { font: bold 28px Arial, Helvetica, sans-serif; color: #ff6400; margin: 10px 0 0 0; padding:0 ; } #deepleft-content p {font: 13px Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 5px 0; } #deepleft-content img { float: left; margin: 0 10px 5px 0; padding: 0; } /* share comments */ #share-comments { clear: both; margin: 0; background:url(images/bg-deep-fb.gif) no-repeat top; background-color:#d8d7d7; margin: 10px 0 0 0; } #share-comments h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #000; margin: 0 14px 15px 14px; padding:20px 10px 5px 0; border-bottom: 1px solid #999; } #share-comments h6 { font: bold 14px Arial, Helvetica, sans-serif; color: #3b5998; margin:0 0 0 0; padding:0;} #share-comments img {float: left; margin: 0 10px 0 14px; padding: 0;} #share-comments p {float: left; width: 472px; padding: 5px 14px 0 0; padding: 0; } #share-comments a { font-size: 12px; color: #333; text-decoration: none; } #share-comments a:hover { color:#3b5998 ; text-decoration: underline; } #share-comments form { margin: 10px 0 10px 14px; padding: 10px 0 10px 0; width:530px; border-top: 1px solid #999; } #share-comments form p { clear: both; margin: 0 0 10px 0; padding: 0; } #share-comments input { float: left; width: 220px; font-size: 11px; margin: 0 ; padding: 0;} #share-comments textarea{ float: left; width: 450px; height: 80px; font-size: 11px; margin: 0 ; padding: 0;} #share-comments label { float: left; font-size: 11px; margin: 0 0 0 10px ; padding: 0;} #bg-btmcomments { clear: both; background:url(images/bg-deep-btmfb.gif) no-repeat; margin:0; padding:0; height: 12px; } #share-comments .submit a { height: 30px; width: 133px; margin: 0; padding: 0; text-decoration: none; border: none; } /*box- news*/ .box-news { clear: both; width: 560px; border-bottom: 1px dotted #999; margin: 15px 0 10px 0; padding: 0 0 15px 0;} .box-news h5 { font:bold 15px Verdana, Arial, Helvetica, sans-serif; color: #ff6400; margin: 0; padding: 0 0 15px 0; } .box-news h5 a { color: #ff6400; margin: 10px 0 6px 0; padding: 0; text-decoration: none; } .box-news h5 a:hover { color: #1f9420; text-decoration: underline; } .box-news p { margin: 0 ; padding: 0 0 7px 0; } /* footer */ #footer { clear: both; padding: 13px; } #footer p { float: left; color: #6ebe0f; margin: 0; padding: 0; } .footer-menu { float: right; margin: 0 0 0 0; padding: 0; width: 180px; } .footer-menu ul { margin: 0 0 0 20px; padding: 0; } .footer-menu ul li { display: inline; list-style-type: none; border-right: 1px solid #4dca10; margin: 0 ; padding: 0 3px 0 4px; } .footer-menu ul li a { color:#4dca10; text-decoration: none; } .footer-menu ul li a:hover { color:#FFE900; text-decoration: none; } .footer-menu p {color:#4dca10; text-align: right; margin: 0; padding:0; } .footer-menu p a {text-decoration:none; color:#4dca10;} .footer-menu p a:hover { color:white;} .footer-menu .nobdr { border: none; } /* pasha nambahin */ #konsulmsg { width:400px; text-align:center; margin:0 0 0 50px; border:1px solid; background-color:#ccc; } #afterpost a {font-weight:bold; color:#0e740e; text-decoration:none; } #afterpost a:hover { font-weight:bold; color:#FF4400; text-decoration:none; } /** review product **/ .copy { color: #181714; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy01 { color: #333333; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy02 { color: #3b5998; font-weight: bold; font-size: 13px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy03 { color: #117213; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy04 { color: #ffffff; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy05 { color: #918c8c; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy05a { color: #808080; font-size: 10px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy06 { color: #6ebe0f; font-size: 11px; font-family: Verdana, Georgia, Times New Roman, Times, Arial, Helvetica, serif; text-decoration: none } .copy07 { color: #111211; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy08 { color: #3b5998; font-size: 12px; font-family: Verdana, Arial, Georgia, Times New Roman, Times, Helvetica, serif; text-decoration: underline } .copy09 { color: #181714; font-weight: bold; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .copy10 { color: #333333; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; line-height:1.3em; } .textspace { color: #303230; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .textspace01 { color: #1f9420; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .textspace02 { color: #a1a4a1; font-size: 16px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .textspace03 { color: #42a412; font-size: 14px; font-family: arial, verdana, helvetica, sans-serif; text-decoration: none } .tanggalupload { color: #520801; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none } .tanggalupload01 { color: #727b72; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none } .textlink { color: #181714; font-size: 11px; font-family: Verdana, Arial, Georgia, Times New Roman, Times, Helvetica, serif; text-decoration: none } a.textlink { color: #181714; font-size: 11px; font-family: Verdana, Arial, Georgia, Times New Roman, Times, Helvetica, serif; text-decoration: none } a.textlink:hover { color: #0e740e; font-size: 11px; font-family: Verdana, Arial, Georgia, Times New Roman, Times, Helvetica, serif; text-decoration: underline } a.textlink:active { color: #ff6400; font-size: 11px; font-family: Verdana, Arial, Georgia, Times New Roman, Times, Helvetica, serif; text-decoration: none } .texttitle01 { color: #ffffff; font-size: 16px; font-family: Verdana, Georgia, Times New Roman, Times, Arial, Helvetica, serif; text-decoration: none } #lihatlain { padding:35px 0 0 0; margin-top:15px;} #lihatlain {font-weight:bold; color:#0e740e; text-decoration:none; } #lihatlain:hover { font-weight:bold; color:#FF4400; text-decoration:none; } .gilmotsepang{ margin:0 0 0 25px; padding:0 0 0 25px;} ;