/* recoding basic typography and properties */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* basic typography */

body {
    margin: 0 auto;
    font-size: 87.5% ;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


div#container {
    width: 900px;
    margin: 0 auto;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    color: #111;
}

h1 {font-size: 3em;line-height: 1;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;line-height: 1;}
h4 {font-size: 1.2em;line-height: 1.25;}
h5 {font-size: 1em;font-weight: bold;}
h6 {font-size: 1em;font-weight: bold;}

a {color: #333;text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
p {padding-bottom: 5px;}

div img{margin-bottom: -3px;}

caption {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

/* some codes here removed */

#content div img:first-child {
}
.content {
    background: #E5E5DA url(../images/bgcontent2.gif) bottom center no-repeat;
    padding-bottom: 7px;
}
.content .inner {
    border-right: 1px solid #C8C8B2;
    border-left: 1px solid #C8C8B2;
    padding: 0 10px 5px;
    background-color: #e5e5da;
}
.jointab {
    margin-right: 242px;
    background: #E6E6CC url(../images/bglogin2.gif) bottom center no-repeat;
}
#footer a {
    color: #000;
    text-decoration: none;
}
#sidebar1 {
    float: left; width: 255px;
    font-size: 13px; font-weight: bold;
}
#sidebar2 {
    float: right; width: 190px;
    font-size: 12px;  
    position: relative;
}
.box-orange {
    background: #CD3C03; width: 321px; height: 220px;
}
.item-name {
    display: block;
    font-weight: bold;
    line-height: 1em;
}
.item-type {
    font-size: 0.8em;
    font-weight: bold;
    color: #C75306;
}
.clear {
    clear: both;
}
.textbox {
    font-family: Arial;
    font-size: 14px; 
    border: 1px solid #aaa; 
    padding: 3px 2px; 
}
textarea.textbox {
    font-size: 13px; color: #444;
}
select.textbox {
    padding: 3;
    background: url(../images/bgselect.gif) repeat-x;
    width: 270px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
select.tbox{
    padding: 3px;
    background: url(../images/bgselect.gif) repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
}
.red {
    color: #CD3C03;
}
input.red {
    border: 1px solid #CD3C03;
    width: 170px;
    height: 20px;
}
.button {
    border: 1px solid #999;
    font-size: 1em;
    font-family: Arial;
    height: 25px;
    background: #fff url(../images/bgbutton.gif) bottom center repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.button-black {
    display: block;
    background: black;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.button-red {
    display: block;
    background: #CD3C03;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
}
div.button-red { 
    font-weight: normal;
}
.black {
    color: #000;
}
.black td {
    background: #000;
    color: #fff;
    padding: 5px 10px;
}
.whitelist{
    border-bottom: 1px solid #CC3B00;
}
.whitelist td {
    border-top: 1px solid #CC3B00;
    padding: 6px 0 5px;
}
h2.black {
    margin: 0; padding: 10px 0 0;
}
.delivery{
    border-top: 1px solid #CC3B00;
}
.delivery td {
    border-bottom: 1px solid #CC3B00;
    padding: 7px 5px 5px;
}
.delivery tr.selected {
    background: #fff;
}
.delivery tr.selected td {
    border-top: 0px solid #CC3B00;
}
.delivery tr.selected td.left {
    border-left: 1px solid #CC3B00;
}
.delivery tr.selected td.right {
    border-right: 1px solid #CC3B00;
}
.normal {
    border-top: 1px solid #CC3B00;
    padding: 10px 0;
    font-size: 12px;
}
.normal td {
    font-size: 12px;
}
.normal input,.normal select  {
    font-size: 14px;
    border: 1px solid #999;
}
.payment tr{
    border-top: 1px solid #CC3B00;
}
.payment tr.selected {
    background: #fff;
}
.payment td {
    padding: 7px 5px 5px;
    font-size: 22px;
    font-weight: bold;
    font-family: tahoma;
}
div.selected {
    background: white;
    font-size: 17px;
    font-weight: bold;
    padding: 5px 20px;
    margin-bottom: 5px;
    width: 130px;
}
.submit {
    background: url(../images/bgbutton-submit.gif) no-repeat;
    display: block;
    width: 150px;
    height: 74px;
    position: relative;
}
.submit a {
    position: absolute;
    top: 11px;
    right: 8px;
    width: 55px; height: 53px;
}
.submit a:hover {
    background: url(../images/bgbutton-submit2.gif) no-repeat;
}
.freecardsplit-right, .freecardsplit-up {
    position: absolute;
    top: 4px;
    right: 15px;
    width: 89px; height: 89px;
}

.landing-designol, .landing-upload, .landing-designed {
    position: absolute;
    top: 25px;
    right: 11px;
    width: 89px; height: 89px;
}
.landing-designol:hover, .freecardsplit-right:hover {
    background: url(../images/button-hover1.gif) no-repeat;
}
.landing-upload:hover, .freecardsplit-up:hover {
    background: url(../images/button-hover2.gif) no-repeat;
}
.landing-designed:hover {
    background: url(../images/button-hover3.gif) no-repeat;
}
.click-right {
    position: absolute;
    top: 27px;
    right: 17px;
    width: 66px; height: 66px;
}
.click-right:hover {
    background: url(../images/button-hover4.gif) no-repeat;
}
.bold {
    font-weight: bold;
    font-size: 14px;
}
.bolder {
    font-weight: bold;
    font-size: 16px;
}
.landing tbody {
    font-size: 13px;
}
.table tbody {
    font-size: 12px;
}

.tag {
    font-size: 11px; font-weight: bold;
}

.grey {
    color: #A5A5A5;
}
/* update */
.note{
    display: block;
    width: 220px;
    height: 200px;
    padding: 10px;
    background-color: #000;
    border: 1px solid #A63000;
    color: #fff;
    font: normal 15px/120% arial;
    float: right;
    margin: 10px 5px;
}
.note h4{
    color: #fff;
    font: bold 17px/120% arial;
    padding: 0 0 10px 0;
}
.sukses{
    display: block;
    background-color: #D6F5CC;
    border: 1px solid #33CC00;
    color: #339900;
    padding: 10px 20px;
    margin: 0 0 20px 0;
}
.sukses2{
    margin: 0;
    font-size: 12px;
}
.sukses2 img{
    float: left;
    margin: 0 5px 60px -10px;
}
.newside{
    display: block;
    width: 170px;
    font: normal 13px/120% arial;
}
.newside h3{
    font: bold 18px arial;
    color: #CC3B00;
    margin: 20px 0 0 0;
}
.newside a{
    color: #CC3B00;
}
.col1{
    display: block;
    width: 388px;
    float: left;
}
.col1t{
    display: block;
    background: url(../images/col1t.png) no-repeat top left;
    height: 10px;
    margin: 0px;
}
.col1b{
    display: block;
    background: url(../images/col1b.png) no-repeat bottom left;
    height: 10px;
    margin: 0px;
}
.col1m{
    background-color: #E5E5DA;
    border-left: 1px solid #C8C8B2;
    border-right: 1px solid #C8C8B2;
    padding: 5px 15px;
}

.col2{
    display: block;
    width: 495px;
    float: right;
}
.col2t{
    display: block;
    background: url(../images/col2t.png) no-repeat top left;
    height: 10px;
    margin: 23px 0 0 0;
}
.col2b{
    display: block;
    background: url(../images/col2b.png) no-repeat bottom left;
    height: 10px;
    margin: 0px;
}
.col2m{
    background-color: #E5E5DA;
    border-left: 1px solid #C8C8B2;
    border-right: 1px solid #C8C8B2;
    padding: 5px 15px;
}
.col2 img{
    float: left;
    margin: 0 10px 0 0;
}
.col12 a{
    color: #cc3b00;
}
.col12 h2{
    color: #CC3B00;
    font: normal 28px arial;
    padding: 0 0 10px 0;
    letter-spacing: -1px;
}
.col12 hr{
    background-color: #CC3B00;
    border: 0px;
    height: 1px;
    margin: 10px 0;
}
.col12 p{
    font: normal 14px/130% arial;
}
.col1 sup{
    color: #cc3b00;
    font-weight: bold;
}
.f13,
.col12 p.f13{
    font-size: 13px;
}
.form1{
    margin: 10px 40px;
}
.form1 input[type=text]{
    border: 0px;
    background-color: #fff;
    height: 20px;
    width: 265px;
    padding: 3px 5px;
    margin: 5px 0;
}
.form1 input.shr{
    width: 160px;
    margin-left: 9px;
    margin-top: 10px;
}
.f21{
    font-size: 21px;
}
.form1 textarea{
    border: 0px;
    width: 265px;
    height: 74px;
    padding: 3px 5px;
    margin: 5px 0;
    font: normal 13px/120% arial;
}
.form1 .bb{
    border: 0px;
    background-color: #000;
    font: bold 13px arial;
    padding: 5px 30px;
    color: #fff;
    cursor: pointer;
    margin: 10px 0 0 0;
}
.f18{
    font-size: 18px;
    line-height: 200%;
}
.f12,
.col12 p.f12{
    font-size: 12px;
    line-height: 150%;
}
.col2 ul{
    margin:  5px 0 10px 20px;
}
.set{
    text-align: center;
}
.set img{
    border: 10px solid #E49879;
}
.form2{
    font: normal 13px arial;
    margin: 0 5px;
}
.form2 label{
    float: left;
    width: 95px;
    margin: 5px 0 0 0;
}
.form2 input[type=text],
.form2 input[type=file],
.form2 textarea{
    width: 230px;
    height: 22px;
    margin: 5px 0;
    padding: 3px 5px;
    border: 1px solid #C8C8B2;
    font: normal 14px arial;
}
.form2 textarea{
    height: 180px;
}
.form2 input.shr{
    width: 145px;
}
.form2 img{
    float: left;
    vertical-align: bottom;
    margin: 5px 5px 0 0;
}
.form2 sup{
    color: #cc3b00;
}
.form2 .l95{
    margin: 0 0 0 95px;
}
.form2 .bt{
    height: 24px;
    width: 240px;
    font: bold 14px/24px arial;
    background-color: #000;
    color: #fff;
    border: 0px;
    margin-top: 10px;
    cursor: pointer;
}
.form2 .err{
    margin: 0 0 5px 95px;
    display: block;
    background-color: #D94C00;
    padding: 5px 10px;
    width: 220px;
    font-size: 13px;
    color: #fff;
}
.black input[type=checkbox]{
    margin: 2px 10px 10px 0;
    float: left;
}
.hr1{
    height: 1px;
    background-color: #CC3B00;
    border: 0px;
}
.hr2{
    height: 1px;
    background-color: #000;
    border: 0px;
}
.hr3{
    height: 2px;
    background-color: #CC3B00;
    border: 0px;
}
.nse select{
    border: 1px solid #ABABAB;
    font: normal 14px arial;
    color: #000;
    padding: 2px;
    margin: 0 0 0 7px;
    background: url(../images/bg_se.gif) repeat-x top left;
}
.nse select:hover{
    background: url(../images/bg_se.gif) repeat-x bottom left;
}
h1,h2,h3,h4,h5,h6, p{
    margin: 0px;
}
.delivery{
    width: 100%;
}
.delivery h2{
    color: #cc3b00;
    font: bold 25px arial;
}
.f14{
    font: normal 14px/150% arial;
}
td.f13{
    font-size: 13px;
    line-height: 130%;
}
.baru td{
    font: normal 15px arial;
}
.baru td input{
    font: normal 13px arial;
}
.f15{
    font-size: 15px;
}
.lm2{
    letter-spacing: -1px;
}
/* tambah */
.dir-signup-block {
    background: #E5E5DA;
    border: 1px solid #C7C9BE;
    padding: 5px;
    margin-bottom: 10px;
}
.dir-signup {
    float: left;
    width: 100px;
    padding: 3px 0 0 10px;
    font-weight: bold;
}
.dir-signup-block2 {
    padding: 5px;
}
.dir-signup2 {
    float: left;
    width: 200px;
    padding: 3px 0 0 10px;
    font-weight: bold;
}
#dir-submit-left {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 8px 0 5px 115px;
}
/* directory */

.pagination {
    display: block;
    border-bottom:1px solid #eee;
    padding: 10px 0;
    position: relative;
    text-align: center;
}
.pagination a{
    border: 1px solid #eee;
    padding: 2px 4px;
}
.pagination .previous {
    position: absolute;
    left: 0;
    border: none;
}
.pagination .next {
    position: absolute;
    right: 0;
    border: none;
}
.pagination a:hover {
    color: #CD3C03;
}
.pagination .current{
    padding: 3px 5px;
    border: 1px solid #333;
}
.directory, .directory-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.directory li,.directory-list li {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.directory li:hover {
    background: #E5E5DA;
}
.dir-logo, .dir-map {
    display: block;
    width: 170px;
    max-height: 120px;
    float: left;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ccc;
}
.dir-logo img {
    padding-left: 10px;
    max-width: 160px;
    max-height: 120px;
}
.dir-desc {
    display: block;
    float: right;
    width: 380px;
    margin-right: 5px;
}
.directory-list .dir-logo img, .dir-map {
    max-height: 160px;
}
.dir-text{
    display: block;
    width: 160px;
    float: left;
    text-align: left;
    padding-left: 10px;
}
.dir-contact, .dir-text, .dir-form {
    font-size: 12px;
}
.dir-form p, .dir-form input, .dir-form textarea{
    margin-bottom: 3px;
}
.dir-portfolio {
    list-style: none;
    margin: 5px 0;
}
.dir-portfolio li {
    display: block;
    float: left;
    margin: 5px;
    width: 83px;
    height: 83px;
}
.dir-portfolio li a{
    display: block;
    width: 81px;
    height: 81px;
    border: 1px solid #ccc;
}
.dir-portfolio li a:hover {
    border: 1px solid #CD3C03;
}
.dir-portfolio li a img {
    border: none;
    padding: 3px;
}

/* TAMBAHAN BUAT 3 COLUMNS ORDERS */

.thisordertotal {
    background: #d94c00;
    text-align: left;
    padding: 10px;
}
.thisordertotal * {
    color: #fff;
}

.dir-signup-block select{
    background: url(../images/bgselect.gif) repeat-x center;
    padding: 2px;
}
.dir-signup-block input[type=text]{
    border: 1px solid #CC3B00;
}
div#righthead .share{
    float: left;
    margin: 20px 0 0 -40px;
}
.dir-desc a{
    color: #cd3c03;
}
.like{
    display: block;
    background-color: #F5F4F0;
    border: 1px solid #C0BBB1;
    margin: 5px 0;
}
.like p{
    float: left;
    width: 200px;
    margin: 5px 10px;
    font: bold 15px arial;
}
.like p span{
    color: #880802;
    font: normal 12px arial;
}
.like img{
    margin: 5px 2px;
}
.mail{
    float: left;
    width: 284px;
    height: 46px;
    background: url(../images/bgmail.jpg) no-repeat center;
    border: 0px;
}
.print{
    float: right;
    width: 284px;
    height: 46px;
    background: url(../images/bgprint.jpg) no-repeat center;
    border: 0px;
}
.mail h3 a,
.print h3 a{
    display: inline-block;
    height: 46px;
    width: 46px;
    text-indent: -5000px;
}
.calluson{
    margin: 5px 0;
}
.other h1{
    color: #644350;
    font: normal 28px arial;
    letter-spacing: -1px;
    margin: 20px 0 0 0;
}
.other h2{
    color: #475B6F;
    font: normal 17px arial;
    margin-bottom: 10px;
}
.ordering{
    display: block;
    width: 505px;
    float: left;
}
.ordering h3{
    color: #60404D;
    font: normal 17px/120% arial;
}
.ordering table{
    width: 505px;
    font: normal 15px/160% arial;
    color: #000;
    border-top: 1px solid #D3CFC8;
    border-collapse: collapse;
    margin: 20px 0;
}
.ordering table th{
    text-align: left;
}
.ordering table td{
    border-bottom: 1px solid #D3CFC8;
}
.ordering p{
    font: normal 15px/160% arial;
    color: #60404D;
}
.uploadpdf{
    display: block;
    width: 344px;
    float: right;
}
.obox{
    display: block;
    background-color: #EAE8E5;
    padding: 10px 20px;
    margin-bottom: 5px;
}
.obox sup{
    color: #DF6900;
    font-weight: bold;
}
.obox label{
    color: #60404D;
    width: 75px;
    font: normal 13px arial;
    display: inline-block;
    margin: 5px 0;
    vertical-align: top;
}
.obox label.long{
    width: 170px;
}
.obox input[type=text],
.obox textarea{
    border: 1px solid #D7D3CE;
    width: 205px;
    height: 28px;
    margin: 3px 0;
    padding: 2px 5px;
    font: normal 13px arial;
}
.obox input[type=text].sho{
    width: 90px;
}
.obox textarea{
    height: 85px;
    max-width: 205px;
    margin-top: 10px;
}
.obox select{
    background: url(../images/bg_se.gif) top left repeat-x;
    border: 1px solid #ABABAB;
    width: 120px;
    height: 28px;
    padding: 4px;
    margin: 5px 0;
}
.recaptchatable #recaptcha_response_field {
    height:19px !important;
    line-height:19px;
}
.upload{
    display: block;
    background-color: #FFFFCC;
    border: 1px solid #D7D3CE;
    padding: 20px;
    margin-bottom: 10px;
}
.uploadpdf button{
    width: 89px;
    height: 39px;
    background: url(../images/button-other.png) top left no-repeat;
    color: #fff;
    font: bold 14px arial;
    border: 0px;
    cursor: pointer;
}
.uploadpdf button:hover{
    text-shadow: 1px 1px 2px #000;
}

/* from books.css */
.botlinks { 
	color: #60404d; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	text-decoration: none; 
	background-color: #e8e6e2; 
	background-position: 0 32px; 
	text-align: center; 
}

.claimers { 
	color: #475b6f; 
	font-size: 10px; 
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	text-decoration: none; 
}

#uploadform table tr td{
	line-height: 200% !important;
}