/*
#DB224D -red
#207FBB - dark blue


*/

body{
    background: #FFF;
    font-family:  arial, sans-serif, helvetica;
    font-size: small;
    color: #000000;
    scrollbar-face-color: #FFF;
    scrollbar-highlight-color: #0298DB;
    scrollbar-shadow-color: #000099;
    scrollbar-3dlight-color: #92D8F7;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #0298DB;
    scrollbar-base-color: #0298DB;
    margin:auto;

}
h3,h2{ color:#207FBB; font-size:13px; font-family: arial, sans-serif; font-variant:uppercase; }
h1, #main .header { color:#DB224D;font-size:18px; font-family: arial, sans-serif;font-style:italic;}

h2{ color:#DB224D;  font-size:14px;}

h4,  #main .desc{color:#207FBB;font-size:12px; margin-left:10em;margin-right:3em;text-indent:0;}
#main h2{margin-left:30px; text-align:left; text-indent:0;}
a:link{
    color: #000099;
    font-weight: bold;
    text-decoration: none;
}

a:visited
    {
    color: #656e91;
  text-decoration: none;
    }

a:active, a:hover
    {
     color: #F0bf06;
     text-decoration: underline
    }

a.orange:link
{
         color: #FFCC00
}
/*input  {border:1px dotted #000099;}*/
input:active  {background-color:#FFFBD5;}
input[readonly]  {background-color:#D8D6D6;} 
input:focus, textarea:focus  {border:1px solid #DB224D;font-size:large;}

div#page_container {margin:auto;width:1000px;}
#imgLogo { width:468px; height:164px;border:0;}

/* ###########  Tables  ############*/

table.logo {
        background-image:url(line_top.gif);
        background-attachment:scroll;
        background-repeat:no-repeat;
        background-position:top;
        width: 100%;
        height:165px;
        border: 0;
        margin: auto;
        padding: 0;
        border-left:1px dotted #09F;
        border-right:1px dotted #09F;
}

table.center {
        width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
        border-left:1px dotted #09F;
        border-right:1px dotted #09F
}

table.main {
        width: 100%;
        border: 0px;
        margin: 0px;
        padding: 0px;
}

table.main th {
        font-size: large;
        vertical-align:top;
        border-bottom-style:solid;
        border-bottom-width:2px;
        border-bottom-color:#0009BA;
}

table.bottom {
        width: 100%;
        height:130px;
        background-image:url(line_bottom.gif);
        background-attachment:scroll;
        background-repeat:no-repeat;
        background-position:top;
        border: 0px;
        margin: 0px;
        padding: 10px;
        border-right:1px dotted #09F
}

table.bottom td {
        vertical-align:middle
}

table.menu{
        text-align:center;
        font-size:small;
        vertical-align:text-bottom
}

table.zakaz td{
        margin: 1em 0 1em 0
}

table.arsenal {
        width: 800px;
        border: 0;
        margin: 50px 0 0 0;
        padding: 0;
        text-align:center;
}

#topmenu {border-width:0;}
#topmenu img {border-width:0;}
/* ################################### */

div.works{
        margin: 15px;
        text-align:center;
        padding: 15px
}

div#flower{
        position:absolute;
        left:132px;
        top:9px;
        width:297px;
        height:190px;
        z-index:1;
}

.path {font-size:10px;}

#main{ width:100%; padding:10px; text-indent:3em;font-weight:normal;text-align:justify;padding-top:10px;}

td.left {width:130px;}
.left a {display:block; width:130px;  padding:3px 15px 3px 15px;margin:3px;
        border:1px dotted #0099FF;}
.left a:visited {color:#999;}
.left a:hover{border:1px solid #cc0000;text-decoration:none;color:#fc0;}
.left a:active {background-color:#FFFBD5; text-decoration:none;border:1px solid #fff;}
.left .menu_sup {display:block; width:130px;   background-color:#CEEAFC;
padding:3px 15px 3px 15px;margin:15px 3px 3px 3px ;
}
a.menu3 {font-size: 13px; margin:5px 15px 5px 20px;
font-style: italic;  font-family: arial, sans-serif;
font-weight: bold;clear:both;float:left;};
.clear { clear:both;}

/*HELP tips*/
a.help { text-decoration:none; font-weight:bold;color:navy; }
a.help div{display:none;}
a.help:hover div {display:block; position:absolute; width:350px; text-align:left;
color:#207FBB; text-decoration:none; font-size:xx-small;
border:1px dotted #DB224D;border-top:2px solid #DB224D;
padding:30px 3px 3px 3px; text-indent:2em;font-weight:normal;
background-color:#FFFBD5;background-image:url("podskazka.gif");background-repeat:no-repeat; }

a.help:hover div.tip2 {display:block; position:absolute; width:100%; text-align:left;
background:#FFFBD5;color:#000; border:1px solid navy;padding:5px 3px 3px 3px;
border-top:5px solid navy;}

a.help:hover {color:red;}
a.help:hover {font-size:100%;}

.ls {font-weight:bold; color:#DB224D;font-style: italic;}
hr { width:90%; background:none; border:1px dotted #09F ;border-top:1px solid #fff;; }

/* price list */

table.listCatalog, table.list { border: 1px dotted #09F;  ; width:100%; }
.listCatalog tr , .list tr {border-bottom: 1px dotted #09F; }
.listCatalog tr.header {border-bottom:1px solid #1B33DE ; background-color:#CEEAFC;height:1.5em;background-image:none;  }
.listCatalog td , .list td  {border-bottom: 1px dotted #09F;  border-left:0;border-right:0;height:40px;}
a.addToBa img {border:none;opacity:0.4;height:40px;padding:5px;float:right;top:0px;}
a.addToBa {}

em.hintTop {
	font: 75%/120% Arial, Helvetica, sans-serif;
	background: url(hintTop.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	/*top: -85px;
	left: -15px;*/
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display:none;

}

.hint_money span {display:block; width:18px; height: 18px;background: url("money_hint.png") no-repeat; float:left;
padding-right: 5px;} 
/*BASKET*/
#basketCont{
text-align:center;
position:relative;
}

#basketItems {
	padding:10px;
	border:1px solid #900;
	background-color:#FFFFF3;
	position: absolute;
	left:-40px;
	 display:none;
	 z-index :1000;}
table.basket_items_table {margin:5px;
	background-color: #CEEAFC;}

.basket_items_table td  {background-color: #fff;} 
.basket_items_table th , td.b_no  {background-color: #CEEAFC; color:#000099;}
td.b_no {border-bottom:1px solid #ffffff;}

#basketItems td.b_title {text-align:left; }
td.basketEdit {width:120px;}

.basketEdit a {background-image:url('remov_plus_minus.png'); background-repeat: no-repeat;
display:block;width:30px;height:30px;border:1px solid  #FFFFFF;clear:none;float:left;margin:3px;}

a.remove {background-position: 0 0;}
a.remove:hover {border:1px solid  #FF0000; } 
a.plus {background-position: 0 -40px;}
a.plus:hover {border:1px solid  #FFCC00; }
a.minus {background-position: 0 -80px;}
a.minus:hover {border:1px solid  #0000FF; }
.total {font-size:medium; font-weight: bolder;float:left; clear:both;width:100%;}

a.butt ,a.butt:VISITED {border:1px dotted #FFC908;; background-color:#FFCC00;padding:3px;margin:10px;
color:#000000; background-image:url('butt_bg_.png');background-color:#FFFBD5;
background-repeat: repeat-x; display:block; float:right; }

a.butt strong {position:relative; top:5px; } 

/*action buttons <a class='butt' ><span class='basket_edit'></span> - for build */ 
a.butt span {width: 30px; height: 30px; background-image: url("remov_plus_minus.png") ;display:block;
float:left;margin-right: 5px;}
.basket_edit {background-position:0 -110px;  }
.orders_add {background-position:0 -180px;  }

#debug {width:80%;border:1px dotted #ff0000; background-color:#FFFF80;margin:10px;padding:5px;}
/*zagolovok vkladki v FoRMU*/
.vk_header {font-weight: bold;color:#207FBB; margin:10px 5px;}
.vkaldki {background-color:#FFFBD5; }  

/*right vkladka*/
#quickZakladki {position:fixed;width:35px; height:auto;  top:30%;right:0; color:#fff;
}
#quickZakladki a  {display:none; width:35px; height:100px;background-image: url("right_tabs.png");}
#tsenyTab {}
#basketTab {background-position: 0 -100px;}
#orderTab {background-position:  0 -200px;}

/*
*
* modal windows
*
*/

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#fff;
  display:none;
  top:0;
}

#boxes .window {
  position:absolute;
  /*width:540px;
  height:300px;*/
  display:none;
  z-index:9999;
  padding:20px;
}

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  /*width:675px;*/
  /*height:403px;*/
  overflow:auto;
  background-color: #ffffff;
  border:1px solid #000;
}

#dw_close {
	display:block; float:right;margin:7px;
	background-image:url('close.png');
	width:20px; height: 20px;
	
}
#dw_header {font-style: italic;font-weight: bold;color: #cc0000;font-size: medium;}

#dw_blocker  {display:block; position:absolute; background-color:#ffffff;opacity:0.7} 
#dw_blocker img {margin:auto;padding:auto;opacity:1; display:block;}
/* EOF modal windows */