bo/* Define the body style */
@font-face {
font-family: MyriadPro;
src: url("http://market.dreamers.id/font/MyriadPro-Cond.otf");
}

body {
    font-family: MyriadPro;
    font-size:12px;
	background-color:#DFDFDF;
}

#container {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.header {
	height:55px;
	margin-top:-2px;
	border-bottom:1px solid #e9e9e9;
	position:relative;
	padding:20px 0px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}

.logo {
	background-image:url(../images/market/ali/logo.png);
	background-repeat:no-repeat;
	width:228px;
	height:65px;
	margin-bottom:0;
	float:left;	
	margin-left:14px; 
	margin-right:80px
} 

.cari {
	width:630px;
	float:left;
	margin-top:5px;
}

<!--Search Bar-->
.searchbar-form {
	position:relative;
	width:100%
}

.searchbar-form .search-key-box {
	position:relative;
	width:auto;
	overflow:hidden;
	height:39px;
	padding:0 0 0 15px;
	border:1px solid #cbcbcb;
	border-right:0 none;
	border-radius:3px 0 0 3px;
}

.searchbar-form .search-key-box input {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	line-height:18px;
	font-size:13px;
	border:0 none;
}

.searchbar-form .searchbar-operate-box {
	position:relative;
	float:right;
	padding-right:50px
}

.searchbar-form .search-category {
	position:relative;
	height:39px;
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb
}

.searchbar-form .search-category:after {
	content:'';
	position:absolute;
	top:16px;right:15px;
	width:8px;
	height:5px;
	overflow:hidden;
	background:url(http://style.aliunicorn.com/wimg/site/group-en/en/buyer/sprite/header-sprite.png?t=f588d949_0) no-repeat -350px -50px;
	z-index:2
}

.searchbar-form .search-cate-title {
	position:relative;
	padding:0 33px 0 15px;
	height:38px;
	cursor:pointer;
	border-left:1px solid #eee;
	overflow:hidden
}

.searchbar-form .search-category-value {
	position:relative;
	display:block;
	width:100px;
	overflow:hidden;
	font-size:13px;
	color:#666;
	cursor:pointer;
	padding-top:10px;
	white-space:nowrap
}

.searchbar-form .search-cate {
	position:absolute;
	top:0;
	left:0;
	min-width:130px;
	height:38px;
	opacity:0;
	outline:0 none;
	cursor:pointer;
	visibility:visible;
	z-index:3;
	filter:Alpha(opacity=0)
}

.searchbar-form .search-cate option{
	padding:3px 0 3px 5px
}

.searchbar-form .search-button{
	padding:0;
	border:0 none
}

.header .searchbar-form .search-button{
	position:absolute;
	z-index:5;
	right:0;
	top:0;
	width:50px;
	height:41px;
	background:#e62e04 url(http://style.aliunicorn.com/wimg/site/group-en/en/buyer/sprite/header-sprite.png?t=f588d949_0) no-repeat -587px 8px;
	border-radius:0 3px 3px 0; cursor:pointer;
}

.me-header .searchbar-form .search-button{
	width:50px;
	height:30px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	background-color:#fff;
	border:1px solid #999;
	border-left:none;
	background-position:center -388px
}

.searchbar-form .ios-search-cate .search-cate-title{
	height:25px;
	line-height:23px;
	margin-top:7px
}

.searchbar-form .ios-search-cate .search-category-value {
	padding-top:0
}

.searchbar-form .ios-search-cate .search-cate {
	top:7px;
	height:25px
}
.me-header .search-box {
	text-align:right;
	margin-top:2px
}

.me-header .search-box .search-key{
	width:300px;
	height:30px;
	line-height:30px;
	padding-left:5px;
	text-align:left;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border:1px solid #999
}

#top-container {
	height:39px;
	background:#fff;
	border-bottom:1px solid #e9e9e9;
	margin-left:auto;
	margin-right:auto;
}

#tw {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

#cat { 
	background-color:#3A3E4A;
	width:217px;
	padding:11px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	
}

.linkali{
color:#5e5e5e; text-decoration:none;
}
.linkali:hover{
color:#ff6600;
}

#see {
	text-decoration:none;
	color:#a3a3a3;
}

#see:hover {
	text-decoration:underline;
}

#cat2 { 
	
	padding:10px 10px 5px 0px;
	color:#575859;
	font-weight:bold;
	font-size:13px;
}

#cat2:hover {
	color:#FF6600;
}

#menuwrapper {
	width:237px;
	border:solid 1px #3A3E4A;
	margin-top:-1px;
	height:400px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}
/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
    width:235px;
	height:30px;
    cursor:pointer;
	background-color:#fff;
	font-size:15px;
	
}

/* We apply the background hover color when user hover the mouse over of the li component */

.bt:hover {
	border-bottom:solid 1px #3A3E4A;
	border-top:solid 1px #3A3E4A;
	border-right:solid 5px #fff;
	
	
}
.bt2:hover {
	color:#FF6600;
	text-decoration:underline
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 15px;
    color:#575859;
    display:inline-block;
    text-decoration:none;
	
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
	margin-top:168px;
	margin-left:190px;
	width:750px;
	height:500px;
	z-index:9999;
	font-size:15px;
	margin-right:auto
}

#menuwrapper ul li:hover ul{
-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}	
#menuwrapper ul li ul:hover{
-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    margin-left:238px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
	
}
#menuwrapper ul li ul li a:hover{
    color:#FF6600;
	
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    color:#E62E04;
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#454444;
    display:inline-block;
    width:200px;
}

/**** THIRD LEVEL MENU ****/
/* We need to hide the 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{
    position:absolute;
    display:none;
}

/* We show the third level menu only when they hover the second level menu parent */
#menuwrapper ul li:hover ul li:hover ul{
    display:block;
    left:150px;
    top:0;
}

/* We change the background color for the level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{
    background:#86d3fa;
}

/* We change the background color for the level 3 submenu when hovering the menu */

#menuwrapper ul li:hover ul li:hover ul li:hover{
    background:#358ebc;
}

/* We change the level 3 link color */
#menuwrapper ul li:hover ul li:hover ul li a{
    color:#ffffff;
}

/* Clear float */
.clear{
    clear:both;
}

/*
	Slideshow
*/

#slides {
	position:relative;
	z-index:0;
	font-family:calibri;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	overflow:hidden;

	color:#7d7d7d;
	z-index:-1;
}


#slides {
	position:relative;
	z-index:0;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:-18px auto 0;
	margin-bottom:20px;
	width:140px;
}

.pagination li {
	float:left;
	margin:0 5px;
	list-style:none;
	
}

.pagination li a {
	display:block;
	width:10px;
	height:0;
	padding-top:8px;
	background-image:url(../images/market/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	outline:none;
}

.pagination li.current a {
	background-position:0 -8px;
}

.cont-ads {
	width:320px;
	float:left;
}

#box-1 {
	margin-top:50px;
	background:#fff;
	height:530px;
	border-top:solid 3px #e62e04;
}
#title {
	height: 38px;
	font-size: 20px;
	color: #333;
	border-bottom: 1px solid #EEE;
	padding-left: 20px;
	margin-top:10px;
}
.main-product-show {
	width: 300px;
	height:470px;
	margin: 0px auto;
	text-align: center;
	padding-top: 10px;
}
.main-product-show:hover {
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}
.main-product-show a {
    color: #333;
	text-decoration:none;	
}
.main-product-show .pro-img {
    margin-bottom: 25px;
    width: 280px;
    height: 280px;
	margin-left:8px;
}
.main-product-show .pro-img img {
    max-width: 280px;
    max-height: 280px;
	border: medium none;
	vertical-align: middle;
}

.main-product-show .pro-title {
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 20px;
	font-size:14px;
	width:280px;
	text-align:center;
	margin-left:8px;
}
.main-product-show .discount {
    padding: 0px 0px 10px;
    text-align: center;
}
.main-product-show .g-price {
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 3px;
}
.main-product-show .g-del-price {
    color: #999;
}
del {
    text-decoration: line-through;
}
.product-list-show {
	width:295px;
	height:159px;
}
.product-list-show:hover {
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc;
}
.product-list-show a {
    color: #333;
	text-decoration:none;	
}
.product-list-show .pro-img {
    width: 140px;
	margin-left:130px;
	margin-top:-105px;
}
.product-list-show .pro-info {
    
    left: 25%;
    margin-left: 20px;
    padding-top: 30px;
}
.product-list-show .pro-info .discount {
    padding: 0px 0px 10px;
    text-align: left;
}
.main-product-show .discount span {
    display: inline-block;
    background-color: #E52E04;
    line-height: 30px;
    padding: 0px 10px;
    height: 30px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}
.product-list-show .pro-info .discount span {
    display: inline-block;
    background-color: #E52E04;
    line-height: 30px;
    padding: 0px 10px;
    height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}
.product-list-show .g-price {
    display: block;
    font-size: 18px;
    font-weight: 700;
}
.product-list-show .g-del-price {
    color: #999;
}
del {
    text-decoration: line-through;
}

#box-2 {
	margin:20px 0px 0px;
	background:#fff;
	height:280px;
	border-top:solid 2px #ee2c20;
}
.box-2-title {
    left: 0px;
    top: 0px;
    width: 230px;
    height: 280px;
    padding-top: 50px;
    float: left;
    text-align: center;
}
.box-2-title a {
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
	text-decoration:none;
}
.box-2-title a:hover {
	color:#E52E04;	
}
.box-2-title p {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 40px;
}
.box-2-title span {
    display: inline-block;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 30px;
    color: #FFF;
    background-color: #E52E04;
}
.box-2-slider ul {
    float: left;
	list-style:none;
	display:block;
	height:280px; 
	overflow:hidden;
}
.box-2-slider li {
    list-style: outside none none;
    margin-left: 0px;
    float: left;
    text-align: center;
    width: 215px;
    visibility: hidden;
}
.box-2-slider li .item-inner {
    width: 210px;
    margin: 0px auto;
}
.box-2-slider .pic {
    padding: 10px 0px;
}
.box-2-slider .g-price {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
	width:210px;
	text-decoration:none;
}
.box-2-slider .g-del-price {
    color: #999;
    font-size: 13px;
	
}

#box-item-1{
border-top:solid 2px #f2144d; background:#fff; margin-bottom:40px
}
#box-item-1 #sec-1{
float:left; width:250px; text-align:center; 
}
#box-item-1 #sec-1 a{
text-decoration:none; color:#f2144d;
}
#box-item-1 #sec-1 a > #head:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	
#box-item-1 #sec-1 #head{
padding:15px 0px; border-bottom:solid 1px #eeeeee; font-size:22px; margin-bottom:10px
}
#box-item-1 #sec-1 #child{
padding:8px 0px; font-size:14px; color:#5e5e5e;
}
#box-item-1 #sec-1 a > #child:hover{
color:#f2144d;
}
#box-item-1 #sec-2{
background:#eee; float:left; width:950px
}
#box-item-1 #sec-2 a > #child-2:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	

#box-item-2{
border-top:solid 2px #8e6f5d; background:#fff; margin-bottom:40px
}
#box-item-2 #sec-1{
float:left; width:250px; text-align:center; 
}
#box-item-2 #sec-1 a{
text-decoration:none; color:#8e6f5d;
}
#box-item-2 #sec-1 a > #head:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	
#box-item-2 #sec-1 #head{
padding:15px 0px; border-bottom:solid 1px #eeeeee; font-size:22px; margin-bottom:10px 
}
#box-item-2 #sec-1 #child{
padding:8px 0px; font-size:14px; color:#5e5e5e;
}
#box-item-2 #sec-1 a > #child:hover{
color:#8e6f5d;
}
#box-item-2 #sec-2{
background:#eee; float:left; width:950px
}
#box-item-2 #sec-2 a > #child-2:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	

#box-item-3{
border-top:solid 2px #005aad; background:#fff; margin-bottom:40px
}
#box-item-3 #sec-1{
float:left; width:250px; text-align:center; 
}
#box-item-3 #sec-1 a{
text-decoration:none; color:#005aad;
}
#box-item-3 #sec-1 a > #head:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	
#box-item-3 #sec-1 #head{
padding:15px 0px; border-bottom:solid 1px #eeeeee; font-size:22px; margin-bottom:10px 
}
#box-item-3 #sec-1 #child{
padding:8px 0px; font-size:14px; color:#5e5e5e;
}
#box-item-3 #sec-1 a > #child:hover{
color:#005aad;
}
#box-item-3 #sec-2{
background:#eee; float:left; width:950px
}
#box-item-3 #sec-2 a > #child-2:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	

#box-item-4{
border-top:solid 2px #13c1da; background:#fff; margin-bottom:40px
}
#box-item-4 #sec-1{
float:left; width:250px; text-align:center; 
}
#box-item-4 #sec-1 a{
text-decoration:none; color:#13c1da;
}
#box-item-4 #sec-1 a > #head:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	
#box-item-4 #sec-1 #head{
padding:15px 0px; border-bottom:solid 1px #eeeeee; font-size:22px; margin-bottom:10px 
}
#box-item-4 #sec-1 #child{
padding:8px 0px; font-size:14px; color:#5e5e5e;
}
#box-item-4 #sec-1 a > #child:hover{
color:#13c1da;
}
#box-item-4 #sec-2{
background:#eee; float:left; width:950px
}
#box-item-4 #sec-2 a > #child-2:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	

#box-item-5{
border-top:solid 2px #a6be00; background:#fff; margin-bottom:40px
}
#box-item-5 #sec-1{
float:left; width:250px; text-align:center; 
}
#box-item-5 #sec-1 a{
text-decoration:none; color:#a6be00;
}
#box-item-5 #sec-1 a > #head:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	
#box-item-5 #sec-1 #head{
padding:15px 0px; border-bottom:solid 1px #eeeeee; font-size:22px; margin-bottom:10px 
}
#box-item-5 #sec-1 #child{
padding:8px 0px; font-size:14px; color:#5e5e5e;
}
#box-item-5 #sec-1 a > #child:hover{
color:#a6be00;
}
#box-item-5 #sec-2{
background:#eee; float:left; width:950px
}
#box-item-5 #sec-2 a > #child-2:hover{
-moz-box-shadow: 0 0 20px #ccc; 
-webkit-box-shadow: 0 0 20px #ccc; 
box-shadow: 0 0 20px #ccc;
}	

del {
    text-decoration: line-through;
}
.next {
	position:absolute; 
	z-index:1; 
	margin-left:1150px; 
	cursor:pointer;
	content: " ";
	display: block;
	width: 50px;
	height: 180px;
	font-size:50px;
	padding-top:100px;
}
.next:hover {
	background-color:#E8E8E8;
}
.star-ratings-sprite {
  background: url("../images/market/ali/star2.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 80px;
  float:left;
  margin-top:7px;
}
.star-ratings-sprite .rating {
  background: url("../images/market/ali/star1.png") repeat-x;
  float: left;
  height: 21px;
  display: block;
}
.btn-buy-now{
background:#ff6600;
padding:10px 30px;
color:#fff;
text-align:center;
font-size:18px;
text-decoration:none;
border-radius:2px;
width:200px;
}
.btn-buy-now:hover{
background:#fa7a1a;
}
.learn-more{
text-decoration:none;
color:#666666;
}
.learn-more:hover{
text-decoration:underline;
}
.stw {
background-image:url(../images/forum/twitter_share.jpg);
height:20px;
width:20px;
cursor:pointer;
}
.stw:hover {
opacity: 0.7;
}
.sfb {
background-image:url(../images/forum/fb_share.jpg);
height:20px;
width:20px;
cursor:pointer;
}
.sfb:hover {
opacity: 0.7;
}
#link_title_produk{
color:#003366;
text-decoration:none;
}
#link_title_produk:hover{
color:#ff9900;
text-decoration:underline;
}
#paging_prev {
text-decoration:none;
font-weight:bold;
color:#5b5b5b;
float:left;
margin-right:5px;
margin-top:15px;
font-size:16px;
}
#paging_prev:hover {
color:#0c4da2;
}
#paging_next {
text-decoration:none;
font-weight:bold;
color:#5b5b5b;
float:left;
font-size:16px;
margin-top:15px;
}
#paging_next:hover {
color:#0c4da2;
}
#sela {
float:left;
margin-right:5px;
font-size:16px;
margin-top:16px;
}
#paging_current {
color:#ffffff;
text-decoration:none;
width:auto;
padding-left:10px;
padding-right:10px;
height:20px;
text-align:center;
background-color:#57ab27;
float:left;
margin-right:5px;
font-size:16px;
margin-top:16px;
padding-top:1px;
}
#paging_nomor {
color:#ffffff;
text-decoration:none;
width:auto;
padding-left:10px;
padding-right:10px;
text-align:center;
background-color:#464646;
float:left;
margin-right:5px;
font-size:16px;
margin-top:16px;
padding-top:1px;
}
#paging_nomor:hover {
color:#57ab27;
}

#box:hover{
	-moz-box-shadow: 0 0 20px #ccc; 
	-webkit-box-shadow: 0 0 20px #ccc; 
	box-shadow: 0 0 20px #ccc;
}	

.form-head{
	padding:20px 25px 15px;border-bottom:2px solid #eaeaea;color:#333
}
dl{
	padding:0 0 25px
}
.form-detail{
	font-size:14px;color:#333
}
.input1{
	padding:10px 0px;
}
.input2{
	width:300px;
	height:28px;
	border:solid 1px #5e5e5e;
	border-radius:10px;
	color:#56575b;
	padding-left:10px;
	font-size:14px
}
#submit-btn{
	color:#fff;
	border: none;
	background-color:#ec008c;
	width:100px;
	height:30px;
	border-radius:10px;
	font-weight:bold
}