/* =================================================================================================================
Ranabe 2009. Ifanscoze (201305 - 20140414)
============================================================================================================= */

/* --- Background BODY ------------------------------- */
#mybody {
margin-left:0; 
margin-right:0; 
margin-top:0; 
margin-bottom:0px;
background:#fff;
}

#picbg {
position:absolute;
top: 0px;
left: 0px;
height: 220px;
min-width: 100%;
overflow: hidden;
z-index: 0;
}
.xpicbg{
background-image:url(../img/fasic-bgbanner.jpg);
}

/* --- Logo WEB/TOKO ------------------------------- */
#logoshop {
position:absolute;
top: 10px;
left: 3px;
width: 480px;
height: 60px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
z-index:900;
}

.xlogoshop{
background-image:url(../img/fasic-logo.png);
}

/* --- Informasi jalan TOP ------------------------------- */
#info-top {
position:absolute;
top: 10px;
left: 390px;
width: 600px;
height: 20px;
padding:0px 0px 0px 0px;
font-family:sans-serif;
font-size:20px;
border: 0px solid;
color:yellow;
z-index:800;
}

/* --- TAMPILKAN WAKTU ------------------------------- */
#waktu {
position:absolute;
float:left;
top: 10px;
left: 10px;
z-index:998;
}
#jaminput {
cursor:default;
font-family:sans-serif;
font-size:10px;
border:none;
width:240px;
float:left;
background:none;
color:#fff;
}

/* --- Div div_page */
#div_page {
position:relative; 
width: 1000px;
opacity: 1;
z-index:10;
}

/* --- Div div_banner */
#div_banner {
position:relative; 
width: 1000px;
height: 184px;
top: 0px;
background:none;
background-image:url(../img/fasic-bgbanner-xxx.png);
opacity: 1;
z-index:3;
}
#div_banner_bayang {
position:relative; 
width: 1040px;
height: 260px;
top: 190px;
left: -20px;
background:none;
background-image:url(../img/fasic-hea-bayang.png);
opacity: 1;
z-index:3;
}

/* --- Table */
#table_menu {
width: 1000px;
height: 36px;
padding: 0px 0px 0px 0px;
margin: 0 0 0 0;
background:none url(../img/bgbannerxxx.png);
border:0px solid;
border-style:solid;
border-color:#b9d1fc;
}

#table_page {
width: 1000px;
height: 300px;
padding: 0 0 0 0;
margin: 0 0 0 0;
background:#fff url(../img/bgbannerxxx.png);
border:0px solid;
border-style:solid;
border-color:#b9d1fc;
-webkit-border-radius:0px 0px 0px 0px;
-khtml-border-radius:0px 0px 0px 0px;
-moz-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px; 
}

#table_page_td_kiri {
width: 310px;
padding: 2px 2px 2px 2px;
}
#table_page_td_kanan {
width: 690px;
padding: 2px 2px 2px 2px;
}

#table_banner {
width: 1000px;
height: 210px;
padding: 0 0 0 0;
margin: 0 0 0 0;
background:none url(../img/bgbannerxxx.png);
}

#table_home {
width: 990px;
height: 300px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:#fff ;
border:0px solid;
border-style:solid;
border-color:#b9d1fc;
font-family: sans-serif;
font-size:14px;
}

#gedungfasic {
position:relative;
top: 0px; 
left: 0px;
height:170px;
width:157px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../img/fasic-gedung.png);
opacity: 1;
z-index:50;
}

#menu-home {
position: absolute;
text-align: right;
width:160px;
height:210px; 
top: 60px;
left: 321px;
background:none;
font-family: sans-serif;
font-size:12px;
color: #000;
border: 0px solid;
opacity: 1;
z-index:60;
}

#moto-best {
position: absolute;
width:20px;
height:215px; 
top:200px;
left:-10px;
background: none;
background-image: url(../img/fasic-bestqualityproduct.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#moto-galery {
position: absolute;
width:176px;
height:83px; 
top:380px;
left:315px;
background: none;
background-image: url(../img/fasic-ico-galery.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#moto-hunting {
position: absolute;
width:176px;
height:47px; 
top:490px;
left:315px;
background:none;
background-image: url(../img/fasic-ico-hunting.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#info-home {
position: absolute;
width:290px;
height:200px; 
top:340px;
left:9px;
padding:4px 4px;
background-image: url(../img/bg-info-home.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:70;
}

/* --- Div ftabpage */
#ftabpage {
position: relative;
width:1000px;
height:14px; 
top:0px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/bgbannerxxx.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:5;
}

#ftabpagefoot {
position: relative;
width:1000px;
height:14px; 
top:0px;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background:none;
background-image:url(../img/fasic-foot-bayang.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:5;
}

/* --- Div ffoot */
#ffoot {
position: relative;
width:100%; 
padding:10px 0px;
margin: 0px 0px 0px 0px;
background:#d2d7f4;
font-family: sans-serif;
font-size:12px;
color: #828282;
opacity: 1;
z-index:5;
}

#ffootspace {
position: relative;
width:1000px; 
height: 10px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:none;
font-family: sans-serif;
font-size:12px;
color: #fff;
z-index:5;
}

/* --- Facebook Icon logo kecil ------------------------------- */
#facebook {
position:absolute;
top: 4px;
right: 40px;
height: 29px;
width: 30px;
z-index: 1001;
}

.xfacebook{
background-image:url(../img/fasic-fb-ico.png);
}
/* --- Tweet Icon logo kecil ------------------------------- */
#tweet {
position:absolute;
top: 4px;
right: 10px;
height: 29px;
width: 30px;
z-index: 1001;
}

.xtweet{
background-image:url(../img/fasic-tw-ico.png);
}

/* --- ISI ------------------------------- */
#my_isi {
position: relative;
width:680px;
background: none;
padding: 0px 0px 0px 0px;
margin: 0 0 0 0;
font-family: sans-serif;
font-size:14px;
color:#000;
z-index:56;
}

/* --- TAB ISI ------------------------------- */
#my_tabisi {
position: relative;
background:none;
padding: 0px 0px;
margin: 0 0 0 0;
font-family: sans-serif;
font-size:24px;
color:#0279aa;
font-weight:bold;
z-index:57;
}

/* --- Div fvision */
#fvision {
position:relative;
top: 40px; 
left: 0px;
height:200px;
width:600px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../img/fasic-vision-text.png);
opacity: 0.7;
z-index:4;
}

#efvision {
position:relative;
top: 80px; 
left: 30px;
height:126px;
width:180px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../img/fasic-vision.png);
opacity: 1;
z-index:50;
}

#company_vision {
position:relative;
top: 0px; 
left: 0px;
height:83px;
width:231px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../img/fasic-company-vision.jpg);
-webkit-border-radius:0px 20px 0px 20px;
-khtml-border-radius:0px 20px 0px 20px;
-moz-border-radius:0px 20px 0px 20px;
border-radius:0px 20px 0px 20px; 
opacity: 1;
z-index:50;
}

#company_logo {
position: relative;
top: 10px; 
left: 10px;
height:191px;
width:598px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background-image: url(../img/fasic-company-logo.jpg);
opacity: 1;
z-index:50;
}

/* -- img */
#img_1 {
padding: 0 0 0 0;
border:1px;
border-style:solid;
border-color:#b9d1fc;
}
#img_1:hover {
padding: 0 0 0 0;
border:1px;
border-style:solid;
border-color:red;
}

/* -- Left ISI --*/
#left_tab_blazer {
position:relative;
top: 60px;
left:6px; 
height:137px;
width:346px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/fasic-ico-left-blazer.jpg);
font-family:sans-serif,verdana, arial; 
font-size:14px;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
opacity: 1;
z-index:50;
}

#left_tab_map1 {
position:absolute;
bottom: 35px;
left:0px; 
height:131px;
width:183px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background: url(../img/fasic-maptumb1.png);
font-family:sans-serif,verdana, arial; 
font-size:14px;
opacity: 1;
z-index:52;
}

#left_tab_map2 {
position:absolute;
top: 40px;
left:174px; 
height:131px;
width:183px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background: url(../img/fasic-maptumb2.png);
font-family:sans-serif,verdana, arial; 
font-size:14px;
opacity: 1;
z-index:51;
}

#left_tab_home {
position:relative;
top: 0px;
left:6px; 
height:408px;
width:300px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/fasic-poster-vision.png);
font-family:sans-serif,verdana, arial; 
font-size:14px;
opacity: 1;
z-index:50;
}

#left_tab_company {
position:relative;
top: 0px;
left:6px; 
height:408px;
width:300px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/fasic-poster-vision.png);
font-family:sans-serif,verdana, arial; 
font-size:14px;
opacity: 1;
z-index:50;
}

#left_tab_product {
position: relative;
width:300px;
height:450px; 
top:0px;
background:#fff url(../img/fasic-left-product.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#left_tab_contact {
position: relative;
width:300px;
height:300px; 
top:0px;
background:#fff url(../img/fasic-left-contact.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#left_tab_location {
position: relative;
width:300px;
height:300px; 
top:0px;
background:#fff url(../img/fasic-left-location.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#left_tab_factory {
position: relative;
width:300px;
height:300px; 
top:0px;
background:#fff url(../img/fasic-left-factory.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#left_tab_quality {
position: relative;
width:300px;
height:300px; 
top:0px;
background:#fff url(../img/fasic-left-quality.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

#left_tab_carrier {
position: relative;
width:300px;
height:300px; 
top:0px;
background:#fff url(../img/fasic-left-carrier.png);
font-family: sans-serif;
font-size:12px;
color: #000;
opacity: 1;
z-index:50;
}

/* Paragraph */
p {
   margin: 0px;
   padding: 0px;
}

/*--- UL style --- */
#ul_1 {
list-style: square;
margin: 0 0 0 0;
padding: 4px 0px 4px 20px;
}

#li_1 {
border-bottom: #000;
border-bottom-style: dotted;
border-bottom-width: thin;
}

/*--- Link A : hitam jd merah ---*/ 
a.ln1:link {text-decoration: none; color:#828282;font-weight: normal;} 
a.ln1:visited {text-decoration: none;color:#828282;font-weight: normal;}
a.ln1:hover {text-decoration: none;color:#000;font-weight: normal;}
/*--- Link A 2 : biru jadi merah---*/
a.ln2:link {text-decoration: none;color:#000;font-weight: normal;} 
a.ln2:visited {text-decoration: none;color:#000;font-weight: normal;}
a.ln2:hover {text-decoration: underline;color:#000;font-weight: normal;}
/*--- Link A 3 : putih jadi biru---*/
a.ln3:link {text-decoration: none; color:white;font-weight: normal;} 
a.ln3:visited {text-decoration: none;color:white;font-weight: normal;}
a.ln3:hover {text-decoration: none;color:blue;font-weight: normal;}

/* ---------------------------------------------------------------------------------------------------------------------- */


/* --- Div fbanner */
#fbanner {
position:relative; 
height:220px;
width:100%;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/bgbannerxxx.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px; 
-khtml-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px; 
box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px;
opacity: 1;
z-index:4;
}
/* --- Div fisi */
#fisi {
position:relative; 
height:100%;
width:100%;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#ebebed url(../img/bgbannerxxx.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px; 
-khtml-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px; 
box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 4px;
opacity: 1;
z-index:3;
}

#zisi {
position:relative; 
height:100%;
width:996px;
left:190px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:#fff url(../img/bgbannerxxx.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
opacity: 1;
z-index:5;
}

/* --- Table header */
#tableheader {
    height: 50px;
    border: 1px solid; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* --- DIV induk -------------------------------1096px */
#induk {
position:absolute; 
height:100%;
width:1096px;
top:0px;
left: 130px;
padding:0px 0px;
margin: 0px 0px 0px 0px;
background:green url(../img/bgbannerxxx.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
opacity: 1;
z-index:3;
}

#isikiri {
position:inherit;
left:0px;
top:50px;
width:370px;
height:100%;
background:red url(../img/gf97dgh.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
padding:1px 0px;
margin-top: 0;
text-align:left;
opacity: 1;
z-index:10;
}

#isikonten {
position: inherit;
width:100%;
left:372px;
top:255px;
height:100%;
background:#fff url(../img/gf97dgh.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
padding:1px 0px;
margin-top: 0;
text-align:left;
z-index:10;
}

/* --- FORM Pencarian ------------------------------- */
#mycari {
position:fixed;
top: 0px;
right: 40px;
height: 50px;
width: 500px;
z-index: 999;
}
.xtop{
cursor:pointer;
background:#fef500 url(../img/bgcarixxx.png);
color:#000;
padding: 10px 8px;
text-align:right;
font-family:verdana, arial, sans-serif; 
font-size:11px;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 4px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 4px; 
-khtml-box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 4px; 
box-shadow:rgba(0, 0, 0, 0.8) 0px 0px 4px;
-webkit-border-radius:0 0 10px 10px; 
-khtml-border-radius:0 0 10px 10px; 
-moz-border-radius:0 0 10px 10px; 
border-radius:0 0 10px 10px; 
filter:alpha(opacity=90);
-moz-opacity: 0.9; 
opacity: 0.9;
}

.xtopxxxx:hover{
color:#9f0;
}



/* --- Foot ------------------------------- */
#handap {
position: absolute;
width:100%;
height: 50px;
bottom: 0px;
background:#010570 url(../img/wxztreyuik.png);
font-family:verdana, arial, sans-serif; 
font-size:11px;
color:#fff;
padding:0px 0px;
margin: 0px 0px 0px 0px;
text-align:left;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 14px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 14px; 
-khtml-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 14px; 
box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 14px;
z-index:900;
}

/* --- TAB menu KIRI/ KANAN ------------------------------- */
#mytab1 {
top: 0;
background:none;
padding: 6px 6px;
margin: 0 0 10px 0;
font-family:arial, sans-serif; 
font-size:14px;
color:#000;
font-weight:bold;
border-bottom:1px;
border-bottom-style:solid;
border-color:#ccc;
z-index:70;
}

/* --- LEFT ------------------------------- */
#left_tab_status {
top: 0;
width:220px;
background: #fff;
background-image:url(../img/xxxbglefttop.png);
background-repeat:repeat;
padding: 0 0;
margin: 0 0 0 0;
z-index:56;
}

#left_tab_headoff {
top: 0;
width:200px;
background: #fff;
background-image:url(../img/bghead.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#fff;
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#left_tab_promo {
top: 0;
width:200px;
background: #fff;
background-image:url(../img/promokalender.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#fff;
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#left_tab_track {
top: 0;
width:200px;
background: #779ae9;
background-image:url(../img/bglefttop45t.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#779ae9;
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#left_tab_tariff {
top: 0;
width:200px;
background: #b9d1fc;
background-image:url(../img/bglefttop45t.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#b9d1fc;
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
border-radius:10px 10px 10px 10px; 
z-index:56;
}

/* --- Kanan ------------------------------- */
#right_tab_support {
top: 0;
width:200px;
background: #e2e2e2;
background-image:url(../img/bglefttopfgre.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#e2e2e2;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#right_tab_hotline {
top: 0;
width:200px;
background: #fff;
background-image:url(../img/bglefttop34534.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 20px 0 0 0;
border:4px;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#right_tab_product {
top: 0;
width:200px;
background: #990202;
background-image:url(../img/bglefttop34534.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 20px 0 0 0;
border:4px;
border-style:solid;
border-color:#990202;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#right_tab_lokasi {
top: 0;
width:200px;
background: #e4cf44;
background-image:url(../img/bglefttop34534.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#e4cf44;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#right_tab_login {
top: 0;
width:200px;
background: #fff;
background-image:url(../img/bglefttop34534.png);
background-repeat:repeat;
padding: 8px 8px;
margin: 0 0 0 0;
border:1px;
border-style:solid;
border-color:#fff;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

/*- tab form1  -*/
#tab_form1 {
top: 0;
width:780px;
background: #ececec;
background-image:url(../img/bglefttop34534.png);
background-repeat:repeat;
padding: 2px 2px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#ececec;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#icotab {
position:absolute;
top: 0;
background:#ccc;
padding: 0 0;
font-family:arial, sans-serif;
width:100px;
height:30px;
-webkit-border-radius:0 0 10px 10px; 
-khtml-border-radius:0 0 10px 10px; 
-moz-border-radius:0 0 10px 10px; 
border-radius:0 0 10px 10px; 
z-index:57;
}


h1 {
font-family:arial, sans-serif; 
font-size:14px;
color:#000;
font-weight:bold;
}

h2 {
font-family:arial, sans-serif; 
font-size:12px;
color:#000;
font-weight:bold;
}

h3 {
font-family:arial, sans-serif; 
font-size:11px;
color:#000;
font-weight:bold;
}

/* --- Menu left / Kategori & Produk ------------------------------- */
#prodnav {
list-style:none; 
background:none;
padding: 2px 0px;
margin: 0 0 0 0;
font-family:verdana, arial, sans-serif; 
font-size:11px;
font-weight:bold;
color:#000;
border-bottom:1px;
border-bottom-style:dotted;
border-color:#fff;
z-index:68;
}

#prodnav li a.aprodlink span {
display:block;
color:#000;
padding:2px 2px; 
text-decoration:none;
}
#prodnav li:hover a.aprodlink span {
display:block;
color:#990000;
padding:2px 4px; 
text-decoration:none;
background:#ccc;
}

/* --- Menu left / Kategori & Produk SUB------------------------------- */
#prodnavsub {
list-style:none; 
background:none;
padding: 2px 0px;
margin: 0 0 0 0;
font-family:verdana, arial, sans-serif; 
font-size:11px;
color:#000;
border-bottom:1px;
border-bottom-style:dotted;
border-color:#fff;
z-index:68;
}

#prodnavsub li a.aprodlinksub span {
display:block;
color:#000;
padding:2px 14px; 
text-decoration:none;
}
#prodnavsub li:hover a.aprodlinksub span {
display:block;
color:#990000;
padding:2px 16px; 
text-decoration:none;
background:#ccc;
}


/*--- Box Error/Salah ---*/
#salah {
top: 0;
width:300px;
background: #e6e6e6;
background-image:url(../img/asalanhfsdf.png);
background-repeat:repeat;
padding: 18px 18px;
margin: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#cecece;
-webkit-border-radius:10px 10px 10px 10px; 
-khtml-border-radius:10px 10px 10px 10px; 
-moz-border-radius:10px 10px 10px 10px; 
border-radius:10px 10px 10px 10px; 
z-index:56;
}

#blok_isi {
top: 0;
overflow: auto;
height: 620px;
width:100%;
background: #fff;
background-image:url(../img/asalanhfsdf.png);
background-repeat:repeat;
padding: 0px 0px;
margin: 0 0 0 0;
border:1px;
border-style:solid;
border-color:#fff;
z-index:56;
}

#blok_isi2 {
top: 0;
overflow: auto;
height: 500px;
width:100%;
background: #fff;
background-image:url(../img/asalanhfsdf.png);
background-repeat:repeat;
padding: 0px 0px;
margin: 0 0 0 0;
border:1px;
border-style:solid;
border-color:#fff;
z-index:56;
}

input[type="text"]
{
/*display: block;*/ /*---- otomatis pindah baris */
margin-bottom:1px;
background-color:#fff;
border: 1px solid #ccc;
font-family:verdana, arial, sans-serif; 
font-size:11px;
color: red;
}

input[type="text"]:focus
{
background-color: #fefdb1;
color: #000;
}

input[type="password"]
{
/*display: block;*/ /*---- otomatis pindah baris */
margin-bottom:1px;
background-color:#fff;
border: 1px solid #ccc;
font-family:verdana, arial, sans-serif; 
font-size:11px;
color: red;
}

input[type="password"]:focus
{
background-color: #fefdb1;
color: #000;
}

input[type="submit"]
{
/*display: block;*/  /*---- otomatis pindah baris */
margin-bottom:1px;
background-color:#f5f5f6 ;
border: 1px solid #ccc;
font-family:verdana, arial, sans-serif; 
font-size:11px;
font-weight:bold;
}

.xxSelect select {
   width: 194px;
   padding: 1px;
   font-size: 10px;
   color: red;
   border: 1px solid #ccc;
   font-family:verdana, arial, sans-serif; 
   height: 18px;
   background-color:#fff;
}

.xxSelect2 select {
   width: 160px;
   padding: 1px;
   font-size: 10px;
   color: red;
   border: 1px solid #ccc;
   font-family:verdana, arial, sans-serif; 
   height: 18px;
   background-color:#fff;
}

select:focus
{
background-color: #fefdb1;
color: #000;
}


/* Table */
#table_1 {
padding: 0 0 0 0;
border:4px;
border-style:solid;
border-color:#b9d1fc;
-webkit-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px; 
}
#table_2 {
padding: 0 0 0 0;
border:2px;
border-style:solid;
border-color:#b9d1fc;
}