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

div.section { position: absolute; top: 0px; right: 0px; left: 0px; padding: 15px; }
div.section#index { bottom: 0px; background-image: url(/graphics/index-roses.jpg); background-repeat: no-repeat; }
div.section#info { bottom: 70px; background-image: url(/graphics/grey-background.jpg); }
div.shadow { position: absolute; left: 0px; bottom: -10px; right: 0px; height: 10px; background-image: url(/graphics/shadow.gif); background-repeat: repeat-x; }

div.section h1 { font: bold 14px Tahoma; text-align: left; margin: 0px 0px 5px 0px; }
div.section h2 { font: bold 14px Tahoma; text-align: left; margin: 12px 0px 5px 0px; }
div.section p { text-align: justify; }
div.section p a { font-weight: bold; color: #333333; text-decoration: underline; }

div.price { position: absolute; bottom: 45px; left: 405px; height: 40px; padding: 22px 0px 21px 13px; background-image: url(/graphics/orange-price-ring.png); background-repeat: no-repeat; }
div.price span.value { display: block; font: 24px Arial; text-align: left; line-height: 23px; color: #000000; }
div.price span.text { margin: 0px 0px 0px 3px; font: 11px Tahoma; color: #000000; }

div.panel { position: absolute; top: 23px; right: 0px; width: 370px; padding: 10px 15px; background-image: url(/graphics/white-panel.png); background-repeat: repeat-y; }
div.contacts h2 { margin: 0px 0px 5px 0px; font-family: Tahoma; font-size: 11px; font-weight: normal; text-align: right; color: #000000; }
div.contacts div { font: 18px Arial; line-height: 20px; text-align: right; color: #000000; }


div.logo { background-image: url(/graphics/logo.png); color: #666633; }
div.description { position: absolute; left: 300px; bottom: 18px; color: #555555; }
div.cards { position: absolute; right: 21px; bottom: 21px; width: 150px; height: 40px; background-image: url(/graphics/cards.png); }

a.banner { display: block; position: absolute; right: -30px; width: 320px; height: 140px; }
a.banner:hover { background-position: -320px 0px; }
a.banner#flowers { bottom: 284px; background-image: url(/graphics/flowers.png); }
a.banner#roses { bottom: 174px; background-image: url(/graphics/roses.png); }
a.banner#bouquets { bottom: 64px; background-image: url(/graphics/bouquets.png); }