/* author:Nda - http://webwae.com 2009 
 cross browser, semantic, clean.
*/

/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{margin:0px; padding:0px;}

body{ margin:0px; padding:0px; background:#fff url(bg_body.gif) repeat-x; font: normal 13px/1.5em Arial; color:#494848; }

.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }
.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }

h1,h2,h3 {margin:0px; padding:0px;}
h1 {margin:7px 0px; padding:0px; font:bold 18px/1em Arial; color:#689715;}
h2 {margin:7px 0px; padding:0px; font:bold 17px/1em Arial; color:#689715;}
h3 {margin:0px; padding:0px; font:bold 15px/1em Arial; color:#689715;}
h4 {margin:0px; padding:0px; font:bold 14px/1em Arial; color:#689715;}

h1.breadcump_gal { margin:7px 0px; padding:27px 0 0 0; height:30px; font:bold italic 25px/1em Georgia; color:#689715;}
p.breadcump_gal { margin:0px; padding:0px; height:30px; font:bold italic 12px/1em Georgia; color:#689715;}

a { border:none; text-decoration: underline; color:#669615;}
a:hover { border:none; text-decoration: none; color:#669615;}
a.more { border:none; text-decoration:none; color:#b71818;}
a.more:hover { border:none; text-decoration:underline; color:#b71818;}

a.morelist { padding:0 15px 0 0; background:url(arrow_blue.png) no-repeat right; border:none; text-decoration:underline; color:#77af1a;}
a.morelist:hover { border:none; text-decoration:none; color:#77af1a;}

img { margin:0px; padding:0px; border:none; }
img.iconside { margin:5px 10px -7px 0px; padding:0px; }
img.lefthumb { float:left; margin:5px 5px -3px 0px; }
img.iconhome { margin:15px 5px -15px 0px; padding:0px; }

img.float-right { float:right; margin: 5px 0px 10px 10px; }
img.float-left { float:left; margin: 5px 10px 5px 0px; }

a img { border:none; }
a:hover img { border:none; }

blockquote.op { margin:10px 0; padding:10px; font:italic 12px/1.3em arial; background:#fff; color:#ff0000; border:1px solid #ceeeb2 }

ul.nostyle { list-style:none; }

.classbasic { margin:0px; padding:0px; width:auto; height:auto; border:1px solid; }
.float_left { float:left; }
.float_right { float:right; }

/*========================================================================*/
/*		WRAPPING													      */
/*========================================================================*/
#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:none; text-align:left; }

/*========================================================================*/
/*		NAVTOP														      */
/*========================================================================*/
#navtop { display:block; margin:0px auto; padding:0 0 0 0; width:950px; height:auto; background:transparent; border:none; }
.navtopleft { margin:30px 0 0 0; width:280px; height:auto; float:left; border:none; }
.navtopright { margin:40px 12px 0 0; *margin:48px 12px 0 0; _margin:48px 4px 0 0; padding:; width:630px; height:auto; float:right; border:none; }

.navlog { float:right; width:auto; height:30px; border:none;}
.navcump { float:right; clear:both; padding:3px 11px 0 10px; width:490px; height:22px; background:url(bg_navcump.png) no-repeat; color:#fff; border:none;} 
.navcump_left { float:left; width:auto; border:none; font:bold 11px/1.7em arial; }
.navcump_right { float:right; width:auto; border:none; } 
.navcump_right a { color:#fff; font:12px arial; text-decoration:none; } .navcump_right a:hover { color:#fff; text-decoration:underline; }


/*========================================================================*/
/*		CONTENT														      */
/*========================================================================*/
.content { clear:both; margin:0px auto; padding:0px; width:950px; height:auto; background:transparent; border:none; }
.sidehome { float:left; width:410px; font:normal 12px arial; color:#4e8c17; border:none; }
.sidecont { float:left; width:280px; font:normal 12px arial; color:#4e8c17; border:none; }
.sidebox { padding:10px 5px; width:250px; height:auto; color:#3b3b3b; border:none; }
.sideline { display:block; width:239px; margin:5px 0 0 0; padding:0 0 5px 0; background:url(sideline.gif) repeat-x top; font-size:2px; }

.content_home { float:right; padding:5px 0 10px 0; width:525px; border:none;  }
.content_cont { float:right; padding:5px 0 10px 0; width:660px; border:none;  }

/*=== sidemenu ===*/
.sidemenu { float:left; margin:10px 0; padding:10px 0 0 0px; width:200px; height:auto; }
.sidemenu ul { list-style:none; }
.sidemenu ul li.home { text-align:left; border-left:8px solid #c3c06e; }
.sidemenu ul li.about { text-align:left; border-left:8px solid #71b428; }
.sidemenu ul li.gallery { text-align:left; border-left:8px solid #378339; }
.sidemenu ul li.product { text-align:left; border-left:8px solid #31ce35; }
.sidemenu ul li.olprint { text-align:left; border-left:8px solid #378339; }
.sidemenu ul li.contact { text-align:left; border-left:8px solid #c2f959; }

.sidemenu ul li a { margin:2px 0; padding:3px; display:block; height:30px; font:bold 18px/1em tahoma; color:#70b236; letter-spacing:-1px; text-decoration:none; }
.sidemenu ul li a:hover { margin:2px 0; padding:3px; display:block; height:30px; font:bold 18px/1em tahoma; color:#378339; letter-spacing:-1px; text-decoration:none; }
.sidemenu ul li a em { clear:both; font:normal 11px/1em arial; }

/*=== sub menu ===*/
.submenu { margin:5px 0; width:230px; }
.submenu ul { list-style:none; }
.submenu ul li a { display:block; padding:10px 0 10px 20px; height:20px; font:bold 13px arial; background:url(arrow_blue.png) no-repeat 5px 13px; border-bottom:1px dashed #689715; color:#689715; text-decoration:none; }
.submenu ul li a:hover { display:block; padding:10px 0 10px 20px; height:20px; font:bold 13px arial; background:url(arrow_blue.png) no-repeat 5px 13px; border-bottom:1px dashed #689715; color:#689715; text-decoration:underline; }

/*=== overview home ===*/
.hlight { float:left; margin:5px; padding:10px; width:142px; height:248px; background:#d8f0be; font:normal 11px/1.3em arial; color:#000; }
.hlight a.title { font:bold 14px/1.5em arial; text-decoration:none; color:#ff8635; }
.hlight_desc { width:142px; height:145px; }
.hlight_img { width:142px; height:100px; text-align:center; }

.hlight2 { float:left; margin:5px; padding:10px; width:228px; height:248px; background:#d8f0be; font:normal 11px/1.3em arial; }
.hlight2 p.title { font:bold 14px/1.5em arial; color:#78bf3a; }
.newsline { margin:5px 0 0 0; padding:0 0 5px 0; border-top:1px solid #dcdcdc; }

ul.tips { list-style-image:url(cek_list.gif); }
ul.tips li { margin:0 0 5px 15px; }
ul.tips li a { text-decoration:none; } ul.tips li a:hover { text-decoration:underline; }


/* Gallery page */
.gallery_wrap { margin:0 auto; width:650px; border:none; }
.gallery_frame { float:left; margin:5px; padding:10px 10px; width:129px; height:159px; background:url(bg_framegal.gif) no-repeat; text-align:center; }
.gallery_frame p { font:normal 12px/1.2em arial; } .gallery_frame img { margin:2px 0; }
.gallery_frame a { text-decoration:none; } .gallery_frame a:hover { text-decoration:none; }

.gallery_detail { float:left; margin:4px; padding:10px 10px; width:129px; height:159px; background:transparent; text-align:center; border:none; }
.gallery_detail a img { padding:5px; background:#fff; border:1px solid #ddd; text-decoration:none; }
.gallery_detail a:hover img { padding:5px; background:#fff; border:1px solid #aaa; text-decoration:none; }
.gallery_detail a, .gallery_detail a:hover { text-decoration:none; }

.pro_detail { float:left; margin:4px; padding:10px 10px; width:129px; height:200px; background:transparent; text-align:center; border:none; }
.pro_detail a img { padding:5px; background:#fff; border:1px solid #ddd; text-decoration:none; }
.pro_detail a:hover img { padding:5px; background:#fff; border:1px solid #aaa; text-decoration:none; }
.pro_detail a, .gallery_detail a:hover { text-decoration:none; }

/* list page */
.content_wrap { width:670px; }
.listline { clear:both; display:block; width:669px; margin:8px 0 0 0; padding:0 0 8px 0; background:url(sideline.gif) repeat-x top; font-size:2px; } 
.line { clear:both; display:block; width:auto; margin:8px 0 0 0; padding:0 0 8px 0; background:url(sideline.gif) repeat-x top; font-size:2px; } 

/* Box Paging */

.box_paging { clear:both; margin:0px auto; padding:20px 0px 10px 0px; width:600px; height:30px; background:transparent; text-align: center; }
.box_paging b { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#ddd; font:normal 12px/1.5em Arial, sans-serif; color:#333; text-decoration:none; text-align:center; border:1px solid #b2acac; }
.box_paging span a { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
.box_paging a:hover{ display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:underline; text-align:center; border:1px solid #67921b; }
.box_paging span.pagingarrow_prev a { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
.box_paging span.pagingarrow_next a { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
.box_paging span.pagingarrow_prev a:hover{ display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }
.box_paging span.pagingarrow_next a:hover { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }

/*
.box_paging { clear:both; margin:0px auto; padding:20px 0px 10px 0px; width:600px; height:30px; background:transparent; text-align: center; }
.box_paging b { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#ddd; font:normal 12px/1.5em Arial, sans-serif; color:#333; text-decoration:none; text-align:center; border:1px solid #b2acac; }
a.paging { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.paging { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:underline; text-align:center; border:1px solid #67921b; }
a.pagingarrow_prev { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.pagingarrow_prev { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }
a.pagingarrow_next { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.pagingarrow_next { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }
*/

/* contact */
.contact_ad { width:300px; float:left; padding:0 30px 0 0; border:none; }

/*===== ONLINE PRINTING =====*/
.progorderop { margin:0 0 10px 0; padding:20px 0 0 10px; width:555px; height:50px; background:#e9ffd6; border:1px solid #78bf3a; }
.progorderop ul { clear:both; margin:0 0 0 10px; font:italic 13px "times new roman"; }
.progorderop ul li { display:inline; margin:0 15px 0 0; color:#aaa; }
.progorderop ul li.active { display:inline; margin:0 15px 0 0; color:#444; }

/* fancy multiselect */
.multisel { width:auto; height:auto; }
.multisel_box { float:left; width:300px; height:auto; border:none; }
.multisel_but { float:left; width:120px; height:auto; border:none; }

/* setup order */
.opsetup { width:650px; height:auto; border:none; }
.opsetup_list { float:left; margin:5px 0; padding:10px; width:auto; background:#e9ffd6; border:1px solid #c4eba3; }
.opsetup_img { float:left; margin:0 10px 0 0; padding:5px; width:200px; height:180px; background:#fff; text-align:center; border:1px solid #c4eba3; } 
.opsetup_img img { margin:5px 0; }
.opsetup_opt { float:left; padding:5px 10px; width:380px; height:180px; background:#fff; border:1px solid #c4eba3; }

.opsetup_navigasi { float:right; margin:0 20px 0 0; }

/* preview order */
.oppreview { width:650px; height:auto; border:none; }
.oppreview_list { float:left; margin:5px 0; padding:10px; width:628px; background:#e9ffd6; border:1px solid #c4eba3; }
.oppreview_img { float:left; margin:0 10px 0 0; padding:5px; width:90px; height:70px; background:#fff; text-align:center; border:1px solid #c4eba3; } 
.oppreview_desc { float:left; padding:5px 10px; width:360px; height:70px; font:normal 12px/1.3em arial; background:#fff; border:1px solid #c4eba3; }
.oppreview_view { float:right; margin:20px 0 0 0; padding:0; width:auto; text-align:center; border:none; }

/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#wrap_footer { clear:both; margin:0px; padding:0px; width:100%; background:#3a8b3c; text-align:left; border-top:5px solid #a2e852; }
#footer {
	clear:both;
	padding:7px 0px 0px 0px;
	margin:0px auto; 
	width:950px; height:60px; 
	background:#3a8b3c;
	font: normal 12px/1em Arial, sansans-serif;	color:#fff;
	text-align:center;
}
#footer p{ margin:0px;	padding:0px; font:normal 13px/1.3em arial; color:#fff; }
#footer a{ margin:32px 3px 20px 3px; padding:10px 3px; color:#fff; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

/*========================================================================*/
/*		FORM GLOBAL														  */
/*========================================================================*/
form { margin:0px; padding:0; }
label { margin:5px 0; display:block; font-weight:bold; }
input.txt { margin:0px; padding:2px 5px 0px 5px; width:210px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
input.txt_sign { margin:0px; padding:2px 5px 0px 5px; width:170px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }

input.button { margin:1px 5px 1px 0px; padding:0px; width:108px; height:30px; background:url(bg_but.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; border:none; }
input.button2 { margin:1px 5px 1px 0px; padding:0px; width:150px; height:30px; background:url(bg_but2.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; text-align:center; border:none; }
input.but_sign { margin:1px 0px; padding:0px 15px 2px 15px; width:81px; height:22px; background:url(but_sign.png); font:bold 12px/1em Arial; color:#fff; border:none; cursor:pointer; }
input.but_opprev { margin:1px 5px 1px 0px; padding:0px; width:180px; height:30px; background:url(bg_butopprev.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; text-align:center; border:none; }
input.but_opnext { margin:1px 5px 1px 0px; padding:0px; width:180px; height:30px; background:url(bg_butopnext.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; text-align:center; border:none; }

textarea.opaddress { float:left; margin:0 0 5px 0; padding:5px; width:450px; height:100px; font:normal 12px arial; border:1px solid #c0c0c0; }

/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.control { margin:5px; padding:0px; width:500px; }
dl.contact { margin:20px 0; padding:0px; width:600px; border:none;}
dl.opreg { margin:20px 0; padding:0px; width:650px; border:none;}

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }
dt.float_right { float:right; height:auto; margin:5px 0; padding:5px 0; }

dt label { float:left; padding:2px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:left; }
dt label.contact { float:left; padding:0px 5px 0px 0px; width:80px; font:normal 13px/1em arial; color:#3d3d3d; text-align:left; }
dt label.opreg { float:left; display:block; padding:0px 5px 0px 0px; width:140px; font:normal 13px/1em arial; color:#252525; text-align:left; }
dt label.classified { float:left; display:block; padding:0px 5px 0px 0px; width:140px; font:bold 15px/1em arial; color:#689715; text-align:left; }
dt label.lbopsetup { float:left; display:block; padding:0px 5px 0px 0px; width:80px; font:normal 13px/1em arial; color:#252525; text-align:left; }
dt label.opconfirm { float:left; display:block; padding:0px 5px 0px 0px; width:170px; font:normal 13px/1em arial; color:#252525; text-align:left; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }


dt p {  display:inline-block; line-height:22px; }
dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }
dt p.listline { clear:both; display:block; width:auto; margin:8px 0 0 0; padding:0 0 8px 0; background:url(sideline.gif) repeat-x top; font-size:2px; } 
dt p.agre {  display:inline-block; width:500px; }

dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
dt input.txt_opreg { margin:0px; padding:5px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #ace17e; }
dt input.txt_place { margin:0px; padding:5px 5px 0px 5px; width:130px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #ace17e; }
dt input.txt_year { margin:0px; padding:5px 5px 0px 5px; width:60px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #ace17e; }
dt input.txt_opsnum { margin:0px; padding:3px 0 0 0; width:60px;  font: normal 13px/1em Arial; color:#464646; }

dt input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:30px; background:url(bg_but2.png); font:bold 15px/1em Arial; color:#024769; border:none; cursor:pointer; }
dt input.but { margin:1px 5px 1px 0px; padding:0px 15px 3px 15px; width:108px; height:30px; background:url(bg_but.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; border:none; }

dt select { padding:2px; width:262px; }
dt select.date { width:50px; }
dt select.month { width:150px; }
dt select.opssize { width:150px; }
dt select.opsfull { width:220px; }

dt textarea.classified { float:left; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }
dt textarea.contact { float:left; margin:0 0 5px 0; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }

/*========================================================================*/
/*		TABLE ELEMENTS													  */
/*========================================================================*/
table.op_order { clear:both; margin:10px 0; width:650px; font: normal 12px/1.2em Arial; color:#272727; border-collapse:collapse; border:none; }

tr {margin:0px; padding:0px; width:auto; height:auto; border:none; }

th.op { padding:5px; height:auto; background:#e9ffd6; color:#272727; text-align:left; border:1px solid #aaa; }
th.op_no { padding:5px; height:auto; background:#e9ffd6; width:25px; color:#272727; text-align:center; border:1px solid #aaa; }
th.op_aligncenter { padding:5px; height:auto; background:#e9ffd6; width:auto; color:#272727; text-align:center; border:1px solid #aaa; }

td.op { height:auto; text-align:left; padding:5px; border:1px solid #aaa; }
td.op_no { height:auto; text-align:center; padding:5px; width:25px; border:1px solid #aaa; }
td.op_total { height:auto; text-align:right; padding:5px; width:auto; border:none; }
td.op_alignright { height:auto; text-align:right; padding:5px; width:auto; border:1px solid #aaa; }
td.op_aligncenter { height:auto; text-align:center; padding:5px; width:auto; border:1px solid #aaa; }