
.infiniteCarousel {
	width: 715px;   /*695*/
	position: relative;
	height: 350px;
	margin-top: 10px;
	border-top: 2px #eaeaea solid;
	border-bottom: 2px #eaeaea solid;
}
#topseller_start.infiniteCarousel {
	width: 960px; /*695*/
}

.infiniteCarousel .wrapper {
	margin: 0 29px 0 29px;
	min-height: 350px;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 657px;
}

#topseller_start.infiniteCarousel .wrapper {
	margin: 0 30px 0 30px;
	width: 900px
}

.infiniteCarousel ul a img {
}

.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.infiniteCarousel ul li {
	display: block;
	float: left;
	height: 350px;
	border-left: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
	padding: 0;
	position: relative;
	width: 207px;  /*188*/
	text-align: center;
}
#topseller_start.infiniteCarousel ul li {
	width: 168px; /*188*/
	border-left: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
}
.infiniteCarousel ul li .articleImage {
	height: 	182px
}

.infiniteCarousel ul li.empty {
	background: none;
}

.infiniteCarousel ul li a img {
}

/*.infiniteCarousel .arrow {
	background: url("../../../img/nav.png") no-repeat scroll 4px 3px #DDDDDD;
	position: absolute;
	top: 137px;
	width: 25px;
	
	
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    height: 23px;
    opacity: 0.8;
    position: absolute;
    text-indent: -9000px;
    width: 23px;
	
	
	
}
*/


.infiniteCarousel .arrow {
	top: 0;
	cursor: pointer;
	height: 350px;
	position: absolute;
	text-indent: -9000px;
	width: 30px;
	/*background-color: #f0f5d7;*/
}
/*.infiniteCarousel .arrow::after,
.infiniteCarousel .arrow::before {
	-webkit-transition: border-color 0.2s ease-in;
	-moz-transition: border-color 0.2s ease-in;
	-ms-transition: border-color 0.2s ease-in;
	-o-transition: border-color 0.2s ease-in;
	transition: border-color 0.2s ease-in;
}

.infiniteCarousel .arrow::after {
	content: "";
	position: absolute;
	top: 125px;
	left: 0;
	height: 25px;
	width: 0;
	border-left: 2px #7c604f solid;
	-webkit-transform: rotateZ(35deg);
	-moz-transform: rotateZ(35deg);
	-ms-transform: rotateZ(35deg);
	-o-transform: rotateZ(35deg);
	transform: rotateZ(35deg);
	transform-origin: 0 100%;
}

.infiniteCarousel .arrow::before {
	content: "";
	position: absolute;
	bottom: 125px;
	left: 0;
	height: 25px;
	width: 0;
	border-left: 2px #7c604f solid;
	-webkit-transform: rotateZ(-35deg);
	-moz-transform: rotateZ(-35deg);
	-ms-transform: rotateZ(-35deg);
	-o-transform: rotateZ(-35deg);
	transform: rotateZ(-35deg);
	transform-origin: 0 0;
}

.infiniteCarousel .forward.arrow::after {
	-webkit-transform: rotateZ(-35deg);
	-moz-transform: rotateZ(-35deg);
	-ms-transform: rotateZ(-35deg);
	-o-transform: rotateZ(-35deg);
	transform: rotateZ(-35deg);
	transform-origin: 100% 100%;
	right: 0;
	left: auto;
}
.infiniteCarousel .forward.arrow::before {
	-webkit-transform: rotateZ(35deg);
	-moz-transform: rotateZ(35deg);
	-ms-transform: rotateZ(35deg);
	-o-transform: rotateZ(35deg);
	transform: rotateZ(35deg);
	transform-origin: 100% 0;
	right: 0;
	left: auto;
}*/

.infiniteCarousel .arrow::before,
.infiniteCarousel .arrow::after {
	content: "";
	position: absolute;
}
.infiniteCarousel .forward.arrow::before,
.infiniteCarousel .back.arrow::before {
	border-left: 20px #88b018 solid;
	border-top: 30px transparent solid;
	border-bottom: 30px transparent solid;
	top: 50%;
	margin-top: -30px;
	left: 10px;
}
.infiniteCarousel .back.arrow::before {
	border-left: none;
	border-right: 20px #88b018 solid;
	right: 10px;
	left: auto;
}

.infiniteCarousel .forward.arrow::after,
.infiniteCarousel .back.arrow::after {
	background-color: #88b018;
	width: 10px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	left: 5px;
}
.infiniteCarousel .back.arrow::after {
	right: 5px;
	left: auto;
}


.infiniteCarousel .forward {
	right: 0;
}

.infiniteCarousel .back {
	left: 0;
}

.infiniteCarousel .arrow:hover::before {
	border-left-color: #a8d41a;
	border-right-color: #a8d41a;
}
.infiniteCarousel .arrow:hover::after {
	background-color: #a8d41a;
}


.infiniteCarousel .articleBoxImage {
	padding: 0px;
	width:auto;
	font-size: 12px;
	display: inline-block;
	height: 182px;
	line-height: 182px;
}

.infiniteCarousel .articleBoxImage img {
	vertical-align: middle;
}


.infiniteCarousel .articleBoxImage .productBoxDescription {
	font-weight: normal;
}

.infiniteCarousel .articleBoxImage span {
	display: inline-block;
	overflow: hidden;
}

.infiniteCarousel .articleTitle {
	height: 150px;
	padding-top: 18px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.infiniteCarousel .articleTitle::before,
.infiniteCarousel .articleTitle::after {
	content: "";
	position: absolute;
	display: block;
	border-bottom: 12px #f6f6f6 solid;
	border-left: 12px transparent solid;
	border-right: 12px transparent solid;
	top: -12px;
	left: 50%;
	margin-left: -12px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.infiniteCarousel .articleTitle::before {
	border-left-width: 14px;
	border-right-width: 14px;
	margin-left: -14px;
	top: -13px;
	border-bottom: 13px #f0f0f0 solid;
}


.infiniteCarousel .item:hover .articleTitle {
	background-color: #f6f6f6;
	-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.3);
	margin-top: -5px;
}
.infiniteCarousel .item:hover .articleTitle::before,
.infiniteCarousel .item:hover .articleTitle::after {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}


.infiniteCarousel .price {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	/*margin-top: 12px;*/
	position: absolute;
	top: 112px;
	left: 0;
	right: 0;
}

.infiniteCarousel .deliveryInfo {
	font-size: 9px;

	position: absolute;
	top: 132px;
	left: 0;
	right: 0;
}

#topBox.infiniteCarousel {
	width: 930px;
	position: relative;
	height: 290px;
	margin-top: 10px;
}

#topBox.infiniteCarousel .wrapper {
	margin: 0 45px 0 33px;
	min-height: 290px;
	overflow: auto;
	position: absolute;
	top: 0;
	width: 852px;
}

#topBox.infiniteCarousel ul a img {
}

#topBox.infiniteCarousel .wrapper ul {
	width: 9999px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#topBox.infiniteCarousel ul li {
	display: block;
	float: left;
	height: 220px;
	border-left: 12px solid #ffffff;
	padding: 0;
	position: relative;
	width: 201px;
}

#topBox.infiniteCarousel ul li .articleImage {
	height: 206px;
}

#topBox.infiniteCarousel ul li.empty {
	background: none;
}

#topBox.infiniteCarousel ul li a img {
	/*position: absolute;
	top: 0;
	left: 0;
	display: block;*/
	width: 201px;
}

#topBox.infiniteCarousel .arrow {
	background: url("../../../img/arrows_large.png") no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 32px;
	position: absolute;
	text-indent: -9999px;
	top: 117px;
	width: 25px;
}

#topBox.infiniteCarousel .forward {
	background-position:-10px -60px;
	right: 0px;
}

#topBox.infiniteCarousel .back {
	background-position: -10px -10px;
}

#topBox.infiniteCarousel .forward:hover {
	opacity: 0.5;
}

#topBox.infiniteCarousel .back:hover {
	opacity: 0.5;
}

#topBox.infiniteCarousel .articleBoxImage {
	padding: 0px;
	width:auto;
	color: #454545;
}

#topBox.infiniteCarousel .articleBoxImage span {
	display: inline-block;
	height: 36px;
	overflow: hidden;
}
