@font-face {
    font-family: "avantgarde";
    src: url("http://beliit.com/font/avantgarde/avantgarde.eot");
    src: url("http://beliit.com/font/avantgarde/avantgarde.eot") format("embedded-opentype"),
         url("http://beliit.com/font/avantgarde/avantgarde.woff") format("woff"),
		 url("http://beliit.com/font/avantgarde/avantgarde.svg") format("svg"),
         url("http://beliit.com/font/avantgarde/avantgarde.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

*{margin:0;padding:0;font-family:Tahoma, Geneva, sans-serif;}
body{cursor:default;width:100%;height:100%;position: relative;background-color:#FFF7E6; font-size:12px}
#mainContainer{margin:auto;width:1200px;height:audto;position:relative;}
a{text-decoration: none; outline: none;}

/*=============================================================================*/

#blackWall{	width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:99;display: none}
.overlay{top: 200px; left: 225px; position:absolute; z-index:100; display:none;}

#overlayCap{background:url(http://beliit.com/image/result/capBack.png) no-repeat; position:relative; width:750px; height:65px;	z-index:1; list-style:none}
#overlayCap li{width:auto; height:65px; position:relative;float:left}
#liClose{float:right !important;}
#overlayCap #botAlign{position:relative;width:auto;height:65px; display: table-cell; vertical-align:bottom;}
#overlayCap #capLabel{position:relative;font-size:20px; color: lightyellow;	font-weight: bold;	text-transform:uppercase; padding-left: 15px; padding-bottom:8px; display: table-cell; vertical-align:bottom;width:auto}
#overlayCap #capLabel .textShadow{width:auto !important}

#overlayCap #capResult{position:relative;font-size:12px; color: lightyellow;font-weight: normal;	text-transform:uppercase;padding-bottom:9px;display: table-cell; vertical-align:bottom;}
#overlayCap #closeBtn{color: lightyellow;width:100px;height:20px;float: right;}

#overlayCap #closeBtn:hover p{cursor: pointer; opacity: 1;filter: alpha(opacity=100); text-decoration:underline;}
#overlayCap #closeBtn:hover #closeImg{cursor: pointer; opacity: 1;filter: alpha(opacity=100);}
#closeBtn p{float:right; margin-right:8px; margin-top:3px; opacity: 0.4;filter: alpha(opacity=40)}
#closeBtn #closeImg{background: url(http://beliit.com/image/result/closeBtn.png) repeat;top:0;left:0;width:40px;height:20px;position:relative;float:right;opacity: 0.4;filter: alpha(opacity=40)}

#overlayYellowBack{	position:relative;width:750px; height:430px; top:-5px; display: none}
#overlayYellowBack>img{width:750px; height:430px; top:0 px; position:relative;}

#overlayDataContainer{width: 750px; height: 400px; position:absolute; top:60px; left:0px; overflow:hidden; padding-top:15px}
#overlayMask{width:750px; height:430px; top:-370px; position:absolute; background: rgb(247,236,213); z-index: 20;}
/*===============================================================*/
#leftHalf, #rightHalf{width: 375px; height: 400px;position:relative;float:left;list-style: none; display:none}
#rightHalf{margin-left:-2px; border-left: lightyellow groove 2px; position:relative;}

#leftHalf #resSlider, #rightHalf #itemWindow{width: 294px; height:394px; position:relative; border: rgb(255,246,230) 3px solid; margin-right:15px; float:right; box-shadow: #999 -1px 1px 3px; background:rgb(224,210,184) url(http://beliit.com/image/result/halfBack.jpg); display:none}
#rightHalf #itemWindow{float:left; margin-right:0px; margin-left:15px;}

#resSlider .resBtnContainer{width: 100%;height: 37px; position:relative;}
#resSlider .resBtnContainer div{width: 45px;height: 100%; position:relative; margin:0 auto; overflow:hidden}
#resSlider .resBtnContainer img{width: auto;height: auto; position:relative; left:0px}
#resSlider .resBtnContainer #upBtn>img{left:-150px}
#resSlider .resBtnContainer .active#upBtn>img{left:-200px;}
#resSlider .resBtnContainer .active#upBtn:hover>img{left:-250px; cursor: pointer}
#resSlider .resBtnContainer #dnBtn>img{left:0px; top:-6px}
#resSlider .resBtnContainer .active#dnBtn>img{left:-50px}
#resSlider .resBtnContainer .active#dnBtn:hover>img{left:-100px; cursor: pointer}

#resSlider #resListContainer{width: 100%;height: 320px; position:relative; overflow:hidden}
#resSlider ul#resList{width: 100$;height: 320px; position:relative; list-style:none;z-index:10;left:0; top:  0px}
#resSlider ul#resList li{width:100%; height:78px; background:rgb(224,210,184) url(http://beliit.com/image/result/itemback.png); position:relative; border-top:dotted transparent 1px; border-bottom:dotted black 1px; overflow:hidden}
#resSlider ul#resList li:first-child{border-top:solid black 1px !important}

ul#resList li>#imgArea{position:relative; z-index:5; float:left; width:98px; height:80px; overflow:hidden}
/*ul#resList li>#imgArea>.icon{position:absolute; width:490px; height:100%; background: url(http://beliit.com/image/result/icon.png); left:0; }*/
ul#resList li>#imgArea>.icon#sepia{position:absolute; width:98px; height:100%; /*background: url(http://beliit.com/image/result/iconSepia.png); */left:0; z-index:8}
ul#resList li>#imgArea>.icon#color{position:absolute; width:98px; height:100%; /*background: url(http://beliit.com/image/result/iconColor.png); */left:0; z-index:7}

ul#resList li>#textArea{width:196px; height:80px; position:relative; float:left;padding-top:3px;line-height:1.2}
ul#resList li #textArea>p{padding-right:5px;font-size:12px;position:relative;}
ul#resList li span.itemLabel{ font-weight:bold; text-transform: uppercase; line-height:14px; color: #000}
ul#resList li span.itemType{font-weight:bold; text-transform: lowercase; color: #666;}
ul#resList li span.itemDisc{}

ul#resList li:hover{cursor:pointer}
ul#resList li:hover span.itemDisc{text-decoration:underline}

ul#resList li.active{cursor:default; background-color: red; background-image: url(http://beliit.com/image/result/itemback.png) !important}
ul#resList li.active:hover span.itemDisc{text-decoration:none}
ul#resList li.active .icon#sepia{display: none}
ul#resList li.active span.itemLabel{color: darkred}

ul#resList span.textShadow{width:196px !important;}

/*=================================================*/

#rightHalf #imageArea{width:100%; height:50%; position:relative;}
#rightHalf #imageArea>#itemImage{width:200px; height:100%; position:relative; margin:0 auto}

#rightHalf #textArea{width:100%; height:50%; position:relative;}
#rightHalf #textData{width:280px; height:85%; position:relative;}
#rightHalf #textData>p{ height:100%; position:relative; margin-left:15px}
#rightHalf #textData span.itemLabel{font-weight:bold; text-transform: uppercase; color: darkred}
#rightHalf #textData span.itemDisc{font-weight:bold; text-transform: uppercase; }
#rightHalf #textData span.itemData{font-weight:normal; }

#rightHalf #linkContainer{width:100%; height:15%; position:relative;}
#rightHalf #linkContainer>#link{width:50%; height:70%; position:relative; border-left: groove 2px lightyellow; float:right; }
#rightHalf #linkContainer a{width:100%; height:100%; color: darkred; font-size:10px; font-weight:bold; position:relative; top:-3px; left:6px; line-height:1.2}
#rightHalf #linkContainer a:hover{text-decoration:underline}

#rightHalf #textData span.textShadow{width:265px !important;}

/*================================================*/

#resBlank{position:absolute; width:100%; text-align:center; top:50%; display:none}

/*============================================================================*/

/*===============TOP-BAR========*/
#topbar {color:lightyellow; font-size: 12px; text-transform: lowercase; width:983px; height:34px; position:relative; background:rgb(39,77,77) url(http://beliit.com/image/topbar.jpg) no-repeat; top:15px; left:187px;z-index:90}
#topBarBack{height:34px !important; position:absolute !important; border-top: darkred solid 2px; top:-2px; }
#topBarBack, .tBarSubMenu{width:105px; height:100px; position:relative;filter: alpha(opacity=80); opacity:0.8; background:rgb(39,77,77); display: none}
.tBarSubMenuItem{width:100%; height:34px; top:0px; position:relative; border-bottom: #597272 dotted 1px;}
.tBarSubMenuItem:hover{background-color:#597272; cursor: pointer}

.tBarSubMenu .midAlign{height:34px; width:auto; position:relative !important; vertical-align:middle; display:table-cell;}
.tBarSubMenu .midAlign>p{text-align:left !important; padding:0 17px;  top:0 !important; position:relative; vertical-align:middle; display:table-cell;}
/*.tBarSubMenu .midAlign>p>.textShadow{width:auto !important; vertical-align:middle !important; display:table-cell !important;} padding:0 17px;*/

*|html[xmlns*=""] .tBarSubMenuItem {border-bottom: #829595 dotted 1px;} /*ХАК для ОПЕРЫ*/
*|html[xmlns*=""] .tBarSubMenuItem:hover{background-color:#829595}	/*ХАК для ОПЕРЫ*/

#topbar ul {position:relative; list-style-type: none; float:right;}
#topbar li {height: 34px; width: 105px; float: left; position: relative; z-index:10; cursor:default}
#topbar .butContainer {height: 34px; width: 105px; position: relative; }
#topbar li.active {cursor:pointer}
#topbar li p {font-weight:bold; top:10px; position:relative; text-align:center;}
#topbar p {/*text-shadow:  red 0px 1px; */
/*-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=red,direction=90, enabled=true, strength=5)";*/
}
#topbar li.active p, #poiskLabel>p {position:relative;background:none; top:10px; color:lightyellow; text-align: center; font-weight:normal;}
span.tbararr{width:5px; height:5px; position:relative; left:5px; top:5px; background:url(http://beliit.com/image/tbararr.png) no-repeat}

#blank { height: 34px; float: right; position:relative; margin:0 !important}
#panelPoisk { width:248px; height: 34px; float:right; position:relative;}
#poiskLabel { width:40px; height:34px; position:relative; float:left; padding-left:50px}
#poiskLabel>p{left: auto;}

#input {width:122px; height:34px; background: url(http://beliit.com/image/searchField.png) no-repeat center; margin-right:30px; position:relative; float:left;}
input{outline: none; }
#topbar input { padding-left:4px; position:relative; width:90px; height:15px; background:transparent; border: none; font-size: 10px; color: #999; margin-top:10px;}
#topbar input:hover{color: #333;}

#topbar #poiskBtn { top:7px; width:21px; height:21px; position:relative; float:right; cursor:pointer;}

#langPanel{width:60px; height:20px; position:absolute; top: 7px;}
#langPanel #sliderParent{width:140px; height:20px; position:absolute; left:-80px; }
#sliderParent #sliderMask{width:60px; height:20px; position:relative; overflow:hidden; margin-right:0; margin-left:auto}
#sliderParent #sliderMask>#sliderBack{width:140px; height:20px; position:relative; float: right; background: rgb(247,236,217); opacity:0.2; filter: alpha(opacity=20)}
#sliderParent #sliderMask>p{width:60px; height:20px; position:absolute; float: right; right:68px; color:black; text-align:right; font-weight:bold; font-size:10px; top:4px; text-transform:capitalize;}

#langPanel #rus{width:30px; height:100%; position:relative; float:left}
#langPanel #eng{width:30px; height:100%; position:relative; float:left}

#langPanel .img{width:18px; height:18px; position:relative; background: no-repeat; top:1px;}
#langPanel #rus .img{left:10px; overflow:hidden}
#langPanel #eng .img{left:2px; overflow:hidden}

#langPanel #rus #sepia{background:url(http://beliit.com/image/flag_rus_sepia.png); position:absolute}
#langPanel #rus #color{background:url(http://beliit.com/image/flag_rus_color.png); position:absolute;}
#langPanel #eng #sepia{background:url(http://beliit.com/image/flag_eng_sepia.png); position:absolute;}
#langPanel #eng #color{background:url(http://beliit.com/image/flag_eng_color.png); position:absolute;}

#langPanel .active>#sepia{display:none}
/*#langPanel .notActive:hover{cursor:pointer !important}*/

/*#langPanel a{width:52px; height:13px; position:relative;}*/

/*=====================================*/



/*=====================================*/
#footer{border-top:#bbbbbb 1px solid; width: 709px; height:40px; position:absolute; left: 461px;top:691px; display:none}
#footer>ul{float:right;list-style:none;margin-right:15px}
#footer li{float:left;position:relative;width: auto;height:auto;color:black;}
#footer li p {font-size:10px;text-align:center;font-weight:bold;text-transform:lowercase;}
#footer a:hover{cursor: default}
#footerBack{top:-20%;border:1px solid #bbbbbb;width:auto;height:120%;position:absolute;}
#footerBack { background:	rgb(240,230,210); background: -moz-linear-gradient(bottom, rgb(228,216,199), rgb(240,230,210)); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(228,216,199)), color-stop(1, rgb(240,230,210))); -o-background: rgba(240, 230, 210, 1) url(http://beliit.com/image/window/frameFooterBtn-bg.svg); -o-background-size: 100% 100%; }
/*=====================================*/
/*============MAIN-LOGO============*/
#mainLogoContaner { left: 45px; background:rgb(235,204,138); width:322px; height:138px; position:absolute; background:url(http://beliit.com/image/mainlogoback.jpg) repeat-x; border:1px solid darkgrey; display:none}
#mainLogoContaner>#logo { background:url(http://beliit.com/image/mainLogo.png) no-repeat; width:85px; height:85px; float:left; position:relative; margin:8px -8px 0 60px; display:none}
#mainLogoContaner>#title { font-family: avantgarde, Tahoma, sans-serif; font-size: 12px; font-weight:normal; text-align: left; color: black; position:relative; margin:40px auto 0 auto; display:none}
#mainLogoContaner>#disc { font-size: 12px; font-weight:bold; text-align: center; color: darkred; position:absolute; clear:both; margin-top:100px; width: 100%;  display:none}
/*=====================================*/