﻿/*   Общие стили  */
div,dl,dt,dd,ol,ul,li,form,p { margin : 0; padding : 0; line-height : 1.2; }
table, th, td { font-size : 100%; }
table,img { border : 0; }
img { border : none; }
table { border-collapse : collapse; }
input, select, option, textarea { font-family : Tahoma, Arial, Helvetica, sans-serif; font-size : 11px; padding : 1px 5px; border : 1px solid #3590FF;}
input, select, option, textarea {background: white url(/images/input.gif) repeat-x;}
button { padding : 1px 5px; cursor : pointer; border : none; background : url(/images/button.gif) repeat-x 0 0; color : white; border-left: 1px solid #14D8FF;}
p {padding : 0 0 10px; }
a {color : #4999FF; text-decoration : underline; }
a:hover {color : #4999FF; text-decoration : none; }
h1 {margin : 0; padding : 0; font-weight : bolder ; color : #9CE4FF; font-size : 14px; padding : 10px 0; color:#e2f0fc;}
h2 {margin : 0; padding : 0; font-weight : bold; color : #9CE4FF; font-size : 14px; padding : 10px 0; }
h3 {margin : 0; padding : 0; font-weight : 500; color : #9CE4FF; font-size : 14px; padding : 10px 0; }
h4 {margin : 0; padding : 0; font-weight : normal; color : #9CE4FF; font-size : 1em;  padding : 10px 0; font-weight : bold; }
ol, ul {padding:0 0 10px 20px;}
html strong {color:#4999FF;}

/* Стиль тела страницы - задаёт фон */
html, body { margin : 0; padding : 0; min-width : 1020px; font-family : Tahoma, Verdana, Arial; 
font-size : 12px; color: white; background : #02142E url(/images/body.jpg) no-repeat 50% 0; }

/* Стиль для создания контейнера страницы - рабочая область 1000 точек */
#page { position : relative; top : 0px; width : 1000px; margin : 0 auto;}

/* -------------------------------- Стили ВЕРХНЕГО КОЛОНТИТУЛА страницы ----------------------------*/
#header { position : relative; width : 100%; height: 160px; z-index: 500;}

/* Стиль для вывода логотипа */
#logo { position : absolute; left : 5px; top : 15px; width : 307px; height : 94px; }

/* Стиль для вывода отрасли*/
#branch { position : absolute; right : 10px; top : 60px; width : 550px; height : 20px; padding : 15px 0px; text-align:right; }

/* Стиль для заказа On-line */
#order_online { position : absolute; right : 20px; top : 15px; width : 150px; height : 20px; padding : 4px 0px; text-align:right;}
#order_online a { font: 13px "Times New Roman", Times, serif; font-weight:bold; color : white; text-decoration:none;}

/* Стили для вывода переключателя языков */
#languages_container { position : absolute; right : 10px; top : 47px; width : 150px; height : 20px; padding : 4px 0px; text-align:right; }
#languages_container img { padding:0 10px 0 10px;}
#languages_container a { font-size : 12px; font-weight : normal; color: yellow; }
#languages_container a.current { text-decoration: none; color : white; }                   

/* Стили для вывода строки поиска */
#search { position : absolute; right : 160px; top : 50px; width : 295px; }
#search_query { float : left; }
#search_query input { width : 200px; margin : 0; color : black; font-size : 13px; border : 1px solid #A8ACAD; }
#search_button { float : right; }
#search_button input { background : url(/images/search-button.gif) no-repeat; width : 80px; height : 23px; border : none; color : white;	padding-bottom : 4px; 
font-size : 12px; font-weight : bold; cursor : pointer; }

/* Стили для описания главного меню */
#main_menu { position : relative; left : 0px; top : 120px;	width : 1000px; height : 35px; background : url(/images/menu.gif) repeat-x; z-index : 1000; padding : 0; }
/*--------------- первый уровень -----------------------*/
#main_menu ul {padding: 0px 1px 0px 3px; margin:0; list-style : none; background : url(/images/menu-border.gif) no-repeat 0 0; }
#main_menu ul li { text-align : center; float : left; position : relative; width : 166px;  height : 35px; padding : 0px; background : url(/images/menu-border.gif) no-repeat 100% 0; }
#main_menu ul li a, #main_menu ul li a:visited { text-decoration : none; color : white; display : block;  height : 23px; padding : 6px 2px;  overflow:hidden;} 
#main_menu ul li:hover a, #main_menu ul li a:hover { background : #0A70D7 url(/images/lia.gif) repeat-x 0 0; color: white; }
/*--------------- второй уровень -----------------------*/
#main_menu ul li ul { display : none; background: none;}
#main_menu ul li:hover ul { display : block; position : absolute; top : 35px; left : -1px; width : 166px; height : auto; background : #12C0F1; padding: 0;}
#main_menu ul li:hover ul li { background : #0750B7 url(/images/menu2.gif) repeat-x 0; float : left; position : relative; width : 166px;  height : auto; padding : 0; border-top : 1px solid #12C0F1; border-bottom : 1px solid black; border-left : 1px solid black; border-right : 1px solid black; }
#main_menu ul li:hover ul li a, #main_menu ul li:hover ul li a:visited { background : #0750B7 url(/images/menu2.gif) repeat-x 0; color: white; padding : 14px 3px; height : auto; width : 160px;}
#main_menu ul li:hover ul li:hover, #main_menu ul li:hover ul li a:hover { background : #0A70D7 url(/images/lia.gif) repeat-x 0 0; color: white; }
/*--------------- третий уровень - всё наследуется от второго-----------------------*/
#main_menu ul li:hover ul li ul {display: none;}
#main_menu ul li:hover ul li:hover ul {display:block; position:absolute; left:166px; top:0;}
/*--------------- четвёртый уровень - всё наследуется от третьего-----------------------*/
#main_menu ul li:hover ul li:hover ul li ul {display: none;}
#main_menu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:166px; top:0;}

/* -------------------------------- Стили ОСНОВНОЙ ЧАСТИ страницы ----------------------------*/
#page_content {	position : relative; z-index:70; width : 100%; margin : 0;}
#main_panel { padding-left : 25px; width : 800px; }

/* Стили для навигации с помощью Breadcrumbs*/
#bread { font-size : 14px; color : #4999FF;	position : relative; top : 0px;	left : 0; padding : 10px 0; line-height:1.4; }
#bread H1 { font-size : 14px; font-weight : normal; display : inline; }
#bread A { color : #4999FF !important; text-decoration : underline; font-size : 14px;}
#bread A:hover { text-decoration:none; }

/* -------------------------------- Стили НИЖНЕГО КОЛОНТИТУЛА страницы ----------------------------*/
#footer { position : relative; top: 0px; width : 100%; height : 200px; background : url(/images/footer.gif) repeat-x 0 0; color : white; font-size : 12px;}
#footer_text { position : absolute; left : 350px; top : 25px; width : 600px; font-size : 13px; line-height : 1;}
#footer_text a { font-size : 12px; font-family: "Times New Roman", Times, serif; text-decoration:none; color: #268bd2;}

/* Стили формы авторизации*/
#authorization{ position : absolute; left : 35px; top : 25px; width : 270px; height : 175px; color : white; }
#authorization A { color : #FFF463; text-decoration : underline; }
#authorization A:hover { text-decoration: none; }
#auth_title { margin : 0; padding : 0 0 3px 0; color : white; font-size : 12px; font-weight : bold; max-height : 30px; overflow : auto; }
#authorization form { margin : 0; padding : 2px; border : 0; }
#authorization input { padding : 2px 8px; height : 19px;  color : black; font-size : 13px;
border-bottom: 1px solid #3590FF; border-top: 2px solid black; border-right: 1px solid #3590FF; border-left: 2px inset #3590FF; }
#authorization  button { border : 0; margin : 0; padding : 2px 3px 3px 1px; font-weight : 500; background : url(/images/auth-enter.gif) no-repeat 0 0; position : relative; bottom : -1px; left : 0; width : 73px; height : 23px;	color : #fff; }

#wlpeLoginButton { border : none; }
#wlpePassword {	width : 160px; }
#wlpeUsername {	width : 236px; margin-bottom : 3px;}

#wlpePassword.pass-en.focused_pass { background : white url(/images/auth-pass-en.gif) no-repeat 0 0; }
#wlpePassword.pass-ru.focused_pass { background : white url(/images/auth-pass-ru.gif) no-repeat 0 0; }

#auth_register { width : 150px; color : #FFF463; float : left;	}
#auth_forgot { margin : 2px 0 0; width : 100px;	color : #FFF463; float:right; }

/*   Стили для формы успешной регистрации*/
#authorization_success { position : absolute; left : 35px; top : 25px; width : 270px; height : 175px; color : white; line-height : 18px; 	font-family : Arial, Helvetica, sans-serif; line-height : 18px; overflow : auto; }
#authorization_success A { padding : 0px 0px 0px 15px; color : white; display : block; text-decoration : underline;	}
#authorization_success A:hover { text-decoration: none;	}

/* Стили для вывода баннера и карты*/
#banner { width:1000px; height:200px; background:url(/images/flash.jpg) no-repeat 0 0; z-index:50;}
#banner-object { position:absolute; left:0; right:0; z-index:51;}
#map { border: 1px solid white; width : 1000px; height : 600px; z-index	: 50; }

/* Стили для выделения результатов поиска */
span.ajaxSearch_highlight { background-color : #9CE4FF; font-weight : bold; color : white; }
div.ajaxSearch_result { border-top : #113970 1px solid; padding : 15px 0 10px 0; }
span.ajaxSearch_paging { display : block;	padding : 0 0 10px 0; }

/* Стили для отображения навигации по страницам */
.pages_navigation { font-size : 15px; padding-top : 5px; width : 100%}
.pages_navigation A { padding-right: 5px; }
.pages_navigation A:hover { }
span.ditto_currentpage { padding : 0 5px; }

/* Стиль кнопки добавить в корзину */
button.shk-but { padding : 1px 5px; cursor : pointer; border : none; background : url(/images/button.gif) repeat-x 0 0; color : white; border-left: 1px solid #14D8FF;}

/* Стиль всплывающего окна для подбора количества в корзину */
#stuffHelper { z-index : 999 !important; color : #000; }

/* Стили для корзины товаров*/
#shopCart.basket { background : none; border : 1px solid #4999FF; }
#shopCart.basket #butEmptyCart { color : white; text-decoration: none; border-bottom:1px dashed white;}

/* Стили для списка заказов*/
#orderlist { width:100%; border:1px solid white;}
#orderlist th { padding : 5px; border: 1px solid white;}
#orderlist td { padding : 5px; border: 1px solid white;}

/* Стиль контекстной подсказки*/
#Tooltip{
        padding:5px 10px;
        border:1px solid #195fa4;
        background-image:url(/images/tooltip.png);	
        color:#fff;
        z-index:999;
		-moz-box-shadow:1px 1px 6px #000;
		-webkit-box-shadow:1px 1px 6px #000;
		-moz-border-radius:5px 5px 5px 5px;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		border-radius:5px 5px 5px 5px;
        } ﻿/*   Общие стили  */
div,dl,dt,dd,ol,ul,li,form,p { margin : 0; padding : 0; line-height : 1.2; }
table, th, td { font-size : 100%; }
table,img { border : 0; }
img { border : none; }
table { border-collapse : collapse; }
input, select, option, textarea { font-family : Tahoma, Arial, Helvetica, sans-serif; font-size : 11px; padding : 1px 5px; border : 1px solid #3590FF;}
input, select, option, textarea {background: white url(/images/input.gif) repeat-x;}
button { padding : 1px 5px; cursor : pointer; border : none; background : url(/images/button.gif) repeat-x 0 0; color : white; border-left: 1px solid #14D8FF;}
p {padding : 0 0 10px; }
a {color : #4999FF; text-decoration : underline; }
a:hover {color : #4999FF; text-decoration : none; }
h1 {margin : 0; padding : 0; font-weight : bolder ; color : #9CE4FF; font-size : 14px; padding : 10px 0; color:#e2f0fc;}
h2 {margin : 0; padding : 0; font-weight : bold; color : #9CE4FF; font-size : 14px; padding : 10px 0; }
h3 {margin : 0; padding : 0; font-weight : 500; color : #9CE4FF; font-size : 14px; padding : 10px 0; }
h4 {margin : 0; padding : 0; font-weight : normal; color : #9CE4FF; font-size : 1em;  padding : 10px 0; font-weight : bold; }
ol, ul {padding:0 0 10px 20px;}
html strong {color:#4999FF;}

/* Стиль тела страницы - задаёт фон */
html, body { margin : 0; padding : 0; min-width : 1020px; font-family : Tahoma, Verdana, Arial; 
font-size : 12px; color: white; background : #02142E url(/images/body.jpg) no-repeat 50% 0; }

/* Стиль для создания контейнера страницы - рабочая область 1000 точек */
#page { position : relative; top : 0px; width : 1000px; margin : 0 auto;}

/* -------------------------------- Стили ВЕРХНЕГО КОЛОНТИТУЛА страницы ----------------------------*/
#header { position : relative; width : 100%; height: 160px; z-index: 500;}

/* Стиль для вывода логотипа */
#logo { position : absolute; left : 5px; top : 15px; width : 307px; height : 94px; }

/* Стиль для вывода отрасли*/
#branch { position : absolute; right : 10px; top : 60px; width : 550px; height : 20px; padding : 15px 0px; text-align:right; }

/* Стиль для заказа On-line */
#order_online { position : absolute; right : 20px; top : 15px; width : 150px; height : 20px; padding : 4px 0px; text-align:right;}
#order_online a { font: 13px "Times New Roman", Times, serif; font-weight:bold; color : white; text-decoration:none;}

/* Стили для вывода переключателя языков */
#languages_container { position : absolute; right : 10px; top : 47px; width : 150px; height : 20px; padding : 4px 0px; text-align:right; }
#languages_container img { padding:0 10px 0 10px;}
#languages_container a { font-size : 12px; font-weight : normal; color: yellow; }
#languages_container a.current { text-decoration: none; color : white; }                   

/* Стили для вывода строки поиска */
#search { position : absolute; right : 160px; top : 50px; width : 295px; }
#search_query { float : left; }
#search_query input { width : 200px; margin : 0; color : black; font-size : 13px; border : 1px solid #A8ACAD; }
#search_button { float : right; }
#search_button input { background : url(/images/search-button.gif) no-repeat; width : 80px; height : 23px; border : none; color : white;	padding-bottom : 4px; 
font-size : 12px; font-weight : bold; cursor : pointer; }

/* Стили для описания главного меню */
#main_menu { position : relative; left : 0px; top : 120px;	width : 1000px; height : 35px; background : url(/images/menu.gif) repeat-x; z-index : 1000; padding : 0; }
/*--------------- первый уровень -----------------------*/
#main_menu ul {padding: 0px 1px 0px 3px; margin:0; list-style : none; background : url(/images/menu-border.gif) no-repeat 0 0; }
#main_menu ul li { text-align : center; float : left; position : relative; width : 166px;  height : 35px; padding : 0px; background : url(/images/menu-border.gif) no-repeat 100% 0; }
#main_menu ul li a, #main_menu ul li a:visited { text-decoration : none; color : white; display : block;  height : 23px; padding : 6px 2px;  overflow:hidden;} 
#main_menu ul li:hover a, #main_menu ul li a:hover { background : #0A70D7 url(/images/lia.gif) repeat-x 0 0; color: white; }
/*--------------- второй уровень -----------------------*/
#main_menu ul li ul { display : none; background: none;}
#main_menu ul li:hover ul { display : block; position : absolute; top : 35px; left : -1px; width : 166px; height : auto; background : #12C0F1; padding: 0;}
#main_menu ul li:hover ul li { background : #0750B7 url(/images/menu2.gif) repeat-x 0; float : left; position : relative; width : 166px;  height : auto; padding : 0; border-top : 1px solid #12C0F1; border-bottom : 1px solid black; border-left : 1px solid black; border-right : 1px solid black; }
#main_menu ul li:hover ul li a, #main_menu ul li:hover ul li a:visited { background : #0750B7 url(/images/menu2.gif) repeat-x 0; color: white; padding : 14px 3px; height : auto; width : 160px;}
#main_menu ul li:hover ul li:hover, #main_menu ul li:hover ul li a:hover { background : #0A70D7 url(/images/lia.gif) repeat-x 0 0; color: white; }
/*--------------- третий уровень - всё наследуется от второго-----------------------*/
#main_menu ul li:hover ul li ul {display: none;}
#main_menu ul li:hover ul li:hover ul {display:block; position:absolute; left:166px; top:0;}
/*--------------- четвёртый уровень - всё наследуется от третьего-----------------------*/
#main_menu ul li:hover ul li:hover ul li ul {display: none;}
#main_menu ul li:hover ul li:hover ul li:hover ul {display:block; position:absolute; left:166px; top:0;}

/* -------------------------------- Стили ОСНОВНОЙ ЧАСТИ страницы ----------------------------*/
#page_content {	position : relative; z-index:70; width : 100%; margin : 0;}
#main_panel { padding-left : 25px; width : 800px; }

/* Стили для навигации с помощью Breadcrumbs*/
#bread { font-size : 14px; color : #4999FF;	position : relative; top : 0px;	left : 0; padding : 10px 0; line-height:1.4; }
#bread H1 { font-size : 14px; font-weight : normal; display : inline; }
#bread A { color : #4999FF !important; text-decoration : underline; font-size : 14px;}
#bread A:hover { text-decoration:none; }

/* -------------------------------- Стили НИЖНЕГО КОЛОНТИТУЛА страницы ----------------------------*/
#footer { position : relative; top: 0px; width : 100%; height : 200px; background : url(/images/footer.gif) repeat-x 0 0; color : white; font-size : 12px;}
#footer_text { position : absolute; left : 350px; top : 25px; width : 600px; font-size : 13px; line-height : 1;}
#footer_text a { font-size : 12px; font-family: "Times New Roman", Times, serif; text-decoration:none; color: #268bd2;}

/* Стили формы авторизации*/
#authorization{ position : absolute; left : 35px; top : 25px; width : 270px; height : 175px; color : white; }
#authorization A { color : #FFF463; text-decoration : underline; }
#authorization A:hover { text-decoration: none; }
#auth_title { margin : 0; padding : 0 0 3px 0; color : white; font-size : 12px; font-weight : bold; max-height : 30px; overflow : auto; }
#authorization form { margin : 0; padding : 2px; border : 0; }
#authorization input { padding : 2px 8px; height : 19px;  color : black; font-size : 13px;
border-bottom: 1px solid #3590FF; border-top: 2px solid black; border-right: 1px solid #3590FF; border-left: 2px inset #3590FF; }
#authorization  button { border : 0; margin : 0; padding : 2px 3px 3px 1px; font-weight : 500; background : url(/images/auth-enter.gif) no-repeat 0 0; position : relative; bottom : -1px; left : 0; width : 73px; height : 23px;	color : #fff; }

#wlpeLoginButton { border : none; }
#wlpePassword {	width : 160px; }
#wlpeUsername {	width : 236px; margin-bottom : 3px;}

#wlpePassword.pass-en.focused_pass { background : white url(/images/auth-pass-en.gif) no-repeat 0 0; }
#wlpePassword.pass-ru.focused_pass { background : white url(/images/auth-pass-ru.gif) no-repeat 0 0; }

#auth_register { width : 150px; color : #FFF463; float : left;	}
#auth_forgot { margin : 2px 0 0; width : 100px;	color : #FFF463; float:right; }

/*   Стили для формы успешной регистрации*/
#authorization_success { position : absolute; left : 35px; top : 25px; width : 270px; height : 175px; color : white; line-height : 18px; 	font-family : Arial, Helvetica, sans-serif; line-height : 18px; overflow : auto; }
#authorization_success A { padding : 0px 0px 0px 15px; color : white; display : block; text-decoration : underline;	}
#authorization_success A:hover { text-decoration: none;	}

/* Стили для вывода баннера и карты*/
#banner { width:1000px; height:200px; background:url(/images/flash.jpg) no-repeat 0 0; z-index:50;}
#banner-object { position:absolute; left:0; right:0; z-index:51;}
#map { border: 1px solid white; width : 1000px; height : 700px; z-index	: 50; }

/* Стили для выделения результатов поиска */
span.ajaxSearch_highlight { background-color : #9CE4FF; font-weight : bold; color : white; }
div.ajaxSearch_result { border-top : #113970 1px solid; padding : 15px 0 10px 0; }
span.ajaxSearch_paging { display : block;	padding : 0 0 10px 0; }

/* Стили для отображения навигации по страницам */
.pages_navigation { font-size : 15px; padding-top : 5px; width : 100%}
.pages_navigation A { padding-right: 5px; }
.pages_navigation A:hover { }
span.ditto_currentpage { padding : 0 5px; }

/* Стиль кнопки добавить в корзину */
button.shk-but { padding : 1px 5px; cursor : pointer; border : none; background : url(/images/button.gif) repeat-x 0 0; color : white; border-left: 1px solid #14D8FF;}

/* Стиль всплывающего окна для подбора количества в корзину */
#stuffHelper { z-index : 999 !important; color : #000; }

/* Стили для корзины товаров*/
#shopCart.basket { background : none; border : 1px solid #4999FF; }
#shopCart.basket #butEmptyCart { color : white; text-decoration: none; border-bottom:1px dashed white;}

/* Стили для списка заказов*/
#orderlist { width:100%; border:1px solid white;}
#orderlist th { padding : 5px; border: 1px solid white;}
#orderlist td { padding : 5px; border: 1px solid white;}

/* Стиль контекстной подсказки*/
#Tooltip{
        padding:5px 10px;
        border:1px solid #195fa4;
        background-image:url(/images/tooltip.png);	
        color:#fff;
        z-index:999;
		-moz-box-shadow:1px 1px 6px #000;
		-webkit-box-shadow:1px 1px 6px #000;
		-moz-border-radius:5px 5px 5px 5px;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		border-radius:5px 5px 5px 5px;
        } 
#siteactiv{left: 439px;
    margin-top: -15px;
    position: absolute;
    text-align: center;
    width: 180px;}
#right{margin-top: 49px;}


h1.h2 {margin : 0; padding : 0; font-weight : bold; color : #9CE4FF; font-size : 14px; padding : 10px 0; }

