/* стили кнопки, без них блок не будет выглядеть как нужно */ /* */
/* мини-ластик: упреждающе очищаем наши стили от всего того, что может в них унаследоваться и закаскадиться */ /* */
.bar-component-install-button,
.bar-component-install-button__install,
.bar-component-install-button__title,
.bar-component-install-button__p,
.bar-component-install-button__podr,
.bar-component-install-button__icon,
.bar-component-install-button__gr,
.bar-component-install-button__l,
.bar-component-install-button__r,
.bar-component-install-button-link__title {
    position: relative;
    width: auto; height: auto;
    display: block;
    visibility: visible;
    margin: 0;
    padding: 0;
    font: normal 10px/10px Arial, sans;
    text-decoration: none;
    text-transform: none;
    background: none;
    border: none;
    color: #000;
    z-index: 102;
}
/* контейнер блока */ /* */
.bar-component-install-button {
    position: relative;
    max-width: 995px;
    z-index: 100;
}
.bar-component-install-button__wrapper {
    margin-right: 5px;
}
/* прозрачная ссылка над зеленой плашкой со стрелкой вверх, на которую нажимать */ /* */
.bar-component-install-button__install {
    position: absolute;
    top: 0; left: 0;
    display: block;
    cursor: hand;
    z-index: 103;
    width: 100%;
    /* == это нужно, чтобы работала прозрачная ссылка поверх текста */ /* */
    background: white;
    opacity: 0;
}

.bar-component-install-button__gr {
    overflow: hidden;
    width: 100%;
}
.bar-component-install-button__gr,
.bar-component-install-button__l,
.bar-component-install-button__r {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.bar-component-install-button__l {
    left: -5px;
    width: 100%;
}

.bar-component-install-button__r {
	margin-left: 100%;
	width: 5px;
}

/* отступ справа для текста и заголовка */ /* */
.bar-component-install-button__p,
.bar-component-install-button__title {
    margin-right: 5px;
    position: static;
}
/* основной текст блока */ /* */
.bar-component-install-button__p {
    font-size: 13px; line-height: 16px;                
    color: #6e5538;
}
/* ссылка "подробнее" */ /* */
.bar-component-install-button__podr,
.bar-component-install-button-link__title {
    display: inline;
    text-decoration: underline;
    font-size: 11px; line-height: 11px;
}
.bar-component-install-button__podr {
    position: relative;
    z-index: 104;
}

/* цвет ссылки "подробнее" */ /* */
.bar-component-install-button__podr:link,
.bar-component-install-button__podr:visited,
.bar-component-install-button-link__title:link, 
.bar-component-install-button-link__title:visited  {
    color: #0033cc;
}
.bar-component-install-button__podr:hover,
.bar-component-install-button__podr:active,
.bar-component-install-button-link__title:hover, 
.bar-component-install-button-link__title:active {
    color: #ff0000;
}                        


/* ================= 373x116 ===========*/ /* */
/* высота контейнера */ /* */
.bar-component-install-button-373x116,
.bar-component-install-button-373x116__gr,
.bar-component-install-button-373x116__l,
.bar-component-install-button-373x116__r,
.bar-component-install-button-373x116__install  {
    height: 116px;
}
/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-373x116__l,
.bar-component-install-button-373x116__r {
    left: -61px;
    background: url(../images/x116.png) no-repeat;
}
.bar-component-install-button-373x116__r {
	width: 61px;
}

/* отступ слева для текста и заголовка */ /* */
.bar-component-install-button-373x116__p,
.bar-component-install-button-373x116__title {
    margin-left: 100px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-373x116__title {
    padding-top: 6px;
    padding-bottom: 2px;
    font-size: 18px; line-height: 18px;
}
/* основной текст блока */ /* */
.bar-component-install-button-373x116__p {
    padding-top: 2px;
}

/* ================= 373x116 ===========*/ /* */
/* контейнер блока */ /* */
.bar-component-install-button-291x76,
.bar-component-install-button-291x76__gr,
.bar-component-install-button-291x76__l,
.bar-component-install-button-291x76__r,
.bar-component-install-button-291x76__install {
    height: 76px;
}
/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-291x76__l,
.bar-component-install-button-291x76__r {
    left: -62px;
    background: url(../images/x76.png) no-repeat;
}
.bar-component-install-button-291x76__r {
	width: 62px;
}

/* отступ слева для текста и заголовка */ /* */
.bar-component-install-button-291x76__p,
.bar-component-install-button-291x76__title {
    margin-left: 80px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-291x76__title {
    padding-top: 4px;
    font-size: 13px; line-height: 18px;
    font-weight: bold;
}
/* основной текст блока */ /* */
.bar-component-install-button-291x76__p {
    padding-bottom: 2px;
}


/* ================= 215x96 ===========*/ /* */
/* контейнер блока */ /* */
.bar-component-install-button-215x96,
.bar-component-install-button-215x96__gr,
.bar-component-install-button-215x96__l,
.bar-component-install-button-215x96__r,
.bar-component-install-button-215x96__install {
    height: 96px;
}
/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-215x96__l,
.bar-component-install-button-215x96__r {
    left: -55px;
    background: url(../images/x96.png) no-repeat;
}
.bar-component-install-button-215x96__r {
	width: 55px;
}
/* отступ слева для текста и заголовка */ /* */
.bar-component-install-button-215x96__p,
.bar-component-install-button-215x96__title {
    margin-left: 56px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-215x96__title {
    padding-top: 4px;
    font-size: 13px; line-height: 18px;
    font-weight: bold;
}
/* основной текст блока */ /* */
.bar-component-install-button-215x96__p {
    padding-bottom: 2px;
}

/* ================= 243x46 ===========*/ /* */
/* контейнер блока, плашки */ /* */
.bar-component-install-button-243x46,
.bar-component-install-button-243x46__gr,
.bar-component-install-button-243x46__l,
.bar-component-install-button-243x46__r,
.bar-component-install-button-243x46__install {
    height: 46px;
}
/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-243x46__l,
.bar-component-install-button-243x46__r {
    left: -62px;
    background: url(../images/x46.png) no-repeat;
}
.bar-component-install-button-243x46__r {
	width: 62px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-243x46__title {
    margin-left: 60px;
    padding-top: 4px;
    font-size: 13px; line-height: 18px;
}


/* ================= 263x46 ===========*/ /* */
/* контейнер блока, плашки */ /* */
.bar-component-install-button-263x46,
.bar-component-install-button-263x46__gr,
.bar-component-install-button-263x46__l,
.bar-component-install-button-263x46__r,
.bar-component-install-button-263x46__install {
    height: 46px;
}
/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-263x46__l,
.bar-component-install-button-263x46__r {
    left: -58px;
    background: url(../images/x46add.png) no-repeat;
}
.bar-component-install-button-263x46__r {
	width: 58px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-263x46__title {
    margin-left: 53px;
    padding-top: 4px;
    font-size: 13px; line-height: 18px;
}

/* ================= 158x26 ===========*/ /* */
/* контейнер блока, плашки */ /* */
.bar-component-install-button-158x26,
.bar-component-install-button-158x26__gr,
.bar-component-install-button-158x26__l,
.bar-component-install-button-158x26__r,
.bar-component-install-button-158x26__install {
    height: 26px;
}

/* плашка с фоновой картинкой */ /* */
.bar-component-install-button-158x26__l,
.bar-component-install-button-158x26__r {
    left: -35px;
    background: url(../images/x26.png) no-repeat;
}
.bar-component-install-button-158x26__r {
	width: 35px;
}
/* заголовок блока*/ /* */
.bar-component-install-button-158x26__title {
    margin-left: 33px;
    padding-top: 4px;
    font-size: 13px; line-height: 18px;
}

/* ================= Блоки-ссылки ===========*/ /* */
.bar-component-install-button-link {
    border: #990000;
    padding-top: 1px;
}
.bar-component-install-button__icon {
    width: 22px; height: 20px;
    position: absolute;
    top: 0; left: 0;    
    cursor: hand;
    zoom: 1;
}
.bar-component-install-button-link__title {
    display: inline;
    margin-left: 29px;
    margin-right: 0;
    font-size: 13px; line-height: 15px;
    text-decoration: underline;
}

/* ============= иконки ссылок ================*/ /* */
.bar-component-install-button__icon-box {
    background: url(../images/icon-box.png) no-repeat;
}

.bar-component-install-button__icon-square {
    background: url(../images/icon-square-up.png) no-repeat;
}
.bar-component-install-button-link-up__title {
    margin-left: 24px
}
.bar-component-install-button__icon-up {
    background: url(../images/icon-up.png) no-repeat;
}

/* == это хак для всех IE, чтобы работала прозрачная ссылка поверх текста */ /* */
* html .bar-component-install-button__install {
    background: url(about:blank);
}