*{
	margin:0pt;
	padding:0pt;
}

body{
	background-color:#a9b9da;
}

#main-wrapper {
	background-image:url("images/header-content-bg.jpg");
	background-repeat: repeat-x;
	background-attachment:scroll;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#333333;
	background-color:#a9b9da;
	text-align:center;
	width:100%;
}

#footer-wrapper{
	width:100%;
	background-image:url("images/footer-bg.jpg");
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-color:#7c93c1;
}

#main-container{
	width:800px;
	text-align:left;
	margin:auto;
	background-color:transparent;
}


#left-header{
	float:left;
}

#right-header{
	margin:10px;
	float:left;
	margin-left:80px;
}

#icon-panel{
	margin-right:20px;
	height:55px;
}

.icon-holder {
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:12px;
	padding-right:12px;
	border-right:2px solid #FCFCFC;
	height:32px;
}

.icon-holder img{
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

.icon-holder a img{
	text-decoration:none;
	border: 0px solid #FCFCFC;
}

.icon-holder a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border-bottom:5px solid #FFFFFF;
}

#search-panel{
	margin-left:15px;
	font-weight:bold;
	color:#FCFCFC;
	margin-top:10px;
	margin-bottom:10px;
}

label {
	margin: 0;
	padding:0.2em;
	margin-top:0.3em;
	text-align:right;
	width:100px;
}
fieldset {
	background-color:transparent;
	border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
	width:200px;
}
legend {
	width:194px;
	height:30px;
	color:#fff;
	font-size:2em;
	padding-left:0.5em;
	background: transparent;
	position:relative;
	top:-1em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	white-space:pre; /* hack: make sure */
}

.br {display:none;}  
  
.textfield {
	font:11pt  Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#606060 ;
	margin:3px;
	height:20px;
	border:solid 0 #fff;
	padding: 7px 12px;
	background: transparent url("images/search-bg.gif") no-repeat fixed;
	width:200px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:180px;
}
fieldset>input.textfield {
	background: transparent url("images/search-bg.gif") no-repeat;
}

#header-spacer{
	clear:both;
	background:transparent url("images/sidebar-header.jpg") no-repeat;
	background-attachment:scroll;
	background-position:top right;
}

#content{
	background:transparent url("images/content-container-bg2.jpg") repeat-y;
	background-attachment:scroll;
	background-position:top right;
}

#main-content{
	background-color:transparent;
	float:left;
	width:555px;
}

#sidebar{
	float:right;
	width:230px;
	padding:5px;
}

.header-container{
	border-bottom:2px solid #606060;
	width:100%;
	margin-bottom:10px;
}

#footer{
	width:800px;
	background:transparent url("images/footer-ribbon2.jpg") no-repeat;
	background-attachment:scroll;
	background-position:top right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:left;
	margin:auto;
	padding-top:25px;
	min-height:30px;
	height:auto;
	color:#FCFCFC;
}

* html #footer {
	height: 30px;
	width : 790px;
}


h1{
	font-size:16pt;
	font-weight:bold;
}

h2, h3{
	font-size:13pt;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:5px;
}


p{
	margin-top:5px;
	margin-bottom:8px;
	margin-left:3px;
	margin-right:3px;
}

/* Spiffy Corner Start Here */
.spiffy-container, #testimonial-panel, #support-panel,#member-panel,#latest-news-panel,#marketing-panel, #pembayaran-panel, #fb-twitter-panel{
	width:190px;
	margin-left:20px;
	margin-bottom:5px;
}

#member-panel{
  	margin-bottom:10px;
}

#testimonial-panel, #support-panel, #latest-news-panel,#marketing-panel,#pembayaran-panel{
	margin-top:15px;
	color:#5074bb;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FCFCFC}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d5dcc5;
  border-right:1px solid #d5dcc5;
  background:#ebeee4}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #bfcaa6;
  border-right:1px solid #bfcaa6;
  background:#eff1e9}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eff1e9;
  border-right:1px solid #eff1e9;}
.spiffy4{
  border-left:1px solid #d5dcc5;
  border-right:1px solid #d5dcc5}
.spiffy5{
  border-left:1px solid #ebeee4;
  border-right:1px solid #ebeee4}
.spiffyfg{
  background-color:#FCFCFC;
  height:24px;
  padding-left:45px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  cursor:pointer;
  border:none;
  text-decoration:none;
}

#member-panel .spiffyfg {
	height:auto;
	cursor:auto;
	padding:auto;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	color:#333333;
}

#latest-news-panel .spiffyfg {
	height:auto;
	cursor:auto;
	padding:auto;
	font-size:11px;
	font-weight:bold;
	padding-left:10px;
	padding-right:6px;
	color:#333333;
}

#testimonial-panel .spiffyfg{
	height:auto;
	cursor:auto;
	padding:auto;
	font-size:11px;
	font-weight:bold;
	color:#606060;
	padding-left:20px;
	padding-top:5px;
	background-image:url("images/quote.jpg");
    background-repeat:no-repeat;
}

#support-panel .spiffyfg, #marketing-panel .spiffyfg,#pembayaran-panel .spiffyfg, #fb-twitter-panel .spiffyfg{
	height:auto;
	cursor:auto;
	padding:auto;
	font-size:11px;
	font-weight:bold;
	padding:6px 0px 6px 0px;
	color:#606060;
}

.testimonial-content{
	background-image:url("images/quote2.jpg");
    background-repeat:no-repeat;
	background-position:right bottom;
	padding-right:20px;
	height:150px;
	min-height:150px;
	overflow:hidden;
	display:table-cell;
	vertical-align:middle;
}

.news-content{
	margin-top:5px;
	padding-bottom:5px;
}

.testimonial-content, .member-content{
	padding-bottom:5px;
}

.testimonial-footer, .news-header{
	font-family:Georgia, "Times New Roman", Times, serif;
}

.testimonial-footer, .member-footer{
	margin-top:10px;
	font-size:14px;
	color:#187DD5;
}

.news-header{
	font-size:12pt;
	color:#187DD5;
}

.home-side{
  background-image:url("images/home-sidebar.jpg");
  background-repeat:no-repeat;
}

.features-side{
  background-image:url("images/features-sidebar.jpg");
  background-repeat:no-repeat;
}

.prices-side{
  background-image:url("images/prices-sidebar.jpg");
  background-repeat:no-repeat;
}

.customers-side{
  background-image:url("images/customers-sidebar.jpg");
  background-repeat:no-repeat;
}

.about-side{
  background-image:url("images/about-sidebar.jpg");
  background-repeat:no-repeat;
}

.order-side{
  background-image:url("images/order-sidebar.jpg");
  background-repeat:no-repeat;
}

.contact-side{
  background-image:url("images/contact-sidebar.jpg");
  background-repeat:no-repeat;
}

.demo-side{
  background-image:url("images/demo-sidebar.jpg");
  background-repeat:no-repeat;
}

.themes-side{
  background-image:url("images/themes-sidebar.jpg");
  background-repeat:no-repeat;
}

/* End Of Spiffy Corner */
.spiffy-container a{
	text-decoration:none;
}

.spiffy-container a .spiffyfg{
	 color:#187dd5;
	 text-decoration:none;
}

.spiffy-container a:hover .spiffyfg{
	 color:#5bb1ff;
	 text-decoration:underline;
}

/*IE Fix */
* html .spiffy-container a{
	 color:#187dd5;
	 text-decoration:none;
}

* html .spiffy-container a:hover{
	 color:#5bb1ff;
	 text-decoration:underline;
}

/*===========================================================*/
.spiffy-container a .order-side{
	 color:#ff3737;
	 text-decoration:none;
}

.spiffy-container a:hover .order-side{
	 color:#fe8686;
	 text-decoration:underline;
}

/*IE Fix */
* html .spiffy-container a{
	 color:#ff3737;
	 text-decoration:none;
}

* html .spiffy-container a:hover{
	 color:#fe8686;
	 text-decoration:underline;
}

/*============================================================*/

.list-layer-1{
	background:transparent url("images/star-bullet-22.jpg") no-repeat;
	background-attachment:scroll;
	background-position:top left;
	padding-left:25px;
}


.list-1{
	margin-left:25px;
}

.login-header{
	font-size:16px;
	color:#187DD5;
}

.login-input{
	font-size:11px;
	font-family:Tahoma,Arial,Helvetica;
	margin:2px;
	width:100px;
}

#login-checkbox{
margin-left:2px;
margin-right:2px;
margin-top:2px;
}

.login-checkbox-text{
font-size:11px;
font-family:Arial,Helvetica,Tahoma;	
font-weight:normal;
}

.member-content td {
	line-height:17px;
}

input.login-button
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#444444;
   background-color:#EEEEEE;
   border-style:double;
   border-color:#999999;
   border-width:3px;
   margin:2px;
   cursor:pointer;
   padding-left:4px;
   padding-right:4px;
}

#main-content a {
   text-decoration:none;
   color:#187DD5;
}

#main-content a:hover {
   text-decoration:underline;
   color:#f0f8ff;
}

.with-logo-small{
   background:transparent url("images/seventhsite-small.jpg") no-repeat;
   background-attachment:scroll;
   background-position:2px -3px;
   padding-left:60px;
}

#price-container{
	background-color:#b8b8b8;
	border: 1px solid #FFFFFF;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px 0px 5px 5px;
}

.price-detail{
	float:left;
	width:170px;
	margin:5px;
	padding-top:35px;
    background-attachment:scroll;
    background-position:top left;
}

.price-label{
	font-size:16px;
	font-weight:bold;
}

.price-amount{
	color: #d9286e;
}

.paket-personal{
   background:#b8b8b8 url("images/paket-personal.jpg") no-repeat;
}

.paket-basic{
   background:#b8b8b8 url("images/paket-basic.jpg") no-repeat;
}

.paket-advanced{
   background:#b8b8b8 url("images/paket-advanced.jpg") no-repeat;
}


ul.gray-list li{
	list-style-image:none;
	list-style-type:none;
	background-image:url("images/star-bullet-16-gray.jpg");
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:20px;
	line-height:20px;
	margin-left:10px;
	color:#04266c;
}

.stretchtoggle {
	color: #04266C;
	margin: 0px;
	padding: 2px 5px;
	background: #B8B8B8;
	border: 1px solid #ffffff;
	border-bottom:none;
	cursor:pointer;
}

.stretcher {
	margin: 0px;
	padding: 4px;
	background-color:#FFFFFF;
}

img.pic-margin{
	margin:5px;
}

#testimonial-slideshow{
	height:100px;
}

table.prize td {
	border-right: 1px solid #bee1f9;
	border-bottom: 1px solid #bee1f9;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #2c4780;
}

table.prize td.header {
	background: #2c4780;
	color: #fff;
	border-right: 1px solid #2c4780;
	border-bottom: 1px solid #2c4780;
}

table.prize td.alt {
	background: #ebf5fc;
	color: #8a8a8a;
}

div#prize-container{
	margin-top:-6px;
	background-image:url("images/prizes-bg.jpg");
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:180px;
}
div#testi-confirm{
	padding:5px;
	background-color:rgb(201,216,199);
	border:1px solid rgb(104,142,100);
	margin-bottom:4px;
}
.defclr{
	color:#DF4627;
}

.red{
	color:#DF4627;
	font-size:11px;
	font-weight:bold;
}

input.button{
	padding-left:10px;
	padding-right:10px;
}

p#err_msg{
	display:none;
}

.error_red{
	background-color:#BE7676;
	border: 1px solid #994747;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding : 3px;
	
}

#member-panel a {
padding-left:10px;
color:#187DD5;
text-decoration:none;
}

#member-panel a:hover {
color:#5bb1ff;
text-decoration:underline;
}

div.confirm{
	padding:10px;
	background-color:rgb(201,216,199);
	border:1px solid rgb(104,142,100);
	margin-bottom:10px;
}

p#pages_nav1, p#pages_nav2 {
	font-size:12px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:12px;
	text-align:left;
}

#main-content .nav_a{
	padding:3px 5px 3px 5px;
	margin :2px;
	border :1px solid #2C4780;
	background-color:#2C4780;
	color:#FFFFFF;
}

#main-content a:hover.nav_a{
	background-color:#ffffff;
	color:#2C4780;
}

.inactive_nav_a{
	background-color:#333333;
	border:1px solid #333333;
	color:#FFFFFF;
	margin:2px;
	padding:3px 5px 3px 5px;
}

.nav_title{
	background-color:#ffffff;
	border:1px solid #333333;
	color:#333333;
	margin: 2px 6px 2px -3px;
	padding:3px 5px 3px 5px;
}

table.display td{
	border-right: 1px solid #bee1f9;
	border-bottom: 1px solid #bee1f9;
	background: #fff;
	padding: 6px;
	color: #2c4780;
}

#main-content a.link-display{
	color: #2c4780;
	text-decoration:underline;
}

#main-content a:hover.link-display{
	color: #2c4780;
	text-decoration:none;
}

#main-content td.alt a.link-display{
	color: #8a8a8a;
	text-decoration:underline;
}

#main-content td.alt a:hover.link-display{
	color: #8a8a8a;
	text-decoration:none;
}

table.display td.header {
	background: #2c4780;
	color: #fff;
	border-right: 1px solid #2c4780;
	border-bottom: 1px solid #2c4780;
	font-weight:bold;
}

table.display td.alt {
	background: #ebf5fc;
	color: #8a8a8a;
}

.error_panel{
	margin-top:10px; font-size:16px; text-align:center;padding:6px 12px 6px 12px;
}

a.read-more{
	color:#187DD5;
	text-decoration:none;
	font-weight:bold;
}

a:hover.read-more{
	color:#5BB1FF;
	text-decoration:underline;
}

.small_red {
font-size:9px;
font-weight:bold;
color:#7D0101;
}

.caroussel-panel {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 555px; /* important */
	height: 180px; /* important */
	margin: 0px;
	background: #ffffff;
	margin-bottom:12px;
}

.caroussel-content {
	position: absolute;
	top: 0;
	margin: 0px;
}

.caroussel-content, 
.caroussel-content li {
	list-style: none;
	margin: 0;
	padding: 0;
	height:180px;float:left;
}
.caroussel-content {
		width: 6000px;
}

#main-content .caroussel-content ul li img{
	border:none;
}

.caroussel-content span{
	display:none;
}