@charset "windows-1251";



* {

        margin: 0; padding: 0;

        }

body {

        font-family: Arial, Helvetica, sans-serif;

        background: #fff2f0 url(../images/footerBunch.jpg) left bottom no-repeat;

        }



#wrapper {

        width: 95%; /* ширина сайта */

        min-width: 1100px;

        margin: 0 auto;

        }



/*

        фильтр для IE6. Устанавливает минимальную ширину.

        BUG: ширина сайта при этом становится 100%;



* html #wrapper {

        width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'auto');

        }

*/



/* ШАПКА САЙТА

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



#header {

        width: 100%; min-width: 1100px;

        height: 560px;

        padding-top: 5px;

        position: relative;

        background: #fff2f0 url(../images/header.jpg) top center no-repeat;
        }



/* верхнее меню

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



#highMenu {

        width: 100%;

        position: relative;

        font-size: 11px;

        }



        #highMenu input {

                width: 132px; /* 148px */

                height: 18px;

                line-height: 15px;

                margin: 8px 0 5px -3px;

                padding: 1px 8px 0;

                border: none;

                font-size: 11px;

                background: url(../images/loginBack.png) left top no-repeat;

                }



#highMenuBack {

        width: 94%; height: 94px;

        position: absolute;

        left: 3%; top: 0;

        z-index: 0;

        background: url(../images/highMenuBack.png) top repeat-x;

        }



#highMenuBackAmour {

        width: 177px; height: 94px;

        position: absolute;

        left: 50%; top: 0;

        margin-left: -89px;

        z-index: 1;

        background: url(../images/highMenuBackAmour.png) top no-repeat;

        }



#highMenuBackRight {

        width: 90px; height: 94px;

        position: absolute;

        right: 0; top: 0;

        z-index: 1;

        background: url(../images/highMenuBackRight.png) right top no-repeat;

        }



#highMenuBackLeft {

        width: 129px; height: 94px;

        position: absolute;

        left: 0; top: 0;

        z-index: 1;

        background: url(../images/highMenuBackLeft.png) left top no-repeat;

        }



/* вход для пользователей

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



#highMenu #loginArea {

        width: 155px;

        height: 60px;

        padding-left: 3px;

        position: absolute;

        left: 3%; top: 17px;

        z-index: 2;

        }



/* пароль

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



#highMenu #passwordArea {

        width: 155px;

        height: 60px;

        padding-left: 3px;

        position: absolute;

        left: 19%; top: 17px;

        z-index: 2;

        }



/* кнопка "Войти"

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



#highMenu #loginButton {

        width: 57px; height: 29px;

        position: absolute;

        left: 35%; top: 33px;

        margin: 0;

        z-index: 2;

        border: none;

        color: #fffc0b;

        cursor: pointer;

        background: url(../images/loginButton.png) left top no-repeat;

        }



/* свадебный салон и интернет заказы

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



#highMenu #salonArea {

        width: 155px;

        height: 60px;

        position: absolute;

        right: 25%; top: 17px;

        z-index: 2;

        }



#highMenu #internetOrders {

        width: 200px;

        height: 60px;

        position: absolute;

        right: 3%; top: 17px;

        z-index: 2;

        }



/* корзина

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



#basket {

        width: 217px;  height: 112px; /*257*132px*/

        margin-top: 200px;

        float: right;

        padding: 20px 20px 0;

        font-size: 11px;

        background: url(../images/basket.png) left top no-repeat;

        }



#basketSummary {

        margin: 15px 0 15px;

        }



/* главная панель навигации

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



#mainNav {

        width: 100%; height: 49px;

        position: relative;

        top: 500px;

        }



#mainNavBack {

        width: 94%; height: 49px;

        position: absolute;

        left: 3%; top: 0;

        z-index: 0;

        background: url(../images/navBack.png) top repeat-x;

        }



#mainNavLeft {

        width: 39px; height: 49px;

        position: absolute;

        left: 0; top: 0;

        z-index: 1;

        background: url(../images/navBackLeft.png) left top no-repeat;

        }



#mainNavRight {

        width: 40px; height: 49px;

        position: absolute;

        right: 0; top: 0;

        z-index: 1;

        background: url(../images/navBackRight.png) right top no-repeat;

        }



#mainNav #mainNavList {

        width: 96%;

        position: absolute;

        left: 2%; top: 0;

        border-collapse:collapse;

        z-index: 3;

        }



#mainNav #mainNavList td {

        line-height: 49px;

        font-size: 14px;

        text-align: center;

        }



/* ОСНОВНОЕ СОДЕРЖИМОЕ + ПОДВАЛ

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



#content {

        width: 100%;

        }



/* ЛЕВАЯ КОЛОНКА, МЕНЮ

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



#leftCol {

        width: 215px; /* 255px */

        padding: 20px;

        float: left;

        }



#leftCol ul#sideMenu {

        list-style: none;

        margin-top: 7px;

        position: relative;

        z-index: 200;

        }



#leftCol ul#sideMenu li {

        position: relative;

        }



/* пункты без выпадающего списка

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



#leftCol ul#sideMenu li.empty:hover {

        background: url(../images/sideMenuEmptyBottom.png) left bottom no-repeat;

        }



#leftCol ul#sideMenu li.empty div:hover {

        background: url(../images/sideMenuEmptyTop.png) left top no-repeat;

        }



/* пункты с выпадающим списком

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



#leftCol ul#sideMenu li:hover {

        background: url(../images/sideMenuFullBottom.png) left bottom no-repeat;

        }



#leftCol ul#sideMenu div:hover {

        background: url(../images/sideMenuFullTop.png) left top no-repeat;

        }



        #leftCol ul#sideMenu li a {

                width: 195px;

                line-height: 15px;

                padding: 10px 10px 10px 15px;

                display: block;

                }



        #leftCol ul#sideMenu li a:hover {

                text-decoration: none;

                }



/* подменю 2-го уровня

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



#leftCol ul#sideMenu li ul {

        position: absolute;

        left: 215px; top: 0;

        width: 240px;

        display: none;

        list-style: none;

        }



#leftCol ul#sideMenu li ul li,

#leftCol ul#sideMenu li ul li:hover {

        background: url(../images/sideMenuSubBack.png) left top repeat-y;

        }



#leftCol ul#sideMenu li ul li.doubleLine {

        padding-top: 15px;

        }



#leftCol ul#sideMenu li ul li.top {

        background: url(../images/sideMenuSubBackTop.png) left top no-repeat;

        }



#leftCol ul#sideMenu li ul li.bottom {

        background: url(../images/sideMenuSubBackBottom.png) left bottom no-repeat;

        }



#leftCol ul#sideMenu li:hover ul {

        display: block;

        }



#leftCol ul#sideMenu li ul li a {

        width: 220px;

        display: block;

        background: none;

        }



#leftCol ul#sideMenu li ul li a:hover {

        background: none;

        }



/* Яндекс-Директ баннер

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



#yandexDirectBanner {

        width: 215px; /* ширина баннера */

        height: 400px; /* после размещения баннера убрать, высота будет определятся автоматически */

        margin: 30px 0;

        /*margin: 30px auto;*/ /* если ширина уже чем 215px и нужно центрирование */

        background: #F99; /* тоже убрать. Сейчас стоит только для визуализации позиции */

        }



/* ПРАВАЯ КОЛОНКА

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



#rightCol {

        width: 215px; /* 255px */

        padding: 20px;

        float: right;

        }



/* блоки новостей

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



.newsBlock {

        width: 100%;

        margin: 10px 0 15px;

        font-size: 14px;

        color: #9f7e8e;

        }



.newsBlock span {

        display: block;

        margin-bottom: 5px;

        font-family: Georgia, "Times New Roman", Times, serif;

        font-size: 16px;

        font-style: italic;

        }



.newsBlock p {

        margin-bottom: 10px;

        }



.newsBlock hr {

        width: 70%; height: 1px;

        margin: 17px auto 0;

        color: #f8dcda;

        background-color: #f8dcda;

        border: 0;

        }



/* ГЛАВНАЯ КОЛОНКА

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



#mainCol {

        margin: 0 255px;

        padding: 20px 0;

        }



/* поиск по сайту

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



#mainCol form#search {

        width: 95%;

        min-width: 480px;

        height: 28px;

        margin: 0 auto 20px;

        position: relative;

        }



#search #searchKeyWordWrapper {

        width: 186px;

        position: absolute;

        left: 28%; top: 5px;

        margin-left: -25px;

        }



#search #searchKeyWord {

        width: 164px; /* 186px */

        height: 21px;

        padding: 1px 11px 0;

        border: none;

        background: url(../images/searchKeyword.png) left top no-repeat;

        }



#findButtonWrapper {

        width: 57px;

        position: absolute;

        right: 23%; top: 0;

        }



#search #findButton {

        width: 57px; height: 28px;

        margin: 0; padding: 0;

        border: none;

        cursor: pointer;

        background: url(../images/findButton.png) left top no-repeat

        }



/* украшение между блоками в центральной колонке

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



.decorWrap {

        width: 98%; height: 35px;

        margin: 0 auto 20px;

        position: relative;

        }



.decorWrap hr {

        width: 100%; height: 1px;

        position: absolute;

        top: 50%;

        z-index: 0;

        border: 0;

        color: #f8dad9;

        background-color: #f8dad9;

        }



.decorWrap .decorBlock {

        width: 169px; height: 35px;

        position: absolute;

        left: 50%; top: 0;

        margin-left: -85px;

        z-index: 1;

        background: url(../images/ceterColDecor.gif) center no-repeat;

        }



/* каталог продукции

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

.textcen1, .textcen2, .textcen, .price, .text, .tov {
 font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #ce1c71; }

.products,

.additionalProducts {

        width: 98%;

        margin: 0 auto;

        text-align: center;

        list-style: none;

        }



.products li {

        display: inline-block;

        }



.products .goodsType {

        width: 220px;

        margin: 10px 0;

        }



.products .goodsType h3 {

        width: 210px; height: 35px;

        padding-bottom: 5px;

        display: block;

        line-height: 15px;

        font-weight: normal;

        }



.products .goodsType p {

        margin-bottom: 5px;

        color: #9f7e8e;

        font-size: 11px;

        }



.products .goodsType img {

        width: 140px; height: 140px;

        }



/* дополнительный каталог (новинки, не забудьте купить и т.д.)

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



.additionalProducts li {

        display: inline-block;

        margin-bottom: 15px;

        }



.additionalProducts .goodsType {

        width: 150px;

        }



.additionalProducts .goodsType h3 {

        width: 140px; height: 35px;

        padding-bottom: 5px;

        display: block;

        line-height: 13px;

        font-weight: normal;

        }



.additionalProducts .goodsType .img1 {

        width: 85px; height: 100px;

        }



.additionalProducts .goodsType .img2 {

        width: 75px; height: 100px;

        }



.additionalProducts .goodsType div.price {

        width: 140px;

        height: 32px;

        line-height: 26px;

        margin: 5px auto;

        display: block;

        text-align: left;

        }



.additionalProducts .goodsType p {

        width: 140px;

        margin: 0 auto;

        }







/* СТРАНИЦА С ТОВАРОМ

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



#productBig {

        width: 98%;

        }



/* панель заказа

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



#productBig #titleContainer {

        width: 100%;

        line-height: 20px;

        position: relative;

        }



#productBig #orderPanel {

        width: 401px;

        height: 30px;

        line-height: 30px;

        margin: 0 auto 10px;

        position: relative;

        }



/* цена

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



#productBig #orderPanel #price {

        position: absolute;

        left: 0; top: 0;

        }



/* сколько штук купить

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



#productBig #orderPanel #buyIt {

        width: 120px;

        height: 21px;

        line-height: 21px;

        position: absolute;

        left: 37%; top: 6px;

        }



#productBig #orderPanel #buyIt span {

        width: 120px;

        display: block;

        float: left;

        }



#productBig #orderPanel #buyIt input {

        width: 26px; /* 26px */

        height: 20px;

        line-height: 17px;

        margin: 0 5px;

        padding: 1px 0px 0;

        border: none;

        font-size: 12px;

        vertical-align: middle;

        text-align: center;

        background: url(../images/buyItValue.png) left top no-repeat;

        }



/* под заказ

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



#productBig #orderPanel #forOrder {

        position: absolute;

        right: 0; top: 6px;

        background: url(../images/forOrderButtonRight.png) right top no-repeat;

        }



        #productBig #orderPanel #forOrder a {

                line-height: 18px;

                display: block;

                background: url(../images/forOrderButtonLeft.png) left top no-repeat;

                }



/* большое фото товара

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



#productBig .centerImage {

        width: 100%;

        margin-bottom: 15px;

        text-align: center;

        }



#productBig #otherProductImages {

        width: 100%;

        margin-top: 1px;

        float: left;

        /*background: #C03;*/

        }



#productBig #otherProductImages img {

        border: 1px solid #87606e;

        margin: 0 15px 15px 0;

        }



/* линия менжду дополнительными каталогами на странице товара

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



hr.halfLine {

        width: 65%; height: 1px;

        margin: 0 auto 20px;

        border: 0;

        color: #f8dad9;

        background-color: #f8dad9;

        }



/* отзывы

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



.guestPost {

        margin: 30px 0;

        }



#postFormWrap {

        width: 100%;

        margin-bottom: 20px;

        border-collapse: collapse;

        }



#postFormWrap td {

        padding: 5px;

        }



#postFormWrap p {

        margin: 5px 0;

        }



#postFormWrap input#name, #postFormWrap input#email {

        width: 200px; /* 214px */

        height: 22px;

        line-height: 22px;

        padding: 0 7px;

        border: none;

        background: url(../images/postBasicInput.png) left top no-repeat;

        }



#postFormWrap #postTextarea {

        width: 316px; /* 330*112px */

        height: 102px;

        padding: 5px 7px;

        border: none;

        overflow: auto !important;

        background: url(../images/postTextarea.png) left top no-repeat;

        }



#postFormWrap #captchaInput {

        width: 110px; /* 124px */

        height: 22px;

        line-height: 22px;

        padding: 0 7px;

        margin: 3px 0;

        border: none;

        float: left;

        background: url(../images/postDigitalInput.png) left top no-repeat;

        }



#postFormWrap #postSubmit {

        width: 75px; height: 28px;

        border: none;

        float: left;

        margin-left: 15px;

        cursor: pointer;

        background: url(../images/addPostButton.png) left top no-repeat;

        }



/* ПОДВАЛ

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



#footer {

        width: 100%;

        height: 164px; /* 194px */

        padding-top: 30px;

        clear: both;

        position: relative;

        }



#footer #bottomNav {

        width: 77%;

        margin: 0 auto;

        border-collapse: collapse;

        text-align: center;

        }



#footer #bottomNav td {

        padding: 4px;

        }



#footer #copyright {

        position: absolute;

        left: 255px; top: 90px;

        }



#footer #design {

        position: absolute;

        right: 255px; top: 90px;

        }