/* Основные стили */



* {

margin:0;

padding:0;

}



body {

background:#FFF;

color:#333;

font-family:verdana;

font-size:11px;

text-align: center;

}



img {border: 0;}

sup, sub {font-size: 80%;}



a {color: #006294;}

a:link {color: #006294;}

/*a:visited {color: #000;}*/

a:hover {color: #C03;}



h1, h2, h3, h4, h5, h6 {}



h1, h2 {font-family: arial;font-size: 16px;}

h3 {font-size: 11px;}





.orange {

color:#FF7E00;

}



.green {

color:#090;

}



.hidden {display: none;}



.clear {clear:both;height:0px;overflow:hidden;}



.this {border-collapse:collapse;empty-cells:show;width:100%;}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

* Стиль области контента                                                           *

* Внутри этой области не допускается никаких вложенных элементов шаблона страницы  *

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#Content {

padding: 10px 0;

}



        #Content p, #Content h2 {

    padding: 0 0 20px;

    }



    #Content p {

    line-height: 17px;

    padding: 0 0 10px;

    }



    #Content h3.hr {

    height: 1px;

    background: #ccc;



    margin: 0 0 20px;

    }



    #Content img {

    border: 3px solid #9c6;

    margin: 0 0 0 15px;

    }



/* Переключатель страниц */

div.pages {

padding: 0 0 20px;

}







div.pages * {

float: left;

padding: 2px 4px;

margin: 0 5px 0 0;

}



/* Выбранная страница */

div.pages span.selected {background:#FFA029; font-weight: bold; color:#fff;}

div.pages a {text-decoration: none;}

div.pages a:hover {}



/* * * * * * * * *

* Стили веб-форм *

* * * * * * * * */

input, textarea {

width: 98%;

border: 1px solid #D6D6D6;

background: #FFFFF5;

padding: 1px;

color:#525D6C;

font-size: 12px;

font-family: arial;

}



div.form {

margin: 0 0 20px;

border-bottom: 1px solid #ccc;

text-align: center;

}



.form table {

width: 80%;

margin: 0 auto 20px;

text-align: left;

}



.form label {

display: block;

padding: 0 0 5px;

}



.form label * {

vertical-align: middle;

}



.form fieldset {

border: 0;

}



.form fieldset input {

width: auto;

margin: 0 5px 0 0;

border: 0;

background:#fff;

}



.form th {} /* Заголовок */

.form td {vertical-align: top; border-right: 3px solid #fff;}

.form td.required {border-right: 3px solid #FFE897;}

.form input {}

.form textarea {}

.form input.button {background:#F8F8F8; color:#333;}

.form td.formLabel {width: 20%;} /* Ячейка, содержащая метку (подпись) элемента управления */

.form span.hint {display: block; color:#999;} /* Метка, имеющая подсказку */

.form th.formHeader {} /* Подзаголовок */

.form td.formText {} /* Ячейка, содержащая простой текст */

.form td.buttons {width:20%;} /* Ячейка, содержащая кнопки формы */



.requiredFields {

font-size: 10px;

text-align: right;

color:#909090;

height:12px;

line-height:12px;

border-top: 1px solid #ccc;

}

/* * * * * * * * * * * * * * * * * * * * * * * * * *

* Стили, используемые информационными сообщениями  *

* * * * * * * * * * * * * * * * * * * * * * * * * */

/* Сообщения об ошибках */

div.errorBox {background: #fff; color: #000; border: solid 2px #f00; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}

div.errorBoxCap {background: #f00; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}

/* Информационные сообщения */

div.infoBox {background: #fff; color: #000; border: solid 2px #25b; font-size: 8pt; padding: 5px; margin: 0 2px 2px 2px;}

div.infoBoxCap {background: #25b; color: #fff; font-weight: bold; padding: 2px 5px 0px 5px; margin: 2px 2px 0 2px;}



/* * * * * * * * * * * * * * * * * * * * * *

* Дополнительные стили модулей расширения  *

* * * * * * * * * * * * * * * * * * * * * */

.clear, #Content h3.hr, div.pages, div.form, .topMenu1 td.sep span, span.gap, .block, .blockWide, .series, .block2cols, .marki, .markiWide, .specialOffer {overflow: hidden;}

#Content, div.pages, div.form, .content, .block, .blockWide, .series, .block2cols, .banner li, .marki, .markiWide, .specialOffer {//zoom:1;}

.banner img {//display: block;}



/*?=wrap

----------------------*/

#Ruler {

position:absolute;

top: 0px;

left: 0px;

width: 100%;

height: 1px;

}



.wrap {

min-width: 1000px;

max-width: 1200px;

width: 100%;

margin: 0 auto;

text-align: left;

background: url('/style/leftLines.gif') left top repeat-y;

}



* html .wrap {

width: expression((document.getElementById('Ruler')) ? ((document.getElementById('Ruler').clientWidth > 1200) ? '1200px' : ((document.getElementById('Ruler').clientWidth < 1000) ? '1000px' : '100%')) : '100%');

}





/*?=header

----------------------*/

.header {

height: 234px;

position: relative;

background: url('/style/header/bg.gif') left top repeat-x;

}



.topMenu {

height: 224px;

background: url('/style/topMenu/bg.gif') left top repeat-x;

margin: 0 188px 0 227px;

}



.topMenuL {

height: 224px;

background: url('/style/topMenu/left.gif') left top no-repeat;

}



.topMenuR {

height: 224px;

background: url('/style/topMenu/right.gif') right top no-repeat;

}



/*?=topMenu1

----------------------*/

.topMenu1 {

height: 34px;

margin: 0 0 7px;

padding: 0 16px;

text-align:center;

font-size: 10px;

}



.topMenu1 td {

height: 34px;

background: url('/style/bullet01.gif') 50% top no-repeat;

}



.topMenu1 td.sep {

background: none;

width: 3px;

}



.topMenu1 td.sep span {

display: block;

width: 3px;



height: 34px;

background: url('/style/sep.gif') 1px top no-repeat;

}



.topMenu1 td a, .topMenu1 td a.active {

display: block;

height: 34px;

text-decoration: none;

}



.topMenu1 td a:hover, .topMenu1 td a.active {

background: url('/style/sepL.gif') left 18px no-repeat;

}



.topMenu1 td a span, .topMenu1 td a.active span {

display: block;

height: 19px;

padding: 15px 20px 0;

color:#757575;

}



.topMenu1 td a:hover span, .topMenu1 td a.active span {

background: url('/style/sepR.gif') right 18px no-repeat;

cursor: pointer;

color:#000;

}





/*?=topMenu2

----------------------*/

.topMenu2 {

height: 174px;

padding: 0 16px;

text-align: center;

font-size: 10px;

}



.a1, .a2, .a3, .a4 {

width: 25%;

}



.a1 a {background: url('/style/a1.gif') 50% top no-repeat;   }

.a1 a:hover, .a1 p.active {background: url('/style/a1.gif') 50% -364px no-repeat;}



.a2 a {background: url('/style/a2.gif') 50% top no-repeat;   }

.a2 a:hover, .a2 p.active {background: url('/style/a2.gif') 50% -364px no-repeat;}



.a3 a {background: url('/style/a3.gif') 50% top no-repeat;   }

.a3 :hover, .a3 p.active {background: url('/style/a3.gif') 50% -364px no-repeat;}



.a4 a {background: url('/style/a4.gif') 50% top no-repeat;   }

.a4 a:hover, .a4 p.active {background: url('/style/a4.gif') 50% -364px no-repeat;}



.topMenu2 a, .topMenu2 p.active {

display: block;

padding: 137px 0 0;

text-decoration: none;

//float: left;

//width: 100%;

}



.topMenu2 a span, .topMenu2 p span {

display: block;

}



.topMenu2 a span.one, .topMenu2 p.active span.one {

background:#fff;

border: 1px solid #D6D6D6;

height: 15px;

color:#A6A6A6;

cursor: pointer;

}



.topMenu2 a:hover span.one, .topMenu2 p.active span.one {

background:#c03;

color:#fff;

}



.topMenu2 a span.two, .topMenu2 p span.two {

background: url('/style/twoL.gif') left top no-repeat;

height: 20px;

}



.topMenu2 a span.two span, .topMenu2 p.active span.two span {

background: url('/style/twoR.gif') right top no-repeat;

line-height: 20px;

height: 20px;

color:#3A3A3A;

cursor: pointer;

}



.topMenu2 a:hover span.two span, .topMenu2 p.active span.two span  {

color:#c03;

}



span.gap {

display: block;

width: 1px;

}



.topMenu2 p.active span.one, .topMenu2 p.active span.two span, .topMenu1 td p.active span {

cursor: default;

}



/*?=headerL

----------------------*/

.headerL {

position: absolute;

left: 0;

top: 0;

width: 215px;

height: 216px;

background: url('/style/headerL.gif') left top no-repeat;

padding: 8px 0 0 12px;

text-align: center;

}



.headerL div {

font-weight: bold;

height: 28px;

line-height: 28px;

color:#fff;

font-size: 10px;

margin: 0 0 23px;

}



.logo {

margin: -10px 0 0 0px;

}



.question {

display: block;

width: 100px;

height: 70px;

line-height: 74px;

font-size: 10px;

background: url('/style/question.gif') 6px 50% no-repeat;

border-top: 1px solid #ddd;

text-align: left;

padding: 0 0 0 82px;

margin: 0 auto;

}



/*?=hotLine

----------------------*/

.hotLine {

position: absolute;

right: 27px;

top: 0;

}



/*?=contacts

----------------------*/

.contacts ul {

position: absolute;

right: 0;

top: 189px;

width: 188px;

list-style: none;

}



.contacts li {

font-size: 10px;

padding: 0 0 5px 31px;

background: url('/style/arrows/01.gif') 8px 6px no-repeat;

}



/*?=content

----------------------*/

.content {

padding: 0 0 40px 8px;

}



.left {

float: left;

width: 210px;

min-height: 50px;

height: auto !important;

height: 50px;

}



.rightRedSep {

margin: 0 0 0 236px;

height: 20px;

border-top: 1px solid #c03;

background: url('/style/arrows/02.gif') left 2px no-repeat;

}



.center {

margin: 0 246px 0 236px;

}



.centerWide {

margin: 0 246px 0 0;

}



        .block p, .block h2, .blockWide p, .blockWide h2 {

        padding: 0 0 20px;

        }



    .block h3 {

    padding: 0 0 10px;

    }



    h2.nospace {

    padding: 0 0 2px;

    }



    .block p, .blockWide p {

    line-height: 17px;

    }



    .block {

    margin: 0 0 20px;

    border-bottom: 1px solid #ccc;

    }



    .blockWide {

    margin: 0;

    }



            .brandImage {

        float: right;

        margin: 0 0 0 10px;

        }



    .series {

    padding: 0 0 20px;

    list-style: none;

    }



                .series li div {

            margin: 0 auto;

            text-align: center;

            }



            .series li div img {

            border: 3px solid #B9B9B9;

            margin: 0 auto;

            display: block;

            }



            .series li div a:hover img {

            border: 3px solid #888;

            }



            .series li div span, .series li a {

            display: block;

            text-decoration: none;

            color:#909090;

            }



            .series li div span {

            padding: 4px 0 0;

            }



            .series li a:hover span {

            color:#777;

            }



        .seriesTable {

        margin: 0 0 20px;

        }



            .seriesTable .titles td {

            background: #FEFDE3;

            color:#333;

            }



            .seriesTable td {

            padding: 8px;

            color:#909090;

            vertical-align: top;

            }



                .seriesTable img {

            border: 1px solid #ddd;

            }



            .seriesTable .seriesSpreader td {

            height:1px;

            line-height:1px;

            visibility: hidden;

            padding: 0;

            }



    .line {

    height:1px;

    line-height:1px;

    border-bottom: 1px solid #ccc;

    margin: 0 0 20px;

    }



    .speedbar {

    background: #FEFDE3;

    border-left: 1px solid #c03;

    padding: 6px 10px;

    margin: 0 0 15px;

    }



    .speedbar span {

    padding: 0 6px;

    }



/*?=timeBlock

----------------------*/

.timeBlock {

background: #FFFDE3;

border: 1px solid #FC9;

margin: -5px 0;

padding: 15px 95px 15px 20px;

min-height: 50px;

height: auto !important;

height: 50px;

font-size: 12px;

}



.timeBlockT, .timeBlockT div {

height: 10px;

line-height: 10px;

position: relative;

background: url('/style/timeBlock/top.gif') left top no-repeat;

}



.timeBlockT div img {

position: absolute;

right:-19px;

top: -14px;

//right: expression( this.parentNode.offsetWidth % 2 ? -20 : -19 );

}







.timeBlockT div {

background: url('/style/timeBlock/rightt.gif') right top no-repeat;

}



.timeBlockB, .timeBlockB div {

height: 10px;

line-height: 10px;

background: url('/style/timeBlock/bottom.gif') left top no-repeat;

}



.timeBlockB div {

background: url('/style/timeBlock/rightb.gif') right top no-repeat;

}



.timeBlockP {

padding: 0 27px 25px 15px;

}



.right {

float: right;

width: 224px;

}



.rightWide {

margin: 0 0 0 236px;

}



* html .right, * html .center, * html .rightWide, * html .centerWide {

height:1%;

}



* html .left {margin: 0 -3px 0 0;}

* html .right {margin: 0 0 0 -3px;}

* html .center {margin:  0 243px 0 233px;}

* html .centerWide {margin:  0 243px 0 0;}

* html .rightRedSep, * html .rightWide {margin:  0 0 0 233px;}



/*?=leftMenu

----------------------*/

.leftMenu {

list-style: none;

padding: 24px 0 11px;

margin: 0 0 15px;

background: url('/style/leftSep.gif') left bottom no-repeat;

}



.leftMenu li {

padding: 0 0 13px 31px;

background: url('/style/arrows/01.gif') 5px 5px no-repeat;

}



.leftMenu li a {

text-decoration: none;

}



.leftMenu li a:hover {

text-decoration: underline;

}



/*?=banner

----------------------*/

.banner {

padding: 11px 0 26px;

margin: 0 0 15px;

background: url('/style/leftSep.gif') left bottom no-repeat;

text-align: center;

}



.banner img {

margin: 0 auto 13px;

}



.banner ul {

list-style: none;

padding: 0 0 0 27px;

background: url('/style/arrows/04.gif') 7px 0 no-repeat;

}



.banner li {

font-size: 10px;

text-align: left;

}





/*?=tip

----------------------*/

.tip {

padding: 11px 0 26px;

margin: 0 0 15px;

background: url('/style/leftSep.gif') left bottom no-repeat;

text-align: center;

}



.tip h2 {

margin: 0 0 5px;

text-align: left;

padding: 0 0 0 27px;

}



.tip dl {

list-style: none;

padding: 0 0 0 27px;

background: url('/style/arrows/04.gif') 7px 0 no-repeat;

}



.tip dd, .tip dt {

padding: 0 0 13px;

font-size: 11px;

text-align: left;

}



.tip dt {

font-weight: bold;

}



.tip dd {

padding: 0 0 0 22px;

background: url('/style/arrows/01.gif') left 5px no-repeat;

}



/*?=marki

----------------------*/

.marki {

padding: 21px 16px 13px;

margin: 0 0 23px;

background: url('/style/rightSep.gif') right bottom no-repeat;

}



.markiWide {

padding: 21px 16px 7px;

}



.marki p, .markiWide p {

padding: 0 0 10px 15px;

background: url('/style/arrows/03.gif') 5px 5px no-repeat;

}



.marki p a, .markiWide p a {

text-decoration: none;

}



.spreader {

height:1px;

line-height:1px;

visibility: hidden;

}



/*?=specialOffer

----------------------*/

.specialHeading {

margin: 0 0 7px;

}



.specialOffer {

list-style: none;

color:#333;

}



.specialOffer strong {

color:#999;

}



.specialOffer li {

background: #fff url('/style/offerBg1.gif') left top no-repeat;

margin: 0 0 4px;

}



/*float*/

.floatItems li {

float: left;

width: 29%;

}



.floatItems li.floatItemsSeparator {

width: 6%;

background: none;

}



.specialOffer li ul {

list-style: none;

padding: 20px 10px 10px 16px;

min-height: 194px;

height: auto !important;

height: 194px;

background: url('/style/offerBg2.gif') left bottom no-repeat;

}



.floatItems li ul {

background: url('/style/offerBg3.gif') left bottom no-repeat;

}



.specialOffer li ul img {

border: 1px solid #000;

}



.specialOffer li ul li {

padding: 0 10px 10px 10px;

background: none;

margin: 0;

background: url('/style/arrows/05.gif') left 4px no-repeat;

}



.floatItems li ul li {

float: none;

width: auto;

}



/*?=footer

----------------------*/

.footerP {

padding: 0 0 0 8px;

}



.footer {

position: relative;

}



.bottomMenu {

margin: 0 0 0 398px;

padding: 0 80px 0 0;

background: url('/style/bottomMenu/bg.gif') left top repeat-x;

height:64px;

font-size: 10px;

}



.bottomMenu table {



}



.bottomMenu table td {

background: url('/style/bottomMenu/arrow.gif') 50% top no-repeat;

height: 64px;

vertical-align: top;

}



.bottomMenu table td a {

color:#fff;

display: block;

height:64px;

background: url('/style/bottomMenu/left.gif') left top no-repeat;

}



.bottomMenu table td a span {

display: block;

height:47px;

line-height: 46px;

text-align: center;

color:#fff;

cursor: pointer;

}



.bottomMenu table td a span.one {

background: url('/style/bottomMenu/right.gif') right top no-repeat;

}



.bottomMenu table td a:hover span.one, .bottomMenu table td a:hover  {

color:#fff;

}



.bottomMenu table td a span.two {

display: block;

height:17px;

line-height: normal;

text-align: center;

color:#999;

margin: -3px 0 0;

}



.bottomMenu table td a:hover span.two {

color:#000;

}



.smallLogo {

position: absolute;

left: 20px; top: -20px;

}



.copyright {

border-left: 3px solid #ccc;

position: absolute;

left: 186px;

top: 0;

width: 197px;

height: 56px;

list-style: none;

font-size: 10px;

padding: 8px 0 0;

}



.copyright li {

padding: 5px 0 0 20px;

}





/*?=other

----------------------*/

.other {

padding: 20px 20px 20px 28px;

height: 60px;

}



.Content, #Content {

text-align: left;

}



.Content {

    padding:10px;

}



.Content, #Content p, #Content table, #Content td, #Content ul, #Content ul, .center p{

font-family:verdana;

font-size:12px;

}



.Content {

     margin-bottom: 20px;

}



.Content p {

    margin: 0 0 1.1em 0;

}



.Content h2, .Content h3 {

    margin: 10px 0 10px 0;

}

.Content li {

    margin: 0 0 5px 0;

    }

.Content ul {

    list-style: disc;

    padding: 0 0 5px 0;

    margin: 0 0 0 15px;

    }

#Content ul {

    list-style: disc;

    padding: 0 0 5px 0;

    margin: 0 0 0 45px;

    }

.Content img {

    margin:  3px 5px 3px 5px;

border:3px solid #99CC66;

    }

#Content ul.series {

margin: 0 !important;

padding: 0 !important;

list-style-type: none !important;

}

            .series li {

        float: left;

        width: 110px;

        text-align: center;

        color:#909090;

        height:115px; /*вот это добавить*/

        }

.h1green {

color:#090;

;font-size: 18px;

margin-bottom: 16px;

font-weight: normal;

}

.Content ul.series {

margin: 0 !important;

padding: 0 !important;

list-style-type: none !important;

}