* {margin: 0; padding: 0;}
html, body {height: 100%; }
html {background: #000 url(../images/bg_body.gif); color: #fff;}
body, a, input, textarea, select {font-family: tahoma; font-size: 7pt; text-transform: uppercase;}
img {border: 0;}
input, textarea, select, object, embed, table, tr, th, td {border-spacing: 0px; border-collapse: collapse;}
input, textarea, select {padding: 2px; border: solid 1px #333; outline: none; background: #101010; color: #aaa;}
a {text-decoration: none; color: #999; }
a:hover {color: #fff;}
#masculin {min-height: 100%; _height: 100%; position: relative;}
#header, #footer {clear: both; overflow: hidden; height: 35px; line-height: 35px;}
#body {width: 805px; margin: 20px auto 0 auto; padding-bottom: 35px; clear: both; overflow: hidden; /*_height: 1%;*/}
.splash #body {margin: 0; width: 148px; height: 300px; position: absolute; top: 50%; left: 50%; margin-left: -74px; margin-top: -180px; overflow: visible !important;}
.nyito #body {margin: 0; width: 148px; height: 300px; position: absolute; top: 50%; left: 50%; margin-left: -74px; margin-top: -230px; overflow: visible !important;}
.akciok #body {width: 530px;}
/*.galeria #body {width: 815px;}*/
#col1, #col2, #col3 {float: left; _display: inline;}
#col1, #col3 {margin: 0 15px;}
#col2 {margin: 0 20px;}
.galeria #col2 {margin: 0 10px 0 20px;}
#footer {position: absolute; left: 0; bottom: 0; width: 100%; /*height: 30px;*/ overflow: hidden;}
/*langs*/
ul#langs {padding:0 10px;}
/*symbols*/
#symbols {padding: 0 10px; float: right;}
#symbols a {display: block; height: 11px; float: left; margin: 10px 5px; background-repeat: no-repeat;}
#symbols a#print {width: 9px; background-image: url(../images/sym_print.gif);}
#symbols a#ajanlas {width: 12px; background-image: url(../images/sym_ajanlas.gif);}
#symbols a#addfav {width: 12px; background-image: url(../images/sym_addfav.gif);}
#symbols a#print:hover {background-position: -9px 0;}
#symbols a#ajanlas:hover {background-position: -12px 0;}
#symbols a#addfav:hover {background-position: -12px 0;}
#symbols a span {display: none;}
/*stamp*/
/*kisebb - top: -30px; left: -40px; width: 156px; height: 83px;*/
/*nagyobb - top: -40px; left: -58px; width: 192px; height: 104px;*/
/*még nagyobb - top: -76px; left: -68px; width: 252px; height: 132px;*/
#stamp {display:none; position: absolute; top: -76px; left: -68px; width: 252px; height: 132px; background: url(../images/masculin_stamps_valentin_2010.png) no-repeat; z-index: 3; cursor:pointer;}
* html #stamp { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/masculin_stamps_valentin_2010.png", sizingMethod="scale"); cursor: pointer;}
/*H1*/
h1#header-logo, h1#header-logo span {width: 150px; height: 262px; background: url(../images/header_logo.png) no-repeat; _background: url(../images/header_logo.gif) no-repeat;}
h1#header-logo {position: relative; overflow: hidden; margin-bottom: 20px;}
h1#header-logo a {font-size: 6px; display: block;}
h1#header-logo span {position: absolute; top: 0; left: 0; *cursor: pointer; display: block;}
/* html h1#header-logo, * html h1#header-logo span { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/header_logo.png", sizingMethod="scale"); cursor: pointer;}*/
/*MAINMENU*/
ul#mainmenu {width: 150px; list-style: none;}
ul#mainmenu li, ul#mainmenu a {display: block; height: 20px; color: #fff;}
ul#mainmenu li {margin-bottom: 1px; background: url(../images/ico_diamond.gif) 8px center no-repeat;}
ul#mainmenu li:hover, ul#mainmenu li.active:hover, ul#mainmenu li.kiemelt:hover {background: none; }
ul#mainmenu li.active {background: url(../images/ico_diamond_gold.gif) 8px center no-repeat;}
ul#mainmenu a {line-height: 20px; padding-left: 22px; background: url(../images/bg_greymenu.png);}
ul#mainmenu a:hover {background: url(../images/bg_greymenu_hover.png); text-align: right; padding-right: 5px;}
ul#mainmenu a span {display: none; padding: 0 5px; background: url(../images/ico_nyil.gif) left center no-repeat; }
ul#mainmenu a:hover span {display: inline;}
ul#mainmenu a em {font-style: normal; color: #f7ae09;}
ul#mainmenu li.kiemelt {background-image: url(../images/ico_diamond_kiemelt.gif);}
ul#mainmenu li.kiemelt a {background: url(../images/bg_greymenu_hover.png);}
*html ul#mainmenu a { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu.png", sizingMethod="scale"); cursor: pointer;}
*html ul#mainmenu a:hover, *html ul#mainmenu li.kiemelt a {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu_hover.png", sizingMethod="scale");}
.splash ul#mainmenu li {background: none;}
.splash ul#mainmenu a {text-align: center; padding: 0;}
.splash ul#mainmenu a:hover {text-align: center; padding: 0;}
/*MAINPICS*/
#mainpicbox {width: 250px; border-bottom: solid 12px #000; margin-bottom: 5px;}
#maintop {width: 250px; height: 32px; margin-bottom: 1px; }
.lang-1 #maintop {background: url(../images/bg_ferfi_kozmetikai_szalon_1.png) no-repeat;}
.lang-2 #maintop {background: url(../images/bg_ferfi_kozmetikai_szalon_2.png) no-repeat;}
#mainpic {border: solid 5px #ddd; width: 240px; height: 240px; overflow: hidden;}
#mainpic a, #mainpic img, #mainpic span {display: block;}
*html .lang-1 #maintop { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_ferfi_kozmetikai_szalon_1.png", sizingMethod="scale");}
*html .lang-2 #maintop { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_ferfi_kozmetikai_szalon_2.png", sizingMethod="scale");}
/*THUMBIPICS*/
#thumbpics {*position: relative; width: 253px; height: 189px; clear: both; overflow: hidden; }
.thumbpic {position: relative; float: left; width: 60px; height: 60px; margin: 0 1px 1px 0px; background: url(../images/loader.gif) no-repeat; border: 1px solid #ddd; }
.thumbpic a:hover span {position: absolute; display: block; width: 60px; height: 60px; top: 0; left: 0; background-image: url(../images/bg_lyrics.png); *cursor:pointer;}
* html .thumbpic a:hover span {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_lyrics.png", sizingMethod="scale"); }
.galeria #thumbpics {width: /*253*/315px; height: 251px; margin-top: 19px;}
#lapozo,
#lapozo ul.grey-list {width: 250px; height: 20px; clear:both; overflow: hidden;}
#lapozo {margin-top: 5px;}
#lapozo ul.grey-list li {width: 123px; height: 20px; }
#lapozo ul.grey-list li#next {float: right; display: none;}
#lapozo ul.grey-list li#prev { margin-right: 4px; float: left; display: none;}
#lapozo ul.grey-list li#prev a {text-align: left; padding-left: 8px;}
#col3 #lapozo, #col3 #lapozo ul.grey-list {width: 315px;}
/*ALMENU*/
#almenu {}
ul.diamond-list {width: 300px; list-style: none;}
ul.diamond-list li {}
ul.diamond-list li.active a {background: url(../images/ico_diamond_gold.gif) left center no-repeat;}
ul.diamond-list li a {display: block; height: 20px; line-height: 20px; color: #f7ae09; padding-left: 16px; background: url(../images/ico_diamond.gif) left center no-repeat; }
ul.diamond-list li a:hover {background: #000; text-align: right; padding-right: 8px; color: #fff;}
ul.diamond-list li a span {display: none; padding: 0 5px; background: url(../images/ico_nyil.gif) left center no-repeat;}
ul.diamond-list li a:hover span {display: inline;}
#col2 ul.diamond-list {width: 250px;}
.galeria ul.diamond-list {width: 315px;}
/*PLAINMENU*/
#plainmenu {margin-top: 17px;}
ul.grey-list {width: 300px; list-style: none;}
ul.grey-list li {margin-bottom: 1px;}
ul.grey-list a {display: block; padding-right: 8px; height: 20px; line-height: 20px; color: #fff; text-align: right; background: url(../images/bg_greymenu.png);}
ul.grey-list a:hover {background: url(../images/bg_greymenu_hover.png); }
* html ul.grey-list a { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu.png", sizingMethod="scale"); cursor: pointer;}
* html ul.grey-list a:hover { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu_hover.png", sizingMethod="scale");}
#col2 ul.grey-list {width: 250px; list-style: none;}
.galeria ul.grey-list {width: 315px;}
.akciok #col2 ul.grey-list {width: 300px;}
/*LYRICS*/
#lyricsbox {width: /*300*/270px; height: 0px; _height: 250px; margin-top: 17px; padding: 15px; background-image: url(../images/bg_lyrics.png); clear: both; overflow: hidden;}
#lyricsmask {width: 270px; height: 100%; overflow: hidden; float: left; position: relative; }
#lyrics {position: relative;}
#lyrics h1 {font-size: 9px; color: #f7ae09; font-weight: normal;}
#lyrics p {padding-top: 10px; text-align: justify; line-height: 13px; }
#lyrics p.dot {text-align: justify; line-height: 14px; padding: 10px 0 0 12px; background: url(../images/dot.gif) 0 14px no-repeat;}
#lyrics p.inpic {padding-bottom: 20px;}
#scralap {display: none; position: relative; width: 10px; float: left; height: 100%; background: #000; margin-left: 15px;}
#scr {position: absolute; width: 10px; height: 25px; background: #323232 url(../images/bg_scr.gif) center center no-repeat; top: 0; left: 0; cursor: pointer;}
#scralap .hover {background: #b08810 url(../images/bg_scr_hover.gif) center center no-repeat;}
*html #lyricsbox {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_lyrics.png", sizingMethod="scale");}
.akciok #lyricsbox {width: /*300*/270px; height: 0px; _height: 400px; margin-top: 0px; padding: 15px; background-image: url(../images/bg_lyrics.png); clear: both; overflow: hidden;}
.akciok #lyricsmask {width: 270px; height: 100%; overflow: hidden; float: left; position: relative; }
.akciok #lyrics ul, ul.dot {padding: 10px 0 0 10px; list-style: none;}
.akciok #lyrics ul li, ul.dot li {line-height: 12px; padding: 0 0 0 12px; background: url(../images/dot.gif) 0 4px no-repeat;}
.akciok #scralap {display: none; position: relative; width: 10px; float: left; height: 100%; background: #000; margin-left: 15px;}
.akciok #scr {position: absolute; width: 10px; height: 25px; background: #323232 url(../images/bg_scr.gif) center center no-repeat; top: 0; left: 0; cursor: pointer;}
.akciok #scralap .hover {background: #b08810 url(../images/bg_scr_hover.gif) center center no-repeat;}
*html .akciok #lyricsbox {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_lyrics.png", sizingMethod="scale");}
.galeria #lyricsbox {width: /*315*/285px; /*height: 190px;*/}
.galeria #lyricsmask {width: 285px;}
/*ideiglenes*/
#lyrics p.margitics {margin-top: 0px !important; text-align: left !important; padding-left: 10px;}
img.bullet {margin-bottom: -5px; *margin-bottom: -10px;}
/*Employee*/
#employeebox {width: /*250*/220px; padding: 15px; background: url(../images/bg_lyrics.png);}
#employeebox p {line-height: 13px; text-align: justify;}
#employeebox a {position: relative;}
*html #employeebox {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_lyrics.png", sizingMethod="scale");}
/*asktheteam*/
#asktheteambox {width: /*300*/270px; padding: 15px; background: url(../images/bg_lyrics.png); margin-top: 10px;}
#asktheteambox .frow {_position: relative; padding-bottom: 5px; clear: both; overflow: hidden; _height: 1%;}
#asktheteambox label {display: block; padding-bottom: 5px;}
#asktheteambox input, #asktheteambox textarea {width: /*270*/264px;}
#asktheteambox textarea {height: 60px;}
*html #asktheteambox {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_lyrics.png", sizingMethod="scale");}
a.fbtn {display: block; width: 100px; height: 16px; line-height: 16px; text-align: center; background: #1c1c1c; overflow: hidden;}
a.fbtn:hover {background: #2f2f2f;}
#rst {float: left;}
#sbmt {float: right;}
/*vissza*/
#vissza {margin-top: 10px;}
#vissza ul.grey-list a {text-align: left; padding-left: 7px; clear: both; overflow: hidden;}
#vissza ul.grey-list a span {margin: 7px 7px 0 5px; display: block; float: left; width: 9px; height: 7px; background: url(../images/ico_vissza.gif) no-repeat;}
/*ugrás*/
#ugras {margin-top: 10px;}
/*ajándékutalvány*/
#ajandekutalvany {margin: 10px 0 -10px 0; width: 300px; height: 280px; background: url(../images/bg_ajandekutalvany.png) no-repeat;}
*html #ajandekutalvany {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_ajandekutalvany.png", sizingMethod="scale");}
/*footer*/
#copy {float: left; padding: 0 10px;}
#popupmenu {float: right; padding: 0 10px;}
/*COMMON_STYLE*/
/*Inlinemenu*/
.inlinemenu li {display: inline; padding: 0px 5px 0 3px; *padding: 0px 3px 0px 5px; border-right: 1px solid #eee; list-style: none; }
.noborder {border: 0 !important;}
/* HR - vonal */
.hr {background: url(../images/line.png) no-repeat; margin-top: 10px; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
*html .hr {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/line.png", sizingMethod="scale");}
.hr hr {display: none;}
.double {margin-top: 20px; margin-bottom: 10px;}
/**/
.mf {color: #FEC878 !important;}
.gold {color: #f7ae09 !important;}
.silver {color: #8c8c8c !important;}
.red {color: #ff0000 !important;}
.fleft {float: left !important;}
.fright {float: right !important;}
.img-left {float: left !important; margin-right: 10px;}
.img-right {float: right !important; margin-left: 10px;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.center {text-align: center !important;}
.clear {clear: both;}
.bold {font-weight: bold !important;}
/*lightbox*/
#lightbox{
border: 2px solid #ddd;
}
#lightboxDetails{
display: none;
color: #aaa;
font: normal 9px verdana;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: 0; }
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }
* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/overlay.png", sizingMethod="scale");
}
#page_search {position: absolute; width: 185px; height: 15px; top: 8px; right: 95px;}
*+html #page_search * {line-height: 15px;}
*+html #page_search input {line-height: 11px;}
#page_search fieldset {border: 0;}
#page_search input {width: 132px; *width: 130px; padding: 3px 0 2px 20px; opacity: 0.5; filter:Alpha(opacity=50); border: solid 1px #666; background: #020202 url(../images/btn_page_search.gif) 2px 0 no-repeat;}
#page_search input:hover {opacity: 0.7; filter:Alpha(opacity=70);}
#page_search #sbmt {display: none;}
a#page_search_button {position: absolute; width: 30px; height: 18px; background: #444; right: 0; top: 0; *top: 1px; display: block; line-height: 18px; text-align: center; background: url(../images/bg_greymenu.png);}
a#page_search_button:hover {background: url(../images/bg_greymenu_hover.png);}
*html a#page_search_button { background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu.png", sizingMethod="scale"); cursor: pointer;}
*html a#page_search_button:hover {background-color: #000; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/images/bg_greymenu_hover.png", sizingMethod="scale");}
#welcometext {position: absolute; top: 25px; left: 25px;}