* { list-style-type: none; font-face:Verdana; color:#ffffff; }
body { text-align:center; background: #000000 url(http://www.ecoute.me/blankass/images/fondalea/fondalea_8.jpg) no-repeat center 150px;}

h1 { color:#ddffff; font-size:30px; font-face:Verdana; }
p {text-align:center; width:800px;padding-bottom:0px;display:block;}
ul li { color:#ffffff; font-size:11px; text-align:center; }
a { text-decoration:none;}
img { border:0px;}
input { color:#d0000f; }

#mainbox { width: 980px !important; text-align:left; margin:auto;padding-top:20px;}
/* PRODUCT BROWSER */
#productbrowser { width: 980px; height: 180px; background: url(http://www.ecoute.me/images/productbrowser_background_20070905.jpg) no-repeat top; overflow: auto; }
#pb-productbrowsercontainer { position: relative; width: 980px; height: 180px; margin: 0 auto; }
#pb-productslider { top: 4px; left: 0; width: 3208px; height: 140px; position: absolute; margin: 0; padding: 0; }
#pb-productslider .pb-productimage { float: left; width: 140px; height: 140px; position: relative; top: 0; }
#pb-productslider .pb-productimage a { float: left; width: 100%; padding-top: 125px; overflow: hidden; color: #ccc; font-size: 11px; text-align: center; background-position: 50% 100%; background-repeat: no-repeat; }
#pb-productslider .pb-productimage a:hover { text-decoration: none; color: #fff; }
#pb-productslidertrack { position: absolute; top: 152px; left: 18px; width:944px; overflow: hidden; background: url(http://www.ecoute.me/images/productbrowser_scrollbar_20070622.png) no-repeat; height:19px; visibility: hidden; }
#pb-cat1 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 85px; }
#pb-cat2 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 395px; }
#pb-cat3 { position: absolute; top: 0; z-index: 150; color: #fff; font-size: 11px; cursor: pointer; left: 690px; }
#pb-productsliderhandle { position: absolute; width: 213px; height: 19px; cursor: pointer; z-index: 155; }
#pb-productsliderhandleimage { position: absolute; width: 213px; height: 19px; background: url(http://www.ecoute.me/images/productbrowser_scroller_20070622.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); cursor: pointer; z-index: 5; }
#pb-leftarrow { position: absolute; left: 17px; top: 152px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }
#pb-rightarrow { position: absolute; left: 942px; top: 152px; width: 20px; height: 20px; background: transparent; z-index: 150; cursor: pointer; }

/* PRODUCT BROWSER SECTION COLORS */
#pb-productbrowsercontainer .pb-catclass0 { color: #666; }
#pb-productbrowsercontainer .pb-catclass1 { color: #777; }
#pb-productbrowsercontainer .pb-catclass2 { color: #888; }
#pb-productbrowsercontainer .pb-catclass3 { color: #999; }
#pb-productbrowsercontainer .pb-catclass4 { color: #aaa; }
#pb-productbrowsercontainer .pb-catclass5 { color: #bbb; }
#pb-productbrowsercontainer .pb-catclass6 { color: #ccc; }
#pb-productbrowsercontainer .pb-catclass7 { color: #ddd; }
#pb-productbrowsercontainer .pb-catclass8 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass9 { color: #eee; }
#pb-productbrowsercontainer .pb-catclass10 { color: #fff; }
#pb-productbrowsercontainer .pb-catclass11 { color: #fff; }
#pb-productbrowsercontainer #pb-cat1.pb-catclass7 { color: #fff; }

/* PRODUCT BROWSER PRODUCTS */
#pb-productslider #pb-blankassoff a { background-image: url(http://www.ecoute.me/images/portfolio/menu-blankassoff.png); }
#pb-productslider #pb-bastien a { background-image: url(http://www.ecoute.me/images/portfolio/menu-bastien.png); }
#pb-productslider #pb-playlist a { background-image: url(http://www.ecoute.me/images/portfolio/menu-playlist.png); }
#pb-productslider #pb-blankass a { background-image: url(http://www.ecoute.me/images/portfolio/menu-blankass.png); }
#pb-productslider #pb-fred a { background-image: url(http://www.ecoute.me/images/portfolio/menu-fred.png); }
#pb-productslider #pb-mell a { background-image: url(http://www.ecoute.me/images/portfolio/menu-mell.png); }
#pb-productslider #pb-thomas a { background-image: url(http://www.ecoute.me/images/portfolio/menu-tb.png); }
#pb-productslider #pb-florent a { background-image: url(http://www.ecoute.me/images/portfolio/menu-florent.png); }
#pb-productslider #pb-benricour a { background-image: url(http://www.ecoute.me/images/portfolio/menu-benricour.png); }
#pb-productslider #pb-valerian a { background-image: url(http://www.ecoute.me/images/portfolio/menu-valerian.png); }
#pb-productslider #pb-deezer a { background-image: url(http://www.ecoute.me/images/portfolio/menu-deezer.png); }
#pb-productslider #pb-bf a { background-image: url(http://www.ecoute.me/images/portfolio/menu-bf.png); }
#pb-productslider #pb-terves a { background-image: url(http://www.ecoute.me/images/portfolio/menu-terves.png); }
#pb-productslider #pb-stgeorges a { background-image: url(http://www.ecoute.me/images/portfolio/menu-stgeorges.png); }
#pb-productslider #pb-stmartin a { background-image: url(http://www.ecoute.me/images/portfolio/menu-stmartin.png); }
#pb-productslider #pb-stgilles a { background-image: url(http://www.ecoute.me/images/portfolio/menu-stgilles.png); }

/* PRODUCT REPOSITIONING */
#pb-productslider #pb-blankassoff { margin: -20px 0 0 0; }
#pb-productslider #pb-bastien { margin: -20px 0 0 0; }
#pb-productslider #pb-playlist { margin: -20px 0 0 0; }
#pb-productslider #pb-blankass { margin: -20px 0 0 0; }
#pb-productslider #pb-benricour { margin: -20px 0 0 0; }
#pb-productslider #pb-fred { margin: -20px 0 0 0; }
#pb-productslider #pb-florent { margin: -20px 0 0 0; }
#pb-productslider #pb-mell { margin: -20px 0 0 0; }
#pb-productslider #pb-thomas { margin: -20px 0 0 0; }
#pb-productslider #pb-valerian { margin: -20px 0 0 0; }
#pb-productslider #pb-deezer { margin: -20px 0 0 0; }
#pb-productslider #pb-bf { margin: -20px 0 0 0; }
#pb-productslider #pb-terves { margin: -20px 0 0 0; }
#pb-productslider #pb-stgeorges { margin: -20px 0 0 0; }
#pb-productslider #pb-stmartin { margin: -20px 0 0 0; }
#pb-productslider #pb-stgilles { margin: -20px 0 0 0; }

