@font-face {
	font-family: 'LacosteSansRegular';
	src: url('lacostesans-regular.eot');
	src: local('ext/lacostesans-regular.ttf'), url('ext/lacostesans-regular.woff') format('woff'), url('ext/lacostesans-regular.ttf') format('truetype');
}
.carousel-lacoste * {
    outline:0;
}
.carousel-lacoste img {
    display:block;
}
ul {
    list-style:none;
}
.carousel-lacoste .jcarousel-container-horizontal {
    width: 1000px;
    /*padding: 20px 40px;*/
}

.carousel-lacoste .jcarousel-container-vertical {
    width: 1000px;
    height: auto;
}

.carousel-lacoste .jcarousel-clip-horizontal {
    width:  1000px;
    height: 420px;
}

.carousel-lacoste .jcarousel-clip-vertical {
    width:  1000px;
    height: 420px;
}

.carousel-lacoste .jcarousel-item {
    width: 1000px;
    height: 420px;
}

.carousel-lacoste .jcarousel-item-horizontal {
    position:relative;
    margin-right: 10px;
}

.carousel-lacoste .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.carousel-lacoste .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 * Additional styles for the controls.
 */

.jcarousel-control {
    position:absolute; right:15px; bottom:15px;
    z-index:3;
    
}

.jcarousel-control a {
    display:block;overflow:hidden;
    float:left;
    padding-top:14px; margin-right:10px;
    width:14px; height:0;
    background:url(ext/picto-carousel-flag.png) no-repeat 0 0;
}
.jcarousel-control a.on, .jcarousel-control a:hover {
    background-position:0 -14px;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
}

#lacostecarousel-next,
#lacostecarousel-prev, .jcarousel-prev, .jcarousel-next {
    position:absolute; z-index:2; left:0; top:200px;
    display:block;overflow:hidden;
    padding-top:24px;
    width:24px; height:0;
    background:url(ext/picto-carousel-direction.png) no-repeat 0 0;
}
#lacostecarousel-next, .jcarousel-next{
    left:auto; right:0;
    background-position:0 -24px;
}
#lacostecarousel-prev:hover {
    background-position:0 -48px;
}
#lacostecarousel-next:hover {
    background-position:0 -72px;
}  

/**
 * zoom
 */
 
#js #focus {
    position:relative;
    overflow:hidden;
    height:420px;
    background:#DDD;
}

#focus .loader {
    position:absolute; top:0; left:0;
    padding:10px 15px 10px 40px;
    background:#FFF url(ext/loader.gif) no-repeat 15px 50%; color:#70757F;
    font:11px Arial, sans-serif;
}
#js #focus .map {
    position:relative;
}
/* ** UPDATE Start : Change color of pictos -- 08-10-2010 ** */
#js #focus .expand, #js #focus .expanded {
    display:block;
    overflow:hidden;
    padding-top:24px;
    width:24px; height:0;
    background:url(ext/picto-zoom.png) no-repeat 0 -120px;
}
/* ** UPDATE End : Change color of pictos -- 08-10-2010 ** */
#js .linkToCollection {
    position:absolute; top:-9999px;
    height:0;
}
#js #focus .lowcontrast {
    display:block;
    overflow:hidden;
    padding-top:24px;
    width:24px; height:0;
    background:url(ext/picto-zoom.png) no-repeat 0 -72px;
}
/* ** UPDATE Start : Change color of pictos (hover) -- 08-10-2010 ** */
#js #focus .expand:hover, #js #focus .expand:focus,
#js #focus .expanded {
    background-position:0 -95px;
}
/* ** UPDATE End : Change color of pictos (hover) -- 08-10-2010 ** */

#js #focus .lowcontrast:hover {
    background-position:0 -48px;
}
/*/*#js #focus li ul, #js #focus li li {
    height:0;
}*/*/
/*#js #focus .map ul,*/ #js #focus li ul {
    display:none; position:absolute; /*z-index:10;*/
    margin:0; padding:0;
    list-style:none;
}
/*#js #focus .ready ul,*/ #js #focus li ul {
    display:block;
	zoom:1;
}
#js #focus .map li, #js #focus .jcarousel-item li {
    position:absolute;
    z-index:2;
}

#expand {
    position:absolute; top:0;
    overflow:hidden;
    width:350px; height:420px;
}
#expandInner {
    position:absolute; left:-400px;
    width:350px;
}
#expandContent {
    position:relative;
    overflow:hidden;
    float:left;
    width:300px; height:420px;
    background:#FFF; color:#70757F;
}
#expand .end {
    float:right;
    width:50px; height:420px;
    background:url(ext/expand-deco.png) repeat-y;
}

#expand .loader {
    position:static;
    display:block;
}

#expand a {
    position:absolute; top:0; left:0; z-index:1;
    width:300px; height:420px;
    text-decoration:none;
    
    /* hack for IE7 and some versions of Opera where the active zone 
       of a link is limited to its text without a background */
    background:url(ext/expand.png) no-repeat -1000px -1000px;
}
#expand a:hover span, #expand a:hover span span, #expand a:hover {
    text-decoration:none !important;
}
#expand img {
    position:absolute;
}

#expand .infos {
    position:absolute; bottom:136px; left:0;
    padding:10px 15px;
    width:220px;
    background:#FFF; color:#70757F;
    font-family: LacosteSansRegular, sans-serif;
    text-transform:uppercase; text-align:left;
}
#expand .category {
    display:block;
    color:#A9ADB7;
    font-size:10px;
}
#expand .price {
    display:block;
    color:#EC0606;
    font-weight:bold;
}
#expand a.linkColl {
    height:24px; width:220px;
    padding:0 15px;
    background:#dc2f29;
    color:#fff;
    font-family:LacosteSansRegular,sans-serif;
    line-height:24px; text-transform:uppercase;
    z-index:3;
}
#expand .linkToProduct {
    position:relative; top:40px; 
    padding:10px 15px;
    background:#dc2f29;
    color:#fff;
    
}
/* ** NEW Start : Styles for category buttons -- 08-10-2010 ** */
/* ** 20102110 optimizations & ie corrections ** */
#lacostecarousel #focus > ul {
    position:relative;
    z-index:0;
}
#lacostecarousel #focus #expand {
    z-index:1;
}
/**
 * Link Category
 */
#lacostecarousel .imgVisual {
    position:relative;
    z-index:0;
}
#lacostecarousel .bigLinks {
    position:absolute;
    top:0;
    display:block;
    height:420px;
    background:red;
    filter: alpha(opacity=0);
    opacity:0;
}
#lacostecarousel .leftLink {
    left:0; z-index:1;
    width:600px; 
}
#lacostecarousel .rightLink {
    right:0; z-index:1;
    width:400px;
}
#lacostecarousel .linkCategory{
    display:block;
    height:24px;
    position:absolute;
    bottom:5px; z-index:2;
    padding:0 15px 0 30px;
    background:#dc2f29 url("ext/picto-zoom.png") no-repeat 0 0;
    color:#fff;
    font-family:LacosteSansRegular,sans-serif;
    line-height:24px; text-transform:uppercase;
}
#lacostecarousel .linkCategory.right{right:40px;}
#lacostecarousel .linkCategory.left{left:20px}
/* ** End 20102110 optimizations & ie corrections ** */
/* ** NEW End : Styles for category buttons -- 08-10-2010 ** */


/* 20101021 new home page */
#lacostecarousel #focus ul h1 {
    top:20px; left:20px;
}
#lacostecarousel #focus ul ul {
    position:absolute;
    bottom:70px; left:23px; z-index:1;
}
#js #lacostecarousel #focus ul ul li {
    position:static;
    margin-top:10px;
    height:auto;
    background:#dc2f29;
}
#lacostecarousel #focus ul ul a.linkCategory {
    position:static;
    padding-left:33px; padding-right:10px;
    width:auto; height:29px;
    line-height:29px;
    background:#dc2f29 url("ext/picto-zoom-29.png") no-repeat -2px 50%;
    font-size:14px; white-space:nowrap;
    /* missing font-family NETRADA */
    font-family:LacosteSansRegular,sans-serif;
}
/* /20101021 new home page */


/* 20101022 home page */
#lacostecarousel a.focusLink {
    position:absolute;z-index:3;
    display:block;padding:1px; background:url(/); /* background to fix IE bug */
    width:1000px; height:420px;
}
#lacostecarousel #focus ul .imgVisual {
    z-index:2;
}
#lacostecarousel #focus ul h1, #lacostecarousel #focus ul ul{
    z-index:4;overflow:hidden;
    min-width:221px; max-width:400px;
}
#lacostecarousel #focus ul ul li {
    _background:none !important;
}
#lacostecarousel #focus ul ul li a {
    _float:left !important; clear:both;
}
/* /20101022 home page */