/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-catalog.css, 2009/11/04
 * @link	http://www.agenceici.com/
 * @link	http://www.kenny-racing.com/
 *
 */


#page-catalog { }

div.page { }
h1.name { margin-left: 10px; font-weight: normal; font-size: 18px; padding-bottom: 10px; }

#catalog-med-container { position: relative; padding: 0 0 0 10px; width: 665px; }
#catalog-med-overflow { position: relative; overflow: hidden; width: 665px; height: 265px; border: 1px solid #fff; background: url(../images/catalog-med-background.jpg); }
#catalog-med { position: absolute; left: 227px; top: 0; width: 210px; height: 265px; }
#catalog-med ul { width: 210px; }
#catalog-med li { position: relative; width: 210px; }
#catalog-med li img.med { width: 210px; height: 210px; }
#catalog-med li strong { display: block; font-weight: normal; font-size: 14px; padding-top: 5px; text-align: center; }
#catalog-med li .circles { text-align: center; padding-top: 5px; }
#catalog-med li .circle { margin: 0 1px; }
#catalog-med li .circle img { width: 18px; height: 18px; background-image: url(../images/catalog-circle-med-1.png); cursor: pointer; }
#catalog-med li .selected { }
#catalog-med li .selected img { background-image: url(../images/catalog-circle-med-2.png); }

#catalog-med-container #product-previous { position: absolute; left: -3px; top: 186px; width: 46px; height: 46px; background: url(../images/catalog-left.png); }
#catalog-med-container #product-next { position: absolute; right: -13px; top: 186px; width: 46px; height: 46px; background: url(../images/catalog-right.png); }

#catalog-min { margin: 20px 0 0 10px; width: 665px; border: 1px solid #fff; background: #676767; }
.catalog-min-0,
.catalog-min-1 { height: 50px; }
.catalog-min-2 { height: 100px; }
.catalog-min-3 { height: 150px; }
/* etc... */
#catalog-min li { width: 50px; height: 50px; float: left; }
#catalog-min li.selected { background: url(../images/catalog-selected.gif); }
#catalog-min li img { display: block; width: 50px; height: 50px; cursor: pointer; }
#catalog-min li strong,
#catalog-min li p,
#catalog-min li ol { display: none; }


#catalog-max { position: relative; padding: 20px 5px 20px 10px; }
#catalog-max .view { float: left; position: relative; width: 390px; height: 360px; border: 1px solid #fff; background: url(../images/catalog-max-background.gif); }
#catalog-max .infos { float: right; width: 250px; }
#spinner { position: absolute; left: 172px; top: 172px; }
#product-image-max { position: absolute; left: 0; top: 0; width: 360px; height: 360px; }
#product-image-name { position: absolute; right: 40px; top: 10px; font-size: 14px; text-align: right; }
#product-images { position: absolute; right: 0px; top: 5px; width: 30px; text-align: center; text-align: center; }
#product-images .circle { display: block; margin: 5px auto; }
#product-images .circle img { width: 18px; height: 18px; cursor: pointer; background-image: url(../images/catalog-circle-max-1.png); }
#product-images .selected { }
#product-images .selected img { background-image: url(../images/catalog-circle-max-2.png); }
#product-zoom { position: absolute; text-decoration: none; padding: 10px; }
#product-zoom img { width: 14px; height: 14px; background: url(../images/catalog-zoom.png); vertical-align: middle; }
#product-zoom span { font-size: 11px; }

#product-view-1,
#product-view-2 { display: none; position: absolute; bottom: 0; right: 0; padding: 5px 3px; text-align: right; text-decoration: none; }
#product-view-1 img,
#product-view-2 img { width: 23px; height: 19px; background: url(../images/catalog-view-change.png); vertical-align: middle; }
#product-view-1 span,
#product-view-2 span { padding-right: 10px; }

#product-description { color: #4d9faa; }
#product-description b { font-size: 18px; font-weight: normal; }
#product-description hr { border: 0 none; border-top: 1px solid #4d9faa; margin-top: 5px; padding-bottom: 5px; }
#product-description i { font-style: normal; }
#product-description .cursor-run { display: inline-block; vertical-align: middle; width: 8px; height: 16px; margin-left: 2px; background: url(../images/catalog-cursor.gif) 0 0 no-repeat; }
#product-description .cursor-end { display: inline-block; vertical-align: middle; width: 8px; height: 16px; margin-left: 2px; background: url(../images/catalog-cursor.gif) 0 100% no-repeat; }

#product-pictos { display: none; color: #4d9faa; padding-top: 10px; }
#product-pictos span { display: inline-block; margin: 2px; vertical-align: middle; }
#product-pictos .size { border: 1px solid #4d9faa; padding: 1px 5px; }
#product-pictos .picto-01 { width: 106px; height: 17px; background: url(../images/catalog-picto-01.gif); }
#product-pictos .picto-02 { width: 34px; height: 17px; background: url(../images/catalog-picto-02.gif); }
#product-pictos .picto-03 { width: 25px; height: 17px; background: url(../images/catalog-picto-03.gif); }
#product-pictos .picto-04 { width: 50px; height: 17px; background: url(../images/catalog-picto-04.gif); }
#product-pictos .picto-05 { width: 50px; height: 17px; background: url(../images/catalog-picto-05.gif); }
#product-pictos .picto-06 { width: 50px; height: 17px; background: url(../images/catalog-picto-06.gif); }
#product-pictos .picto-07 { width: 50px; height: 17px; background: url(../images/catalog-picto-07.gif); }
#product-pictos .picto-08 { width: 50px; height: 17px; background: url(../images/catalog-picto-08.gif); }
#product-pictos .picto-09 { width: 50px; height: 17px; background: url(../images/catalog-picto-09.gif); }