/*<![CDATA[*/

body     { margin:0; padding:0; font: 10px Tahoma; background: #fff; text-align: center; /* ie 5 */;  }
th       { font: bold 11px Tahoma; } 
td       { font: 10px Tahoma; } 
*        { text-align: left }
table td { padding:0}

body { background: #fff url(../i/width_bg.gif) center repeat-y; }

/* lauout' styles */

#conteiner          { background: #6E6D72 url(../i/page_bg.gif) top repeat-x; text-align: center;}
#conteiner_internal { background: url(../i/page_bg_in.gif) top repeat-x; text-align: center;}
#outter             { background: url(../i/outter_bg.gif) bottom repeat-x; text-align: center;} 
                                               
#page       { margin: auto; width: 896px; border-left: 1px solid #A5A5AA; border-right: 1px solid #A5A5AA; } 
#top        { width: 894px; background: #6E6D72; font-size: 10px;}
#header     { width: 894px; height: 100px; background: #fff url(../i/header_bg.gif) top right no-repeat; border-top: 5px solid #F40508; border-bottom: 5px solid #F40508; }
#navigation { width: 894px; height: 36px; background: #6E6D72; }
#info       { width: 896px; height: 195px; }
#news       { width: 896px; background: #6E6D72; }
#content    { width: 860px; padding: 18px; }
#address    { width: 896px; height: 158px; width/* */: 878px; height/* */: 154px; background: #8F8F95; border-top: 4px solid #979799; padding-left: 18px; }

#bottom     { width: 896px; height: 75px; background: #C7C7CA; padding-left: 18px; padding-top: 11px; padding-bottom: 10px }
#bottom     { width/* */: 878px; height/* */: 85px; padding-bottom/* */: 0} /* правила для нормальных браузеров, правила для ie5.x - выше */

#footer     { width: 896px; height: 137px; background: transparent; padding-left: 18px; padding-top: 8px; width/* */: 878px; height/* */: 129px; }

/* other styles */

a          { color: #000; text-decoration: none; }
a:hover    { text-decoration: underline; }
a:visited  { color: gray }

#header p  { width: 240px; margin: 0; padding: 0; margin-left: 365px; padding-top: 40px; font-size: 9px; color: #A8A8A8; }

p#hright   { text-align: right; margin:0; padding-top: 8px; margin-bottom: 45px; padding-left: 355px;  } 
p#hright   { margin-bottom/* */: 37px}
p#hright a { display: block; float: left; color: #D4D3D5; padding-left: 4px; }  
p#hright img { padding-left: 4px; }  
p#hright a.contact { padding-left: 30px; }

p#hlocation   { font: 10px Arial; background: url(../i/arrow.gif) 21px 2px no-repeat; padding-left: 34px; margin: 0; padding-bottom: 8px; color: #D4D3D5}
p#hlocation a { color: #D4D3D5 }


#navigation table    { width: 650px; height: 30px; float: left }
#navigation table td { background: #CA0000; border-right: 2px solid #666; }
#navigation table td.noborder { border-right: 0}
#navigation td a     { height: 30px; text-align: center; padding: 7px 10px 0 10px; display: block; font: bold 11px Tahoma; color: #fff; text-decoration: underline;  }
#navigation td a     { height/* */: 23px; padding-top/* */: 7px  }

#navigation td#current_item { background: #f40508 }


#navigation td a:hover { background: #f40508; color/* */: #fff;  }

div#basket     { float: left; margin-left: 17px; padding-top: 9px  }
div#basket a   { font: 11px Tahoma; color: #fff; margin-top: 3px; }
div#basket img { float: left; width: 18px; height: 18px; margin-top: -2px; margin-right: 5px; } 

#news, #news td { color: #FDFFFE } 
#news td    { background: #6E6D72; }
#news h1    { background: url(../i/arrow.gif) 17px 17px no-repeat; padding-top: 14px; padding-left: 30px; margin:0; font: bold 12px Tahoma; } 
#news table { margin-left: 8px; margin-right: 5px}
#news table td { padding: 10px; vertical-align: top; } 
#news table td.border { border-right: 1px solid #97969B} 
#news p   { margin: 0; padding: 0; }
#news p.news_date    { font-weight: bold }
#news p.news_details { text-align: right; }
#news p.news_details a { color: #FDFFFE; text-decoration: underline }
#news a   { color: #fff; text-decoration: underline }
#news a:hover   { color: #e1e1e1}

div.news_date { font: 10px Arial; text-align: right; float: left; padding: 5px; margin-right: 10px; border-right: 1px solid red }
div.news_full { float: left; margin-bottom: 20px }
div.news_full div { float: left; }

#content h1 { color: #f40508; font: bold 14px Tahoma;  }
#content h2 { font: bold 12px Tahoma }
#content p  { margin:0; margin-bottom: 7px; }
#content    { float: left; font: 11px Verdana; }
#content ul { list-style: square}
#content #see_also { padding-left: 20px; }
#content #see_also h4 { font: bold 11px Tahoma; padding-bottom: 7px; margin:0 ; border-bottom: 1px solid #A8A8A8 }
#content div.text { float: left; width: 610px; }

#address table    { width: 100% }
#address td       { margin-right: 9px; padding: 10px; background: #8F8F95 url(../i/address_bg.gif) top left no-repeat; color: #E7E8E9; font: 11px Tahoma; vertical-align: top; text-align: left; padding-top: 15px; }
#address td.noborder { background: #8F8F95; margin-right: 5px; padding-left: 0; color: #fff } 
#address td.info  { background: #8F8F95 url(../i/info.gif) 9px 7px no-repeat; padding-top: 5px; padding-left: 24px; color: #fff} 
#address h5       { font: 11px Tahoma; background: url(../i/arrow_right.gif) 0px 2px no-repeat; padding-left: 14px; margin:0; margin-bottom: 7px }
#address h5 a     { color: #E7E8E9;  }
#address p        { margin:0; padding:0; margin-top: 2px; padding-left: 14px}
#address img      { margin-left: 30px; display: block; margin-bottom: 3px }

#address p.title   { padding:0; margin-bottom: 39px }
#address p.dealers { height: 60px; background: url(../i/dealers_bg.gif) no-repeat;  }  

#bottom img { width: 517px; height: 75px } 

#footer a       { color: #666; text-decoration: underline}
#footer a:hover { color: #000}
#footer p           { padding:0; margin: 0; margin-top: 9px; color: #666;}
#footer p.copyright { margin-top: 18px; color: #000; margin-bottom: 10px}

#footer #fleft        { width: 750px; float: left; }
#footer #fright       { width: 108px; float: left; padding-top: 10px }
#footer #fright a.map { display: block; float: right; color: #7F7F7F; }  

/* internal styles */

#conteiner_internal #page { border:0 }
#conteiner_internal #navigation { height: 30px}
#conteiner_internal #top,        
#conteiner_internal #header,     
#conteiner_internal #navigation,
#conteiner_internal #info        { width: 896px; width/* */: 894px;  }
                                                       
#conteiner_internal #info        { height: 64px; padding-left: 18px; width/* */: 876px; }

#conteiner_internal #top, 
#conteiner_internal #header, #conteiner_internal #navigation, 
#conteiner_internal #info { border-left: 1px solid #A5A5AA; border-right: 1px solid #A5A5AA }  
#conteiner_internal #footer { float: left; margin-bottom: 10px; border-top: 1px solid #eaeaea; }  

#conteiner_internal #address  { width: 896px; height: 124px; background: transparent; border-top-color: #EAEAEA; margin-top: 40px; width/* */: 878px;}
#conteiner_internal #address table td { background: transparent url(../i/address_bg_in.gif) top left no-repeat; padding-left: 17px}

#conteiner_internal #address h5 a { color: #000}
#conteiner_internal #address p    { color: #7F7F7F; padding-left:0}
#conteiner_internal #address td.noborder    { background: #fff; padding-left: 0 }
#conteiner_internal #address td.noborder p  { color: #000; padding-left: 0 }

#info h1 { font: 19px Arial; color: #fff; margin:0; padding-top: 30px}
#info h2 { color: #fff; font: 11px Arial; margin:0; padding:0; padding-top: 16px; margin-bottom: -30px }

#info h1 a { color: #fff }

#info div.left        { float: left; }
#info div.left object { height: 195px; width: 649px; }
#info div.left img    { height: 195px; width: 649px; }
#info div.right       { float: left; width: 247px; }
#info div.right img   { display: block; height: 195px; width: 247px }

#models  { width: 896px; padding-left: 18px; width/* */: 878px; }

.chief div  { padding-right: 22px; }
.stuff div  { padding-right: 18px; }
.chairs div { padding-right: 18px; }
.accessories div { padding-right: 18px; width: 155px; }

.chief img  { width: 270px; height: 180px}
.stuff img  { width: 200px; height: 134px}
.chairs img { width: 240px; height: 160px; float: left}

#models div     { float: left; padding-bottom: 10px}
#models div div { padding-left: 18px; font-size: 11px; width: 140px;}
#models div h1 { font: bold 12px Arial; margin:0; bottom: 0; margin-bottom: 10px; margin-top: 11px}
#models div h1 img, #models a.details img { width: 9px; height: 9px; margin-left: 4px; float: none}
#models div h1 a, #models a.details { color: #000 }
#models a.details img { vertical-align: -1px}

#details { padding-top: 22px; padding-left: 18px; } 

#details #pics         { width: 258px; float: left; }   
#details #pics img     { float: left; margin-top: 6px; margin-right: 6px; width: 117px height: 78px } 
#details #pics .top    { margin:0; width: 240; height: 160px; } 
#details #pics div.a a { color: #000; font-size: 11px; float: left; margin-top: 6px} 
#details #pics div.a img { margin: 9px 0 0 3px} 

#details #rinfo { float: left; width: 597px}

#details #desc    { float: left; width: 354px; }
#details #desc h4 { font: bold 12px Tahoma; margin-bottom: 9px} 
#details #desc p  { font: 11px Tahoma; margin:0; margin-bottom: 5px} 

#vl { width: 225px; float: right; }
#variants, #loading, #see_also { width: 225px; float: right; margin-bottom: 15px; } 
#details h4, #row h4 { font: bold 11px Tahoma; padding-bottom: 7px; margin:0 ; border-bottom: 1px solid #A8A8A8 }

#desc h4, #loading h4 { border-bottom: 0; }

#desc table       { width: 100%; margin-top: 20px;}
#desc table td    { border-top: 1px solid #A8A8A8; padding: 3px 10px 3px 0px; text-align: left; font-size: 11px}

#variants h4    { margin-bottom: 10px}
#variants img.s { width: 30px; height: 30px; float: left; margin-right: 6px; margin-bottom: 10px; }
#variants img.b { width: 60px; height: 60px; float: left; margin-right: 6px }
#variants p     { line-height: 10px; margin:0; padding:0; padding-left: 9px; }

#loading    { background: #EAEAEA}
#loading h4 { background: #fff }

#loading div.files   { padding-top: 10px; padding-right: 12px; }
#loading div.files   { font: 11px Arial}
#loading div.files p { margin: 0; padding:0; padding-left: 35px; margin-bottom: 4px; color: #7F7F7F; }
#loading div.files a { display: block; color: #000; }
#loading div.files img { width: 19px; height: 12px ;margin-left: 10px; margin-top: 3px;float: left}

#see_also ul { margin: 10px 0 5px 2px; list-style-type: none; padding:0; font-size: 11px}
#see_also li { background: url(../i/see_also_ul_bg.gif) 0 3px no-repeat; margin-top: 3px; padding-left: 13px; }
#see_also li a { color: #656565 }

#composition {  padding-top: 15px; }
#composition h4      { margin-bottom: 15px; }
#composition div     { width: 145px; height: 148px; float: left; }
#composition div img { margin-left: 10px;}
#composition div p   { height: 52px; border-left: 2px solid #EAEAEA; padding-left: 10px; padding-right: 10px}

#row { float: left; width: 896px; padding: 25px 0 20px }

#row table    td { vertical-align: bottom }

#row table.c3 td { width: 33%; }
#row table.c4 td { width: 25%; }
#row table.c5 td { width: 20%; }
#row table.c6 td { width: 380px; }
#row table.c7 td { width: 380px; }
#row table.c8 td { width: 380px; }


#row h4, p.bwarning { margin: 0 18px 0 18px }
#row h4             { border-bottom: 2px solid #eaeaea }

#row th { font: normal 10px Arial; border-top: 2px solid #666; padding: 9px 0 0 9px }
#row h6, #row p { margin:0; padding:0; color: #444; font-size: 11px }
#row h6 { font: bold 11px Arial; }
#row p.twarning { color: #666; font: 10px Verdana; float: right; padding:0; margin: -20px 20px; }

#row table     { width: 880px; margin-left:8px; margin-right:8px; }
#row table td  { height: 110px; vertical-align: center; text-align: center }
#row table th  { vertical-align: top}
#row div       { clear: both; }

#row p.top      { margin-bottom: 10px }
#row p.matname, #row p.comment { font-size: 9px; }
#row p.color    { float: left; font-size: 11px; }
#row img.color  { margin-top: 4px; margin-left: 3px; float: left; }
#row p.price    { float: left; font: bold 12px Arial; margin-top: 2px; color: #fff; background: #D10018; padding: 3px; padding-left: 6px}
#row img.tobasket { float: left; }

#row p.bwarning { color: #666; font: 10px Verdana; padding-left: 18px; margin-top: 30px; margin-bottom: 20px}

#full_pics { width: 896px; float: left; padding-left: 18px; padding-right: 18px; padding-top: 22px; padding-bottom: 40px; }
#full_pics { width/* */: 860px }
#full_pics .current { background: #E5E5E5; width: 630px; margin:0; margin-right: 25px; padding-bottom: 10px}
#full_pics .current img { margin-bottom: 10px }
#full_pics div       { float: left; width: 200px; margin-top: 6px; }
#full_pics div.first { margin-top: 0px; }
#full_pics div.rest  { margin:0 }
#full_pics div img  { margin-top: 3px; margin-top/* */: 0}
#full_pics img   { float: left; }
#full_pics p     { float: left; margin:0; padding-left: 13px; }
#full_pics a     { float: left; color: #000; text-decoration: underline }
#full_pics .current h6 { font-size: 11px; clear: left; background: url(../i/arrow_top.gif) left 2px no-repeat; margin: 0 0 5px 15px; padding-left: 15px;  }
#full_pics .current p  { float: none; background: url(../i/arrow_left.gif) left 3px no-repeat; margin-left: 15px; padding-left: 15px }
#full_pics .current a  { float: none; font-size: 11px; }
#full_pics #full_pics_otter { width: 100%; background: url(../i/full_pics_bg.gif) repeat-y; }

.cart table.items td { border-top: 1px solid #eaeaea; }
.cart table th { padding: 7px; text-align: center }
.cart table td { padding: 7px; }
.cart table h4 { font-size: 11px; color: #d60000; margin-bottom: 3px}
.cart table td.total { font-weight: bold; font-size: 12px; color: #d60000 }

table.form    { margin-top: 10px; }
table.form th { color: #444; text-align: right; width: 30%; padding-right: 10px}
table.form td { text-align: left; }
table.form td span { color: red; vertical-align: top }
table.form td.comment { color: #444 }
table.form th.header { color: #000; padding-top: 20px; padding-bottom: 15px }

table#r_cinfo        { width: 550px }
table#r_cinfo     th { width: 50% }
table#r_questions th { width: 60% }
table#r_questions td div { height: 1px; overflow: hidden; margin-top: 10px; border-bottom: 1px solid #eee }


div.r_cinfo { background: #eee; padding-bottom: 10px }

table.vacancy th { padding: 7px; background: #DFDFDF; vertical-align: top}
table.vacancy td { padding: 7px; vertical-align: top; text-align: left}
table.vacancy td h4 { font-size: 11px; color: #000; margin-bottom: 5px}
table.vacancy td { font-size: 11px; color: #444}
                                                           
br.clear       { clear: both }

img            { border: 0} 
img.logo       { float: left; margin-left: 45px; width: 139px; height: 100px }  
img.arrow      { width: 9px; height: 9px; vertical-align:-1px; margin-top: 2px }
img.plus       { width: 9px; height: 9px; padding-top: 3px; margin-left: 2px}
img.arrow_gray { width: 9px; height: 9px; vertical-align:-2px }
img.contact, img.map  { float: left; width: 13px; height: 13px; padding-right: 3px } 
img.map               { width: 13px; height: 13px; margin-right: 3px} 

#bottom_flash { width: 517px; height: 75px; background: #C7C7CA}

ul.sitemap { font-size: 11px; padding:0; margin: 0; margin-left: 7px; margin-top: 5px}
ul.sitemap ul.sitemap { margin-left: -13px; } 
ul.sitemap li { list-style: none; background: url(../i/page.png) top left no-repeat; margin-top: 0px; padding-top: 2px; padding-bottom: 2px;  padding-left: 25px}
ul.sitemap li.expand { background: url(../i/page+.png) top left no-repeat; margin-top: 4px; }
ul.sitemap li.expand ul { list-style: none; margin-left: 0px; padding:  0}
  
div.contact { float: left; width: 290px; margin-right: 15px; margin-bottom: 20px}
div.contact h4 { margin-bottom: 7px; padding-bottom: 7px; font-weight: normal; border-bottom: 1px solid #F40508 }
div.contact *  { font-size: 11px}
div.contact p  { line-height: 15px;}

div.contact table { margin-left: 20px; width: 150px }
div.contact table th, div.contact table td { font: normal 11px Tahoma; padding: 2px}
div.contact table td { border-top: 1px solid #ccc; }
div.contact table th.w { width: 50% }
div.contact h5 { margin:0; margin-bottom: 5px }

p.warning { color: #FF0000}

div#counter { position: absolute; left: -9777px; margin: 0; padding:0; }

/*]]>*/

