* { font-size: 100% }
html { height: 100% }
body { font-family: verdana, tahoma, arial, sans-serif; font-size: .8em; background: #ffffff }
body, a { color: #212433 }
body, .Body { margin: 0; padding: 0; width: 100%; height: 100% }
a:hover { text-decoration: underline !important }
table { border-collapse: collapse; border: 0 }
td, th { border: 0; padding: 0; vertical-align: top; text-align: left }
img { border: 0 }
ul, ul.Spaced { padding: 0; margin: 1em 0 1em 0 }
ol { padding: 0; margin: 1em 0 1em 2em }
ol.Spaced { margin: 1em 0 1em 0em }
ul li { margin: 0 }
ol li { margin: 0 0 0 0em }
ul.Spaced li, ol.Spaced li { margin: 0 0 1em 1em }
ul li { list-style-image: url(i/li.gif);  }
small { font-size: 70% }

h1,h2,h3,h4,h5,h6 { font-weight: normal }
h1,h2 { margin: 1em 0 0.5em 0 }
h3,h4 { margin: 0.7em 0 0.3em 0 }
h5,h6 { margin: 0.5em 0 0.1em 0 }
h1 { font-size: 2em }
h2 { font-size: 1.5em }
h3 { font-size: 1.3em }
h4 { font-size: 1.2em }
h5 { font-size: 1.1em }
h6 { font-size: 1em }

dfn { font-style: normal; color: #535353; font-size: 80% }
em { font-style: normal; background: #ebebeb }

input, textarea { font-family: verdana, tahoma, arial, sans-serif }

#Header { height: 140px; background: #535353 url(i/h_bg.gif); }
#HeaderL1 { height: 140px; background: url(i/h_r.gif) repeat-x bottom left }
#HeaderL2 { height: 140px; background: url(i/h_l.gif) no-repeat }
#Header table.Main { height: 140px }
#Header td.Logo { padding-top: 42px; padding-left: 35px }
#Header td.Logo img { width: 173px; height: 49px }
#Header td.Service { text-align: right; vertical-align: top; color: #ffffff }
#Header td.Service a { color: #ffffff }
#Header td.Service img { vertical-align: -1px }
#Header img#IconEnter { width: 9px; height: 11px }
#Header td.Menu { vertical-align: bottom; padding-left: 65px }
#Header td.Menu img { width: 705px; height: 31px; margin-bottom: 1px }
#Header td.Menu div.Selection { position: absolute; margin-top: 28px; width: 0; background: #f1de3a; height: 3px; font-size: 0 }
#Selection_about { margin-left: 2px; width: 159px !important }
#Selection_price { margin-left: 162px; width: 128px !important }
#Selection_presets { margin-left: 291px; width: 132px !important }
#Selection_order { margin-left: 425px; width: 122px !important }
#Selection_contacts { margin-left: 548px; width: 156px !important }

.Content { padding: 5px } 
.Error { color: red }
.Spaced { margin: 0 1em 0 1em }
.Clear { clear: both }
.Null { font-size: 0; width: 0; height: 0 }
.Remark { font-size: 85% }
.Compact { margin: 0; padding: 0 }

img#wgard { width: 27px; height: 13px; background: url(i/wgard.gif) }
img#wgaru { width: 27px; height: 13px; background: url(i/wgaru.gif) }

input { vertical-align: -3px }
input.Submit { background: #eac83b url(i/gr/f7ee3a-eac83b-v15.gif) repeat-x top left; border: 2px solid black; text-transform: uppercase; font-weight: bold; font-size: 80%; padding: 0 1em 1px 1em }
.Hot input.Submit { background: #bd342b url(i/gr/e14414-bd342b-v15.gif) repeat-x top left; border: 2px solid black; color: #ffffff }


#Footer { vertical-align: bottom; }
#Footer .Main { width: 1000px }
#Footer .Main td { vertical-align: bottom }
#Footer .Menu { padding: 9px 55px 12px 55px }
#Footer .Menu a { text-decoration: none }
#Footer .Menu a:hover { text-decoration: underline }
#Footer .Logo { padding: 50px 25px 20px 85px; text-align: right }
#Footer .Logo img { width: 135px; height: 37px }
#Footer .Base { width: 100%; background: #535353; color: #ffffff }
#Footer .Base a { color: #ffffff; text-decoration: none }
#Footer .Base a:hover { text-decoration: none }
#Footer .Text { width: 790px; font-size: 0.9em }
#Footer .Text p { margin: 9px 55px 7px 55px }

td.Frontpage, td.Interpage { height: 100% } 
#Frontpage, #Interpage { width: 978px }

#Interpage .Head { height: 50px; background: url(i/h_o.gif) no-repeat top left }
#Interpage #Content { padding-left: 40px }

#Splash { width: 100%; color: #ffffff; background: #535353 url(i/h_o_alter.gif) no-repeat top left }
#Splash .SplashL1 { background: url(i/rc/535353-ffffff-br.gif) no-repeat bottom  right; padding: 35px 0 15px 0 }

#Content *:first-child { margin-top: 0 }

table.Blocks { width: 100%; height: 100% }
td.Block { height: 100%; padding: 15px 0 0 15px }
td.ColumnLeft { width: 200px }
td.Helper { vertical-align: bottom; height: auto }
.Interpage td.Helper { vertical-align: top; padding-top: 30px }

table.DedicatedModules { margin: 0 0 15px 45px; width: 100% }
table.DedicatedModules td { padding: 0 15px 0 15px }
table.DedicatedModules h3 { margin: 0 0 0.3em 0; white-space: nowrap }
table.DedicatedModules p { margin: 0; font-size: 0.88em }
table.DedicatedModules .Specification { font-weight: bold }
table.DedicatedModules .Price { padding-top: 0.6em; padding-bottom: 1.2em }

div.Block, div.Block .L1, div.Block .L2, div.Block .L3, div.Block .L4 { height: 100% }

div.Block div.Inner { padding: 0.6em 0.8em 0.8em 0.8em }
div.Block h3 { margin: 0 }

div.Block .Extra { height: 100%; background: #bbe342 url(i/st/bbe342-c3eb48.gif) }
div.Block .Extra em { background: #2d2d2d; color: #ebebeb; font-style: normal; padding: 0 0.2em 0 0.1em }
div.Block .Extra .L1 { background: url(i/rc/bbe342t-ffffff-tr.gif) no-repeat top right }
div.Block .Extra .L2 { background: url(i/rc/bbe342t-ffffff-br.gif) no-repeat bottom right }
div.Block .Extra .L3 { background: url(i/rc/bbe342t-ffffff-bl.gif) no-repeat bottom left }
div.Block .Extra .L4 { background: url(i/rc/bbe342t-ffffff-tl.gif) no-repeat top left }

div.Block .Light { height: 100%; background: #ebebeb url(i/st/ebebeb-e6e6e6.gif) }
div.Block .Light em { background: #2d2d2d; color: #ebebeb; font-style: normal; padding: 0 0.2em 0 0.1em }
div.Block .Light .L1 { background: url(i/rc/e6e6e6t-ffffff-tr.gif) no-repeat top right }
div.Block .Light .L2 { background: url(i/rc/e6e6e6t-ffffff-br.gif) no-repeat bottom right }
div.Block .Light .L3 { background: url(i/rc/e6e6e6t-ffffff-bl.gif) no-repeat bottom left }
div.Block .Light .L4 { background: url(i/rc/e6e6e6t-ffffff-tl.gif) no-repeat top left }

div.Block .Helper { background: #2d2d2d; color: #ffffff; margin-bottom: 15px }
div.Block .Helper table.Inner { margin: 20px auto 20px auto }
div.Block .Helper a { color: #ffffff }
div.Block .Helper p { margin: 0 }
div.Block .Helper .L1 { background: url(i/rc/2d2d2d-535353-tr.gif) no-repeat top right }
div.Block .Helper .L2 { background: url(i/rc/2d2d2d-535353-br.gif) no-repeat bottom right }
div.Block .Helper .L3 { background: url(i/rc/2d2d2d-535353-bl.gif) no-repeat bottom left }
div.Block .Helper .L4 { background: url(i/rc/2d2d2d-535353-tl.gif) no-repeat top left }
.Interpage div.Block .Helper .L1 { background: url(i/rc/2d2d2d-ffffff-tr.gif) no-repeat top right }
.Interpage div.Block .Helper .L2 { background: url(i/rc/2d2d2d-ffffff-br.gif) no-repeat bottom right }
.Interpage div.Block .Helper .L3 { background: url(i/rc/2d2d2d-ffffff-bl.gif) no-repeat bottom left }
.Interpage div.Block .Helper .L4 { background: url(i/rc/2d2d2d-ffffff-tl.gif) no-repeat top left }



div.Block .Offer { height: 100%; min-width: 150px; background: #bd342b url(i/gr/f14c0a-bd342b-v.gif) repeat-x top left; color: #ffffff }
div.Block .Offer .L1 { background: url(i/rc/bd342bt-ffffff-bl.gif) no-repeat bottom left }
div.Block .Offer .L2 { background: url(i/rc/bd342bt-ffffff-br.gif) no-repeat bottom right }
div.Block .Offer h3 { padding: 0.6em 0.8em 0.2em 0.8em }
div.Block .Offer a { color: #ffffff }
div.Block .Offer em { font-style: normal; font-weight: bold }
div.Block .Offer p { margin: 0 0 1em 0 }
div.Block .Offer div.Head { color: #000000; background: #f14c0a url(i/st/f14c0a-f16b36.gif) }
div.Block .Offer div.Head .L1 { background: url(i/rc/f14c0at-ffffff-tl.gif) no-repeat top left }
div.Block .Offer div.Head .L2 { background: url(i/rc/f14c0at-ffffff-tr.gif) no-repeat top right }
div.Block .Offer table.Inner { width: 0%; margin: 0 auto 0 auto }
div.Block .Offer table.Inner td { padding: 0 15px 0 15px }
div.Block .Offer table.Inner h4 { margin: 0; padding: 0.6em 0 0.2em 0; white-space: nowrap }
div.Block .Offer img.Discount { padding-right: 15px }


div.TableExtra table.Striped { width: 100%; color: #000000; margin-bottom: 1em }
div.TableExtra table.Striped td, div.TableExtra table.Striped th { padding: 4px 15px 4px 15px; text-align: center }
div.TableExtra table.Striped .Col0 { text-align: left; padding: 4px }
div.TableExtra table.Striped th { background: #51468b; color: #ffffff; border: 1px solid #ffffff; border-left: 0; border-right: 0 }
div.TableExtra table.Striped tr.Row0 { background: #bbe342 }
div.TableExtra table.Striped tr.Row1 { background: #cff852 }
div.TableExtra table.Striped tbody.Notice tr.Row0 { background: #e7d537 }
div.TableExtra table.Striped tbody.Notice tr.Row1 { background: #f7ee3a }

div.TableExtra td input.Submit { margin: 0.8em }

div.Data table.Striped td { padding: 0.2em }

table.Form p { margin: 0 0 0.5em 0 }
table.Form td { padding: 1em 1em 1em 0; vertical-align: baseline }
table.Form td.Name { vertical-align: top; white-space: nowrap }
table.Form td.Data { width: 100% }

table.FormSubmit { width: 100% }
table.FormSubmit td.Prev { text-align: left }
table.FormSubmit td.Next { text-align: right }

div.Steps { background: #ebebeb; padding: 15px; margin: 2em 0 1em 0 }
div.Steps span { margin-right: 0.5em }

div.Data table td.Col1 { text-align: left }

