body {
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#ACACAC;
	color:#545454;
}

h1, h2, h3, h4, p {
	margin:0;
	padding:0 0 5px;
	color:#000;
}

h4 {
	font-size:100%;
}

h3 {
	font-size:120%;
}

h2 {
	font-size:140%;
}

h1 {
	font-size:150%;
}

ol, ul, form {
	padding:0;
	margin:0;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#FF0000;
}

label {
	display:block;
	float:none;
	font-size:11px;
	width:auto;
	padding:4px 0;
	font-weight:bold;
}

fieldset {
	border:1px solid #B7B7B7;
	padding:10px;
	margin-bottom:10px;
}

fieldset legend {
	padding:2px 10px;
	font-size:12px;
	font-weight:bold;
	background:#FF0000;
	color:#FFF;
}

form#orderprodform input,
form#contactform input {
	border-color:#B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:4px;
	font-size:11px;
	color:#333;
}

form#orderprodform input.error, 
form#orderprodform textarea.error,
form#contactform input.error, 
form#contactform textarea.error {
	border:1px dotted #FF0000;
	background:#FFF2F2;
}

form#orderprodform button.rst,
form#contactform button.rst {
	background:url(../images/bg_btn_white.jpg) repeat-x 0 0;
	padding:2px 5px;
	color:#363636;
	border:none;
	font-size:10px;
}

form#orderprodform button.sbmt,
form#contactform button.sbmt {
	background:url(../images/bg_btn_red01.jpg) repeat-x 0 0;
	padding:2px 5px;
	color:#FFF;
	border:none;
	font-size:10px;
}

form#orderprodform textarea,
form#contactform textarea {
	border-color:#B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:4px;
	font-size:11px;
	color:#333;
	width:250px;
	height:50px;
}

form#orderprodform h3 {
	padding:10px 0;
	border-bottom:1px solid #B7B7B7;
	margin-bottom:5px;
	color:#454545;
}

form#orderprodform .lftside {
	float:left;
	width:300px;
	padding-right:10px;
}

form#orderprodform label.error,
form#contactform label.error {
	color:#FF0000;
	font-style:italic;
}


.clear {
	clear:both;
}

.yellowTitle {
	font-size:26px;
	color:#ffff00;
}

.redTitle {
	color:#FF0000;
}

.hdh-gratis, .hdh-bonus, .hdh-label {
	background:url(../images/gratis_label.png) no-repeat top left;
	width:191px;
	height:17px;
	color:#FFFF00;
	padding:7px 72px 7px 15px;
	overflow:hidden;
}

.hdh-label {
	background:url(../images/red_label.png) no-repeat -1px 0;
}

.hdc-gratis, .hdc-bonus, .hdc-label {
	padding:5px 0;
}

.hdc-gratis .desc, .hdc-bonus .desc, .hdc-label .desc {
	padding-left:15px;
}

.hdc-gratis .linka, .hdc-label .linka {
	color:#FF0000;
	text-decoration:underline;
}

.hdc-gratis .btn, .hdc-label .btn, .package .btn {
	padding-left:15px;
	padding-top:10px;
}

.hdc-gratis .btn a.linkfrm, .hdc-label .btn a.linkfrm, .package .btn a.linkfrm {
	padding:5px 10px;
	background:#363636;
	margin-top:10px;
	color:#BFBFBF;
	text-decoration:underline;
}

.hdc-gratis .btn a:hover {
	color:#FFF;
}

.hdh-bonus {
	background:transparent url(../images/bonus_label.png) no-repeat top left;
	padding-top:5px;
	padding-bottom:4px;
}

.package .btn {
	padding-left:5px;
}

.package .btn a.linkfrm {
	color:#FFF;
	background:#FF0000;
}

.spec .btn {
	padding:0;
}

.spec .btn a {
	display:block;
	padding:2px 5px;
	background:url(../images/bg_btn_red.jpg) repeat-x 0 0;
	width:85px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}


/* ---------- gallery styles start here ----------------------- */
.frm-pic {
	list-style: none;
	margin: 0;
	padding: 0;
}
.frm-pic li {
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
	position: relative;
	width: 276px;
	height: 254px;
}

.frm-pic a {
	text-decoration: none;
	color: #666;
}
.frm-pic a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.frm-pic a:hover span {
	color: #666;
}
.frm-pic img {
	padding: 17px 0 0 15px;
}
.frm-pic em {
	width: 261px;
	height: 34px;
	background: url(../images/frame01.png) no-repeat;
	display: block;
	position: absolute;
	padding-left:15px;
	font: 120%/120% Georgia, "Times New Roman", Times, serif;
	padding-top: 219px;
	cursor:pointer;
}

.frm-pic span {
	position:absolute;
	bottom:20px;
	right:20px;
	color:#FF0000;
	text-decoration:underline;
}

.frm-pic2 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.frm-pic2 li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 210px;
	height: 200px;
	overflow:hidden;
}

.frm-pic2 a {
	text-decoration: none;
	color: #FF0000;
}
.frm-pic2 a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.frm-pic2 img {
	padding: 5px 0 0 5px;
}
.frm-pic2 .det {
	width: 200px;
	height: 35px;
	background: url(../images/frame02.png) no-repeat -1px 0;
	display: block;
	position: absolute;
	padding-right:10px;
	font: 100%/100% Arial, Helvetica, sans-serif;
	padding-top: 167px;
	color:#FF0000;
	text-align:right;	
}

.frm-pic2 span {
	position:absolute;
	top:20px;
	left:3px;
	color:#FFF;
	font-size:10px;
	background:transparent url(../images/label_harga.png) no-repeat 0 0;
	padding:3px 5px 3px 8px;
	height:19px;
	min-width:70px;
}

.frm-pic2 .code {
	position:absolute;
	bottom:20px;
	left:10px;
}



/****************************************/
/*
	SLIDER
*/
.slider-wrap {
	position:absolute;
	width:382px;
	height:202px;
	top:12px;
	left:12px;
}

.proslider-wrap {	
	width:653px;
	height:290px;
}

/**********************************************/

.bdright {
	border-right:1px solid #B7B7B7 !important;
	height:auto;
}

.bdleft {
	border-left:1px solid #B7B7B7 !important;
	height:auto;
}

.bdreset {
	border:none !important;
}

.rekpic {
	width:100px;
	float:left;	
	padding:0 2px;
}

.rekket {
	float:left;
	width:144px;
	padding:0 5px;
	border-left:1px solid #B7B7B7;
}

.btnBayar {
	background:url(../images/bg_btnBayar.jpg) repeat-x 0 0;
	color:#FFF;
	border:none;
	padding:2px 5px 1px;
	margin-top:5px;
}

#wrapper {
	margin:0 auto;
	width:980px;
}

#header {
	width:962px;
	margin:0 auto;
	height:107px;
	background:url(../images/imgheader.jpg) no-repeat 0 10px;
	position:relative;
	padding-top:10px;
}

#header a.logo {
	float:left;
}

#header a {
	color:#fff;
}

#header a:hover,
#header a.active {
	color:#ffff00;
}



#header .searching {
	background:url(../images/bgsearch.png) no-repeat 0 0;
	width:228px;
	height:29px;
	position:absolute;
	bottom:0;
	left:0;
}

#header fieldset.search {
	border: none;
	width: 228px;
	margin: 0 auto;
	background: #222;
	position:relative;
	padding:0;
}
#header .search input, .search button {
	border: none;
	float: left;
}
#header .search input.box {
	color: #333;
	font-size: 1.2em;
	width: 131px;
	height: 24px;
	padding: 5px 6px 0 10px;
	background: #616161 url(../images/bg-search.png) no-repeat;	
}
#header .search input.box:focus {
	background: #616161 url(../images/bg-search.png) no-repeat left -29px;
	outline: none;
}
#header .search button.btn {
	width: 81px;
	height: 29px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(../images/bg-search.png) no-repeat top right;
}
#header .search button.btn:hover {
	background: #fbc900 url(../images/bg-search.png) no-repeat bottom right;
}

#header .toplink {
	float:right;
	margin-right:5px;
	padding:57px 0 0;
	height:50px;
	overflow:hidden;
	color:#FFF;
}

#header .toplink .cm {
	display:block;
}

#header .toplink .mn {
	padding:2px 0;
}

#header .toplink .mn span {
	padding:0 5px;
}

#header .toplink .mn span.wb {
	border-right:1px solid #FFF;
}

#bcontent {
	margin:0 auto;
	width:962px;
	padding:0;
	background:#FFF;
}

#pl {
	float:left;
	width:288px;
	padding-top:10px;
	
}

#pl .hmenu {
	width:278px;
	height:208px;
	overflow:hidden;
	background:url(../images/hmnu.jpg) no-repeat top left;
}

#pl .hmenu ul {
	list-style:none;
	width:278px;
}

#pl .hmenu li {
	padding:4px 10px;
	width:109px;
	height:32px;
	float:left;		
}

#pl .hmenu li a {
	color:#FFF;
	display:block;
	padding:3px 0 3px 5px;
	
}


#pl .hmenu li a span {
	display:block;
	color:#FFFF00;
}

#pl .hmenu li a:hover, 
#pl .hmenu li a.active {
	color:#000;
}

#pl .hmenu li a:hover span,
#pl .hmenu li a.active span {	
	color:#FFFFFF;
}

#pl .hwed {
	padding:10px 10px 10px 0;
	border-top:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
	margin-top:10px;
}

#pl .adv {
	padding:10px 15px;
	border-top:1px solid #b7b7b7;
	margin-top:10px;
}

#pl .packmn {
	padding:10px 0 10px 10px;
}

#pl .packmn .h h3 {
	border-top:1px solid #B7B7B7;
	border-bottom:1px solid #B7B7B7;
	padding:10px;
}

#pl .packmn .h h3.ethnic {
	border-top:none;
	border-bottom:1px solid #B7B7B7;
	padding:10px;
}

#pl .packmn ul {
	list-style:none;
}

#pl .packmn li {
	padding:5px;
	border-bottom:1px solid #B7B7B7;
}

#pl .packmn li a {
	display:block;
	color:#FF0000;
	font-weight:bold;
	padding:5px;
}

#pl .packmn li a span {
	color:#545454;
	display:block;
}

#pl .packmn ul.ethnic li a {
	color:#545454;
}


#pr {
	float:left;
	/*width:664px;*/
	width:673px;	
}

#pr p {
	color:#545454 !important;
}

#pr .catlist {	
	list-style:none;
	border-top:1px solid #B7B7B7;
}

#pr .catlist li {
	float:left;
	padding:9px 0;
}

#pr .catlist li a {
	display:block;
	padding:1px 5px;
}

#pr .catlist li a:hover {
	text-decoration:underline;
}

#pr .catlist li a.active {
	color:#545454;
}

#pr .catlist .bdlft {
	border-left:1px solid #B7B7B7;
}

#pr .breadcrumb {
	padding:5px 5px 0 10px;
}

#pr .pagination {
	border-top:1px solid #B7B7B7;
	text-align:right;
	padding:10px;
	color:#FF0000;
	position:relative;
}

#pr .pagination .cat {
	position:absolute;
	left:10px;
	top:10px;
}

#pr .brbtm {
	border-bottom:1px solid #B7B7B7;
}

#pr .pagination a {
	color:#545454;
}

#pr .pagination a:hover {
	color:#FF0000;
}

#pr h2.mt {
	padding:10px;
}

#bd-wrap {
	background:transparent url(../images/border-slidingimg.png) no-repeat 0 0;
	width:662px;
	height:228px;
	position:relative;
}

#bd-wrap .welcome {
	float:right;
	width:246px;
	background:#D7D7D7;
	margin:12px 12px 0 0;
	padding:5px;
	color:#545454;
	height:193px;
	overflow:hidden;
}

#invpro-wrap {
	position:relative;
	border-top:1px solid #B7B7B7;
	padding:10px
}

#pr .package {
	border-top:1px solid #B7B7B7;
	padding:10px;
}

#pr .spec {
	padding:10px;
}

#pr .spec ul, 
#pr .spec ol,
#pr .description ul, 
#pr .description ol {
	padding-left:15px;
	padding-bottom:10px;
}

#pr .order-frm {
	padding:0 10px;
	display:none;
}

#pr .contact-frm {
	padding:0 10px;
}

#pr .description, #pr .description2 {
	padding:10px;
	border-top:1px solid #B7B7B7;
}

#pr .adv {
	/*padding:10px;*/
	background:#090;
	border:1px solid #B7B7B7;
	margin:20px auto;
	height:120px;
	width:632px;
	color:#FFF;
	text-align:center;
}

#footty {
	background:#EB0203;
	width:942px;
	margin:0 auto;
	padding:10px;
	font-size:9px;
}

#footty .mn {
	margin:0 auto;
	width:680px;
	padding:5px 0;
	text-align:center;
	color:#FFF;	
}

#footty .line {
	background:transparent url(../images/footerline.png) no-repeat bottom center;
	padding:5px 0 0;
}

#footty .mn span {
	padding:0 4px;
}

#footty .mn span.bdrgt {
	border-right:1px solid #FFF;
}

#footty .mn span a {
	color:#FFF;
}

#footty .mn span a:hover {
	color:#FFFF00;
}


/* styling for the image wrapper  */
#image_wrap, #video_wrap {
	/* dimensions */
	padding:10px 12px 10px 8px;

	/* centered */
	text-align:center;

	/* some "skinning" */
	background:transparent url(../images/frame_big.png) no-repeat 0 0;
	height:392px;
	width:619px;
	margin:0 auto;
	
}

#video_wrap {
	background:none;
	height:360px;
}

#image_wrap div {
	text-align:left;
	padding:5px 0;
}

#scroller {
	padding:10px;
	position:relative;
}

#fileQueue {
	width: 400px;
	min-height: 150px;
	overflow: auto;
	border: 1px solid #E5E5E5;
	margin-bottom: 10px;
}

#result {
    padding:10px;
}