﻿/**
 * Icons sprites 
 */
#small-banner-carousel .ovi-icon{
	background:url(/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/ovi_homepage_icons-8bit.png) no-repeat;
    display:block;
    height:55px;
    width:60px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

#small-banner-carousel div > ul li a .ovi-icon{
	background:url(/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/ovi_homepage_icons.png) no-repeat;  
}

#small-banner-carousel .sprite-contacts { background-position: 0 0 !important; } 
#small-banner-carousel .sprite-files { background-position: 0 -65px !important; } 
#small-banner-carousel .sprite-mail { background-position: 0 -130px !important; } 
#small-banner-carousel .sprite-maps { background-position: 0 -195px !important; } 
#small-banner-carousel .sprite-music { background-position: 0 -260px !important; } 
#small-banner-carousel .sprite-share { background-position: 0 -325px !important; } 
#small-banner-carousel .sprite-store { background-position: 0 -390px !important; } 

#small-banner-carousel  a:hover span.ovi-icon{
  opacity:0.80;
  ilter: alpha(opacity = 80);
}
/**
 * Icons captions
 */
#small-banner-carousel a span.ovi-icon-txt {
	color: #4a3;
	font-weight: bold;
	cursor: pointer;
}

#small-banner-carousel a:hover span.ovi-icon-txt {
	color: #4a3;
	text-decoration: underline;
	font-weight: bold;
}

#small-banner-carousel a:visited span.ovi-icon-txt {
	color: #4a3;
	font-weight: bold;
}

/**
 * Misc styles
 */
#small-banner-carousel {
	background: url(/NOKIA_MEXICO_77/Home/home_page/Golds/bg-carousel-banner-240.png) no-repeat 0 -11px;
	height: 95px;
	padding: 0px 0 0 0;
	float: left; 
	display: inline;
	width: 240px;
	position: relative;
}

#small-banner-carousel ul {
	float: left;
	display: inline;
	height: 80px;
}

#small-banner-carousel ul li{
	float: left !important;
	text-align: center;
	height: 80px;
	width: 55px;
	display: block;
	border: 0px solid green;
}

#small-banner-carousel .jcarousel-prev  {
	float: left;
	width: 22px;
	height: 44px;
	background: url("/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/homepage_v2_sprites-8bit.png") no-repeat 0px -792px;
	margin-top: 16px;
}

#small-banner-carousel > .jcarousel-prev  {
	background: url("/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/homepage_v2_sprites.png") no-repeat 0px -792px;
}

#small-banner-carousel .jcarousel-prev-disabled {
	background-position: 0px -744px;
}

#small-banner-carousel .jcarousel-next  {
	float: right;
	width: 22px;
	height: 44px;
	background: url('/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/homepage_v2_sprites-8bit.png') no-repeat 0px -889px;
	margin-top: 16px;
	margin-left: 25px;
}

#small-banner-carousel  > .jcarousel-next  {
	background: url('/EUROPE_NOKIA_COM_3/Home/New_Home/css/img/homepage/homepage_v2_sprites.png') no-repeat 0px -889px;
}

#small-banner-carousel .jcarousel-next-disabled {
	background-position: 0px -841px;
}

/**
 * jCarousel Styles
 */
#small-banner-carousel .jcarousel-container {
    position: relative;
}

#small-banner-carousel .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

#small-banner-carousel .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
#small-banner-carousel .jcarousel-next {
    z-index: 3;
    display: none;
	cursor: pointer;
}

#small-banner-carousel .jcarousel-prev {
    z-index: 3;
    display: none;
	cursor: pointer;
}

/**
 * Skin css from jCarousel
 */
#small-banner-carousel .jcarousel-container-horizontal {
    width: 195px;
    padding: 20px 20px;
}

#small-banner-carousel .jcarousel-clip-horizontal {
    width:  160px;
	margin-left: 40px;
    height: 75px;
}

#small-banner-carousel .jcarousel-item {
    width: 55px;
    height: 75px;
}

#small-banner-carousel .jcarousel-item-horizontal {
    margin-right: 10px;
}

#small-banner-carousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
#small-banner-carousel .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 10px;
}

#small-banner-carousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
}

