/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-index.css, 2012/01/30
 * @link	http://www.agenceici.com
 */


#page-index { }
.tbody { }
.tbody div.container { position:relative; width:1000px; height:540px; margin:0 auto; padding-top:20px; }


.button-see { display:inline-block; position:relative; width:68px; height:33px; cursor:pointer; }
.button-see img { position:relative; width:68px; height:33px; background:url(../images/button-02.png); }
.button-see span { position:absolute; left:0; top:4px; width:68px; text-align:center; }



.intro { width:365px; height:160px; padding:10px 30px 0 365px; border:1px solid #464646; background:#000 url(../images/index-intro-background.jpg) no-repeat; }
.intro { background:#000 url(../images/index-intro-201202.jpg) no-repeat; }
/*.intro { background:#000 url(../images/index-soldes-201201.jpg) no-repeat; }*/
.intro h1 { color:#fff; font-size:14px; padding:5px 0 15px 35px; /* background:url(../images/index-iron.gif) no-repeat; */ }
.intro p { color:#999; text-align:justify; padding-left:35px; }
.intro .soldes { position:absolute; left:0; top:20px; width:380px; height:170px; background:url(../images/none.gif); }
.intro .women { display:none; position:absolute; left:70px; top:145px; padding:10px 20px; }
.intro .men { display:none; position:absolute; left:185px; top:145px; padding:10px 20px; }

/*
.last { position:absolute; top:20px; right:10px; width:200px; height:170px; border:1px solid #464646; background:#000; overflow:hidden; }
.last h1 { padding:3px 0 0 5px; height:20px; color:#fff; }
.last .products { position:relative; }
.last .products a { position:absolute; left:0; top:0; width:200px; height:147px; overflow:hidden; }
.last .products img.product { position:absolute; left:50%; top:50%; }
.last .products .button-see { position:absolute; right:5px; bottom:-5px; }
*/
a.listprice-png { position:absolute; right:170px; top:10px; width:57px; height:57px; z-index:100; }
a.listprice-png img { width:57px; height:57px; }
.currency-eur a.listprice-png img { background:url(../images/listprice-eur.png); }
.currency-usd a.listprice-png img { background:url(../images/listprice-usd.png); }
div.listprice { position:absolute; top:20px; right:10px; width:200px; height:170px; border:1px solid #464646; background:#000; overflow:hidden; }
div.listprice h1 { padding:3px 0 0 40px; height:20px; color:#ffdc3c; font-variant:small-caps; letter-spacing:2px; }
a.listprice-border { position:absolute; left:0; top:23px; width:200px; height:147px; z-index:99; }
a.listprice-border img { width:200px; height:147px; /*background:url(../images/listprice-border.png);*/ }
div.listprice .products { position:relative; }
div.listprice .products a { position:absolute; left:0; top:0; width:200px; height:147px; overflow:hidden; }
div.listprice .products img.product { position:absolute; left:50%; top:50%; }
div.listprice .products .button-see { position:absolute; right:5px; bottom:-5px; }


#products-container { position:relative; overflow:hidden; width:760px; height:250px; padding-top:30px; }

#black-gradient-left { position:absolute; left:0; top:30px; width:140px; height:250px; z-index:3200; cursor:pointer; }
#black-gradient-right { position:absolute; right:0; top:30px; width:140px; height:250px; z-index:3200; cursor:pointer; }
#black-gradient-arrow-left { position:absolute; left:50px; top:110px; width:23px; height:87px; margin-left:-11px; background:url(../images/catalog-left-click.png); z-index:3201; cursor:pointer; }
#black-gradient-arrow-right { position:absolute; right:50px; top:110px; width:23px; height:87px; margin-right:-11px; background:url(../images/catalog-right-click.png); z-index:3201; cursor:pointer; }

#products { position:relative; width:475px; height:250px; margin:0 auto; }
#products ul { width:1000px; margin:0 auto; clear:both; }
#products li { position:relative; float:left; width:475px; height:260px; }
#products li .product { position:relative; border:1px solid #464646; width:445px; height:242px; color:#fff; float:left; }
#products li img.img-min-1 { position:absolute; left:0; top:0; width:172px; height:242px; border-right:2px solid #000; cursor:pointer; z-index:10; background:#000 url(../images/spinner-1.gif) 75% 50% no-repeat; }
#products li img.img-min-2 { position:absolute; left:173px; top:0; width:80px; height:80px; border-right:1px solid #464646; border-bottom:2px solid #000; cursor:pointer; z-index:9; background:#000; }
#products li img.img-min-3 { position:absolute; left:173px; top:81px; width:80px; height:80px; border-right:1px solid #464646; border-bottom:2px solid #000; cursor:pointer; z-index:8; background:#000; }
#products li img.img-min-4 { position:absolute; left:173px; top:162px; width:80px; height:80px; border-right:1px solid #464646; cursor:pointer; background:#000; }
#products li img.new { position:absolute; left:254px; top:0; width:119px; height:20px; }
.lang-fr #products li img.new { background:url(../images/catalog-new-fr.png); }
.lang-en #products li img.new { background:url(../images/catalog-new-en.png); }
#products li h2 { padding:5px 10px 20px 265px; font-size:11px; font-weight:normal; text-align:right; }
#products li p { padding:10px 10px 10px 265px; font-size:11px; }
#products li .tagselect span { width:50px; padding-right:20px; }
#products li .cart-add { position:absolute; left:265px; bottom:3px; width:170px; height:35px; }
#products li .cart-add * { vertical-align:middle; }
/*#products li .cart-add img.picto-1 { width:27px; height:21px; background:url(../images/collar-01.png); }*/
#products li .cart-add .tagselect-1 { margin-left:10px; }
/*#products li .cart-add input.submit { border:0 none; width:24px; height:30px; margin-left:5px; background:url(../images/cart-1-add.png); cursor:pointer; }*/
#products li .cart-add input.submit { border:0 none; width:34px; height:38px; margin-left:5px; background:url(../images/cart-1-add.gif); cursor:pointer; }
#products li .cart-add label.submit { display:none; }
#products li .cart-add .normal .price { position:absolute; right:0; top:11px; }
#products li .cart-add .normal .listprice { display:none; }
#products li .cart-add .with-listprice .price { position:absolute; right:0; top:17px; font-size:13px; font-weight:bold; background:#000; }
#products li .cart-add .with-listprice .listprice { position:absolute; right:0; top:0; color:red; text-decoration:line-through; }
#products li .till { visibility:hidden; position:absolute; left:446px; top:-1px; width:40px; height:244px; overflow:hidden; z-index:1; }
#products li .till .show { position:absolute; left:0; top:0; margin-left:-1px; width:41px; height:244px; }
#products li .till .show img.background { position:absolute; left:0; top:0; width:41px; height:244px; background:url(../images/catalog-pictos.png); }
#products li .till .show .pictos { position:relative; width:41px; height:224px; padding-top:10px; text-align:center; }
#products li .till .show .pictos img { margin:5px 0; }
#products li .till img.shadow { position:absolute; left:0; top:0; width:7px; height:244px; background:url(../images/catalog-gradient-1.png); }


form.search { }
form.search .content { padding:10px 0; }
form.search .content img,
form.search .content * { vertical-align:middle; }
form.search .content .ts-150 { margin-right:15px; }
form.search .content .colors { margin-right:15px; }
form.search .content .colors .sep { margin-left:10px; }
form.search .content .colors a { position:relative; display:inline-block; width:20px; height:28px; }
form.search .content .colors a img.color-background { position:absolute; left:5px; top:5px; width:18px; height:18px; background:url(../images/catalog-colors.png); }
form.search .content .colors a img.color-selected { display:none; position:absolute; left:0; top:0; width:28px; height:28px; background:url(../images/catalog-colors-light.png); }
form.search .content .colors a.selected img.color-selected { display:block; }
form.search .content input.submit { border:0 none; width:112px; height:34px; background:url(../images/button-01.png) 0 2px no-repeat; color:#ccc; cursor:pointer; }


.selection { position:absolute; top:220px; right:10px; width:200px; height:320px; border:1px solid #464646; background:#000; overflow:hidden; }
.selection h1 { padding:3px 0 0 5px; height:20px; color:#fff; }
.selection a { display:block; position:relative; width:200px; height:297px; overflow:hidden;  }
.selection img.product { position:absolute; left:50%; top:50%; }
.selection .button-see { position:absolute; right:5px; bottom:-5px; }

.la-femme { position:absolute; top:220px; right:10px; width:200px; height:320px; border:1px solid #464646; background:#000; overflow:hidden; }
.la-femme a { display:block; width:200px; height:320px; background:url(../images/index-la-femme-fr.jpg); }
.la-femme span { display:none; }


.exclu { color:#2f8ca7; font-weight:bold; font-size:14px; }