.scroller { width: 220px; clear: both; }
.scroller .viewport { width: 209px; height: 280px; overflow: hidden; position: relative; }
.scroller .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroller .thumb .end,
.scroller .thumb { background-color: #9a9a9a; }
.scroller .scrollbar { position: absolute; width: 11px; right: 0; z-index:1;}
.scroller .track { background-color: #e5e5e5; height: 100%; width:11px; position: relative; }
.scroller .thumb { height: 20px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroller .thumb .end { overflow: hidden; height: 5px; width: 11px; }
.scroller .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.listDetails .scroller .viewport { width: 410px; height: 240px; overflow: hidden; position: relative; }

/* --------------------
		POLICIES
----------------------- */

#contentPolicies .scroller .viewport { width: 432px; height: 630px; }
#contentPolicies .scroller .thumb .end,
#contentPolicies .scroller .thumb { background-color: #e5e5e5;}
#contentPolicies .scroller .scrollbar { width: 1px; }
#contentPolicies .scroller .track { background-color: #000; width: 1px; }
#contentPolicies .scroller .thumb { width: 1px; }
#contentPolicies .scroller .thumb .end { width: 1px; }

/* --------------------
        EXCLUSIVE
----------------------- */

#exclusive #exclusive-frieze .scroller { width: 100%; }
#exclusive #exclusive-frieze .scroller .viewport { width: 100%; height: 220px; }
#exclusive #exclusive-frieze .scroller .thumb .end,
#exclusive #exclusive-frieze .scroller .thumb { background-color: #e5e5e5;}
#exclusive #exclusive-frieze .scroller .scrollbar { width: 1px; right : 0; left : -10px; bottom : 10px; position: relative; }
#exclusive #exclusive-frieze .scroller .track { background-color: #000; height: 1px; position: relative; }
#exclusive #exclusive-frieze .scroller .thumb { width: 1px; height : 12px; background: url(../img/exclusive/sprite_exclusive.png) no-repeat;top: -3px; background-position: -16px -16px;}
#exclusive #exclusive-frieze .scroller .thumb .end { width: 1px; }
#exclusive #exclusive-frieze .scroller .overview { width : 100%;}

#exclusive .purchase-list-wrapper .scroller { width: 100%; }
#exclusive .purchase-list-wrapper .scroller .viewport { width: 100%; height: 165px; }
#exclusive .purchase-list-wrapper .scroller .thumb .end,
#exclusive .purchase-list-wrapper .scroller .thumb { background-color: #e5e5e5;}
#exclusive .purchase-list-wrapper .scroller .scrollbar { width: 1px; right : 0; left :0; bottom : 10px; position: relative; }
#exclusive .purchase-list-wrapper .scroller .track { background-color: #000; height: 1px; position: relative; }
#exclusive .purchase-list-wrapper .scroller .thumb { width: 1px; height : 12px; background: url(../img/exclusive/sprite_exclusive.png) no-repeat;top: -3px; background-position: -16px -16px;}
#exclusive .purchase-list-wrapper .scroller .thumb .end { width: 1px; }
#exclusive .purchase-list-wrapper .scroller .overview { width : 100%;}

#exclusive .textActu .scroller { width: 400px; }
#exclusive .textActu .scroller .viewport { width: 400px; }
#exclusive .textActu .scroller .thumb .end,
#exclusive .textActu .scroller .thumb { background-color: #af9b64;}
#exclusive .textActu .scroller .track { background-color: #000; width: 1px; }
#exclusive .textActu .scroller .thumb { width: 1px; }
#exclusive .textActu .scroller .thumb .end { width: 1px; }

#popinHistory .scroller { width: 100%; }
#popinHistory .scroller .viewport { width: 100%; height: 225px; }
#popinHistory .scroller .thumb .end,
#popinHistory .scroller .thumb { background-color: #e5e5e5;}
#popinHistory .scroller .scrollbar { width: 1px; right : 0; left : 15px; bottom : -20px; position: relative; }
#popinHistory .scroller .track { background-color: #000; height: 1px; position: relative; }
#popinHistory .scroller .thumb { width: 1px; height : 12px; background: url(../img/exclusive/sprite_exclusive.png) no-repeat;top: -3px; background-position: -16px -16px;}
#popinHistory .scroller .thumb .end { width: 1px; }
#popinHistory .scroller .overview { width : 100%;}

/* --------------------
		NEWSLETTER
----------------------- */

.popin.mlHK .scroller,
.popin.it-policies-popin-content .scroller { width: 650px; }
.popin.mlHK .scroller .viewport,
.popin.it-policies-popin-content .scroller .viewport { width: 650px; height: 425px; }
.popin.mlHK .scroller .thumb .end,
.popin.mlHK .scroller .thumb,
.popin.it-policies-popin-content .scroller .thumb .end,
.popin.it-policies-popin-content .scroller .thumb { width: 1px; background-color: #e5e5e5;}
.popin.mlHK .scroller .scrollbar,
.popin.it-policies-popin-content .scroller .scrollbar { right: 30px; }
.popin.mlHK .scroller .track,
.popin.it-policies-popin-content .scroller .track { background-color: #000; width: 1px; }

.newsletter-roll .scroller { width: 332px; }
.newsletter-roll .viewport { width: 332px; height: 170px; }
.newsletter-roll .thumb .end,
.newsletter-roll .thumb { width: 4px; background-color: #000;}
.newsletter-roll .scroller .scrollbar { right: 0; }
.newsletter-roll .scroller .track { background-color: #e5e5e5; width: 4px; }

/* --------------------
		FP POPIN
----------------------- */

.modAddBasket .scroller .viewport { height: 163px; }

/* --------------------
		ECOMMERCE
----------------------- */

.modEcommerce .listFilter.scroller .viewport,
.modEcommerce .listQt.scroller .viewport { width: 100%; height: 164px; }

.ie7 .modEcommerce .listFilter.scroller .viewport,
.ie7 .modEcommerce .listQt.scroller .viewport { height: 167px; }

/*.ie6 .modEcommerce .listFilter.scroller .viewport { height: 252px !important;}*/

.modEcommerce .listFilter.scroller .overview,
.modEcommerce .listQt.scroller .overview { width: 100%; }

/*.ie6 .modEcommerce .listQt.scroller .viewport { height: 190px !important; }*/
.ie6 .modEcommerce .scroller .scrollbar { right: -2px; }

/* --------------------
		CONDITIONS
----------------------- */
#popinConditions .scroller {width: 100%;}
#popinConditions .scroller .viewport {width:100%; height: 250px; }
#popinConditions .scroller .thumb .end,
#popinConditions .scroller .thumb { background-color: #e5e5e5;}
#popinConditions .scroller .scrollbar { width: 1px; right : 20px; }
#popinConditions .scroller .track { background-color: #000; width: 1px; }
#popinConditions .scroller .thumb { width: 1px; }
#popinConditions .scroller .thumb .end { width: 1px; }

/* ----------------------------------
		TRANSVERSES - CONDITIONS
------------------------------------- */

#popin-conditions .scroller { width: 650px; }
#popin-conditions .scroller .scrollbar { right: 20px; }
#popin-conditions .scroller .viewport { width: 600px; height: 350px; }
#popin-conditions .scroller .thumb .end,
#popin-conditions .scroller .thumb { background-color: #e5e5e5;}
#popin-conditions .scroller .scrollbar { width: 1px; }
#popin-conditions .scroller .track { background-color: #000; width: 1px; }
#popin-conditions .scroller .thumb { width: 1px; }
#popin-conditions .scroller .thumb .end { width: 1px; }

/* --------------------
	  STORE LOCATOR
----------------------- */
.wrap-list-locator .scroller { width: 100%; height: 75%; }
.wrap-list-locator .viewport { width: 100%; height: 100%; }

#form-locator .scroller { width: 100%; display: none; }
#form-locator .viewport { width: 100%; max-height: 100px; }