*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	background-image: url(pic/atas.jpg);
background-repeat: repeat-x;
	
}


#menunya { 


	width: 100%;
	position: fixed;
	background-color:#0562D0;
	

}

#main {
	width: 1024px;
	margin: 0px auto;
	
}

#header { 


	width: 1024px;
	

}

#tengah { 


	width: 1024px;


}


#bawah {
	width: 100%;
	background-image: url(pic/bawah.jpg);
	background-repeat: repeat-x repeat-y;
}

#menubawah {
	width: 1024px;
	
}

.mode1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	}
	
	
.oldyellow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AA6600;
	}	
	
.yellow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF9900;
	}
	
.yellow {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	}	
	
.putih {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}	
	
.font_12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
	
.font_22 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#000;
	}
	
	
.font_16 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	}						
	
	
	
a.untukhitam {
	width:143px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

a.untukhitam:hover{
	width:143px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #09C;
	text-decoration: none;
	font-weight: bold;
}



a.biru {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #999;
	text-decoration: none;
	font-size:11px;	
}

a.biru:hover{
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #09C;
	text-decoration: none;
	font-size:11px;
	
}


a.putih_link {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #fff;
	text-decoration: none;
	font-size:12px;	
}


a.putih_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FC0;
	text-decoration: none;
	font-size:12px;
}


.yellow_link {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FC0;
	text-decoration: none;
	font-size:13px;
}


a.biru_link {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #09C;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
}

a.biru_link:hover{
	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	
}


#letakportfolio {	
		margin: -128px 0px 0px 15px;
		
}




.kodetextsaja {
	
	text-align: center;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	color: #000;
}


.kodetext2 {
	text-decoration:none;
	text-align: center;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	color: #000;
}


.pagination{padding: 10px 0;font-size: 10px; text-align: center;}
.pagination a {padding: 4px 5px; color: #333; margin: 0 1px; background:#efefef; border:1px solid #ddd;}
.pagination a:hover {background:#666; color: #fff; border:1px solid #333;}
.pagination strong {padding: 5px 5px; margin: 0 1px;}
.pagination-info{font-size:11px; padding: 6px 0 0 0;}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:645px;
		height:292px;
		overflow:hidden; 
		}	
	
#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:20px 0 0px 340px;
		padding:0px;
		height:28px;	
		}
	ol#controls li{
		margin:0 8px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		
		line-height:20px;
		border:1px solid #ccc;
		background:#F0F0F0;
		color:#000;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#900000;
		color:#FFF;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	
	
	
	a.icona {
	display:block;
	background:url(new_pic_order/ordernow.jpg) no-repeat center bottom;
	background-repeat:no-repeat;
	height:40px;
	width:148px;
	

		
}

a.icona:hover{
	background:url(new_pic_order/ordernow.jpg) no-repeat center bottom;
	background-repeat:no-repeat;
	height:40px;
	width:148px;
	text-align: center;
}
	
#talinya {  

margin : -40px 0px 0px 15px;
}

a.linknya2 {
	display:block;
	background:url(new_pic_order/lanjutorder.png) no-repeat center center;
	background-repeat:no-repeat;
	height:31px;
	

		
}

a.linknya2:hover{
	background:url(new_pic_order/lanjutorder.png) no-repeat center center;
	background-repeat:no-repeat;
	height:31px;
	text-align: center;
}	




a.linknya1 {
	display:block;
	background:url(new_pic_order/caranya1.png) no-repeat center center;
	background-repeat:no-repeat;
	height:31px;
	

		
}

a.linknya1:hover{
	background:url(new_pic_order/caranya1.png) no-repeat center center;
	background-repeat:no-repeat;
	height:31px;
	text-align: center;
}	



a.setregister {
	display:block;
	background:url(new_pic_order/joint1.png) no-repeat center bottom;
	background-repeat:no-repeat;
	height:42px;
	

		
}

a.setregister:hover{
	background:url(new_pic_order/joint2.png) no-repeat center bottom;
	background-repeat:no-repeat;
	height:42px;
	text-align: center;
}


a.backcart {
	display:block;
	background:url(new_pic_order/backcart1.png) no-repeat center bottom;
	background-repeat:no-repeat;
	height:39px;
	

		
}

a.backcart:hover{
	background:url(new_pic_order/backcart2.png) no-repeat center bottom;
	background-repeat:no-repeat;
	height:39px;
	text-align: center;
}


a.linknya3 {
	display:block;
	background:url(new_pic_order/kirima.jpg) no-repeat left center;
	background-repeat:no-repeat;
	height:31px;
	

		
}

a.linknya3:hover{
	background:url(new_pic_order/kirimb.jpg) no-repeat left center;
	background-repeat:no-repeat;
	height:31px;
	text-align: center;
}	


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
	position:absolute;
	width:192px;
	height:288px;
	display:none;
	z-index:9999;
	
	
	color: #FFF;
	text-align: justify;
	text-indent: 30px ;
	
	padding:180px  10 10px 15px;
		
}


#boxes #dialog2 {
  
  width:634px; 
  height:340px;
  margin:150px  0 0px 0px;
}	

#fboverlay {
    opacity: 0.6;
	color:#FFF;
    filter: alpha(opacity=60);
    -webkit-filter: white(100%);
    -moz-filter: white(100%);
    -o-filter: white(100%);
    -ms-filter: white(100%);
    filter: white(100%);
}


#slidercard ul, #slidercard li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slidercard li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:625px;
		height:278px;
		overflow:hidden;
		
		}	
		
		

.label,.badge{display:inline-block;padding:2px 4px;font-size:11px;font-weight:bold;line-height:14px;color:#ffffff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;}
.label:empty,.badge:empty{display:none;}
.label-warning,.badge-warning{
	background-color:#0265CD;
}
.label-warning,.badge-warning2{background-color:#DCD3BE;}
.label-warning,.badge-warning3{background-color:#5E3F00;}
.label-warning,.badge-warning4{background-color:#333333;}
.label-warning,.badge-warning5{background-color:#FF9900;}