﻿html {height: 100%; margin: 0; padding: 0; background: #ebf5ff;} 
body {background: #ebf5ff; color: #666; margin: 0; padding: 0; font-family: tahoma, arial, helvetica, sans-serif; height: 100%;}

a, a:active, a:visited {text-decoration: underline; color: #0099ff;}
a:hover, a:focus {text-decoration: none; color: #0099ff;}

a img, a:active img, a:visited img, a:hover img, a:focus img {border: 0;}

h3, h2 {font: 18px Verdana; color: #ff9900; margin: 0 0 10px 0;}

div#container {min-width: 1003px; height: 100%; max-width: 1400px; background: #fff; position: relative; padding: 0; margin: 0 auto; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1003px" : "100%"); z-index: 1;}

/* header */
div#header_l {width: 50%; height: 338px; background: url('../img/head_01.jpg') no-repeat right; position: absolute; margin: 0; padding: 0; left: 0; z-index: 1;}
div#header_r {width: 50%; height: 338px; background: url('../img/head_02.jpg') no-repeat; position: absolute; margin: 0; padding: 0; right: 0; left: 50%; z-index: 1;}
div#header {width: 1000px; position: relative; z-index: 2; margin: 0 auto; padding: 0; color: #ff9900;}
div#head_l_c {background: url('../img/head_l_c.gif') no-repeat left bottom; height: 340px;}
div#head_r_c {background: url('../img/head_r_c.gif') no-repeat right bottom; height: 340px;}


div.logo  {position: absolute; left: 242px; top: 20px; margin: 0; padding: 0;}
div#header h1 {font: 12px tahoma, arial, helvetica, sans-serif; margin: 0; padding: 0;}

div#header div.contact {position: absolute; top: 22px; left: 770px;}
div.contact {font: 18px Verdana; margin: 0; padding: 0; color: #ff9900;}
div.contact p {line-height: 1em; margin: 0; padding: 0;}
div.contact a, div.contact a:active, div.contact a:visited, div.contact a:hover, div.contact a:focus {font: 11px tahoma, arial, helvetica, sans-serif; color: #0099ff;}

table.contact {width:420px}
table.contact td {padding:3px; vertical-align:top}
table.contact input, textarea {width:300px; border:1px solid #C3C3C3; float:right}
table.contact input.button {width:100px;}

div#header div.menu {font: 14px Verdana; position: absolute; top: 280px; left: 360px; margin: 0; padding: 0;}
div#header div.menu span {padding: 0 20px 0 0;}
div.menu a, div.menu a:active, div.menu a:visited, div.menu a:hover, div.menu a:focus {font: 14px Verdana; color: #0099ff;}

/* content_out */
div#content_out {background: #fff; font-size: 11px; position: absolute; margin: 0; width: 100%; padding: 338px 0 0 0;}

/* center */
div#center {width: 1000px; background: #fff; font-size: 11px; position: relative; padding: 0; margin: 0 auto 80px auto;}

/* left */
div#left {width: 350px; position: relative; float: left; padding: 0; margin: 0;}

div.search {padding: 10px 0 10px 60px; margin: 0;}
div.search input {width: 205px; padding: 1px 2px; margin: 0 15px 0 0;}
div.search a, div.search a:active, div.search a:visited, div.search a:hover, div.search a:focus {font: 11px tahoma, arial, helvetica, sans-serif; color: #0099ff;}

div.left_block {padding: 10px 20px 20px 60px; margin: 0;}

div.menu_left {padding: 0 0 0 20px;}
div.menu_left a, div.menu_left:active, div.menu_left:visited, div.menu_left:hover, div.menu_left:focus {font: 14px Verdana; color: #0099ff;}

div.menu_left_single {padding: 0 0 0 20px; margin-bottom: 20px; line-height: 100%;}
div.menu_left_single a, div.menu_left_single:active, div.menu_left_single:visited, div.menu_left_single:hover, div.menu_left_single:focus {font: 14px Verdana; color: #0099ff;}

div.sub_menu {margin: 3px 0 20px 20px; padding: 0; line-height: 100%;}
span.s_m_l {padding: 0 10px 0 0; border-right: 1px solid #666; line-height: .7em;}
span.s_m_r{padding: 0 0 0 10px; line-height: 1em;}
span.s_m_l a, span.s_m_l a:active, span.s_m_l a:visited, span.s_m_l a:hover, span.s_m_l a:focus {font: 11px Arial; color: #ff9900; padding: 0; margin: 0; line-height: .7em;}
span.s_m_r a, span.s_m_r a:active, span.s_m_r a:visited, span.s_m_r a:hover, span.s_m_r a:focus {font: 11px Arial; color: #ff9999; padding: 0; margin: 0; line-height: .7em;}

/* news */
div.news {padding: 10px 10px 10px 20px; font: 11px tahoma, arial, helvetica, sans-serif;}
div.news span.date {background: #ffcc00; color: #fff; padding: 1px;}
div.news div {margin-top: 10px;}
div.news h4  {font: 11px tahoma, arial, helvetica, sans-serif; color: #ff9900; font-weight: bold;}
img.img_n {margin: 20px 0 10px 0;}


/* content */
div#content {width: 640px; position: relative; margin: 20px 0 0 350px; padding: 0;}
div#content .about {margin-right:60px}
div.text {padding: 0 10px 0 20px; line-height: 125%;}
div.text p {margin: 0 0 1em 0;}

/* sale */

div.sale {background: #fdf7e8 url('../img/rose_top.jpg') no-repeat; width: 580px; position: relative;}
div.sale_first {background: #fdf7e8;width: 580px; position: relative;}
div.sale_int {background: url('../img/rose_bottom.jpg') no-repeat bottom; width: 580px; position: relative; }
div.sale_int_first {background: url('../img/rose_bottom.jpg') no-repeat bottom; width: 580px; position: relative;} 
table.sale_but {height: 35px; top: -17px; position: absolute; z-index: 1; color: #fff; font: 18px Verdana; margin: 0; padding: 0 0 0 0; border: 0;}
table.sale_but td.sale_b_l {background: url('../img/sale_but.jpg') repeat-x; margin: 0; padding: 0; height: 35px;}
div.sale_but_l {background: url('../img/sale_but_l.jpg') no-repeat; padding: 5px 10px 5px 15px; height: 35px; border: 0; position: relative;}
div.sale_b_r {background: url('../img/sale_but_r.jpg') no-repeat; width: 26px; height: 35px; padding: 0; margin: 0; border: 0; position: absolute; top: 0; right: -24px;}

div.sale_name {background: url('../img/sale_name_l.gif') no-repeat; width: 222px; height: 36px; padding: 3px 0 0 10px; position: absolute; z-index: 1; left: 10px; top: 40px;}
div.sale_name a, div.sale_name a:active, div.sale_name a:visited, div.sale_name a:hover, div.sale_name a:focus {font: 14px Verdana; color: #ff9900;}
td.sale_r div.sale_name {background: url('../img/sale_name_r.gif') no-repeat; padding-left: 30px; right: -20px; left: auto;}
table.sale_group2 div.sale_name {top: 10px;}

table.sale_group {padding: 0; margin: 0; width: 100%;}
table.sale_group td {padding: 45px 0 20px 0; width: 50%;}
table.sale_group td.all {padding-left: 10px; padding-top:15px}
table.sale_group2 {padding: 0; margin: 0; width: 100%;}
table.sale_group2 td {padding: 10px 0 20px 0; width: 50%;}

td.all a {color:#0099FF;}
td.all a:hover {text-decoration:none}
td.all h1 {font-size:14px; color:#0099FF; font-family: Verdana, Arial, Helvetica, sans-serif; margin:20px 0 0 0}
td.all h1 a {color:#0099FF;}
td.all p {font-size:11px; font-family:Tahoma, "Times New Roman", "MS Serif";  margin:5px 0 5px 0}
td.all p a {margin:0 12px 0 0 }
td.all a.orange {color:#FF9900; margin:0}
td.all a.pink {color:#FF9999; margin:0}


div.sale_descr {width: 199px; height: 100px; background: url('../img/img_descr.gif') no-repeat; font: 12px tahoma, arial, helvetica, sans-serif; color: #fff; position: absolute; bottom: 10px; left: 10px; z-index: 1;}
div.sale_descr p {margin: 10px 35px 10px 10px;}
td.sale_r div.sale_descr {right: 10px; left: auto;}


div.sale img {position: relative; float: right;}
div.sale_first img {position: relative; float: right;}
td.sale_r img {position: relative; float: left}

/* brands */
div.brands {margin: 20px 20px 40px 0; width: 580px; height: 30px;}
div.brands div.brand {position: relative; width: 33%; float: left; text-align: center; padding-bottom: 20px; padding-top: 10px;}


/* footer */
table.footer {margin: 55px auto 40px auto; padding: 0; position: relative; z-index: 1; width: 1000px;}
table.footer td div {margin: 20px;}
table.footer td.bord {width: 350px; border-left: 1px dotted #00ccff; border-right: 1px dotted #00ccff; font: 11px tahoma, arial, helvetica, sans-serif; color: #666;}
table.footer td.f_r {width: 300px;}
table.footer td.f_r  div {position: relative; float: right;}
table.footer td.banners {width: 350px;}
table.footer td.banners div {margin-left: 60px;}
table.footer td.banners img {margin-left: 20px;}
div#footer_l {position: absolute; background: url('../img/footer_01.jpg') no-repeat; height: 68px; width: 50%; left: 0; bottom: 0; z-index: 1px;}
div#footer_r {position: absolute; background: url('../img/footer_02.jpg') no-repeat right; height: 68px; width: 50%; right: 0; left: 50%; bottom: 0; z-index: 1px;}

#where {padding-left:-15px; margin-bottom:40px}
#where span {margin:0 10px}

#subcat {background:#FFFFFF; width:100%; color:#666666; font-size:14px; margin:40px 0; height:40px; padding-left:5px; // position:relative; // top:40px; }
#subcat a { font-size:11px; margin:0 4px}
#subcat input, select {border:1px solid #666666;font-size:11px;margin:0px 3px}
#subcat input {width:50px}
#subcat small {font-size:11px;margin:0 10px}
#subcat td {padding:0px 0px 10px 0px}
#subcat td.iks {padding:0px;padding-top:-5px}
#subcat td.iks a {color:#000000; text-decoration:none;font-size:16px;margin:0px;}

table.item td {vertical-align:top; text-align:left; padding:0 10px}
table.item div.price {background:url(../img/price_bg.png) no-repeat; width:200px; height:100px; color:#333333; font-size:14px; font-weight:bold }
table.item div.price span {position:relative; top:60px; left:42px}
table.item p.text {color:#666666; margin:10px 20px 10px 0}
table.item td.clear {//height:50px}
table.sale_desc {width: 199px; height: 100px; background: url('../img/img_descr.gif') no-repeat; font: 11px tahoma, arial, helvetica, sans-serif; color: #fff; padding:2px 37px 2px 10px}
table.sale_desc td {border-bottom:1px dashed #666666; padding:0}
table.sale_desc tr.last td {border:none}
table.sale_desc td.left, td.right {border:none; //width:5px}
table.sale_desc td.right {border:none; //width:37px}
div.color {}
div.color a.blue {color:#3399CC; width:30px; height:30px}

div.item-color {margin:15px 0 5px 0; clear:both; overflow:hidden; padding-top:13px }
div.item-color img {float:left; margin:0 5px 0 5px}
div.item-color img.small {margin-top:5px}
div.item_description {padding:15px}
div.item_description h1 { font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}

#table.sale_group2 td img {z-index:1}

div.price1, div.price2, div.price3, div.price4 {width:140px; height:140px; color:#333333; font-size:14px; font-weight:bold; position:relative; top:10px;left:70px; z-index:0;}
div.price1 span {position:absolute; top:60px; left:45px; z-index:2 }
div.price2 span {position:absolute; top:60px; left:45px; z-index:2}
div.price3 span {position:absolute; top:60px; left:45px; z-index:2}
div.price4 span {position:absolute; top:60px; left:45px; z-index:2}
div.price1 {background:url(../img/flower1.png) no-repeat;}           
div.price2 {background:url(../img/flower2.png) no-repeat;}
div.price3 {background:url(../img/flower3.png) no-repeat;}
div.price4 {background:url(../img/flower4.png) no-repeat;}

#pager {text-align:center; margin-top:20px; font-size:14px}
#pager a {margin:0px 5px}
#pager a.none_line {text-decoration:none}
#pager span, strong {margin:0 5px;color: #0099ff;}
#pager span, strong {color: #666666;}