.home{
	float:left;
	margin:5px 25px 0px 0px;
	padding:0px;
	width:560px;
}
.gallery{
	height:371px;
	padding:0px;
	width:565px;
}
.title{
	font-size:16px;
}
/*** SWIPER ***/
.swiper-container{
	float:left;
	margin:30px 0px 0px 0px;
	overflow:hidden;
	width:560px;
}
.swiper-wrapper{
	margin:0px 0px 0px -2.5px;
	padding:0px;	
}
.swiper-slide {
	/*border:1px solid #CCC;*/
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:center;
}
.swiper-slide div.image a img, .swiper-slide div.image form img{
	max-width:100% !important;
}
.swiper-slide div.desc{
	margin-top:5px;
}
.swiper-slide div.price{
}
.swiper-slide div.reviewsavg{
}
/******************** RIGHTPANEL::BEGIN *******************/
.rightpanel{
	float:left;
	width:200px;
}
ul.newproducts{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.newproducts li{
	float:left;
	padding:10px 0px;
	width:100%;
}
ul.newproducts li.title, .title{
	color:#47B8FF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	height:auto;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	width:100%;
}
ul.newproducts li img{
	float:left;
	width:70px;
}	
ul.newproducts li div{
	float:right;
	vertical-align:middle;
	width:120px;
}
ul.newproducts li div a strong.brand, .brand{
	font-size:11px;
	font-weight:bold;
	padding-top:3px;
	text-transform:uppercase;
}
ul.newproducts li div a:hover{
	text-decoration:underline;
}
ul.newproducts li div span.price, div.price, .price{
	color:#47B8FF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	padding-top:3px;
}
ul.newproducts li a{
	font-size:12px;
	outline:none;
	text-decoration:none;
}
ul.newproducts li.seemore{
	float:left;
	height:auto;
	width:100%;
}
/*ul.newproducts li.seemore a{
	float:right;
	font-size:12px;
	outline:none;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
}
ul.newproducts li.seemore a:hover{
	text-decoration:underline;
}*/
ul.newproducts hr{
	margin:0px;
}
/******************** RIGHTPANEL::END *******************/
div.quickview{
	left:28px;
}
div.quickview a:hover{
	text-decoration:none;
}

/*** NEW LAYOUT ***/
.gallery{
	height:auto !important;
}
.title{
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px !important;
	width:auto;
}
#divnewproducts{
	display:none;
}
.allcategories{
	display:none;
}
.homecontents{
	padding-top:25px;
}
.viewmore{
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px !important;
	padding:2px 0px 10px 0px;
	text-decoration:none;
}
.viewmore:hover{
	text-decoration:underline;
}
.viewmore:after{
	content:"\203A";
	float:right;
	font-size:28px;
	margin-top:-9px;
	margin-left:5px;
	padding:0px;
}
.reviewsavg{
	clear:both;
	display:block;
	float:left;
	padding-top:5px;
}
.reviewsavg img{
	float:left;
	padding:0px 8px 0px 5px;
}
.image a:hover:after, .image form:hover:after{
	content:url(../images/quickview.png);
	left:1px;
	position:absolute;
	top:48px;
	z-index:2;
}
.image, .image a, .image a:visited, .image form, .image form:visited{
	outline:none;
}

/*** RESPONSIVE::NEW HOME LAYOUT ***/
@media screen and (max-width: 768px) {
.wrapper{
	width:100%;
}
.headercategories{
	display:none !important;
}
.rightpanel{
	display:none !important;
}
.bestsellers{
	margin-top:25px;
}
#divnewproducts{
	display:inline-block;
}
.newproducts{
	padding:25px 0px 10px 0px;
}
.allcategories{
	display:inline-block;
	float:left;
	padding:20px 0px 10px 0px;
}
.allcategories span.title{
	width:97%;
}
.allcategories ul{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.allcategories ul li{
	border-bottom:1px solid #E8E8E8;
	list-style:none;
	padding:6px 10px;
}
.allcategories ul li:first-child{
	border-top:1px solid #E8E8E8;
}
.allcategories ul li a{
	color:#4C759E;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
	text-decoration:none;
}
.allcategories ul li a:after{
	content:"\203A";
	float:right;
	font-size:16px;
	margin-top:-3px;
}
.allcategories ul li a:hover{
	text-decoration:underline;
}
.swiper-slide div.image a img, .swiper-slide div.image form img{
	max-width:75% !important;
}
.image a:hover:after, .image form:hover:after{
	left:20px;
}
}
@media screen and (min-width: 769px) and (max-width:800px) {
.rightpanel{
	display:none !important;
}
.bestsellers{
	padding-bottom:25px;
}
#divnewproducts{
	display:block;
}
.allcategories{
	display:inline-block;
	float:left;
	padding:20px 0px 10px 0px;
}
.allcategories span.title{
	width:100%;
}
.allcategories ul{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.allcategories ul li{
	border-bottom:1px solid #E8E8E8;
	list-style:none;
	padding:6px 10px;
}
.allcategories ul li:first-child{
	border-top:1px solid #E8E8E8;
}
.allcategories ul li a{
	color:#4C759E;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:14px;
	text-decoration:none;
}
.allcategories ul li a:after{
	content:"\203A";
	float:right;
	font-size:16px;
	margin-top:-3px;
}
.allcategories ul li a:hover{
	text-decoration:underline;
}
.image a:hover:after, .image form:hover:after{
	left:20px;
}
}
@media screen and (min-width: 800px) {
.allcategories{
	/*display:none !important;*/
}
}

@media screen and (min-width: 290px) and (max-width: 330px) {
.allcategories span.title{
	width:96.5%;
}
.image a:hover:after, .image form:hover:after{
	left:23px;
	top:65px;
}
}
@media screen and (min-width: 330px) and (max-width: 370px) {
.allcategories span.title{
	width:97%;
}
.image a:hover:after, .image form:hover:after{
	left:35px;
	top:65px;
}
}
@media screen and (min-width: 370px) and (max-width: 390px) {
.allcategories span.title{
	width:97%;
}
.image a:hover:after, .image form:hover:after{
	left:40px;
	top:65px;
}
}
@media screen and (min-width: 390px) and (max-width: 420px) {
.allcategories span.title{
	width:97.5%;
}
.image a:hover:after, .image form:hover:after{
	left:12px;
	top:55px;
}
}
@media screen and (min-width: 420px) and (max-width: 600px) {
.allcategories span.title{
	width:98%;
}
.image a:hover:after, .image form:hover:after{
	left:21px;
	top:60px;
}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.allcategories span.title{
	width:98%;
}
.image a:hover:after, .image form:hover:after{
	left:24px;
	top:60px;
}
}
@media screen and (min-width: 768px) {
.allcategories span.title{
	width:98.5% !important;
}
}
