body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
/*text-align:center; */ /*Выравниваем макет по центру в старых версиях браузеров */
margin: 0 auto;
max-width: 1200px;
min-width: 768px;
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 550
?
"550px"
:
"auto"
)
:
(
document.body.clientWidth < 550
?
"550px"
:
"auto"
)
);
}
/*Здесь пишем стили для шапки сайта */
#header-block {
/*    background-color:rgb(22,22,122); /*#1c4384; /*#63b9da;*/

    background-image: linear-gradient(bottom, rgb(255,255,255) 25%, rgb(28,67,132) 100%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(28,67,132) 50%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(28,67,132) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(28,67,132) 50%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(28,67,132) 50%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(255,255,255)),
        color-stop(0.5, rgb(28,67,132))
    );
    height: 100px;
    overflow: auto;
    background-image:url('clouds_bgr.jpg');/*('head-img.jpg');
    background-repeat: no-repeat;
    background-size: 100%;*/
    background-repeat: repeat;
}
#header-block h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
/*Здесь пишем стили для левой колонки сайта */
#left-block {
/*background-color:#a9d28c;*/
width:190px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
/*Здесь пишем стили для правой колонки сайта */
#right-block {
width:0px; /*ширина правой колонки */
/*background-color:#a9d28c;*/
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}

#top-block {

}

#action-top-block {
 /*   background-color:#d557b5;*/
    height: 40px;
    overflow: auto;
/*    width:830px;*/
    margin:0px; /*обнуляем отступы сверху и снизу*/
/*    margin-left:202px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
/*    margin-right:2px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}


#action-block {

/*    background-color:#d507b5;*/
/*    background-image: linear-gradient(bottom, rgb(255,255,255) 25%, rgb(22,22,122) 80%);
    background-image: -o-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(22,22,122) 80%);
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(22,22,122) 80%);
    background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(22,22,122) 80%);
    background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 25%, rgb(22,22,122) 80%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(255,255,255)),
        color-stop(0.8, rgb(22,22,122))
    );
*/
/*    width:830px;*/
    margin:0px; /*обнуляем отступы сверху и снизу*/
    margin-left:190px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
    margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
/*    overflow: auto;*/
    float:left;
    width:500px;
    margin-right:-500px;
}

#action-block p {
    margin-top: 20px;
/*    font-size: 18; */
    font-weight: bold;
}

/*Здесь пишем стили для блока контента */
#content-block {
/*background-color:#d5d7b5; */
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:190px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:0px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
/*width:830px;*/
min-height: 500px;
}
#content-block h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content-block p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer-block {
/*background-color:#d292bc;*/

}
#footer-block p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}

.no-text-decoration A {
    text-decoration: none;
}

#contact {
    overflow: hidden;
    font-size: 18;
}

.height-50px {
    height: 50px;
}

.display-none {
    display: none;
}

#contact img {
    margin-top: 15px;
}

.float-left {
    float: left;
}

.highlighted-text {
    color: #0080c0;
    font-size: 120%;
}

.con {position:relative}

.warranty-img {
    position:absolute;top:80px;left:150px; z-index:100;
}

.warranty-img-price {
    position:absolute;right:-80px; bottom:-30px;z-index:100;
}

.warranty-img-price-std {
    position:absolute;right:-80px; bottom:-30px;z-index:100;
}

.warranty-img-price-all {
    position:absolute;right:-80px; bottom:-30px;z-index:100;
}