body {
	background-attachment:fixed;
	margin : 0px;
	bottom : 0px;
	top : 0px;
	background-color : #3D5C89;
	}
.mainframe {background-color:#FFFFFF; width : 910px; margin : 0 auto;}

.garis_bawah {background-image:url(../img/titik.gif); height: 5px}

.head{margin: 0 auto; width: 892px; margin-top: 0px; margin-bottom: 5px; background-color: #FFFFFF; }
.frame{margin: 0 auto; width: 900px; margin-top: 10px; margin-bottom: 10px; background-color: #FFFFFF}

.topmenu{font-family : verdana; font-size : 9pt; float:right; width:100%; text-align : right}
.topmenu a{color : #3D5C89; text-decoration : none; margin-right : 5px;}
.topmenu a:hover{color : #000000;}

.banner{background-color: #C35617; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-size : 9pt; font-family: verdana; color :#FFFFFF;}
.banner a{text-decoration: none; padding-right: 25px; color : #FFFFFF; font-family : verdana; font-size : 9pt}
.banner a:hover{text-decoration: none; color: #FF0000;}
.subbanner {background-color: #AA0000; color: #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px}
.subbanner a{text-decoration: none; color: #FFFF00; padding-right: 15px}
.subbanner a:hover{text-decoration: none; color: #FF0000}

.right{padding: 0px; margin-left: 182px; width: 710px; background-color: #FFFFFF; }
.center{padding : 0px; width : 900px; background-color : #FFFFFF;}

/* left menu */
.left{padding : 0px; width: 180px; margin-right: 0px; margin-top : 10px}
.left .leftmenu{padding: 3px;}
.left .headmenu {padding: 3px; font-weight: bold; font-family: verdana; font-size: 10pt; border-top: 1px solid #3D5C89; margin-top: 5px }
.left .headmenu a{text-decoration: none; color: #3D5C89;}
.left .headmenu a:hover{text-decoration: underline; color: #000000}
.left .submenu a{padding-left: 15px; text-decoration : none; color: #3D5C89; font-family : verdana; font-size : 9pt;}
.left .submenu a:hover{text-decoration: underline; color: #000000}

.search{background-color: #85B985; padding: 3px; text-align: center}
.search input{width: 145}
.search #button {background-image:url(../img/search.png); background-repeat: no-repeat; background-position: center; width: 22; background-color: #FF0000; border: 1px solid #AA0000; padding: 1px}

.pic_slide{text-align: center; padding : 8px; }
/*.pic_slide .product{word-wrap : word-break; background-color : #CCCCCC; border : 1px solid #CCCCCC; float : left; width : 190px; height : 190px; margin-left : 3px;margin-right : 3px; margin-bottom : 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background-color: #FFFFFF; padding : 5px; font-family : arial; font-size : 10pt; text-align:center}*/
.pic_slide .product{word-wrap : word-break; float : left; width : 200px; height : 190px; margin-left : 3px;margin-right : 3px; margin-bottom : 15px; padding : 5px; font-family : arial; font-size : 10pt; text-align:center}
.pic_slide .product a{color : #3D5C89; text-decoration:none; font-weight:bold}
.product_slide{width : 220px;margin: 0px; height:140px}
.articles_slide{background-color : #AA0000; height:125px; padding : 8px; color : #FFFFFF; font-size : 9pt; font-family : verdana}

.cart {font-size:10pt; font-family: verdana; color : #3D5C89; margin-top : 10px}
.cart fieldset{position:relative; border: 1px solid #C0C0C0; margin-bottom: 10px}
.cart legend{font-size :12pt; font-family :verdana; font-weight: bold;}

.articles {}
.articles td{font-family: verdana; font-size : 10pt}
.articles fieldset{border: 1px solid #FFFFFF; margin-bottom: 10px; margin-top : 5px; margin-left : 4px; background-color : #FFFFFF}
.articles #legenda legend{font-family: verdana;background-color: #000000; border: 1px solid #000000; color: #FFFFFF; font-weight: bold;}
.articles #legenda-s legend{font-family : verdana;background-color: #3D5C89; border: 1px solid #000000; color: #FFFFFF; font-size : 9pt; padding-top : 3px; padding-bottom : 3px}
.articles #legenda-s legend a{color : #CCCCCC; text-decoration: none;}
.articles #legenda-s legend a:hover{color : #FF0000; text-decoration: none}
.articles #legenda-s legend a.current{color : #FFFFFF; text-decoration: none; font-weight : bold}

.footer{margin: 0px auto; border : 1px solid #CCCCCC;width:  903px; text-align : center; background-color : #F1F1F1; font-family : verdana; font-size : 8pt; padding: 2px; color : #808080}
.footer a{color : #808080; text-decoration : none}
.footer a:hover{color : #3D5C89}
.footer td{color : #808080; font-size : 8pt;}
.footer td a{color : #808080; text-decoration : none}
.footer td a:hover{color : #3D5C89; text-decoration:underline;}

.products {margin-top : 0px}
.product_frames{width: 100%; height: 100px; border: 1px solid #FFFFFF; float : left; margin: 8px; font-style: italic; text-align: center; padding-top: 70px}
.product_frame{width : 152px; height: 222px; float : left; margin-top: 10px; margin-left : 8px; margin-right : 8px; margin-bottom : 20px; text-align:center}
/*.product_frame{width : 152px; height: 222px; border: 1px solid #3D5C89; float : left; margin: 8px; background-color: #DDDDCC;text-align:center;}*/
.product_frame .images{width:146px; height: 152px;vertical-align: middle; text-align : center; background-color : #FFFFFF; margin-left:3px; margin-top: 3px;}
.product_frame .text {width:146px; height: 58px; padding: 3px; background-color: #FFFFFF; }
.product_frame .prod_text {font-size : 10pt; font-family : verdana; color: #3D5C89;font-weight: bold}
.product_frame .prod_text a{font-size : 10pt; font-family : verdana; color: #3D5C89;font-weight: bold; text-decoration : none;}
.product_frame .prod_text a:hover{color : #000000}
.product_frame .prod_text2 {font-size : 8pt; font-family : verdana; color: #000000;}

.p_images{width: 185px; height: 185px; padding: 0; text-align: center; vertical-align: middle;background-color : #FFFFFF}
.p_title{font-family: verdana; font-weight: bold; color : #3D5C89; margin-top : 30px}
.p_title h1{font-size : 14pt; }
.p_content{font-size : 9pt; font-family: verdana; color : #000000;}
.p_price {font-size : 18pt; font-family : verdana ; color : #3D5C89; font-weight: bold; margin-top : 10px}

/*
.filter{border: 1px solid #CCCCCC; width: 678px; height : 157px; padding: 2px; overflow : none; background-color : #DE4443; background-image:url(../img/filter_bg.jpg); background-position: right; background-repeat: no-repeat;}
.filter_title{font-size : 11pt; font-family : verdana; font-weight : bold; color : #FFFFFF; padding-left : 5px; padding-bottom: 2px; padding-top: 2px;}
.filter .filters1{width : 127px; height : 125px; border : 1px solid #C0C0C0; margin-right: 4px; position: absolute; color : #AA0000; font-size : 8pt; padding: 2px; background-color : #EEEFFF; opacity:0.9; filter:alpha(opacity=95);}
.filter .filters1 a{color : #AA0000; text-decoration : none}
.filter .filters1 a:hover{color : #000000; text-decoration : underline}
.filter .filters2{width : 127px; height : 125px; margin-left : 136px; border : 1px solid #C0C0C0; margin-right: 4px; position: absolute; font-size : 8pt; padding: 2px;background-color : #EEEFFF;opacity:0.9; filter:alpha(opacity=95);}
.filter .filters3{width : 127px; height : 125px; margin-left : 272px; border : 1px solid #C0C0C0; margin-right: 4px; position: absolute; font-size : 8pt; padding: 2px;background-color : #EEEFFF;opacity:0.9; filter:alpha(opacity=95);}
.filter .filters4{width : 127px; height : 125px; margin-left : 408px; border : 1px solid #C0C0C0; margin-right: 4px; position: absolute; font-size : 8pt; padding: 2px;background-color : #EEEFFF;opacity:0.9; filter:alpha(opacity=95);}
.filter .filters5{width : 127px; height : 125px; margin-left : 544px; border : 1px solid #C0C0C0; margin-right: 4px; position: absolute; font-size : 8pt; padding: 2px;background-color : #EEEFFF;opacity:0.9; filter:alpha(opacity=95);}
.filter_frame {border : 1px solid #AA0000; height : 120px; overflow : auto}

.filters_title{font-family : verdana;color: #AA0000; padding-bottom : 4px; text-decoration : underline; font-weight : bold}
.filters_content{font-size : 9pt; font-family : verdana;color : #AA0000; padding-left : 2px; padding-top : 2px}
.filters_content a{color : #AA0000; text-decoration : none}
.filters_content a:hover{color : #000000; text-decoration : underline}

.filter_zero {background-color : #EEEEEE; border: 1px solid #CCCCCC; margin: 0 auto; font-size: 8pt; font-family : verdana; padding: 3px 5px 3px 5px;}
.filter_zero a{text-decoration : none;}
*/
.prod_right{border: 1px solid #C0C0C0}
.prod_right .main{background-color : #3D5C89; color : #FFFFFF; font-size : 9pt; font-family : verdana; font-weight: bold;padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px;}
.prod_right .sub{font-size : 9pt; font-family:  verdana; padding-top: 4px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px;}

.continueshopping {background-image:url(../images/continueshopping.gif);background-color:#FFFFFF; color:#FFFFFF;width:150px;height:25px; border: 0px;background-repeat: no-repeat;}
.updatecart{background-image:url(../images/updatecart.gif);background-color:#FFFFFF; color:#FFFFFF;width:103px;height:25px; border: 0px;background-repeat: no-repeat;}
.checkout{background-image:url(../images/checkout.gif);background-color:#FFFFFF; color:#FFFFFF;width:150px;height:45px; border: 0px;background-repeat: no-repeat;}

.checktitle{font-size : 10pt; font-family: verdana; color : #AA0000; font-weight: bold}
.checkbody{font-size : 9pt ; color : #000000; padding-top : 10px; padding-bottom: 10px; padding-left : 5px ; padding-right : 5px;border : 1px solid #CCCCCC; background-color : #EEEEEE}
.checkbody td{font-size : 9pt}
.button_continue{background-image:url(../img/button_continue.gif); width: 100px; height: 22px;background-repeat : no-repeat; border : 0px}
.button_sign{background-image:url(../img/button_sign.gif); width: 100px; height: 22px;background-repeat : no-repeat; border : 0px}
.customer_new {font-size : 9pt ; color : #000000; padding-top : 10px; padding-bottom: 10px; padding-left : 5px ; padding-right : 5px;border : 1px solid #CCCCCC; background-color : #EEEEEE; margin-bottom :10px;}
.customer_new td{font-size : 9pt}
.customer_new textarea, input{border: 1px solid #909090}
.customer_new .title{font-size : 10pt; font-family : verdana; font-weight: bold}

.submit_button{background-image:url(../img/submit_button.gif); width:100px; height: 22px;border:0px;}
.process {background-image:url(../img/process.gif); width:150px;height:45px;border:0px}

.paging {font-size : 9pt; font-family : verdana; float : right}
.paging a{color : #000000; text-decoration : none;}
.paging a:hover{color : #FF0000; text-decoration : none;}

.judulhal{font-size : 12pt; font-family : arial; color : 3D5C89; font-weight : bold; text-align : right}

.delivery{margin-top : 25px; float : right; font-family : arial; font-size : 10pt;}
.delivery select{background-color : #3D5C89; color : #FFFFFF}

.checkoutform td{font-size : 10pt}
.checkoutform td input,select,textarea{background-color : #CCCCCC; border : 1px solid #303030; padding : 2px}
.checkoutform .cleft{width:180px}
#recipient_address{background-color : #CCCCCC; border : 1px solid #303030; padding : 2px}
#card_message{background-color : #CCCCCC; border : 1px solid #303030; padding : 2px}

#curr{float : right}
#curr select { background-color : #3D5C89; color : #FFFFFF;}

#corp{margin-top : 5px; margin-bottom : 5px; margin-left : 5px; margin-right : 5px; font-family : arial; font-size : 10pt}
#corp h1{font-size : 16pt; font-family : arial; color : #3D5C89; margin : 0 0 20px 0;}
#corp #left {width : 50%; float : left}
#corp #left td{font-family : arial; font-size : 10pt}
#corp #left td.left{width : 120px; text-align : right; padding-right : 10px; color : #3D5C89; font-weight : bold;	}
#corp #left td.right{padding-left : 5px}
#corp #left td.right input,select,textarea{font-family : arial,verdana,tahoma; padding : 1px 3px 1px 3px; border : 1px solid #3D5C89; padding : 2px; color : #303030; background-color : #CCCCCC}

.msglist .msgbody #left input,select,textarea{font-family : arial,verdana,tahoma; padding : 1px 3px 1px 3px; border : 1px solid #3D5C89; padding : 2px; color : #303030; background-color : #CCCCCC}

#corp #right{font-family : arial; font-size : 10pt;}
#corp #right h2{margin : 0; font-size : 14pt; background-image : url(../images/bullet.gif); background-repeat : no-repeat; height : 25px; padding-left : 30px;; color : #3D5C89;}

#clear{clear : both;}