@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
dfn,var {font-style: normal;}

/* ^^ Disable a deprecated ^_^  ^^ */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

/*************** Fonts & Graphics ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body {color: #000; font: normal 1em/1.4 Arial, Helvetica, sans-serif;}
code {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}


h1,h2,h3,h4,h5,h6 {margin: 1em 0 0.5em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {font: normal 3em/1 Arial, Helvetica, sans-serif; color: #ed1c24;}
h2 {font: normal 1.727em Tahoma, Geneva, sans-serif; color: #000;}
h3 {font: normal 1.181em Tahoma, Geneva, sans-serif; color: #000;}
h4 {font: bold 1em Tahoma, Geneva, sans-serif; color: #8f0000;}
h5 {font: bold 1em Tahoma, Geneva, sans-serif;}
h6 {font: normal 1em Tahoma, Geneva, sans-serif;}

p {margin: 1em 0; text-align: left;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

html {background: url("../img/bg_html_inner.png")/*tpa=http://www.klass.com.ua/img/bg_html_inner.png*/ no-repeat center 0;}
body.index {background: #9c9c9c url("../img/bg_body-index.png")/*tpa=http://www.klass.com.ua/img/bg_body-index.png*/ repeat;}
body.index #wrapper {  position: absolute; width: 100%; top: 0; bottom: 0px; padding-bottom: 75px; min-height: 572px;  background: url("../img/bg_top_index.png")/*tpa=http://www.klass.com.ua/img/bg_top_index.png*/ center top repeat-x;}

body.inner {background: transparent url("../img/bg_inner.png")/*tpa=http://www.klass.com.ua/img/bg_inner.png*/ repeat-x 0 bottom;}

/*************** Positioning ***************/
html {height: 100%;}
body {position: relative;}
body.index {min-height: 100%;}

body.inner #wrapper {position: relative; width: 950px; padding: 455px 0px 74px 0; margin: 0 auto; min-height: 1150px;}

       /* -- Mainframes -- */
#flash_intro { position: absolute; top: 50%; left: 0; margin: -275px 0 0; height: 550px; width:100%; padding: 10px 0 0 0;}
#header      { position:absolute; z-index: 5; top:0; left:0; height:455px; width: 100%;}
#content     { position: relative; z-index: 10; margin-bottom: 95px;}
#content-text { position: relative;  margin-left: 320px; width: 600px; padding: 35px 10px 0 10px; min-height: 300px;}
#sidebar      { position: absolute; top: -425px; left: -15px; width: 328px; overflow: hidden}
#footer      {position: absolute; bottom: 0px; left: 0; width: 100%; height: 74px; border-top: 1px solid #fff; background: #8b8b8b url("../img/bg_footer.png")/*tpa=http://www.klass.com.ua/img/bg_footer.png*/ repeat-x;}
#bottom      {}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a         {color: #eb3d00; text-decoration: underline;}
a:visited {color: #000080;}
a:hover, a:active, a:focus {text-decoration: none;}
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png")/*tpa=http://www.klass.com.ua/img/ico_external.png*/ right 0px no-repeat;}

input,select,textarea,button {margin: 0;}
fieldset {padding: 0.5em; border: solid 1px #dcdcdc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="tel"] {padding: 4px 4px; border: 1px solid #cdcccc;}
        input.text,input.password {padding: 4px 4px; border: 1px solid #cdcccc;}
  input[type="hidden"] {display: none !important;}
        input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"] {width: auto !important;}
        input.image,input.checkbox {width: auto !important;}
select   {}
textarea {padding: 0.5em; border: 1px solid #cdcccc; background: #fff url("../img/bg_textarea.png")/*tpa=http://www.klass.com.ua/img/bg_textarea.png*/ no-repeat;}
input,label,select {vertical-align: middle;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {outline: 2px solid #ffffaa;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0 1em 1.5em; padding: 0; list-style-type: none;}
   ul li {margin: 2px 0; padding: 0 0 0 15px; background: url("../img/bull_li.png")/*tpa=http://www.klass.com.ua/img/bull_li.png*/ 0px 5px no-repeat;}
   li ul {margin-top: 0; margin-bottom: 0;}
ol {margin: 0 0 1em 1.5em; padding: 0; list-style-type: decimal; list-style-position: inside;}
   ol li {margin: 0; padding: 0;}
   ol ul li {background: none;}
dl {margin: 0 0 1em 1.5em; padding: 0;}
   dl dt {margin: 0 0 0.5em 0; padding: 0;}
   dl dd {margin: 0.5em 0 1.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle;} /* VA is for inline img's */
#footer img,#bottom img,p img {display: inline;}

       /* -- Text -- */
blockquote {margin: 1em 0; padding: 0.5em 1em; quotes: none;}
    blockquote:before, blockquote:after {content: ''; content: none;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {word-wrap: break-word; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap;}

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/
.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*  -- Header --  */
/*  logo */
#logo {display:block; position: absolute; top: 129px; left: 33px; width: 185px; height: 184px; margin: 0; font: bold 30px/184px "Trebuchet MS", Helvetica, sans-serif; color: #004c1d; text-align: center; text-transform: uppercase}
    body.index #logo {top: 174px; left: 50%; margin-left: -92px}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 50%; margin-left: -92px; width: 185px; height: 184px; background: url("../img/logo.png")/*tpa=http://www.klass.com.ua/img/logo.png*/ no-repeat; text-indent: -900em}
    body.inner #logo a {background-position: 0 -184px}
#logo dfn  {display: block; font: normal 0.5em Verdana;}
/* /logo */

/* menu  */
#nav { position: absolute; left: 318px; bottom:12px;  padding:0; margin:0; width: 630px;}
#nav li { float: left; padding:0; margin:0; background: none;}
#nav li a { display: block; height:105px; width:88px; padding:0; margin:0; background: url("../img/bg_nav_a.png")/*tpa=http://www.klass.com.ua/img/bg_nav_a.png*/ -8px 0 no-repeat; text-align: center;  text-transform: uppercase; color:#fff; text-decoration: none; font: bold 0.916em/111px Arial, Helvetica, sans-serif;}
#nav li a:hover { color:#eaff00;}
#nav li.active  a{ background-position: -8px -188px; cursor: default}
#nav li.active  a:hover { color:#fff; }
#nav li.double_column a {line-height: 11px; padding-top: 46px; height: 59px}
/* /menu */

#header p { color:#fff; font: bold 0.916em/30px Tahoma;}
#header p.greeting { position: absolute; top: 0; left: 0; padding-left: 35px; margin: 0; background: #ed1c24; width: 915px;}
#header div.hotphones { position: absolute; top: 0; left: 311px; color:#fff; font: bold 1.08em/30px Tahoma;}
#header div.hotphones a { color: #fff;}
#header p.date { position: absolute; top: 0; right: 10px; margin:0;}
#header p.callcenter {  position: absolute; top: 43px; right: 43px; margin:0; font: bold 17px Arial; color: #38509b; text-align: right; text-transform: uppercase;}

#header p.callcenter var { display: block; font: bold 34px Arial; color: #38509b}



/* /-- Header -- */

/* -- Footer --  */
#footer {text-align: center; font-size: 1em; color: #fff; text-shadow: #6b6b6b 0 0;}
#footer a {color: #fff;}
#footer hr  {display: none;}

#footer ul {margin: 20px 0 10px;}
#footer ul li {display: inline; margin: 0; padding: 0 15px 1px 15px; border-left: 1px solid #fff; background: none; line-height: 1;}
#footer ul li:first-child,#footer ul li.first-child  {border-left: none;}
#footer ul li a,#footer ul li a:visited {color: #fff;}

/* contacts  */
address.vcard {display: inline; font-style: normal;}
address.vcard a.fn {cursor: default; text-decoration: none; color: #000;}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}
/* /contacts */
/* /-- Footer -- */

/* -- Bottom --  */

/* /-- Bottom -- */


/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */
#sidebar div.bill,
body.advertising #sidebar div.bill,
body.discount #sidebar div.bill,
body.job #sidebar div.bill,
body.price #sidebar div.bill,
body.discount_vip #sidebar div.bill,
body.discount_business #sidebar div.bill,
body.discount_premium #sidebar div.bill,
body.news #sidebar div.bill,
body.job_resume #sidebar div.bill,
body.job_people #sidebar div.bill { position: relative; padding: 8px 28px 130px 35px; background: url("../img/bg_bill.png") no-repeat 13px bottom; }

body.actions #sidebar div.bill { position: relative; padding: 8px 28px 130px 35px; background: url("../img/bg_bill.png")/*tpa=http://www.klass.com.ua/img/bg_bill.png*/ no-repeat 13px bottom; }


#sidebar div.bill h2, #sidebar div.bill dfn.class { text-transform: uppercase; font-size: 1.416em; text-align: center;}


#sidebar div.bill h2.supermarket { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.supermarket  span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ no-repeat}

#sidebar div.bill h2.adv { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.adv span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -262px no-repeat}
#sidebar div.bill h2.contact { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.contact span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -357px no-repeat}
#sidebar div.bill h2.discount { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.discount span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -452px no-repeat}
#sidebar div.bill h2.advertising { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.advertising span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -547px no-repeat}
#sidebar div.bill h2.rent { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.rent span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -642px no-repeat}
#sidebar div.bill h2.job { position: relative; width: 279px; height: 68px; margin: 0 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
#sidebar div.bill h2.job span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -737px no-repeat}
#sidebar div.bill dfn.class {display: block; position:absolute; left: 20px; bottom: 38px; width: 279px; height: 68px;}
#sidebar div.bill dfn.class span { position:absolute; top:0; left: 0; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ no-repeat 0 -102px}

#sidebar div.bill ul#subnav { padding:0 0 5px 0; margin: 0 0 0 -15px; background:url("../img/bg_subnav.png")/*tpa=http://www.klass.com.ua/img/bg_subnav.png*/ no-repeat 15px bottom}
#sidebar div.bill ul#subnav li { padding: 0; margin:0; background: none; }
#sidebar div.bill ul#subnav li:first-child a,#sidebar div.bill ul#subnav li.first-child a { height:53px; padding-top:20px; }

#sidebar div.bill ul#subnav li a { position: relative; display: block; height:55px; text-decoration: none; color: #414996; cursor: pointer; font: bold 15px "Arial Narrow";}
#sidebar div.bill ul#subnav li a:hover { color:#ed1d24 }
#sidebar div.bill ul#subnav li a  var { position:absolute; top: 2px; right: 10px }
#sidebar div.bill ul#subnav li:first-child a var,#sidebar div.bill ul#subnav li.first-child a var { top: 22px;}
#sidebar div.bill ul#subnav li a  var.number { position:static; float: left; margin-right:10px}
#sidebar div.bill ul#subnav li a  span { display: inline-block; overflow: hidden; }

#sidebar div.bill ul#subnav li a { position: relative; height:55px; width: 250px; padding:0 15px}
#sidebar div.bill ul#subnav li a span.position { position: absolute; top:0; left: 0; display: block; height:55px; width: 279px; background: url("../img/bg_subnav_a.png")/*tpa=http://www.klass.com.ua/img/bg_subnav_a.png*/ no-repeat}
#sidebar div.bill ul#subnav li.first a span.position { height:73px; background-position: 0 0}
#sidebar div.bill ul#subnav li.second a span.position { background-position: 0 -74px}
#sidebar div.bill ul#subnav li.third a span.position { background-position: 0 -127px}
#sidebar div.bill ul#subnav li.fourth a span.position { background-position: 0 -181px}
#sidebar div.bill ul#subnav li.fifth a span.position { background-position: 0 -236px}
#sidebar div.bill ul#subnav li.sixth a span.position { background-position: 0 -291px}
#sidebar div.bill ul#subnav li.seven a span.position { background-position: 0 -345px}

#sidebar div.bill ul#subnav li.first a:hover span.position { background-position: -280px 0}
#sidebar div.bill ul#subnav li.second a:hover span.position { background-position: -280px -74px}
#sidebar div.bill ul#subnav li.third a:hover span.position { background-position: -280px -127px}
#sidebar div.bill ul#subnav li.fourth a:hover span.position { background-position: -280px -181px}
#sidebar div.bill ul#subnav li.fifth a:hover span.position { background-position: -280px -236px}
#sidebar div.bill ul#subnav li.sixth a:hover span.position { background-position: -280px -291px}
#sidebar div.bill ul#subnav li.seven a:hover span.position { background-position: -280px -345px}

#sidebar div.bill ul#subnav li.first a span.sel { background-position: -280px 0}
#sidebar div.bill ul#subnav li.second a span.sel { background-position: -280px -74px}
#sidebar div.bill ul#subnav li.third a span.sel { background-position: -280px -127px}
#sidebar div.bill ul#subnav li.fourth a span.sel { background-position: -280px -181px}
#sidebar div.bill ul#subnav li.fifth a span.sel { background-position: -280px -236px}
#sidebar div.bill ul#subnav li.sixth a span.sel { background-position: -280px -291px}
#sidebar div.bill ul#subnav li.seven a span.sel { background-position: -280px -344px}


#sidebar div.bill h2.class-specials { position: relative; width: 279px; height: 45px; margin: 15px 0 10px -15px; background:url("../img/bg_h.png")/*tpa=http://www.klass.com.ua/img/bg_h.png*/ no-repeat center bottom}
	#sidebar div.bill h2.class-specials  span { position: absolute; top:0; left:0; display: block; width: 100%; height: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ 0 -190px no-repeat}

#sidebar div.bill ul.subspecials { margin: 0 0 0 -15px; padding: 0; font-size: 1.333em}
	#sidebar div.bill ul.subspecials li { margin: 0; padding: 0; background: none}
		#sidebar div.bill ul.subspecials li a { position: relative; overflow: hidden; height:28px; display: block; padding: 0; color: #697986; font-family:"Arial Narrow"; text-transform: uppercasel; }
		#sidebar div.bill ul.subspecials li a:hover,
		#sidebar div.bill ul.subspecials li a:focus { color: #ed1c24; text-decoration: underline; background-position: 0 -26px; }

		#sidebar div.bill ul.subspecials li a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:279px; background: url("../img/subspecials.png")/*tpa=http://www.klass.com.ua/img/subspecials.png*/ 0 0 no-repeat; cursor: pointer;}
		#sidebar div.bill ul.subspecials li.integrated_purchase a span.position { background-position: 0 0;}
		#sidebar div.bill ul.subspecials li.big_purchase a span.position { background-position: 0 -158px;}
		#sidebar div.bill ul.subspecials li.luck_penny a span.position { background-position: 0 -27px;}
		#sidebar div.bill ul.subspecials li.ten a span.position { background-position: 0 -55px;}
		#sidebar div.bill ul.subspecials li.percent a span.position { background-position: 0 -81px;}
		#sidebar div.bill ul.subspecials li.gifts a span.position { background-position: 0 -108px;}
		#sidebar div.bill ul.subspecials li.electronics	a span.position { background-position: 0 -132px;}
		#sidebar div.bill ul.subspecials li.peugeot	a span.position { background-position: 0 -184px;}
		#sidebar div.bill ul.subspecials li.furshtnot-menu	a span.position { background-position: 0 -213px;}
		#sidebar div.bill ul.subspecials li.cakes-to-order	a span.position { background-position: 0 -243px;}
		#sidebar div.bill ul.subspecials li.cafe	a span.position { background-position: 0 -275px;}

		#sidebar div.bill ul.subspecials li a:hover span.position { position: absolute; top:0; left:0; display: block; height:100%; width:100%; background: url("../img/subspecials.png")/*tpa=http://www.klass.com.ua/img/subspecials.png*/ 0 0 no-repeat;}
		#sidebar div.bill ul.subspecials li.integrated_purchase a:hover span.position { background-position: -280px 0;}
		#sidebar div.bill ul.subspecials li.big_purchase a:hover span.position { background-position: -280px -158px;}
		#sidebar div.bill ul.subspecials li.luck_penny a:hover span.position { background-position: -280px -27px;}
		#sidebar div.bill ul.subspecials li.ten a:hover span.position { background-position: -280px -55px;}
		#sidebar div.bill ul.subspecials li.percent a:hover span.position { background-position: -280px -81px;}
		#sidebar div.bill ul.subspecials li.gifts a:hover span.position { background-position: -280px -108px;}
		#sidebar div.bill ul.subspecials li.electronics	a:hover span.position { background-position: -280px -132px;}
		#sidebar div.bill ul.subspecials li.peugeot	a:hover span.position { background-position: -280px -184px;}
		#sidebar div.bill ul.subspecials li.furshtnot-menu	a:hover span.position { background-position: -280px -213px;}
		#sidebar div.bill ul.subspecials li.cakes-to-order	a:hover span.position { background-position: -280px -243px;}
		#sidebar div.bill ul.subspecials li.cafe	a:hover span.position { background-position: -280px -275px;}

		#sidebar div.bill ul.subspecials li a span.sel { position: absolute; top:0; left:0; display: block; height:100%; width:100%; background: url("../img/subspecials.png")/*tpa=http://www.klass.com.ua/img/subspecials.png*/ 0 0 no-repeat;}
		#sidebar div.bill ul.subspecials li.integrated_purchase a span.sel { background-position: -280px 0;}
		#sidebar div.bill ul.subspecials li.big_purchase a span.sel { background-position: -280px -158px;}
		#sidebar div.bill ul.subspecials li.luck_penny a span.sel { background-position: -280px -27px;}
		#sidebar div.bill ul.subspecials li.ten a span.sel { background-position: -280px -55px;}
		#sidebar div.bill ul.subspecials li.percent a span.sel { background-position: -280px -81px;}
		#sidebar div.bill ul.subspecials li.gifts a span.sel { background-position: -280px -108px;}
		#sidebar div.bill ul.subspecials li.electronics	a span.sel { background-position: -280px -132px;}
		#sidebar div.bill ul.subspecials li.peugeot	a span.sel { background-position: -280px -184px;}
		#sidebar div.bill ul.subspecials li.furshtnot-menu	a span.sel { background-position: -280px -213px;}

        #sidebar div.bill div.setion-furshet h2.class-specials { height: 25px; margin-bottom: 20px; }



/*======= Реклама =========*/
		#sidebar div.bill ul.advertising li a { height:45px; padding: 0 0 3px 30px; }
		#sidebar div.bill ul.advertising li a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:278px; background: url("../img/subspecials_reklama.png")/*tpa=http://www.klass.com.ua/img/subspecials_reklama.png*/ 0 0 no-repeat;}

	#sidebar div.bill ul.advertising li.price a { height:46px}
	#sidebar div.bill ul.advertising li.price a span.position { background-position: 0 0 }
		#sidebar div.bill ul.advertising li.weekly a span.position { background-position: 0 bottom }


	#sidebar div.bill ul.advertising li a:hover span.position { background: url("../img/subspecials_reklama.png")/*tpa=http://www.klass.com.ua/img/subspecials_reklama.png*/; width:278px}
	#sidebar div.bill ul.advertising li.price a:hover span.position { background-position: -280px 0 }
	#sidebar div.bill ul.advertising li.weekly a:hover span.position { background-position: -280px bottom }

	#sidebar div.bill ul.advertising li.price a span.sel { background-position: -280px 0 }
	#sidebar div.bill ul.advertising li.weekly a span.sel { background-position: -280px bottom }

/*======= Дисконт =========*/
		#sidebar div.bill ul.discount li a { height:44px; padding: 0 0 3px 30px; }
		#sidebar div.bill ul.discount li a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:278px; background: url("../img/discount.png")/*tpa=http://www.klass.com.ua/img/discount.png*/ 0 0 no-repeat;}

	#sidebar div.bill ul.discount li.biznes a { height:46px}

	#sidebar div.bill ul.discount li.percent_discount_kds a span.position { background-position: 0  0}
	#sidebar div.bill ul.discount li.biznes a span.position { background-position: 0 -97px }
		#sidebar div.bill ul.discount li.premium a span.position { background-position: 0 -146px }
		#sidebar div.bill ul.discount li.percent_discount_kds a { height:46px;}

		#sidebar div.bill ul.discount li.percent_discount a span.position { background-position: 0 -50px }		
	
	#sidebar div.bill ul.discount li a:hover span.position { background: url("../img/discount.png")/*tpa=http://www.klass.com.ua/img/discount.png*/ -280px 0 no-repeat; width:278px}
	#sidebar div.bill ul.discount li.biznes a:hover span.position { background-position: -280px -97px }
		#sidebar div.bill ul.discount li.premium a:hover span.position { background-position: -280px -146px }
		#sidebar div.bill ul.discount li.percent_discount a:hover span.position { background-position: -280px -50px }

	#sidebar div.bill ul.discount li a span.sel { background: url("../img/discount.png")/*tpa=http://www.klass.com.ua/img/discount.png*/ -280px 0 no-repeat; width:278px}
	#sidebar div.bill ul.discount li.biznes a span.sel { background-position: -280px -97px }
	#sidebar div.bill ul.discount li.premium a span.sel { background-position: -280px -146px }
	#sidebar div.bill ul.discount li.percent_discount a span.sel { background-position: -280px -50px }

/*======= Работа у нас =========*/


		#sidebar div.bill ul.job li a { height:45px; padding: 0 0 3px 30px; }
		#sidebar div.bill ul.job li a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:278px; background: url("../img/job.png")/*tpa=http://www.klass.com.ua/img/job.png*/ 0 0 no-repeat;}

	#sidebar div.bill ul.job li.staff a { height:40px}
	#sidebar div.bill ul.job li.staff a span.position { background-position: 0 0 }
		#sidebar div.bill ul.job li.staff a span.position { background-position: 0 bottom }
	
	#sidebar div.bill ul.job li a:hover span.position { background: url("../img/job.png")/*tpa=http://www.klass.com.ua/img/job.png*/ -280px 0 no-repeat; width:278px}
	#sidebar div.bill ul.job li.staff a:hover span.position { background-position: -280px 0 }
	#sidebar div.bill ul.job li.staff a:hover span.position { background-position: -280px bottom }

	#sidebar div.bill ul.job li a span.sel { background: url("../img/job.png")/*tpa=http://www.klass.com.ua/img/job.png*/ -280px 0 no-repeat; width:278px}
	#sidebar div.bill ul.job li.staff a span.sel { background-position: -280px 0 }
	#sidebar div.bill ul.job li.staff a span.sel { background-position: -280px bottom }

/*======= Контакты  =========*/

#sidebar div.bill ul.contacts li a { height:45px; padding: 0 0 3px 30px; }
#wrapper #sidebar div.bill ul.contacts li.sixth  a span.position{ background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ 0 0 no-repeat;}
#wrapper #sidebar div.bill ul.contacts li.sixth a:hover span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px 0 no-repeat;}

#wrapper #sidebar div.bill ul.contacts li.sixth a span.sel { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px 0 no-repeat;}

#sidebar div.bill ul.contacts li.phones a span.position,
#wrapper #sidebar div.bill ul.contacts li.hotphones a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:100%; background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ 0 0 no-repeat;}


body #wrapper  #sidebar div.bill ul.rent li.phones a span.position { position: absolute; top:0; left:0; display: block; height:100%; width:100%; background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ 0 -49px no-repeat;}
body #wrapper #sidebar div.bill ul.rent li.phones a:hover span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -49px no-repeat;}

#wrapper #sidebar div.bill ul.contacts li.phones a span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ 0 -49px no-repeat;}
#wrapper #sidebar div.bill ul.contacts li.hotphones a span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ 0 -104px no-repeat; }

#wrapper #sidebar div.bill ul.contacts li.phones a:hover span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -49px no-repeat;}
#wrapper #sidebar div.bill ul.contacts li.hotphones a:hover span.position { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -104px no-repeat; }

body #wrapper #sidebar div.bill ul.rent li.phones a span.sel { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -49px no-repeat;}
#wrapper #sidebar div.bill ul.contacts li.phones a span.sel { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -49px no-repeat;}
#wrapper #sidebar div.bill ul.contacts li.hotphones a span.sel { background: url("../img/contacts.png")/*tpa=http://www.klass.com.ua/img/contacts.png*/ -280px -104px no-repeat; }


/*======= Листа вакансий =========*/
#content ul.list_vacation { margin: 1em 2em; }
  #content ul.list_vacation li {}
    #content ul.list_vacation a { font-weight: bold; }
    #content ul.list_vacation a { text-decoration: none; color: #575ea1}
    #content ul.list_vacation a:hover { text-decoration: underline; color: #575ea1}
    #content ul.list_vacation a:visited  { color: #575ea1}

#content ul.list_shops { margin: 0px; padding: 0;  }
  #content ul.list_shops li {  }

		
/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content-text p { text-align: justify}

#content table,#content object,#content embed {clear: both;}

#content img.ill-special { border: 2px solid #c4c4c4; margin-bottom: 20px;}

#content h2 { margin: 0.35em 0; font: normal 2.416em Arial; color: #7c7c7c;}
#content h3 { font: bold 1em Arial; color: #ed1c24;}

#content dl.contact { margin: 1em 0; padding-bottom: 10px; border-bottom: 1px dashed #c4c4c4}
	#content dl.contact dt { margin: 0; padding: 4px 0 4px 25px; width: 362px; background: #f5f5f5 url("../img/bull_contact.png")/*tpa=http://www.klass.com.ua/img/bull_contact.png*/ 10px 6px no-repeat; white-space: nowrap;}
		#content dl.contact dt small { font-size: 0.916em; color: #808080; white-space: nowrap;}
	#content dl.contact dd { margin: -2.05em 0 0 385px; padding: 4px 10px 4px 0; width: 206px; background: #f5f5f5; text-align: right; font-weight: bold;}
    #content dl.contact dt.nth-child { background-color: transparent;}
	#content dl.contact dd.nth-child {background: transparent;}

#content ul { margin: 1em 0; color: #676767;}

#content ul.gallery { overflow: hidden; }
	#content ul.gallery li { float: left; padding: 0; position: relative; margin: 0 12px 0 0;}
		#content ul.gallery li img { width: 183px; height: 183px; border: 2px solid #c4c4c4; margin-bottom: 5px;}
		#content ul.gallery li a { display: block; text-align: center; color: #676767; text-decoration: none; font-weight: bold;}
		#content ul.gallery li a:hover,#content ul.gallery li a:focus { text-decoration: underline;}

	#content ul.specials-list { margin: 1em 0 1em 0px;}
		#content ul.specials-list li { margin: 0 0 20px 5px; display: -moz-inline-box; display: inline-block; padding: 0; background: none;}
            /*====== картинки акций =======*/
            #content  ul.integrated_purchase li img.ill-special { width:596px; height:196px}
            #content  ul.luck_penny li img.ill-special { width:596px; height:196px; }
            #content  ul.ten li img.ill-special { max-width: 286px; max-height: 285px;}
            #content  ul.percent li img.ill-special { width: 286px; height:274px;}
            #content  ul.gifts li img.ill-special { width: 295px; height: 133px;}
            #content  ul.electronics li img.ill-special { width: 286px; height: 242px;}


#flash_intro_inner { position: absolute; top: 30px; right: 10px; width: 629px; height: 289px;}
#flash_intro_inner a { position: absolute; left: 0; top: 0px; width: 100%; height: 100%;}

#content ul.weekly { margin: 0; padding: 0}
	#content ul.weekly li { padding: 0 0 10px; margin: 0 0 20px; background: none; border-bottom: 1px dashed #c4c4c4 }
		#content ul.weekly li ul{ overflow: hidden;}
			#content ul.weekly li ul li{ float: left; width: 191px; margin: 0 0 0 18px; padding: 0; border-bottom:  none; }
			#content ul.weekly li ul li:first-child, #content ul.weekly li ul li.first-child{  margin-left: 0;}
				#content ul.weekly li ul li img.weekly-ill { height: 246px; position: absolute; margin-bottom: 5px; border: 2px solid #c4c4c4}
				#content ul.weekly li ul li a.pdf-link { position: relative; display: block; padding: 255px 0 1px 20px; background: url("../img/ico_pdf.png")/*tpa=http://www.klass.com.ua/img/ico_pdf.png*/ 0 255px no-repeat; font-weight: bold; color: #676767; text-decoration: none;}

#content a.btn_back { display: block; width: 52px; height: 20px; padding: 0 0 0 25px; font-weight: bold; line-height: 20px; color: #fff; background: url("../img/bg_btn_back.png")/*tpa=http://www.klass.com.ua/img/bg_btn_back.png*/ 0 0 no-repeat; text-decoration: none;}

#flash-weekly { margin-bottom: 25px;}
div.instructions { position: absolute; top:133px; left:-320px; width:245px; padding: 10px 15px; border: 1px solid #000; background:#f7f7f7; font: normal 1.083em/1.4 Tahoma; text-align: left;}
#content-text  div.instructions p { text-align: left;}


#content a.top { position:absolute; bottom:-40px; left: 20px; padding-left:15px; background:url("../img/top.png")/*tpa=http://www.klass.com.ua/img/top.png*/ no-repeat 0 0}


body.advertising #sidebar,
body.discount #sidebar,
body.job #sidebar,
body.price #sidebar,
body.discount_vip #sidebar,
body.discount_business #sidebar,
body.discount_premium #sidebar,
body.news #sidebar,
body.job_resume #sidebar,
body.job_people #sidebar
{background: url("../img/bg_bill_short.png")/*tpa=http://www.klass.com.ua/img/bg_bill_short.png*/ no-repeat 11px 30px;}

body.advertising #sidebar div.bill,
body.discount #sidebar div.bill,
body.job #sidebar div.bill,
body.price #sidebar div.bill,
body.discount_vip #sidebar div.bill,
body.discount_business #sidebar div.bill,
body.discount_premium #sidebar div.bill,
body.news #sidebar div.bill,
body.job_resume #sidebar div.bill,
body.job_people #sidebar div.bill,
body.branded-products #sidebar div.bill { background: none; margin-top:25px; padding: 20px 28px 130px 35px; height: 250px;}



#content img.card { float: left; clear: left; margin: 0 15px 10px 0}
#content img.left { float: left; margin: 0 15px 10px 0}
ul.inline li{ display: inline}
ul { overflow: hidden}
ol { text-align: justify}

/*===== Вакансии ======*/
#content table.vacancy { width:100%; border: none; margin:0; background: #f4f4f4 }
#content table.vacancy caption { padding: 0.5em 0;  font-weight: bold; font-size: 1.3em; text-transform: uppercase; color: #fff; background: #575ea1}
#content table.vacancy th { width: 30%; padding: 0.1em 1em;   text-align: left; vertical-align: top; }
#content table.vacancy td { padding: 1.5em 1em;  border-bottom: 1px dashed #999}
#content table.vacancy td.dol { font-weight: bold; }
#content table.vacancy table { width:100%; margin: 10px 0 10px 0 ; border: none; margin: 0}
#content table.vacancy table td { padding: 0.1em 1em;}
#content table.vacancy table tr  td { border: none} 
#content table.vacancy table a { text-decoration: none; color: #575ea1}
#content table.vacancy table a:hover { text-decoration: underline; color: #575ea1}
#content table.vacancy table a:visited  { color: #575ea1}

form.form_resume_send { width: 370px; padding: 20px; background: #eee; border: 1px solid #ddd }
  form.form_resume_send label { display: inline-block; width: 140px; }
  form.form_resume_send input.input { width: 140px; height: 16px; padding: 2px; margin: 2px 0px;  }
  form.form_resume_send input.file {  height: 22px; background: #fff; border: 1px solid #cdcccc; }
  form.form_resume_send input.image_key { width: 140px; }
  form.form_resume_send input.submit { display: block; margin: 0 0px 10px 144px; width: 130px; cursor:hand; font-weight: bold; background: #DFDFDF;  }
  form.form_resume_send img.img_cap { margin: 5px 0px 10px 144px;   }
  form.form_resume_send span.star_r { padding: 2px; color: #EB3D00  }
  form.form_resume_send span.copy { display: block; font-size: 0.9em;    }
  form.form_resume_send span.navi { padding-left: 144px; font-size: 0.9em;  }

/*===== Аренда ======*/
form.rent fieldset {border: none;}
form.rent span {color:#999; font-size: 80%;}
form.rent dl {margin-top:17px;}
form.rent dl dl {margin: 0; overflow: hidden; position: relative; top: 40px; left: -150px; padding-bottom: 40px;}
form.rent dl dt {float: left; display: inline-block; width:200px; clear: both;}
form.rent dl dd dt {width: 200px;}
form.rent dl dt label {color:#999}
form.rent dl dd {margin: 0 0 0.5em 0; position: relative; _zoom: 1;}
form.rent dl dd:after {content: ' ';clear:both;display: block;width: 0; height: 0;overflow: hidden;font-size: 0;}
form.rent dl dd input {width: 200px; font-size:0.909em}
form.rent dl dd dd input {width: 145px;}
form.rent dl dd textarea {width:145px;}
form.rent input#submit {width:130px; padding:5px 10px; background:#4bc500; border:none; color:#fff; text-decoration:underline; border: none}

form.rent dl dd span.verification {position:absolute; top:3px; left:165px; visibility:hidden; display:block;  height:14px; width:14px; margin-left:10px;  text-indent:-9999em}
form.rent dl dd.error span.verification {visibility: visible; background:url("../img/yes_no.png")/*tpa=http://www.klass.com.ua/img/yes_no.png*/ no-repeat; }

form.rent dl dt.error label {color: #ba0305}
form.rent dl dd.error input {background:#ffcc9a;}
form.rent dl dd.ok span.verification {visibility: visible; background:url("../img/yes_no.png")/*tpa=http://www.klass.com.ua/img/yes_no.png*/ no-repeat 0 -17px; text-indent:-9999em}

#fill_form {margin-top:0;}
#fill_form {display:none; background:#f4f4f4;  margin:20px 0; padding:10px 20px; color:#000; border:1px solid #999}
.visible{ display:block!important}

#banner1 {width: 275px; margin: 0 0 0 22px;}
#banner2 {margin: 20px 0;}


#sidebar div.bill h2.branded-products { margin:-8px 0 10px -15px!important; padding: 35px 0 137px 0; position:relative;}
h2.branded-products span {  display: block;    height: 100%;    left: 0;    position: absolute;    top: 0;    width: 100%; background:url("../img/bg_h_span.png")/*tpa=http://www.klass.com.ua/img/bg_h_span.png*/ no-repeat scroll 0 -832px transparent}

body.branded-products #sidebar {background: url("../img/bg_bill_medium.png")/*tpa=http://www.klass.com.ua/img/bg_bill_medium.png*/ no-repeat scroll 11px 30px }
body.branded-products #sidebar div.bill{ height:328px; }
body.inner-products #sidebar { background: none}
body.inner-products #sidebar div.bill { margin-top:-6px;}
body.inner-products #sidebar div.bill{
height:auto;
    background: url("../img/bg_bill.png")/*tpa=http://www.klass.com.ua/img/bg_bill.png*/ no-repeat scroll 13px bottom transparent;
    padding: 8px 28px 130px 35px;
    position: relative;
}


#sidebar div.bill ul.branded-products {}
#sidebar div.bill ul.branded-products li a { height:32px;}
#sidebar div.bill ul.branded-products li ul { margin:0 0 0 40px; padding-left:0;}
#sidebar div.bill ul.branded-products li ul li { margin-left:0;  }
#sidebar div.bill ul.branded-products li ul li a { height:auto }
#sidebar div.bill ul.branded-products li ul li a span.position { display: none!important}
#sidebar div.bill ul.branded-products li ul li ul { margin:5px 0 10px 10px; padding-left:0;}
#sidebar div.bill ul.branded-products li ul li ul li {line-height: 1.1;}
#sidebar div.bill ul.branded-products li ul li ul li a { padding-left:15px; padding-left:15px; background: url("../img/bull-nav.png")/*tpa=http://www.klass.com.ua/img/bull-nav.png*/ no-repeat 0 6px; height:auto; text-decoration: none}
#sidebar div.bill ul.branded-products li ul li ul li a:hover {  text-decoration: underline;}

#sidebar div.bill ul.branded-products li ul li ul li ul { margin-left:0;}
#sidebar div.bill ul.branded-products li ul li ul li ul li { margin-left:0}
#sidebar div.bill ul.branded-products li ul li ul li ul li a {}



#sidebar div.bill ul.branded-products li a span.position   { background:url("../img/branded-products.png")/*tpa=http://www.klass.com.ua/img/branded-products.png*/ no-repeat scroll 0 0 transparent}
#sidebar div.bill ul.branded-products li a:hover span.position   { background:url("../img/branded-products.png")/*tpa=http://www.klass.com.ua/img/branded-products.png*/ no-repeat scroll 0 0 transparent}
#sidebar div.bill ul.branded-products li.product-catalog a span.position { background-position: 0 -6px}
#sidebar div.bill ul.branded-products li.product-catalog a:hover span.position { background-position: -320px -6px}



div.sheb { min-height:532px; padding-right:270px;  background: url("../img/sheb.png")/*tpa=http://www.klass.com.ua/img/sheb.png*/ no-repeat right 0;}


#content ul.product-list { overflow: hidden; margin: 0 -5px;}
ul.product-list li { overflow: hidden; float: left; width:186px; min-height:189px; margin:0 8px 10px 8px; padding:0; background: none; border: 2px solid #123e6b;}
ul.product-list li a { display: block; position:relative; text-decoration: none}
ul.product-list li a:hover { text-decoration: underline }
#content ul.product-list li h2 { text-align:center; padding: 5px 0; background:#f9b605; font-size:18px; color:#0d3b6f; border-bottom:1px solid #d5bf52}
ul.product-list li img { width:186px;}

#content ul.product-list li span.link { position:absolute; bottom:10px; right:10px; display: block; width:10px; height:20px; background:url("../img/span-link.png")/*tpa=http://www.klass.com.ua/img/span-link.png*/ no-repeat}


ul.product {}
ul.product li { overflow: hidden; padding:0; margin:0 0 20px 0; background: none;}
ul.product li a.ill { position:relative; float: left; margin-right:20px; border: 2px solid #123e6b; text-decoration: none;}
ul.product li a.ill img { width:200px;}
ul.product li a.ill span.link {position:absolute; bottom:-2px; left:-2px; display: block; width:20px; height:20px; background:url("../img/icon-zoom.png")/*tpa=http://www.klass.com.ua/img/icon-zoom.png*/ no-repeat}
ul.product li a.ill span.cost  {position:absolute; bottom: 5px; right: 5px; display: block; padding: 0 10px 6px; color: #003ca1; font: bold 16px Arial, sans-serif; background: #f5b70e;
    -moz-border-radius: 80px/30px; -webkit-border-radius: 80px/30px; -khtml-border-radius: 80px/30px; border-radius: 80px/30px; behavior: url("PIE.php")/*tpa=http://www.klass.com.ua/css/PIE.php*/;}
ul.product li a.ill span.cost var {font: bold 32px Arial, sans-serif;}
#content ul.product li table { clear:none; width:386px; border: none; margin:0; }

span.new { position:absolute; right:0; bottom:0; display: block; width:52px; height:53px; background:url("../img/new.png")/*tpa=http://www.klass.com.ua/img/new.png*/ no-repeat 0 0; text-indent:-9999em; z-index:50}

#content ul.product li table thead tr td { font-size: 33px; color:#0d3b6f; padding-top: 0; padding-left: 0; }
#content ul.product li table tbody tr td { border: 1px solid #fce8c3; border-left:none; border-right:none; color:#697986}
#content ul.product li table tbody tr.last-child td {}
#content ul.product li table tbody tr.last-child td var {font-size: 1.5em; color: #ED1C24;}

#content ul.product li table tbody tr.nth-child td { }

/* *** +++ LightGallery v1.1 +++ *** */
#LG_container{	border: 1px solid #aaa;	visibility:hidden;	position:absolute;	top:0px;	left:0px;	padding:2px;	z-index:200;	opacity:1;	background-color:#fff;	background-position:center;	background-repeat:no-repeat;	font: normal 12px verdana, arial, sans-serif}
#LG_loading{	background:url("../img/lightgallery/ico-loading.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/ico-loading.gif*/ no-repeat center}
#LG_panel {	padding: 10px;}
#LG_prevLink,#LG_nextLink{	width:20px;	height:20px;	cursor:pointer;	position:absolute;	top:24px;	opacity:0;	filter:alpha(opacity=0);}
#LG_prevLink{	left:0;	background:url("../img/lightgallery/prev.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/prev.gif*/ no-repeat left 40px}
#LG_nextLink{	right:0;	background:url("../img/lightgallery/next.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/next.gif*/ no-repeat right 40px}

html:lang(en-us) #LG_prevLink{	left:0;	background:url("../img/lightgallery/prev_en.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/prev_en.gif*/ no-repeat left 40px}
html:lang(en-us) #LG_nextLink{	right:0;	background:url("../img/lightgallery/next_en.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/next_en.gif*/ no-repeat right 40px}


#LG_imgIndex{	float:left;	margin-left:16px;	color:#777;	height:20px;	line-height:20px;}
#LG_titleBar{	color:#555;	height:30px;	line-height:30px;	overflow:hidden;	text-align:center;}
#LG_overlay{	position:absolute;	background:#000;	top:0;	left:0;	z-index:100;	width:100%;	height:100%;	display:none;	opacity:0;	filter:Alpha(opacity=0);
}
#LG_pic{display:none;margin:0 auto}
#LG_zoomIn, #LG_zoomOut, #LG_zoomNormal, #LG_fitScreen, #LG_zoom_disabled{	width:20px;	height:25px;	margin:1px;	float:left;	cursor:pointer;	display:block;}
#LG_zoom_disabled {	display:none;}
#LG_zoomIn{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 0px}
#LG_zoomIn:hover{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -40px}

#LG_zoomNormal{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -80px}
#LG_zoomNormal:hover{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -120px}

#LG_zoomOut{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -160px}
#LG_zoomOut:hover{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -200px}

#LG_fitScreen{background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -320px}

#LG_closeBtn{	float:right;	background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -240px;	width:22px;	height:22px;	cursor:pointer;}
#LG_closeBtn:hover{	background:url("../img/lightgallery/sprite.gif")/*tpa=http://www.klass.com.ua/img/lightgallery/sprite.gif*/ no-repeat 0 -280px;}


/*gallery*/

#content ul.photogallery { overflow: hidden; margin: 0 -5px;}
ul.photogallery li { overflow: hidden; float: left; width: auto; min-height: 0; margin:0 5px 10px; padding:0; background: none; border: none;}
ul.photogallery li img{border: 1px solid #123e6b; display: block; margin-bottom: 10px; width: auto;}
ul.photogallery li a {display: block; text-align: center; position:relative; text-decoration: none}
ul.photogallery li a:hover { text-decoration: underline }

ul.hot-list { overflow: hidden; margin: 0; padding: 0; font: normal 1.167em Verdana   }
ul.hot-list li { float: left; width: 187px; height: 61px; margin: 0 0 0 19px; padding: 0; background: none }
ul.hot-list li:first-child { margin-left: 0; }
ul.hot-list li a { display: block; width: 187px; height: 61px; line-height: 61px; text-align: center; background: url("../img/bg-hot-list.png") 0 0 no-repeat; color: #fff; text-decoration: none; }
ul.hot-list li.faq a { height: 51px; padding-top: 10px; line-height: 18px }

form.common-form {}
form.common-form sup { font-size: 1em; }
form.common-form label { display: block; margin: 0 0 7px 5px }
form.common-form select,
form.common-form textarea,
form.common-form input[type="text"] { display: block; width: 457px; height: 29px; line-height: 29px; margin-bottom: 15px; padding: 0 5px; border: 1px solid #939598; color: #757474;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
  }
form.common-form textarea { height: 105px; padding-top: 5px; padding-bottom: 5px; line-height: 1em; }
form.common-form select {  }
form.common-form select option.none { text-align: center; }

form.common-form small.remark { display: block; margin-bottom: 15px; font-size: 1em; font-style: italic; }
form.common-form fieldset.spam-block { overflow: hidden; width: 327px; border: none; margin: 0 0 15px; padding: 0 }
form.common-form fieldset.spam-block input { width: 192px;  }
form.common-form fieldset.spam-block img { display: block; float: right; width: 99px; height: 56px; margin-top: 12px }

form.common-form a.attach-file { display: block; }

form.common-form fieldset.submit-block { overflow: hidden; border: none; margin: 15px 0; padding: 0 }
form.common-form fieldset.submit-block input[type="submit"],
form.common-form fieldset.submit-block input[type="reset"] { display: inline-block; padding: 0 20px; height: 28px; line-height: 28px; border: none; background: #96989b; color: #fff; font-size: 12px; cursor: pointer;
  -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
 }

form.common-form fieldset.submit-block input[type="reset"] { margin-left: 15px }

ul.faq-list { width: 470px; margin: 0; padding: 0; }
ul.faq-list li { margin: 0 0 2px; padding: 0; background: #e3e3e3 url("../img/bg-faq-list-li.png") 440px top repeat-y }
ul.faq-list li strong { display: block; margin: 0; padding: 4px 40px 4px 15px; line-height: 21px; font-weight: normal; cursor: pointer; }
ul.faq-list li strong.minus {  background: url("../img/bg-drop-faq-minus.png") 452px center no-repeat;   }
ul.faq-list li strong.plus {  background: url("../img/bg-drop-faq-plus.png") 452px center no-repeat;   }
ul.faq-list li div.answer { padding: 9px 40px 13px 43px; line-height: 21px; background: #7f7e7e; color: #fff   }
ul.faq-list li div.answer a { color: #fff   }

div#check_error { width: 469px; }
div#check_error strong { display: block; padding: 3px 10px; background: #f7f6f6; color: #ff0e0e }
div#check_error ul { margin: 0 0 15px; padding: 3px 10px; background: #f7f6f6; color: #ff0e0e  }
div#check_error ul li {  }

a.connect-to-us { display: block; height: 46px; line-height: 46px; margin: 10px 0 0 25px; padding: 0 0 0 60px; background: url("../img/bg-connect-to-us.png") 0 0 no-repeat; color: #000; font-weight: bold; }

#content div.comments-section { }
#content div.comments-section form.comments-form { padding: 0 15px 15px; background: #ececec }
#content div.comments-section form.comments-form h2 { height: 22px; margin: 0 -15px; padding-left: 15px; font: bold 11px/22px Verdana; background: #ed1c24; text-transform: uppercase; color: #fff }
#content div.comments-section form.comments-form textarea { display: block; width: 558px; height: 40px; padding: 3px 5px; margin: 10px 0 0; border: 1px solid #b1b1b1; background: #fff; font: normal 11px/22px Verdana; color: #777777 }
#content div.comments-section form.comments-form input[type="text"] { width: 164px; height: 22px; padding: 0 5px; margin: 10px 5px 0 0; border: 1px solid #b1b1b1; vertical-align: top; background: #fff; font: normal 11px/22px Verdana; color: #777777 }
#content div.comments-section form.comments-form img#captcha { display: inline-block; margin-top: 10px; }
#content div.comments-section form.comments-form div.refresh { margin: 10px 0; text-align: right; }

#content div.comments-section form.comments-form div.block-send { overflow: hidden; }
#content div.comments-section form.comments-form div.block-send div.send-section { float: left; width: 300px; padding-top: 10px  }
#content div.comments-section form.comments-form div.block-send div.send-section input[type="submit"] { height: 24px; margin-top: 0; padding: 0 20px; font: normal 11px/22px Verdana; border: 0; background: #4bc500; color: #fff; cursor: pointer; }
#content div.comments-section form.comments-form div.block-send div.send-section a.cancel { display: inline-block; height: 24px; padding: 0 30px; font: normal 11px/24px Verdana;  color: #777777 }
#content div.comments-section form.comments-form div.block-send input.guard { margin-right: 2px; float: right; width: 106px; }

#content div.comments-section ul.comments-list { margin: 0; padding: 0; }
#content div.comments-section ul.comments-list li { position: relative; margin: 0 0 0; padding: 15px 0 8px 60px; border-top: 1px solid #b1b1b1; background: none }
#content div.comments-section ul.comments-list li:first-child { margin-top: 0; border-top: 0  }
#content div.comments-section ul.comments-list li img { position: absolute; top: 15px; left: 0; width: 50px; height: 50px; }
#content div.comments-section ul.comments-list li h3 { margin: 0 0 5px; color: #0000ff }
#content div.comments-section ul.comments-list li h3 var { font-weight: normal; color: #777 }
#content div.comments-section ul.comments-list li p { margin: 5px 0 }
#content div.comments-section ul.comments-list li ul { padding-right: 10px; padding-left: 10px; background: #ececec }


#content div.photo { float:left; margin: 0 20px 20px 0;}
#content div.info { overflow:hidden; margin-bottom:20px;}
#content ul.cafe { color:#414996; font-size:20px;}
#content ul.cafe li {padding:0; background:none;}
#content ul.cafe li a { color:#414996;}


div.nav  { clear:both; margin: 20px 0;}
div.nav a.back { display:inline-block; padding-left:20px; background:url(../img/back.png) 0 center no-repeat;}