/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em, img,  s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
:focus, :active	{ outline: 0 }
html 			{ font-size: 100.01% }
body 			{ font: normal 62.5%/1.5em 'Frutiger', 'Univers', 'Helvetica Neue', tahoma, helvetica, sans-serif;
				  color: #000;
				  background: #d7d7c7 url(../img/jhiva-pattern.gif) }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 			{ width: 997px; height: 616px;					
				  overflow: visible;
				  background: #c4c0b2;
				  border: #beb2a2 1px solid;
				  position: absolute;
				  top: 50%; left: 50%;
				  margin: -303px 0 0 -499px }
				  
/*------------------------------------------
------------------ Global ------------------
----------------------------------------- */

h1 				{ font: normal 2.4em/.85em 'Times New Roman', sans-serif; 
				  margin-bottom: .8em; text-align: center;
				  text-transform: uppercase;
				  color: #fff;
				  letter-spacing: -2px } 
h2 				{ font: italic 1.8em/1em Georgia, serif; 
				  margin-bottom: 0; 
				  color: #351d1c;
				  letter-spacing: -1px }
h3				{ font: bold 1.1em/1.636364em arial, sans-serif; margin-bottom: .85em; color: #b8a594 }
h4 				{ font: normal 1.2em/1.5em tahoma, sans-serif; margin-bottom: .75em }

p, label, textarea
			 	{ font: normal 1.2em/1.5em verdana, sans-serif; margin-bottom: 1.5em; color: #ededed }
p.small 		{ font: normal 1.1em/1.636364em verdana, sans-serif; margin-bottom: 1.7em }

ul 				{ list-style: square }
li 				{ margin-left: 18px; color: #685655 }
li p			{ font: normal 1,8em/1em verdana, sans-serif; margin-bottom: 0; font-size: 12px }

option			{ font: normal 1em/1.8em verdana, sans-serif }

.h1-border 		{ border-bottom: #bdbdbd 1px dotted; padding-bottom: .05em; margin-bottom: .55em;
				  color: #991e00 } 
.h2-border 		{ border-bottom: #ddd 1px solid; padding-bottom: .5em; margin-bottom: .4em }
H
.clear			{ clear: both }
.float-left		{ float: left }
.float-right	{ float: right }

/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #351d1c }
.slink:link,
.slink:visited,
.slink:hover,
.slink:active			{ font-weight: bold!important}
a:hover			{ text-decoration: underline }
a img			{ border: 0 }

/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */

.inner			{ width: 985px; height: 564px; background: #c49c78 url(../img/jhiva_girl_buttons.jpg) no-repeat; margin: 6px 6px 0 6px }
.innerNoHome	{ width: 985px; height: 564px; background: #c49c78 url(../img/jhiva_girl_buttons_no_home.jpg) no-repeat; margin: 6px 6px 0 6px }

#content		{ width: 634px; height: 564px; background: #847e72 url(../img/content.jpg) no-repeat; margin: 0 0 0 297px; position: relative }
#contentNoHome	{ width: 877px; height: 564px; background: #847e72 url(../img/content_no_home.jpg) no-repeat; margin: 0 54px; position: relative }

.text-content	{ margin: 20px 45px 10px 63px; padding-top: 2px; height: 308px; overflow: hidden; 
				 position: relative/*; background: url(../img/gridbg.gif)*/ }
/*---------------------------------------------------------------*/
 #scrollbar_container {  
     position:relative;  
     width: 514px;  
 } 
  
 #scrollbar_track {  
     position:absolute;  
     top: 25px;  
     right: 0;  
     height:268px;  
     width:13px;
	 background: url(../img/scroll_bar.gif) repeat-y left top;
     cursor: pointer;  
 } 
#scroll_up_50
{
	width: 13px;
	height: 10px;
	position: absolute;
	top: -11px;
	right: 0;
	z-index:100
}
#scroll_up_50 a
{
	background: url(../img/scroll_arrow_up.gif) no-repeat center top;
	text-indent: -9999px;
	width: 13px;
	height: 10px;
	display: block;
}
#scroll_down_50
{
	width: 13px;
	height: 10px;	
	position: absolute;
	top: 269px;
	right: 0;
	z-index:102
}
#scroll_down_50 a
{
	
	background: url(../img/scroll_arrow_down.gif) no-repeat center bottom;
	text-indent: -9999px;
	width: 13px;
	height: 10px;
	display: block;
}
#scrollbar_handle {  
    width: 13px;
	height: 11px;
	background:  url(../img/scroll_pointer.gif) no-repeat center top;
    cursor: pointer; 
} 
 #scrollbar_content {  
     overflow:hidden;  
     width:735px;  
     height:248px;  
 } 
/*----------------------------------------------------------------*/
.text-content ul
				{ margin: -1.8em 0 1.75em 0 }
.text-content ul li
				{ font: normal 1.1em/1.636364em verdana, sans-serif; margin-bottom: 0; color: #fff }
.td-menu		{ width: 769px; text-align: center; margin: -9px auto 18px auto !important }
.td-menu li		{ display: inline; 
				  font: italic 1.4em/1em Georgia, serif !important;
				  margin: 0 0 1.5em 0; padding: 0 8px 0 20px;
				  background: url(../img/bullet.gif) 0 5px no-repeat; }
.first			{ padding: 0 8px 0 0 !important;
				  background: none !important }

.text-content strong
				{ font-weight: bold; font-family: arial}

#footer			{ height: 40px; background: #2f1a17 url(../img/footer.gif) repeat-x; margin: 0 6px 6px 6px }

#footer	img		{ margin: 10px 0 0 26px; float: left }
#footer p		{ font: normal 1.1em/1em tahoma, sans-serif; margin-bottom: 0; color: #845e56 }
.addr			{ float: left; padding: 13px 0 0 15px }
.copy 			{ float: right; text-align: right; padding: 13px 15px 0 0 }
.copy a:link,
.copy a:visited,
.copy a:hover,
.copy a:active	{ color: #845e56; text-decoration: underline }

.menu			{ margin-left: 39px }
.slider			{ width: 537px; height: 375px; padding: 5px; margin-left: 53px; background: #c4c0b2 }

.hr-1			{ margin: 9px 0 0 53px }
.hr-2			{ margin: 6px 0 0 193px }
#contentNoHome .hr-1			
				{ margin: 9px 0 0 60px }
#contentNoHome .hr-2			
				{ margin: 6px 0 0 150px }

.contact-entry	{ float: left; width: 227px; padding: 0 9px; overflow: visible }
.contact-line	{ width: 735px; float: left;margin-bottom: 18px; overflow: visible}
.map h1			{ margin-bottom: 1em; #margin-bottom: .9em; }
.contact-line h2
				{ clear:both; float:left; margin-bottom:0.5em; padding-right:10px; }
.contact-line h2 strong
				{ font-family: Georgia, serif; text-transform:uppercase; padding-left: 9px}
.contact-entry h3
				{ margin-bottom: 0 }
.contact-entry p
				{ margin-bottom: 18px }
.contact-entry div
				{ zoom: 100.01% }
.halfMargin		{ margin-bottom: 1em !important; clear:both; }

.phone			{ display: block; font: italic 1.4em/1.1em Georgia, serif; color: #ccc }

.time			{ font: italic 1.4em/1em Georgia, serif }
.time span		{ font: italic .5em/.85em Arial, sans-serif; position: relative; top: -.5em; left: 2px }

.maps			{ padding-bottom: 70px }
#mapLviv		{ width: 250px; height: 189px; position: absolute; top: 70px; left: 0px;
				  background: url(../img/mapLviv.jpg) no-repeat; display: none }
#mapLugansk		{ width: 250px; height: 189px; position: absolute; top: 75px; left: 0px;
				  background: url(../img/mapLugansk.gif) no-repeat; display: none }
#mapZapor		{ width: 250px; height: 189px; position: absolute; top: 35px; right: 268px;
				  background: url(../img/mapZapor.jpg) no-repeat; display: none }
#mapDnipro		{ width: 250px; height: 189px; position: absolute; top: 94px; right: 18px;
				  background: url(../img/mapDnipro.gif) no-repeat; display: none }

.bottom-margin	{ margin-bottom: 1em }

.td				{ float: left; padding: 5px 5px 10px 5px; margin: 0px 18px 0 0;
				  background: #eee url(../img/shadow.gif) bottom no-repeat }
.td.big			{ background: #eee url(../img/shadow-2.gif) bottom right no-repeat }
				  
.td.right		{ float: right; margin: 0 0 0 18px }
.text-right		{ text-align: right }

.partn			{ float:left; width:100%; margin-bottom:10px; }
.partner-header	{ margin-bottom: .3em }

.message		{ width: 240px; height: 150px; position: absolute; bottom: 55px; left: 35px }
.message p		{ font: normal 1.1em/1.3em Tahoma Arial, Helvetica, sans-serif; color: #666; margin-bottom: 14px }


.lang:link,
.lang:visited	{ color: #fff; position: absolute; top: 36px; left: 57px;
				  font: normal 1.1em/1.2em Tahoma, sans-serif }
.lang:hover,
.lang:active	{ color: #fff }



.blog           { width: 222px; height: 114px; position: absolute; bottom: 232px; left: 26px; padding: 18px; overflow: hidden }
.blog h4        { margin: 0 0 10px; font: 1.1em/1.4545em Tahoma, sans-serif }
.blog h4 a:link,
.blog h4 a:visited
                { font-weight: bold; color: #000 }
.blog h3        { margin: 0 0 7px; font: bold 1.2em/1.3333em Tahoma, sans-serif; color: #000 }
.blog h3 a:link,
.blog h3 a:visited
                { font-weight: bold; color: #000 }
.blog p         { margin: 0; font: 1.1em/1.3em Tahoma, sans-serif; color: #4c4c4c}



.message h4        { margin: 0 0 10px; font: 1.1em/1.4545em Tahoma, sans-serif }
.message h4 a:link,
.message h4 a:visited
                { font-weight: bold; color: #000 }
.message h3        { margin: 0 0 7px; font: bold 1.2em/1.3333em Tahoma, sans-serif; color: #000 }
.message h3 a:link,
.message h3 a:visited
              { font-weight: bold; color: #000 }

.mirky td
		{ border:1px solid #999999; color:#FFFFFF; text-align:center; font-size:11px}
.mirky td.empty
		{ text-indent: -999px}
.mirky 
		{ padding: 2px 0; }
.mirky-img	{ margin: 18px 0 0 0!important; }

.znaky
		{ border:none;}
.znaky td.heading
		{ text-align:center; font-weight:bold; font-size:1.2em }
.znaky td
		{ padding:3px 5px; border:none; color:#fff; vertical-align:middle; font-size:11px; border-bottom: 1px solid #847E72; font:1.2em/1.5em verdana,sans-serif }
.znaky  td.image
		{ text-align:center; background:#fff; }
.znaky  td.image img
		{ width:90%!important; height:90%!important }
#prod-2 h2
		{ margin:10px 0 }




.openShopUa:link,
.openShopUa:visited { position: absolute; left: 26px; top: 241px; padding: 15px 0 0 50px;
                    font: 1.8em/1em Arial, sans-serif; color: #fff;
                    display: block; width: 208px; height: 52px }
.openShopUa:link small,
.openShopUa:visited small
                  { display: block; color: #999; margin-left: 64px; font-size: .7777em }
.openShopUa:link small strong,
.openShopUa:visited small strong
                  { font-weight: bold }
.openShopUa:hover,
.openShopUa:active  { color:#fff; text-decoration: none; background: url(../img/open_shop_hover.gif) no-repeat }

.uaBeautyUa:link,
.uaBeautyUa:visited { position: absolute; left: 26px; top: 317px; padding: 25px 0 0 65px;
                    font: 1.8em/1em Arial, sans-serif; color: #fff;
                    display: block; width: 193px; height: 42px }
.uaBeautyUa:link small,
.uaBeautyUa:visited small
                  { color: #ccc5be; font-size: .7777em }
.uaBeautyUa:hover,
.uaBeautyUa:active  { color:#fff; text-decoration: none; background: url(../img/ua_beauty_hover.gif) no-repeat }



.openShopRu:link,
.openShopRu:visited { position: absolute; left: 26px; top: 241px; padding: 15px 0 0 50px;
                    font: 1.8em/1em Arial, sans-serif; color: #fff;
                    display: block; width: 208px; height: 52px }
.openShopRu:link small,
.openShopRu:visited small
                  {  color: #999; margin-left: 62px; font-size: .7777em }
.openShopRu:link small strong,
.openShopRu:visited small strong
                  { font-weight: bold }
.openShopRu:hover,
.openShopRu:active  { color:#fff; text-decoration: none; background: url(../img/open_shop_hover.gif) no-repeat }

.uaBeautyRu:link,
.uaBeautyRu:visited { position: absolute; left: 26px; top: 317px; padding: 25px 0 0 62px;
                    font: 1.8em/1em Arial, sans-serif; color: #fff;
                    display: block; width: 196px; height: 42px }
.uaBeautyRu:link small,
.uaBeautyRu:visited small
                  { color: #ccc5be; font-size: .7777em }
.uaBeautyRu:hover,
.uaBeautyRu:active  { color:#fff; text-decoration: none; background: url(../img/ua_beauty_hover.gif) no-repeat }


.uaBeautyEn:link,
.uaBeautyEn:visited { position: absolute; left: 26px; top: 317px; padding: 25px 0 0 50px;
                    font: 1.8em/1em Arial, sans-serif; color: #fff;
                    display: block; width: 208px; height: 42px }
.uaBeautyEn:link small,
.uaBeautyEn:visited small
                  { color: #ccc5be; font-size: .7777em }
.uaBeautyEn:hover,
.uaBeautyEn:active  { color:#fff; text-decoration: none; background: url(../img/ua_beauty_hover.gif) no-repeat }


.lightboxmap	{ clear:none !important; float:left; margin:0 !important;}
.lightboxmap a:link, .lightboxmap a:visited { background:url(../img/map-icon.gif) no-repeat left top; width:16px; height:16px; display:block; text-indent:-1000}
.leftM {margin:0!important; padding:0 0 0 20px}