/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-index.css, 2010/06/14
 * @link	http://www.agenceici.com/
 * @link	http://www.chemises-milano.fr/
 *
 */


#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 0px 365px; border: 1px solid #464646; background: #000 url(../images/index-intro-background.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; }

/*
.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: #fff; }
a.listprice-border { position: absolute; left: 0px; 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: 0px; 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: 0px; 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: 0px; 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: 0px; top: 0px; 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) 0px 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; }


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