.body{
	width: 971px;
	margin: auto;
	text-align: left;
}
.btop{
	height: 30px;
	margin-bottom: 16px;
}
.header{
	height: 68px;
	background: url(../images/hpbg.jpg) repeat-x;
	margin-bottom: 5px;
}
.hleft{
	background: url(../images/hpl.jpg) no-repeat left;
	height: 68px;
	width: 15px;
	float: left;
}
.logo{
	width: 164px;
	float: left;
}

/* main menu */
.mainmenu{
	width: 627px;
	float: left;
	height: 68px;
	text-align: right;
}
.mainmenu ul{
	margin: 0;
	padding: 0 10px 0 0;
	list-style: none;
}
.mainmenu li{
	display: inline;
	line-height: 68px;
	padding-right: 5px;
}
.mainmenu a{
	color: #fff;
	font-weight: bold;
}
.mainmenu a.active_link, .mainmenu a:hover{
	color: #ffc;
}

.htry{
	width: 156px;
	float: left;
}
.hright{
	width: 9px;
	height: 68px;
	float: left;
	background: url(../images/hpr.jpg) no-repeat;
}

.banner{
	height: 83px;
	background: url(../images/contact.jpg) no-repeat top right;
	margin-bottom: 5px;
}
.banner .banner-item{
	width: 365px;
	float: left;
}

.topmenu{
	width: 500px;
	float: right;
	color: #aaa;
	line-height: 30px;
	text-align: right;
}
.topmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.topmenu li{
	display: inline;
	padding-right: 8px;
}
.topmenu a{
	color: #aaa;
}
.topmenu a:hover, .topmenu a.active_link{
	color: #fff;
}
.cs{
	color: #aaa;
	width: 420px;
	float: left;
	padding: 4px 10px 0 0;
}
.cs table{
	width: 100%;
}
.cs td{
	text-align: left;
}
.cs .cs_name{
	text-align: left;
	width: 45px;
}
.cs .cs_title{
	font-weight: bold;
}

/* layout */
.top{
	background: url(../images/top.jpg) no-repeat;
	height: 16px;
	font-size: 1px;
}
.wrap{
	background: url(../images/mainbg.jpg) repeat-y;
}
.wrap-content{
	padding: 0 15px 20px 15px;
}
.bottom{
	background: url(../images/bottom.jpg) no-repeat top;
	height: 26px;
	font-size: 1px;
}
.footerwrap{
	background: url(../images/grass.jpg) repeat-x #6EB405;
	height: 70px;
}	 
.footer{
	background: url(../images/car.jpg) no-repeat top left;
	width: 971px;
	margin: auto;
	height: 70px;
}
.copy{
	color: #fff;
	padding-top: 40px;
}
.copy a{
	color: #fff;
}
.copy a:hover{
	color: #ffc;
}

/* layout home */
.homesdbar{
	width: 410px;
	float: left;
}
.homemain{
	width: 510px;
	float: right;
}

.hometesti{
	padding: 0 10px 20px 10px;
}
.hometesti .item{
	background: url(../images/qt.jpg) no-repeat top left;
	padding: 5px 0 0 20px;
	font-size: 14px;
	font-style:italic;
	line-height: 22px; 
}
.hometesti .item span{
	display: block;
}
.hometesti .item span.testisender{
	text-align: right;
	font-weight: bold;
	background: url(../images/qb.jpg) no-repeat center right;
	padding: 0px 40px 10px 0;
}
.hometesti .item span.testilong{
	display: none;
}
.hometesti .item span.testishort a, .hometesti .item span.testilong a{
	font-weight: bold;
	font-size: 11px;
}
.hometesti .item span.testisender a{
	color: #333;
}
.homeportofolio{
	padding: 10px 10px 20px 10px;
	height: 190px;
}
#homeportofolio{
	position: absolute;
}
.homeportofolio .item{
	border: 1px solid #ddd;
	padding: 4px;
	position: absolute;
	left: 0;
	top: 0;
}
.homelogin{
	margin: 0 10px 20px 10px;
	border: 1px solid #d1e8ef;
	padding: 10px;
	background: #effbff;
}
.homelogin h3{
	line-height: 30px;
	color: #4A8CA0;
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0;
}
.homelogin table{
	width: 100%;
}
.homelogin form{
	padding: 10px 0;
}
.homelogin .txt{
	border: 1px solid #d1e8ef;
	background: #fff;
}

.homefaq{
	padding: 0 10px 20px 10px;
}
.homefaq h3{
	line-height: 30px;
	color: #4A8CA0;
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0;
}
.homefaq ul{
	padding:10px 0px 0 0px;
	margin: 0;
	list-style: none;
}
.homefaq li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	padding-left: 18px;
	line-height: 22px;
}
.homefaq a{
	color: #333;
}
.homefaq a:hover{
	color: #222;
	text-decoration: underline;
}
.welcome{
	padding: 0 15px 10px 0;
	background: url(../images/dot.gif) repeat-x bottom;
	margin-bottom: 10px;
}
.welcome h1{
	font-family: Georgia;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 10px 0;
	background: url(../images/dot.gif) repeat-x bottom;
	padding: 0 0 10px 0;
	color: #2f6e7f;
}

.productfrontpage{
	padding: 0 10px 10px 0;
	background: url(../images/dot.gif) repeat-x bottom;
	margin-bottom: 10px;			
}
.productfrontpage h3{
	background: url(../images/productfrontpage.jpg) no-repeat center left;
	padding-left: 50px;
	line-height: 45px;
	color: #4A8CA0;
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.productfrontpage .opening{
	background: #f5f5f5;
	padding: 5px;
	font-size: 11px;
}
.productfrontpage .item{
	padding: 10px 0;
}
.productfrontpage .itemimg{
	width: 100px;
	float: left;
	text-align: right;
}
.productfrontpage .itemdesc{
	width: 380px;
	float: right;
}
.productfrontpage .itemdesc h4{
	font-size: 14px;
	margin: 0;
}
.productfrontpage .price{
	font-size: 16px;
	color: #ce2900;
	font-weight: bold;
	padding: 5px 0;
}
.productfrontpage .itemnav{
	padding-top: 5px;
}
.productfrontpage .more{
	text-align: right;
	font-weight: bold;
	padding: 10px;
}
.productfrontpagelink{ 
	background: url(http://naevaweb.com/userfiles/asset/images/icons/pdf.gif) no-repeat left center;
	height: 45px;
	line-height: 45px;
	width: 125px;
	display:block;
	float: right;
	text-align: right;
	font-weight: bold;
}
.productfrontpagelink a{
	text-decoration: underline;
}

/* big search & text */
.bigtextsearch{
	background: url(../images/mbg.jpg) repeat-x;
	margin: 0 3px;
	height: 87px;
}
.bigtext{
	width: 720px;
	text-align: center;
	float: left;
}
.search{
	width: 208px;
	float: right;
}
.search form{
	padding: 23px 0 20px 0;
	background: url(../images/s.jpg) no-repeat;
	background-position: 0 23px;
}
.search .txt{
	background: none;
	padding: 8px 15px 8px 16px;
	width: 180px;
	border: none !important;
	color: #666;
}

/* home easy step */
.spacer1{
	background: url(../images/spacer1.jpg) repeat-x;
	height: 30px;
}
.easystep{
	height: 310px;
}
.stepbox{
	height: 310px;
	width: 940px;
	overflow: hidden;
	position: absolute;
}
.stepslide{
	height: 310px;
	width: 10000px;
	background: #8DC5D7;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
}
#stepslide{
	position: absolute;
	left: 0px;
}
.stepslide .txt, .stepslide textarea, .stepslide select{
	background: #fff;
	border: 1px solid #80b9ca;
	width: 160px;
}
.stepslide .btn{
	background: #f25195;
	border: 1px solid #f25195;
	font-weight: bold;
}
.stepslide .loading{
	background: url(../images/loadingblue.gif) no-repeat;
	background-position: 7px 7px;
	border: none !important;
}
.stepslide .error{
	background: url(../images/errorblue.gif) no-repeat;
	background-position: 7px 7px;
	border: none !important;
}
.step1{
	background: url(../images/step1.jpg) no-repeat;
	width: 940px;
	height: 310px;
	float: left;
}
.step1 form{
	padding: 80px 10px 10px 680px;
}
.step1 textarea{
	height: 70px;
	width: 230px;
}
.step1 select{
	padding: 3px 2px;
}
.explanation{
	font-weight: normal !important;
	background: #4f8e9f;
	padding: 5px;
	line-height: 18px;
}
#explanation{
	padding: 4px 0;
	height: 80px;
}

.step2{
	background: url(../images/slide2.jpg) no-repeat top #8DC5D7;
	width: 940px;
	height: 310px;
	float: left;
}
.step2wrap{
	height: 270px;
}
.step2content{
	padding: 70px 10px 10px 10px;
}
.step2item{
	height: 190px;
	width: 200px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
.step2item h3{
	font-size: 14px;
	margin: 0;
}
.step2item a{
	color: #ffc;
}
.step2item a:hover{
	color: #ffa;
}
.step2item p{
	font-weight: normal;
	height: 130px;
	overflow: hidden;
}
.step2item .price{
	padding-top: 5px;
	font-size: 18px;
}

.step3{
	background: url(../images/slide3.jpg) no-repeat top left #8DC5D7;
	width: 940px;
	height: 310px;
	float: left;
}
.step3wrap{
	height: 270px;
}
.step3content{
	padding: 80px 10px 10px 10px;
}
.step3image{
	width: 170px;
	float: left;
}
.step2imagec{
	width: 160px;
	height: 180px;
	background: #fff;
	text-align: center;
}
.step2imagec a{
	display: block;
	padding: 20px 0 0 0;
}
.step3desc{
	width: 480px;
	height: 190px;
	padding: 0 10px;
	overflow: auto;
	float: left;
}
.step3icon{
	width: 230px;
	float: left;
	text-align: right;
}
.step3icon a{
	display: block;
	padding-bottom: 6px;
}


.info1{
	width: 245px;
	float: left;	
}
.info1 h3{
	background: url(../images/payment.jpg) no-repeat center left;
	padding-left: 50px;
	line-height: 45px;
	color: #4A8CA0;
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0;
}

.news-frontpage{
	width: 245px;
	float: right;			
}
.news-frontpage h3{
	background: url(../images/news.jpg) no-repeat center left;
	padding-left: 50px;
	line-height: 45px;
	color: #4A8CA0;
	font-size: 24px;
	font-family: Georgia;
	font-weight: normal;
	margin: 0;
}
.news-frontpage ul{
	padding:10px 0px 0 10px;
	margin: 0;
	list-style: none;
}
.news-frontpage li{
	background: url(../images/icon2.gif) no-repeat;
	background-position: 0 8px;
	padding-left: 14px;
	line-height: 18px;
}
.news-frontpage a{
	color: #333;
}
.news-frontpage a:hover{
	color: #222;
	text-decoration: underline;
}


/* testimonial */
.testimonial{padding-bottom: 20px;}
.testimonial .item{
	background: url(../images/qt.jpg) no-repeat top left;
	padding: 5px 0 30px 20px;
	font-size: 14px;
	font-style:italic;
	line-height: 22px; 
}
.testimonial .item span{
	display: block;
}
.testimonial .item .testisender{
	text-align: right;
	font-weight: bold;
	background: url(../images/qb.jpg) no-repeat center right;
	padding: 10px 40px 10px 0;
}

.testimonial .item .testisender a{
	color: #333;
}


/*faq*/
ul.faq_cat{
	padding:10px 0px 0 0px;
	margin: 0;
	list-style: none;
}
.faq_cat li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	padding-left: 18px;
	line-height: 22px;
}

.faq-item{
	padding-bottom: 10px;
}
.faq-item h3{
	font-size: 12px;
	font-weight: bold;
	color: #227db4;
	margin: 0;
	background: url(../images/q.jpg) no-repeat;
	padding: 0 0 5px 30px;
	line-height: 20px;
}
.faq-item .faq-content{
	background: url(../images/a.jpg) no-repeat;
	padding: 0 0 10px 30px;
	line-height: 150%;
}
.faq-content img{
	padding: 4px;
	border: 1px solid #7bb9ce;
	background: #b9e7f6;
	margin: 5px 0 10px 0;
}
.faq-content ul, .faq-content ol{
	margin: 0;
	padding: 0 0 0 20px;
}
.faq-content li{
	margin-top: 10px !important;
}
.faq-info{
	font-size: 12px;
	margin-bottom: 10px;
	color: #00abc5;
}


ul.panduan{
	padding:10px 0px 0 0px;
	margin: 0;
	list-style: none;
}
.panduan li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	padding-left: 18px;
	line-height: 22px;
}
.panduan-info{
	font-size: 12px;
	margin-bottom: 10px;
	color: #00abc5;
}
.panduan-detail{
	line-height: 150%;
}
.panduan-detail *{
	line-height: 150%;
}
.panduan-detail img{
	padding: 4px;
	border: 1px solid #7bb9ce;
	background: #b9e7f6;
	margin: 5px 0 10px 0;
}
.panduan-detail ol{
	margin: 0;
}


/* portofolio */
.portofolio{
	padding-bottom: 20px;
}
.portofolio .listitem{
	width: 155px;
	float: left;
	height: 155px;
	background: url(../images/portofoliobg.gif) no-repeat bottom left;
	text-align: center;
	margin: 0 15px 15px 0;
}
.portofolio .listitem a{
	display: block;
	padding: 5px 0 0 0;
	height: 130px;
	overflow: hidden;
}
.portofolio .item{
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.portofolio .item .preview_small{
	width: 160px;
	float: left;
}
.portofolio .item img{
	padding: 1px;
	border: 1px solid #efefef;
}
.portofolio .item .info{
	width: 340px;
	float: right;
}
.portofolio .item h3{
	font-size: 12px;
	margin: 2px 0;
}

.portofolio .image{
	text-align: center;
	padding: 10px;
}
.portofolio .image img{
	border: 1px solid #ccc;
	padding: 2px;
}
.portofolio .info{
	margin-bottom: 20px;
}
.portofolio .info table{
	width: 100%;
}
.portofolio .info td{
	background: url(../images/dot.gif) repeat-x bottom;
	padding: 10px;
}

/* template */
.twrap{
	background: url(../images/mainbg.jpg) repeat-y;
	padding: 0 3px;
}
.twrap-content{
	background: url(../images/twrap.jpg) repeat-y;
	border-top: 1px solid #fff;
}
.twrapbottom{
	background: url(../images/wrapbottom.jpg) no-repeat;
	height: 50px;
}
.sdbar{
	width: 219px;
	float: left;
}
.main{
	width: 745px;
	float: right;
}
.mainhtml{
	padding: 10px 15px;
}
.mainhtml h1{
	font-family: Georgia;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 15px 0;
	background: url(../images/dot.gif) repeat-x bottom;
	padding: 0 0 10px 0;
	color: #2f6e7f;
}

.sdbar h3{
	background: url(../images/th3.jpg) no-repeat;
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
	font-family: Georgia;
	color: #fff;
	line-height: 28px;
	padding: 0 15px;
	height: 30px;
}
.mainhtml p{
	margin-bottom: 15px !important;
}
.mainhtml ul{
	margin:0;
	padding: 0;
	list-style: none;
}
.mainhtml ul li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 4px;
	padding-left: 18px;
}
.mainhtml li{
	line-height: 18px;
	margin-bottom: 6px;
}

/* sdbarsearch */
.sdbarsearch{
	padding: 10px 9px;
}
.sdbarsearch form{
	background: url(../images/tsearch.jpg) no-repeat center;
	height: 30px;
}
.sdbarsearch .txt{
	background: none;
	padding: 8px 0px 8px 12px;
	width: 180px;
	border: none !important;
	color: #fff;
}
/* product-categories */
.product-categories{
	padding: 0 10px 10px 9px;
}
.product-categories ul{
	margin: 0;
	padding: 0 10px;
	list-style: none;
}
.product-categories li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	padding-left: 18px;
	line-height: 22px;
}
.product-categories a{
	color: #333;
}
.product-categories a:hover{
	color: #222;
	text-decoration: underline;
}
.product-categories .children li{
	background: url(../images/icon2.gif) no-repeat;
	background-position: 0 8px;
	padding-left: 12px;
	line-height: 22px;
}

.bannerheader{
	background: url(../images/ttop.jpg) no-repeat bottom;
	padding-bottom: 11px;
	text-align: right;
}

.bannersidebar{
	text-align: center;
}
.bannersidebar .banner-item{
	padding-bottom: 6px;
}
.bannersidebar img{
	border: 1px solid #ddd;
}
.sdbarportofolio h3{
	background: url(../images/portofolioh3.jpg) no-repeat !important;
}
.sdbarportofolio{
	padding: 0 10px 10px 9px;
	height: 220px;
}
#sdbarportofolio{
	position: absolute;
}
.sdbarportofolio .item{
	position: absolute;
	left: 20px;
	top: 0;
}
.sdbarportofolio .item img{
	border: 1px solid #ddd;
	padding: 4px;
	background: #fff;
}

.sdbar2{
	width: 200px;
	float: right;
	padding-top: 10px;
}
.maincontent{
	width: 545px;
	float: left;
	overflow: hidden;
}



.product_list .item{
	padding: 20px 0 10px 0;
}
.product_list .itemimg{
	width: 100px;
	float: left;
	text-align: right;
}
.product_list .itemdesc{
	width: 395px;
	float: right;
}
.product_list .itemdesc h4{
	font-size: 14px;
	margin: 0;
}
.product_list .price{
	font-size: 16px;
	color: #ce2900;
	font-weight: bold;
	padding: 0 0 5px 0;
}
.product_list .pricenonpromo{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-decoration: line-through;
}
.product_list .itemnav{
	padding-top: 5px;
}
.product_list .more{
	text-align: right;
	font-weight: bold;
	padding: 10px;
}

.product_image{
	width: 180px;
	float: left;
	text-align: center;
}
.product_thumbnail{
	padding: 20px 0 5px 0;
}
.product_thumbnail .item{
	width: 80px;
	float: left;
	border: 1px solid #eee;
	padding: 6px 0;
	margin-right: 5px;
}

.product_description{
	width: 320px;
	float: right;
}

.product_content{
	padding: 10px 0 5px 0;
}
.product_description table{
	width: 100%;
}
.product_description td{
	padding: 6px 4px;
	background: url(../images/dot.gif) repeat-x bottom;
}
.product_description .price{
	font-size: 14px;
	color: #fa0;
	font-weight: bold;
	text-decoration:line-through;
}
.product_description .discount{
	padding: 5px 0 50px 0;
	background: url(../images/down_arrow.gif) no-repeat;
	background-position: 0 30px;
}
.product_description .discount span{
	font-weight: bold;
	color: #2a9948;
}
.product_description .promo{
	font-weight: bold;
}
.product_description .action{
	padding: 10px 0 5px 0;
}
.demo_admin_info{
	padding: 10px;
	background: #efefef;
}
.product_themes{
	padding: 10px 0;
}
.product_themes h3{
	font-size: 12px;
	margin: 0;
}
.product_themes .item{
	width: 160px;
	height: 200px;
	overflow: hidden;
	margin-right: 10px;
	float: left;
	text-align: center;
}
.product_themes .item img{
	padding: 2px;
	border: 1px solid #ddd;
	margin: 5px 0;
}
.variation{
	padding: 20px 0;
}
.variation h2{
	font-size: 12px;
	padding: 5px 10px;
	background: #efefef;
	border-top: 1px solid #ddd;
	margin: 0 0 10px 0;	
}
.variation .item{
	width: 160px;
	float: left;
	padding: 0;
}
.variation h3{
	font-size: 12px;
	margin: 0;
	padding: 10px 0;
}
.variation .item-spacer{
	width: 10px;
	height: 10px;
	float: left;
}
.variation .promo{
	padding-top: 5px;
	text-decoration: line-through;
}

.order_notes{
	padding: 6px 10px;
	margin: 20px 0;
	background: #efefef;
	border-top: 1px solid #ccc;
	font-size: 11px;
}
.border td{
	border-bottom: 1px solid #ddd;
}
.subtotal{
	background: #efefef;
	border-bottom: 1px solid #ddd;
}



.news-item{
	margin-bottom: 20px;
	line-height: 18px;
}
.news-item h3{
	margin: 0;
	font-size: 14px;
}
.news-info {
	font-size: 11px;
	padding-bottom: 5px;
}
.news-list{
	padding: 10px 0;
}
.news-list h3{
	font-size: 12px;
	margin: 3px 0;
}
.news-list ul{
	padding:0px;
	margin: 0;
	list-style: none;
}
.news-list li{
	background: url(../images/icon.jpg) no-repeat;
	background-position: 0 6px;
	padding-left: 18px;
	line-height: 22px;
}

.membermenu{
	padding: 0 10px 10px 10px;
}
.membermenu h3{
	display: none;
}
.membermenu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.membermenu li{
	line-height: 25px;
	border-bottom: 1px solid #ddd;
}
.membermenu a{
	color: #555;
}
.membermenu a:hover{
	color: #333;
}


.support_detail{
	padding: 0 0 10px 0;
}
.support_detail td{
	border-bottom: 1px solid #ddd;
}
.support_response{	
}
.support_response h3, .support_response_form h3{
	font-size: 12px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	background: #333;
	color: #fff;
	padding: 6px 8px;
}
.response_item{
	background: #f5f5f5;
	padding: 6px 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
}