/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
background:url(../images/bg_header.png) repeat-x center top;
background-color:#fff;
padding: 0 0 0px;
margin:0px;
font-size:14px;
line-height:1.60em;
color: #2c2c2c;
letter-spacing:normal;
font-family:signika;
}

/*header*/

#header ol, #header ul, #header li,
#topnav ol, #topnav ul, #topnav li,
#topbanner ol, #topbanner ul, #topbanner li,
#rightol, #right ul, #right li,
#left ol, #left ul, #left li,
#bottombanner ol, #bottombanner ul, #bottombanner li,
ul.sidecat, ul.sidecat li, ul.testimoni, ul.testimoni li,
ul.news, ul.news li,
#slide 
{
	margin:0px;
	padding:0px;
	list-style:none;
} 

/* anchors
----------------------------------------------- */
a {
	color: #6c6c74;
	text-decoration: none;
}

a img {
border:none;
}

a:hover {
	text-decoration:none;
	color:#004004;
}

.under {
width:500px;
position:absolute;
padding:25px;
top:40%;
}

/* headings
----------------------------------------------- */
/* Heading */

h1, h2, h3,
h4, h5, h6
{
margin:0px;
line-height:normal;
}

h1.sideheading { /* izy css - untuk heading di container kiri dan kanan */
margin:0; padding:0;
background:url(../images/centerheading.png) no-repeat;
color:#000;
}

h1.centerheading { /* izy css - untuk heading di container center */
font-family:signikaRegular;
font-weight:normal;
padding-left:30px;
line-height:30px;
font-size:22px;
margin-bottom:20px;
background:url(../images/centerheading.png) no-repeat;
color:#000;
}

.page {
font-size:24px;
}


.container-x { /* izy css - mengatur lebar container utama website */
width:976px; margin:0 auto; padding:0;
padding:0px;
}

/* ----------------------------------------------------------------------------------------------------------------- CONTAINER */
.bgcontainer { /* izy css - background container pembungkus elemen body */
background:url(../images/bg_overlay.png);
padding-bottom:30px;
/*background-color:#fff;*/
}

.bgputih { /* izy css - style khusus untuk memberi bg putih yg bisa dipasang di elemen mana saja */
background:#fff;
}

.centercontent
{
margin-top:15px;
padding:14px 0;

-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


#header { /* izy css - tinggi header */
margin:15px 0px 0 15px;
}

#left { /* izy css - margin container left */
margin:25px 10px 15px 15px;
background:url(../images/bg_side.jpg) repeat-y;
}

#right { /* izy css - margin container right */
margin:15px 15px 15px 0px;
background:url(../images/bg_side.jpg) repeat-y;
}

#center { /* izy css - margin container center */
margin:25px 15px 15px 15px;
}

/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	padding:10px;
	position:relative;
/*	background:#e9e9e9; */
	margin-bottom:10px;
	border:none;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	/* background:#fff; */
	border:1px solid #bbb;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
	width:98%;
}

fieldset p input, .labelinput {
	width:98%;
}
fieldset p select {
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:2em;
	margin-right:3%;
	text-align:left;
	width:32%;
}

fieldset.login p input {
	width:60%;
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}


.hiding {
display:none;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}


#center .noborder, #side .noborder, #cart, 
#header .noborder, #footer .noborder
{
border:none;
}