/* Global styles */

html {font-size: 100.1%;}
html,body,form {padding: 0px; margin: 0px; }
html, body {background-color: white; height: 100%}
body{text-align: left; font-size: 70%; font-family: Tahoma, Arial, Verdana; color: #000000; background: url('pixel.gif') no-repeat; background-attachment: fixed;}
select, input, div, span, font, textarea {font-size: 100%; font-family: Tahoma, Arial, Verdana;}
a img, img, html, body{border: none;}
a img, img, a {outline: none !important;}
*:focus { outline: none; }
tr.mid td{vertical-align: middle;}
.fil{overflow: hidden; height: 6px; width: 100%;}
.fil1{overflow: hidden; height: 4px; width: 100%;}
.fil2{overflow: hidden; height: 14px; width: 100%;}
.fil3{overflow: hidden; height: 1px; margin: 18px 0px; width: 100%; background-color: #E1E2E5;}

.fil{overflow: hidden; height: 6px; width: 1%}
.fil1{overflow: hidden; height: 4px; width: 1%;}

.arc{font-family: Arial, Tahoma, Verdana;}
.upc{text-transform: uppercase;}
.white {background-color: white;}
a {color: #000000; text-decoration: underline;}
a:hover {color: #000000; text-decoration: none;}
.profi{width: 100%; color: #000000; font-size: 170%; padding-bottom: 60px; text-align: center;}
.bf{font-weight: bold;}
textarea{padding: 1px;}

/* Pop-up styles */

.highslide-active-anchor img {visibility: hidden;}
.highslide-wrapper {background: white;}
.highslide-image {border: 4px solid white; background-color: white;}
.highslide-loading {display: block; color: white; font-size: 100%; font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid white; background-color: black;}
a.highslide-loading, a.highslide-loading:hover {color: white; font-weight: bold; text-decoration: none; }
.highslide-move {cursor: move;}
.highslide-overlay {display: none;}
a.highslide-full-expand {background: url(fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide {cursor: url(zoomin.cur), pointer; outline: none;}

/* Rating styles */

.unit-rating {list-style:none; height: 20px; position: relative;  background: url(starvote.gif) top left repeat-x; padding: 0px; margin: 0px;}
.unit-rating li{text-indent: -90000px; float: left; padding: 0px; margin: 0px;}
.unit-rating li a {outline: none; display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.unit-rating li.current-rating {background: url(starvote.gif) left bottom; position: absolute; height: 20px; display: block; text-indent: -9000px; z-index: 1;}
.unit-rating li a:hover{background: url(redstar_big.gif) left center; z-index: 2; left: 0px;}
.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width: 20px;}
.unit-rating a.r2-unit{left: 20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}

/* Menu styles */

td.dtree {width: 99%; padding-top: 2px;}
td.dtree a, td.dtree a:hover {text-decoration: none;}
tr.dtree td{vertical-align: top; text-align: left;}
tr.dtree:hover, tr.dtree:hover a, tr.dtree a:hover{color: #446991;}

 /* Index styles */

.container {width: 100%; padding-bottom: 4px;}
.fix{overflow: hidden; height: 3px; background-color: #4F78A0; width: 100%;}
.headlink {color: #ffffff; padding: 5px 16px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #E58A40 url('mfon.gif') repeat-x top left;}
.headlink a {text-decoration: none;}
.headlink a:hover {text-decoration: underline;}
.center {padding: 0 4px;}
.poisk a, .headlink a{color: #ffffff;}

.htba{background: #4278ed url('ukrsalon_girl.gif') no-repeat top right; width:360px;height:200px;}
.htbb{ background: #4278ed url('ukrsalon_girl_l.gif') repeat-x top left; }

.htbc{background: #4278ed url('ukrsalon_logo.gif') no-repeat top left;width:285px;}
.htbd{ background: #4278ed url('ukrsalon_logo_l.gif') repeat-x;}

.htbi{background: #4278ed url('ukrsalon_info.gif') no-repeat top left;width:375px;}
.htbf{background: #4278ed /*url('ukrsalon_info_l.gif') repeat-x top left;*/ }

/*
.htba{background: #4278ed url('ukrsalon_girl3.gif') no-repeat top right; width:275px;height:120px;}
.htbb{ background: #4278ed url('ukrsalon_girl_l2.gif') repeat-x top left; }

.htbc{background: #4278ed url('ukrsalon_logo3.gif') no-repeat top left;width:355px;}
.htbd{ background: #4278ed url('ukrsalon_logo_l2.gif') repeat-x; }

.htbi{background: #4278ed url('ukrsalon_info2.gif') no-repeat top left;width:275px;}
#htbi-txt-wrap {position: relative; height: 104px;}
#htbi-txt { position: absolute; right: 5px; color: white; font-size:14px; bottom: 5px; white-space: nowrap}
.htbf{background: #4278ed url('ukrsalon_logo_l2.gif') repeat-x top left; }
*/
#htbi-txt-wrap {display:none}



.fonta{color: #ffffff; font-size: 200%; font-family: "Trebuchet MS", Arial, Verdana;}
.fontb{color: #ffffff; padding-left: 1px; font-size: 120%; font-family: "Trebuchet MS", Arial, Verdana;}
.poisk{color: #ffffff; width: 100%; background: #757A7B url('pfon.gif') repeat-x top left; border-top: 1px solid #ffffff;}
.poisk1{color: #ffffff; padding: 0px 16px; height: 30px;}
.btbl{text-align: left; color: #ffffff; padding: 0px 16px; height: 70px; background: #4F78A0 url('bfon.gif') repeat-x bottom left; font-weight: bold; vertical-align: middle;}
.delm {margin: 0px 4px; cursor: default;}
.pform{width: 360px; border: 1px solid #616265; padding-left: 2px;}
.stat {font-family: Tahoma, Arial, Verdana !important;}

/* Block styles */

#left, #right {width: 190px; background: #E1E2E5 url('bg.jpg') repeat-y top left;}
img.fixwidth {width: 190px; height: 1px;}
.blmtop{margin-top: 4px;}
.blm{padding: 0px;}
.cbt {padding: 4px 8px; background-color: #E1E2E5;}
.cbt {padding: 6px 8px 7px; background-color: #fff; font-weight: normal; font-size: 14px; border-bottom: 1px solid #ddddFF}
.cbt { color: #000000; font-size: 14px; }
.cbt a { color: #0000ff; font-size: 14px}
.cbt span { padding-left: 20px}
.hd {padding: 5px 8px; background: #446991 url('tfon.gif') repeat-x top left; color: #ffffff;}
.hdb {padding: 12px 12px 14px 12px;}
.hdbtop {padding: 8px;}
.hmin {padding: 4px 0px;}
.hdbot{background: #E1E2E5; padding: 4px 8px;}
.hdbot a{font-weight: bold}
.hd a {color: #ffffff; text-decoration: none;}
.hd a:hover {color: #ffffff; text-decoration: none;}


/* Table styles */

table.gre {background-color: #D0D1D5;}
table.gre td{background-color: #ffffff;}
table.gre td.lt{ background-color: #E4E6E9; font-weight: bold;}
.pad{padding: 8px 8px;}
.padt{padding: 3px 8px;}

/* Other styles */

.price{ color: #DF7017; font-size: 126%; font-weight: bold;}
.market-price {background: url('line_through.gif') repeat-x center; color: #DF7017; font-size: 126%; font-weight: bold;}
.ptbl td{vertical-align: middle; text-align: left; padding: 3px 8px;}
#axcrt{border: 3px double #E48234; background: #FFEBB2; z-index: 100; width: 300px; height: 58px; font-size: 120%; padding-top: 42px;}
table.nl tr td a {text-decoration: none;}
table.nl tr td a:hover {text-decoration: underline;}
a.noline {text-decoration: none;}
a.noline:hover {text-decoration: underline;}
a.nl, a.nl:hover {text-decoration: none;}
.oki{color: #339933;}
.error{color: #ff6600;}
.cattop {margin-top: 4px; padding: 4px 0px;}
.cattop { font-size: 14px}
.cattop a { color: #0000ff}
.imboxr {padding-left: 8px; text-align: center; vertical-align: top;}
.imboxl {padding-right: 8px; text-align: center; vertical-align: top;}
img.delim, td.delim{width: 4px; height: 4px;}

#cat { text-align: left}
#cat .row span { padding-left: 6px;}
#cat .row:hover, #cat .row:hover a, #cat a:hover  { color: #FF6600}
#cat h3 { margin: 0; font-family:Tahoma,Arial,Verdana; font-size:11px; display: inline; background: url(bullet.gif) left center no-repeat; padding-left: 7px}
#cat a { text-decoration: none; }
#cat .row { padding: 5px 0 7px 0; clear: left; background: url(pix_horiz_b.gif) repeat-x bottom; }
#cat .l2 { padding-left: 7px }
#cat .l3 { padding-left: 18px }
#cat .l2, #cat .l3 { padding-top: 2px; padding-bottom: 4px}
#cat .l2 span, #cat .l3 span {float:right}
#cat .cur, #cat .cur a {color: #4379ED; font-weight: bold}
#cat .cur .row { margin:-2px -12px 0 -12px;padding-right:12px; padding-left: 12px; padding-top: 6px; background-color: white; border-top: solid 1px #ccc;}
#cat .cur .l2 { padding-left: 19px}
#cat .cur .l3 { padding-left: 30px}
#cat .cur .l2, #cat .cur .l3 { padding-top: 3px}
#cat h3, #cat a, #cat span { font-size: 12px; }

.reform, .rreform, .rreform h3 { font-size: 12px; text-align:left}
.rreform a { color: #334499; font-size: 12px}
.rreform h3 { margin: 0px 5px 5px 13px}
.rreform h3 a { font-weight: bold; padding: 4px 0 10px 0; margin-bottom: 5px;}
.rreform hr { border: none; height: 1px; background-color: #3B6996; background-color: #aaa; margin: 8px -10px 5px -10px}
.reform a { color: #334499}
.reform h3 { font-size: 14px;}
.reform hr { border: none; height: 1px; background-color: #aaa; margin: 5px 0;}
.rreform ul { margin: 0; padding: 0}
.rreform li { margin: 0 0 6px 13px; padding: 0;/*list-style-type:none*/}

.nav { height: 23px; background-color: #FDDB67; border-top: solid 1px white; position: relative;}
.nav a, .nav div { float: left}
.nav a { font-family:Verdana; font-weight: bold; color:#245889; font-size: 12px; margin: 3px 10px 0 10px;}
.nav div.sep { background: #fff;width: 1px; height: 23px;}
.nav a.highlight { font-weight: bold; color: darkred}

.pager span, .pager a { font-size: 14px}
.pager span {font-weight: bold}
.reform .pager, .pager {text-align:center}

.rreform .total, .total { color: #000; padding-left: 57px;}

input.send {background-color:#6C8FB1;color: white;font-weight:bold;border:solid 1px #888;font-family:Arial;padding:1px 2px 0 2px;} 
input.phone {border: solid 1px #888;margin-right:2px;width:150px;}
input.send, input.phone { font-size:11px;}

.reform span.srch_found { font-size: inherit; background-color: #E3E4E6; padding: 0 1px; border: dotted 1px #606465; text-decoration: inherit}

.sectb a,.sectb a:hover{text-decoration:none}
.fsttab{border:1px solid #bfbfbf;background:url('knopfon.gif') repeat-x top left}
.sectb{vertical-align:top;font-size:11px;white-space:nowrap;padding:1px 8px}
