@charset "utf-8";
/*----------- Mobile Devices css for <420px------------------------*/
#added_overlay{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	background-color:rgba(40,40,40,0.72);
	top:0px;
	z-index:999;
}
#added_box{
	display:block;
	position:relative;
	width:350px;
	height:192px;
	margin:0 auto;
	background:white;
	margin-top:124px;
	padding:12px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
-webkit-box-shadow: 1px 1px 49px 0px rgba(13,13,13,1);
-moz-box-shadow: 1px 1px 49px 0px rgba(13,13,13,1);
box-shadow: 1px 1px 49px 0px rgba(13,13,13,1);
}
#added_btn_wrapper{
	position:absolute;
	bottom:12px;
	left:12px;
	right:12px;

}

#added_message{
	line-height:42px;
	font-size:16px;
	color:#666666;
}
#contin{
	text-align:center;
	width:120px;
	line-height:32px;
	float:right;
	background:#4499cc;
	color:white;
	cursor:pointer;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
-webkit-box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
-moz-box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
}

#gotocart{
	text-align:center;
	width:120px;
	line-height:32px;
	float:left;
	background:#4499cc;
	color:white;
	cursor:pointer;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 0px solid #000000;
-webkit-box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
-moz-box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
box-shadow: 1px 1px 1px 0px rgba(1,1,1,1);
}
.article{
}

.article_store{
	cursor:pointer;
}
.article_images_wrapper{

}
.article_Main_image{
	width:90%;
	margin:0 auto;

}

.article_small_image{
	border:1px solid #f0f0f0;
	text-align:center;
	float:left;
	width:15%;
	margin-right:2%;
	margin-left:2%;
	margin-top:8px;

}
.article_small_image img{
	max-width:100%;
}
.article_color_select{
	margin-bottom:12px;
	float:left;
	position: relative;
	height:120px;
	width:120px;
	text-align:center;
	border:1px solid #cccccc;
	color:#777777;
	line-height:28px;
	font-size:13px;
	cursor:pointer;
	margin-right:10px;

}
#main_img{
display: inline-block;
    vertical-align: middle;
}
.article_color_select img{


}
.article_size_select{
	display:inline-block;
	width:auto;
	text-align:center;
	border:1px solid #cccccc;
	color:#777777;
	line-height:28px;
	font-size:13px;
	cursor:pointer;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;

}
.article_tag{
	display:inline-block;
	width:82px;
	text-align:center;
	border:0px solid #cccccc;
	color:#fefefe;
	line-height:24px;
	font-size:12px;
	background:#ff4499;
}
.article_title{
	font-size:22px;
	color:#444444;
	line-height:42px;
}

.article_no{
	font-size:16px;
	color:#666666;
	line-height:42px;
}
.article_price{
	font-size:16px;
	color:#e06666;
	line-height:42px;
	margin-bottom:12px;
}
.article_desc{
	font-size:15px;
	font-style: italic;
	font-weight: normal;
	color:#888888;
	line-height:28px;
	margin-bottom:12px;
}
.article_add{
	width:100%;
	color:white;
	line-height:52px;
	text-align:center;
	background:#444444;
	margin-top:24px;
	margin-bottom:24px;
	cursor:pointer;
	font-family:Calibri;
	font-size:140%;
	font-weight:bold;
}

.article_color{
	margin-top:12px;
	margin-bottom:12px;
}
.color-desc{
	bottom:0px;
	left:0px;
	text-align: center;
	width:100%;
	color:white;
	font-size:14px;
	background:rgba(120,120,120,0.8);
	position: absolute;

}
.article_size{
	margin-top:12px;
	margin-bottom:12px;
}
.subtitle{
	font-size:14px;
	line-height:32px;
	color:#666666;
}

.suggest-title{
	line-height:42px;
	font-size:24px;
	text-align:left;
	border-bottom:2px solid #FF4499;
	margin-bottom:12px;
	margin-top:42px;
	font-family: 'Archivo Narrow', sans-serif;
}




.article-title{
	line-height:42px;
	font-size:24px;
	text-align:left;
	border-bottom:2px solid #FF4499;
	margin-bottom:12px;
	margin-top:42px;
	font-family: 'Archivo Narrow', sans-serif;
}
#destop_dropdown_menu_brand{
	display:none;
}

/*---------------------------------------------------- Desktop Devices width 480px larger ------------------------*/
@media only screen and (min-width: 480px) {
.article{
	width:1000px;
	margin:0 auto;
}
.article_images_wrapper{
	width:40%;
	float:left;
}
.article_detial_wrapper{
	width:60%;
	float:left;
	padding-left:5%;
}
.suggest_item{
	width:20%;
	float:left;
	padding:2%;
	line-height:24px;
	font-size:13px;
	color:#666666;
}


}