/* Tiny Carousel */

/* 
	daca ai mai multe slidere,
	$('#our-best-sellers').tinycarousel();
	$('#popular-categories').tinycarousel();
	$('#months-specials').tinycarousel();
	$('#hot-items').tinycarousel();
	nu poti folosi display none pentru celelalte containere care apar dupa primul container
	pentru ca dupa ultima imagine ruleaza spatii libere in loc sa se opreasca si sa dispara butonul next
	solutia este sa faci un container mare -- .carousel-sliders -- care sa contina sliderele si pui overflow:hidden
	vezi si index.html
*/
.carousel-sliders-full {background:#211c19 url(//turbifycdn.com/ty/cdn/chucker54/carousel-container-bg.jpg) center top no-repeat; height:364px;}
.carousel-sliders {padding:25px 0 0 0; margin:0 auto; width:100%; max-width:1155px !important; height:339px; overflow:hidden;}


.prod-carousel { width:100%; overflow:hidden; padding: 0 0 34px 0; position:relative; z-index:90 }
.prod-carousel .viewport { width: 1040px; height: 313px; overflow: hidden; position: relative; margin:0 auto; }
.prod-carousel .buttons {
    display: block;
    top: 68px;
    width: 29px;
    height: 168px;
    position: absolute;
	z-index:99;
}
.prod-carousel a.prev {left:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -504px no-repeat}
/*.prod-carousel a.prev:hover {background:url(categ-carousel-left-arrow-on.jpg)}*/

.prod-carousel a.next {right:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -673px no-repeat}
/*.prod-carousel a.next:hover {background:url(categ-carousel-right-arrow-on.jpg)}*/

.prod-carousel .buttons:hover{}
.prod-carousel .disable { visibility: hidden; }
.prod-carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1040px; left: 0; top: 0; }
.prod-carousel .overview li { float: left; margin: 0 20px 0 0; padding: 0; width: 187px; height: 313px; border: 1px solid #b1afae; background:#fff;}
	/*.prod-carousel .overview li:hover {border: 3px solid #71be43; box-shadow:0px 0px #fff}*/
	
	.prod-carousel .overview li .cell {}
		.prod-carousel .overview li .cell .image {margin:0 auto; padding:4px 0 0 0; text-align:center; width:170px; height:140px;}
		
		.prod-carousel .overview li .cell .product-name a {text-align:center; padding:0 15px 5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:bold; color:#000; text-decoration:none;display:block;height: 35px;overflow: hidden;}
		.prod-carousel .overview li .cell .h-spacer {background:url(https://turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -871px no-repeat; width:153px; height:7px; margin:4px auto 8px}
		.prod-carousel .overview li .cell .product-short-caption {text-align: center;font: normal 12px arial;color: #e0782f;padding: 0 15px;height: 30px;margin-bottom: 10px;overflow: hidden;}
		.prod-carousel .overview li .cell .price {text-align:center; padding: 0 10px 12px; font-family:'Oswald', sans-serif; font-size:15px; line-height:17px; font-weight:400; color:#be0207;}
			.prod-carousel .overview li .cell .price span {color:#bbbbbb; text-decoration:line-through; margin-right: 7px}
		.prod-carousel .overview li .cell .btn-c {margin:0 auto; width:126px;}






.testim-sliders { width:900px; height:73px; overflow:hidden; padding: 0; margin:40px 0 0 0; position:relative; z-index:90; float:left }
.testim-sliders .viewport { width: 770px; height: 100% !important; overflow: hidden; position: relative; margin:0 auto; }
.testim-sliders .buttons {
    display: block;
    top: 0;
    width: 13px;
    height: 73px;
    position: absolute;
	z-index:99;
}
.testim-sliders a.prev {left:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -879px no-repeat}
/*.testim-sliders a.prev:hover {background:url(testim-left-arrow-on.jpg)}*/

.testim-sliders a.next {right:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -953px no-repeat}
/*.testim-sliders a.next:hover {background:url(testim-right-arrow-on.jpg)}*/

.testim-sliders .disable { visibility: hidden; }
.testim-sliders .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 770px; left: 0 top: 0; }
.testim-sliders .overview li { float: left; margin: 0; padding: 12px 0 0; width:770px; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#303030; line-height:22px;}
	.testim-sliders .overview li .cell {width:770px;}
	.testim-sliders .overview li span {font-size:13px}








.popular-brands-sliders { width:100%; height: 73px; overflow:hidden; padding: 0; margin:22px 0 0 0; position:relative; z-index:90; float:left }
.popular-brands-sliders .viewport { width: 1032px; height: 73px; overflow: hidden; position: relative; margin:0 auto; }
.popular-brands-sliders .buttons {
    display: block;
    top: 0;
    width: 13px;
    height: 73px;
    position: absolute;
	z-index:99;
}
.popular-brands-sliders a.prev {left:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -879px no-repeat}
/*.testim-sliders a.prev:hover {background:url(testim-left-arrow-on.jpg)}*/

.popular-brands-sliders a.next {right:0; background:url(//turbifycdn.com/ty/cdn/chucker54/sprites.png) 0 -953px no-repeat}
/*.testim-sliders a.next:hover {background:url(testim-right-arrow-on.jpg)}*/

.popular-brands-sliders .disable { visibility: hidden; }
.popular-brands-sliders .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 1032px; left: 0 top: 0; }
.popular-brands-sliders .overview li { float: left; padding:0; margin: 0 2px 0 0; width:170px; height:73px; text-align:center}
	.popular-brands-sliders .overview li .cell {width:170px;}
	.popular-brands-sliders .overview li span {font-size:13px}








@media screen and (max-width: 1190px) {
	
	/*===================================
	| PROD CAROUSEL 
	| total cell width = 209px (187 + 2 + 20)
	| 1040 - 209 = 831
	===================================*/
	.prod-carousel .viewport, .prod-carousel .overview { width: 831px;}
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}
	
	/*===================================
	| testim-sliders
	===================================*/
	.testim-center-c {margin:0 auto 20px; width:720px; clear:both;}

	.testim-sliders { width:700px; float:none; clear:both; margin:0 auto;}
		.testim-sliders .viewport { width: 640px;}
		.testim-sliders .overview { width: 640px;}
		.testim-sliders .overview li { width: 640px;}
			.testim-sliders .overview li .cell {width:640px;}
	
		.testim-sliders a.prev {padding-left:2px; margin-left:2px; left:2px;}
		.testim-sliders a.next {padding-right:2px; margin-right:2px; right:2px;}
	
	/*===================================
	| popular-brands-sliders
	| total cell width = 172px (170 + 2)
	| viewport , overview = 1032 - 172 = 860 (1032 is taken from line 85)
	===================================*/
	.popular-brands-sliders .viewport, 
	.popular-brands-sliders .overview { width: 860px;}
	
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}
	
}







@media screen and (max-width: 956px) {
	
	/*===================================
	| PROD CAROUSEL 
	| 831 - 209 = 622
	===================================*/
	.prod-carousel .viewport, .prod-carousel .overview { width: 622px;}
	
}





@media screen and (max-width: 885px) {
	
	/*===================================
	| testim-sliders
	===================================*/
	.testim-center-c {width:620px; clear:both}
	.testim-sliders { width:600px; height:100px;}
		.testim-sliders .viewport { width: 540px;}
		.testim-sliders .overview { width: 540px;}
		.testim-sliders .overview li { width: 540px; font-size:18px}
			.testim-sliders .overview li .cell {width:540px;}
	
	/*===================================
	| popular-brands-sliders
	| viewport , overview = 860 - 172 = 688 (860 is taken from line 139)
	===================================*/
	.popular-brands-sliders .viewport, 
	.popular-brands-sliders .overview { width: 688px;}
	
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}

}






@media screen and (max-width: 737px) {
	
	/*===================================
	| PROD CAROUSEL 
	| 622 - 209 = 413
	===================================*/
	.prod-carousel .viewport, .prod-carousel .overview { width: 413px;}
	
	
	/*===================================
	| popular-brands-sliders
	| viewport , overview = 688 - 172 = 516
	===================================*/
	.popular-brands-sliders .viewport, 
	.popular-brands-sliders .overview { width: 516px;}
	
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}
	
}








@media screen and (max-width: 686px) {
	
	/*===================================
	| testim-sliders
	===================================*/
	.testim-center-c {width:420px; clear:both}
	.testim-sliders { width:400px; height:150px;}
		.testim-sliders .viewport { width: 340px;}
		.testim-sliders .overview { width: 340px;}
		.testim-sliders .overview li { width: 340px; font-size:16px; padding:2px 0 0}
			.testim-sliders .overview li .cell {width:340px;}

}





@media screen and (max-width: 560px) {
	
	/*===================================
	| popular-brands-sliders
	| viewport , overview = 516 - 172 = 344
	===================================*/
	.popular-brands-sliders .viewport, 
	.popular-brands-sliders .overview { width: 344px;}
	
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}

}






@media screen and (max-width: 529px) {
	
	/*===================================
	| PROD CAROUSEL 
	| 413 - 209 = 204
	===================================*/
	.prod-carousel .viewport, .prod-carousel .overview { width: 209px;}
	
	
}






@media screen and (max-width: 455px) {
	
	/*===================================
	| testim-sliders
	===================================*/
	.testim-center-c {width:300px; clear:both}
	.testim-sliders { width:280px;}
		.testim-sliders .viewport { width: 240px;}
		.testim-sliders .overview { width: 240px;}
		.testim-sliders .overview li { width: 240px; font-size:14px}
			.testim-sliders .overview li .cell {width:240px;}
	
}





@media screen and (max-width: 400px) {

	/*===================================
	| popular-brands-sliders
	| viewport , overview = 344 - 172 = 172
	===================================*/
	.popular-brands-sliders .viewport, 
	.popular-brands-sliders .overview { width: 172px;}
	
	.prod-carousel a.prev {padding-left:2px; margin-left:2px; left:2px;}
	.prod-carousel a.next {padding-right:2px; margin-right:2px; right:2px;}

}






@media screen and (max-width: 350px) {
	
	/*===================================
	| testim-sliders
	===================================*/
	.testim-center-c {width:250px; clear:both}
	.testim-sliders { width:250px;}
		.testim-sliders .viewport { width: 200px;}
		.testim-sliders .overview { width: 200px;}
		.testim-sliders .overview li { width: 200px; font-size:12px}
			.testim-sliders .overview li .cell {width:200px;}

}