@charset "UTF-8";

/*
Template SMUO
Author  : Abdul Gafur
Url	: http://www.smuoskin.com/
Email	: idesainer@gmail.com
*/

.referal {
text-align:right;
width:auto;
color:#bbb;
margin-bottom:10px;
}

.sesi {
background:#FEEA68;
border:#ED9100 1px dashed;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
color:#333;
font-family:"Courier New", Courier, monospace;
font-weight:700;
padding:2px 7px;
}

body {
background:#5b5b5b url(../image/body.jpg) repeat-x top center;
margin:0;
padding:0;
}

#sp1157181644660spbox{
position:fixed;
top:5px;
left:5px;
}

#sp1157181644660spbox table {
border:#FAD100 1px solid;
}

#pop-up {background:#fff;
}

#body2 {
margin-right:auto;
margin-left:auto;
border:none;
width:840px;
background:#fff url(../image/body2.jpg) repeat-y center;
}

#footer {
margin-right:auto;
margin-left:auto;
border:none;
width:840px;
height:183px;
background:url(../image/footer.jpg) no-repeat center;
font-size:8pt;
color:#999;
line-height:1.3;
text-align:center;
}

#header {
margin-right:auto;
margin-left:auto;
border:none;
width:840px;
height:219px;
background:url(../image/header.jpg) no-repeat center;
}

#salesletter {
color:#000;
font-family:arial, helvetica, sans serif;
font-size:15px;
line-height:19px;
text-align:left;
margin-right:auto;
margin-left:auto;
border:none;
width:760px;
padding:10px 0;
}

.kotakatas {
background-image:url(../image/boxheader.png);
height:53px;
width:700px;
margin:0 auto;
}

.kotaktengah {
background-image:url(../image/boxbody.png);
background-repeat:repeat-y;
width:600px;
margin:0 auto;
padding:10px 50px;
}

.kotakbawah {
background-image:url(../image/boxfooter.png);
height:28px;
width:700px;
margin:0 auto;
margin-bottom:30px;
}

.testihead {
background-image:url(../image/testiheader.png);
height:100px;
width:700px;
margin:0 auto;
}

.testibody {
background-image:url(../image/testibody.png);
background-repeat:repeat-y;
width:600px;
margin:0 auto;
padding:10px 50px;
}

.testifooter {
background-image:url(../image/testifooter.png);
height:56px;
width:700px;
margin:0 auto 10px;
}

.testicontent {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#333;
font-weight:400;
text-align:center;
width:100%;
padding-top:10px;
padding-bottom:5px;
margin:10px auto 0;
}

.testiinfo {
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom:1px solid #CCC;
font-size:14px;
color:#999;
font-weight:400;
text-align:center;
width:600px;
padding-top:5px;
padding-bottom:10px;
margin:0 auto 10px;
}

.garansiheader {
background-image:url(../image/garansiheader.png);
height:91px;
width:570px;
margin:0 auto;
}

.garansibody {
background-image:url(../image/garansibody.png);
background-repeat:repeat-y;
width:470px;
text-align:center;
font:Geneva, Arial, Helvetica, sans-serif;
margin:0 auto;
padding:5px 50px;
}

.garansifooter {
background-image:url(../image/garansifooter.png);
height:41px;
width:570px;
margin:0 auto 20px;
}

.navigasi {
color:#fff;
background:url(../image/nav-bg.jpg) no-repeat;
margin-right:auto;
margin-left:auto;
width:840px;
height:33px;
}

.menu {
list-style-type:none;
width:109px;
height:25px;
background-position:left;
border-style:none;
border-width:0;
margin:0;
padding:0;
}

.menu li a {
color:#FFF;
display:block;
width:109px;
text-decoration:none;
font-family:Tahoma;
font-size:10px;
font-weight:700;
padding-right:0;
padding-bottom:0;
background-image:url(../image/menunav.png);
background-repeat:no-repeat;
background-position:left bottom;
padding-left:0;
height:25px;
line-height:18px;
text-align:center;
}

.menu li a:hover{
background:url(../image/menunavhov.png);
color:#5B5B5B;
height:25px;
line-height:18px;
font-size:10px;
}

a {
color:#00F;
text-decoration:underline;
}

a:hover {
color:#F00000;
text-decoration:underline;
}

h1,h2,h3 {
font-family:Tahoma, Verdana, Arial;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

h1 {
font-size:36px;
line-height:40px;
}

h2 {
font-size:24px;
color:#303030;
line-height:30px;
}

h3 {
color:#303030;
font-size:24px;
line-height:30px;
}

img {
max-width:760px;
border:0;
margin:3px 6px 3px 0;
}

blockquote {
background:url(../image/blockquote.gif) no-repeat scroll left top transparent;
color:#8C8C8C;
font-style:italic;
margin:10px 0;
padding:10px 10px 10px 50px;
}

.button {
background-color:#FAD100;
font-family:arial;
font-size:14px;
color:#fff;
background-position:center;
border:1px solid #FFC602;
padding:2px 7px;
}

.button:hover {
background-color:#FAB300;
border:1px solid #FA9500;
}

.hurufkecil {
font-size:9px;
color:#ce0000;
}

.hurufsedang {
font-size:24px;
line-height:28px;
}

.hurufbesar {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
font-weight:700;
}

.highlight {
background-color:#f7f903;
}

.center {
text-align:center;
}

.left {
text-align:left;
}

.red {
color:#b10000;
}

.blue {
color:#0035ce;
}

.green {
color:#007d0f;
}

.grey {
color:#bbb;
}

.check {
list-style:none;
background:url(../image/check.png) no-repeat left top;
padding:2px 0 10px 25px;
}

.uncheck {
list-style:none;
background:url(../image/uncheck.png) no-repeat left top;
padding:2px 0 10px 25px;
}

.bonus {
border-collapse:collapse;
border:1px dashed #a9a9a9;
padding:10px;
}

.disclaimer {
font-family:Verdana;
font-size:8pt;
color:#999;
line-height:15px;
text-align:justify;
border:#eee 2px dashed;
margin-top:35px;
padding:5px 20px 0;
}

.copyright {
font-family:Arial;
font-size:10px;
color:#eee;
text-align:center;
padding-top:157px;
}

.copyright a {
color:#eee;
text-decoration:none;
}

.copyright a:hover {
color:#bbb;
text-decoration:underline;
}

#optin {
background:#FFF url(../image/optinbg.png) no-repeat;
width:670px;
height:360px;
margin:0 auto 30px;
padding:20px 10px 20px 20px;
}

.optinleft {
float:left;
width:370px;
height:360px;
overflow:hidden;
}

.optinright {
float:right;
width:275px;
height:auto;
padding:230px 0 0 5px;
}

.simplebox {
width:90%;
border:3px dashed #333;
background:#fff;
margin:30px auto;
padding:20px;
}

.bgorder {
width:60%;
border:3px dashed #5B5B5B;
background:#F7F7F7;
margin:30px auto;
padding:5px 18px 10px;
}

.allform {
padding-top:10px;
margin:1em 0;
}

.allform fieldset {
padding-top:.5em;
border:none;
border-top:1px solid #C8C8C8;
margin:0;
}

.allform p {
clear:both;
overflow:hidden;
margin:.5em 0;
}

.allform label {
float:left;
width:200px;
display:block;
text-align:right;
margin-right:10px;
}

.allform input,.allform textarea {
width:200px;
border:1px solid #C8C8C8;
margin:0;
padding:3px 5px 3px 25px;
}

.allform input.name {
background:#fff url(../image/icon/namaemail.gif) no-repeat 5px 50%;
}

.allform input.alamat {
background:#fff url(../image/icon/alamat.png) no-repeat 5px 50%;
}

.allform input.kota {
background:#fff url(../image/icon/kota.png) no-repeat 5px 50%;
}

.allform input.handphone {
background:#fff url(../image/icon/handphone.png) no-repeat 5px 50%;
}

.allform input.password {
background:#fff url(../image/icon/password.png) no-repeat 5px 50%;
}

.allform input.lupapassword {
background:#fff url(../image/icon/lupapassword.gif) no-repeat 5px 50%;
}

.allform input.telepon {
background:#fff url(../image/icon/telepon.png) no-repeat 5px 50%;
}

.allform input.nilaitransfer {
background:#fff url(../image/icon/nilaitransfer.png) no-repeat 5px 50%;
}

.allform input.email {
background:#fff url(../image/icon/emailanda.gif) no-repeat 5px 50%;
}

.allform input.subject {
background:#fff url(../image/icon/subject.gif) no-repeat 5px 50%;
}

.allform textarea.message {
background:#fff url(../image/icon/isiemail.gif) no-repeat 5px 6px;
}

.allform textarea.keterangan {
background:#fff url(../image/icon/keterangan.gif) no-repeat 5px 6px;
}

.allform textarea {
height:125px;
overflow:auto;
}

.allform p.submit {
clear:both;
border-top:1px solid #C8C8C8;
margin:1em 0;
padding:.5em 210px;
}

.allform button {
height:28px;
line-height:28px;
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #333;
border-bottom:1px solid #333;
background:url(../image/icon/form_button.gif) no-repeat;
color:#333;
cursor:pointer;
text-align:left;
font-size:11px;
font-weight:700;
padding:0 10px 0 25px;
}