html, body { margin: 0; padding: 0; }
 hr{
 align:"center"; size:"1"; color:"#999966";

}
body {
	background: url(images/bg3.gif) top repeat-x;
	color: #666;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	text-align: center;
}

body * {margin: 0px; padding: 0px;}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Link Styles
*********************************************/
a {
	color: #ef0f0f;
	text-decoration: none;
}
a:hover { color: #000; }
a:visited { color: #000; text-decoration: underline; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #333;}
ol, ul {
	margin: 5px 35px;
}
img { border: 0px; background: none; }
p {
	padding: 10px 0px;
	margin: 0px;
}
/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
h1 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;

}
h2 { /* This style used as header in the sidebars */
	background: #fff;
	font-size: 16px;
	color: #000;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
}

h3 { /* This style used as the post titles on homepage/archive */
	font-size: 20px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #000;
	text-decoration: none;
}
h3 a {
}
h3 a:hover {
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-size: 18px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #999;
}
h5 { /* This style used for the product price  */
	font-size: 15px;
	color: #cc0000;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
h6 { /* This style used for second product price  */
	font-size: 15px;
	color: #1a75cf;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}

/*********************************************
		Container Div
*********************************************/
#container {
	background: #fff url(images/bg2.gif) top center repeat-x;
	border: 1px solid #C0C0C0 ;
	text-align: left;
    margin: 0px auto;
    width: 800px;
    padding: 0px;
    padding-top: 0px;
}

/*********************************************
		Header Styles
*********************************************/
#header {
	border: 0px solid black;
	background: #ffffff url(images/logo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 800px; height: 288px;
	display: block;
	position: relative;
}
#header h1, #header h1 a {
	display: block;
	width: 405px; height: 25px;
	text-indent: -9999px;
	overflow: hidden;
}
#header h2 {
	font-size: 18px;
	color: #333;
	background: transparent;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#header p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}
.headerleft {
	width: 100px;
	float: left;
	margin: 0px;
	padding: 10px;
	}
.headerright {
	width: 120px;
	float: right;
	margin: 0px;
	padding: 35px 5px 2px 2px;
	text-align: right;
	}

#linehead {
	background: #f06917;
	text-align: left;
	padding: 2px 0px;
	margin: 0px;
	display: block;
	width: 100%;
}
/*********************************************
		Horizontal Navigaion Styles
*********************************************/
#menu {
	background: #ffbf00;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	padding: 0px 0px;
	margin: 0px;
	display: block;
	width: 100%;
}
#menu ul {
	background: #0b384b;
	margin: 0px;
	padding: 5px 0px;
	}
#menu ul li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px;
	}
#menu ul li a {
	color: #FFF;
	background: #0b384b;
	padding: 5px 10px;
	margin: 0px;
	text-decoration: none;
	}
#menu ul li a:hover {
	color: #000;
	text-decoration: none;
	background: #fff;
	}

/*********************************************
		Content Div
*********************************************/
#isi {
	float: left;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 795px;
	display: block;
	border: 0px solid #DEE5E8;
    background: #fff;
}
.headcontent{
	float: left;
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 391px;
	display: block;
	border: 0px solid #DEE5E8;
    text-align: justify;
    background: #fff url(images/headerisi.gif) top left no-repeat;
    min-height: 50px;
}


#content {
	float: left;
	width: 420px;
    text-indent: 0px;
    background: #fff;
    padding: 5px;
    text-align: justify;


}
#content p {
	padding: 10px 0px;
	margin: 0px;
}


/*********************************************
		Clear
*********************************************/
#pad{
	display: inline;
	float: left;
	border: 0px solid black;
	width: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	display: block;
    }
#pad2{
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 182px;
	display: block;
	border: 0px solid #DEE5E8;

}
#pad3{
	display: inline;
	float: left;
	border: 0px solid black;
	width: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	display: block;

}
#padright{
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 182px;
	display: block;
	border: 0px solid #DEE5E8;

 }
/*********************************************
		Left Sidebar
*********************************************/
#sidebar {
	float: left;
	border: 0px solid #DEE5E8;
	border-bottom: 1px solid #DEE5E8;
	border-left: 1px solid #DEE5E8;
	border-right: 1px solid #DEE5E8;
	width: 180px;
	margin: 0px 5px 5px 0px;
	padding: 5px 0px;
	display: block;
    background: #fff;
}
#sidebar h2 { /* This style used as header in the sidebars */
	background: #fff url(images/sideback.gif) top center no-repeat;
	font-size: 16px;
    min-height:30px;
	color:#fff;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	font-weight: bold;
    text-transform:uppercase;
    text-indent: 20px;
    padding:3px 0 1px 5px;

}
#sidebar ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;

}
#sidebar ul li {
margin: 0px;
padding: 0px;
}
#sidebar ul li a {
font-size: 14px;
display: marker;
border-bottom: 0px dashed #993366;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:170px;

}

#sidebar ul li a:hover, #sidebar ul li a:focus {
color: #000000;
text-decoration: underline;
}
/**********   */
#sidebar ul ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;

}
#sidebar ul ul li {
margin: 0px;
padding: 0px;

}
#sidebar ul ul li a {
font-size: 14px;
display: block;
border-bottom: 0px dashed #993366;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:170px;
text-indent: 20px;


}

#sidebar ul ul li a:hover, #sidebar ul ul li a:focus {
color: #000000;
text-decoration: underline;

}


/*********************************************
		right Sidebar
*********************************************/
#r_sidebar {
	float: right;
	border: 1px solid #DEE5E8;
	width: 170px;
	margin: 0px 0px 5px 5px;
	padding: 5px 0px;
	display: block;
    background: #fff;

}
#r_sidebar h2 {
	background: #fff url(images/sideback.gif) top center no-repeat;
	font-size: 16px;
    min-height:30px;
	color:#fff;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-weight: bold;
    text-transform:uppercase;
    text-indent: 10px;
    padding:3px 0 1px 5px;

}


/*********************************************
		Footer Styles
*********************************************/
#footer {
	border: 0px solid black;
	background: #ffffff url(images/bgfooter.gif) repeat-x;
	width: 800px;
    min-height: 60px;
    clear: both;
}
.footermenu{
  padding: 15px 0px 0px 15px;
  width: 750px;
  display: block;
  margin: 10px;
  height: 20px;
}

#line {
	background: url(images/line.gif) repeat-x;
	text-align: left;
	padding: 0px 0px;
    height: 9px;
	margin: 0px;
	display: block;
	width: 798px;
    clear: both;
}
.captions {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#product {
   width:100%;
    font-size:12px;
	font-family:Verdana, arial;
	color: #000000;
	border-bottom:1px dotted #000000;
	padding-top:2px;
	padding-bottom:2px;
font-weight:bold;
display: block;
}
#product .header{
	font-size:12px;
	font-weight:bold;
	color: #555555;

}
.modulLine
{

    padding: 5px;
  }
.error {
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}
/********************
Image
********************/
.prod{
  float:left;
  width:150px;
  margin:7px;
  padding:5px;
  text-align:center;
  border:1px solid #fff;
  min-height: 120px;
  overflow: hidden;
  }
.prod img { width: 150px; margin: 0 auto; }
.prod:hover{
  background:#FBFBF8;
  border:1px solid #E6E4D9;
  }
.prod p{
  float:left;
  width:150px;
  font:11px verdana,arial,sans-serif;
  font-weight:normal;
  color:#000;
  text-align: center;
  margin:0;
  padding:5px;
  

  }
  .prod a
  {text-decoration:none;
  }
  
  
 .prod2{
  float:left;
  width:170px;
  margin:7px;
  padding:5px;
  text-align:center;
  border:1px solid #fff;
  min-height: 120px;
  overflow: hidden;
  }
.prod2 img {  margin: 0 auto; }
.prod2:hover{
  background:#FBFBF8;
  border:1px solid #E6E4D9;
  }
.prod2 p{
  float:left;
  width:170px;
  font:11px verdana,arial,sans-serif;
  font-weight:normal;
  color:#000;
  text-align: center;
  margin:0;
  padding:5px;
  

  }
  .prod2 a
  {text-decoration:none;
  }
 .ir { background: none; text-align: center; overflow: hidden; }

/**************
LEFT NAV
******************/

#leftnav {
        width: 10em;
}
#leftnav, #leftnav ul, #leftnav li {
        margin: 0;
        padding: 0;
        list-style: none;
}
#leftnav a {
        display: block;
        height: 1.2em;
	width: 100%;
        padding: 0.25em;
	text-decoration: none;
}
#leftnav a.span {
        color: white;
        background-color: #008;
	position: relative;
}
#leftnav a.span:hover {
        color: black;
        background-color: #CCF;
}
#leftnav a.span img {
	position: absolute;
	top: 2px;
	right: 2px;
	border: 0;
}
#leftnav li {
        border: thin solid white;
	clear: both;
}
#leftnav li ul li {
        font-size: 85%;
        border: none;
}
#leftnav li ul li a {
        color: white;
        background-color: #00C;
}
#leftnav li ul li a:hover {
        color: black;
        background-color: #CCF;
}
#paging{
  padding:5px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  color:#000000;
  font-weight:bold;
  text-align: right}
#paging a{
  padding:4px 7px 4px 7px;
  margin:0px 2px 0px 2px;
  border:1px solid #F93;
  background:#FFFFFF;
  color:#F93;
  text-decoration:none
  }
#paging a:hover{
  border:1px solid #F93;
  background:#F93;
  color:#FFFFFF;
  text-decoration:none
  }