/* -------------------------------------------------------- *
 *                         - CORE -                         *
 * -------------------------------------------------------- */

table,tr,td,th { font-size:1em; }

body
{
    margin: 0em; padding: 0em;
    background: #eef5de url('pics/background/uzor-left.gif') repeat-y left 572px;
    font: 75% Arial, Helvetica, sans-serif;
    color: #2b2a21;
}

a         {        color: #54a903; text-decoration: none; }/*
a:visited {        color: #438603; }*/
a:hover   { text-decoration: underline; }

table {        border-collapse: collapse; border-width: 0em; }

td
{
    margin: 0em; padding: 0em;
    text-align: justify; vertical-align: top;
  /*font-size: 70%;*/
}

img { border-width: 0em; }

h1
{
    margin: 1em 0em; padding: 0em;
    font: bold 1.1em Arial, Helvetica, sans-serif;
    color: #ff176c;
}

h2
{
    margin: 0em; padding: 0em;
    font: normal 1em Arial, Helvetica, sans-serif;
    color: #ff176c;
}

form { margin: 5px 0px; }

label {        color: #575757; vertical-align: baseline; }

input
{
    /*width: 101px; height: 17px;*/
    margin: 0px 10px 0px 5px;
    border: 1px solid #1d7a04;
    vertical-align: middle;
    font-size: 10px;
}

textarea
{
    width: 192px; height: 89px;
    margin: 0px 10px 0px 5px;
    border: 1px solid #1d7a04;
    overflow: auto;
    font-size: 10px;
}

/*
ul { margin: 0px; padding: 0px; }

ul li { list-style-type: none; }

ul li a       { text-decoration: none; }
ul li a:hover { color: #f9fafc; }
*/

/* -------------------------------------------------------- *
 *                         - ALL -                          *
 * -------------------------------------------------------- */

.page      { width: 100%; height: 100%; background: url('pics/background/line.gif') repeat-x left top; }

.header    { height: 284px; background: url('pics/background/flowers.jpg') no-repeat left top; }

td.work    { background: url('pics/background/uzor-right.gif') repeat-y right top; }

.copyright { height: 93px; background: #faf9f5 url('pics/background/copyright.jpg') no-repeat left bottom; }

.footer    { height: 105px; background: #faf9f5 url('pics/background/footer.jpg') no-repeat left top; }

/* -------------------------------------------------------- *
 *                      - ABSOLUTE -                        *
 * -------------------------------------------------------- */

.colors { position: absolute; z-index: 2; right: 9em; top: 0px; }

.logo
{
    position: absolute; z-index: 3; left: 21px; top: 15px;
    font: bold 1.1em Arial, Helvetica, sans-serif;
    color: #a8a385;
}

.logo img
{
    margin-top: 10px;
    background: url('pics/logo/florazone.png') no-repeat center;
    background-image: expression('none');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/logo/florazone.png', sizingMethod='scale');
}

.contacts
{
    position: absolute; z-index: 3; right: 45px; top: 185px;
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #ff176c;
    text-align: right;
}
.contacts span
{
    display:block;
    font: italic normal 3em Georgia, sans-serif;
    color: #FAA63D;
    margin-top:.5em;
}
.contacts span.code
{
    display:inline;
    font-size:.5em;
    vertical-align:middle;
}

@media screen {
  body .contacts span.allCode
  {
      margin-top: 15px;
      width:475px;height:45px;
      font-size:1px;color:#EEF5DE; /* make the actual text so small -> unnoticable */
      background: url('pics/contacts/phone_2.png') no-repeat center;
      background-image: expression('none');
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/contacts/phone_2.png', sizingMethod='scale');
  }
}


.blocks
{
    position: absolute; z-index: 4; left: 67px; top: 226px;
    width: 238px;
}

.blocks td.title-block
{
    height: 137px;
    background: url('pics/blocks/bg-title-top.png') no-repeat center;
    background-image: expression('none');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/blocks/bg-title-top.png', sizingMethod='scale');
    font: bold 12px Arial, Helvetica, sans-serif;
    color: white;
}

.blocks div.title-block
{
  //height: 137px;
    padding: 75px 0px 47px 60px;
}

.blocks #catalogue { background: url('pics/blocks/bg-title-catalogue.jpg') no-repeat 30px 49px; }

.blocks #gifts { background: url('pics/blocks/bg-title-gifts.jpg') no-repeat 30px 49px; }

.blocks .list-block
{
    background: url('pics/blocks/bg-title-bottom.png') no-repeat center top;
    background-image: expression('none');
  /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/blocks/bg-title-bottom.png');*/
}

.corner
{
    position: absolute; z-index: 6; left: 0px; top: 216px;
    padding-left: 32px;
    background: url('pics/absolute/corner-left.jpg') no-repeat left top;
}

.corner img
{
    background: url('pics/absolute/corner-right.png') no-repeat center;
    background-image: expression('none');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/absolute/corner-right.png', sizingMethod='scale');
}

/* -------------------------------------------------------- *
 *                      - PRODUCTS -                        *
 * -------------------------------------------------------- */

h1.tab
{
    background:url('pics/blocks/content_tab.jpg') no-repeat 0% 0%;
    margin-left:-38px;
    padding:30px 45px 20px 55px;
    color:white;
        font-size: 12px;
}

div.product
{
    float:left;
    margin:10px 30px 35px 0; padding:0; border:0;
    text-align:center;
    min-width:172px; /* image (160px) + 2*bimage_border (6px)*/
    width:172px;
}

div.product a.img, a.img
{
    display:block;
    background:#E5EAD2;
    padding:6px;
    border:0;
/*    width:172px;height:172px; */
}

div.product a.img:hover, a.img:hover
{
    padding:4px;
    border:1px solid #54A903;
}

div.product img
{
    display:block;
    width:150px;height:150px;
    background:white;
}

div.product a.img:hover img, a.img:hover img
{
    border:1px solid #FAA63D;
}

div.product p span.name,
div.product p span.price, span.name { color:#FF176C; }

div.product p span.name  { display:block; }
div.product p span.price { font-weight:bold; /*font-size:1.2em; */}

/* -------------------------------------------------------- *
 *                       - ICONS -                          *
 * -------------------------------------------------------- */

.icons
{
    position: absolute; z-index: 4; right: 27px; top: 12px;
}

.icons a,
.icons a span
{
    display:block;
    width:21px;height:21px;
    line-height:21px;font-size:21px;margin:0;padding:0;border:0;
    cursor:hand; /* ie fix : ie hovers only text in links */
}

.icons a  { margin-top:12px; }
.icons a span { display:none; } /* hide the real text in links */

#mail    { background:url('pics/icons/mail.gif') no-repeat 0% 0%; }
#home    { background:url('pics/icons/home.gif') no-repeat 0% 0%; }
#sitemap { background:url('pics/icons/sitemap.gif') no-repeat 0% 0%; }

#mail:hover    { background:url('pics/icons/mail-active.gif') no-repeat 0% 0%; }
#home:hover    { background:url('pics/icons/home-active.gif') no-repeat 0% 0%; }
#sitemap:hover { background:url('pics/icons/sitemap-active.gif') no-repeat 0% 0%; }

#homeIn    { background:url('pics/icons/home-active.gif') no-repeat 0% 0%; cursor:auto; }
#sitemapIn { background:url('pics/icons/sitemap-active.gif') no-repeat 0% 0%; cursor:auto; }

/* -------------------------------------------------------- *
 *                        - HEADER -                        *
 * -------------------------------------------------------- */

.header { text-align: right; vertical-align: bottom; }

/* -------------------------------------------------------- *
 *                         - INFO -                         *
 * -------------------------------------------------------- */

table.work { width: 100%; height: 100%; background: url('pics/info/bg-corner.gif') no-repeat right bottom; }

.info { padding: 30px 65px 90px 328px; background: url('pics/info/bg-pic-bottom.jpg') no-repeat 240px bottom; }

.info ul { margin: 5px 0px 5px 20px; padding: 0px 25px; }

.info li { margin: 5px 0px 7px 0px; list-style-type: none; }

a.link { padding: 3px 16px 0px 0px; background: url('pics/links/pic.gif') no-repeat right top; }

/* -------------------------------------------------------- *
 *                         - MENU -                         *
 * -------------------------------------------------------- */

.menu { background: url('pics/background/flowers-btm.jpg') no-repeat 354px top; }

.menu table { width: 100%; height: 53px; }

.menu .itemMenu
{
    text-align: right; vertical-align: bottom;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #ff176c;
}

.menu .itemMenu a
{
    display: block;
  /*height: 34px;*/
    padding: 28px 10px 10px; /*padding: 9px 10px;*/
    text-align: center;
    text-decoration: none;
    background: url('pics/menu/item.gif') repeat-x 100% 0%;
        text-transform: lowercase;
}

.menu .itemMenu a:hover
{
    background: url('pics/menu/item-over.gif') no-repeat 100% 0%;
    color: #ff176c;
}

.itemOver
{
    display: none;
    position: absolute; z-index: 2;
    width: 30px; height: 37px;
    margin: -53px 0px 0px 35px; //margin: -53px 0px 0px -30px;
    background: url('pics/menu/item-over.png') no-repeat center;
    background-image: expression('none');
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_styles_/pics/menu/item-over.png');
}

/* -------------------------------------------------------- *
 *                    - LEFT SUBMENU -                      *
 * -------------------------------------------------------- */

td.list-block ul
{
    padding:20px 30px 0px;
    margin:0;
    border:0;
    z-index:7;
}

td.list-block ul li
{

    margin:0;padding:0;border:0;
    background: url('pics/submenu/item-border.gif') 15px 100% no-repeat;
    z-index:7;
        list-style-type:none;
}

td.list-block ul li.last { border-bottom:1px solid #eef5de; }

td.list-block ul li a
{
    display:block;
    padding:8px 32px;
    margin:0;
    z-index:7;
    text-decoration:none;
        text-align:left;
}

td.list-block ul li a:hover
{
    color:#ff176c;
    background:url('pics/submenu/item-over.gif') 0 100% no-repeat;
    z-index:7;
    text-decoration:none;
}

html>body td.list-block ul li a:hover { background:url('pics/submenu/item-over.png') 0 100% no-repeat; }

td.list-block ul li span
{
    display:block;
    padding:8px 32px;
    margin:0;
    z-index:7;
    text-decoration:none;
    text-align:left;
    color:#666;
}

/* -------------------------------------------------------- *
 *                        - FOOTER -                        *
 * -------------------------------------------------------- */

.copyright
{
    padding: 25px 0px 0px 55px;
    color: #c8c6ac;
}

/* -------------------------------------------------------- *
 *                        - BASKET -                        *
 * -------------------------------------------------------- */

.minibasket
{
    margin-bottom: 15px;
    border: 2px solid #ccc;
    background: white;
    color: #666;
}

.minibasket td, .minibasket th
{
    padding: 3px 15px;
    border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
}
.maxibasket
{
    margin-bottom: 15px;
    border: 2px solid #ccc;
    background: #fdfcf9;
    color: #666;
}

.maxibasket td, .maxibasket th
{
    padding: 5px 10px;
    border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
}

.maxibasket input
{
    width: 150px;
}

A.more {
	background:url(pics/more.gif) no-repeat 0 0;
	padding-left:17px;
}
TD.size {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	padding:5px;
}