/*      <![CDATA[*/

body { margin:0; padding:0; background: #fff; text-align: center; /* ie 5 */; }
body, td, th { font: 11px Verdana; }

*       { text-align: left }
a       { text-decoration: none; color: #000 }
a:hover { text-decoration: underline }

/* layout' styles */
      
#page    { float: center; margin: auto; padding-top: 15px; width: 760px;  }
#header  { float: left; width: 760px; }
#content { float: center; width: 760px }
#left    { float: left; width: 470px; }
#right   { float: right; width: 275px; }
#footer  { float: left; width: 750px; border-top: 1px solid #FF4B18; padding-top: 5px;
           color: #FF4B18; padding-left: 10px; margin-bottom: 10px; }

#logo, #logo_gray { margin: 0; width: 100%; height: 85px; margin-top: 9px;
                    padding-top: 13px; padding-left: 25px; 
                    background: #FF4B18 url(../i/contacts.gif) 569px 22px no-repeat;  
                    border-bottom: 6px solid #4C4C4C; 
                    width/* */: 735px;  height/* */: 66px; }

#logo_gray             { background: #AEAEAE url(../i/contacts_gray.gif) 569px 22px no-repeat; }
#logo p, #logo_gray p  { margin: 0; padding: 0; padding-top: 23px; padding-left: 184px; 
                         font-size: 12px; font-weight: bold; }

#header               { font-size: 10px }
#header p#hright      { text-align: right; margin: 0; }
#header p#hright a    { color: #7F7F7F; }
#header p#hright img  { margin-left: 4px; margin-right: 10px}
#header p#hlocation   { background: url(../i/hlocation.gif) 0px 2px no-repeat; padding-left: 16px; margin: 0; }
#header p#hlocation a { color: #000 }

#top_navigation, #top_navigation_gray       { width: 100%; margin: 8px 0 19px}
#top_navigation td, #top_navigation_gray td { height: 25px; border-left: 1px solid #FF4B18; padding-left: 5px; padding-right: 5px; font: 10px Verdana; vertical-align: top}
#top_navigation_gray td { border-left: 1px solid #666; }

#news   { height: 224px; height/* */: 226px; }
#news p { margin:0; padding:0; margin-top: 16px; clear: both }

#news_header { 
  margin: 0;
  padding: 4px 10px 19px; 
  border-top: 1px solid #A8A8A8;  
  border-bottom: 1px solid #A8A8A8 ;
  margin-bottom: 3px;
} 

#news_header div.left  { margin:0; padding:0; float: left }
#news_header div.right { margin:0; padding:0; float: right }

#left p  { padding-left: 10px; margin:0; padding-bottom: 10px }
#right p { padding-left: 12px; }

p.mailus, p.contacts, p.how2find { margin: 0; padding:0; margin-top: 8px; font-size: 10px ; }
p.contacts, p.how2find, p.mailus a { color: #666; }
p.how2find img { margin-left: 4px}

#footer { font-size: 10px; margin-top: 15px; padding-top: 10px; margin-bottom: 20px}
#footer p { margin:0; }
                                                  
#copyright     { float: left; width: 480px; margin-top: 20px; color: #000; }
#developer     { float: left; width: 180px; margin-top: 20px; }

#office_all        { width: 100% }
#office_all .left  { float:left; width: 505px; border-right: 1px solid #FF4F1D; width/* */: 504px;}
#office_all .right { float:left; width: 243px; padding-left: 12px; }

#office_all .left h1, #office_all .right h1, h2, #chairs h1 { margin:0; height: 15px; font-size: 11px; color: #666; padding-left: 20px; background: url(../i/h1_bg.gif) no-repeat ; margin-bottom: 7px; }
h2 { font: bold 14px Arial; background: url(../i/h2_bg.gif) 0 1px no-repeat ;} 

#office_all .left  div.img { padding-right: 12px; }
#office_all .right div.img { padding-left: 0; }

div.img     { width: 240px; float: left;  }
div.img img { width: 240px; height: 160px }
div.img a.name, #chairs a.name { font: bold 12px Verdana; display: block; background: url(../i/arrow_orange.gif) 0px 3px no-repeat; margin-top: 5px; margin-bottom: 17px; padding-left: 15px;}

#see_also  { float:left; width: 492px; margin-right: 26px}
#address   { float:left; width: 230px; }

#see_also, #address { margin-top: 19px; padding-top:10px; border-top: 1px solid #A8A8A8}
                                
#see_also          { color: #4C4C4C}
#see_also p { margin-top: 5px; line-height: 15px}
#see_also img  { padding-left: 5px; padding-top: 3px; width: 9px; height: 9px }


#office        { width: 100%;  float: left; background: url(../i/l2_bg.gif) top right repeat-y}
#office .left, #full_pics .left, #office .left_pics { width: 575px; float: left;  }
#office .right { width: 174px; float: right; padding-left: 11px; }

#office #see_also, #office #address, #full_pics #address { margin-right: 0; width: 174px; font-size: 10px }

#preview img       { margin-top: 11px; margin-bottom: 10px; }
#preview a         { display: block; margin-top: 2px; }
#preview a.current { font-weight: bold}

#pics, #info, #loading, #variants { float: left}

#pics         { width: 258px; border: 1px solid #666; padding: 8px; padding-right: 2px; margin-right: 15px; margin-bottom: 16px; width/* */: 246px;}
#pics img     { width: 117px; height: 78px; float: left; margin-top: 6px; margin-right: 6px;}
#pics img.top { width: 240px; height: 160px; margin-top: 2px;}
#info         { width: 288px; }
#loading      { width: 258px; margin-right: 15px; min-height: 1px; /* margin on variants :) */ overflow: hidden; }
#variants     { width: 288px; }

#info p, #info ul { margin:0; margin-bottom: 10px; }
#info ul          { margin-top: 3px; padding:0; margin-left: 20px; }
#info li ul       { margin-bottom: 0; }
#info li          { margin-top: 3px     ; }
#info table       { width: 100%; }
#info table td    { border-top: 1px solid #A8A8A8; padding: 3px 4px 3px 0;}

.loading h1,            #loading h1          { font-size: 12px; height: 16px; color: #3B3B3B; background: url(../i/download.gif) 0px 0px no-repeat; margin:0; padding:0; padding-left: 24px; padding-top: 1px; margin-bottom: 6px  }
.loading div.files,     #loading div.files   { width: 258px; border: 1px solid #A8A8A8; padding-top: 10px; padding-right: 12px; width/* */: 244px;}
.loading div.files,     #loading div.files   { font: 11px Arial}
.loading div.files p,   #loading div.files p { margin: 0; padding:0; padding-left: 35px; margin-bottom: 4px; color: #7F7F7F; }
.loading div.files a,   #loading div.files a { display: block; color: #000; }
.loading div.files img, #loading div.files img { width: 19px; height: 12px ;margin-left: 10px; margin-top: 3px;float: left}

.loading div.files { border:0}
                 
#variants h1    { margin-top: 2px; margin-bottom: 9px; font-size: 11px; color: #000; padding-bottom: 8px; border-bottom: 1px solid #A8A8A8;}
#variants img   { 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; }

#full_pics .left   { width: 580px; float: left; }
#full_pics .right  { width: 180px; float: right; }


#full_pics .left div    { font-size: 10px}
#full_pics .left div p  { margin: 0 }      

#full_current_pic    { float: left; width: 553px; border: 1px solid gray; padding-left: 8px; padding-top: 8px; padding-bottom: 8px}

#full_pics .left div.i      { float: left; margin-top: 13px; width: 129px; padding-left: 12px; padding-bottom: 7px; border-right: 1px solid #A8A8A8}
#full_pics .left div.ileft  { float: left; margin-top: 13px; width: 129px; padding-left: 9px;  padding-bottom: 7px; border-right: 1px solid #A8A8A8} 
#full_pics .left div.iright { float: left; margin-top: 13px; width: 127px; padding-left: 12px; padding-bottom: 7px; border-right: 0 }
      
a.gray    { color: #A8A8A8; font-size: 10px }
a.orange  { color: #FF4B18 }
a.gray    { color: #666;  }

h1, h1 a          { font-size: 15px; margin:0; padding:0; margin-top: 6px; margin-bottom: 9px; color: #FF4F1D }
h1.main, h1.noborder  { font-size: 11px; color: #FF4B18; margin-bottom: 12px; margin-top: 15px;  
                        padding-bottom: 8px; padding-left: 10px; border-bottom: 1px solid #A8A8A8 }
h1.noborder           { margin:0; padding:0; border: 0; display: inline}

h3, h3 a { font-size: 12px; margin:0; padding:0; margin-top: -2px; color: #FF4F1D }
h4, h4 a { font-size: 11px; margin:0; padding:0;}

br.clear  { clear: both}

/*#left h1.main { margin-top: 35px }
#left> h1.main { margin-top: 33px }*/

img       { border: 0}
img.arrow { width: 9px; height: 9px; vertical-align:-1px }
img.logo  { float: left; width: 170px; height: 54px } 
img.right { margin-top: 12px; width:275px; height: 80px}
img.plus  { width: 9px; height: 9px; vertical-align:-2px; margin-left: 3px }

p { text-align: justify }

ul { list-style-type: square }

ul.arrow, ul.arrowb { list-style-type: none; padding: 0; margin: 0; padding-left: 20px }
ul.arrow li, ul.arrowb li { padding: 0; margin: 0; background: url(../i/arrow_orange.gif) 0 6px no-repeat; padding: 4px; padding-left: 15px;}

ul.arrowb li a { font: bold 12px Verdana; }

ul.sitemap { list-style: none; padding:0; margin: 0; margin-left: 20px; margin-top: 10px}
ul.sitemap ul.sitemap { margin-left: -13px; } 
ul.sitemap li { background: url(../i/page.gif) top left no-repeat; margin-top: 5px; padding-top: 2px; padding-bottom: 2px;  padding-left: 25px}
ul.sitemap li.expand { background: url(../i/page+.gif) top left no-repeat; margin-top: 9px; }
ul.sitemap li.expand ul { list-style: none; margin-left: 0px; padding:  0}

/* other internal pages */

#chairs          { width: 760px; float: left; background: url(../i/l2_bg.gif) 380px 0 repeat-y; padding-bottom: 30px}
#chairs .left    { width: 360px; float: left; padding-right: 19px; text-align: right}
#chairs .right   { width: 360px; float: right; padding-left: 19px; text-align: right}

#chairs a.name   { border-top: 1px solid #d1d1d1; margin-top: 14px; padding-top: 9px; background-position: 0 12px} 

#chairs table,        #models table    { margin-bottom: 14px} 
#chairs table td,     #models table td { height: 140px; vertical-align: middle; text-align: center; }
#chairs table th,     #models table th { vertical-align: top; }
#chairs table th p,   #models table th p { margin:0; font-weight: normal; border-top: 2px solid #D1D1D1; padding-top: 3px; padding-left: 11px}
#models table { margin-top: 15px}

#chairs table    { width: 360px }
#models table { width: 100% }
#chairs table td.sp, #chairs_all table td.sp { width: 11px}

#chairs_bottom { float: left; }
#chairs_bottom #see_also  { float:left; width: 360px; margin-right: 38px}
#chairs_bottom #address   { float:left; width: 360px; }

#models        { width: 760px; float: left; background: url(../i/l2_bg.gif) 502px 0 repeat-y; padding-bottom: 30px}
#models .left  { width: 483px; float: left; border-top: 1px solid #A4A4A4 }
#models .right { width: 258px; float: right;  }
#models .rest  { float: left; padding-left: 17px;  }

div.i .left .item     { float: left; border-bottom: 2px solid #D2D2D2; padding-top: 15px; padding-bottom: 15px }
div.i .left div.pic   { float: left; width: 140px; text-align: center;  }
div.i .left div.info  { float: left; width: 343px; padding-top: 10px }
div.i .left div.files { width: 301px }
div.i .left div.info p  { margin-bottom: 10px }
div.i .left div.info ul { margin: 0 0 10px 25px; }

div.contactl { width: 380px; float: left; }
div.contactr { width: 380px; float: left; padding-left: 20px; width/* */: 360px;}

#models #loading { float: left; margin:0; background: #fff; padding-bottom: 15px; }
#models #see_also { width: 230px; margin-right: 0 }

#models .rest p.related {  margin-top: 5px; line-height: 15px }

#models table.accessories td     { vertical-align: middle; text-align: center; }
#models table.accessories td img { margin-top: 5px; margin-bottom: 5px }
#models table.accessories th     { padding-bottom: 20px; }

object.top     { width: 470px; height: 182px; margin-bottom: 21px}
#left> object.top     { width: 470px; height: 182px; margin-bottom: 19px}
object.right   { width: 275px; height: 80px; margin-top: 12px; }

div#counter { position: absolute ; left: -1777px; top 0; }

/*]]>*/