html{height: 100%;}
body{height: 100%;padding: 0;margin: 0;font: 62.5%/1.4 arial,sans-serif;}
img{border: none;}
img.r{float: right;margin: 0 0 20px 50px;}

.container{min-height: 100%;_height: 100%;margin-bottom: -95px;min-width: 1000px;_width: 1000px;_width: expression(body.clientWidth>1000 ? "100%" : "1000px");background: url("grey_line.gif") repeat-y 0 0;}
.padding{padding-left: 50px;}

.header{background: url("header_bg.gif") repeat-x 0 0; height: 129px;border-bottom: 1px solid #f0e7d7;position: relative;}
.header h1{position: absolute; width: 383px; height: 53px; text-indent: -9999px; overflow: hidden; left: 245px; top: 30px;}
.logo{position: absolute;top: 5px;left: 35px;width: 167px;height: 34px;}
.mainlogo{position: absolute;top: 0px;left: 0px;width: 300px;height: 34px;}
.contacts{position: absolute;top: 0px;left: 202px;width: 629px;height: 28px;}
.menu{position: absolute;top: 106px;left: 36px;font-size: 1.4em;}

.nav{position: absolute;top: 20px;left: 10px;height: 48px;width: 14px;}
.nav a{margin-right: 20px;}

.menu a{float: left;}
.menu span.sep{float: left;padding: 0 20px 0 20px;font-size: 1.2em;}

.middle{padding: 36px;font-size: 1.2em;color: #333;//min-height: 1%;_height: 1%;}
.middle:after{content: '.';clear: both;display: block;visibility: hidden;height: 0;}

.crumbs{margin-bottom: 1em;}
.crumbs a{color: #bababa!important;}
.crumbs h1{display: inline;margin: 0;font-size: 1.5em;font-weight: normal;}
.crumbs .curpage{display: inline;margin: 0;font-size: 1.5em;font-weight: normal;}

h2{font-size: 117%;margin: 1.5em 0 0.2em 0;}
h3,h4,h5,h6{font-size: 1em;margin: 1.5em 0 0.2em 0;}
p{margin: 0 0 1em 0;width: 900px;}

.footer_ghost{height: 50px;}
.footer{height: 95px;position: relative;min-width: 900px;_width: 900px;_width: expression(body.clientWidth>900 ? "auto" : "900px");}
.counters{width: 487px;position: absolute;left: 440px;top: 45px;height: 35px;}
.slogan{height: 156px; width: 51px;overflow: hidden;text-indent: -1000px;position: absolute;top: 0;left: 0;}

.green .header h1{background: url("schoolforma-2.gif") center no-repeat;}
.green .crumbs .curpage{color: #38b215;}
.green a{color: #38b215;}
.green .menu{color: #38b215;}
.green .menu a{color: #38b215;display: block;}
.green .menu a:before,.green .menu a span.before{line-height: 1;display: block;}

.green .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.green .menu .sep:before,.green .menu .sep .before{line-height: 1;display: block;content: url("sep.gif");}
.green .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep.gif" alt="" /></span>'));}

.green .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.green .menu a#about:before{content: url("about.gif");}
.green .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about.gif" alt="" /></span>'));}

.green .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.green .menu a#collection:before{content: url("collection-1.gif");}
.green .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-1.gif" alt="" /></span>'));}

.green .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.green .menu a#contacts:before{content: url("contacts.gif");}
.green .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts.gif" alt="" /></span>'));}

.green .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.green .menu a#order:before{content: url("order.gif");}
.green .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order.gif" alt="" /></span>'));}

.green .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.green .menu a#rules:before{content: url("rules-1.gif");}
.green .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-1.gif" alt="" /></span>'));}

.green .footer{background: url("footer_bg.gif") no-repeat;}
.green .slogan{background: url("slogan.gif") no-repeat 0 0;}

.orange .header h1{background: url("schoolforma-3.gif") center no-repeat;}
.orange .crumbs .curpage{color: #ff6801;}
.orange a{color: #ff6801;}
.orange .menu{color: #ff6801;}
.orange .menu a{color: #ff6801;display: block;}
.orange .menu a:before,.orange .menu a span.before{line-height: 1;display: block;}

.orange .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.orange .menu .sep:before,.orange .menu .sep .before{line-height: 1;display: block;content: url("sep-1.gif");}
.orange .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep-1.gif" alt="" /></span>'));}

.orange .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.orange .menu a#about:before{content: url("about-1.gif");}
.orange .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about-1.gif" alt="" /></span>'));}

.orange .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.orange .menu a#collection:before{content: url("collection-2.gif");}
.orange .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-2.gif" alt="" /></span>'));}

.orange .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.orange .menu a#contacts:before{content: url("contacts-1.gif");}
.orange .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts-1.gif" alt="" /></span>'));}

.orange .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.orange .menu a#order:before{content: url("order-1.gif");}
.orange .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order-1.gif" alt="" /></span>'));}

.orange .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.orange .menu a#rules:before{content: url("rules-2.gif");}
.orange .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-2.gif" alt="" /></span>'));}

.orange .footer{background: url("footer_bg-1.gif") no-repeat;}
.orange .slogan{background: url("slogan-1.gif") no-repeat 0 0;}

.yel .header h1{background: url("schoolforma-4.gif") center no-repeat;}
.yel .crumbs .curpage{color: #f3d712;}
.yel a{color: #ff6801;}
.yel .menu{color: #f3d712;}
.yel .menu a{color: #f3d712;display: block;}
.yel .menu a:before,.yel .menu a span.before{line-height: 1;display: block;}

.yel .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.yel .menu .sep:before,.yel .menu .sep .before{line-height: 1;display: block;content: url("sep-2.gif");}
.yel .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep-2.gif" alt="" /></span>'));}

.yel .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.yel .menu a#about:before{content: url("about-2.gif");}
.yel .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about-2.gif" alt="" /></span>'));}

.yel .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.yel .menu a#collection:before{content: url("collection-3.gif");}
.yel .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-3.gif" alt="" /></span>'));}

.yel .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.yel .menu a#contacts:before{content: url("contacts-2.gif");}
.yel .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts-2.gif" alt="" /></span>'));}

.yel .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.yel .menu a#order:before{content: url("order-2.gif");}
.yel .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order-2.gif" alt="" /></span>'));}

.yel .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.yel .menu a#rules:before{content: url("rules-3.gif");}
.yel .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-3.gif" alt="" /></span>'));}

.yel .footer{background: url("footer_bg-2.gif") no-repeat;}
.yel .slogan{background: url("slogan-2.gif") no-repeat 0 0;}

.red .header h1{background: url("schoolforma-5.gif") center no-repeat;}
.red .crumbs .curpage{color: #f31212;}
.red a{color: #f31212;}
.red .menu{color: #f31212;}
.red .menu a{color: #f31212;display: block;}
.red .menu a:before,.red .menu a span.before{line-height: 1;display: block;}

.red .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.red .menu .sep:before,.red .menu .sep .before{line-height: 1;display: block;content: url("sep-3.gif");}
.red .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep-3.gif" alt="" /></span>'));}

.red .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.red .menu a#about:before{content: url("about-3.gif");}
.red .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about-3.gif" alt="" /></span>'));}

.red .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.red .menu a#collection:before{content: url("collection-4.gif");}
.red .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-4.gif" alt="" /></span>'));}

.red .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.red .menu a#contacts:before{content: url("contacts-3.gif");}
.red .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts-3.gif" alt="" /></span>'));}

.red .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.red .menu a#order:before{content: url("order-3.gif");}
.red .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order-3.gif" alt="" /></span>'));}

.red .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.red .menu a#rules:before{content: url("rules-4.gif");}
.red .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-4.gif" alt="" /></span>'));}

.red .footer{background: url("footer_bg-3.gif") no-repeat;}
.red .slogan{background: url("slogan-3.gif") no-repeat 0 0;}

.vio .header h1{background: url("schoolforma-1.gif") center no-repeat;}
.vio .crumbs .curpage{color: #4a258f;}
.vio a{color: #4a258f;}
.vio .menu{color: #4a258f;}
.vio .menu a{color: #34a258f;display: block;}
.vio .menu a:before,.vio .menu a span.before{line-height: 1;display: block;}

.vio .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.vio .menu .sep:before,.vio .menu .sep .before{line-height: 1;display: block;content: url("sep-4.gif");}
.vio .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep-4.gif" alt="" /></span>'));}

.vio .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.vio .menu a#about:before{content: url("about-4.gif");}
.vio .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about-4.gif" alt="" /></span>'));}

.vio .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.vio .menu a#collection:before{content: url("collection-5.gif");}
.vio .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-5.gif" alt="" /></span>'));}

.vio .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.vio .menu a#contacts:before{content: url("contacts-4.gif");}
.vio .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts-4.gif" alt="" /></span>'));}

.vio .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.vio .menu a#order:before{content: url("order-4.gif");}
.vio .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order-4.gif" alt="" /></span>'));}

.vio .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.vio .menu a#rules:before{content: url("rules-5.gif");}
.vio .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-5.gif" alt="" /></span>'));}

.vio .footer{background: url("footer_bg-4.gif") no-repeat;}
.vio .slogan{background: url("slogan-4.gif") no-repeat 0 0;}

.second .header h1{background: url("schoolforma-5.gif") center no-repeat;}
.second .crumbs .curpage{color: #f31212;}
.second .menu{color: #f31212;}
.second a{color: #f31212;}
.second .menu a{color: #f31212;display: block;}
.second .menu a:before,.second .menu a span.before{line-height: 1;display: block;}

.second .menu .sep{height: 12px; width: 14px;overflow: hidden;padding-top: 6px;}
.second .menu .sep:before,.second .menu .sep .before{line-height: 1;display: block;content: url("sep-3.gif");}
.second .menu .sep{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="sep-3.gif" alt="" /></span>'));}

.second .menu a#about{width: 95px;height: 22px;overflow: hidden;line-height: 22px;}
.second .menu a#about:before{content: url("about-3.gif");}
.second .menu a#about{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="about-3.gif" alt="" /></span>'));}

.second .menu a#collection{width: 84px;height: 22px;overflow: hidden;line-height: 22px;}
.second .menu a#collection:before{content: url("collection-4.gif");}
.second .menu a#collection{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="collection-4.gif" alt="" /></span>'));}

.second .menu a#contacts{width: 87px;height: 22px;overflow: hidden;line-height: 22px;}
.second .menu a#contacts:before{content: url("contacts_na.gif");}
.second .menu a#contacts{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="contacts_na.gif" alt="" /></span>'));}

.second .menu a#order{width: 154px;height: 23px;overflow: hidden;line-height: 22px;}
.second .menu a#order:before{content: url("order-3.gif");}
.second .menu a#order{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="order-3.gif" alt="" /></span>'));}

.second .menu a#rules{width: 159px;height: 23px;overflow: hidden;line-height: 22px;}
.second .menu a#rules:before{content: url("rules-4.gif");}
.second .menu a#rules{//zoom: expression(runtimeStyle.zoom = 1,insertAdjacentHTML('afterBegin','<span class="before"><img src="rules-4.gif" alt="" /></span>'));}

.second .footer{background: url("footer_bg-3.gif") no-repeat;}
.second .slogan{background: url("slogan-3.gif") no-repeat 0 0;}

table.data{width: 100%;border-collapse: collapse;margin: 1em 0 1em 0;}
table.data th{padding: 8px 8px;text-align: left;}
table.data th.center{text-align: center;}
table.data td{padding: 8px 8px;text-align: left;}
table.data tr.odd td{background-color: #eee;}

.vibor{padding-right: 40px; margin-right: 40px; width: 250px; margin-right: 10px; float: left}
.vibor ul{list-style: none}
.info{width: auto; min-width: 1010px;}
.info .descr{padding-top: 30px;width: auto;}
.info .photo1{float: left; margin: 20px 20px 20px 0;}
.info .photo2{float: right;margin: 20px 0 20px 20px;}
.vibor a{color: #000}
.vibor span{color: #FF0000; font-weight: bold}
.info form{margin: 0;padding: 0;}

table.order td{vertical-align: top;}
span.required{color: #f00;}
p.err_msg{color: #f00;}

a.dashed{text-decoration: none;border-bottom-width: 1px;border-bottom-style: dashed;}

.item a img, a.img img{border: solid 1px #cccccc;}
.item a:hover img, a:hover.img img{border: solid 1px #ff0000;}

a.img{margin-right: 20px;}

.col div.item{float: left;width: 25%; text-align: center;margin-bottom: 40px}
.col div.item img{margin-bottom: 0px}
.col div.item span{color: #FF0000; font-weight: bold}
.col a{color: #000}
.col h2{margin-bottom: 40px}
.col{PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 100%; PADDING-TOP: 5px}

.pricelist{font-size: medium; font-weight: bold;}

.modelnumber {color: #FF0000; font-weight: bold; font-size: 15px;}