- и
- тагове в подменюто */ } .lc-menu-sub-container li a { padding: 5px 0px; } .lc-menu-sub-container li { padding: 0px; margin: 0px 0px 0px 10px; line-height: 12px; list-style: none; /* Позициониране на
- тагове
съдържащи се в подменюто */
}
.lc-menu-top a { width: 180px !important; padding: 3px 10px 6px 10px; }
.lc-menu-top {
position: relative;
z-index: 100;
cursor: pointer;
display: block;
font-weight: bold;
line-height: 14px;
width: 200px;
/* Задаван стила на горно меню (пъво ниво от менюто),
както и стила на текст който активира меню подсказка */
}
.lc-menu-top-activatetip:hover {
background: url(/b-images/css-lc-menu-top-activatetip.jpg) top right repeat-y;
/* Задава изображение за фон, когато сме върху текст активиращ меню подсказка */
}
.lc-menu-tip-container {
display: none;
/* Скрива меню подсказката, докато не отидем
върху съответния линк, който го показва */
}
.lc-menu-top-activatetip:hover ul.lc-menu-tip-container,
.lc-menu-tip-container:hover {
display: block;
width: 150px;
position: absolute;
overflow: visible;
list-style: none;
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
background-color: #ffffff;
padding: 0px;
margin: 0px;
color: #333333;
top: 0px;
left: 199px;
/* Задава стил на меню подсказка когато сме върху
меню подсказката или полето от което сме го отворили */
}
.lc-menu-tip a { width: 130px !important; padding: 3px 10px 2px 10px; }
.lc-menu-tip {
display: block;
position: relative;
z-index: 961;
cursor: pointer;
font-weight: normal;
line-height: 13px;
width: 135px;
/* Задава стил на меню подсказка -
във дясно навигационното меню */
}
.lc-menu-tip-border-position {
position: absolute;
width: 351px;
height: 1px;
top: -1px;
left: -201px;
/* Задава позициониране на топ бордъра -
във тип меню на дясна навигация */
}
.lc-menu-tip-border {
color: #000000;
background-color: #0a9ccc;
/* Задава дефоулт цвета на топ бордъра -
във тип меню на дясна навигация */
}
.lc-menu-top a { position: relative; display: block; height: 100%;}
.lc-menu-top-activatetip-delimiter { display: none; }
.lc-menu-top-activatetip:hover img.lc-menu-top-activatetip-delimiter {
position: absolute;
bottom: -5px;
left: 0px;
display: block;
}
.lc-menu-tip-gap { display: none; }
.lc-menu-top-activatetip:hover div.lc-menu-tip-gap {
position: absolute;
top: 0px;
right: 0px;
bottom: 1px;
background-color: #ffffff;
width: 1px;
font-size: 0px;
display: block;
z-index: 6000;
/* Задава позициониране на празнота -
във тип меню на дясна навигация */
}
.lc-container-endfading {
position: relative;
width: 200px;
height: 238px;
z-index: 107;
margin-top: -170px;
background: url(/b-images/css-lc-container-endfading.jpg) top left no-repeat;
/* Стил за край на лява колона - фейдва към бяло */
}
/* MIDDLE COLOMN POSITIONING CSS =================================================================================================================================================================================== */
.mc-title-container {
position: relative;
margin: 0px 0px 0px 19px;
height: 32px;
line-height: 29px;
/* Задава стил на контейнера съдържащ в себе си
заглавната лента от средната колона */
}
.mc-title-delimiter {
position: relative; height: 6px; width: 100%; margin: -3px 0px 0px 19px;
background-image: url(/b-images/css-mc-title-delimiter-left.gif), url(/b-images/css-mc-title-delimiter-right.gif), url(/b-images/css-mc-title-delimiter-middle.gif);
background-position: top left, top right, top;
background-repeat: no-repeat, no-repeat, repeat-x;
/* Задава сянка на дъното на контейнера съдържащ
в себе си заглавната лента от средната колона */
}
.mc-title-delimiter-bottom {
position: relative; height: 6px; width: 100%; margin: 0px 0px 10px 19px;
background-image: url(/b-images/css-mc-title-delimiter-bottom-left.gif), url(/b-images/css-mc-title-delimiter-bottom-right.gif), url(/b-images/css-mc-title-delimiter-bottom-middle.gif);
background-position: top left, top right, top;
background-repeat: no-repeat, no-repeat, repeat-x;
/* Задава сянка на дъното на контейнера съдържащ
в себе си заглавната лента от средната колона */
}
.mc-page-container {
position: relative;
width: 100%;
background-image: url(/b-images/css-mc-page-container-fadingtop.gif), url(/b-images/css-mc-page-container-fadingtop.gif), url(/b-images/css-mc-page-container-fadingbottom.gif), url(/b-images/corner1-tl.gif), url(/b-images/corner1-tr.gif), url(/b-images/corner1-bl.gif);
background-position: top left, top right, bottom left, top left, top right, bottom left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание, без заглавната лента на средната колона*/
}
.mc-page-container-border-top {
position: absolute;
top: 0px;
left: 0px;
color: #000000;
background-color: #ccccce;
width: 100%;
height: 1px;
/* Задава бордър линия в горната
част от дизаина на страницата*/
}
.mc-page-container-border-down {
position: absolute;
bottom: -1px;
left: 0px;
background: url(/b-images/css-mc-page-container-fadingbottom-down.gif) top right no-repeat;
background-color: #ccccce;
width: 100%;
height: 1px;
/* Задава бордър линия в горната
част от дизаина на страницата*/
}
.mc-page-container-product {
position: relative;
width: 100%;
background-image: url(/b-images/css-mc-page-container-fadingtop.gif), url(/b-images/css-mc-page-container-fadingtop.gif), url(/b-images/corner1-tl.gif), url(/b-images/corner1-tr.gif);
background-position: top left, top right, top left, top right;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание, без заглавната лента на средната колона*/
}
/* ----------- BLOCK 1 ----------- */
.mc-page-block1-container {
position: relative;
margin-top: 20px;
/* Задава позициониране на
областта - блок 1 */
}
.mc-page-block1-title {
position: relative;
margin: 0px 0px 0px 19px;
height: 32px;
line-height: 29px;
/* Задава стил на контейнера съдържащ в себе си
заглавната лента от block1 шаблона */
}
.mc-page-block1-title-delimiter-position {
position: relative;
height: 6px;
width: 100%;
margin: -3px 0px 0px 19px;
/* Задава сянка на дъното на контейнера съдържащ
в себе си заглавната лента от средната колона */
}
.mc-page-block1-title-delimiter {
background-image: url(/b-images/css-mc-title-delimiter-left.gif), url(/b-images/css-mc-title-delimiter-right.gif), url(/b-images/css-mc-title-delimiter-middle.gif);
background-position: top left, top right, top;
background-repeat: no-repeat, no-repeat, repeat-x;
/* Задава сянка на дъното на контейнера съдържащ
в себе си заглавната лента от средната колона */
}
.mc-page-block1-content-position {
position: relative;
width: 100%;
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание от блок областта*/
}
.mc-page-block1-content {
background-image: url(/t-images/1/css-mc-page-container-block1-fadingtop.gif), url(/b-images/css-mc-page-container-fadingtop.gif), url(/b-images/corner1-tr.gif);
background-position: top left, top right, top right;
background-repeat: no-repeat, no-repeat, no-repeat;
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание от блок областта*/
}
.mc-page-block1-border-position {
position: absolute;
top: 0px;
left: 0px;
color: #000000;
width: 100%;
height: 1px;
/* Задава позициониране на бордъра
в горната част на областта блок 1 */
}
.mc-page-block1-border {
background: url(/t-images/1/css-mc-page-block1-border.gif) top left no-repeat; background-color: #ccccce;
/* Задава дефоултно бранд изображение на бордъра в горната част на областта блок 1 */
}
.mc-page-block1-video-container {
position: relative;
width: 600px;
height: 383px;
margin: 0px auto;
/* Задава позициониране на контейнера
с видеото към детайли на продукт */
}
.mc-page-block1-video-shadow-top {
position: relative;
width: 600px;
height: 11px;
margin-bottom: 1px;
background: url(/b-images/ht-block1-video-shadow-top.gif) top left;
/* Задава позициониране на топ сянката
на контейнера с видеото към детайли на продукт */
}
.mc-page-block1-video-shadow-bottom {
position: relative;
width: 600px;
height: 12px;
margin-top: -1px;
background: url(/b-images/ht-block1-video-shadow-down.gif) top left;
/* Задава позициониране на топ сянката
на контейнера с видеото към детайли на продукт */
}
.mc-page-block1-comment-container {
position: relative;
padding: 0px 60px 10px 43px;
font-size: 13px;
/* Задава позициониране на полето контейнер за коментари */
}
.mc-page-block1-comment {
position: relative;
padding: 3px 0px 9px 60px;
line-height: 14px;
font-size: 12px;
/* Задава позициониране на полето за коментари */
}
.mc-page-block1-comment-type1 {
background: url(/b-images/icon-useropinion_48_1.gif) top left no-repeat;
/* Задава типово изображение (номерацията е според подредбата в страницата) */
}
.mc-page-block1-comment-type2 {
background: url(/b-images/icon-useropinion_48_2.gif) top left no-repeat;
/* Задава типово изображение (номерацията е според подредбата в страницата) */
}
.mc-page-block1-comment-type3 {
background: url(/b-images/icon-useropinion_48_3.gif) top left no-repeat;
/* Задава типово изображение (номерацията е според подредбата в страницата) */
}
/* ----------- BLOCK 2 ----------- */
.mc-page-block2-container {
position: relative;
margin: 0px 19px;
/* Задава позициониране на контейнера на block2 структурата,
отговаряща за групите от изображения към продукт */
}
.mc-page-block2-title {
position: relative;
height: 32px;
line-height: 29px;
font-size: 12px;
color: #333333;
margin: 10px 0px 0px 0px;
background-color: transparent;
/* Задава позициониране block2 заглавието -
отговарящо за групите от изображения към продукт */
}
.mc-page-block2-content-position {
position: relative;
padding: 5px 0px 15px 0px;
/* Задава позициониране на контейнера на block2 структурата,
отговаряща за списъците от резултати
- */
}
.mc-page-block2-content-img {
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание от блок областта*/
}
.mc-page-block2-title-more {
position: relative;
font-size: 11px;
color: #707070;
float: right;
margin: 13px 3px 0px 0px;
line-height: 14px;
background-color: transparent;
/* Задава позициониране block2 линк към повече резултати -
отговарящо за групите от изображения към продукт */
}
.mc-page-block2-border-position {
position: relative;
height: 1px;
width: 100%;
/* Задава позициониране block2 заглавието -
отговарящо за бордъра под заглавието (лентата) */
}
.mc-page-block2-border {
background: url(/t-images/1/css-mc-page-block1-border.gif) top left no-repeat;
background-color: #ccccce;
/* Задава позициониране block2 заглавието -
отговарящо за изображението под заглавието (лентата) */
}
.mc-page-block2-list {
position: relative;
list-style: none;
font-size: 12px;
font-weight: bold;
padding-left: 19px;
/* Задава форматиране на list резултатите
подредени в списък
- в block2 */
}
.mc-page-block2-position {
position: relative;
margin-left: 0px;
/* Задава позициониране на block2 заглавието -
отговарящо за групите от изображения към продукт */
}
/* ----------- SPECIFIC BLOCKS (over 100) ----------- */
.mc-page-block101-container {
position: relative;
margin: 0px 19px;
/* Задава позициониране на контейнера на block101 структурата,
отговаряща за групите от изображения към продукт */
}
.mc-page-block101-title {
position: relative;
height: 32px;
line-height: 29px;
font-size: 12px;
color: #333333;
margin: 10px 0px 0px 0px;
background-color: transparent;
/* Задава позициониране block101 заглавието -
отговарящо за групите от изображения към продукт */
}
.mc-page-block101-delimiter1 {
background: url(/t-images/1/ht-block2-delimiter1.gif) bottom center no-repeat;
/* Задава позициониране на block101 структура
отговаряща за групите от изображения към продукт */
}
/* ----------- BLOCKLINE ----------- */
.mc-page-blockline1-v-position {
position:absolute;
top: -1px;
left: -1px;
height: 50px;
width: 1px;
}
.mc-page-blockline1-h-position {
position:absolute;
top: -1px;
left: -1px;
height: 1px;
width: 100%;
}
.mc-page-blockline1-v { background: url(/t-images/1/css-mc-page-container-block1-fadingtop.gif) top left no-repeat; }
.mc-page-blockline1-h { background: url(/t-images/1/css-mc-page-block1-border.gif) top left no-repeat; }
.mc-page-blockline1-corners {
position: relative;
padding: 4px;
margin-bottom: 1px;
background-image: url(/b-images/corner1-tl.gif), url(/b-images/corner1-tr.gif), url(/b-images/corner1-bl.gif), url(/b-images/corner1-br.gif);
background-position: top left, top right, bottom left, bottom right;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
/* Задава стил на главния контейнер в областта на страницата -
в него се намира цялото съдържание, без заглавната лента на средната колона*/
}
.mc-page-addon-container1 {
/* Задава стил на контейнер 1 съдържащ
довабката(ките) - например филтри */
}
.mc-page-addon-container2-topmargin {
position: relative;
height: 4px;
font-size: 0px;
/* Задава стил на контейнер 2 съдържащ
довабката(ките) - например филтри */
}
.mc-page-addon-container2 {
position: relative;
background: url(/b-images/css-mc-page-addon-container2-back.gif) top left repeat-x;
padding: 0px 15px;
margin: 0px 4px;
/* Задава стил на контейнер 2 съдържащ
довабката(ките) - например филтри */
}
.mc-page-addon-box {
position: relative;
float: left;
height: 50px;
margin: 0px 26px 16px 20px;
/* Задава позициониране на всяка от кутия
съдържаща в себе си добавка - например филтър */
}
.mc-page-addon-delimiter {
background: url(/b-images/css-mc-page-addon-delimiter.gif) bottom left no-repeat;
background-color: #ffffff;
color: #000000;
width: 1px;
/* Задава стила на разделителя в добавеното
съдържание (например във филтъра разделителя е
между последния dropdown и бутона за прилагане на филтрите */
}
.mc-page-delimiter {
/* background: url(/images/Amc_page_bottomshadow-x.gif) top repeat-x; IE6 and IE7 definition which is known and being used insted of down script */
background-image: url(/b-images/css-mc-page-delimiter-left.gif), url(/b-images/css-mc-page-delimiter-right.gif), url(/b-images/css-mc-page-delimiter-middle.gif); /* Known script for other browsers */
background-position: top left, top right, top;
background-repeat: no-repeat, no-repeat, repeat-x;
height: 9px;
clear: both;
position: relative;
margin: 0px 4px;
/* Задава стила на разделителя между добавеното съдържание
над продуктите (например филтри) и контейнера с продуктите */
}
.mc-page-content-container {
position: relative;
/* Задава стил на контейнера в който се
намира главното съдържание на средната колона,
включително и страницирането (например: продукти и странициране) */
}
.mc-page-list-container {
position: relative;
text-decoration: none;
/* Задава позиционирането на контейнера
съдържащ продукт при изглед - лист */
}
/* VIEW - LIST, TILES, MOSAIC ... да го имам в предвид
за новите класовем който добавям в средната колона */
.mc-delimiter1 {
position: relative;
margin: 30px 0px 38px 0px;
background-color: #d0d0d0;
color: #000000;
height: 1px;
/* Задава изображение - разделител за продуктите
при изглед на страницата - лист*/
}
.mc-delimiter2 {
margin: 13px 0px 14px 0px;
/* Задава отстояния отгоре и отдолу
на разделителя в областта - блок 1 */
}
.mc-page-product-delimiter-img {
display: block;
width: 100%;
/* Задава широчина на
изображението - разделител */
}
.mc-page-paging-container {
position: relative;
height: 25px;
width: 100%;
text-align: center;
vertical-align: middle;
/* Задава позициониране на контейнера
съдържащ страницирането */
}
.mc-page-paging-info {
position: relative;
margin-bottom: 24px;
width: 100%;
/* Задава позициониране на контейнера
съдържащ информация над страницирането */
}
.mc-page-paging-button a {
display: block;
border-right: 1px solid #ccccce;
border-top: 1px solid #ccccce;
height: 22px;
width:24px;
float: left;
padding-top: 3px;
/* Задава стила на бутоните
от страницирането */
}
.mc-page-paging-button-text a,
.mc-page-paging-button-text a:visited {
text-decoration: none;
color: #585858;
background-color: transparent;
/* Задава стил на бутоните от
страницирането при състояние - извън и посетен */
}
.mc-page-paging-button-text a:hover {
background-color: #cff1fe;
border-bottom: 1px solid #ccccce;
height: 21px;
color: #333333;
/* Задава стил на бутоните от
страницирането при състоние - върху */
}
.mc-page-paging-button-text a:active {
color: #333333;
background-color: #9ad5eb;
border-bottom: 1px solid #ccccce;
/* Задава стил на бутоните от
страницирането при натиснато състояние */
}
.mc-page-paging-activepage {
background: url(/b-images/css-mc-page-paging-activepage.png) top right no-repeat;
color: #ffffff !important;
background-color: transparent;
/* Задава стил на бутона отразяващ
текущата страница на която сме */
}
.mc-page-paging-arrows a:hover,
.mc-page-paging-arrows a:active {
background-image: none;
background-color: #ffffff;
color: #000000;
/* Премахва синия фон и фоново изображение, когато
сме върху(натиснали или посетили) стрелка-линк */
}
.mc-page-paging-fade {
position: absolute;
top: 0px;
left: 40px;
width: 267px;
height: 1px;
background: url(/b-images/css-mc-page-paging-fade.gif) top left no-repeat;
/* Стил на фейдващата линия (разделителна линия между бутоните и текста над тях) */
}
.ct-block {
position: relative;
padding: 3px 0px 6px 48px;
line-height: 14px;
font-size: 12px;
background-color: transparent;
/* Задава позициониране на полето
за допълнителна важна информация към блок 1 */
}
.ct-block-important {
color: #959595;
background: url(/b-images/icon-ct-block-important.gif) top left no-repeat;
/* Задава фоново изображение
за допълнителна важна информация към блок 1 */
}
.ct-block-important-title {
color: #ff0000;
background-color: transparent;
/* Задава фоново изображение
за допълнителна важна информация към блок */
}
.ct-block-alert-container {
position: relative;
padding: 17px 0px;
/* Задава позициониране на полето
за допълнителна важна информация към блок 1 */
}
.ct-block-alert {
position: relative;
padding: 18px 20px 15px 72px;
min-height: 42px;
line-height: 14px;
/* Задава позициониране на полето
за допълнителна важна информация към блок */
}
.ct-block-alert ul {
padding: 1px 0px 0px 15px;
list-style: square;
margin: 0px;
/* Дефиниране на изгледа на
- към блок */
}
.ct-block-alert li {
padding-bottom: 3px;
/* Дефиниране на изгледа на
- към блок */
}
.ct-block-error {
color: #ff0000;
background: url(/b-images/icon-ct-block-error.gif) 15px 15px no-repeat;
background-color: #ffffde !important;
border: 1px solid #ffcf0f;
/* Задава фоново изображение
за грешки към блок */
}
.ct-block-error-title {
color: #000000;
font-weight: bold;
margin-bottom: 8px;
background-color: transparent;
/* Задава фоново изображение
за грешки към блок */
}
.ct-block-success {
color: #000000;
background: url(/b-images/icon-ct-block-success.gif) 15px 15px no-repeat;
background-color: #eafdeb !important;
border: 1px solid #91d628;
/* Задава фоново изображение
за успех към блок */
}
.ct-block-success-title {
color: #4eaa20;
font-weight: bold;
margin-bottom: 8px;
background-color: transparent;
/* Задава фоново изображение
за успех към блок */
}
/* RIGHT COLOMN POSITIONING CSS ==================================================================================================================================================================================== */
.rc-product-title {
line-height: 14px;
/* Задава отстояние между редовете в заглавието
на продуктите от дясната колона */
}
.rc-product-name {
font-size: 14px;
/* Задава позициониране на имената
на продуктите от дясната колона */
}
.rc-product-subname {
font-size: 11px;
/* Задава позициониране на подимената
на продуктите от дясната колона */
}
.rc-container0 {
position: relative;
width: 300px;
height: 250px;
margin-bottom: 20px;
/* Задава позициониране на контейнер 0 в дясната колона
Контейнер 0 съдържа всички елементи като банери и т.н.
които се нуждаят само от позициониране*/
}
.rc-container1 {
position: relative;
width: 300px;
margin-bottom: 48px;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
/* Задава позициониране на контейнер 1 в дясната колона */
}
.rc-container1-first {
margin-top: 20px !important;
/* Задава позициониране нап първия контейнер 1 в дясната колона */
}
.rc-container1-corner {
position: absolute;
top: -1px;
left: -1px;
width: 72px;
height: 96px;
background: url(/b-images/corner1-tl.gif) top left no-repeat;
/* Задава изображение за горния ляв ъгъл на контейнер 1 */
}
.rc-container1-leftfading {
position: absolute;
bottom: 0px;
left: -1px;
background: url(/b-images/css-rc-container1-leftfading.png) bottom left no-repeat;
width: 1px;
height: 100%;
/* Задава стил на фейдваща линия в долния ляв ъгъл на контейнер 1 */
}
.rc-container1-title {
position: relative;
width: 276px;
border-right: 1px solid #cfcfcf;
margin-left: 23px;
padding: 5px 0px 8px 0px;
font-size: 16px;
color: #333333;
text-decoration: none;
font-weight: normal;
background-color: transparent;
/* Задава стил на заглавието в контейнер 1 */
}
.rc-container1-title-shadow {
position: relative;
margin-bottom: -6px;
width: 100%;
height: 6px;
background: url(/t-images/1/css-rc-container1-title-background-shadow.gif) top right no-repeat;
/* Задава позициониране на сянката под заглавието на контейнер 1 */
}
.rc-container1-title-arrow-position {
position: relative;
width: 15px;
height: 11px;
margin: 10px 12px 0px 12px;
/* Задава позициониране на изображение
вдясно от заглавието на контейнер 1 - стрелка */
}
.rc-container1-title-arrow {
background: url(/t-images/1/css-rc-container1-title-background-arrow.gif) top right no-repeat;
/* Задава изображение вдясно от заглавието на контейнер 1 - стрелка */
}
.rc-container1-product {
margin: 20px 0px 23px 22px;
position: relative;
/* Задава позициониране на продуктите в контейнер 1 */
}
.rc-container1-delimiter {
position: relative;
width:299px;
height: 1px;
background: url(/b-images/css-rc-container1-delimiter.gif) top left no-repeat;
/* Задава изображение - разделител в контейнер 1 */
}
.rc-container1-moreresults {
position: relative;
margin-bottom: -14px;
width: 299px;
height: 8px;
background: url(/b-images/css-rc-container1-delimiter.gif) 120px 7px no-repeat;
/* Задава изображение (дъно) - линк към всичики резултати */
}
.rc-container1-moreresults-text {
position: absolute;
top: -35px;
right: 0px;
padding-right: 10px;
text-align: right;
font-size: 11px;
height: 43px;
line-height: 58px;
background: url(/images/moreresults.gif) bottom right no-repeat;
/* Задава изображение (дясно) и текст - линк към всичики резултати */
}
/* FOOTER POSITIONING CSS ========================================================================================================================================================================================== */
.footer-link a,
.footer-link a:visited {
color: #bbdef2;
background-color: transparent;
/* Задава стила на линковете (извън и посетен) във 'footer' */
}
.footer-link a:hover,
.footer-link a:active {
color: #FFFFFF;
background-color: transparent;
/* Задава стила на линковете (върху и натиснат) във 'footer' */
}
.footer-container {
position: relative;
color: #ffffff;
background: url(/b-images/css-footer-container.jpg) top repeat-x;
background-color: #198ad0;
/* Задава позициониране за главния контейнер във 'footer' */
}
.footer-container-contacts-background {
position: absolute;
top: 5px;
right: 53px;
width: 237px;
height: 114px;
background: url(/b-images/css-footer-container-contacts-background.gif) top right no-repeat;
/* Задава фоново изображение за контакт менюто във 'footer' */
}
.footer-container-contacts-delimiter {
position: absolute;
bottom: 0px;
left: 0px;
height: 2px;
width: 100%;
background: url(/b-images/css-footer-container-contacts-delimiter.jpg) bottom left repeat-x;
/* Задава разделител между list и copyright във 'footer' */
}
.footer-container-contacts-text-important {
color: #ffffff;
font-weight: bold;
background-color: transparent;
/* Задава стила на важният текст от текста разположен
в менюто за контакти, намиращо се в дясно във 'footer' */
}
.footer-container-menu {
position: relative;
padding: 24px 35px 23px 6%;
width: auto;
/* Задава позиционирането на списъка с линкове */
}
.footer-container-menu-title {
color: #ffffff;
background-color: transparent;
font-weight: bold;
font-size: 12px;
/* Задава стил на заглавията в средната колона 'container-list'
и първата колона със навигационното меню - 'container-menu' */
}
.footer-container-menu-list {
list-style: url(/b-images/css-footer-container-menu-list.gif) outside;
border: 0px;
margin: 7px 0px 0px 12px;
padding: 0px;
font-size: 11px;
/* Задава стила на списъка разполовен в 'container-menu'
(навигационното меню вляво) областта и в
- на
'container-list' намиращ се във средната колона от 'footera' */
}
.footer-copyright-container {
position: relative;
padding: 12px 38px 18px 0px;
line-height: 12px;
background: url(/b-images/ht-footer-copyright-container.png) top left repeat-x;
background-color: #242b2c;
font-size: 10px;
color: #aaaaaa;
/* Задава позиционирането на 'copyright' областта */
}
.footer-copyright-container img {
display: block;
/* Fix за бъга с
в
dtd Strict 4.01 */ } .footer-copyright-links a, .footer-copyright-links a:visited { /* Задава цвета на линковете (извън и посетен) разположени в 'copyright' областта от footer-a */ } .footer-copyright-links a:hover, .footer-copyright-links a:active { /* Задава цвета на линковете (върху и натиснат) разположени в 'copyright' областта от footer-a */ } /* HTML EXEPTIONS lte IE7 ========================================================================================================================================================================================== */ .htmlexeption-lc { position: relative; z-index: 9000; width: 199px; vertical-align: top; background: #ffffff; color: #000000; /* Задава позициониране на лявата колона за IE браузърни платформи <= IE7 */ } .htmlexeption-mc { z-index: 1000; position: relative; vertical-align: top; border: 0px; padding-right: 76px; /* Задава позициониране на средната колона за IE браузърни платформи <= IE7 */ } .htmlexeption-rc { position: relative; border: 0px; vertical-align: top; background: #ffffff; color: #000000; width: 300px; padding: 6px 7px 0px 0px; /* Задава позициониране на дясната колона за IE браузърни платформи <= IE7 */ }