/* CSS Document 
Software Asli - Fixed Layout
-by Ongo-
09 November 2006
*/

html > body #konversi {
position: fixed;
}

/* Body */
body {
	text-align:center;
	margin:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
}

/* Tags Style */
a {
	text-decoration:underline;
	color:#000000;
}
a:hover {
	text-decoration:none;
	background-color:#33AADB;
	color:#FFFFFF;
}
input:focus, textarea:focus {
	background:#74A8F4;
	color: #FFF;
}
input {
	border:1px solid #33AADB;
}
form {
	margin:0;
	padding:0;
	clear:both;
}
pre {
	font-family:Tahoma;
}
.img_png {
	behavior: url(lib/js/pngbehavior.htc);
}
.drag {
	position:relative;
}
.faq-altrow {
	background:#ddd;
}
.faq-altrow2 {
	background:#fff;
}
.term {
	background:#f00;
	color:#fff;
	font-weight:bold;
}
/* Wrapper */
#wrapper {
	width:767px;
	margin:auto;
	text-align:left;
	font-size:12px;
	background: url(../img/bg-body-wrap.png) repeat-y center top;
	/*border-left:1px solid #CCCCCC;*/
}
#wrapper h2 {
	margin:0;
}

/* Top Header */
#top-header {
	height:85px;
	border-bottom:2px solid #999999;
	padding:0 0 0 2px;
	margin:0 3px 0 2px;
}
#top-header h2 {
	margin:0;
	padding:0;
}
#top-header .left {
	float:left;
	margin:0;
}
#top-header .right {
	float:right;
	margin:20px 10px 5px 5px;
}
#top-header a {
	color: #FFFFFF;
	text-decoration:none;
}
#top-header a:hover {
	text-decoration:underline;
}
#top-header img {
	border:none;
}

/* Header */
#header {
	height:200px;
	background: url(../img/header.jpg) -1px no-repeat;
	margin:0 3px 0 2px;
	padding:0 0 0 2px;	
}

/*  Navigation */
body.homepage #mainNav li.home a, body.productpage #mainNav li.product a,
body.orderpage #mainNav li.order a, body.faqpage #mainNav li.faq a,
body.contactpage #mainNav li.contact a, body.aboutpage #mainNav li.about a, body.linkpage #mainNav li.link a,
body.customerpage #mainNav li.customer a {
	color:#FFFFFF;
	padding:7px 7px 7px 7px;
	text-decoration:none;
	width:100%;
	font-weight:bold;
	background:url(../img/bg-menu.png) repeat-x;
	margin:0;
}
#mainNav {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999; 
	border-left:none;
	border-right:none;
	padding:7px 7px 7px 0;
	margin:0 3px 0 2px;	
}
#mainNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mainNav li {
	margin:0;
	padding:0;
	display:inline;
}
#mainNav li a {
	padding:7px 7px 7px 7px;
	text-decoration:none;
	width:100%;
	font-weight:bold;
	color:#000;
}
#mainNav li a:hover {
	text-decoration:none;
	background:url(../img/bg-menu.png) repeat-x;
	color:#FFFFFF;
}

/* Promo */
#promo {
margin:5px 0 0 0;
clear:both;
}
#promo .box {
	width:260px;
	height:180px;
	padding:5px 5px 5px 5px;
	float:left;
	margin:0 3px 5px 1px;
	text-align:left;
/*	border-right:1px solid #CCCCCC; */
}
#promo img {
	border:none;
}
#promo a {
	text-decoration:none;
}
#promo a:hover {
	text-decoration:none;
	background:none;
}

/* Misc */
.solid {
	clear:both;
	border-bottom:1px solid #000000;
	height:1px;
}
.top-gap {
	height:15px;
}
.bottom-gap {
	height:15px;
}
.top-bg {
	margin:0 auto;
	width:767px;
	height:15px;
	background: url(../img/bg-body-top.png) center top no-repeat;
}
.bottom-bg {
	margin:0 auto;
	width:767px;
	height:15px;
	background: url(../img/bg-body-bottom.png) center bottom no-repeat;	
}
.textcenter {
	text-align:center;
}
.textright {
	text-align:right;
	padding: 0 10px 0 0;
}
.none-link {
	text-decoration:none;
	color:#000000;
	border:none;
}
.none-link:hover {
	text-decoration:none;
	background:none;
	color:#000000;
	border:none;
}
.error {
	font-weight:bold;
	color:#FF0000;
}
.faq-error {
	color:#FFF;
	background:#ff0000;
	padding:8px;
	text-align:center;
	font-weight: bold;
}
.normal {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.kurs_res {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.dot-vista {
	font-size:24px;
	font-weight:bold;
}
.hilite_form {
	background-color:#FFCC33;
	border:1px solid #FF0000;
}
.hilite_formnum {
	background-color:#99FF66;
	border:1px solid #006600;
}

/* Content */
#content {
	padding:0 10px 10px 10px;
	clear:both;
	/*background:url(../img/bg-wrapper.gif) center top repeat-y;*/
	border-bottom:1px solid #CCCCCC;
}
#content-nobg {
	padding:0 10px 10px 10px;
	clear:both;
	border-bottom:1px solid #CCCCCC;
}
#Full .address {
	line-height:20px;
}
#Full .aboutus {
	line-height:20px;
}

/* Main Content */
#mainContent {
	width:535px;
	float:left;
	margin:0 0 0 0;
	padding:5px 0;
}
#mainContent .breadcrumb {
	padding:3px 3px 3px 3px;
	margin:0 0 3px 0;
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
}
#mainContent .title {
	clear:both;
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 0 0 10px;
	background:url(../img/bg-menu.png) center;
	height:20px;
	border-bottom:1px solid #999999;
}
#mainContent .box {
	padding: 3px 0 3px 0;
	font-family: Arial;
}
#mainContent .box ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mainContent .box li {
	padding:3px 0 5px 0;
	border-bottom:1px solid #666666;
}

#mainContent .featured-product {
	margin:10px 0 0 0;
	padding:0 0 40px 0;
}

/* Full Page */
#Full {
	width:100%;
	float:left;
	margin:0 0 0 0;
	padding:5px 0;
}
#Full .breadcrumb {
	padding:3px 3px 3px 3px;
	margin:0 0 3px 0;
	border-bottom:1px solid #CCCCCC;
}
#Full .querybox {
	clear:both;
	padding:8px 0 8px 2px;
	border:1px solid #999;
	border-left:none;
	border-right:none;
	font-weight:bold;	
}
#Full .title {
	clear:both;
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 0 0 10px;
	background:url(../img/bg-menu.png) center;
	height:20px;
	border-bottom:1px solid #999999;
}
#Full .box {
	padding: 3px 0 3px 2px;
}
#Full .box .left {
	width:30%;
	float:left;
}
#Full .box .right {
	text-align:right;
	width:60%;
	float:right;
	line-height:25px;
}
#Full .box ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Full .box li {
	padding:5px 0;
}
#Full div.faq-search {
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:5px;
	text-align:right;
}
#Full ul#faq-cat {
	margin:0;
	padding:0;
	list-style:none;
}
#Full ul#faq-cat li.list-cat {
	width:32%;
	margin-right:7px;
	float:left;
	padding:0;
}
#Full ul#faq-cat .cat-title {
	padding:8px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	color:#000;
	margin:0;
	padding-bottom:13px;
}
#Full ul#faq-cat .cat-title ul {
	padding:0;
	margin:0;
	width:100%;
}
#Full ul#faq-cat .cat-title li {
	display:inline;
	float:left;
	width:100px;
}
#Full ul#faq-cat .cat-title li a {
	background:url(../img/btn2.gif) left center no-repeat;	
	text-decoration:none;
	padding:8px;
	padding-right:30px;
	color:#000;
}
#Full ul#faq-cat div.cat-title li a.active {
	background:url(../img/btn1.gif) left center no-repeat;
	color:#FFF;
	padding:8px;
	padding-right:30px;	
}
#Full ul#faq-cat .sbox {
	padding:0;
	margin:0;
}
#Full ul#faq-cat .faq-ques {
	border-bottom:1px solid #ccc;
	line-height:17px;
	font-size:14px;
}
#Full ul#faq-cat .faq-ques a {
	display:block;
	padding:8px;
}
#Full ul#faq-cat .faq-ques a:hover {
	background:#8DC3E9;
}
#Full ul#faq-cat .faq-sques {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding:5px;
	padding-left:10px;
	padding-top:15px;
}
#Full ul#faq-cat .faq-sans {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	padding:0 5px;
	padding-left:10px;
	padding-bottom:10px;
}
#Full ul#faq-cat .faq-sans ul {
	margin:0;
	padding:0;
	list-style:none;
}
#Full ul#faq-cat .faq-sans li {
	margin-left:5px;
	padding:3px;
	padding-left:15px;
	background-image: url(../img/blue-dot.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}
#Full ul#faq-cat .faq-btn {
	margin-top:15px;
	margin-left:10px;
}
#Full ul#faq-cat .faq-btn a {
	border:1px solid #ccc;
	clear:both;
	padding:5px;
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:10px;
	background:#33AADB;
}
#Full ul#faq-cat a.faq-all {
	padding:8px;
	float:right;
}
#Full .productbox {
	padding:0;
	margin:5px 0 0 0;
	float:left;
	border:none;
	width:100%;
}
#Full .titleproduct {
	font-weight:bold;
	color:#fff;
	/*width:98.6%;*/
	padding:5px;
	background:#0099FF;
}
#Full .info {
	border-bottom:1px solid #fff;
	background:#09F;
	color:#fff;
	font:bold 13px tahoma;
	padding:4px;
	text-align:center;
}
#Full .warn {
	border-bottom:1px solid #fff;
	background:#F00;
	color:#fff;
	font:bold 13px tahoma;
	padding:4px;
	text-align:center;
}
#Full .warnbox {
	border-bottom:3px solid #F92424;
	border-top:3px solid #F92424;
	background:#E6C0C0 url(../img/remove.gif) no-repeat 5px;
	color:#FA5656;
	font:bold 13px tahoma;
	padding:12px;
	padding-left:45px;
}
#Full .goodbox {
	border-bottom:3px solid #5EEE3F;
	border-top:3px solid #5EEE3F;
	background:#ACF69C url(../img/accept.gif) no-repeat 5px;
	color:#31D013;
	font:bold 13px tahoma;
	padding:12px;
	padding-left:45px;
}
#Full .info_alt {
	border-bottom:1px solid #fff;
	background:#FFF;
	color:#000;
	font:bold 13px tahoma;
	padding:4px;
	text-align:center;
}
#Full .titleproduct .left {
	float:left;
	width:auto;
	text-align:left;
}
#Full .titleproduct .left a {
	color:#FFF;
	text-decoration:underline;
}
#Full .titleproduct .right {
	float:right;
	width:auto;
}
#Full .contentproduct {
	padding:5px 5px 5px 5px;
	border:1px solid #666666;
	-moz-border-radius: 8px;
	clear:both;
}
#Full .contentproduct .left {
	float:left;
}
#Full .contentproduct .right {
	float:right;
	width:65%;
}
#Full .productlist {
	clear:both;
	width:100%;
	border:1px solid #999999;
}
#Full .emptyspace {
	height:500px;
}
#Full .customerdata {
	width:100%;
	border:1px solid #999999;
	background:#eee;
}
#Full .textform {
	width:70%;
}
#Full .textformadd {
	width:85%;
}
#Full .altrow {
	background:#CCCCCC;
}
#Full .subtitle {
	background:#666;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
#Full .contentproduct ul {
	list-style:none;
	margin:0;
	padding:0;
}
#Full .contentproduct li {
	padding:2px 2px 2px 8px;
	margin:0 0 0 3px;
	background: url(../img/arrow.gif) left center no-repeat;
}

/* New Product Page */
#Full .neo_productbox {
	padding:5px;
	float:left;
	width:235px;
}
#Full .neo_titleproduct {
	font-weight:bold;
	padding: 3px 0 0 10px;
	background:url(../img/bg-menu.png) center;
	color:#FFFFFF;
	height:20px;
}
#Full .neo_contentproduct {
	padding:5px 5px 5px 5px;
	clear:both;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
}
#Full .neo_contentproduct .bglogo {
	height:32px;
}
#Full .neo_contentproduct .bglogo img {
	padding:0 5px;
}
#Full .neo_contentproduct .left {
	float:left;
}
#Full .neo_contentproduct .right {
	float:right;
	width:65%;
}
#Full .neo_contentproduct ul {
	list-style:none;
	margin:0;
	padding:0;
}
#Full .neo_contentproduct li {
	padding:2px 2px 2px 8px;
	margin:0 0 0 3px;
	background: url(../img/arrow.gif) left center no-repeat;
}
#Full .neo_contentproduct li a {
font-weight:bold;
}

/* Order Page */
#orderstep {
	padding:5px 0;
	border-bottom:1px solid #CCC;
}
#orderstep .leftstep {
	width:7%;
	float:left;
	padding-top:10px;
}
#orderstep .rightstep {
	width:88%;
	float:right;
	line-height:20px;
}
#orderstep .clear {
	clear:both;
}
#orderstep .notes {
	font: bold 12px Arial, Helvetica, sans-serif;
}
#orderstep .rightstep .SubContent {
	padding-left:30px;
}
#orderstep .rightstep li {
	line-height:20px;
}
#orderstep .rightstep .important {
	font:bold 16px Arial, Helvetica, sans-serif;
}


/*#orderstep blockquote {
	border:1px solid #999;
	padding:5px;
	margin:0;
	width:55%;
}
*/
/* Link Page */
.link-box {
	padding:3px 0 3px 0;
}
.link-box ul {
	list-style: none;
	margin:0;
	padding:0;
}
.link-box li {
	padding:3px 3px 3px 3px;
	line-height:20px;
	border-bottom:1px solid #999999;
}
.link-box li a{
	text-decoration:none;
	display:block;
	padding:0 0 0 10px;
	background: url(../img/arrow.gif) left center no-repeat;
}
.link-box li a:hover {
	background-color:#33AADB;
}

/* Customer Page */
#customer-box {
	padding:3px 0 3px 0;
}
#customer-box td {
	background:url(../img/arrow.gif) no-repeat left center;
	padding:5px 5px 5px 7px;
	margin:0 0 2px 0;
	border-bottom:1px solid #CCC;
	line-height:20px;
}
#customer-box a{
	text-decoration:none;
	display:block;
}
#customer-box a:hover {
	background-color:#33AADB;
	padding:0 0 0 5px;
}
/*
#customer-box ul {
	list-style:none;
	margin:0;
	padding:0;
}
#customer-box ul.csleft {
	float:left;
	width:49%;
}
#customer-box ul.csleft li {
	background:url(../img/arrow.gif) no-repeat left center;
	padding:7px;
	margin:0 0 2px 0;
	border-bottom:1px solid #CCC;
}
#customer-box ul.csright {
	float:right;
	width:49%;
}
#customer-box ul.csright li {
	background:url(../img/arrow.gif) no-repeat left center;
	padding:7px;
	margin:0 0 2px 0;
	border-bottom:1px solid #CCC;
}
*/
/* Sidebar Content */
#secondaryContent {
	width:200px;
	float:right;
	padding:5px 0 5px 0;
}
#secondaryContent p, #secondaryContent h3 {
	padding:0 5px 0 5px;
}
#secondaryContent ul {
	list-style:none;
	margin:0;
	padding:0;
}
#secondaryContent li {
	padding:3px 3px 3px 3px;
	line-height:20px;
	border-bottom:1px solid #999999;
}
#secondaryContent li a{
	display:block;
	padding:0 0 0 10px;
	background: url(../img/arrow.gif) left center no-repeat;
	color:#000;
}
#secondaryContent li a:hover {
	background-color:#33AADB;
}
#secondaryContent .title {
	font-weight:bold;
	color:#FFFFFF;
	padding: 3px 0 0 10px;
	background:url(../img/bg-menu.png) center;
	height:20px;
	border-bottom:1px solid #999999;
}
#secondaryContent .side-promo {
	padding: 3px 0 3px 0;
	margin:10px 0 0 0;
}
#secondaryContent .box {
	padding: 3px 0 3px 0;
}
#secondaryContent .box input {
		color: #000;

}

/* Footer */
#footer {
	clear: both;
	line-height: 30px;
	font-size: 10px;
	color: #000000;
	padding:0 5px 0 0;
	margin:auto;
	width:763px;
}
#footer .left {
	float:left;
	margin:0 0 0 5px;
}
#footer .right {
	float:right;
	margin:0 5px 0 0;
}
#compare_table {
        border:1px solid #000;
        border-collapse:collapse;
        background-color:#fff;
        font: 12px Arial,Tahoma,sans-serif;
}