/**
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-catalog.css, 2011/12/07
 * @link	http://www.agenceici.com
 */


#page-catalog { }

.tsearch { }
form.search { border-bottom:1px solid #3e3e3e; }
form.search .content { padding:10px 0; }
form.search .content img,
form.search .content * { vertical-align:middle; }
form.search .content .ts-060 { margin:0 5px; }
form.search .content .ts-100 { margin-left:15px; }
form.search .content label { margin-left:20px; }
form.search .content img.cuff { width:20px; height:23px; margin-right:5px; }
form.search .content img.collar { width:31px; height:24px; margin-right:5px; }
form.search .content .colors { margin:0 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; }


.sort-views { position:relative; margin:0 auto; width:960px; color:#999; }
.sort { position:absolute; left:0; top:10px; text-align:left; font-size:11px; }
.sort a { color:#999; text-decoration:underline; font-size:11px; }
.sort a:hover,
.sort a.active { color:#fff; }

.views { position:absolute; right:0; top:10px; text-align:right; font-size:11px; }
.views a { display:inline-block; margin:0 1px; width:13px; height:15px; background:url(../images/catalog-views.gif); vertical-align:middle; }
.views a span { display:none; }
.views a.view-2-normal { background-position:0 0; }
.views a.view-4-normal { background-position:-13px 0; }
.views a.view-6-normal { background-position:-26px 0; }

.views a.view-2-normal:hover,
.views a.view-2-active { background-position:0 -15px; }
.views a.view-4-normal:hover,
.views a.view-4-active { background-position:-13px -15px; }
.views a.view-6-normal:hover,
.views a.view-6-active { background-position:-26px -15px; }


#black-gradient-left { display:none; position:absolute; left:0; top:0; z-index:3200; cursor:pointer; }
#black-gradient-right { display:none; position:absolute; right:0; top:0; z-index:3200; cursor:pointer; }


#black-gradient-arrow-left { display:none; position:absolute; left:20px; width:23px; height:87px; margin-left:-11px; background:url(../images/catalog-left-click.png); z-index:3201; cursor:pointer; }
#black-gradient-arrow-right { display:none; position:absolute; right:20px; width:23px; height:87px; margin-right:-11px; background:url(../images/catalog-right-click.png); z-index:3201; cursor:pointer; }
#products-container { position:relative; overflow:hidden; width:100%; }
#products { position:relative; width:1000px; height:580px; margin:0 auto; }
#products ul { width:1000px; margin:0 auto; clear:both; }
#products li { position:relative; float:left; width:950px; height:530px; }
#products li .product { position:absolute; border:1px solid #464646; width:445px; height:242px; color:#fff; }
#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); }


.view-2 #black-gradient-arrow-left { top:80px; }
.view-2 #black-gradient-arrow-right { top:80px; }
.view-2 #products-container { height:280px; }
.view-2 #products li .product-1 { left:0; top:0; }
.view-2 #products li .product-2 { left:475px; top:0; }

.view-4 #black-gradient-arrow-left { top:210px; }
.view-4 #black-gradient-arrow-right { top:210px; }
.view-4 #products-container { height:580px; }
.view-4 #products li .product-1 { left:0; top:0; }
.view-4 #products li .product-2 { left:0; top:272px; }
.view-4 #products li .product-3 { left:475px; top:0; }
.view-4 #products li .product-4 { left:475px; top:272px; }

.view-6 #black-gradient-arrow-left { top:350px; }
.view-6 #black-gradient-arrow-right { top:350px; }
.view-6 #products-container { height:820px; }
.view-6 #products li .product-1 { left:0; top:0; }
.view-6 #products li .product-2 { left:0; top:272px; }
.view-6 #products li .product-3 { left:0; top:544px; }
.view-6 #products li .product-4 { left:475px; top:0; }
.view-6 #products li .product-5 { left:475px; top:272px; }
.view-6 #products li .product-6 { left:475px; top:544px; }


.empty { position:relative; width:980px; height:580px; margin:0 auto; padding:50px 0 0 20px; color:#fff; }