/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	style.css, 2010/05/20
 * @link	http://www.agenceici.com/
 * @link	http://www.chemise-milano.fr/
 *
 */


* { padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; }
html, body { width: 100%; height: 100%; font-family: Arial, sans-serif; }

ul, li { list-style: none; }
img { border: 0 none; }

a { color: #fff; text-decoration: none; }

.clear { clear: both; }
.no-spam { display: none; }
.opacity-0 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }


.tagselect { position: relative; display: inline-block; height: 19px; }
.tagselect span { position: absolute; display: inline-block; height: 17px; padding: 2px 0 0 10px; left: 0; top: 0; color: #fff; font-size: 12px; overflow: hidden; }
.tagselect select { position: relative; height: 19px; color: #fff; font-size: 12px; cursor: pointer; background: #000; border: 1px solid #333; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
.tagselect option { color: #fff; font-size: 12px; background: #000; }

.ts-040 { width: 40px; }
.ts-040 span { width: 30px; background-image: url(../images/tagselect-040.png); }
.ts-040 select { width: 40px; }
.ts-050 { width: 50px; }
.ts-050 span { width: 40px; background-image: url(../images/tagselect-050.png); }
.ts-050 select { width: 50px; }
.ts-060 { width: 62px; }
.ts-060 span { width: 52px; background-image: url(../images/tagselect-060.png); }
.ts-060 select { width: 62px; }
.ts-080 { width: 80px; }
.ts-080 span { width: 70px; background-image: url(../images/tagselect-080.png); }
.ts-080 select { width: 80px; }
.ts-100 { width: 100px; }
.ts-100 span { width: 90px; background-image: url(../images/tagselect-100.png); }
.ts-100 select { width: 100px; }
.ts-150 { width: 152px; }
.ts-150 span { width: 142px; background-image: url(../images/tagselect-150.png); }
.ts-150 select { width: 152px; }


table.tcontainer { width: 100%; height: 100%; background: #000 url(../images/background-leather-2.jpg) 50% 0% no-repeat; }


div.container { position: relative; }
div.content { width: 1000px; margin: 0 auto; }

.thead { vertical-align: top; height: 100px; }
.thead div.container { height: 100px; }
.tsearch { vertical-align: top; height: 90px; }
.tsearch div.container { height: 90px; }
.tbody { vertical-align: middle; }
.tbody div.container { }
.tfoot { vertical-align: bottom; height: 100px; }
.tfoot div.container { height: 100px; }


.head { height: 69px; }
.head .content { position: relative; text-align: right; }
.head a.logo { position: absolute; left: 0; top: 0; padding: 25px 30px 20px 30px; }
.head a.logo img { width: 326px; height: 17px; background: url(../images/logo-milano.png); }
.head .upline { position: absolute; right: 10px; top: 75px; color: #fff; font-weight: normal; white-space: nowrap; letter-spacing: 2px; }
.head a.register { display: inline-block; padding: 20px 20px 5px 20px; background: url(../images/arrow-01.gif) 10px 22px no-repeat; vertical-align: middle; }
.head a.register span { }
.head a.login { display: inline-block; padding: 20px 20px 5px 20px; background: url(../images/arrow-02.gif) 10px 22px no-repeat; vertical-align: middle; }
.head a.login span { }
.head .langs { display: inline-block; text-align: left; vertical-align: middle; padding-top: 10px; }
.head .langs .flag { vertical-align: top; }
.head .langs .flag img { width: 16px; height: 16px; margin-right: 5px; }
.lang-fr .head .langs .flag img { background: url(../images/flag-fr.png); }
.lang-en .head .langs .flag img { background: url(../images/flag-en.png); }
.head a.cart { display: inline-block; position: relative; width: 39px; padding: 20px 20px 5px 20px; vertical-align: middle; }
.head a.cart img.cart { width: 28px; height: 39px; background: url(../images/cart-2-1.png); }
.head a.cart #cart-move { position: absolute; left: 0px; top: 0px; margin: 40px 0 0 50px; width: 19px; color: #000; text-align: center; }
.head a.cart #cart-move .number { width: 17px; height: 17px; background: url(../images/cart-number.png); }
.head a.cart #cart-move span { position: absolute; left: 0; top: 0; width: 19px; }

.menu-1 { border-bottom: 1px solid #fefafb; height: 30px; }
.menu-1 li { float: left; margin-left: 5px; }
.menu-1 li.first { margin-left: 20px; }
.menu-1 li a { display: inline-block; position: relative; padding: 0 18px 0 10px; height: 31px; }
.menu-1 li a img.left { position: absolute; left: 0; top: 0; }
.menu-1 li a.normal img.left { width: 10px; height: 30px; background: url(../images/menu-normal-left.png); }
.menu-1 li a.normal:hover img.left,
.menu-1 li a.active img.left { width: 10px; height: 31px; background: url(../images/menu-active-left.png); }
.menu-1 li a img.right { position: absolute; right: 0; top: 0; }
.menu-1 li a.normal img.right { width: 18px; height: 30px; background: url(../images/menu-normal-right.png); }
.menu-1 li a.normal:hover img.right,
.menu-1 li a.active img.right { width: 18px; height: 31px; background: url(../images/menu-active-right.png); }
.menu-1 li a span { display: inline-block; padding: 10px 0 0 5px; height: 21px; cursor: pointer; }
.menu-1 li a.normal span { background: url(../images/menu-normal-middle.png) repeat-x; }
.menu-1 li a.normal:hover span,
.menu-1 li a.active span { background: url(../images/menu-active-middle.png) repeat-x; }

.infobulle { position: absolute; z-index: 6400; }
.infobulle img.bull-left { position: absolute; left: 0px; top: 0px; width: 40px; height: 53px; background: url(../images/bull-left.png); }
.infobulle img.bull-middle { position: absolute; left: 40px; top: 0px; width: 21px; height: 53px; background: url(../images/bull-middle.png); }
.infobulle img.bull-right { position: absolute; right: 0px; top: 0px; width: 21px; height: 53px; background: url(../images/bull-right.png); }
.infobulle span { position: relative; display: inline-block; font-size: 13px; color: #000; padding: 25px 20px 0 20px; white-space: nowrap; }

.linking { position: absolute; left: 50%; top: -20px; margin-left: -500px; width: 1000px; text-align: left; z-index: 32; font-size: 10px; color: #666; }
.linking a { color: #666; }
.linking a:hover { text-decoration: underline; }

.pages { position: absolute; left: 50%; top: -10px; margin-left: -500px; width: 1000px; text-align: right; z-index: 32; }
.pages a { position: relative; display: inline-block; width: 17px; height: 17px; margin: 0 2px; }
.pages a img { position: absolute; left: 0; top: 0; width: 17px; height: 17px; }
.pages a span { position: relative; display: inline-block; width: 17px; padding-top: 2px; text-align: center; color: #1c160d; font-weight: bold; font-size: 11px; }
.pages a.normal img { background: url(../images/circle-1.png); }
.pages a.active img { background: url(../images/circle-2.png); }
.pages a.previous span { background: url(../images/arrow-03-left.gif) 5px 3px no-repeat; }
.pages a.next span { background: url(../images/arrow-03-right.gif) 7px 3px no-repeat; }
.pages .result { position: relative; display: inline-block; width: 210px; height: 17px; margin: 0 5px; vertical-align: top; }
.pages .result * { font-size: 11px; }
.pages .result img { position: absolute; display: block; left: 0; top: 0; width: 210px; height: 17px; background: url(../images/pages.png); }
.pages .result .count { position: absolute; left: 0; top: 1px; display: inline-block; width: 155px; text-align: right; color: #fff; }
.pages .result .page-n { position: absolute; right: 0; top: 1px; display: inline-block; width: 48px; text-align: center; color: #000; font-weight: bold; }

.foot { position: relative; height: 100px; background: url(../images/footer-background.gif) repeat-x; }
.foot .content { position: relative; height: 100px; }
.foot .menu-2 { }
.foot .menu-2 ul { }
.foot .menu-2 li { padding-top: 14px; float: left; }
.foot .menu-2 li a { display: inline-block; padding: 5px 30px 5px 15px; background: url(../images/arrow-04.gif) 0 8px no-repeat; }
.foot a.luxury { position: absolute; left: 30px; bottom: 0px; width: 362px; height: 60px; background: url(../images/footer-luxury-brand.gif) 100% 100% no-repeat; }
.foot a.luxury span { display: none; }
.foot a.payment { position: absolute; right: 100px; top: 55px; width: 229px; height: 21px; }
.foot a.payment img { width: 229px; height: 21px; background: url(../images/cb.png); }
.foot a.cart { position: absolute; right: 15px; top: 25px; width: 49px; height: 54px; }
.foot a.cart img { width: 49px; height: 54px; background: url(../images/cart-3-2.png); }
.foot a.cart span { position: absolute; left: 30px; top: 25px; width: 20px; color: #000; text-align: center; }
.foot a.ici { position: absolute; left: 10px; bottom: 10px; font-size: 10px; color: #666; }
.foot a.ici:hover { text-decoration: underline; } 


#benchmark { position: absolute; right: 5px; top: 50%; border: 1px solid #fff; background: #000; color: #fff; padding: 2px 4px; font-size: 10px; }



.images-zoom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 32000; overflow: hidden; }
.images-zoom .background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
.images-zoom .images {  }
.images-zoom .images li { visibility: hidden; position: absolute; left: 50%; top: 50%; }
.images-zoom .images li.active { visibility: visible; }
.images-zoom .images li strong { position: absolute; right: 5px; top: -25px; font-weight: normal; color: #fff; }
.images-zoom .images li img.close { position: absolute; right: -30px; top: -30px; width: 23px; height: 23px; background: url(../images/catalog-zoom-close.png); cursor: pointer; }
.images-zoom .images li img.left { position: absolute; left: -50px; top: 50%; width: 23px; height: 87px; margin-top: -43px; background: url(../images/catalog-left-click.png); cursor: pointer; }
.images-zoom .images li img.right { position: absolute; right: -50px; top: 50%; width: 23px; height: 87px; margin-top: -43px; background: url(../images/catalog-right-click.png); cursor: pointer; }
.images-zoom .images li img.image { display: block; position: relative; border: 1px solid #fff; cursor: pointer; background: #000 url(../images/spinner-1.gif) 50% 50% no-repeat; }
.images-zoom .images li .pages { position: absolute; left: 100%; top: 100%; margin: 15px 0 0 -150px; width: 150px; white-space: nowrap; }
.images-zoom .images form { }
.images-zoom .images form * { vertical-align: middle; }
.images-zoom .images form .tagselect span { width: 50px; padding-right: 20px; }
.images-zoom .images form .tagselect-1 { margin-left: 10px; }
/*.images-zoom .images form input.submit { border: 0 none; width: 24px; height: 30px; margin-left: 5px; background: url(../images/cart-1-add.png); cursor: pointer; }*/
.images-zoom .images form input.submit { border: 0 none; width: 34px; height: 38px; margin: 0 5px; background: url(../images/cart-1-add.gif); cursor: pointer; }
.images-zoom .images form label.submit { color: #fff; white-space: nowrap; }
.images-zoom .images form .price { display: none; }


.popup { position: absolute; left: 50%; top: 50%; width: 472px; height: 267px; margin-left: -236px; margin-top: -133px; z-index: 6400; }
.popup .background-1 { position: absolute; left: 0; top: 0; width: 472px; height: 267px; }
.popup .background-1 img { display: block; width: 472px; height: 267px; background: url(../images/popup-background-1.png); }
.popup .background-2 { position: absolute; left: 0; top: 0; width: 472px; height: 149px; }
.popup .background-2 img { display: block; width: 472px; height: 149px; background: url(../images/popup-background-2.png); }
.popup .title { position: absolute; left: 30px; top: 20px; font-weight: bold; color: #fff; padding-left: 15px; background: url(../images/arrow-02.gif) 0 50% no-repeat; }
.popup .close { position: absolute; right: 3px; top: 8px; width: 50px; height: 50px; }
.popup .close a { display: inline-block; padding: 10px 10px; }
.popup .close img { display: block; width: 17px; height: 17px; background: url(../images/popup-close.png); cursor: pointer; }
.popup input.button { width: 112px; height: 35px; border: 0 none; color: #fff; background: url(../images/button-01.png); cursor: pointer; }

.popup-alert { height: 149px; margin-top: -75px; }
.popup-alert #form-alert { position: absolute; left: 12px; top: 45px; width: 448px;  }
.popup-alert p.message { color: #999; padding: 15px 20px; text-align: center; }
.popup-alert p.inputs { color: #fff; font-size: 14px; text-align: center; }

.popup-login #form-login { position: absolute; left: 12px; top: 45px; width: 448px; height: 170px; border-bottom: 1px solid #454545; }
.popup-login p { color: #fff; padding: 15px 70px 0 0; text-align: right; }
.popup-login p.first { padding-top: 20px; }
.popup-login label.text { display: inline-block; padding-right: 15px; font-size: 14px; }
.popup-login label.checkbox { display: inline-block; color: #999; }
.popup-login input.text { width: 210px; font-size: 14px; color: #000; vertical-align: middle; }
.popup-login input.checkbox { margin-right: 10px; vertical-align: middle; }
.popup-login input.button { width: 112px; height: 35px; border: 0 none; color: #fff; background: url(../images/button-01.png); cursor: pointer; }
.popup-login .links { position: absolute; left: 50px; top: 225px; }
.popup-login .links a.new { display: inline-block; padding: 0 40px 0 12px; background: url(../images/plus-01.gif) 0 50% no-repeat; }
.popup-login .links a.lost { display: inline-block; padding: 0 0 0 10px; background: url(../images/arrow-01.gif) 0 50% no-repeat; }

.popup-password #form-password { position: absolute; left: 12px; top: 45px; width: 448px; }
.popup-password p.message { color: #999; padding: 40px 20px 20px; }
.popup-password p.inputs { color: #fff; font-size: 14px; text-align: center; }
.popup-password input.text { margin: 0 10px; width: 200px; font-size: 14px; color: #000; vertical-align: middle; }


.preload { display: none; }