body {
	font-family: "Arial";
	font-size: 12px;
	margin:0;
	padding:0;
	overflow-x: hidden;
}	

.carousel-caption { background:#000000; padding-top:0; padding-bottom:0px; left:0; right:0; bottom:0; width:100%;}
.carousel-caption h3 { padding:1px 0 1px 0; margin:0; font-size:10px;}

.carousel-control.right, .carousel-control.left { background:none; }
.no-margin { margin:0; padding:0; }
/* ===== HEADER ===== */
#header { margin:0; padding:0; }
.header-search { background:#005bab; padding:10px 0 10px 0; border-top: solid 1px #3175b0; text-align:center; }
.header-search input[type="text"] { 
	width:250px;
	border:none;
	padding:2px;
	border-radius: 8px;
	height:30px;
}
.header-search button { background:url('../images/icon-search.png') no-repeat center center; width:25px; height:20px; border:0; color:#ffffff; position:relative; top:5px; }
	
.header-menu { padding: 12px 0 12px 10px; text-align: left; background:#005aab; border-bottom:solid 1px #0a529c; }
.header-mobile-menu { position:absolute; background: #005aab; width:200px; right:-235px; border:solid 1px #3175b0; z-index:99999; padding:10px 10px 10px 20px; }
.header-mobile-menu ul { margin:0; padding:0; list-style:none; }
.header-mobile-menu ul li { display:block; padding:10px 0 10px 0; border-bottom:solid 1px #0168c5;}
.header-mobile-menu ul li a { color:#ffffff; text-decoration:none;}
.header-mobile-menu ul li a:hover { color:#cccccc; text-decoration:none; }
.header-mobile-menu button {
	display: block;
	padding:5px 0 3px 0;
	border-bottom:solid 1px #ffffff;
	margin:0px 0 7px 0;
	width:100%;
	text-align:left;
	background:none;
	border-top:0;
	border-right:0;
	border-left:0;
}

#content { margin:0; padding:0; }
.content-about { margin:0; padding:10px; }
.content-about h1 { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #000000; font-size:14px; font-weight:bold;}
.content-contact { margin:0; padding:10px; }
.content-contact input[type="text"],
.content-contact select,
.content-contact textarea {
	padding:5px;
	border:solid 1px #cccccc;
	border-radius:4px;
}
.content-contact .small { width:50px; }
.content-contact .short { width:140px; }
.content-contact .long { width:240px; }
.content-contact h1 { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #000000; font-size:14px; font-weight:bold;}
.control-group { margin:10px 0 0 0; }

.content-product { padding:0px 0 30px 0;}
.content-product-category { margin:0; padding:10px; }
.content-product-category ul { margin:0; padding:0; list-style:none; }
.content-product-category ul li { display:block; background:#005aab; padding:10px 0 10px 20px; font-size:15px; margin:0 0 3px 0;}
.content-product-category ul li a { color:#ffffff; }
.content-product-list { padding:10px; text-align:center; }
.content-product-list h1 { margin:0; padding:0 0 15px 0; font-size:25px; color:#000000; text-align:center;}
.content-product-list ul { margin:0; padding:0; list-style:none; }
.content-product-list ul li { display:block; float:left; border:solid 0px #cccccc; width:158px; height: 205px; border:solid 1px #f2f2f2; margin:5px; text-align:center;}
.content-product-list ul li a { color:#000000; }
.content-product-list h3 { margin:0; padding:10px 0 0 0; font-size:15px; }
.content-contact-form { background:#666666; padding:30px 0 30px 0;}
.ccf-content { margin:0 auto; width:300px; }
.ccf-content h1 { margin:0; padding:0 0 20px 0; text-transform:uppercase; color:#ffffff; font-size:18px; text-align:center; }
.ccf-content label { width:75px; color:#ffffff; font-weight:normal;}
.ccf-content input[type="text"],
.ccf-content textarea,
.ccf-content select { width:300px; padding:7px 7px 7px 7px; border-radius:5px; border:0; font-size:12px;}
.ccf-content input[type="submit"] {
	background:#cccccc;
	color:#000000;
	padding:10px 30px 10px 30px;
	border:none;
	text-transform:uppercase;
}
.ccf-content table tr { margin:2px; }
.paginator { text-align:center; }
.paginator a {padding:5px; }

.produkdetail-images { text-align:center; }
.produkdetail-info { padding:10px; }
.produkdetail-info h1 { margin:0; padding:0 0 5px 0; font-size:18px; color:#003463; }
.content-product-other-text { padding:10px; }
.content-product-other-text h1 { padding:0 0 5px 0; font-size:18px; font-weight:bold; color:#003463; text-transform:uppercase; border-bottom:solid 1px #003463; margin:0 Auto; margin-bottom:0px; text-align:left;}
.pi-small { margin:0; padding:0 0px 10px 0; }
.pi-small ul { margin:0; padding:0; list-style:none; }
.pi-small ul li { display:inline-block; margin:3px 0 4px 0; padding:3px; border:solid 1px #d2d2d2; text-align:center;}

.content-bar { background:#999999; text-align:center; color:#ffffff; padding:5px 0 5px 0; font-weight:bold; text-transform:uppercase;}
.cpd-desc table { width:100%; font-size:13px; border:solid 1px #999999;}
.cpd-desc table th, .cpd-desc table td { padding:3px; }
.ccontact-right { padding-top:20px; text-align:center;}

.content-about-home { margin:20px 0 0 0; }
.content-about-home-text { margin:0 Auto; padding:10px 0 10px 0;}
.content-about-home-text h1 { padding:0 0 15px 0; font-size:25px; font-weight:bold; color:#003463; text-transform:uppercase; border-bottom:solid 1px #003463; margin:0 Auto; margin-bottom:30px; width:350px; text-align:center;}

.content-service-home { background:#ebecec; padding:60px 0 60px 0;}
.content-sevice-home-text { margin:0 auto; width:960px; }
.service-text { text-align:center;  margin-bottom:20px;}
.service-circle {
	border:solid 3px #003463;
	border-radius:100px;
	padding:20px 10px 20px 10px;
	width:170px;
	margin:0 Auto;
}
.service-circle h1 { color:#003463; font-size:18px; margin:0; padding:15px 0 0 0; line-height:25px; font-weight:bold;}
.service-desc { color:#131313; padding:20px 0 0 0; }

.content-product-home { margin:0; padding:50px 0 00px 0; }
.content-product-home-text {
	margin:0 Auto;
	width:960px;
	
}
.content-product-home-text ul { margin:0; padding:0; list-style:none; }
.content-product-home-text ul li { display:block; float:left; width:240px; padding:10px 20px 20px 20px;  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:18px; 
	color:#58595b;
}
.content-product-home-text h2 { 
	margin: 0;
    padding: 0;
    font-size: 14px;
	color: #000000; 
}

.content-product-home-text  h1 { padding:0 0 15px 0; font-size:25px; font-weight:bold; color:#003463; text-transform:uppercase; border-bottom:solid 1px #003463; margin:0 Auto; margin-bottom:30px; width:350px; text-align:center;}
.caht-call { text-align:center; padding:0 0 50px 0; }
.caht-call-phone { font-size:24px; }
#footer {
	margin:0; padding:0;
	background:#005aab;
}
#footer .footer-content { padding:20px 0 20px 0; text-align:center; font-size:10px; line-height:16px; color:#ffffff; }
/* ===== OTHER ===== */
#back-top,
#backs-top {
	position: absolute;
    top: 32px;
    right: 15px;
}
:focus {outline:none;}