@charset "utf-8";
/* 
D O N ' T   T O U C H   M Y   S T U F F
Copyright (c) 2008 by Cityweb Indonesia.  All Rights Reserved.
*/

body {
	margin: 0;
	padding: 0;
	font: normal 12px Arial;
	color: #404040;
	text-align: center;
	background-color: #4b4c4e;
	line-height: 15px;
	}

a:link, a:visited, a:active {
	color: #960b0b;
	text-decoration: none;
	}

a:hover {
	color: #000;
	}

#container {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	text-align: left;
	}

.clear {
	clear: both;
	}

#box {
	margin: 35px 0 35px 0;
	padding: 0;
	}

.lengkungatas {
	background: url(images/lengkung_atas.gif) no-repeat top left;
	height: 25px;
	}

.lengkungbawah {
	background: url(images/lengkung_bawah.gif) no-repeat top left;
	height: 25px;
	}

.lengkungatasheader {
	background: url(images/lengkung_atas_header.gif) no-repeat top left;
	height: 19px;
	}

.bgheader {
	background: url(images/bg_header.gif) repeat-y top left;
	}

.lengkungbawahheader {
	background: url(images/lengkung_bawah_header.gif) no-repeat top left;
	height: 19px;
	}

#mainmenu {
	margin: 0;
	padding: 0;
	background: url(images/titik3.gif) repeat-x top left;
	}

#mainmenu li {
	list-style: none;
	background: url(images/titik3.gif) repeat-x bottom left;
	padding: 6px 0 6px 20px;
	}

#mainmenu li:hover {
	#background-color: #e0e0e0;
	}

#mainmenu li a:link, #mainmenu li a:visited, #mainmenu li a:active {
	font: bold 14px Arial;
	color: #1173a0;
	display: block;
	}

#mainmenu li a:hover {
	color: #960b0b;
	}

.lengkungatasbadankiri {
	background: #f2f2f2 url(images/lengkung_atas_badankiri.gif) no-repeat top left;
	height: 1px;
	}

.bgbadankiri {
	background: url(images/bg_badankiri.gif) repeat-y top left;
	}

.lengkungbawahbadankiri {
	background: url(images/lengkung_bawah_badankiri.gif) no-repeat top left;
	height: 14px;
	}

.lengkungatasbadankanan {
	background: #f2f2f2 url(images/lengkung_atas_badankanan.gif) no-repeat top left;
	height: 1px;
	}

.bgbadankanan {
	background: url(images/bg_badankanan.gif) repeat-y top left;
	}

.lengkungbawahbadankanan {
	background: url(images/lengkung_bawah_badankanan.gif) no-repeat top left;
	height: 14px;
	}

.titlepage {
	font: normal 15px Arial;
	color: #960b0b;
	background: url(images/titik2a.gif) repeat-x bottom left;
	padding-bottom: 9px;
	}

.img img {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	}

.titlewelcome {
	font: normal 13px arial;
	color: #000;
	background: url(images/titik3.gif) repeat-x bottom left;
	padding-bottom: 3px;
	}

.titlewelcome span {
	font-weight: bold;
	}

.contentwelcome {
	font: normal 12px Arial;
	line-height: 15px;
	}

.btswelcome {
	background: url(images/titik2b.gif) repeat-x bottom left;
	}

.subtitle {
	font: normal 12px Arial;
	color: #960b0b;
	background: url(images/titik3.gif) repeat-x bottom left;
	margin-bottom: 3px;
	}

.batasatas {
	background: url(images/titik2a.gif) repeat-x top left;
	}

.batasbawah {
	background: url(images/titik2b.gif) repeat-x bottom left;
	}

a.learnmore {
	font-size: 11px;
	}

.contenthotproduct {
	font: normal 12px Arial;;
	line-height: 15px;
	padding-top:15px;
	}

.contenthotproduct img {
	padding: 2px;
	background-color: #fff;
	border: 1px solid #dcdbdb;
	float: left;
	margin: 0 10px 5px 0;
	}

a.request {
	background: url(images/btn_requestaquote.gif) no-repeat top left;
	display: block;
	width: 225px;
	height: 72px;
	text-indent: -9999px;
	}

.titlehighlights {
	font: normal 12px Arial;
	color: #960b0b;
	background: url(images/titik2a.gif) repeat-x bottom left;
	padding-bottom: 5px;
	}

#listhighlights {
	margin: 0;
	padding: 0;
	}

#listhighlights li {
	list-style: none;
	margin-bottom: 12px;
	}

.tanggal {
	font: normal 10px Arial;
	color: #818181;
	}

.judulhighlights a:link, .judulhighlights a:visited, .judulhighlights a:active {
	font: bold 11px Arial;
	color: #02afd2;
	}

.judulhighlights a:hover {
	color: #960b0b;
	}

.intro {
	margin-top: 5px;
	}

.batas {
	background: url(images/titik1.gif) repeat-x top left;
	}

.alamat {
	line-height: 13px;
	}

.menubawah {
	font: normal 11px Arial;
	color: #4b4b4b;
	}

.menubawah a:link, .menubawah a:visited, .menubawah a:active {
	color: #4b4b4b;
	}

.menubawah a:hover {
	color: #960b0b;
	}

.copyright {
	font: normal 10px Arial;
	color: #939393;
	}

.copyright a:link, .copyright a:visited, .copyright a:active {
	color: #939393;
	border-bottom: 1px dotted #939393;
	}

.copyright a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	}

.menuatas {
	font: normal 12px Arial;
	color: #707070;
	}

.menuatas a:link, .menuatas a:visited, .menuatas a:active {
	color: #707070;
	}

.menuatas a:hover {
	color: #960b0b;
	}

.inputsearch {
	width: 150px;
	border: 1px solid #c8c8c8;
	}

.btnsearch {
	font: bold 12px Arial;
	color: #707070;
	border: 0;
	background-color: #fff;
	cursor: pointer;
	}

#listsidemenu {
	margin: 0;
	padding: 0;
	}

#listsidemenu li {
	list-style: none;
	border-bottom: 1px solid #e0e0e0;
	}

#listsidemenu a {
	padding: 3px 0 3px 0;
	display: block;
	}

#listsidemenu a:hover {
	background-color: #e0e0e0;
	padding-left: 15px;
	}

.listproduct {
	margin: 0;
	padding: 0;
	}

.listproduct li {
	list-style: none;	
	}

.listproduct li ul {
	margin: 0;
	padding: 0;
	}

.listproduct li ul li {
	float: left;
	display: inline-block;
	text-align: center;
	width: 110px;
	margin: 0 25px 0 0;
	height: 175px;
	}

.namacat {
	font: bold 12px Arial;
	text-transform: uppercase;
	margin-bottom: 15px;
	border-bottom: 1px dotted #e0e0e0;
	}

.titlenews {
	font: bold 12px Arial;
	}

.imgnews{
	float:left;
	padding:3px;
	margin:0px 5px 0px 0px;	

