/*
===============================================
Florio Fashion. February, 2011.
http://www.florio-fashion.com
===============================================
*/

#catalog { height: 432px; padding: 10px 0px 0px 10px; background-image: url(/graphics/thumb-panel.png); }

/*
===============================================
FIELD
===============================================
*/

div.thumb { float: left; width: 298px; height: 200px; margin: 0px 4px 4px 0px; padding: 3px 7px 7px 3px; background-image: url(/graphics/thumb.png); }
div.thumb a { position: relative; display: block; height: 200px; overflow: hidden; }

span.size { position: absolute; top: 4px; left: 6px; font-weight: bold; color: #444444; }
span.bar { display: block; position: absolute;	bottom: 0px; left: 0px; width: 278px; height: 15px; padding: 4px 10px; font: bold 12px Tahoma; text-align: right; background-image: url(/graphics/thumb-bar.png); color: #555555; }
span.code { float: left; font-weight: bold; color: #ffffff; }
span.price { float: right; color: #333333; }

div.thumb a:hover span.bar { background-position: -298px 0px; color: #663333; }
div.thumb a:hover span.price { color: #552222; }

/*
===============================================
COMMON
===============================================
*/

#comment { float: left; padding: 0px 13px; padding: 4px 13px 5px 13px; color: #666666; }
#info { position: absolute; left: 300px; bottom: 18px; text-align: left; color: #666666; }
#info * { font: bold 11px Tahoma; color: #336633; }
#galleryinfo { position: absolute; left: 520px; right: 15px; bottom: 18px; text-align: left; color: #666666; }