body { padding: 0; margin: 0; background-color: #dcdcdc; text-align: center; } 
body, table, p { font-family: Arial; font-size: 13px; font-weight: 400; color: #333333; } 
a {color:#333333; } 
a:hover { color: #cc0033; } 
a span { cursor: pointer; } 
h1, h4, h1 a, h4 a { font-family: Arial; font-size: 16px; font-weight: 700; margin-top: 0px; } 
h5, h5 a { font-family: Arial; font-size: 13px; font-weight: 700; margin-bottom: 5px; margin-top: 5px; } 
h2, h2 a {font-family:Arial; font-size:15px; margin-top:0px; } 
h3, h3 a {font-family:Arial; font-size:14px; margin-top:0px; } 
p {padding:0; margin:0; padding-bottom:10px; } 
ul li { list-style-position: outside; margin-top: 5px; } 
ul li.selected { /*list-style-image: url("images/bullet-sel.gif");*/ } 
.nobullet { list-style-image: none; } 
.errortext { color: red; } 
#header { width: 100%; } 
.header-main { height: 420px; background: #B8B9BC url('images/maintop.jpg') 50% 20px no-repeat; /*85 back/_bigwall-main_03.jpg top1.jpg*/ } 
.header-other { height: 220px; background: #030303 50% 85px no-repeat; } 
#header-black { width: 100%; height: 20px; background: #030303; text-align: left; } 
#header-black p, #header-black p a { color: #c6c5c3; font-size: 11px; } 
#header-black p { position: absolute; left: 50%; margin-left: -450px; margin-top: 0px; padding-top: 2px; } 
#header-yellow { width: 100%; height: 80px; background: #ffcc33 url(images/back/_bigwall-main_03.jpg) 50% 0px no-repeat; /*85 top1.jpg*/ position: relative; } 
#logo { display: block; position: absolute; left: 50%; margin-left: -450px; top: 7px; width: 170px; height: 100px; /*background: url(images/BigWall.jpg) no-repeat;*/ font-family: Arial; font-size: 15px; font-weight: 700; color: #050505; text-decoration: none; /*padding-top: 18px;*/ } 
#header-yellow #model { width: 350px; height: 395px; position: absolute; left: 50%; margin-left: -480px; top: 5px; background: url(images/06.png); } #header-yellow #page-title { position: absolute; width: 200px; left: 50%; margin-left: -440px; top: 100px; color: white; font-size: 18px; font-weight: 700; text-align: left; } 
#header-yellow #title { width: 550px; position: absolute; left: 50%; margin-left: -440px; top: 284px; color: white; font-size: 24px; font-weight: 700; text-align: left; } 
#header-yellow #descr { width: 550px; position: absolute; left: 50%; margin-left: -440px; top: 314px; color: white; font-size: 14px; text-align: left; }

.scrollTop {width:36px; height:47px; bottom:10px; left:48.5%; background:url('images/arrows-top.png') 0 0 no-repeat; }
.scrollTop:hover {background-position:0 -54px; }

#facebook_online, #vk_online, #guidebook { display: block; position: absolute; left: 50%; top: 318px; width: 60px; height: 60px; background: 50% 50% no-repeat; } 
#guidebook { margin-left: -392px; background-image: url('images/guidebook.png'); } 
#facebook_online { margin-left: -323px; background-image: url('images/FB_online.png'); } 
#vk_online { margin-left: -253px; background-image: url('images/vk_online.png'); } 
.twitter-share-button { top: 345px; display: block; position: absolute; left: 50%; margin-left: -120px; } 
.ig-b- { display: block; position: absolute; left: 50%; top: 327px; margin-left: -181px;} 
.ig-b- img { visibility: hidden; } 
.ig-b-:hover { background-position: 0 -60px; } 
.ig-b-:active { background-position: 0 -120px; } 
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; } 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } } 
#header-yellow #phonemain { position: absolute; left: 50%; margin-left: 140px; top: 335px; font-size: 24px; font-weight: 700; } 
#header-yellow #phonedop { position: absolute; left: 50%; margin-left: 85px; top: 367px; font-size: 16px; font-weight: 700; } 
#brics { display: block; position: absolute; left: 50%; margin-left: 230px; top: 368px; width: 180px; height: 22px; /*background: 50% 50% no-repeat; background-image: url('images/brics.jpg');*/ font-size: 12px; font-weight: 700; text-align: left; } 
#header-yellow ul, #header-yellow ul li {display:inline; } 
#header-yellow ul {position:absolute; left:50%; top:25px; padding:0; margin:0; margin-left:-232px; } 
#header-yellow ul li {padding-right:32px; } 
#header-yellow ul li a {font-family:Arial; font-size:15px; font-weight:700; color:#050505; text-decoration:none; } 
#header-yellow ul li a:hover {text-decoration:underline; } 
#eng_link {position:absolute; width:40px; height:40px; background:url('images/eng_bg.png') no-repeat; margin:12px 0 0 373px; padding-top:10px; text-decoration:none; font-size:15px; font-weight:bold; color:#050505; } 
#eng_link:hover {text-decoration:underline; } 
#wrap {width:100%; } 

/**Top menu**/ 
#menu {height:120px; background:url('images/markets-bg.gif') no-repeat; } 
#menu ul, #menu ul li {padding:0; margin:0; list-style:none; } 
#menu ul li a { display: block; float: left; width: 81px; height: 100px; font-size: 12px; } 
#menu ul li a span { display: block; width: 81px; height: 70px; background-position: 50% 0; background-repeat: no-repeat; } 
#horizontal-multilevel-menu ul { 	margin:100px 0 0 0; padding:5px 0 0 0; 	width:100%; 	float:left; } 
#horizontal-multilevel-menu .menu-divider { float: left; width: 1px; height: 100px; background: url("images/verticle-divide.gif") 50% 0% repeat-y; } 

/*Links*/ 
#horizontal-multilevel-menu a { 	display:block; 	padding:5px 2px 10px 2px; 	text-align:center; 	text-decoration:none; } 
/*Root items*/ 
#horizontal-multilevel-menu li a.root-item {color:#ffffff; padding:0 9px; } 
/*Root menu selected*/ 
#horizontal-multilevel-menu li a.root-item-selected {color:#cc0033; padding:0 9px; } 
/*Root items: hover*/ 
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item {color:#cc0033; } 
/*Item-parents*/ 
#horizontal-multilevel-menu a.parent {background:url(images/arrow.gif) center right no-repeat; } 
/*Denied items*/ 
#horizontal-multilevel-menu a.denied {background:url(images/lock.gif) center right no-repeat; } 
/*Child-items: hover*/ 
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover {color:#ffffff; background:#fec015; } 
/*Child-items selected*/ 
#horizontal-multilevel-menu li.item-selected {background:#fec015; } 
/*Sub-menu box*/ 
#horizontal-multilevel-menu li ul {position:absolute; display:none; z-index:500; height:49px; width:900px; padding:0 2px; margin:100px 0; background:url(images/ul_bg.png) repeat-x; list-style-type:disc !important; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; box-sizing:border-box; -moz-box-sizing:border-box; border-bottom:1px solid #b8b9bc; }
/*Sub-menu item box*/ 
#horizontal-multilevel-menu li li {width:122px; height:39px; margin-top:9px; display:inline-block; }
/*Item link*/ 
#horizontal-multilevel-menu li ul a {display:block; width:118px; height:39px; text-decoration:none; font-size: 12px; } 
#horizontal-multilevel-menu li ul a:hover {color:#cc0033; } 
#horizontal-multilevel-menu li ul ul {margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } 
#horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { 	/*top:-999em;*/ 	display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { 	/*z-index:1000; 	top:auto;*/ 	display:block; } div.menu-clear-left {clear:left; } .container { margin: 0 auto; width: 900px; padding: 0; background: url(images/rounded-fill.gif) repeat-y; } .container .top { width: 900px; height: 15px; font-size: 10px; background: url(images/rounded-top2.gif) no-repeat; } .container .content { margin: 0 auto; width: 850px; text-align: left; } .container .content .main_content { margin: 0 auto; width: 600px; float: left; } .breadcrumb { 	width: 100%; 	margin:0 0 10px 0; 	padding:0 0 5px 0; 	border-bottom:#b8b9bc 1px solid; 	font-size:12px; 	color:#b8b9bc; } .breadcrumb a { 	text-decoration: none; 	font-size:12px; 	color:#b8b9bc; } .breadcrumb a:hover { color: #cc0033; } .container .content .right_menu { margin: 0 auto; width: 230px; float: right; } .container .double-col { width: 565px; } .container .double-col .double-col-cont { width: 555px; } .container .bottom { width: 900px; height: 15px; font-size: 10px; background: url(images/rounded-bottom2.gif) no-repeat; } .width100 { width: 100%; } .clear { clear: both; } .divide { background: url("images/verticle-divide.gif") 100% 0% repeat-y; } .divide-center { background: url("images/verticle-divide.gif") 50% 0% repeat-y; } #footer { width: 900px; height: 40px; background: url("images/fofo.jpg") no-repeat; } #footer p, #footer p a { color: #cccccc; } #foot-left, #foot-center, #foot-right { float: left; width: 263px; height: 300px; height: 260px; padding: 10px; } #foot-center span { display: block; width: 110px; height: 81px; background: url('images/main/c1_100.jpg') no-repeat; float: left; } #foot-end { clear: left; } .main-frame { width: 401px; float: left; background: url('images/ico/mfr_body.gif') repeat-y; position: relative; min-height: 200px; } .main-h { float: left; height: 200px; } .main-ico { display: block; width: 41px; height: 41px; background: no-repeat; position: absolute; left: 0px; top: -4px; } .main-top { display: block; width: 401px; height: 41px; background: url('images/ico/mfr_top.gif') no-repeat; position: absolute; left: 0; top: -5px; z-index: 0; } .main-bot { display: block; width: 401px; height: 16px; background: url('images/ico/mfr_bot.gif') no-repeat; clear: both; } .main-frame p { font-family: Verdana; font-size: 11px; margin-left: 10px; margin-bottom: 5px; margin-right: 170px; display: block; /*border-right: 1px black solid;*/ } .main-frame p .h { display: block; float: left; height: 165px; } .main-frame h4 { margin: 0; width: 100%; text-align: center; position: absolute; top: 6px; } .main-frame h4 a { text-decoration: none; } .main-sep { width: 42px; height: 50px; float: left; } .main-pic { width: 150px; height: 126px; position: absolute; padding: 2px; border: 1px #cccccc solid; left: 237px; top: 48px; } .main-pic:hover { /*border: 1px #cc0033 solid; *//*#ffcc33*/ } .catalog {position:relative; min-height:300px; } .catalog-h {float:left; height:300px; } .catalog-menu {position:absolute; left:600px; width:230px; margin-left:20px; } .catalog-menu li a {text-decoration:none; font-weight:bold; } .catalog-menu li a:hover {color:#333333; text-decoration:none; } .catalog-menu .selected {color:#cc0033; } .catalog-menu ul {margin:0; padding:0; list-style:none; } .catalog-menu ul li {color:#333333; font-size:12px; padding:4px 5px 4px 20px; background:#ffcc33; border-bottom:1px solid #b8b9bc; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; } .catalog-menu li:hover {background-color:#fec015; text-decoration:none; } .catalog-menu ul ul li {padding:2px 0 2px 5px; margin:4px 5px 4px 20px; background:none; border-radius:0; } .catalog-menu ul ul li:hover {background-color:#d6d6d6; } .asfloat {position:relative; float:right; left:0; } .right_col_block {padding-left:28px; } .right_col_block a, .right_col_block a:hover { font-size: 14px; color: black; text-decoration: none; } .catalog-cont {width:600px; } .catalog-element { margin-bottom: 15px; border-top: 1px #cccccc solid; } .catalog-element-pic-frame { float: left; margin-top: 8px; border: 1px #cccccc solid; } .gallery .catalog-element-pic-frame { margin-right: 10px; margin-bottom: 10px; } .catalog-element-pic { display: block; margin: 2px; } .gallery .catalog-element-pic { width: 200px; height: 200px; } .catalog-element-descr { float: left; margin-left: 10px; } /*navigation*/ .nav-current-page, .navigation a { padding: 3px; padding-left: 6px; padding-right: 6px; padding-bottom: 6px; margin-right: 5px; } .nav-current-page { background-color: #dcdcdc; border: 1px #cccccc solid; float: left; } .nav-current-page:hover, .navigation a:hover { border: 1px #666666 solid; } .navigation a { display: block; border: 1px white solid; float: left; } .breadcrumb, .breadcrumb-sep { float: left; } .breadcrumb-sep { display: inline; width: 28px; height: 19px; background: url("images/breadcrumb.gif") 50% 50% no-repeat; } /*thumbs*/ .catalog-elem { width: 680px; } .catalog-elem-menu { left: 665px; width: 160px; top: 32px; } .catalog-elem-menu ul { /*padding-left: 30px;*/ } .element-big-thumb, #element-thumbs, .element-thumb { float: left; } .element-big-thumb { background: 50% 50% no-repeat; border: 2px #cccccc solid; padding: 0; margin-left: 0px; margin-right: 8px; margin-bottom: 3px; width: 528px; height: 338px; line-height: 18.2px; color: #000000; position: relative; } .element-big-thumb, .element-big-thumb p { color: #000000; } #element-thumbs{ display: inline; margin: 0px; /*width: 110px; border: 0px #cccccc solid;*/ } #element-thumbs img { border: 2px #cccccc solid; margin-bottom: 3px; margin-right: 3px; cursor: pointer; } #element-thumbs img.selected { border: 2px #ffcc33 solid; } #photo-prev, #photo-next { display: block; width: 20px; height: 40px; position: absolute; top: 150px; cursor: pointer; } #photo-prev { background: url("images/arrows-l.png") no-repeat; left: 0; } #photo-next { background: url("images/arrows-r.png") no-repeat; right: 0px; } #photo-prev:hover { background: url("images/arrows-la.png") no-repeat; left: 0; } #photo-next:hover { background: url("images/arrows-ra.png") no-repeat; right: 0px; } /**********/ #header-yellow .search-form { position: absolute; left: 50%; margin-left: 220px; top: -19px; width: 250px; } #header-yellow .search-form input{ font-size: 10px; border: 1px #cccccc solid; } /****************/ .price { width: 600px; border: 0px #cccccc solid; font-size: 90%; } .price td, .price th { padding: 7px; } .price .odd { background: #cecece; } .price tr { background: #ececec; } .price th { background: #dbe5f1; } #price-links { position: absolute; left: 50%; width: 400px; top: 450px; } #price-links li { margin-bottom: 10px; margin-left: 250px; } #price-links a { text-decoration: none; } #sportbox { display: block; width: 263px; height: 106px; background: url('images/sportbox.png'); }