﻿* 
{
margin: 0px;
padding: 0px;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1, h2, h3, p, ol, ul {
	margin-top: 0;
}

h1, h2, h3 {
	font-family: arial, helvetica, sans-serif;
}

hr {
	display: none;
}

#main
{
width: 980px;
margin: 0 auto;
}


/* Header */

#header {
	background: #ffffff url(images/logo.jpg) 0px 55px repeat-x;
	width: 980px;

}

#logo {
width: 400px;
height: 120px;
}

#logo h1, #logo p {
	margin: 0;
	line-height: normal;
}

#logo h1 {
	padding: 30px 0px 0px 20px;
	font-size: 24px;
	color: #FF0000;
}
#logo h2 {
	padding: 10px 0px 0px 25px;
	font-size: 11px;
	text-transform: none;
	color: #fefe00;
}

#logo a {
	text-decoration: none;
	color: #ff0ccc;
}

#menu {
	height: 41px;
	width: 900px;
	padding: 20px 0px 0px 80px;
}

#b1 {
   	background: url(images/b11.jpg) no-repeat;
}

#b2 {
   	background: url(images/b22.jpg) no-repeat;
}

#b3 {
  	background: url(images/b33.jpg) no-repeat;
}

#b4 {
   	background: url(images/b44.jpg) no-repeat;
}

#b5 {
   	background: url(images/b55.jpg) no-repeat;
}
#b6 {
   	background: url(images/b44.jpg) no-repeat;
}


#menu ul {
	margin: 0;
	list-style: none;
	
}

#menu li {
	display: inline;
}

#menu a {
	float: left;
	width: 135px;
	height: 26px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;

}

#menu a:hover {
	height: 31px;
	margin-top:-5px;
}

#searchengine {
position: absolute;
padding: 93px 0px 0px 680px;
}

#ucapan {
position: absolute;
padding: 16px 0px 0px 530px;

}

/* Page */

#page {
	margin: 0 auto;
	background: url(images/cent_m.jpg) repeat-y;
}

.page2 {
	background: url(images/top_m.gif) top no-repeat;
}

/* Content */

#content {
	float: left;
	width: 539px;
}


#content .post ul, #content .post ol
{
margin-left: 0px;
}

#content .middle_back
{
width: 500px;
padding: 15px 20px 30px 20px;
}

#content .title
{
background: url(images/tit_b.jpg) top no-repeat;
height: 25px;
padding-top: 10px;
padding-left: 30px;
}

.post {
	padding: 13px 0px 0px 0px;
	color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 18px;

}

.post a {
	color: #034791;
    text-decoration: none;
}
.post a img {
border: 0;
}

.post a:hover {
	color: #034791;
    text-decoration: underline;
}

.post h3
{
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}

.tabo {
 text-align: center;
}
.taba {
 font-size: 10px;
 text-align: left;
}
.tabh {
 font-size: 12px;
 font-weight: bold;
 text-align: center;
} 
.tabh1 {
 font-size: 20px;
 font-weight: bold;
 text-align: left;
} 
.price
{
font-size:15px;
color:#6600CC;
font-weight: bold;
}
.price1
{
font-size:15px;
color:#6600CC;
font-weight: bold;
text-align: center;
}
.merah
{
font-size:1em;
color:#FF0000;
}
#product, #product1, #product2, #product3, #product4, #product5, #product6, #product7
{
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

#product td, #product th, #product1 td, #product1 th, #product2 td, #product2 th, #product3 td, #product3 th, #product4 td, #product4 th,
#product5 td, #product5 th, #product6 td, #product6 th, #product7 td, #product7 th
{
font-size:1em;
border:0px solid #98bf21;
padding:3px 7px 2px 7px;
}
#product th, #product1 th, #product2 th, #product3 th, #product4 th, #product5 th, #product6 th, #product7 th
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#product tr.alt td, #product1 tr.alt td, #product2 tr.alt td, #product3 tr.alt td, #product4 tr.alt td, #product5 tr.alt td, 
#product6 tr.alt td, #product7 tr.alt td
{
color:#000000;
background-color:#EAF2D3;
}
#product tr.alt1 td, #product1 tr.alt1 td, #product2 tr.alt1 td, #product3 tr.alt1 td, #product4 tr.alt1 td, #product5 tr.alt1 td,
#product6 tr.alt1 td, #product7 tr.alt1 td
{
color:#000000;
background-color:#FFCC66;
}
/* Sidebars */

.sidebars {
	float: left;
	width: 219px;
}
.sidebars1 {
	float: left;
	width: 219px;
}

.sidebar1, .sidebar3 {
	padding: 13px 7px 0px 7px;
}

.sidebar2 {
	padding: 13px 7px 0px 11px;
}
.sidebar2 ul, .sidebar1 ul  {
	margin: 0px;
	padding: 5px 0px 0px 4px;
	list-style: none;
	line-height: normal;
}
.sidebar2 li, .sidebar1 li {
	padding: 4px 0px 1px 10px;
}
.sidebar2 a {
	text-decoration: none;
	color: #034791;
	font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border-bottom: #00FF00 5px solid; 
    border-left: #999999 5px solid; 
    padding-bottom: 2px;
    padding: 2px;
    background-color: #CCCCCC; 
    padding-left: 5px; 
    width: 150px; 
    padding-right: 5px; 
    display: block; 
    border-top: #00FF00 5px solid; 
    border-right: #999999 5px solid; 
}
.sidebar2 a:hover {
	text-decoration: none;
	color: #6600FF;
	font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    border-bottom: #FF0000 5px solid; 
    border-left: #CCCCCC 5px solid; 
    padding-bottom: 2px;
    padding: 2px;
    background-color: #CCFF99; 
    padding-left: 5px; 
    width: 150px; 
    padding-right: 5px; 
    display: block; 
    border-top: #FF0000 5px solid; 
    border-right: #CCCCCC 5px solid; 
}
.sidebar1 a {
	text-decoration: none;
	color: #034791;
	font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
}
.sidebar1 a:hover {
	text-decoration: underline;
	color: #6600FF;
	font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
}
.sidebar1 h2, .sidebar2 h2, .sidebar3 h2, .sidebar4 h2 {
	padding-top: 10px;
	color: #ffffff;
	background: url(images/tit_s.jpg) no-repeat;
	height: 26px;
	padding-left: 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}
.sidebar1 a img, .sidebar2 a img, .sidebar3 a img, .sidebar4 a img {
border:0;
}
.sidebar3 {
  width:auto;
  margin: 2px 0px 10px 0px;
}
.sidebar4 {
  width:auto;
  margin: 2px 0px 0px 0px;
  padding: 0px 5px 10px 9px;
}

/* Right Sidebar */

#leftbar .back
{
padding: 0px 10px 25px 0px;
text-align: center;
}
#rightbar .cald {
padding: 0px 10px 25px 4px;
font-size: 10px;
}
#rightbar .cald a {
	text-decoration: none;
	font-size: 10px;
}
#rightbar .cald a:hover {
	text-decoration: none;
	font-size: 10px;
}
#rightbar .back
{
padding: 10px 0px 25px 0px;
text-align: center;
}
#bot_tb { 
	background:url(images/bot_m.jpg) bottom no-repeat;
	height: 17px;
}
/* Footer */

#footer {
	background: url(images/futer.jpg) bottom repeat-x;
	clear: both;
	padding-top: 10px;
	height: 30px;
	text-align: center;
	margin-top: 30px;
}

#footer p {
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#bg {
color:#999999;
}

