/*
 * 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 */
.slideshow {
	background-color:#fff;
	padding:8px;
	margin-bottom:9px;
	}
.nivoSlider {
	position: relative;
	background:url(../image/loading.gif) no-repeat 50% 50%;
	}
.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:60px;
	top:73px;
	color:#515151;
	z-index:8;
	width:335px;
	line-height:18px;
	font-size:14px;
	font-family:'Arial';
	text-transform:uppercase;
	}
.nivo-caption h1 {margin:0px;padding:0px;font:bold 80px/80px 'Times New Roman'; color:#151515;}
.nivo-caption h2 {margin:-10px 0 0;padding:0px;font:normal 30px/40px 'Arial'; color:#151515}
.nivo-caption p { position:relative;}
.nivo-caption p>p{ position:relative;margin:5px 10px 0 0}
.nivo-caption p span {color:#fb7907}
.nivo-caption p span span {color:#000000}
.nivo-html-caption {
	display:none;
}
.nivo-caption a:hover {color:#fb7907}
.nivo-caption a {
	margin-top:20px;
	display:inline-block;
	color:#151515;
	text-decoration:none;
	background:#e6e6e7;
	border-radius:10px;
	font:normal 24px/18px 'Arial';
	padding:40px 25px;
	border-radius:50%;
	width:66px;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	bottom:15px;
	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;
}
.nivo-controlNav {
	position: absolute;
	left:64px;
	bottom:41px;
	z-index:9;
}
.nivo-controlNav a:hover{color:#d41c0a;}
.nivo-controlNav a {
	vertical-align: top;
	display: block;
	text-indent:-9999px;
 	text-decoration:none;
	font-size:0px; 
	cursor:pointer;
	float:left;
	margin-right:2px;
	width:13px; 
	height:13px;
	background:url(../image/paggs.png) no-repeat top right;
}
.nivo-controlNav a:hover, .nivo-controlNav a.nivo-control.active {
	background-position:left 0;	
}
.nivo-controlNav a.nivo-control.active { cursor:default;}

.nivo-directionNav a {
	display:block;
	width:21px;
	height:41px;
	text-indent:-9999px;
	border:0;
	z-index:10
}
.nivo-directionNav a:hover { background-position:0 bottom;}
a.nivo-nextNav {
	right:-5px;
        top:45%;
	background:url(next.png) right 0 no-repeat;
}
a.nivo-prevNav {
	left:-5px;
        top:45%;
	background:url(prev.png) right 0 no-repeat;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}


#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('../image/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('../image/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('../image/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;
}