﻿html
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
}
img
{
    border: 0px none #000;
    margin: 0px;
}
table
{
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
}
form
{
    margin: 0px;
    padding: 0px;
}
.move-center
{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.move-center td.mc { padding: 21px; }
#bg
{
    text-align: center;
}
#container
{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    padding: 0 0 0 0;
    width: 969px;
    /* height: 673px; */
    overflow-x: hidden;
    overflow-y: hidden;
    font-family: Verdana, Arial, sans-serif;;
}
#header
{
    width: 969px;
}
#header .hellodesign-logo
{
    float: left;
    margin: 0 0 20px 0;
}
#header .right-menu
{
    float: right;
    margin: 20px 0 0 0;
    right: 0px;
    width: 620px;
    font-size: 11px;
    color: #999999;
    font-weight: bolder;
}
#header .right-menu .link
{
    float: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
#header .right-menu .boldlink
{
    float: right;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: bolder;
    font-size: 11px;
    color: #5a5552;
}
#header .right-menu .boldlink a:link{color: #5a5552; text-decoration: none;}
#header .right-menu .boldlink a:visited{color: #5a5552; text-decoration: none;}
#header .right-menu .boldlink a:hover{color: #222222; text-decoration: none;}
#header .right-menu .link a:link{color: #999999; text-decoration: none;}
#header .right-menu .link a:visited{color: #999999; text-decoration: none;}
#header .right-menu .link a:hover{color: #666666; text-decoration: none;}
#header .menu
{
    border-bottom: 3px solid #71706e;
    border-top: 3px solid #71706e;
    height: 32px;
    position: relative;
}
#header .menu .top-menu
{
    float: left;
    margin: 0px;
    padding: 0px;
    background-position: right 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    cursor: pointer;
}

#header .menu .top-menu-hover
{
    float: left;
    margin: 0px;
    padding: 0px;
    background-position: right -32px;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 32px;
    cursor: pointer;
}

/*
#menu-goods-hu         { width: 148px; }
#menu-designers-hu     { width: 153px; }
#menu-contractor-hu    { width: 169px; }
#menu-magazine-hu      { width: 164px; }
#menu-event-calendar-hu{ width: 194px; }
#menu-info-hu          { width: 128px; }

#menu-goods-en         { width: 148px; }
#menu-designers-en     { width: 150px; }
#menu-contractor-en    { width: 167px; }
#menu-magazine-en      { width: 161px; }
#menu-event-calendar-en{ width: 191px; }
#menu-info-en          { width: 151px; }
*/

/*
Éles
#menu-goods-hu         { width: 195px; }
#menu-designer-hu      { width: 152px; }
#menu-design-news-hu   { width: 193px; }
#menu-magazine-hu      { width: 200px; }
#menu-event-calendar-hu{ width: 208px; }
#menu-info-hu          { width: 173px; }

#header .menu #menu-goods-en         { width: 201px; }
#header .menu #menu-designer-en      { width: 165px; }
#header .menu #menu-design-news-en   { width: 207px; }
#header .menu #menu-magazine-en      { width: 184px; }
#header .menu #menu-event-calendar-en{ width: 187px; }
#header .menu #menu-info-en          { width: 190px; }
*/


#menu-design-news-hu    { width: 169px; }
#menu-webshop-hu        { width: 140px; }
#menu-goods-hu          { width: 175px; }
#menu-magazine-hu       { width: 176px; }
#menu-bookstore-hu      { width: 168px; }
#menu-facebook-hu       { width: 141px; }

#menu-design-news-en    { width: 171px; }
#menu-webshop-en        { width: 157px; }
#menu-goods-en          { width: 171px; }
#menu-magazine-en       { width: 156px; }
#menu-bookstore-en      { width: 160px; }
#menu-facebook-en       { width: 154px; }

#header .menu #menu-goods-en            { width: 169px; }
#header .menu #menu-designer-en         { width: 165px; }
#header .menu #menu-design-news-en      { width: 175px; }
#header .menu #menu-magazine-en         { width: 154px; }
#header .menu #menu-event-calendar-en   { width: 154px; }
#header .menu #menu-bookstore-en        { width: 157px; }
#header .menu #menu-info-en             { width: 157px; }

#header .menu .border-right
{
    border-right: 1px solid #81817f;
}
#header .menu a:link{color: #81817f; text-decoration: none;}
#header .menu a:visited{color: #81817f; text-decoration: none;}
#header .menu a:hover{color: #555555; text-decoration: none;}
#header .menu .active:link{color: #000000; font-size: 12px; text-decoration: none;}
#header .menu .active:visited{color: #000000; font-size: 12px; text-decoration: none;}
#header .menu .active:hover{color: #000000; font-size: 12px; text-decoration: none;}
#header .sub-menu
{
    height: 30px;
    border-bottom: 1px solid #71706e;
    background-color: #dededc;
    color: #6c6b69;
    font-size: 9px;
    font-weight: bold;
    padding: 0 10px 0 0;
    font-family: Tahoma, Arial, sans-serif;
    position: relative;
}
#header .sub-menu .main
{
    margin: 0px;
    padding-top: 8px;
    padding-left: 10px;
}
#header .sub-menu .table
{
    float: left;
    height: 30px;
    font-size: 9px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 0 13px;
    border-spacing: 0px;
    empty-cells: show
}

#header .sub-menu .table td.disabled
{
    color: #AAAAAA !important;
}

#header .sub-menu .table td
{
    vertical-align: middle;
    text-align: center;
    padding: 0 4px 0 4px;
}
#header .sub-menu .table .separator
{
    width: 1px;
}
#header .sub-menu .search
{
    float: right;
    color: #9e9e9c;
    font-size: 10px;
    margin-top: 7px;
    position: absolute;
    right: 12px;
}
#header .sub-menu .search img
{
    position: absolute;
    top: -2px;
    right: 140px;
}
#header .sub-menu .search .text
{
    height: 12px;
    border: 1px solid #9e9e9c;
    color: #9e9e9c;
    font-size: 9px;
    position: absolute;
    top: 0px;
    right: 27px;
    font-family: Verdana, Arial, sans-serif;
    padding-left: 6px;
    font-weight: normal;
}
* html .sub-menu .search .text
{
    right: 26px;
}
#header .sub-menu .search .button
{
    height: 13px;
    width: 17px;
    padding: 0px;
    margin: 0px;
    border: none;
    color: #838280;
    font-size: 10px;
    font-weight: bold;
    background: none;
    background-image: url(../images/ok.jpg);
    background-repeat: no-repeat;
    background-position: 0 0px;
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 0px;
}
#header .sub-menu .table a:link{color: #534f4e; text-decoration: none;}
#header .sub-menu .table a:visited{color: #534f4e; text-decoration: none;}
#header .sub-menu .table a:hover{color: #222222; text-decoration: none;}
#header .sub-menu .table .active a:link{color: #534f4e; text-decoration: none; font-weight:bold;}
#header .sub-menu .table .active a:visited{color: #534f4e; text-decoration: none; font-weight:bold;}
#header .sub-menu .table .active a:hover{color: #222222; text-decoration: none; font-weight:bold;}
#content
{
    width: 968px;
}
#footer
{
    width: 969px;
    margin: 0 0 0 0;
}
#footer .border-top
{
    border-top: 3px solid #71706e;
}
#footer .path
{
    float: left;
    padding-top: 5px;
    color: #555555;
    font-size: 11px;
}
#footer .path b
{
    font-weight: bold;
    color: #555555;
}
#footer .copy-right
{
    float: right;
    color: #b0aeaf;
    font-size: 10px;
    font-weight: normal;
    padding-top: 5px;
}
#footer .path a { color: #555555; text-decoration: none; }
.clock
{
    position: absolute;
    top: 125px;
    right: 1px;
    width: 36px;
    height: 36px;
}
.clear      {clear: both;}
span.clear  { display: block; font-size: 1px; line-height: 0px; height: 0px; overflow: hidden; }

/***********************************************************
                            GOODS
***********************************************************/
.goods
{
    position: relative;
}
.goods .top
{
    border-bottom: 1px solid #c7c7c5;
    height: 26px;
    margin-bottom: 8px;
    color: #2c2827;
    font-size: 11px;
}
.goods .top h1
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
}

.goods .top .left
{
    float: left;
    padding: 7px 0 0 0;
}
.goods .top .right
{
    float: right;
    margin-right: 50px;
    display: inline;
    padding: 6px 0 0 0;
    color: #666666;
}
.goods .top .right img
{
    float: left;
    margin-left: 3px;
}
.goods .top .magenta
{
    color: #d33589;
    text-decoration: none;
    font-weight: bold;
    margin: 0 4px 0 4px;
}
.goods .top .green
{
    color: #8fc23f;
    text-decoration: none;
    font-weight: bold;
    margin: 0 4px 0 4px;
}
.goods .top a:link{color: #2c2827; text-decoration: none;}
.goods .top a:visited{color: #2c2827; text-decoration: none;}
.goods .top a:hover{color: #666666; text-decoration: none;}
.goods .left-col
{
    float: left;
    width: 150px;
    height: 490px;
    border: 1px solid #c7c7c5;
    margin-right: 6px;
    text-transform: lowercase;
    padding-top: 8px;
}
.goods .left-col p
{
    margin: 3px 8px 0 8px;
    font-size: 10px;
    font-weight: normal;
    background-color: #FFFFFF;
}
.goods .left-col .active
{
    font-weight: bold;
}
.goods .left-col a:link{color: #302f2d; text-decoration: none;}
.goods .left-col a:visited{color: #302f2d; text-decoration: none;}
.goods .left-col a:hover{color: #302f2d; text-decoration: none;}
.goods .left-col .separator
{
    font-size: 0px;
    height: 1px;
    border-bottom: 1px solid #dcdcdc;
    margin: 8px 8px 7px 8px;
}
.goods .right-col
{
    float: left;
    width: 808px;
    overflow: hidden;
}
.goods .right-col .top
{
    border: 1px solid #c7c7c5;
    height: 21px;
    padding-left: 4px;
}
/*
.goods .right-col .top p
{
    float: left;
    width: 30px;
    text-align: center;
    margin: 0 0 0 0;
    padding: 3px 0 3px 0;
    font-size: 10px;
    font-weight: bold;
}*/
.goods .right-col .top p
{
    float: left;
    margin: 0px;
    padding: 4px 0 3px 0;
    width: 34px;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
}
.goods .right-col .top p a:link{color: #4D4948; text-decoration: none;}
.goods .right-col .top p a:visited{color: #4D4948; text-decoration: none;}
.goods .right-col .top p a:hover{color: #000000; text-decoration: none;}
.goods .right-col .top .active a:link{color: #000000; text-decoration: none;}
.goods .right-col .top .active a:visited{color: #000000; text-decoration: none;}
.goods .right-col .top .active a:hover{color: #000000; text-decoration: none;}
.goods .right-col .smaller-items
{
    background-color: #dededc;
    border: 1px solid #c7c7c5;
    position: relative;
    height: 27px;
    width: 154px;
    float: left;
}
.goods .right-col .smaller-items h1
{
    position: absolute;
    left: 10px;
    bottom: 1px;
    font-size: 9px;
    color: #dd127b;
    margin: 0px;
    padding: 0px;
    width: 154px;
    font-weight: normal;
}
.goods .right-col .smaller-items .normal{color: #211d1c;}
.goods .right-col .smaller-items .green{color: #92b163;}
.goods .right-col .smaller-items .magenta{color: #d33589;}
.goods .right-col .smaller-items h1 b
{
    font-size: 11px;
    font-weight: bold;
}
.goods .right-col .smaller-items h2
{
    position: absolute;
    right: 10px;
    bottom: 3px;
    font-size: 9px;
    color: #31302e;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.goods .right-col .left-col
{
    width: 315px;
    height: auto;
    border: 1px solid #c7c7c5;
    padding: 0px;
    margin: 0 0 8px 0;
    float: left;
}
.goods .right-col .left-col .desc
{
    background-color: #dededc;
    border-top: 1px solid #c7c7c5;
    position: relative;
    height: 58px;
    padding: 0px;
    margin: 0px;
    text-transform: none;
}
.goods .right-col .left-col .desc h1
{
    position: absolute;
    left: 15px;
    bottom: 8px;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.goods .right-col .left-col .desc h1 b
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.goods .right-col .left-col .desc h2
{
    position: absolute;
    right: 17px;
    bottom: 8px;
    font-size: 16px;
    color: #31302e;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

.goods .right-col .right-col
{
    width: 482px;
    padding: 0px;
    margin: 0px;
    float: right;
    overflow: hidden;
}
.goods .right-col .correction
{
    padding-top: 2px;
    margin-bottom: 1px;
    float: left;
}
.goods .right-col .items
{
    width: 154px;
    float: left;
    border: 1px solid #c7c7c5;
}
.goods .right-col .items .desc
{
    background-color: #dededc;
    border-top: 1px solid #c7c7c5;
    position: relative;
    height: 30px;
}
.goods .right-col .items .desc h1
{
    position: absolute;
    left: 4px;
    bottom: 3px;
    font-size: 9px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.goods .right-col .items .desc h1 b
{
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.goods .right-col .items .desc h2
{
    position: absolute;
    right: 4px;
    bottom: 3px;
    font-size: 9px;
    color: #31302e;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.goods .right-col .items .green{color: #92b163;}
.goods .right-col .items .magenta{color: #d33589;}
/**/
.goods .right-col .items-by-img
{
    width: 153px;
    float: left;
    position: relative;
    border: 1px solid #c7c7c5;
    margin-bottom: 8px;
    height: 214px;
}
.goods .right-col .items-by-img .desc
{
    background-color: #dededc;
    border-top: 1px solid #c7c7c5;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 153px;
    height: 30px;
}
.goods .right-col .items-by-img .desc h1
{
    position: absolute;
    left: 4px;
    bottom: 3px;
    font-size: 9px;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.goods .right-col .items-by-img .desc h1 b
{
    font-size: 11px;
    font-weight: bold;
}
.goods .right-col .items-by-img .desc h2
{
    position: absolute;
    right: 4px;
    bottom: 3px;
    font-size: 9px;
    font-weight: normal;
    color: #31302e;
    margin: 0px;
    padding: 0px;
}
.goods .right-col .items-by-img .green{color: #92b163;}
.goods .right-col .items-by-img .magenta{color: #d33589;}
/*
.goods .pager .pages{ width: 480px; }
.goods .inactive-pager{ width: 806px; margin-top: 1px; }
*/
.goods .pager .pages        { width: 643px; }
.goods .pager               { width: 969px; overflow: hidden; }
.goods .inactive-pager      { width: 967px; margin-top: 0px;}
.goods .first-page .pages   { width: 643px; }
.goods .first-page .next    { width: 124px !important; margin: 0 0 0 8px !important;}
.goods .first-page .last    { margin: 0 0 0 8px !important; }

/*******************************************************************************
        PAGER
*******************************************************************************/
.pager
{
    margin-bottom: 8px;
    float: left;
}
.pager a:link{color: #c7c7c5; text-decoration: none;}
.pager a:visited{color: #c7c7c5; text-decoration: none;}
.pager a:hover{color: #444444; text-decoration: none;}
.pager .first
{
    width: 19px;
    float: left;
    border: 1px solid #c7c7c5;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    margin: 0 0 0 0;
    font-weight: bold;
    background-color: #FFFFFF;
    cursor: pointer;
}
.pager .prev
{
    width: 125px;
    float: left;
    border: 1px solid #c7c7c5;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    margin: 0 0 0 7px;
    font-weight: bold;
    background-color: #FFFFFF;
    cursor: pointer;
}
.pager .pages
{
    float: left;
    border: 1px solid #c7c7c5;
    padding: 4px 0 3px 0;
    text-align: center;
    font-size: 10px;
    margin: 0 0 0 7px;
    font-weight: bold;
}
.pager .pages p
{
    margin: 0px;
    padding: 0 5px 0 3px;
    display: inline;
}
.pager .pages .brd-l-n
{
    border-left: 1px solid #c7c7c5;
}
.pager .pages .brd-r-n
{
    border-right: 1px solid #c7c7c5;
}
.pager .pages .brd-l-h
{
    border-left: 1px solid #444444;
}
.pager .pages .brd-r-h
{
    border-right: 1px solid #444444;
    color: #444444;
    padding: 0 4px 0 4px;
    font-weight: bold;
}
.pager .next
{
    width: 123px;
    float: left;
    border: 1px solid #c7c7c5;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    margin: 0 0 0 7px;
    font-weight: bold;
    background-color: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
}
.pager .last
{
    width: 20px;
    float: left;
    border: 1px solid #c7c7c5;
    padding: 0px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 7px;
    background-color: #FFFFFF;
    cursor: pointer;
}
.inactive-pager
{
    height: 18px;
    border: 1px solid #c7c7c5;
    float: left;
}

/***********************************************************
                            INFO
***********************************************************/
.info
{
    position: relative;
}
.info .top
{
    border-bottom: 1px solid #c7c7c5;
    height: 26px;
    margin-bottom: 0px;
    color: #2c2827;
    font-size: 11px;
    position: relative;
}
.info .top h1
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
}
.info .top .left
{
    float: left;
    padding: 6px 0 0 0;
}
.info .top .center
{
    position: absolute;
    left: 348px;
    top: 0px;
    padding: 7px 0 0 0;
    font-weight: bold;
    font-size: 10px;
}
.info .top .center table tr
{
    border-right: 1px solid #C5C5C5;
}
.info .top .center table tr td
{
    border-left: 1px solid #C5C5C5;
    padding: 0 5px 0 5px;
    color: #C5C5C5;
}
.info .top .center table tr td.active
{
    border-left: 1px solid #423E3D !important;
    border-right: 1px solid #423E3D !important;
    padding: 0 5px 0 5px;
    color: #423E3D;
}
.info .top .center table tr a{color: #C5C5C5; text-decoration: none;}
.info .top .center table tr td.active a{color: #423E3D; text-decoration: none;}
.info .top .right
{
    float: right;
    margin-right: 50px;
    display: inline;
    padding: 6px 0 0 0;
    font-size: 11px;
    color: #666666;
}
.info .left-col
{
    float: left;
    width: 318px;
}
.info .info-right-col
{
    float: left;
    padding: 20px 0 0 30px;
    width: 620px;
    color: #72716d;
    line-height: 150%;
    font-size: 10px;
    font-family: Tahoma, Arial, sans-serif;
}
.info .info-right-col h1
{
    background-image: url(../images/right_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 1px 0 0 25px;
    margin: 0 0 14px 0;
    color: #302c29;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.info .info-right-col b
{
    font-weight: bold;
}
.info .right-col .left
{
    float: left;
    width: 290px;
    margin-top: 20px;
    padding: 0px;
}
.info .right-col .right
{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    width: 290px;
    padding: 0px;
}
.info .bottom
{
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 650px;
}
.info .bottom .pager-left
{
    margin-left: 30px;
    float: left;
}
.info .bottom .pager-right
{
    margin-right: 1px;
    float: right;
}
.submenu-info
{
    float: left;
    height: 30px;
    font-size: 9px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-weight: normal;
    margin: 0px;
    border-spacing: 0px;
    empty-cells: show;
    margin-left: 15px;
}
* html .submenu-info
{
    margin-left: 10px;
}
.submenu-info td
{
    vertical-align: middle;
    text-align: center;
    padding: 0 4px 0 4px;
}
.submenu-info .active
{
    font-weight: bold;
}
.submenu-info .separator
{
    width: 1px;
}
.submenu-info a:link{color: #534f4e; text-decoration: none;}
.submenu-info a:visited{color: #534f4e; text-decoration: none;}
.submenu-info a:hover{color: #222222; text-decoration: none;}

/***********************************************************
                            DESIGNERS
***********************************************************/
.designers .top
{
    border-bottom: 1px solid #c7c7c5;
    height: 26px;
    margin-bottom: 8px;
    color: #2c2827;
    font-size: 11px;
}
.designers .top h1
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
}
.designers .top .left
{
    float: left;
    padding: 7px 0 0 0;
}
.designers .top .right
{
    float: right;
    margin-right: 50px;
    display: inline;
    padding: 6px 0 0 0;
    color: #666666;
}
.submenu-designers
{
    float: left;
    height: 30px;
    font-size: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    margin: 0px;
    border-spacing: 0px;
    empty-cells: show;
    margin-left: 10px;
}
.submenu-designers td
{
    vertical-align: middle;
    text-align: center;
    padding: 0 5px 0 5px;
}
.submenu-designers td img
{
    margin-right: 4px;
}
.submenu-designers .active
{
    font-weight: bold;
}
.submenu-designers .separator
{
    width: 1px;
}

.submenu-designers a:link{ text-decoration: none;}
.submenu-designers a:visited{ text-decoration: none;}
.submenu-designers a:hover{ text-decoration: none;}

.submenu-designers .style0:link{color: #534f4e; font-weight: normal;}
.submenu-designers .style0:visited{color: #534f4e; font-weight: normal;}
.submenu-designers .style0:hover{color: #757170; font-weight: normal;}

.submenu-designers .active{ font-weight: bold !important; }


.designer-pic-small
{
    float: left;
    width: 153px;
    height: 217px;
    border: 1px solid #bdbdbd;
}
.designer-pic-small .desc
{
    position: relative;
    height: 29px;
    border-top: 1px solid #bdbdbd;
    background-color: #dededc;
}
.designer-pic-small .desc h1
{
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 10px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}
.designer-pic-small .desc h1 b
{
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}
.designer-pic-small .desc h2
{
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-weight: normal;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
}
.designer-pic-large
{
    float: left;
    width: 314px;
    border: 1px solid #bdbdbd;
    overflow: hidden;
}
.designer-pic-large .desc
{
    position: relative;
    height: 58px;
    border-top: 1px solid #bdbdbd;
    background-color: #dededc;
}
.designer-pic-large .desc h1
{
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 0 12px;
    padding: 0px;
    font-weight: bold;
    text-transform: uppercase;
}
.designer-pic-large .desc h3
{
    font-size: 14px;
    position: absolute;
    font-weight: normal;
    bottom: 8px;
    left: 12px;
    margin: 0px;
    padding: 0px;

}
.designer-pic-large .desc h2
{
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-weight: normal;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}
.designers .color0{color: #81817f;}
.designers .color1{color: #da251c;}
.designers .color2{color: #dd8940;}
.designers .color3{color: #574792;}
.designers .color4{color: #49b5c2;}
.designers .color5{color: #ea3d96;}
.designers .color6{color: #55a9b3;}
.designers .ABC
{
    padding: 0 0 0 5px;
    border: 1px solid #bdbdbd;
    margin: 0 0 8px 0;
    height: 21px;
}
.designers .ABC p
{
    float: left;
    margin: 0px;
    padding: 4px 0 3px 0;
    width: 34px;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
}
.designers .ABC a:link{color: #4D4948; text-decoration: none;}
.designers .ABC a:visited{color: #4D4948; text-decoration: none;}
.designers .ABC a:hover{color: #000000; text-decoration: none;}
.designers .ABC .active a:link{color: #000000; text-decoration: none;}
.designers .ABC .active a:visited{color: #000000; text-decoration: none;}
.designers .ABC .active a:hover{color: #000000; text-decoration: none;}
.designers .pager .pages{ width: 641px; }
.designers .inactive-pager{ width: 967px;}

.designer-right-col-only-txt
{
    width: 642px;
    height: 444px;
    float: left;
    border: 1px solid #bdbdbd;
    margin-left: 8px;
    cursor: pointer;
}
.designer-right-col-only-txt p
{
    padding: 18px 33px 0 22px;
    margin: 0px;
    font-size: 10px;
    font-family: verdana, arial, tahoma;
    color: #72706f;
}
.designer-right-col-only-txt .price
{
    font-size: 16px;
    padding-top: 18px;
    position: absolute;
    bottom: 8px;
    color: #111111;
}
.designer-right-col-only-txt h3
{
    margin: 0px;
    padding: 14px 0 0 22px;
    text-transform: uppercase;
    color: #1f1a17;
    font-size: 16px;
    font-family: verdana, arial, tahoma;
    font-weight: normal;
}
.designer-right-col-only-txt a              { color: #1f1a17; text-decoration: none; }

.designers .show-overlay *                  { color: #737270 !important; }
.designers .company-white *                 { color: #000000 !important; }
.designers .company-white h2                { color: #FFFFFF !important; }
.designers .desc-grey .desc                 { background-color: #DEDEDC !important; }
/***********************************************************
                            CALENDAR
***********************************************************/
.calendar-tooltipp
{
    padding: 5px;
    background-color: #DEDEDE;
    border: 1px solid #c1c1c1;
    font-size: 11px;
    color: #444444;
    font-family: Verdana, Arial;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.calendar .top
{
    border-bottom: 1px solid #c7c7c5;
    height: 26px;
    margin-bottom: 8px;
    color: #2c2827;
    font-size: 11px;
}
.calendar .top .colored-box
{
    width: 13px;
    height: 13px;
    margin: 1px 0 0 5px;
    padding: 0px;
    cursor: default;
    font-size: 0px;
}

.calendar .top h1
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
    padding: 0px;
    margin: 0px;
}
.calendar .top .left
{
    float: left;
    padding: 6px 0 0 0;
}
.calendar .top .right
{
    float: right;
    margin-right: 50px;
    display: inline;
    padding: 6px 0 0 0;
    color: #666666;
}
.calendar .top .right a{ color: #111111; text-decoration: none; }
.calendar .top .right a:hover{ color: #666666; text-decoration: none; }
.submenu-calendar
{
    float: left;
    height: 30px;
    font-size: 9px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    margin: 0px;
    border-spacing: 0px;
    empty-cells: show;
    margin-left: 10px;
}
.submenu-calendar td
{
    vertical-align: middle;
    text-align: center;
    padding: 0 4px 0 4px;
}
.submenu-calendar td img
{
    margin-right: 4px;
}
.submenu-calendar .active
{
    font-weight: bold;
}
.submenu-calendar .separator
{
    width: 1px;
}

.submenu-calendar .style0:link{color: #534f4e; text-decoration: none;}
.submenu-calendar .style0:visited{color: #534f4e; text-decoration: none;}
.submenu-calendar .style0:hover{color: #756F6F; text-decoration: none;}

.submenu-calendar .style1:link{color: #b55e71; text-decoration: none;}
.submenu-calendar .style1:visited{color: #b55e71; text-decoration: none;}
.submenu-calendar .style1:hover{color: #b55e71; text-decoration: none;}

.calendar .day
{
    float: left;
}
.calendar .day p
{
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 132px;
    padding: 3px 0 3px 0;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #dededc;
    color: #71706e;
    border: 1px solid #bbbbb9;
}
.calendar .day .vasarnap
{
    background-color: #838280;
    color: #1e1a19;
    border: 1px solid #a5a3a4;
}
.calendar .day-content
{
    float: left;
}
.calendar .day-content .col
{
    float: left;
    width: 134px;
    height: 250px;
    overflow: hidden;
}
.calendar .day-content .cell
{
    float: left;
    width: 132px;
    height: 44px;
    border: 1px solid #c1c1c1;
    margin-top: 4px;
    font-size: 9px;
    color: #444444;
    overflow: hidden;
    white-space: nowrap;
}
.calendar .day-content .cell p
{
    margin: 2px;
    padding: 2px 1px 1px 5px;
}
.calendar .day-content .cell b
{
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 2px;
    display: block;
    overflow: hidden;
}
.calendar .day-content .cell b:first-letter
{
    text-transform: uppercase;
}
.calendar .day-content .cell .date
{
    float: left;
    width: 39px;
    height: 44px;
}
.calendar .day-content .cell .date table tr td
{
    color: #757575;
    vertical-align: middle;
    text-align: center;
    font-family: Verdana, Arial;
    font-size: 11px;
    width: 39px;
    height: 44px;
    font-weight: bold;
}
.calendar .day-content .cell .events
{
    float: left;
    height: 44px;
    width: 93px;
}
.calendar .day-content .cell .events .list
{
    overflow: hidden;
    height: 24px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.calendar .day-content .cell .events .list-noscroll
{
    margin: 0px !important;
}
.calendar .day-content .cell .events .list-noscroll tr td
{
    height: 44px;
    width: 93px;
    vertical-align: middle;
    text-align: left;
}

.calendar .day-content .cell .events .scroll_up        { width: 93px; cursor: pointer; margin-top: 4px; }
.calendar .day-content .cell .events .scroll_up img    { margin-left: 27px; }
.calendar .day-content .cell .events .scroll_down      { width: 93px; cursor: pointer; }
.calendar .day-content .cell .events .scroll_down img  { margin-left: 28px; }
.calendar .day-content .cell .events .list a             { color: #ABABAB; text-decoration: none; }
.calendar .day-content .cell .events .list .T-1:hover    { color: #DB214C; text-decoration: none; }
.calendar .day-content .cell .events .list .T-2:hover    { color: #449284; text-decoration: none; }
.calendar .day-content .cell .events .list .T-3:hover    { color: #E77844; text-decoration: none; }
.calendar .day-content .cell .events .list .T-4:hover    { color: #974578; text-decoration: none; }
.calendar .day-content .cell .events .list .T-5:hover    { color: #DD137B; text-decoration: none; }
.calendar .day-content .cell .events .list .T-6:hover    { color: #3BB3C2; text-decoration: none; }
.calendar .day-content .cell .events .list .T-7:hover    { color: #84C225; text-decoration: none; }
.calendar .day-content .cell .events .list .T-8:hover    { color: #B76767; text-decoration: none; }
.calendar .day-content .cell .events .list .T-9:hover    { color: #FF9900; text-decoration: none; }

.calendar .month-nav
{
    background-color: #DEDEDC;
    border: 1px solid #A5A5A3;
    padding-top: 3px;
    margin-bottom: 4px;
    margin-top: -2px;
    color: #757575;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    height: 16px;
}
.calendar .month-nav .txt
{
    float: left;
    text-align: center;
    width: 255px;
}
.calendar .month-nav .left
{
    float: left;
    padding-left: 335px;
}
.calendar .month-nav .right
{
    float: left;
    width: 20px;
}
.calendar .month-nav .left p    {width: 20px; margin: 0px; padding: 0px; cursor: pointer; }
.calendar .month-nav .right p   {width: 20px; margin: 0px; padding: 0px; cursor: pointer; }
.calendar .month-nav a{ color: #757575 !important; float: left; text-decoration: none; width: 20px;}
.calendar .more-day-content
{
    float:left;
    margin-top: 4px;
    margin-bottom: 4px;
    height: 20px;
}
.calendar .more-day-content p
{
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    width: 132px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #bbbbb9;
}
.calendar .bottom .left
{
    float: left;
    width: 132px;
    height: 177px;
    margin-right: 5px;
    border: 1px solid #bbbbb9;
}
.calendar .bottom .left p
{
    padding-top: 15px;
    margin: 0px;
}
.calendar .bottom .left div
{
    background-image: url(../images/chk_box.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
    padding-left: 15px;
    margin-bottom: 6px;
    margin-left: 10px;
}
.calendar .bottom .left .active
{
    background-image: url(../images/chk_box_checked.gif);
    font-weight: bold;
}
.calendar .bottom .left .separator
{
    height: 1px;
    font-size: 0px;
    border-bottom: 1px solid #bdbdbd;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.calendar .bottom .left a:link{color: #1b1a16; text-decoration: none; font-size: 9px;}
.calendar .bottom .left a:visited{color: #1b1a16; text-decoration: none; font-size: 9px;}
.calendar .bottom .left a:hover{color: #000000; text-decoration: none; font-size: 9px;}
.calendar .bottom .center
{
    float: left;
    height: 177px;
    width: 689px;
    border: 1px solid #bbbbb9;
    overflow-y: auto;
}
.calendar .bottom .center img
{
    float: left;
}
.calendar .calendar-description
{
    padding: 10px;
    color: #343331;
    font-size: 11px;
    font-family: verdana, arial;
    position: relative;
    height: 157px;
    width: 669px;
    overflow: hidden;
    text-align: left !important;
}
.calendar .calendar-description a:link      { color: #555555; text-decoration: none; }
.calendar .calendar-description a:visited   { color: #555555; text-decoration: none; }
.calendar .calendar-description a:hover     { color: #888888; text-decoration: none; }
.calendar .calendar-description span
{
    text-transform: uppercase;
    font-weight: bold;
}

.calendar .calendar-description .adress
{
    font-weight: bold;
    margin-top: 15px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.calendar .calendar-description .edit
{
    position: absolute;
    top: 10px;
    right: 10px;
}
.calendar .calendar-description .uploaded-files
{
    position: absolute;
    right: 10px;
    bottom: 0px;
    height: 52px;
    width: 403px;
}
.calendar .calendar-description .uploaded-files .img
{
    width: 42px;
    height: 42px;
    float: left;
    margin: 0 0 0 8px;
    cursor: pointer;
    border: 1px solid #C5C4C4;
    overflow: hidden;
}
.calendar .calendar-description .uploaded-files .img img
{
    width: 42px;
}
.calendar .calendar-description .uploaded-files .file
{
    float: left;
    width: 140px;
    height: 44px;
}
.calendar .calendar-description .uploaded-files .file .row
{
    padding-top: 1px;
    font-weight: normal;
    float: left;
}
.calendar .calendar-description .uploaded-files .file .row a:link       { color: #838281; }
.calendar .calendar-description .uploaded-files .file .row a:visited    { color: #838281; }
.calendar .calendar-description .uploaded-files .file .row a:hover      { color: #111111; }

#show-upload-pic
{
    position: absolute;
    width: 690px;
    height: 475px;
    left: 138px;
    top: 166px;
    background-color: #FFFFFF;
    border: 1px solid #B9B8B8;
    cursor: pointer;
}
#show-upload-pic table
{
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
#show-upload-pic table tr td
{
    text-align: center;
    vertical-align: middle;
}
#show-upload-pic table tr td img
{
    margin-left: auto;
    margin-right: auto;
}
.calendar .bottom .right
{
    float: left;
    width: 132px;
    height: 177px;
    margin-left: 4px;
    border: 1px solid #bbbbb9;
    overflow: hidden;
}
.calendar .bottom .pager
{
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 10px;
}
.calendar .bottom .pager .prev
{
    float: left;
    width: 132px;
    background-color: #FFFFFF;
    padding: 3px 0 3px 0;
    border: 1px solid #bbbbb9;
    font-weight: bold;
    margin: 0 4px 0 0;
    text-align: center;
    cursor: pointer;
}
.calendar .bottom .pager .pcenter
{
    float: left;
    width: 692px;
    background-color: #FFFFFF;
    overflow: hidden;
    position: relative;
}
.calendar .bottom .pager .pcenter p
{
    float: left;
    border: 1px solid #bbbbb9;
    text-align: center;
    padding: 3px 0 0 0;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 15px;
    overflow: hidden;
}
.calendar .bottom .pager .pcenter .first-col        {width: 272px; margin-right: 4px;}
.calendar .bottom .pager .pcenter .second-col       {width: 133px; margin-right: 4px; background-color: #dededc;}
.calendar .bottom .pager .pcenter .third-col        {width: 272px;}
.calendar .bottom .pager .pcenter .second-third-col {width: 412px; background-color: #dededc; position: absolute; top: 0px; right: 0px; }
#calendar-advert-title  { background-color: #FFFFFF !important; }
.calendar .bottom .pager .next
{
    float: left;
    width: 132px;
    margin-left: 4px;
    background-color: #FFFFFF;
    padding: 3px 0 3px 0;
    border: 1px solid #bbbbb9;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    cursor: pointer;
}
.calendar .bottom .pager a:link{color: #bbbbb9; text-decoration: none; text-align: center;}
.calendar .bottom .pager a:visited{color: #bbbbb9; text-decoration: none; text-align: center;}
.calendar .bottom .pager a:hover{color: #444444; text-decoration: none; text-align: center;}
.calendar .bottom .pager .pcenter a:link{color: #444444; text-decoration: none;}
.calendar .bottom .pager .pcenter a:visited{color: #444444; text-decoration: none;}
.calendar .bottom .pager .pcenter a:hover{color: #111111; text-decoration: none;}
.calendar .day-content .color0{background-color: #534f4e;}
.calendar .day-content .color1{background-color: #b55e71;}
.calendar .day-content .color2{background-color: #7a9994;}
.calendar .day-content .color3{background-color: #ca8e72;}
.calendar .day-content .color4{background-color: #856278;}
.calendar .day-content .color5{background-color: #cf5d98;}
.calendar .day-content .color6{background-color: #84b1b6;}
.calendar .day-content .color7{background-color: #90b855;}
.calendar .day-content .color8{background-color: #a88b87;}
.calendar .bottom .right .day-name
{
    width: 120px;
    font-size: 11px;
    padding: 2px 7px 1px 7px;
    border-bottom: 1px solid #bbbbbb;
    font-weight: bold;
    color: #312d2a;
}
.calendar .bottom .right .day-name p
{
    width: 17px;
    height: 17px;
    margin: 4px 0 0 0;
    float: left;
    text-align: center;
    text-transform: uppercase;
}
.calendar .bottom .right .day-number
{
    padding: 2px 7px 1px 7px;
    width: 120px;
    font-size: 10px;
    color: #312d2a;
}
.calendar .bottom .right .day-number p
{
    width: 17px;
    padding: 4px 0 3px 0;
    margin: 0;
    float: left;
    text-align: center;
}
.calendar .bottom .right .week-highlight
{
    background-color: #DDDDDD;
    float: left;
}
.calendar .bottom .right .day-number .today
{
    width: 16px;
    padding: 3px 0 2px 0;
    margin: 0;
    float: left;
    text-align: center;
    border: 1px solid #d5d5d3;
    color: #FFFFFF;
    background-color: #969593;
}
.calendar .bottom .right a:link{color: #312d2a; text-decoration: none;}
.calendar .bottom .right a:visited{color: #312d2a; text-decoration: none;}
.calendar .bottom .right a:hover{color: #111111; text-decoration: none;}
.calendar .bottom .right .not-this-month a:link{color: #aaaaaa; text-decoration: none;}
.calendar .bottom .right .not-this-month a:visited{color: #aaaaaa; text-decoration: none;}
.calendar .bottom .right .not-this-month a:hover{color: #111111; text-decoration: none;}
.calendar .bottom .right .day-number .not-this-month
{
    color: #aaaaaa;
}
.calendar .bottom .right .months
{
    position: relative;
    background-color: #dededc;
	height: 22px;
}
.calendar .bottom .right .months .txt
{
    position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
	font-size: 9px;
    font-weight: bold;
	width: 130px;
    text-transform: lowercase;
}
.calendar .bottom .right .months .left_arrow
{
    position: absolute;
    height: 12px;
    width: 12px;
    top: 5px;
    left: 5px;
}
.calendar .bottom .right .months .right_arrow
{
    position: absolute;
    height: 12px;
    width: 12px;
    top: 5px;
    right: 5px;
}
/*******************************************************************************
        NEW EVENT
*******************************************************************************/
.calendar {font-family: Verdana, Tahoma, Arial;}
.calendar .calendar-top     { margin: 4px 0 0 0; width: 969px; height: 297px; float: left;}
.calendar .calendar-middle  { margin: 4px 0 0 0; width: 969px; height: 180px; float: left; overflow: hidden;}
.calendar .calendar-bottom  { margin: 4px 0 4px 0; width: 969px; height: 21px; float: left;}

.calendar .step{ position: relative; float: left; }

.calendar .calendar-top .step{ width: 135px; height: 295px; }
    .calendar .calendar-top .step .header                       { height: 19px; margin-bottom: 4px; border: 1px solid #BABABA; color: #757573; font-size: 11px; background-color: #3BB3C3 !important; }
    .calendar .calendar-top .step .header p                     { margin: 0px; padding-top: 3px; text-align: center; color: #1C1B19; font-weight: bold; }
    .calendar .calendar-top .step .container                    { height: 269px; border: 1px solid #BABABA; color: #3C3B39; font-size: 10px; overflow: hidden;}
    .calendar .calendar-top .step .container h1                 { margin: 0px; padding: 4px 0 4px 0; border-bottom: 1px solid #BABABA; background-color: #838280; color: #FFFFFF; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; }
    .calendar .calendar-top .step .container .content           { padding: 4px; }
    .calendar .calendar-top .step .container .row               { height: 50px; }
    .calendar .calendar-top .step .container .row a:link        { color: #3C3B39; text-decoration: none; }
    .calendar .calendar-top .step .container .row a:visited     { color: #3C3B39; text-decoration: none; }
    .calendar .calendar-top .step .container .row a:hover       { color: #3C3B39; text-decoration: none; }

.calendar .calendar-middle .step{ width: 133px; height: 178px; border: 1px solid #BABABA; font-size: 10px; overflow: hidden; }
    .calendar .calendar-middle .step .content   { height: 156px; padding: 7px 4px 4px 4px;}
    .calendar .calendar-middle .step .img       { padding: 0px !important; }
    .calendar .calendar-middle .step .img img   { float: left; width: 133px; height: 158px; }
    .calendar .calendar-middle .step .footer    { width: 133px; position: absolute; left: 0px; bottom: 0px; padding: 4px 0 4px 0; border-top: 1px solid #BABABA; background-color: #838280; color: #FFFFFF; font-size: 11px; text-align: center;}
	.calendar .calendar-middle .step .footer a  { color: #FFFFFF !important; }
    .calendar .calendar-middle .step .row       { margin: 0 0 23px 0; }
	.calendar .calendar-middle .dark-gray-bg	{ color: #FFFFFF; }

.calendar .calendar-bottom .button{ height: 14px; padding: 3px 0 2px 0; border: 1px solid #BABABA; font-size: 11px; float: left; text-align: center !important; }
	.calendar .calendar-bottom .left			{ width: 272px; margin-right: 4px; color: #FFFFFF; background-color: #85C226; text-align: center; }
	.calendar .calendar-bottom .left a:link		{ color: #838280; text-decoration: none; }
	.calendar .calendar-bottom .left a:visited	{ color: #838280; text-decoration: none; }
	.calendar .calendar-bottom .left a:hover	{ color: #838280; text-decoration: none; }

	.calendar .calendar-bottom .center			{ width: 411px; margin-right: 4px; color: #FFFFFF; background-color: #838280; text-align: center !important; }
	.calendar .calendar-bottom .center a:link	{ color: #FFFFFF; text-decoration: none; }
	.calendar .calendar-bottom .center a:visited{ color: #FFFFFF; text-decoration: none; }
	.calendar .calendar-bottom .center a:hover	{ color: #FFFFFF; text-decoration: none; }

	.calendar .calendar-bottom .right			{ width: 272px; color: #FFFFFF !important; text-align: center !important; background-color: #DD127B !important; }
	.calendar .calendar-bottom .right a:link	{ color: #FFFFFF; text-decoration: none; }
	.calendar .calendar-bottom .right a:visited	{ color: #FFFFFF; text-decoration: none; }
	.calendar .calendar-bottom .right a:hover	{ color: #FFFFFF; text-decoration: none; }

.calendar .counter { width: 58px; height: 12px; border: 1px solid #c2c2c2; padding: 0px; background-color: #FFFFFF; margin-right: 1px; margin-top: 3px; }
    .calendar .counter .value   { width: 46px; height: 12px; float: left; font-size: 9px; font-family: Verdana, Tahoma, Arial; text-align: center; border: none; background-color: #FFFFFF; padding: 0px; }
    .calendar .counter .button  { width: 12px; height: 12px; float: left; border-left: 1px solid #c2c2c2; }

.calendar .light-gray-bg{ background-color: #EEEEEE !important; }
.calendar .dark-gray-bg { background-color: #838280 !important; }
.calendar .green-bg	{ background-color: #85C226 !important; }

/*forms*/


.input-textarea                     { width: 450px; height: 600px; border: 1px solid #c2c2c2; padding: 0px; font-size: 9px; font-family: Verdana, Tahoma, Arial; background-color: #FFFFFF; }
.input-select                       { width: 165px; border: 1px solid #c2c2c2; height: 15px; padding: 0px; font-size: 9px; font-family: Verdana, Tahoma, Arial; background-color: #FFFFFF; }
.select-dark-bg                     { background-color: #dededc !important; }
.input-file                         { background: transparent; border: none; -moz-opacity: 0; filter:alpha(opacity=0); opacity: 0; z-index: 2; position: absolute; right: 0px; top: 0px; height: 12px; padding: 0px; font-size: 9px; font-family: Verdana, Tahoma, Arial; margin: 0px; }
    .input-file-container           { position: relative; width: 280px; height: 15px; overflow: hidden;}
    .input-file-container .browse   { position: absolute; right: 0px; top: 0px; width: 36px; height: 12px; border: 1px solid #c2c2c2; color: #ebebeb; font-size: 9px; background-color: #a9a9a9; }


.calendar .input-text           { width: 119px; margin-top: 3px; border: 1px solid #c2c2c2; height: 12px; padding: 0px; font-size: 9px; font-family: Verdana, Tahoma, Arial; background-color: #FFFFFF; }
.calendar .input-textarea       { width: 119px; margin-top: 3px; }
.calendar .input-select         { width: 121px; height: 12px; padding: 0px; font-family: Arial; margin-top: 3px; }
.calendar .input-file-container { width: 119px; margin-left: 4px; }
    .calendar .input-file-container .browse { margin-top: 3px; }

#event-calendar-preview
{
    width: 689px;
    height: 177px;
    border: 1px solid #000000;
    float: left;
    color: #343331;
    font-size: 11px;
    font-family: verdana, arial;
    overflow-y: auto;
}
#event-calendar-preview-info, #event-calendar-preview-desc
{
    text-transform: none;
}
#event-calendar-preview-desc
{
    font-weight: normal;
}
#event-calendar-description
{
    width: 688px;
    height: 177px;
    border: 1px solid #000000;
    float: left;
    font-family: verdana, arial;
    overflow-y: auto;
}
#event-calendar-description textarea
{
    width: 666px;
    height: 150px;
    padding: 10px;
    color: #343331;
    font-size: 11px;
    border: none;
    margin: 0px;
}
/*******************************************************************************
        OTHER
*******************************************************************************/
.center
{
    text-align: center;
}
.ml_4
{
    margin-left: 5px;
}
.mr_4
{
    margin-right: 5px;
}
.calendar .calendar-top .mr_4
{
    margin-right: 4px !important;
}
.calendar .calendar-middle .mr_4
{
    margin-right: 4px !important;
}
.mr_7
{
    margin-right: 7px;
}

.mr_6
{
    margin-right: 6px;
}

.mr_9
{
    margin-right: 9px;
}

.mr_10
{
    margin-right: 10px;
}

.ml_7
{
    margin-left: 7px;
}
.mb_5
{
    margin-bottom: 5px;
}
.mb_7
{
    margin-bottom: 7px;
}
.mb_8
{
    margin-bottom: 8px !important;
}
.mb_9
{
    margin-bottom: 9px;
}
.ml_8
{
    margin-left: 8px;
}
.mr_8
{
    margin-right: 8px;
}
.m_0
{
    margin: 0px !important;
}
.fl-left
{
    float: left;
}
.fl-right
{
    float: right;
}
.font_9px
{
    font-size: 9px;
}
.padd_10            { padding: 10px !important; }
.padd_r6            { padding-right: 6px !important; }
.inline             { display: inline !important; }
.cursor-pointer     { cursor: pointer !important; }
.fl_left            { float: left; }
/*******************************************************************************
        COLORS
*******************************************************************************/
a.magenta:link{color: #F23D99 !important;}
a.magenta:hover{color: #F23D99 !important;}
a.magenta:visited{color: #F23D99 !important;}

a.green:link{color: #8fc23f !important;}
a.green:hover{color: #8fc23f !important;}
a.green:visited{color: #8fc23f !important;}

a.black-bold:link{color: #111111 !important; font-weight: bold !important;}
a.black-bold:visited{color: #111111 !important; font-weight: bold !important;}
a.black-bold:hover{color: #111111 !important; font-weight: bold !important;}


a.black:link{color: #111111 !important; }
a.black:visited{color: #111111 !important; }
a.black:hover{color: #111111 !important; }

.font-green     { color: #8FC23F !important; }
.font-magenta   { color: #F23D99 !important; }
.font-black     { color: #111111 !important; }
.font-vlight-gray{ color: #AAA9A9 !important; }
.black-bold     { color: #111111 !important; font-weight: bold !important; }

.bg-dededc      { background-color: #dededc !important; }

.td-overflow-hidden td  { overflow: hidden; }
.weight-normal          { font-weight: normal !important; }

a.link_DB214C:link      { color: #DB214C !important; text-decoration: none; }
a.link_DB214C:visited   { color: #DB214C !important; text-decoration: none; }
a.link_DB214C:hover     { color: #FD436E !important; text-decoration: none; }

a.link_449284:link      { color: #449284 !important; text-decoration: none; }
a.link_449284:visited   { color: #449284 !important; text-decoration: none; }
a.link_449284:hover     { color: #66B4A6 !important; text-decoration: none; }

a.link_E77844:link      { color: #E77844 !important; text-decoration: none; }
a.link_E77844:visited   { color: #E77844 !important; text-decoration: none; }
a.link_E77844:hover     { color: #F99A66 !important; text-decoration: none; }

a.link_974578:link      { color: #974578 !important; text-decoration: none; }
a.link_974578:visited   { color: #974578 !important; text-decoration: none; }
a.link_974578:hover     { color: #B9679A !important; text-decoration: none; }

a.link_DD137B:link      { color: #DD137B !important; text-decoration: none; }
a.link_DD137B:visited   { color: #DD137B !important; text-decoration: none; }
a.link_DD137B:hover     { color: #FF359D !important; text-decoration: none; }

a.link_3BB3C2:link      { color: #3BB3C2 !important; text-decoration: none; }
a.link_3BB3C2:visited   { color: #3BB3C2 !important; text-decoration: none; }
a.link_3BB3C2:hover     { color: #5DD5E4 !important; text-decoration: none; }

a.link_84C225:link      { color: #84C225 !important; text-decoration: none; }
a.link_84C225:visited   { color: #84C225 !important; text-decoration: none; }
a.link_84C225:hover     { color: #A6E447 !important; text-decoration: none; }

a.link_B76767:link      { color: #B76767 !important; text-decoration: none; }
a.link_B76767:visited   { color: #B76767 !important; text-decoration: none; }
a.link_B76767:hover     { color: #D98989 !important; text-decoration: none; }

a.link_FF9900:link      { color: #FF9900 !important; text-decoration: none; }
a.link_FF9900:visited   { color: #FF9900 !important; text-decoration: none; }
a.link_FF9900:hover     { color: #FF3300 !important; text-decoration: none; }


.login
{
    width: 323px;
    height: 161px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../images/login.bg.jpg);
}

.login-usr
{
    border: none;
    background: transparent;
    position: absolute;
    width: 177px;
    height: 17px;
    left: 130px;
    top: 61px;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: #555555;
}

.login-pass
{
    border: none;
    background: transparent;
    position: absolute;
    width: 177px;
    height: 17px;
    left: 130px;
    top: 93px;
    font-size: 11px;
    font-family: Verdana, Arial;
    color: #555555;
}

.login-btn
{
    border: none;
    background: transparent;
    background-image: url(../images/login.btn.jpg);
    background-repeat: no-repeat;
    position: absolute;
    width: 178px;
    height: 20px;
    left: 126px;
    top: 121px;
    margin: 0px;
    padding: 0px;
}

.login-err
{
    color: #CC3300;
    text-align: center;
    font-size: 10px;
    font-family: Verdana, Arial;
    width: 323px;
    position: absolute;
    left: 0px;
    top: 44px;
}

.advert-tooltipp
{
    color: #333333;
    background-color: #FBFFC1;
    border: 1px solid #333333;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 10px;
    font-family: Verdana, Arial;
    padding: 2px;
}

.new-icon                                   { position: absolute; left: 600px; top: -9px; }
.webshop_cart_item                          { clear:both; /*float:left; width: 956px;*/ padding:12px 12px 0 18px; margin-bottom:12px;   }
.webshop_cart_item .title                   { font-weight: bold; vertical-align:top; }
.webshop_cart_item .options                 { float:right; width:400px; margin-right: 5px; text-align: right; }
.webshop_cart_item .options .title          { vertical-align: middle;  padding-right: 14px; }
.webshop_cart_item .options td              { padding-bottom: 10px; }
.webshop_cart_item .info                    { float:left; width:420px; vertical-align:top; }
.webshop_cart_item .size                    { float:right; }
.webshop_cart_item .delete_button           { background-image: url(../images/hu/webshop.delete.jpg); width: 131px; height:30px; float: left; }
.webshop_cart_item .options .delete_button  { float: right; }
.webshop_cart_item h1                       { margin: 0px; }
.webshop_cart_item .info                    { line-height: 16px; }
.border                                     { border: 1px solid #c7c7c5;}
.webshop_cart_summary                       { background-color:#dededc; clear: both; margin-bottom:0px; font-size:11px; padding:15px; }
.webshop_cart_summary_text                  { width: 610px; float:left; line-height: 18px; }
.webshop_cart_summary_buttons               { float:right; }
.webshop_cart_summary_buttons table         { width:272px;}
.webshop_cart_summary_buttons table td      { padding:4px; vertical-align: top; }
.webshop_cart_summary_buttons .total        { font-size:18px; font-weight:bold; }
.webshop_cart_summary_buttons .xheight      { height: 35px; padding-top: 4px; padding-bottom: 4px; }
.ie-6 .webshop_cart_summary_buttons .xheight,
.ff-4 .webshop_cart_summary_buttons .xheight{ height: 43px; padding-top: 4px; padding-bottom: 4px; }
.webshop_buy_more_item                      { background-image: url(../images/hu/webshop.moreproducts.jpg); width: 275px; height:31px; cursor: pointer; }
.webshop_order                              { background-image: url(../images/hu/webshop.order.jpg); width: 131px; height:31px; cursor: pointer; float:right; }
.webshop_product_details                    { font-size:11px; }
.webshop_product_details a                  { color: #2aadbd; text-decoration: none;  }
.webshop_product_details h1                 { font-size:14px; text-transform: uppercase; margin: 0 0 7px 0; }
.webshop_product_details h2                 { font-weight: bold; font-size:11px; margin:4px 0 10px 0; }
.webshop_product_details .align             { margin:0 0 2px 16px; padding:0; }
.webshop_product_details p.description      { line-height:16px; height: 116px;}
.webshop_product_details p.remarks          { color: #7f7f7e; padding-left:12px; line-height:16px;}
.webshop_product_details .size, .webshop_product_details .color, .webshop_product_details .count  { float:left;  }
.webshop_product_details div.size, div.webshop_product_details div.color, .webshop_product_details div.count { margin-top:4px; margin-left:2px;  }
.webshop_add_to_cart_options                {width:450px; height:220px; padding: 0px; }
.input-button {
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    float:right;
    font-family:Verdana,Arial,Tahoma;
    font-size:12px;
    font-weight:bold;
    height:24px;
    margin:0;
    padding-top:7px;
    text-align:center;
    /*text-transform:uppercase;*/
}
.ie-6 .input-button { height:31px; }
.webshop_add_to_cart { background-image: url(../images/hu/webshop.addtocart.jpg); width: 131px; height:31px; cursor: pointer; float:left; margin-left:12px;  }
.ie-6 .webshop_add_to_cart { background-image: url(../images/hu/webshop.addtocart.jpg); width: 131px; height:31px; cursor: pointer; float:left; margin-left:6px;  }
.ie-6 .webshop_cart_summary, .ie-7 .webshop_cart_summary  { padding-bottom: 0px; }




.wsr-content							        { position: relative; padding: 0px; margin: 0px; }
.wsr-content img.adv                            { float: left; margin: 0px; padding: 0px; display: block; }
.wsr-content .fc                                { float: left; margin-left: 31px; width: 619px; overflow: hidden; padding-top: 20px; }
.ie-6 .wsr-content .fc                          { margin-left: 31px; }
.wsr-content h1							        { font-family: Verdana, Arial; font-weight: bold; font-size: 14px; color: #000000; margin: 0px; padding-bottom: 8px; }
.wsr-content p							        { font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; }
.wsr-content span.label					        { color: #2AADBD; }
.wsr-content table						        { margin-top: 2px; }
.wsr-content table *					        { font-family: Verdana, Arial; }
.wsr-content table .c1					        { width: 197px; text-align: right; }
.wsr-content table .h2 td				        { padding-top: 10px; }
.wsr-content table .h2 .c1				        { font-weight: bold; font-size: 11px; }
.wsr-content table .form-item .c1               { padding-top: 4px; font-size: 11px; color: #2AADBD; }
.wsr-content table .form-item .nr               { color: #000; }
.wsr-content table .form-item .ods              { color: #000; font-size: 11px; color: #000; padding: 3px 0 10px 58px; }
.wsr-content table .form-item .c2               { padding: 5px 0 0 3px; background: url('../images/wsr.input.bg.jpg') no-repeat 3px 4px; width: 393px; }
.wsr-content table .form-item .c3               { background: url('../images/wsr.input.bg2.jpg') no-repeat; width: 149px; height: 19px; font-size: 10px; font-family: Verdana, Arial; border: none; padding: 0 3px; background-position: 0 0; border:medium none; margin: 3px 0 0 2px; }
.ie .wsr-content table .form-item .c3           { padding-top: 4px !important; }
.wsr-content table .fi-error .c1,
.wsr-content span.fi-error                      { color: #CC3300; }
.ie-7 .wsr-content table .form-item .c2         { padding-top: 4px; }
.wsr-content table .form-item .c2 input	        { background: transparent none; width: 393px; height: 19px; font-size: 10px; font-family: Verdana, Arial; border: none; padding: 0 3px; }
.ie-6 .wsr-content table .form-item .c2 input   { padding-top: 3px; height: 16px; }
.ie-7 .wsr-content table .form-item .c2 input   { padding-top: 2px; height: 16px; }
.ie-8 .wsr-content table .form-item .c2 input   { padding-top: 3px; height: 16px; }

.webshop-page-content						{ position: relative; padding: 0px; margin: 0px; }
.webshop-page-content img.adv               { float: left; margin: 0px; padding: 0px; display: block; }
.webshop-page-content .fc                   { float: left; margin-left: 31px; width: 619px; overflow: hidden; padding-top: 20px; }
.ie-6 .webshop-page-content .fc             { margin-left: 31px; }
.webshop-page-content h1	    	        { font-family: Verdana, Arial; font-weight: bold; font-size: 14px; color: #000000; margin: 0px; padding-bottom: 8px; }
.webshop-page-content p				        { font-size: 11px; font-weight: normal; line-height: 16px;}
.webshop-page-content span.label            { color: #2AADBD; }

.cmd_info                          { position: absolute; right: 20px; bottom: 46px; width: 600px;}
.cmd_info p.info                   { width: 473px; line-height: 16px; font-size: 11px; font-weight: normal; vertical-align: top; margin:0;}
.cmd_info .btn-submit              { position: absolute; right: 0px; top: 0px; width: 131px; height: 30px; background: transparent url('../images/wsr.btn.reg.jpg') no-repeat 0 0; border: none; cursor: pointer; }

.select,
select.styled   { font-size: 11px; font-family: Verdana, Arial; font-weight: normal; }
select.styled   { width: 271px !important; padding: 3px 30px 3px 6px !important; border: 0px solid #C7C7C5; }
.select         { width: 234px !important; padding: 3px 30px 3px 6px !important; border: 1px solid #C7C7C5; position: absolute; background: url(../images/select.btn.jpg) right center no-repeat; text-align: left;  }

.ie-8 select.styled   { width: 303px !important; padding: 3px 30px 3px 6px !important; border: 0px solid #C7C7C5; }
.ie-8 .select         { width: 236px !important; padding: 3px 30px 3px 6px !important; border: 1px solid #C7C7C5; position: absolute; background: url(../images/select.btn.jpg) right center no-repeat; text-align: left;  }


.empty-cart                 { position: relative; height: 383px; background-color: #DEDEDC; border-top: 1px solid #666463; border-left: 1px solid #CACAC8; border-right: 1px solid #CACAC8; }
.empty-cart p.text          { font: normal 11px Verdana, Arial; line-height: 18px; padding: 15px; margin: 0px; }
.empty-cart .input-button   { position: absolute; right: 12px; bottom: 12px; }

