article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231;}
body, button, input, select, textarea { font-family: 'PT Sans',sans-serif; color: #222; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
.duaGambar {margin:25px auto; text-align:center;width:100%;}
	.duaGambar img {padding:0 15px;}
svg:not(:root) { overflow: hidden; }

/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;	font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
img, object, embed, video {max-width: 100%;}


/* General */
a, a:visited, a:focus {color:#5d89bb;text-decoration:none !important;outline: none;}
a:hover {color:#4472a7;	text-decoration:underline;}
h1.gridContainer {position:relative;}
h1.gridContainer span {
	width:inherit;
	text-align:right;
	position:absolute;
	top:100px;
	*top:120px;
	color:#979797;
	padding-left:.9%;
	padding-right:.9%;
	right:.9%;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* Header */
#user_links { padding-top:10px; margin-bottom:5px;}
#user_links .links { float:right; padding-top:4px; padding-right:4px;}
#user_links .links li { float:left; padding:0 8px; font-size:0.923em; border-left:1px solid #5D89BB;}
#user_links .links li:first-child { border:none;}
#logo {position:relative; z-index:1000; height:110px; width:400px; margin-left:20px;}
.abs {position:absolute; top:-10px; left:0}

/* Nav */
nav {
	display:block;
	height:52px;
	background:url(../images/sprite.png) repeat-x left -298px;
	position:relative;
	font-weight:700;
	font-size:14px;
	}

nav > ul {position:relative;text-transform: uppercase;	}
nav > ul > li {float:left;}
nav > ul > li > a, nav > ul > li > a:visited {
	display:inline-block;
	padding:18px 25px;
	position:relative;
	color:#fff;
	}
nav > ul > li > a:hover, nav > ul > li:hover > a {
	text-decoration:none;
	color:#ffde8f;
	background: rgb(30, 30, 30); 
	opacity: 0.9;
	z-index:50;
	}
.gridContainer.clearfix nav ul .selected a { 
	text-decoration:none;
	color:#ffde8f;
	background: rgb(30, 30, 30); 
	opacity: 0.9;
	z-index:50;
}	
nav li#goto_home {position:relative;z-index:50;	}
nav li#goto_home a {
	background:url(../images/sprite.png) repeat-x right -368px;
	padding-right:30px;
	text-shadow:#900 1px 1px;
	padding-left:15px;	
	}
nav li#goto_home a:hover {color:#fff;}


/* Breadcrumb */
#content_breadcrumb {
	display:block;
	clear:both;
	width:100%;
	background: #fafafa;
	background: -moz-linear-gradient(top,  #fafafa 0%, #fafafa 75%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(75%,#fafafa), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #fafafa 0%,#fafafa 75%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #fafafa 0%,#fafafa 75%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #fafafa 0%,#fafafa 75%,#f2f2f2 100%);
	background: linear-gradient(top,  #fafafa 0%,#fafafa 75%,#f2f2f2 100%);
	r: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f2f2f2',GradientType=0 );
	font-size:13px;
	position:relative;
	}

#content_breadcrumb .breadcrumb_home a{font-size:12px;padding:0 5px 0;}
#content_breadcrumb .breadcrumb_home{padding:8px 15px 10px 10px; min-height:16px}
#content_breadcrumb .breadcrumb_home ul {margin-left:110px;}
#content_breadcrumb .breadcrumb_home ul li {
	display: inline;
	text-transform: uppercase;
	font-weight:700;
	padding-right:10px;
}
#content_breadcrumb .breadcrumb_home ul li a {color:#D63200;}
#content_breadcrumb .breadcrumb_home ul li a:hover {color:#A87D20;}
#content_breadcrumb .cart-holder {
	position: absolute;
    right: 0;
    top: -8px;
    width: 375px;
	background:url(../images/sprite.png) no-repeat 100% -707px;
	z-index:55;
	}

#content_breadcrumb .cart, #content_breadcrumb .tech  {
	color:#ffffff;
	font-size:1.077em;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.15);
	float:right;
	width:250px;
}
#content_breadcrumb .cart a {color:#ffffff;	font-weight:bold;font-style: italic;}
.cart-block .frame {float:right;padding: 15px 15px 15px 0;   width: 280px;}


/* SUB MENU SETTING */
#greeting, #review{
	font-style: italic;
	font-weight: 700;
	color: #7EAF1E;
	text-align:right;
	padding-right:310px;
}
#gadget{padding-left:35px}
#tablet {padding-left:147px}
#comp {padding-left:132px}
#cctv {padding-left:250px}
#hobi {padding-left:385px}
#tool {padding-left:485px}
#food {padding-left:572px}

/* CONTENT */
#content {width:100%;float:left;position:relative;	}
.content_hidden {overflow:hidden;top:0 !important;}
.left {	float:left;}
.right {float:right;}
.mg {margin:0 15px 25px;}

/* Content - sidebar */
aside.filter {
	float:left;
	width:215px;
	border-right:1px solid #f0f0f0;
	padding:15px 6px;
	}
aside.filter .box h2 {
	
	font-style: normal;
	font-weight: 700;
	border-bottom:3px solid #e5e5e5;
	padding:3px;
; 	text-transform: uppercase;
	}
aside.filter .box h2 a {color:#333;}
aside.filter .box ol {padding:10px 0;}
aside.filter .box ol li a {
	display:block;
	padding:3px 0 3px 5px;
	background:url(../images/sprite.png) no-repeat -1000px -368px;
	-webkit-transition: background-position .2s ease;
	   -moz-transition: background-position .2s ease;
	     -o-transition: background-position .2s ease;
	        transition: background-position .2s ease;
	}

aside.filter .box ol li a:hover {
	background:url(../images/sprite.png) no-repeat right -368px;
	text-decoration:none;
	color:#fff;
	}

.home .gridContainer.clearfix #content #main-nav .box p {
	padding: 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	width: 80%;
}

/* Content - Products */
h2.current_category_name {
	
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -1px;
	line-height:25px;
	border-bottom:1px solid #f0f0f0;
	padding:15px 15px 13px 15px;
	background:#fff;
	position:relative;
	top:-2px;
	}
	
h2.title_one_columm {
	
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -1px;
	line-height:25px;
	border-bottom:1px solid #f0f0f0;
	padding:15px 15px 13px 15px;
	margin:0 0 15px;
	}
	
#content > h2 span {
	
	font-size: 22px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -1px;
	color:#cfcbcb;
	display:block;
	clear:both;
	}
	
section#products {
	float:left;
	width: 81.761%;
	background:none repeat scroll 0 0 #F4F4F4;
	}

section#product {float:left;width:1000px;}
section#products article {
	width:32.4%;
	height:180px;
	float:left;
	position:relative;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	}
	
section#products article .item {
	padding:5px;
	border:1px solid #EFEFEF;
	overflow:hidden;
	height:170px;
	background:#fff;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.95);
	position:absolute;
	top:0;
	left:0;
	-webkit-box-shadow:  0 0 0  rgba(0, 0, 0, 0);
	box-shadow:  0 0 0 rgba(0, 0, 0, 0);
			
	-webkit-transition: box-shadow .3s ease;
	   -moz-transition: box-shadow .3s ease;
	     -o-transition: box-shadow .3s ease;
	        transition: box-shadow .3s ease;
			
	-webkit-transition: border .3s ease;
	   -moz-transition: border .3s ease;
		 -o-transition: border .3s ease;
			transition: border .3s ease;			

	-webkit-transition: height .3s ease;
	   -moz-transition: height .3s ease;
		 -o-transition: height .3s ease;
			transition: height .3s ease;
	}
	
section#products article .item:hover { 
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;	
	border:1px solid #f27141;
	height:365px;
	*height:190px;
	z-index:5;
    -webkit-box-shadow:  1px 1px 4px 5px rgba(0, 0, 0, .1);
    box-shadow:  1px 1px 4px 5px rgba(0, 0, 0, .1);
	}
	
section#products article .item_short:hover {height:170px;} 
section#products article .product_description{display:table-cell;height:170px;padding:20px 0 0;}
section#products article .product_description h3{
	line-height:1em;
	padding:0 0 10px;
	width:135px;
	*padding:0 0 11px;
	}
	
section#products article h3 a {
	color: #423a3a;
    
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -0.3px;
    text-transform: uppercase;
	line-height:15px;
	}

section#products article h3 a span {
	color:#1f1f1f;
	
	font-style: italic;
	font-weight: 400;
	font-size:16px;
	display:block;
	clear:both;
	margin:0 0 1px;
	}
.keterangan {
	font-size: smaller;
	color: #999;
	padding-right:5px;
	font-family: Tahoma, Geneva, sans-serif;
}	

/* Content  Right */
#kanan{
	width:189px;
	background: #47ae09; /* Old browsers */
	background: -moz-linear-gradient(top, #47ae09 0%, #127605 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47ae09), color-stop(100%,#127605)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #47ae09 0%,#127605 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #47ae09 0%,#127605 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #47ae09 0%,#127605 100%); /* IE10+ */
	background: linear-gradient(to bottom, #47ae09 0%,#127605 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ae09', endColorstr='#127605',GradientType=0 ); /* IE6-9 */
	border-left: 10px solid #3e9e08;
	color:#fff;
	text-align:center;
	font-style: italic;
	font-weight: 600;
	text-shadow:1px 1px 1px #245a05;
	font-size:16px;
	line-height:16px;
	float:right;
	height:520px;
	}
	

section#content_right{
	position:absolute;
	right:0;
	width:189px;
	background: #47ae09; /* Old browsers */
	background: -moz-linear-gradient(top, #47ae09 0%, #127605 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47ae09), color-stop(100%,#127605)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #47ae09 0%,#127605 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #47ae09 0%,#127605 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #47ae09 0%,#127605 100%); /* IE10+ */
	background: linear-gradient(to bottom, #47ae09 0%,#127605 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ae09', endColorstr='#127605',GradientType=0 ); /* IE6-9 */
	border-left: 10px solid #3e9e08;
	height:100%;
	min-height:100%;
	color:#fff;
	text-align:center;
	
	font-style: italic;
	font-weight: 600;
	text-shadow:1px 1px 1px #245a05;
	font-size:16px;
	line-height:16px;
	padding:0 0 400px;
	}

section#content_right:before {
	content:"";
	width:189px;
	height:300px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(../images/sprite.png) no-repeat -1px -1798px;
	}
	
section#content_right ul, #kanan ul {padding:0 0 10px;}

section#content_right li, #kanan li {
	background:url(../images/pattern-benefits.png) repeat;
	padding:15px;
	margin:15px 10px;
	position:relative;
	}
	
section#content_right li span, #kanan li span {
	display:block;
	clear:both;
	padding:13px 0 0;
	}
	
section#content_right div, #kanan div {
	padding:15px 0 0;
	border-top:3px solid #2f8c07;
	margin:0 15px;
	}

section#content_right div h5, #kanan div h5 {
	
	font-style: italic;
	font-weight: 700;
	text-shadow:1px 1px 1px #245a05;
	font-size:15px;	
	line-height:13px;
	color:#fff;
	}
	
section#content_right div p, #kanan div p {
	
	font-style: italic;
	font-weight: 400;
	text-shadow:1px 1px 1px #245a05;
	font-size:15px;	
	line-height:16px;
	color:#d7fec1;
	padding:10px 0 20px;
	text-shadow:none;
	}

.more_info_list {
	float:left;
	padding:9px;
	}

/* Footer */
footer {
	display:block;
	clear:both;
	padding:15px 0;
	position: relative;
    top: 70px;
	}

.claim_flex {
	float:left;
	display:table;
	position:relative;
	height:50px;
	color:#000000 !important;
	margin-right:40px;
	*padding:10px 0 0 5px;
}

.claim_flex span{
	display:block;
	vertical-align:middle;
	font-size:1.077em;
	line-height:1em;
	font-style:italic;
	padding-left:47px;
	text-transform:uppercase;
	padding-top:15px;
	font-weight:700;
}

.claim_flex span:before, .claim_flex span .before {
	content:"";
	height:59px;
	width:37px;
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/sprite_icons.png);
	background-repeat:no-repeat;
}
.aman span:before, .aman span .before {background-position: 0 -128px;}
.fisik span:before, .fisik span .before {background-position: -64px -128px;}
.bep span:before, .bep span .before {background-position: -128px -128px;}
.kualitas span:before, .kualitas span .before {background-position: -178px -128px;}

.block_claim_footer ul {
	overflow:hidden;
	border-top:1px solid #ececec;
	background: #ececec;
	background: -moz-linear-gradient(top,  #ececec 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: -o-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: -ms-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: linear-gradient(top,  #ececec 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#fafafa',GradientType=0 );
}
.block_claim_footer li {float:left;	width:25%;padding-bottom:20px;}
.block_claim_footer .claim_flex {width:100%;margin:0;}
.block_claim_footer .cont_claim {
	margin-left:1px;
	background-color:#ffffff;
	padding:20px 20px 1000px 10px;
	margin-bottom:-1000px;
}
.block_claim_footer li:first-child .cont_claim {margin-left:0;}
.block_claim_footer .txt_claim{	
	padding-left:45px;
	clear:both;
	color:#6a6a6a;
	line-height:18px;
	margin-bottom:10px;
}
.txt_claim em{font-style:italic;font-weight:700;}

/* SLIDE */
#slide_home, #kategori {
	position:relative;
	border-bottom:1px solid #ececec;
	padding:0;
	height:350px;
}

#slide_home:before, #kategori:before {
	content:"";
	height:20px;
	width:100%;
	position:absolute;
	bottom:0;
	z-index:20;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
}

#kategori {height:150px}
.wrapper  {width:90%;margin: auto;text-align:center;}
.claim, .claim_customers {
	padding:50px 15% 20px;
	position:relative;
	text-align:center;
	}
.claim span, .claim_customers span {
	display:block;
	height:53px;
	width:51px;
	position:absolute;
	top:-16px;
	left:50%;
	margin-left:-25px;
	text-indent:-9999px;
	background:url(../images/sprite_icons.png) no-repeat -32px -32px;
	z-index:20;
}
.claim h3, .claim_customers h3 {
	font-size:1.231em;
	font-weight:bold;
	color:#477bb7;
	text-transform:uppercase;
	margin-bottom:5px;
}
.claim p, .claim_customers p {
	font: italic 1.077em/1.308em Georgia, "Times New Roman", Times, serif;
	color:#777777;
}
.claim_customers {border-top:1px solid #ECECEC;padding:35px 20% 20px;}
.claim_customers span {	background-position:-256px -32px;}
.claim_customers p strong {
	display:block;
	font-size:0.765em;
	line-height:2.5em;
}

.prominent_products {
	overflow:hidden;
	border-top:1px solid #ececec;
	background: #ececec;
	background: -moz-linear-gradient(top,  #ececec 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fafafa));
	background: -webkit-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: -o-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: -ms-linear-gradient(top,  #ececec 0%,#fafafa 100%);
	background: linear-gradient(top,  #ececec 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#fafafa',GradientType=0 );
}
.prominent_products li {
	width:100px;
	margin-left:1px;
	background-color:#ffffff;
	float:left;
	padding:15px 1px 15px 2px;
	width:33%;
}

.prominent_products img {border:1px solid #CACACA; border-radius:5px}
.prominent_products li:first-child {padding-left:1px;padding-right:1px;}
.prominent_products li a {display:block;position:relative;}
.prominent_products li a > span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:225px;
	height:215px;
}
.prominent_products .title {display: table;	margin-top:20px;width:135px;float:right;}
.prominent_products .title strong {
	display: table-cell;
	vertical-align: middle;
	letter-spacing:-1px !important;
	color:#4c4c4c;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.34em;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}
.prominent_products .content_promo {float: right;padding: 0;width: 175px;}
.prominent_products .discount {display: block;float:right;padding-top: 5px; width: 130px;}
.discount .price_box {float:left;font-style:italic;	margin-left:10px;font-size:1.3em; letter-spacing:-1px;}

.harga {
	padding: 0 5px;
	display:block;
	clear:both;
	color:#1d1112;
	font-style:italic;
	font-size:26px;
	letter-spacing:-0.5px;
	font-weight:700;
	right:10px;
	text-align:right;
	color:#E96B07;
}
.harga:before {content:"Rp ";}
.item .photo {
	position:relative;
	float:left;
	top:15px;
	width:170px;
	display:block;
}
.item .photo_short {
	padding:0px 22px 42px;
	top:35px;
	width:125px;
	display:block;
	}
.item .photo_short_top {padding:0px 19px 42px;}

.cab_products {
	overflow:hidden;
	clear:both;
	background: url("../images/sprite.png") repeat-x scroll left -298px transparent;
    display: block;
    margin: 15px 8px 0 6px;
	height:40px;
}

.cab_products h2 {
    background: url("../images/sprite.png") repeat-x scroll right -368px transparent;
    color: #FFFFFF;
    float: left;
    font-size: 1.3em;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -0.5px !important;
    padding: 9px 30px 9px 15px;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}

.cab_products a {
    color: #ccc;
    float: right;
    font-size: 0.95em;
    line-height: 2em;
    padding: 10px 9px 6px 1px;
		font-weight:700;
}
.cab_products a:hover {color:#fff;text-decoration:underline !important;}
.cab_products h2 a {
	color:#fff;
    line-height: 0;
    padding: 12px;
    text-decoration: none;
}
.cab_products h2 a:hover {text-decoration:none !important;}
aside.filter .box ol li a:before {
	content:"";
	float:left;
	height:16px;
	width:16px;
	background:url(../images/sprite_icons.png) no-repeat 0 -64px;
	margin-right:3px;
}
aside.filter .box ol li a:hover:before {background-position:0 -80px;}
.partners {
	text-align:center;
	clear:both;
	border-top:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	padding:0 10px;
	line-height:5em;
	margin-bottom:20px;
}
.partners a {margin:0 15px;}
.fx_gradient {position:relative;}
.fx_gradient:before, .fx_gradient:after {
	content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #c6c6c6 10%, #c6c6c6 90%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#c6c6c6), color-stop(90%,#c6c6c6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: linear-gradient(left,  #ffffff 0%,#c6c6c6 210%,#c6c6c6 90%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.fx_gradient:before {
    top: 0;
	-webkit-box-shadow: inset 0 -50px 45px -20px rgba(255, 255, 255, 1);
	box-shadow: inset 0 -50px 45px -20px rgba(255, 255, 255, 1);
}
.fx_gradient:after {
    bottom: 0;
	-webkit-box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1);
	box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1);
}


.new {
	background: url("../images/pack.gif") no-repeat;
    height: 22px;
    position: absolute;
    left: 0;
    text-indent: -5000px;
    top: 5px;
    width: 93px;
	}
.promo_envio_list {
    background: url("../images/envio-gratis.gif") no-repeat;
    height: 22px;
    position: absolute;
    right: 0;
    text-indent: -5000px;
    top: 5px;
    width: 93px;
}

/* KATEGORI PRODUK */
.view_img_product {
	float:left;
	width:460px;
	min-height:360px;
	display:block;
	padding:20px 0 0 20px;
	}

.view_product_description {
	float:right;
	height:350px;
	display:table;
	margin: 0 50px 0 0;
    width: 430px;
	}
	
.view_product_description .view_product_description_content {display:table-cell; padding-top:50px;}
.view_product_description .product_description {
	color: #A3A3A3;    
    font-size: 19px;
    font-style: italic;
    font-weight: normal !important;
    line-height: 27px;
    padding: 35px 0 10px;
	}

.view_product_description h2 {
	font: italic 3.5em/.8em 'PT Sans',sans-serif;
	font-weight: 700;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	color:#2c2b2b;
	}

.view_product_description h2 span {
	font-size:30px;
	letter-spacing:-2px;
	display:block;
	clear:both;
	
	font-weight: 400;
	margin:0 0 -5px;
	*margin:0 0 -1px;
	}

.price_box_list {
	width:100px;
	padding: 5px;
	display:block;
	clear:both;
	color:#1d1112;
	font-style:italic;
	font-size:16px;
	letter-spacing:-0.5px;
	font-weight:700;
	position: absolute;
	bottom: 15px;
	right:5px;
	text-align:right;
	}


#product_info_left {width:480px;padding:0 20px 0 0;}
#product_info_left > h3 {
	font:italic 2.1em/1.2em 'PT Sans',sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	color:#2c2b2b;
	float:left;
	margin:0 15px 0 0;
	}
		
#product_info_left p.short_des {
	color:#a49d9d;
	font: italic 1.4em/1.308em  'PT Sans',sans-serif;
	font-weight: 300;
	display:block;
	clear:both;
	}

#product_info_left p.short_des strong {font-weight:normal !important;}
#product_info_left .all_description {
	padding:20px 0 0;
	margin-bottom:15px;
	border-bottom:5px solid #ECECEC;
	}

#product_info_left .all_description h4 {
	font:italic 600 1.3em/1.308em  'PT Sans',sans-serif;
	color:#3e3e3e;
	padding:0 0 15px;
	}
	
#product_info_left .all_description p {
	font-size: 1.12em;
    line-height: 1.5em;
	color:#3e3e3e;
	padding:0 0 15px;
	}
	
#product_info_right .cab_photo {width:240px;height:240px;margin:0 auto;}
#product_info_right, #product_info_left {float:left;}
#product_info_right {text-align:center;	width:500px;}
#product_info_right .descrip_right {
	color:#3e3e3e;
	font: italic 1.12em/1.308em  'PT Sans',sans-serif;
	padding:25px 60px;
	}
	
#product_info_right .cab_photo img {vertical-align:middle;text-align:center;}
#product_info {clear:both;overflow:hidden;}

#main_content {
    overflow: hidden;
	position:relative;
    padding-bottom: 50px;
	margin-bottom:25px;	
	}
	
#main_content:after {
	content: "";
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #c6c6c6 10%, #c6c6c6 90%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#c6c6c6), color-stop(90%,#c6c6c6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: linear-gradient(left,  #ffffff 0%,#c6c6c6 210%,#c6c6c6 90%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
	bottom: 0;
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
	-webkit-box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1);
	box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1);
	}
			
.footer_block {
	display:block;
	clear:both;
	width:1000px;
	height:18px;
	background:url(../images/sprite.png) no-repeat scroll left -1308px;
	}
	
#related_product {
	display:block;
	clear:both;
	overflow:hidden;
	margin:0 0 25px;
	position:relative;
	padding-bottom:20px;
	}
	
#related_product:after {
	border-bottom: 2px solid #F5F5F5;
    bottom: 0;
    content: "";
    margin: 0 0 0 25px;
    position: absolute;
    width: 928px !important;;
	}
	
#related_product:after {
	content: "";
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #c6c6c6 10%, #c6c6c6 90%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#c6c6c6), color-stop(90%,#c6c6c6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#c6c6c6 10%,#c6c6c6 90%,#ffffff 100%);
	background: linear-gradient(left,  #ffffff 0%,#c6c6c6 210%,#c6c6c6 90%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    bottom: 0;
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
	-webkit-box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1);
	box-shadow: inset 0 50px 45px -20px rgba(255, 255, 255, 1); 
}
	
#related_product h3 {
	color:#3e3e3e;
	font: italic 1.4em/1.308em  'PT Sans',sans-serif;
	padding:0 0 20px;
	}
	
#slide_related_product {
	position:relative;
	padding:0 40px 0 0;
}
.slide_related_item {
	overflow:hidden;
	height:130px;
	}
.slide_related_item ul {
	width:100%;
	}
.slide_related_item ul li {
	float:left;
	overflow:hidden;
	width:32%;
	border-left:1px solid #e2e2e2;
	display:table;
	padding:0 5px;
	}

.slide_related_item ul li:first-child {
	border-left:none;
	}
.slide_related_item ul li h3 {
	
	line-height:.9em !important;
	font-weight: 600 !important;
	padding-bottom:10px !important;
	}
.slide_related_item ul li h3 a {
	color:#2c2b2b !important;
	}
.slide_related_item ul li img {
	display:block;
	float:left;
	}


/* CARAUSEL PRODUK SLIDE */
#wrapper {height:450px}
#carousel-wrapper {padding-bottom: 10px;position: relative;}
#carousel, #thumbs {overflow: hidden;}
#carousel span, #carousel img,#thumbs a, #thumbs img  {display: block;float: left;}
#carousel span, #carousel a,#thumbs span, #thumbs a {position: relative;}
#carousel img, #thumbs img {border: none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#carousel img.glare,#thumbs img.glare {	width: 102%;height: auto;}
#carousel span {width: 460px;height: 360px;}
#thumbs-wrapper {padding: 20px 40px;position: relative;	}
#thumbs a {
	border: 1px solid #899;
	height: 79px;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 4px;
				
	-webkit-transition: border-color .5s;
	-moz-transition: border-color .5s;
	-ms-transition: border-color .5s;
	transition: border-color .5s;
}
#thumbs a:hover, #thumbs a.selected {border-color: #566;}
#wrapper img#shadow {width: 100%;position: absolute;bottom: 0;}
#prev, #next {
	background: transparent url('../images/gui/carousel_nav.png') no-repeat 0 0;
	display: block;
	width: 19px;
	height: 20px;
	position: absolute;
	top:32%;
	}
#prev {background-position: 0 0;left: 10px;}
#next {background-position: -19px 0;right: 10px;}			
#prev:hover {background-position: 0 -20px;}
#next:hover {background-position: -19px -20px;}
#prev.disabled, #next.disabled {display: none !important;}


/* FOOTER */
#copy {
	overflow:hidden;
	border-top:1px solid #ECECEC;
	padding:20px 20px 25px;
}
#copy p {
	font-size:0.923em;
	line-height:1.5em;
}
.copy_company {
	text-transform:uppercase;
	font:italic 1.154em/1em  'PT Sans',sans-serif; 
	display:block;
	margin-bottom:6px;
}
.copy_company strong span{
	color:#e33500;
}
.copy_company em{
	font-size:0.800em;
	font-style:normal;
}

/* PRODUK TEASER */
.teaser {padding:15px 0 0 25px;	background-color:#FFF;}
.teaserEnd {margin-bottom:-35px;}

.teaser h3, .teaser h4 {
	font-size:33px;
	display:block;
	clear:both;
	font-weight:700;
	text-transform: uppercase;
	font-style: italic;
	
	}

.teaser h4 {
	text-transform: none;
	margin-top:-3px;
	margin-bottom:20px;
	color:#E96B07;
	font:italic 1.4em/1.308em 'PT Sans',sans-serif;
	font-weight:700;
}

.imgRight, .imgLeft {width:100%; min-height:360px; padding-bottom:30px; margin-bottom:50px;border-bottom:2px solid #F7F7F7; font-family: 'Arvo', serif;}
.singleLine { margin-bottom:60px; margin-top:10px;border-bottom:2px solid #F7F7F7;}
.imgRight p, .imgLeft p {display:block; width:40%; margin-left:3%;line-height:1.9em; padding-top:35px; padding-right:25px; font-size:15px; color:#414141}
.imgRight img, .imgLeft img, .youtubeVideoLeft, .youtubeVideoRight {float:right; margin-right:25px; margin-top:20px;width:45%;}
.imgLeft {min-height:450px; }
.imgLeft p {float:right;}
.imgLeft img {float:left; clear:both;}
.imgLeft h3, .imgLeft h4 {float:right; padding-right:40px; font-family:'PT Sans',sans-serif;}
.imgCenter {width:100%; text-align:center; clear:both;}
#marBottom {margin-bottom:50px;border-bottom:2px solid #F7F7F7; padding-bottom:30px;}
.youtubeVideoLeft {float:left}
#imgNormal {width:100%; height:auto; margin-top:0;}
.youtubeCenter {margin:0 auto;padding:25px 0 50px;}

/* ABOUT US */
#about {font-size:18px; line-height:26px;}
#about h1{
	padding:50px 0;
	color:#477bb7;
	text-transform:uppercase;
	margin-bottom:5px;
	font-size: 42px;
	letter-spacing:-1px;
	text-align:center;
	font-weight:700;
}
#about h1 span {font-size:20px; display:block; color:#e33500; text-transform:none; font-weight:400; margin-top:10px;}
#about p {font-family: 'Arvo', serif; font-size:15px;}
.aboutImg {text-align:center; background-color:#F3F3F3; padding:50px 0; margin:-10px 0;}
.aboutImg img {border:1px solid white;}
.imgRight span {float:right; margin-right:25px; margin-top:36px;width:40%; font-family:'PT Sans',sans-serif; font-size:30px; line-height:40px; color:#EE6E47;}
#about .imgRight p {width:47%}
#about .teaser #tentang {min-height:730px}
.mapCenter {text-align:center; border: 1px solid #E4E4E4;
width: 900px; margin: 80px auto 0; padding:25px; background-color: #FCFCFC;}



/** BX SLIDER===================================*/
.bx-wrapper {position: relative;padding: 0;	*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index:50;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	padding-left:15px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.bx-wrapper .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 1000;
}

.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;	width: 35px;}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


@media only screen and (max-width: 1250px) {
	.gridContainer {width: 1000px; margin: auto;}
	section#product {border-right:1px solid #eee;}
	.product_info .product_info_right .list_buy {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde8f', endColorstr='#b1892a',GradientType=0 );
	}
	section#products {width:772px;}
	section#products article .item {width:234px;margin:5px;	}
	.regalos_items > li {padding: 3px 5px 3px 25px;	width: 95%;	}
	.box_product {height:200px;	}
	section#products article .content_desciption_box {
    	display: table;
    	height: 180px;
    	left: 131px;
    	position: absolute;
    	width: 64px;
	}
	.prominent_products li:first-child {margin-left:0;padding-left:1px;padding-right:1px;}	
	.more_info_list {float: left;font-size: 11px;padding: 9px 0;	}
	section#products article .product_description h3{width:105px;}
	.item .photo {left: -39px;}
	section#products article .product_description {position:absolute; right:5px;width:45%}	
	section#products article {height: 190px;}
	section#products article h3 a {font-size: 16px;}
	section#products article h3 a span {font-size: 15px;}
	section#products article {width:33.2%;}
	.keterangan {font-size:9px; line-height:14px;}
	.product_info .product_info_left {width: 43%;}
	.product_info .product_info_right {width: 57%;}
	.slide .slide_description {	width:370px;margin:0 0 0 -10px;	}
	.slide .img_product {margin:14px 0 0 70px;}
	section#product {border-right:none;}
	#content_right, #kanan{display:none;}
	#related_product > h3 {	text-align:center;}
	#tablet,#comp, #cctv,#hobi  {padding-left:0px}
	#about .teaser #tentang {min-height:810px}
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1250px) {
	.gridContainer {width: 1200px; margin: auto;padding-left: 0;padding-right: 0;}
	section#products {width: 81%;}
	section#products article {	width:33.2%;}
	section#products article .item {padding:0;margin:5px;width: 96.1%;	}
	.product_info .product_info_left {width:151px;}
	.product_info .product_info_right {width:158px;	}
	.prominent_products li a > span {width:285px;}
	.prominent_products .title {width:190px;padding-top:0;	}
	.prominent_products .title strong {	font: italic bold 1.7em/1em	'PT Sans',sans-serif;		}
	section#products article p.description {width:127px;	}
	.product_info .product_info_right .list_buy {filter: none;}
	.slide .slide_description {	width:450px;}
	.slide .img_product {margin:14px 0 0 150px;}
	section#product {border-right:1px solid #EFEFEF;}
	#content_right{	display:block;	}
	section#products article p.description {width:135px;}
	#copy .left { width:480px;}
	.cab_products a {  padding: 10px 15px 6px 5px;}
}