html,body{margin:0;padding:0}
body{font: 100%/1em arial,sans-serif;}
a {color: #0755a4;}
#header { padding: 25px 0 35px 0; margin: 0px 0px 70px 0px; }
div#container{padding:  10px 0 0 0; background:url('/images/bg.gif') top center no-repeat; }

div#container{width:980px;margin:0 auto}
div#left {float:left;width:355px;}
div#left p img { text-align: center;}
div#navigation{float:right;width:625px}
div#extra{float:right;clear:right;width:200px}
#footer{clear:both;width:100%; margin: 40px 0; padding: 20px 0 0 0;}

#footer a { color: #000; text-transform: uppercase; margin: 0 10px 0 0; font-size: 90%;}

#footer #footer_nav {
width:500px; float: left;
}

#counters {
text-align: right;
}

.clear {
clear: both;
}

#logo { float: left;}
#intro { float: right; font-style: italic; color: #5e5757;}
#intro b { font-size: 180%;  color: #000;}

h1 { font-size: 280%; margin: 30px 0; line-height: 1.2em;}
h3 { font-size: 160%; font-weight: normal; margin: 0 0 15px 0; line-height: 1.2em;}
p { margin: 15px 0;}
p#time { font-size: 85%; color: #666666; font: Tahoma, Helvetica, sans-serif; margin: 0 0 15px 0;
background: url('/images/clock.gif') left center no-repeat; padding: 0 0 0 20px;
 }
p#time img { vertical-align: middle;}

#price { margin: 20px 0 40px 20px;}
#price dt { font-size: 120%; color: #505151;}
#price dd { font-size: 240%; margin: -50px 0 0 130px; }
#price dd p {font-size: 40%; color: #505151; line-height: 1.2em; font-style: normal;}
#price img { vertical-align: middle; margin: 0 20px;}

#info { margin: 0 0 0 85px; width: 400px; font-size: 90%;}
#info p { line-height: 1.2em; margin: 0 0 15px 0;}
#info dd{ margin: -45px 0 20px 65px;}
#delivery { width: 45px; height: 45px; background:url('/images/bike.gif') top center no-repeat;}
#about { width: 45px; height: 45px; background:url('/images/about.gif') top center no-repeat;}
#follow { width: 45px; height: 45px; background:url('/images/follow.gif') top center no-repeat;}

/******************************** Shadowed Block ************/

.framed,
.framed .f_r,
.framed .f_b,
.framed .f_l,
.framed .f_c
{
float: left;
position: relative; z-index: 1;
width: auto; height: auto;
margin: 0; padding: 0;
}
.framed .f_tt,
.framed .f_rr,
.framed .f_bb,
.framed .f_ll
{
display: none;
}
.framed
{
margin: 0 30px 15px 0;
background: url('/images/hint-t.png') no-repeat left top;
//background: none;
}
.framed .f_r
{
left: 30px;
background: url('/images/hint-r.png') no-repeat right top;
//background: none;
}
.framed .f_b
{
top: 30px;
background: url('/images/hint-b.png') no-repeat right bottom;
//background: none;
}
.framed .f_c
{
float: none;
position: relative;
left: 30px; top: -15px;
margin: 0 30px 0 0; //margin: -3px 30px 0 0;
background: #e5e5e5;
font-size: 140%;
line-height: 1.4em;
padding: 10px 20px;
}
.framed .f_l
{
left: -30px;
padding: 15px 0;
background: url('/images/hint-l.png') no-repeat left bottom;
//background: none;
}
* html .framed .f_r,
* html .framed .f_b,
* html .framed .f_l
{ height: 0; }
* html .framed .f_tt,
* html .framed .f_rr,
* html .framed .f_bb,
* html .framed .f_bb *,
* html .framed .f_ll,
* html .framed .f_ll *
{
display: block;
position: absolute;
left: 0; top: 0;
}
* html .framed .f_tt
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-t.png,sizingMethod=crop);
}
* html .framed .f_rr
{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-r.png,sizingMethod=crop);
}
* html .framed .f_tt,
* html .framed .f_bb
{
width: expression( parentNode.offsetWidth ); height: 30px;
}
* html .framed .f_rr,
* html .framed .f_ll
{
width: 30px; height: expression( parentNode.offsetHeight );
}
* html .framed .f_bb,
* html .framed .f_ll
{
overflow: hidden;
}
* html .framed .f_bb *
{
width: 3000px; height: 30px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-b.png,sizingMethod=crop);
}
* html .framed .f_ll *
{
width: 30px; height: 3000px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hint-l.png,sizingMethod=crop);
}
/* Исправляем неправильный расчет позиции при "нечетной ширине" */
* html .framed .f_rr,
* html .framed .f_bb *
{ right: expression( this.parentNode.offsetWidth % 2 ? -1 : 0 ); left: auto; }
* html .framed .f_ll,
* html .framed .f_ll *,
* html .framed .f_bb,
* html .framed .f_bb *
{ bottom: expression( this.parentNode.offsetHeight % 2 ? -1 : 0 ); top: auto; }


/**************************************************************************/

table th, table td { vertical-align: top; text-align: left; font-size: 80%; font-style: italic;}
table th { font-weight: bold; }
table td, table th { padding: 0 0 15px 0;}

form { font-size: 120%;}
label { color: #323332;}
input { width: 300px; height: 30px; margin: 20px 0; font-size: 110%;}
#go { width: 200px; height: 40px;}

#subscribe input { margin: 0; padding:0;}
#subscribe #mail { width: 200px; height: 25px; padding: 0 0 0 5px;}
#subscribe #ok { width: 60px; height: 30px;}