/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
/* The Nivo Slider styles */

.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	overflow:hidden;
	padding-left:0px;
	left:0px;
	bottom:0px;
	z-index:8;
	width:100%;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:186px;
	z-index:9;
	cursor:pointer;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* slider theme */
.slideshow a {
	border: 0;
	display: block;
}
.nivo-controlNav {
	position: absolute;
	left:0px;
	bottom:0px;
	z-index:9;
	width:100%;
	text-align:center;
	background:url(paggs-bg.png);
	padding:11px 0 7px 0;
}
.nivo-controlNav a:hover{	color:#d41c0a;}
.nivo-controlNav a {
	vertical-align: top;
	display:inline-block;
	text-indent:-9999px;
 	text-decoration:none;
	font-size:0px;
	cursor:pointer;
	margin:0 5px;
	background: url('paggs.svg.png') right top no-repeat;
	width:13px;
	height:13px;
}
.nivo-controlNav a:hover, .nivo-controlNav a.nivo-control.active {
	background-position:0 0;
}
.nivo-controlNav a.nivo-control.active { cursor:default;}

.nivo-directionNav a {
	display:block;
	width:50px;
	height:47px;
	text-indent:-9999px;
	border:0;
}
.nivo-directionNav a:hover { background-position:0 0;}
a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
	background:url(next.png) right 0 no-repeat;
}
a.nivo-prevNav {
	left:0px;
	background:url(prev.png) right 0 no-repeat;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption p {
	margin:0;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}


#loopedCarousel{ position:relative; padding-left:30px;}
#loopedCarousel .container {height:242px; width:480px!important; overflow:hidden; position:relative; }
.slides {position:absolute; top:10px; left:0; width:500px;}
.slides .name { padding-bottom:7px;}
.slides .name a{ color:#2fa1bc; text-decoration:underline;}
.slides .name a:hover{ text-decoration:underline; color:#f83b01;}
.slides .price{ color:#f65423; font-weight:bold;}
.slides .price .price-old{ font-weight:normal; font-size:11px; text-decoration:line-through; display:block; }
.slides > div {width:140px;display:block; padding-right:21px; text-align:center; }
#loopedCarousel .pagination{ display:none;}
#loopedCarousel .previous{background: url('prev.png') left top no-repeat; width:19px; height:28px; position:absolute; left:-2px; top:102px; font-size:0; line-height:0; text-indent:-9999px;  }
#loopedCarousel .previous:hover{ background-position:0 -28px;}
#loopedCarousel .next{background: url('next.png') left top no-repeat; width:19px; height:28px; position:absolute; right:0px; top:102px; font-size:0; line-height:0; text-indent:-9999px;  }
#loopedCarousel .next:hover{ background-position:0 -28px;}
.hover-spesial{ position:absolute; left:30px; top:100px;
background: url('hover-special.png') left top no-repeat; width:103px; height:29px;

-moz-transition: all 0.8s ease 0s;
 -webkit-transition: all 0.8s ease 0s;
 -o-transition: all 0.8s ease 0s;

-webkit-transform: scale(0) rotate(0deg);
   -moz-transform:scale(0) rotate(0deg);
   -o-transform: scale(0) rotate(0deg);
   -ms-transform:scale(0) rotate(0deg);
   transform:scale(0) rotate(0deg);
}
 .product-col:hover .hover-spesial{ display:block;

-webkit-transform: scale(1) rotate(720deg);
   -moz-transform: scale(1) rotate(720deg);
   -o-transform: scale(1) rotate(720deg);
   -ms-transform: scale(1) rotate(720deg);
   transform: scale(1) rotate(720deg);
}

.nivo-directionNav {
	display:block !important;
}
.slideshow {
	float:left;
	margin-right:21px;
}