/*
Верстка создавалась с учетом того, что footer с корзиной должен быть пиксел в пиксел состыкован с контейнером
с прокручиваемым содержимым и учитывать тот факт, что ширина прокрутки на разных устройствах (включая планшеты),
в операционных системах и темах браузеров — разная.
*/

html { overflow: hidden; }
body { height: 100%;background-color: #E6E6E6; }

/*
— Задавать фон надо для класса .g_layouts_page>.wrapper.
— Если требуется, чтобы фон был растянут на всю ширину, то для данного класса также требуется задать width: auto.
— Если требуется, чтобы фон располагался четко под столбцом с содержимым, то заданное свойство width у данного класса
   нужно оставить (иначе, в разныб браузерах будет наблюдаться однопиксельное несоответствие расположения фона
   расположению столбца).
*/

body .clr {clear: both; float: none !important; margin: 0 !important; background: none !important;}
.g_layouts_page { overflow: auto; overflow-x: hidden; overflow-y: scroll; position: absolute; top: 0; right: 0; bottom: 0px; left: 0; outline: 0; }
.g_layouts_page>.bg { display: none; }
.g_layouts_page>.wrapper { position: relative; width: 978px; min-height: 100%; margin: 0 auto; }
.g_layouts_page>.wrapper>.container { width: 978px; padding: 0; margin: 0 auto; padding-bottom: 46px; }
.g_layouts_page>.wrapper>.container>.header { z-index: 100; position: relative; font-family: Din-medium, helvetica, sans-serif;}
.g_layouts_page>.wrapper>.container>.header a {text-decoration: none; color: #8a8a8a;}
.g_layouts_page>.wrapper>.container>.header a:hover {color: #454545;}

.g_layouts_page>.wrapper>.container>.header>.logo {	height: 55px;left: 0;	position: absolute;	top: 38px;	width: 247px;}
.g_layouts_page>.wrapper>.container>.header>.logo a { display: block; width: 247px; height: 0; padding-top: 55px; overflow: hidden; background: url('/img/layouts/logo.png?v4') no-repeat; }
/* Высоты для шапки не задано, поэтому высота шапки равна высоте .picture (как самого высокого элемента) */
.g_layouts_page>.wrapper>.container>.header>.picture{ display: block; height: 119px; background-position: 197px 0; background-repeat: no-repeat; }
.g_layouts_page>.wrapper>.container>.header>.line{ width: 100%; height: 1px; background: #CCCCCC; }
.g_layouts_page>.wrapper>.container>.header .g_other_choiceRegion { display: block; min-height: 22px; position: absolute; right: 235px;text-align: right;	top: 9px; font-size: 14px;}
.g_layouts_page>.wrapper>.container>.header .g_other_choiceRegion .name { font-size: 1.3em; font-weight: bold; color: #431e8c; }
.g_layouts_page>.wrapper>.container>.header .g_other_choiceRegion.hover a { color: #454545; }
.g_layouts_page>.wrapper>.container>.header .g_other_choiceRegion a .znak {float: right; background: url("/img/new/icons_sprite.png?v22122014") repeat scroll -95px -130px;	height: 18px;width: 13px;}
.g_layouts_page>.wrapper>.container>.header .g_other_choiceRegion.hover a .znak {background-position: -95px -153px}

.g_layouts_page>.wrapper>.container>.header>.g_users_clientMenu { font-size: 16px;position: absolute;	right: 0;top: 56px; }

.g_layouts_page>.wrapper>.container>.header .phone { position: absolute; top: 50px; font-size: 24px; left: 293px;}
.g_layouts_page>.wrapper>.container>.header .phone a{text-decoration: none; color: #00985F; }

.g_layouts_page>.wrapper>.container .backCall {position: absolute; left: 485px; top: 56px; font-size: 17px; font-family: Din-medium, helvetica, sans-serif; }
.g_layouts_page>.wrapper>.container .backCall a { display: inline-block; min-height: 15px; padding-left: 18px; text-decoration: none; }
.g_layouts_page>.wrapper>.container .backCall a span { color: #8A8A8A; }
.g_layouts_page>.wrapper>.container .backCall.hover a span { color: #454545; }
.g_layouts_page>.wrapper>.container .backCall .znak {float: left; background: url("/img/new/icons_sprite.png?v22122014") repeat scroll -9px -130px;	height: 18px;width: 13px;}
.g_layouts_page>.wrapper>.container .backCall.hover .znak {background-position: -9px -153px;}
.g_layouts_page>.wrapper>.container>.header .g_other_shopMenu { font-size: 13px; position: absolute;right: 0;top: 7px; }
.g_layouts_page>.wrapper>.container>.header .g_other_shopMenu ul.menu {list-style: none outside none; margin-top: 2px; text-align: right; color: #BBBBBB;}
.g_layouts_page>.wrapper>.container>.header .g_other_shopMenu ul.menu li {margin-left: 10px; display: inline;}
.g_layouts_page>.wrapper>.container>.header .g_other_shopMenu ul.menu li.delivery:after,
.g_layouts_page>.wrapper>.container>.header .g_other_shopMenu ul.menu li.payment:after { content: '|'; margin: 0 2px 0 5px; }

/**/
.g-browser-ie7 .g_other_shopMenu ul.menu li.contacts,
.g-browser-ie7 .g_other_shopMenu ul.menu li.payment { background: url('/img/sep_green.gif?v1') right 0.2em no-repeat; padding-right: 5px; margin-right: 5px; }

.g_layouts_page>.wrapper>.container>.footer {
	position: fixed;
	bottom: 0;
	width: 978px;
}

.g_layouts_page>.wrapper>.container>.footer>.grassTopPartHeight {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 35px;
}

.g_layouts_page>.wrapper>.container>.footMenu {
	color:  #656565;
	height: 104px;
	width: 100%;
	padding-bottom: 45px;
	padding-top: 5px;
	font-family: Din-thin, helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 101px;
	margin-top: 30px;
	position: relative;
}

.g_layouts_page.noFooterContent>.wrapper>.container>.footMenu { margin-bottom: 0; }
.g_layouts_page>.wrapper>.container>.footMenu h3{ color: #454545; font-size: 15px; margin-bottom: 8px;}

.g_layouts_page>.wrapper>.container>.footMenu .contact {
	float: left;
	width: 223px;
	position: relative;
}

.g_layouts_page>.wrapper>.container>.footMenu .contact .phone a {color: #00985F;text-decoration: none; font-size: 24px; font-family: Din-medium,helvetica,sans-serif;}
.g_layouts_page>.wrapper>.container>.footMenu .contact .backCall {
   position: relative;
	top: auto;
	left: auto;
	margin-top: 5px;
	height: 20px;
}

.g_layouts_page>.wrapper>.container>.footMenu .contact .backCall a {padding: 0;}

.g_layouts_page>.wrapper>.container>.footMenu .contact a.poll-link {
	color: #00985f;
	display: block;
	font-family: Din-medium,helvetica,sans-serif;
	font-size: 14px;
	margin-top: 7px;
	line-height: 22px;
	text-decoration: none;
}

.g_layouts_page>.wrapper>.container>.footMenu .shop {
	float: left;
	margin-left: 60px;
	margin-top: 6px;
	width: 125px;
}

.g_layouts_page>.wrapper>.container>.footMenu .mf {
	float: left;
	width: 170px;
	margin-top: 6px;
	margin-left: 26px;
}

.g_layouts_page>.wrapper>.container>.footMenu .shop a {
	color: #656565;
	display: block;
	margin-bottom: 4px;
	text-decoration: none;
}

.g_layouts_page>.wrapper>.container>.footMenu .shop a:hover { color: #222; }
.g_layouts_page>.wrapper>.container>.footMenu .shop.shop2 { margin-left: 20px; width: 150px; }
.g_layouts_page>.wrapper>.container>.footMenu .shop.shop2 img { margin-top: 10px; }

.g_layouts_page>.wrapper>.container>.footMenu .socialIcons {
	float: right;
	height: 60px;
	width: 260px;
	margin: 7px auto auto;
}

.g_layouts_page>.wrapper>.container>.footMenu .socialIcons a { 	float: right;}
.g_layouts_page>.wrapper>.container>.footMenu .oao {float: right; color: #afafaf;  clear: right; }

.g_layouts_page>.wrapper>.container>.content {background-color: #E6E6E6;}

.g_layouts_page.noFooterGrass>.wrapper>.container>.footer { background-image: none; }
.g_layouts_page.noFooterGrass>.wrapper>.container>.footer>.grassTopPartHeight { height: 50px; }

.g_layouts_page.noFooterContent { bottom: 0; }
.g_layouts_page.noFooterContent>.wrapper>.container>.footer { padding-top: 0; }

/**/

/* Без background-color в IE7 прокрутка колёсиком не работает, если курсох находится в пустых боковых полях */
.g-browser-ie7 .g_layouts_page { background-color: #E6E6E6; }
/* Если слой с position: fixed перекрывается родительским с overflow: auto (из которого он вылезает вниз), то в IE7
   ссылки в этом слое становятся некликабельными */
.g-browser-ie7 .g_layouts_page { bottom: 0; }
.g-browser-ie7 .g_layouts_page>.wrapper>.container { padding-bottom: 171px; }
.g-browser-ie7 .g_layouts_page.noFooterContent>.wrapper>.container { padding-bottom: 70px; }

/**/

/* Если слой с position: fixed перекрывается родительским с overflow: auto (из которого он вылезает вниз), то в opera
   (проверял в 11 версии) содержимое этого слоя пропадает */
.g-browser-opera .g_layouts_page { bottom: 0; }
.g-browser-opera .g_layouts_page>.wrapper>.container { padding-bottom: 171px; }
.g-browser-opera .g_layouts_page.noFooterContent>.wrapper>.container { padding-bottom: 70px; }

/**/
html.g-browser-touchPad { overflow: auto; }
/* Если не задать position static, то некоторые планшеты будут воспринимать свойства left, top и т.п. как сдвиги
 (учтите так же, что bottom задается при загрузке страницу и при сворачивании/разворачивании
 корзины (см. ware.basket.DisplayToggle.recountGlobalContentHeight) */
.g-browser-touchPad .g_layouts_page { position: static; overflow: auto; overflow-x: auto; overflow-y: auto; }


@media print {
	.g_layouts_page { position: static; }
}
.g_innerLayouts-main-addWithList {}
.g_innerLayouts-main-addWithList .show_add_form { display: inline-block; min-height: 8px; margin-bottom: 1em; padding-left: 12px; background: url('/img/plus_icon.gif') left 0.3em no-repeat; font-weight: bold; color: #093; text-decoration: none; }

.g_innerLayouts-main-addWithList form.g_form { display: none; margin-bottom: 1em; }
.g_innerLayouts-main-addWithList form.has_errors { display: block; }

.g-browser-ie7 .g_innerLayouts-main-addWithList .show_add_form { padding-bottom: 1px; }