body{ margin:0 0 0 0; background: url(../images/bg-1.jpg) left top no-repeat fixed; }
#sidemenu { width:100px; float:right; margin-top:-50px; }
#sidemenu .menu { position:fixed; left:0; width: 10px; }
#sidemenu .menu li { list-style:none; margin:-4px; }
#sidemenu .menu a.current { filter : alpha(opacity=50);	-moz-opacity : 0.5;	opacity : 0.5; }
#sidemenu .menu .homepage a { background:transparent url(../images/menu-home.png) no-repeat top right; }
#sidemenu .menu .about a {	background:transparent url(../images/menu-about.png) no-repeat top right; }
#sidemenu .menu .blog a { background:transparent url(../images/menu-blog.png) no-repeat top right; }
#sidemenu .menu .rss a { background:transparent url(../images/menu-rss.png) no-repeat top right; }
#sidemenu .menu .product a { background:transparent url(../images/menu-product.png) no-repeat top right; }
#sidemenu .menu .payment a { background:transparent url(../images/menu-payment.png) no-repeat top right; }
#sidemenu .menu a {
	position:relative;
	display:block;
	width:200px;
	height:80px;
	text-indent:10px;
	cursor:pointer;
	text-decoration:none;
	margin-left:-125px;
}
#screen {
	width: 470px;
	height: 250px;
	margin:0 0 20px -6px ;
	background:url(../images/screen.png) top left;
	padding:5px;
}
#slider {
	width: 470px;
	height: 240px;
	position:relative;
	text-align:center;
	color:#999;
	margin-left:1px;
}
#search{
	margin:10px 15px 0 0;
	width:430px;
	height:55;
	background:url(../images/search.png) top right no-repeat;
	padding:5px 12px 20px 15px;
	float:right;
}
#search .imagebox { overflow: hidden; float:left; }
#search .imagebox img {  height: 30px; float:left; border:1px solid #FFFFFF }
#inputString{
margin:4px 0 0 170px;
padding:2px 1px 1px 4px;
height:20px;
background: url(../images/searchbtn.png) repeat-x;
border:none;
width:247px;
}
#suggestions{ background: url(../images/slide3.png) bottom no-repeat;position:absolute; width:280px; margin:5px 0 0 150px; }
.searchheading{ font: normal medium Trebuchet MS; font-size:12px; letter-spacing:-0.2px; color:#FFFFFF; padding:0 10px 10px 10px; }
.searchheading a{ color:#FF9900; text-decoration:none; }
.header{ background:url(../images/header.png) top no-repeat; padding:10px 0 0 0; }
.header .leftheader{text-align:center; width:255px; float:left;	padding:10px 0 0 10px; }
.header .rightheader{ width:530px; float:right;	height:50px; }

/****Content Website****/
.container{	background:url(../images/body.png) repeat-y; padding:10px 10px 20px 20px; }
.container .left{
	width:470px; 
	float:left;
	font: normal medium "Trebuchet MS"; font-size:13px; letter-spacing:-0.1px; color:#4f4637;
}
.container .left ul,ol,li {
 margin:0 0 5px 10px;
}
.container .left a{ color:#009999; }
.container .left a:hover{ color:#CC6600; }
.container .left #content{ border:1px #cccccc solid; height:100%; padding:5px 5px 5px 10px; }
.container .left #content img{ margin:0 10px 0 0; }
.container .left h1{ font: normal medium "Trebuchet MS"; font-size:26px; letter-spacing:-0.3px; color:#4f4637; padding:0 0 15px 0; }
.container .left h2{ font: normal medium "Trebuchet MS"; font-size:20px; letter-spacing:-0.2px; color:#4f4637; padding:0 0 10px 0; }
.container .left p{	padding:0 0 10px 0; }
.container .right{
	width:280px; 
	float:right;
	background:url(../images/side.png) fixed top left;
	padding:0 0 0 5px;
	font: normal medium "Trebuchet MS"; font-size:13px; letter-spacing:-0.1px; color:#4f4637;
}
.container .right a{ color:#009999; }
.container .right a:hover{ color:#CC6600; }
.container .right .headercol{
	width:260px;
	padding:5px 0 8px 5px; 
	margin-top:-20px;
	border-top: dashed 1px #ffffff;
	height:20px;
	background:url(../images/bg-cat.jpg);
	font: bold normal medium "Bradley Hand ITC"; font-size:23px; font-weight:bold; letter-spacing:-0.7px; color:#000000;
}
.container .right .contentcol{ width:270px; margin-bottom:40px;	padding:0 0 0 5px; }
.blogcalendar{ width:50px;height:51px;background:url(../images/bg-date.jpg) no-repeat top; margin-left:274px; margin-top:10px;position:absolute;float:right; }
.blogcontact{
	width:140px;height:168px;background:url(../images/bg-contact.png) no-repeat top;margin-left:274px; margin-top:10px;position:absolute;float:right;
}
.container .right .contentcol .title {
	font: normal medium "Trebuchet MS"; font-size:15px; letter-spacing:-0.2px; color:#4f4637; padding:10px 0 10px 0;
}
.container .right .contentcol .meta {
	font-size:13px;
	background: url(images/img7.gif) no-repeat right bottom;
	font: normal medium "Arial"; font-size:12px; letter-spacing:-0.2px;
	padding:10px 0 10px 0;

}
.container .right .contentcol .meta a{
	color:#7eac10;
	text-decoration:none;
}
.container .right .contentcol .meta a:hover{
	color:#8fc118;
}
.footer{
background:url(../images/footer.png) no-repeat top;
height:30px;
}
.clear{
	clear:both;
}

ul.latest {
	width:290px;
	padding:6px 6px 0 0;
	float:left;
	text-decoration:none;
	list-style:none;
}
ul.latest img {width:120px;}
ul.latest li {
	float:left;
	margin:5px 0 0 6px;
}

ul.latest a img {
	border:1px solid #d9d4c1;
	padding:1px;
	background:#fff;
}
ul.latest a:hover img {	
	border:1px solid #6fa20b;
}

.headercategori{
	width:260px;
	padding:5px 0 8px 5px; 
	margin-top:-20px;
	border-top: dashed 1px #ffffff;
	height:20px;
	background:url(../images/bg-cat.jpg);
	font: bold normal medium "Bradley Hand ITC"; font-size:23px; font-weight:bold; letter-spacing:-0.7px; color:#000000;
}
.contentcategori{ width:270px; margin-bottom:40px;	padding:10px 0 5px 5px; }
ul.categories {
	font: normal lighter "Trebuchet MS"; font-size:14px; letter-spacing:0.2px; color:#4f4637;
	text-decoration:none;
	padding:0 6px 0 0;
	list-style: georgian;
}
ul.categories li { padding:5px;	margin:0px 0 0 25px; }

/*Icon Bar*/
#topmenu{
	width:240px;
	padding:0;
	float:right;
	height:5px;
	margin-top:16px;
	position:absolute;
}
#topicon{ margin-left:100px; }
#topicon img { border:none }
#topicon a.newsletter {
display: block;
width: 25px;
height: 30px;
outline: none;
background: url("../images/icontop.png") no-repeat 0 0;
}
#topicon a.newsletter:hover { background: url("../images/icontop.png") no-repeat -90px 0; }
#topicon a.contact.icon {
display: block;
width: 25px;
height: 30px;
outline: none;
background: url("../images/icontop.png") no-repeat -30px 0;
}
#topicon a.contact.icon:hover { background: url("../images/icontop.png") no-repeat -120px 0; }
#topicon a.credits.icon {
display: block;
width: 25px;
height: 30px;
outline: none;
background: url("../images/icontop.png") no-repeat -60px 0;
}
#topicon a.credits.icon:hover { background: url("../images/icontop.png") no-repeat -150px 0; }
#iconbar { height:25px; top:0; left:0; width: 125px; }
#iconbar li { float:left; position:relative; margin-left:7px; width:auto; display: block;}
#iconbar span {
	background: url("../images/iconbar.png") no-repeat 0 0;
	width: 110px;
	height: 35px;
	position: absolute;
	top: -30px;
	left: -9px;
	text-align: left;
	text-decoration:none;
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000000;
	cursor:default;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}
#shopingcart{ background: url(../images/cart-bg.png) right no-repeat; padding:10px; border:1px dashed #cccccc; width:250px; display:block; margin:-35px 0 35px 0; }
.pro{ background:#f5f5f1 url(../images/bg-pro.jpg); margin-bottom:15px; border:1px #FFFFFF solid; padding:10px; }
.pro .imagebox { width:100; text-align:center; float:left; margin-right:10px; }
.pro .imagebox img { width:100px; }
.pro .imagebox a img { border:2px #FFFFFF solid; }
.pro .imagebox a:hover img { border:2px #6fa20b solid; }
.pro .imagebox2 { overflow: hidden; float:left; display:block; margin-right:10px; }
.pro .imagebox2 img {  height: 120px; margin: 0 auto; float:left; }
.pro .imagebox2 a img { border:1px #FFFFFF solid; }
.pro .imagebox2 a:hover img { border:1px #6fa20b solid; }
.pro td { padding:5px 0 0 0; }
.pro input { border:1px solid #666666; background:#FFFFFF; padding:2px; }
#proicon{ margin-left:395px; margin-top:-5px; }
#proicon img { border:none }
#proicon a.max {
	display: block;
	width: 16px;
	height: 20px;
	outline: none;
	background: url("../images/iconpro.png") no-repeat -1px 0;
}
#proicon a.max:hover { background: url("../images/iconpro.png") no-repeat -21px 0; }
#iconpro { height:25px; top:0; left:0; width: 16px; }
#iconpro li { float:left; position:relative; margin-right:8px; width:auto; display: block;}
#iconpro span {
	background: url("../images/iconbar2.png") no-repeat 0 0;
	width: 110px;
	height: 35px;
	position: absolute;
	top: -30px;
	left: -87px;
	text-align: left;
	text-decoration:none;
	padding: 5px;
	display: none;
	line-height:110%;
	color:#FFFFFF;
	cursor:default;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
}
#suksessimpan{ background:#edfae1; padding:5px; border:1px solid #aaaaaa; text-align:center }
#gagalsimpan{ border:1px solid #d92723; padding:5px; color:#d92723; text-align:center; }
#gagalsimpanleft{ border:1px solid #aaaaaa; padding:5px; color:#333 }

/*Blog Content*/
#blog {
	color:#555;
}
#blog a{
	color:#CC6600
}
#blog a:hover{
	color:#009999
}
#blog .title{
	font-size:16px;
}
#blog .meta{
	font-size:13px;
}
#blog .meta a{
	color:#000000;
}
#blog .meta a:hover{
	color:#009999
}
#blog .story{
	font-size:13px;
}
#blog .story a{
	color:#000000;
}
#blog .story a:hover{
	color:#009999
}
.blogwelcome {
	margin-bottom:15px;
	border-bottom:1px dashed #bbbbbb;
}
ul.p {
	width:480px;
	float:left;
	text-decoration:none;
	list-style:none;
	display:block;
	background:url(../images/bgcat.jpg);
}
ul.p li{
	float:left;
}
ul.p li.num {
	float:left;
	margin:5px 0 5px 10px;
	display:block;
}
ul.p li.nb{
	width:45px;
	height:20px;
	margin:4px 0 5px 10px;
	text-align:center;
	border:none;
	padding:1px;
	background:url(../images/bg.jpg);
}
ul.p li.nb a{
	color:#333333;
}



/*Confirmation*/
#confirm td{ border-bottom:#eeeeee 1px solid; }
#confirm td.noborder{ border:0; }
#confirm input.green{
	padding:2px; border:1px solid #666666; color:#FFFFFF; font-weight:500; cursor:pointer; background:#7ec03d
}