/*
 * 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;
	left:0px;
	bottom:0px;
	background: url('/images/bg-slider.png') repeat;
	color:#5a5858;
	width:1024px;
	z-index:8;
	border-top:1px solid #FFF;
	height:97px;
}
.nivo-caption p{ position:relative;}
.nivo-caption p h1{ color:#fff; font-size:23px; text-transform:uppercase;font-weight:600; padding-top:17px;  padding-bottom:0; position:absolute; left:0px; top:0px; margin-bottom:0;font-family: 'Open Sans', sans-serif;opacity:1;
filter: alpha(opacity=100);}
.nivo-caption p p{ color:#82756b; font-size:11px; line-height:15px; height:20px; text-transform: uppercase; font-weight:600;font-family: 'Open Sans', sans-serif;position:absolute; left:0px; top:50px;opacity:1;
filter: alpha(opacity=100);}
.nivo-caption p  a{
	background: url('/images/banner-button.png') left top no-repeat;
	font-weight:bold;
	padding:0;
	position:absolute;
	right:0px;
	top:0px;
	font-size:19px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	opacity:1;
    filter: alpha(opacity=100);
	width:189px;
	height:44px;
}
.nivo-caption p  a:hover{ background-position:right top;}
.nivo-caption p {
	margin:0;
	padding:0 100px;
	text-align:center;
	font-size:14px;
}
.nivo-caption p span {
	display:block;
	font-size:24px;
	color:#272626;
	line-height:27px;
	padding-top:24px;
	padding-bottom:5px;
	font-weight:normal;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	bottom:0;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* 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:44.5%;
	bottom: 5px;
	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-left:6px;
	background: url('/images/paggs.png') right top no-repeat; 
	width:13px; 
	height:12px;
}
.nivo-controlNav a:hover, .nivo-controlNav a.nivo-control.active {
	background-position:0 0;	
}
.nivo-controlNav a.nivo-control.active { cursor:default;}
.nivo-directionNav {
	display:block !important;
}	
.nivo-directionNav a {
	display:block;
	width:13px;
	height:18px;
	background:url('/images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
	top: 159px;
}
a.nivo-nextNav {
	right:0px;
	background:url(/images/next.png) 0 top no-repeat;
}
a.nivo-prevNav {
	left:0px;
	background:url(/images/prev.png) 0 top no-repeat;
}
a.nivo-nextNav:hover, a.nivo-prevNav:hover {
	background-position:0 bottom;	
}
.nivo-caption {
	display:none !important;
	
}
.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('/images/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('/images/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('/images/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);
}
.slideshow {
    background: url("/images/slider-shadow.png") no-repeat scroll 0 315px transparent;
    height: 417px;
    margin: 19px 0 63px;
    ooverflow: hidden;
    position: relative;
    width: 940px;
    z-index: 2;
}    
/*    
    background: #fff;
	padding: 10px;
	box-shadow:0px -3px 4px #edeeee, 3px 0px 4px #e7e7e7, -3px 0px 2px #edeeee, 1px 5px 2px #edeeee;
	-moz-box-shadow:0px -3px 4px #edeeee, 3px 0px 4px #e7e7e7, -3px 0px 2px #edeeee, 1px 5px 2px #edeeee;
	-webkit-box-shadow: 0px -3px 4px #edeeee, 3px 0px 4px #e7e7e7, -3px 0px 2px #edeeee, 1px 5px 2px #edeeee;
	border-radius:6px;
    width: 728px;
*/    
}

/*--------------------------- drug -------------------------------------------*/

/* 
    Resets defualt browser settings
    reset.css
*/
div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
    Page style
*/


#container {
    width:942px;
    padding: 10px 0 0 0;
    margin:0 auto 60px;
    position:relative;
    z-index:0;
}

#example {
    wwidth:600px;
    height:350px;
    position:relative;
}

#ribbon {
    position:absolute;
    top:12px;
    left:-3px;
    z-index:500;
}

#frame {
    position:absolute;
    z-index:0;
    width:942px;
    height:341px;
    top:-3px;
    left:-80px;
}

/*
    Slideshow
*/

#slides {
    position:absolute;
    top:15px;
    left:0px;
    z-index:100;
}

.sqnka {    
    background: url("/images/slider-shadow.png") no-repeat scroll 0 315px transparent;
    height: 417px;
    position: absolute;
    bottom: 9px;
    width: 942px;
    z-index: 2;
}
/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/

.slides_container {
    width:942px;
    overflow:hidden;
    position:relative;
    display:none;
}

/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/

.slides_container div.slide {
    width:942px;
    height:270px;
    display:block;
}


/*
    Next/prev buttons
*/

#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}

#slides .next {
    left:585px;
}

/*
    Pagination
*/

.pagination {
    margin: 40px auto 0;
    width: 96px;
}

.pagination li {
    float:left;
    margin: 0 5px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:14px;
    height:5px;
    padding-top:12px;
    background-image:url(/images/pagination11.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}

.pagination li.current a, .pagination li:hover a {
    background-position: 0 -16px;
}
.pagination li.current a {
    background-position: 0 -16px;
}

/*
    Caption
*/

.caption {
    z-index:500;
    position:absolute;
    bottom:-35px;
    left:0;
    height:30px;
    padding:5px 20px 0 20px;
    background:#000;
    background:rgba(0,0,0,.5);
    width:942px;
    font-size:1.3em;
    line-height:1.33;
    color:#fff;
    border-top:1px solid #000;
    text-shadow:none;
}

/*----------- drugo ------------------------*/


            #c-carousel {
                margin: 0 auto;
                pposition: relative;
            }
            #c-carousel * {
                font-family: Arial, Geneva, SunSans-Regular, sans-serif;
                font-size: 14px;
                color: #333;
                line-height: 22px;
            }

            #c-body, #prev, #next {
                bborder-top: 1px solid #999;
                bborder-bottom: 1px solid #999;
                height: 19px;
                position: absolute;
                ttop: 50%;
                mmargin-top: -85px;
            }
            #c-body {
                wwidth: 90%;
                lleft: 5%;
                ooverflow: hidden;
                box-shadow: 0 0 10px #ccc;
            }
            #c-bodyr {width: 942px; margin: 0 auto; position: relative;}
            #carousel {bbackground: #fff; width: 942px;}
            .img-border img {
                vertical-align: top;
                display: block;
/*
                margin: 10px 5px;
                border: none;
                display: block;
                float: left;
*/
            }
            
            #prev, #next {
                background: center center no-repeat transparent;
                width: 5%;
                margin-top: 0!important;
                height: 19px!important;
            }
            #prev:hover, #next:hover {
                background-color: #bbb;
            }
            #prev {
                bbackground-image: url(/images/gui-prev.png );
                background: url("../images/prev.png") no-repeat scroll 0 0 transparent;
                height: 18px;
                left: -36px;
                position: absolute;
                top: 57px;
                width: 11px;    
            }
            #next {
                bbackground-image: url(/images/gui-next.png );
background: url("../images/next.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    position: absolute;
    right: -36px;
    top: 57px;
    width: 11px;
            }
            
  .caroufredsel_wrapper {margin: o auto;}
  #carousel .img-border {
    display: block;
    float: left;
    height: 122px!important;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    width: 208px!important;      
  }