/*------------------------------------------
---------------- 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_new.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: 100%; text-align: center; margin: 0 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; font-size:1.2em}

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

#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 }

.social			{ position:absolute; top:60px; left:437px }
.social ul		{ margin:0; padding:0; list-style:none; float:left }
.social ul li	{ float:left; margin:0 8px 0 0; width:32px; height:32px }
#footer .social p { width:100%; text-align:center; color:#58534f; padding-bottom:8px }
.social a:link,
.social a:visited { display:block; cursor:pointer; text-indent:-9000px; height:100%; width:100% }
.facebook		{ background:url(../img/Facebook-icon-.png) no-repeat top left }
.twitter		{ background:url(../img/Twitter-icon-.png) no-repeat top left }
.vkontakte		{ background:url(../img/Vkontakte-icon-.png) no-repeat top left }
.odnoklassniki	{ background:url(../img/Odnoklassniki-icon-.png) no-repeat top left } 

.menu			{ margin-left: 39px }
.menu object 	{ float:left}
.slider			{ width: 537px; height: 375px; padding: 5px; margin-left: 43px; background: #c4c0b2; display:inline-block; margin-top:7px }

.hr-1			{ margin: 9px 0 0 43px; float:left }
.hr-2			{ margin: 6px 0 0 193px }
#contentNoHome .hr-1			
				{ margin: 9px 0 0 60px; float:none }
#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: 0 }
.contact-entry div
				{ zoom: 100.01% }
.contact-entry .one-town
                { margin-bottom:8px; overflow:hidden }
.contact-entry .one-shop
                { clear:both; margin-bottom:1em; overflow:hidden }
.contact-entry p.one-address
                { clear:both; float:left; margin-right:5px; margin-bottom:0; max-width:160px }
.contact-entry div
.halfMargin		{ margin-bottom: 1em !important; clear:both; }

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

.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; font-size:10px }
.message p		{ font: normal 1.3em/1.5em Tahoma, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 14px }


.lang:link,
.lang:visited	{ color: #fff; position: absolute; top: 36px; left: 47px;
				  font: normal 11px/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: 302px; padding: 6px 0 0 50px;
                    font: 1.6em/0.9em Arial, sans-serif; color: #fff; 
                    display: block; width: 209px; height: 37px;
					 background: url(../img/open_shop_new.png) no-repeat}
.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_new.png) no-repeat }

.uaBeautyUa:link,
.uaBeautyUa:visited { position: absolute; left: 26px; top: 350px; padding: 14px 0 0 72px;
                    font: 1.6em/0.9em Arial, sans-serif; color: #fff; 
                    display: block; width: 192px; height: 29px;
					background: url(../img/ua_beauty_new.png) no-repeat}
.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_new.png) no-repeat }



.openShopRu:link,
.openShopRu:visited { position: absolute; left: 26px; top: 302px; padding: 6px 0 0 50px;
                    font: 1.6em/0.9em Arial, sans-serif; color: #fff; 
                    display: block; width: 209px; height: 37px;
					 background: url(../img/open_shop_new.png) no-repeat}
.openShopRu:link small,
.openShopRu:visited small
                  { display: block; color: #999; margin-left: 64px; 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_new.png) no-repeat }

.uaBeautyRu:link,
.uaBeautyRu:visited { position: absolute; left: 26px; top: 350px; padding: 14px 0 0 72px;
                    font: 1.6em/0.9em Arial, sans-serif; color: #fff; 
                    display: block; width: 192px; height: 29px;
					background: url(../img/ua_beauty_new.png) no-repeat}
.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_new.png) no-repeat }



.uaBeautyEn:link,
.uaBeautyEn:visited { position: absolute; left: 26px; top: 350px; padding: 14px 0 0 62px;
                    font: 1.6em/0.9em Arial, sans-serif; color: #fff; 
                    display: block; width: 202px; height: 29px;
					background: url(../img/ua_beauty_new.png) no-repeat}
.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_new.png) 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:2px 0 0 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:-999px}
.lightboxgallery { clear:none !important; float:left; margin:2px 0 0 0 !important; padding-left: 5px;}
.lightboxgallery a:link, 
.lightboxgallery a:visited { background:url(../img/icon_camera.png) no-repeat left top; width:16px; height:16px; display:block; text-indent:-999px}

.leftM {margin:0!important; padding:0 0 0 20px}

.link-box
{
    position:relative;
    left: 26px;
    top: -323px;
    width: 252px;
    height: 83px;
    padding: 3px;
    background: url(../img/link-box.png) no-repeat
}
.link-box a:link,
.link-box a:visited
{
    width: 204px;
    height: 42px;
    padding-left: 48px;
    color:#bf6e60;
    font: normal 15px/42px Calibri;
    display:block;
    background: url(../img/link-bg.png) no-repeat;
    margin-bottom:1px;
}
.link-box a:hover,
.link-box a:active
{
    text-decoration:none
}
.link-box a.openShop:link,
.link-box a.openShop:visited
{
    line-height:17px;
    padding-top:3px;
    height:39px;
    background-position: left -86px;
    margin-bottom:0
}
.link-box a.Shop:link,
.link-box a.Shop:visited
{
    line-height:18px;
    padding-top:3px;
    height:39px;
    background-position: left 0px
}
.link-box a.Beauty:link,
.link-box a.Beauty:visited
{
    background-position: left -43px
}
.link-box a.openShop:hover,
.link-box a.openShop:active
{
    background-position: right -86px
}
.link-box a.Shop:hover,
.link-box a.Shop:active
{
    background-position: right 0px
}
.link-box a.Beauty:hover,
.link-box a.Beauty:active
{
    background-position: right -43px
}
span.leaf
{
	position:absolute;
	top:-15px;
	right:27px;
	background: url(../img/leaf1.png) no-repeat;
	width:77px;
	height:73px
}
span.leaf strong
{
	padding:28px 0 0 19px;
	font-size:17px;
	color:#fff;
	float:left
}
.link-box a strong
{
    color:#fefefe;
    text-transform:uppercase;
    font-weight:bold
}
.collections a
{
    font-size:1.2em;
    font-style:italic;
    font-family:Georgia,serif;
}
.collections
{
    margin-bottom:0.8em;
}

#respond, #comments		{ font-size:1.6em; line-hight:1.25em; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 1em}
.commentlist	{ font-size: 1.2em;}
.commentlist li	{ list-style: none; margin: 0 0 2em 0; color:#fff;}

.commentlist p	{ font-size: 1em}

.commentlist p cite
				{ color: #7E7E74; margin-left: 1.5em}
#commentform p {margin-bottom:10px}
#commentform label,
#commentform input
				{ font-size: 1em}
#commentform input
				{ background: #fff; border: 1px solid #aea9a2; font-size: 0.85em; padding: 1px 2px; width: 176px}
#commentform input#submit
				{ cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif; border: none !important; 
					width: 124px; background: url(../img/bg_button.gif) no-repeat left top;
					height: 25px; color: #fff}
#comment{ color:#2e1916; margin:0;}