/*<![CDATA[*/

*    { margin: 0; padding: 0; text-align: left }
body { text-align: center; padding-top: 50px; background: #414141 url(/i/bg_body.gif) }

body, td, th, select { font: 11px Tahoma; color: #2d2d2d; }    
div                  { float: left }

#pconteiner { padding-left: 42px; padding-right: 72px }

#page    { width: 100%; float: none }  /* need this block for ie5 min-width */
#left    { width: 247px; color: #fff }
#right   { background: #fff; padding: 0 46px }

#couter   { float: none; padding-top: 35px; background: url(/i/bg_content_top.gif) 0 15px repeat-x }
#content  { float: none }

#bouter   { float: none; width: auto; margin: 0 46px; background: url(/i/bg_bouter.gif) 20px 0 repeat-x; height: 40px; width: 100%; /* width 100 - ie 5.x fix */ wid\th/* */: auto }
#bleft    { padding-top: 30px; padding-left: 50px }
#bright   { padding-top: 30px; background: #fff }

#footer     { float: right; width: 100%; margin-left: -247px; height: 110px }
#fleft      { float: left; padding-top: 25px; width: 247px }
#fright     { float: none; padding-top: 25px; margin-left: 247px; width: 100%; /* width 100 - ie 5.x fix */ wid\th/* */: auto }

#navigation              { width: 100%; height: 42px; background: url(/i/bg_navigation.gif) bottom repeat-x }
#navigation ul           { float: right; list-style: none; font: 12px Tahoma; padding-right: 5px }
#navigation li           { float: left; display: inline; margin-left: 20px; margin-top: 5px; height: 37px }
#navigation li.current   { color: #339999; background: url(/i/bg_navigation_li_current.gif) bottom repeat-x }
#navigation li.current a { color: #339999 }
                   
#navigation li a       { color: #fff; text-decoration: none; float: left; display: block  }
#navigation li a:hover { text-decoration: underline }

#fright ul           { float: right; list-style: none; padding-right: 5px }
#fright li           { float: left; display: inline; border-left: 1px solid #fff; padding-bottom: 1px; padding-left: 5px; padding-right: 17px }
#fright li.current   { color: #339999 }
#fright li.current a { color: #339999 }
                   
#fright li a       { color: #fff; text-decoration: underline }
#fright li a:hover { text-decoration: none }

#fleft      { color: #c0bbbb }
#fleft span, #fleft b { color: #339999 }
#fleft span { font-size: 14px }
#fleft b    { font-weight: normal }
#fleft p    { padding-left: 29px }

#cleft    { color: #fff }
#cleft a  { font-size: 11px; font-weight: bold; color: #339999 }
#cleft h1 { margin-left: -1px; color: #fff }

#left a  { font-size: 11px; font-weight: bold; color: #339999 }
#left h1 { margin-left: -1px; color: #fff }

#clinks  { width: 247px; height: 42px; padding-top: 6px; heig\ht/* */: 36px }

#clinks ul           { float: left; list-style: none; }
#clinks li           { float: left; display: inline; padding-left: 20px; padding-right: 7px }
#clinks li a         { float: left; display: inline-block; padding-left: 20px; background: url(/i/bg_icon_home.gif) left 2px no-repeat }
#clinks li.writeus   { padding-right: 0 }
#clinks li.writeus a { background: url(/i/bg_icon_writeus.gif) left 4px no-repeat }

#lconteiner     { width: 247px; padding: 0 29px; wid\th/* */: 189px }
#lconteiner div { width: 189px }

#logo          { height: 146px }
#logo  img     { margin-left: 10px; margin-top: 20px }

#lshops        { padding-bottom: 20px } 
#lshops h1     { padding-bottom: 6px } 
#lshops select { width: 155px; margin-top: 8px } 

#lshops div select         { display: none } 
#lshops div select.current { display: block } 

#lshops ul { float: left; padding-top: 24px; margin-bottom: -10px;padding-left: 6px; list-style: none; }
#lshops li { padding-left: 26px; padding-bottom: 14px; background: url(/i/bg_shop_li.gif) left 4px no-repeat }
#lshops h2 { font-size: 11px; padding-bottom: 5px }

div.left-action     { height: 264px; padding: 30px 0 }
div.left-action img { margin-top: 16px; border: 1px solid #c6c6c6; width: 168px; height: 198px }

/* vote */
#vote       { padding-bottom: 15px }

#vote h2    { font: bold 11px Tahoma; color: #339999; padding-top: 12px }
#vote form  { float: left; margin-left: -2px; padding-top: 10px }
#vote input { float: left; height: 22px; width: auto; background: none }
#vote label { float: left; margin-top: 4px; padding-left: 7px; text-transform: uppercase }
#vote input, #vote label { cursor: hand; cur\sor/* */: pointer }

#vote div.submit   { float: left; margin-left: 2px; margin-top: 15px; display: inline; width: 120px; height: 16px; background: url(/i/bg_submit_vote.gif) left no-repeat }
#vote div.submit a { text-align: center; display: block; height: 16px; width: 120px; text-decoration: none; font-weight: bold; color: #fff }

#vote.result                 { padding-bottom: 60px }
#vote.result h2              { padding-bottom: 10px }
#vote.result div div div     { width: 181px; padding-bottom: 5px }
#vote.result div div div div { width: 171px; padding-bottom: 0 }
#vote.result img             { float: left; height: 11px }
#vote.result span            { float: right; margin-top: -2px; display: inline-block; width: 30px; text-align: right }
#vote.result p               { float: left; padding: 0; padding-top: 13px }
#vote.result div div div p   { padding-bottom: 2px; width: 140px  }

#lconteiner #counters { padding-top: 125px; padding-bottom: 30px; padding-left: 50px; wid\th/* */: 139px }

#pheader { float: none; width: 100%; padding-top: 10px; flo\at/* */: left }

#content h1 { color: #656565; padding-bottom: 14px }

#content ul { list-style: none }
#content li { padding-bottom: 7px; padding-left: 23px; background: url(/i/bg_shop_li.gif) 5px 3px no-repeat }

#catalog.index { width: 100%; padding-top: 10px }

#catalog div.section         { width: 100%; padding-bottom: 20px  }
#catalog div.section div     { border-left: 1px solid #a2a2a2; border-top: 1px solid #a2a2a2 }
#catalog div.section div img { float: left; border-right: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; width: 271px; height: 195px; margin-left: -3px; margin-right: -3px; marg\in/* */: 0 }

#catalog div.section.goods div img { width: 150px; height: 108px }

#catalog div.details div.image     { width: 360px }
#catalog div.details div.image img { border: 1px solid #ccc; width: 340px; height: 425px }


/* content css */
span.company { font-weight: bold; color: #339999 }

div.news-list         { width: 100% }
div.news-list div     { width: 100%; padding-bottom: 17px }

div.news-list div div { width: 80px; padding-bottom: 0 }
div.news-list h2      { font: bold 12px Tahoma; color: #656565 }
div.news-list p       { padding-bottom: 0 }

#news               { width: 100% }
#news div.item      { padding-bottom: 30px; }
#news div.image     { width: 215px; padding-bottom: 0 }
#news div.image img { width: 198px; height: 148px }
#news h2            { font: bold 12px Tahoma; color: #656565; padding-bottom: 13px }
#news p             { padding-bottom: 10px }

#news.details div.image { padding-bottom: 5px }

#faq                       { width: 100% }
#faq div                   { width: 100% }
#faq div.items div         { padding-bottom: 35px }
#faq div.items div div     { padding: 0; padding-top: 10px }
#faq div.items div div div { padding: 0 }

#faq div div div.question   { background: #f3f3f3; padding-top: 0; color: #206363; font-weight: bold }
#faq p                      { padding: 0 18px }
#faq div div div.question p { padding: 5px 18px }

#guestbook                { width: 100% }
#guestbook div            { width: 100%; padding-bottom: 20px }
#guestbook div div        { padding: 0}

#guestbook div div.title  { background: #f3f3f3; padding-top: 0 }
#guestbook div p          { padding: 5px 18px;  }


#pactions { width: 100%; padding-top: 20px}

div.more { width: 100%; padding-bottom: 18px }
div.more a, 
div.more b { float: left; display: block }
div.more a { border-left: 1px solid #e5e5e5; text-decoration: none }
div.more b { height: 17px; padding-left: 13px; padding-right: 27px; padding-top: 1px; background: url(/i/bg_more_b.gif) right no-repeat; heig\ht/* */: 16px }

div.pages         { width: 100%; padding-top: 10px }
div.pages div     { display: inline; margin-right: 10px; height: 18px }
div.pages div div { margin: 0; border: 0}
div.pages div a   { color: #4c4d49; text-decoration: none; float: left; display: inline-block }
div.pages div div, div.pages div a { padding: 0 6px; text-align: center; height: 20px; border: 1px solid #339999; padding-top: 2px; heig\ht/* */: 16px }
div.pages div a:hover  { color: #111 }

div.pages div.current, div.pages div.current div { background: #339999; color: #fff }
div.pages div.current  div {  }


#form     { width: 100% }
#form div { width: 100%; padding-bottom: 5px }

#form p        { float: left; width: 120px; display: block; font-weight: bold; padding: 4px 0 }
#form input    { float: left }

#form div.submit   { float: left; text-align: center; margin-top: 10px; width: 76px; height: 16px; background: url(/i/bg_submit.gif) no-repeat }
#form div.submit a { text-decoration: none; font-weight: bold; color: #fff }

#form div.protect_code     { width: 430px }
#form div.protect_code img { float: left; width: 90px; height: 19px; border: 1px solid #111; margin-right: 10px }
#form div.protect_code input { float: left; width: 68px; wid\th/* */: 58px }

#form span { float: left; display: block; padding: 4px 10px }


#where2buylist    { width: 100%; padding-top: 10px }
#where2buylist h1 { font: bold 14px Tahoma; color: #339999 }
#where2buylist h2 { font: bold 12px Tahoma; padding-bottom: 4px }

#flash  { width: 750px }

/* map styles */
div.cities     { position: relative; margin-top: -398px !important; height: 398px; width: 542px }
div.cities div { position: absolute; width: auto !important; height: auto !important }

#c1  { left:  49px; top: 156px }
#c2  { left: 172px; top: 312px }
#c4  { left: 142px; top: 188px }
#c6  { left: 150px; top: 278px }
#c7  { left: 151px; top: 253px }
#c8  { left: 213px; top: 180px }
#c9  { left: 125px; top: 226px }
#c10 { left: 283px; top: 270px }
#c11 { left:  69px; top: 227px }
#c12 { left: 437px; top: 278px }
#c13 { left: 158px; top: 216px }
#c14 { left:  94px; top: 246px }
#c15 { left: 108px; top: 162px }
#c16 { left: 134px; top: 175px }
#c17 { left:  50px; top: 198px }
#c18 { left: 110px; top: 209px }
#c20 { left:  32px; top: 223px }
#c21 { left: 105px; top: 323px }
#c22 { left:  14px; top: 240px }
#c24 { left: 156px; top: 266px }
#c25 { left:   1px; top: 166px }
#c26 { left: 216px; top: 245px }
#c27 { left:  48px; top: 143px }
#c29 { left:  33px; top: 184px }
#c30 { left: 185px; top: 204px }
#c31 { left:  97px; top: 134px }
#c32 { left:  99px; top: 148px }
#c33 { left: 232px; top: 194px }
#c34 { left: 112px; top: 198px }
#c36 { left:  37px; top: 211px }



/* common styles */ 
a       { color: #339999 }
a:hover { text-decoration: none; cursor: pointer }

h1      { font: 18px Tahoma }
img     { border: 0; display: block }
p, 
#content ul { padding-bottom: 18px }
table   { border-collapse: collapse } 
table th, table td { vertical-align: top }

select { background: #fff }

input, textarea { background: #eee; font: 11px Tahoma; color: #000; width: 170px; padding: 2px 5px; wid\th/* */: 160px } 

textarea { width: 90%; height: 101px; padding-bottom: 6px; wid\th/* */: 501px; heig\ht/* */: 89px }

.error      { color: #5d998d }
span.error  { font-size: 11px; font-weight: normal }
input.error, textarea.error { background: #5d998d; color: #fff  }


/* opera 8.5 and up */
@media all and (min-width: 0px) {
  #vote form { margin-left: 0 }
}

xmp { color: #fff }

/*]]>*/