@import url("reset.css");
@import url("menu.css");
@import url("buttons.css");

p { padding: 0; margin: 0 0 15px 0; }
br { margin: 0; padding: 0; }

a { outline: none; color: #7e3f67; text-decoration: underline; }
a:hover { outline: none; color: #000000; text-decoration: underline; }
a:focus { outline:none; }

.clearfix {
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
/***********************************************/
/* Basic                                       */
/***********************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Georgia, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background: url(../images/bg.gif) left top repeat #fff;
	color: #313438;
}
#wrapper {
    width: 100%;
    background: url(../images/ribbon_full.png) left 79px repeat-x;
    position: relative;
}
#container {
    width: 1026px;
    margin: 0 auto;
    position: relative;
}
#position {
    width: 1026px;
    background: url(../images/container.png) left top repeat-y;
    position: relative;
}
#container #header {
    width: 1026px;
    height: 155px;
    position: relative;
}
#container #header .ribbon {
    width: 1154px;
    height: 155px;
    background: url(../images/ribbon.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: -64px;
}
#container #header #menu {
    width: 950px;
    height: 31px;
    position: absolute;
    top: 59px;
    left: 38px;
}
#container #header h1 {
    width: 222px;
    height: 145px;
    display: block;
    text-indent: -9999px;
    background: url(../images/logo.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 401px;
}
#container #header h1 a,
#container #header h1 a:hover {
    width: 222px;
    height: 145px;
    display: block;
    text-indent: -9999px;
}
#container .line,
#container .line_nopadding,
#container .line_small,
#container .line_nopadding_small {
    width: 980px;
    font-size: 0;
    line-height: 0;
    padding: 0 0 20px 0;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid #f0e9da;
}
#container .line_nopadding {
    padding: 0 0 0 0;
}
#container .line_small {
    width: auto;
}
#container .line_nopadding_small {
    width: auto;
    padding: 0 0 0 0;
}
#container .middle {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#container .middle .covers {
    width: 940px;
    height: 481px;
    position: relative;
}
#container .middle .covers .item {
    width: 940px;
    height: 481px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#container .middle .covers .item .img {
    width: 938px;
    height: 383px;
    background: left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    border-left: 1px solid #e1d9c8;
    border-top: 1px solid #e1d9c8;
    border-right: 1px solid #e1d9c8;
}
#container .middle .covers .item .txt {
    width: 900px;
    height: 72px;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    color: #010101;
    text-align: center;
    padding: 25px 20px 0 20px;
    background: url(../images/cover_nav.gif) left top no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
#container .middle .covers .item .navigation {
    width: 90px;
    height: 21px;
    padding: 2px 0 0 0;
    background: url(../images/covers_nav.png) left top no-repeat;
    position: absolute;
    top: 372px;
    left: 421px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #7f7f7c;
}
#container .middle .covers .item .navigation a.left,
#container .middle .covers .item .navigation a:hover.left {
    width: 14px;
    height: 13px;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indet: -9999px;
    background: url(../images/cover_left.gif) left top no-repeat;
    position: absolute;
    top: 4px;
    left: 8px;
}
#container .middle .covers .item .navigation a.right,
#container .middle .covers .item .navigation a:hover.right {
    width: 14px;
    height: 13px;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indet: -9999px;
    background: url(../images/cover_right.gif) left top no-repeat;
    position: absolute;
    top: 4px;
    right: 8px;
}
#container .middle .covers .item .navigation a:hover.left,
#container .middle .covers .item .navigation a:hover.right {
    background-position: left bottom;
}
#container .promo {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#container .promo .item {
    width: 218px;
    height: 242px;
    float: left;
    padding: 1px;
    margin: 0 20px 0 0;
    background: url(../images/promo.jpg) left top no-repeat;
    position: relative;
}
#container .promo .item .img {
    width: 218px;
    height: 163px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 25px 0;
}
#container .promo .item .img img {
    width: 218px;
    height: 163px;
}
#container .promo .item .txt {
    width: auto;
    height: 163px;
    font-size: 11px;
    line-height: 15px;
    font-style: italic;
    color: #010101;
    font-style: italic;
    padding: 0 10px;
}
#container .promo .item h3.first {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_1.png) left top no-repeat;
    position: absolute;
    top: 148px;
    left: 42px;
}
#container .promo .item h3.first a,
#container .promo .item h3.first a:hover {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .promo .no {
    margin: 0;
}
#container .products {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#container .products .title {
    width: 457px;
    height: 18px;
    margin: 0 auto 30px auto;
    background: url(../images/title_kollekcio.gif) left top no-repeat;
    position: relative;
}
#container .products .title h2 {
    text-indent: -9999px;
}
#container .products .item {
    width: 218px;
    height: 437px;
    float: left;
    padding: 1px;
    margin: 0 20px 20px 0;
    background: url(../images/product.gif) left top no-repeat;
    position: relative;
}
#container .products .no {
    margin: 0 0 0 0;
}
#container .products .item .code {
    width: 90px;
    height: 20px;
    padding: 3px 0 0 0;
    font-family: "Segoe Ui", Arial, Tahoma;
    background: url(../images/covers_nav.png) left top no-repeat;
    position: absolute;
    top: 348px;
    left: 65px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #7f7f7c;
}
#container .products .item .img {
    width: 218px;
    height: 358px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 15px 0;
    position: relative;
}
#container .products .item .img img {
    width: 218px;
    height: 358px;
}
#container .products .item .img .sale {
    width: 45px;
    height: 27px;
    background: url(../images/icon_sale.png) left top no-repeat;
    position: absolute;
    top: 11px;
    left: -1px;
}
#container .products .item .txt {
    width: auto;
    text-align: center;
    padding: 0 20px 0 20px;
}
#container .products .item .txt h3 {
    width: auto;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    color: #555;
    margin: 0 0 4px 0;
}
#container .products .item .txt h4 {
    width: auto;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #bebebe;
}
#container .products .item .txt .price {
    width: auto;
    padding: 5px 0 0 0;
    font-size: 10px;
    font-style: italic;
    color: #a1a1a1;
}
#container .products .item .txt .price span.old_price {
    text-decoration: line-through;
}
#container .products .item .txt .price span.new_price {
    color: #cb3d3d;
    margin: 0 0 0 6px;
}
#container .line_more {
    width: 940px;
    height: 23px;
    margin: 10px auto 10px auto;
    background: url(../images/line.gif) left top no-repeat;
    position: relative;
}
#container .line_more_smaller {
    width: 700px;
    height: 23px;
    margin: 10px auto 10px auto;
    background: url(../images/line_2.gif) left top no-repeat;
    position: relative;
}
#container .promo .item h3.first {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_1.png) left top no-repeat;
    position: absolute;
    top: 148px;
    left: 42px;
}
#container .promo .item h3.first a,
#container .promo .item h3.first a:hover {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .promo .item h3.second {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_2.png) left top no-repeat;
    position: absolute;
    top: 148px;
    left: 22px;
}
#container .promo .item h3.second a,
#container .promo .item h3.second a:hover {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .promo .item h3.third {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_3.png) left top no-repeat;
    position: absolute;
    top: 148px;
    left: 22px;
}
#container .promo .item h3.third a,
#container .promo .item h3.third a:hover {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .promo .item h3.fourth {
    width: 122px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_4.png) left top no-repeat;
    position: absolute;
    top: 148px;
    left: 46px;
}
#container .promo .item h3.fourth a,
#container .promo .item h3.fourth a:hover {
    width: 122px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .brands {
    width: 940px;
    height: 99px;
    margin: 0 auto 17px auto;
    background: url(../images/brands.gif) left top no-repeat;
    position: relative;
}
#container .brands .items {
    width: 747px;
    height: 55px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    left: 180px;
}
#container .brands .items .scroll {
    width: 3000px;
    height: 55px;
    position: absolute;
    top: 0;
    left: 0;
}
#container .brands .items a.lilly,
#container .brands .items a:hover.lilly {
    width: 141px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    padding: 0 20px;
    background: url(../images/brand_lilly.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.lilly {
    background-position: center bottom;
}

#container .brands .items a.botthof,
#container .brands .items a:hover.botthof {
    width: 199px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    padding: 0 5px;
    background: url(../images/brand_botthof.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.botthof {
    background-position: center bottom;
}
#container .brands .items a.wilvorst,
#container .brands .items a:hover.wilvorst {
    width: 181px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    background: url(../images/brand_wilvorst.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.wilvorst {
    background-position: center bottom;
}
#container .brands .items a.tziacco,
#container .brands .items a:hover.tziacco {
    width: 185px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    background: url(../images/brand_tziacco.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.tziacco {
    background-position: center bottom;
}
#container .brands .items a.atelier,
#container .brands .items a:hover.atelier {
    width: 188px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    background: url(../images/brand_atelier.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.atelier {
    background-position: center bottom;
}
#container .brands .items a.olymp,
#container .brands .items a:hover.olymp {
    width: 188px;
    height: 55px;
    float: left;
    text-indent: -9999px;
    display: block;
    background: url(../images/brand_olymp.gif) center top no-repeat;
    border-right: 1px solid #e2d8c6;
}
#container .brands .items a:hover.olymp {
    background-position: center bottom;
}
#container .social {
    width: 940px;
    height: 23px;
    margin: 0 auto 0 auto;
    background: url(../images/social.gif) left top no-repeat;
    position: relative;
}
#container #footer {
    width: 980px;
    padding: 30px 0 0 0;
    margin: 0 auto;
    background: url(../images/line_footer.gif) left top repeat-x;
    position: relative;
}
#container #footer .links {
    width: 940px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    background: url(../images/footer.gif) left top no-repeat;
    position: relative;
}
#container #footer .links .item {
    width: 220px;
    float: left;
    margin: 0 20px 0 0;
}
#container #footer .links .no {
    margin: 0 0 0 0;
}
#container #footer .links .item .head {
    width: auto;
    height: 40px;
    margin: 0 0 25px 0;
    text-align: center;
}
#container #footer .links .item .head h4 {
    font-size: 12px;
    font-style: italic;
    color: #858585;
    text-transform: uppercase;
    padding: 7px 0 0 0;
}
#container #footer .links .item .txt {
    width: auto;
    font-size: 12px;
    line-height: 18px;
    color: #858585;
    padding: 0 10px;
}
#container #footer .links .item .txt p {
    margin: 0;
    padding: 0;
}
#container #footer .links .item .txt ul {
    width: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#container #footer .links .item .txt ul li {
    padding: 0;
    margin: 0 0 7px 0;
}
#container #footer .links .item .txt ul li a,
#container #footer .links .item .txt ul li a:hover {
    text-decoration: none;
    font-size: 12px;
    color: #858585;
    padding: 0 0 0 15px;
    background: url(../images/circle.gif) left 4px no-repeat;
}
#container #footer .links .item .txt ul li a:hover {
    text-decoration: underline;
}

#container #footer .links_bottom {
    width: 940px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    background: url(../images/footer_bottom.gif) left top no-repeat;
    position: relative;
}
#container .copyright {
    width: auto;
    color: #555;
    font-family: Georgia, Arial, Tahoma;
    font-size: 10px;
    font-style: italic;
    text-align: center;
    padding: 0 0 20px 0;
}
#container .copyright a,
#container .copyright a:hover {
    color: #555;
    text-decoration: none;
}
#container .copyright a:hover {
    text-decoration: underline;
}


#container .brand_list {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#container .brand_list .title {
    width: 940px;
    height: 54px;
    margin: 0 auto 20px auto;
    background: url(../images/head_markaink.gif) center 8px no-repeat;
    position: relative;
    border-bottom: 1px solid #f0e9da;
}
#container .brand_list .kollekciok {
    background: url(../images/head_kollekciok.gif) center 8px no-repeat;
}
#container .brand_list .partnerek {
    background: url(../images/head_partnerek.gif) center 8px no-repeat;
}
#container .brand_list .title h2 {
    text-indent: -9999px;
}
#container .brand_list .holder {
    width: 940px;
    background: url(../images/brand_list.gif) left top no-repeat;
}
#container .brand_list .holder .item {
    width: 450px;
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #f0e9da;
}
#container .brand_list .holder .right {
    float: right;
}
#container .brand_list .holder .item .img {
    width: 198px;
    height: 131px;
    float: left;
    font-size: 0;
    line-height: 0;
    border: 1px solid #f0e9da;
}
#container .brand_list .holder .item .img img {
    width: 198px;
    height: 131px;
}
#container .brand_list .holder .item .txt {
    width: 230px;
    padding: 8px 0 0 0;
    color: #646464;
    float: right;
}
#container .brand_list .holder .item .txt h3 {
    width: auto;
    font-size: 14px;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
    color: #000;
    margin: 0 0 11px 0;
}
#container .brand_list .holder .item .txt p {
    margin: 0 0 7px 0;
}
#container .brand_list .holder .item .txt a.more,
#container .brand_list .holder .item .txt a:hover.more {
    font-size: 10px;
    font-style: italic;
    color: #878787;
}
#container .brand_list .holder .item .txt a:hover.more {
    color: #666;
}
#container .brand_list .bottom {
    width: 940px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    background: url(../images/brand_list_bottom.gif) left top no-repeat;
}


#container .catalog {
    width: 940px;
    margin: 0 auto;
    position: relative;
}
#container .catalog .title {
    width: 940px;
    height: 54px;
    margin: 0 auto 20px auto;
    background: url(../images/title_katalogus.gif) center 8px no-repeat;
    position: relative;
    border-bottom: 1px solid #f0e9da;
}
#container .catalog .title h2 {
    text-indent: -9999px;
}
#container .catalog .item {
    width: 458px;
    height: 247px;
    padding: 1px;
    float: left;
    margin: 0 0 20px 0;
    background: url(../images/catalog.gif) left top no-repeat;
    position: relative;
}
#container .catalog .no {
    float: right;
}
#container .catalog .item .img {
    width: 458px;
    height: 187px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 25px 0;
}
#container .catalog .item .img img {
    width: 458px;
    height: 187px;
}
#container .catalog .item .txt {
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #010101;
    text-align: center;
    padding: 0 10px;
}
#container .catalog .item h3.first {
    width: 130px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/catalog_title_1.png) left top no-repeat;
    position: absolute;
    top: 171px;
    left: 168px;
}
#container .catalog .item h3.first a,
#container .catalog .item h3.first a:hover {
    width: 130px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .catalog .item h3.second {
    width: 110px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/catalog_title_2.png) left top no-repeat;
    position: absolute;
    top: 171px;
    left: 176px;
}
#container .catalog .item h3.second a,
#container .catalog .item h3.second a:hover {
    width: 110px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .catalog .item h3.third {
    width: 141px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/catalog_title_3.png) left top no-repeat;
    position: absolute;
    top: 171px;
    left: 162px;
}
#container .catalog .item h3.third a,
#container .catalog .item h3.third a:hover {
    width: 141px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .catalog .item h3.fourth {
    width: 111px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/catalog_title_4.png) left top no-repeat;
    position: absolute;
    top: 171px;
    left: 176px;
}
#container .catalog .item h3.fourth a,
#container .catalog .item h3.fourth a:hover {
    width: 111px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .subpage {
    width: 940px;
    margin: 0 auto;
}
#container .subpage .read_main {
    width: 680px;
    float: left;
    font-size: 13px;
    line-height: 19px;
    color: #000;
    padding: 0 0 15px 0;
}
#container .subpage .read_main #tabs {
    width: 680px;
    height: 50px;
    position: relative;
    margin: 0 0 15px 0;
}
#container .subpage .read_main .head {
    width: 680px;
    height: 46px;
    margin: 0 0 18px 0;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .read_main .head h1 {
    width: 680px;
    height: 46px;
    display: block;
    text-indent: -9999px;
}
#container .subpage .read_main .head h1.blog {
    background: url(../images/head_blog.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.szalon {
    background: url(../images/head_szalon.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.szmoking {
    background: url(../images/head_szmoking.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.nagykereskedelem {
    background: url(../images/head_nagykereskedelem.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.szolgaltatasok {
    background: url(../images/head_szolgaltatasok.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.katalogusok {
    background: url(../images/head_katalogusok.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.kapcsolat {
    background: url(../images/head_kapcsolat.gif) center top no-repeat;
}
#container .subpage .read_main .head h1.partnerek {
    background: url(../images/head_partnerek.gif) center top no-repeat;
}
#container .subpage .read_main .map {
    width: 678px;
    height: 380px;
    border: 1px solid #e1d9c8;
    margin: 0 0 35px 0;
}
#container .subpage .read_main .left,
#container .subpage .read_main .right {
    width: 320px;
    float: left;
}
#container .subpage .read_main .right {
    float: right;
}
#container .subpage .read_main .contact {
    width: 680px;
    margin: 0 0 35px 0;
    font-size: 13px;
    line-height: 18px;
    background: url(../images/contact.gif) left top no-repeat;
}
#container .subpage .read_main .contact .bottom {
    width: 680px;
    height: 5px;
    font-size: 0;
    line-height: 0;
    background: url(../images/contact_bottom.gif) left top no-repeat;
}
#container .subpage .read_main .contact .left {
    width: 290px;
    float: left;
    padding: 40px 0 0 20px;
}
#container .subpage .read_main .contact .left_no {
    width: 290px;
    float: left;
    padding: 20px 0 0 20px;
}
#container .subpage .read_main .contact .right {
    width: 310px;
    float: right;
    padding: 20px 0 0 0;
}
#container .subpage .read_main .contact table {
    width: 310px;
    margin: 0 0 15px 0;
}
#container .subpage .read_main .contact table tr td {
    padding: 0 5px 6px 5px;
}
#container .subpage .read_main .contact span {
    font-style: italic;
    color: #9e9e9e;
}
#container .subpage .read_main .contact-form {
    width: 680px;
}
#container .subpage .read_main .contact-form label {
    width: 186px;
    padding: 6px 20px 0 0;
    display: block;
    float: left;
    text-align: right;
    font-style: italic;
    font-size: 13px;
    line-height: 15px;
    color: #9e9e9e;
}
#container .subpage .read_main .contact-form input.input {
    width: 279px;
    height: 33px;
    float: left;
    font-size: 13px;
    font-family: Georgia, Arial, Tahoma;
    padding: 0 10px 0 10px;
    margin: 0 0 10px 0;
    border: 0;
    background: url(../images/input_contact.gif) left top no-repeat;
}
#container .subpage .read_main .contact-form .textfield {
    width: 279px;
    height: 160px;
    float: left;
    font-size: 13px;
    font-family: Georgia, Arial, Tahoma;
    padding: 10px;
    margin: 0 0 10px 0;
    border: 0;
    overflow: hidden;
    background: url(../images/textfield_contact.gif) left top no-repeat;
}
#container .subpage .read_main .catalogs {
    width: 680px;
}
#container .subpage .read_main .catalogs .top {
    width: 680px;
    height: 9px;
    font-size: 0;
    line-height: 0;
    background: url(../images/catalog_top.jpg) left top no-repeat;
}
#container .subpage .read_main .catalogs .row {
    width: 610px;
    height: 327px;
    padding: 29px 0 0 70px;
    font-size: 0;
    line-height: 0;
    background: url(../images/catalog.jpg) left top no-repeat;
}
#container .subpage .read_main .catalogs .row .item {
    width: 245px;
    height: 318px;
    font-size: 0;
    line-height: 0;
    float: left;
    margin: 0 70px 0 0;
    background: url(../images/catalog_item.png) left top no-repeat;
}
#container .subpage .read_main .catalogs .row .no {
    margin: 0 0 0 0;
}
#container .subpage .read_main .pager {
    width: 610px;
    height: 23px;
    padding: 0 0 0 30px;
    margin: 0 auto;
    background: url(../images/pager_small.gif) left top no-repeat;
    position: relative;
}
#container .subpage .read_main .pager a,
#container .subpage .read_main .pager a:hover {
    width: 37px;
    height: 22px;
    padding: 1px 0 0 0;
    color: #797979;
    text-decoration: none;
    display: block;
    text-align: center;
    background: url(../images/page.gif) left top no-repeat;
    float: left;
}
#container .subpage .read_main .pager a:hover {
    color: #333;
}
#container .subpage .read_main .entry {
    width: auto;
    padding: 0 0 35px 0;
    margin: 0 0 18px 0;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .read_main .entry a.more,
#container .subpage .read_main .entry a:hover.more {
    font-size: 12px;
    font-style: italic;
    color: #878787;
    padding: 0 10px;
}
#container .subpage .read_main .entry a:hover.more {
    color: #7e3f67;
}
#container .subpage .read_main img.img {
    width: 678px;
    border: 1px solid #e1d9c8;
    margin: 0 0 20px 0;
}
#container .subpage .read_main ul {
    width: auto;
    padding: 0 0 0 0;
    margin: 0 0 0 40px;
    list-style-type: circle;
}
#container .subpage .read_main ul li {
    margin: 0 0 5px 0;
}
#container .subpage .read_main p {
    padding: 0 10px;
    margin: 0 0 20px 0;
}
#container .subpage .read_main p.italic {
    font-weight: bold;
    font-style: italic;
}
#container .subpage .read_main a,
#container .subpage .read_main a:hover {
    font-style: italic;
}
#container .subpage .read_main h2 {
    width: auto;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}
#container .subpage .read_main h3 {
    width: auto;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-style: italic;
    padding: 30px 0 17px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .read_sidebar {
    width: 220px;
    float: right;
}
#container .subpage .read_sidebar .item {
    width: 218px;
    height: 242px;
    padding: 1px;
    margin: 0 0 20px 0;
    background: url(../images/box_sidebar.gif) left top no-repeat;
    position: relative;
}
#container .subpage .read_sidebar .item .img {
    width: 218px;
    height: 163px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 25px 0;
}
#container .subpage .read_sidebar .img img {
    width: 218px;
    height: 163px;
}
#container .subpage .read_sidebar .item .txt {
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #6c6c69;
    text-align: center;
    padding: 0 10px;
}
#container .subpage .read_sidebar .item h3.szalon {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_1.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 43px;
}
#container .subpage .read_sidebar .item h3.szalon a,
#container .subpage .read_sidebar .item h3.szalon a:hover {
    width: 133px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .subpage .read_sidebar .item h3.szolgaltatasaink {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_3.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 26px;
}
#container .subpage .read_sidebar .item h3.szolgaltatasaink a,
#container .subpage .read_sidebar .item h3.szolgaltatasaink a:hover {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .subpage .read_sidebar .item h3.termekkatalogus {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_2.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 26px;
}
#container .subpage .read_sidebar .item h3.termekkatalogus a,
#container .subpage .read_sidebar .item h3.termekkatalogus a:hover {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .subpage .read_sidebar .item h3.kapcsolat {
    width: 122px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_4.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 49px;
}
#container .subpage .read_sidebar .item h3.kapcsolat a,
#container .subpage .read_sidebar .item h3.kapcsolat a:hover {
    width: 176px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .subpage .read_sidebar .item h3.gyerekeknek {
    width: 141px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/catalog_title_3.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 42px;
}
#container .subpage .read_sidebar .item h3.gyerekeknek a,
#container .subpage .read_sidebar .item h3.gyerekeknek a:hover {
    width: 141px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .subpage .read_sidebar .item h3.nagykereskedelem {
    width: 178px;
    height: 33px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_5.png) left top no-repeat;
    position: absolute;
    top: 149px;
    left: 23px;
}
#container .subpage .read_sidebar .item h3.nagykereskedelem a,
#container .subpage .read_sidebar .item h3.nagykereskedelem a:hover {
    width: 178px;
    height: 33px;
    display: block;
    text-indent: -9999px;
}


#container .subpage .breadcrumb,
#container .subpage .read_main .breadcrumb {
    width: 930px;
    height: 19px;
    padding: 5px 0 0 10px;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    margin: 0 auto 20px auto;
    border-top: 1px solid #f0e9da;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .read_main .breadcrumb {
    width: 670px;
}
#container .subpage .breadcrumb a,
#container .subpage .breadcrumb a:hover,
#container .subpage .read_main .breadcrumb a,
#container .subpage .read_main .breadcrumb a:hover {
    color: #9b9a99;
    text-decoration: none;
}
#container .subpage .breadcrumb a:hover,
#container .subpage .read_main .breadcrumb a:hover {
    text-decoration: underline;
}
#container .subpage .breadcrumb img,
#container .subpage .read_main .breadcrumb img {
    margin: 0 5px;
}
#container .subpage .sidebar {
    width: 210px;
    float: left;
    background: url(../images/sidebar.gif) left bottom no-repeat;
}
#container .subpage .sidebar .box {
    width: 210px;
    float: left;
    border-bottom: 1px solid #f0e9da;
    padding: 0 0 20px 0;
    margin: 0 0 27px 0;
}
#container .subpage .sidebar .box .attribute {
    width: auto;
    margin: 0 0 5px 0;
    font-size: 12px;
}
#container .subpage .sidebar .no {
    border: 0;
    margin: 0 0 7px 0;
}
#container .subpage .sidebar .box .head {
    width: 210px;
    height: 16px;
    margin: 0 0 20px 0;
}
#container .subpage .sidebar .box .head h3 {
    width: 210px;
    height: 16px;
    display: block;
    text-indent: -9999px;
}
#container .subpage .sidebar .box .head h3.category {
    background: url(../images/sidebar_title_category.gif) left top no-repeat;
}
#container .subpage .sidebar .box .head h3.collections {
    background: url(../images/sidebar_title_collections.gif) left top no-repeat;
}
#container .subpage .sidebar .box .head h3.brand {
    background: url(../images/sidebar_title_brand.gif) left top no-repeat;
}
#container .subpage .sidebar .box .head h3.sizes {
    background: url(../images/sidebar_title_sizes.gif) left top no-repeat;
}
#container .subpage .sidebar .box ul {
    width: 210px;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 14px;
    list-style-type: none;
}
#container .subpage .sidebar .box ul li {
    width: 210px;
    display: block;
	line-height: 16px;
    padding: 0;
    margin: 0 0 8px 0;
}
#container .subpage .sidebar .box ul li a,
#container .subpage .sidebar .box ul li a:hover {
    width: 200px;
    padding: 4px 0 4px 10px;
    display: block;
    color: #8c8c8c;
    text-decoration: none;
}
#container .subpage .sidebar .box ul li a:hover {
    /*background: url(../images/list_hovers.gif) left top no-repeat;*/
	background: #fcf8ef;
}
#container .subpage .sidebar .box ul li a.on,
#container .subpage .sidebar .box ul li a:hover.on {
    color: #fff;
    /*background: url(../images/list_hovers.gif) left bottom no-repeat;*/
	background: #8b4f75;
}


#container .subpage .sidebar .box .left,
#container .subpage .sidebar .box .right {
    width: 75px;
    float: left;
    font-size: 13px;
    color: #8c8c8c;
    padding: 10px 0 0 10px;
}
#container .subpage .sidebar .box .right {
    float: right;
    padding: 10px 10px 0 0;
}
#container .subpage .sidebar .box span.check-holder {
    width: auto;
    display: block;
    float: left;
    margin: 0 0 6px 8px;
}
#container .subpage .sidebar .box label {
    width: 35px;
    display: block;
    float: left;
    margin: 3px 0 0 6px;
    color: #9a9a9a;
}


#container .subpage .main {
    width: 700px;
    float: right;
}
#container .subpage .main .cat_img {
    width: 698px;
    height: 182px;
    padding: 1px;
    margin: 0 0 20px 0;
    background: url(../images/cat_img.gif) left top no-repeat;
}
#container .subpage .main .cat_img .img {
    width: 698px;
    height: 153px;
    font-size: 0;
    line-height: 0;
}
#container .subpage .main .cat_img .img img {
    width: 698px;
    height: 153px;
}
#container .subpage .main .cat_img h2 {
    width: auto;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #000;
    text-transform: uppercase;
    padding: 6px 0 0 0;
}
#container .subpage .main .filter {
    width: auto;
    height: 32px;
    padding: 16px 0 0 20px;
    margin: 0 0 20px 0;
    border-top: 1px solid #f0e9da;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .main .filter a,
#container .subpage .main .filter a:hover {
    font-size: 11px;
    line-height: 14px;
    color: #797979;
    margin: 0 25px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
#container .subpage .main .filter a:hover {
    color: #000;
}
#container .subpage .main .filter a.name,
#container .subpage .main .filter a:hover.name {
    padding: 0 0 0 22px;
    background: url(../images/sort_name.gif) left 5px no-repeat;
}
#container .subpage .main .filter a.price,
#container .subpage .main .filter a:hover.price {
    padding: 0 0 0 14px;
    background: url(../images/sort_price.gif) left 1px no-repeat;
}
#container .subpage .main .pager {
    width: 670px;
    height: 23px;
    padding: 0 0 0 30px;
    background: url(../images/pager.gif) left top no-repeat;
    position: relative;
}
#container .subpage .main .pager a,
#container .subpage .main .pager a:hover {
    width: 37px;
    height: 20px;
    padding: 3px 0 0 0;
    color: #797979;
    text-decoration: none;
    display: block;
    text-align: center;
    background: url(../images/page.gif) left top no-repeat;
    float: left;
}
#container .subpage .main .pager a:hover {
    color: #333;
}


#container .subpage .main .covers {
    width: 700px;
    height: 594px;
    position: relative;
    margin: 0 0 20px 0;
}
#container .subpage .main .covers .item {
    width: 700px;
    height: 594px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#container .subpage .main .covers .item .img {
    width: 698px;
    height: 509px;
    background: left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
    line-height: 0;
    border-left: 1px solid #e1d9c8;
    border-top: 1px solid #e1d9c8;
    border-right: 1px solid #e1d9c8;
}
#container .subpage .main .covers .item .txt {
    width: 660px;
    height: 59px;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
    color: #010101;
    text-align: center;
    padding: 25px 20px 0 20px;
    background: url(../images/cover_nav_smaller.gif) left top no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}
#container .subpage .main .covers .item .navigation {
    width: 90px;
    height: 21px;
    padding: 2px 0 0 0;
    background: url(../images/covers_nav.png) left top no-repeat;
    position: absolute;
    top: 497px;
    left: 303px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #7f7f7c;
}
#container .subpage .main .covers .item .navigation a.left,
#container .subpage .main .covers .item .navigation a:hover.left {
    width: 14px;
    height: 13px;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indet: -9999px;
    background: url(../images/cover_left.gif) left top no-repeat;
    position: absolute;
    top: 4px;
    left: 8px;
}
#container .subpage .main .covers .item .navigation a.right,
#container .subpage .main .covers .item .navigation a:hover.right {
    width: 14px;
    height: 13px;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indet: -9999px;
    background: url(../images/cover_right.gif) left top no-repeat;
    position: absolute;
    top: 4px;
    right: 8px;
}
#container .subpage .main .covers .item .navigation a:hover.left,
#container .subpage .main .covers .item .navigation a:hover.right {
    background-position: left bottom;
}


#container .subpage .main .list {
    width: 700px;
}
#container .subpage .main .list .item {
    width: 218px;
    height: 437px;
    float: left;
    padding: 1px;
    margin: 0 20px 20px 0;
    background: url(../images/product.gif) left top no-repeat;
    position: relative;
}
#container .subpage .main .list .no {
    margin: 0 0 0 0;
}
#container .subpage .main .list .item .code {
    width: 90px;
    height: 20px;
    padding: 3px 0 0 0;
    font-family: "Segoe Ui", Arial, Tahoma;
    background: url(../images/covers_nav.png) left top no-repeat;
    position: absolute;
    top: 348px;
    left: 65px;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #7f7f7c;
}
#container .subpage .main .list .item .img {
    width: 218px;
    height: 358px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 15px 0;
    position: relative;
}
#container .subpage .main .list .item .img img {
    width: 218px;
    height: 358px;
}
#container .subpage .main .list .item .img .sale {
    width: 45px;
    height: 27px;
    background: url(../images/icon_sale.png) left top no-repeat;
    position: absolute;
    top: 11px;
    left: -1px;
}
#container .subpage .main .list .item .txt {
    width: auto;
    text-align: center;
    padding: 0 20px 0 20px;
}
#container .subpage .main .list .item .txt h3 {
    width: auto;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    color: #555;
    margin: 0 0 3px 0;
}
#container .subpage .main .list .item .txt h4 {
    width: auto;
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #bebebe;
}
#container .subpage .main .list .item .txt .price {
    width: auto;
    padding: 5px 0 0 0;
    font-size: 10px;
    font-style: italic;
    color: #a1a1a1;
}
#container .subpage .main .list .item .txt .price span.old_price {
    text-decoration: line-through;
}
#container .subpage .main .list .item .txt .price span.new_price {
    color: #cb3d3d;
    margin: 0 0 0 6px;
}
#container .two_boxes {
    width: 940px;
    margin: 0 auto;
}
#container .two_boxes .item {
    width: 460px;
    height: 271px;
    float: left;
    background: url(../images/promo_big.jpg) left top no-repeat;
    position: relative;
}
#container .two_boxes .no {
    float: right;
}
#container .two_boxes .item .img {
    width: 458px;
    height: 213px;
    padding: 1px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 17px 0;
}
#container .two_boxes .item .img img {
    width: 458px;
    height: 213px;
}
#container .two_boxes .item .txt {
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #010101;
    text-align: center;
    padding: 0 30px;
}
#container .two_boxes .item h3.first {
    width: 128px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_big_1.png) left top no-repeat;
    position: absolute;
    top: 197px;
    left: 168px;
}
#container .two_boxes .item h3.first a,
#container .two_boxes .item h3.first a:hover {
    width: 130px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .two_boxes .item h3.second {
    width: 131px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/promo_title_big_2.png) left top no-repeat;
    position: absolute;
    top: 197px;
    left: 171px;
}
#container .two_boxes .item h3.second a,
#container .two_boxes .item h3.second a:hover {
    width: 110px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured {
    width: 700px;
    margin: 0 auto 20px auto;
}
#container .featured .item {
    width: 340px;
    height: 184px;
    float: left;
    background: url(../images/featured.gif) left top no-repeat;
    position: relative;
}
#container .featured .no {
    float: right;
}
#container .featured .item .img {
    width: 338px;
    height: 133px;
    padding: 1px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 25px 0;
}
#container .featured .item .img img {
    width: 338px;
    height: 133px;
}
#container .featured .item .txt {
    width: auto;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    color: #010101;
    text-align: center;
    padding: 0 10px;
}
#container .featured .item h3.first {
    width: 185px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_1.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 81px;
}
#container .featured .item h3.first a,
#container .featured .item h3.first a:hover {
    width: 130px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}
#container .featured .item h3.second {
    width: 209px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_2.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 64px;
}
#container .featured .item h3.second a,
#container .featured .item h3.second a:hover {
    width: 110px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.pure {
    width: 160px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_pure.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 90px;
}
#container .featured .item h3.pure a,
#container .featured .item h3.pure a:hover {
    width: 160px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.mruha {
    width: 213px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_mruha.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 63px;
}
#container .featured .item h3.mruha a,
#container .featured .item h3.mruha a:hover {
    width: 213px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.worthersee {
    width: 161px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_worthersee.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 90px;
}
#container .featured .item h3.worthersee a,
#container .featured .item h3.worthersee a:hover {
    width: 161px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.sylt {
    width: 108px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_sylt.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 116px;
}
#container .featured .item h3.sylt a,
#container .featured .item h3.sylt a:hover {
    width: 108px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.bebi {
    width: 125px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_bebi.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 107px;
}
#container .featured .item h3.bebi a,
#container .featured .item h3.bebi a:hover {
    width: 125px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .featured .item h3.koszoruslany {
    width: 196px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    background: url(../images/featured_title_koszorus.png) left top no-repeat;
    position: absolute;
    top: 117px;
    left: 72px;
}
#container .featured .item h3.koszoruslany a,
#container .featured .item h3.koszoruslany a:hover {
    width: 196px;
    height: 32px;
    display: block;
    text-indent: -9999px;
}

#container .subpage .card {
    width: 940px;
    margin: 0 auto;
}
#container .subpage .card .images {
    width: 571px;
    height: 670px;
    padding: 1px;
    float: left;
    background: url(../images/card.gif) left top no-repeat;
    position: relative;
}
#container .subpage .card .images .big {
    width: 571px;
    height: 571px;
    font-size: 0;
    line-height: 0;
    background: #fff;
}
#container .subpage .card .images .big table {
    width: 571px;
    height: 571px;
}
#container .subpage .card .thumbs {
    width: 550px;
    height: 70px;
    position: absolute;
    bottom: 11px;
    left: 11px;
    overflow: hidden;
}
#container .subpage .card .thumbs .img {
    width: 68px;
    height: 68px;
    font-size: 0;
    line-height: 0;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #d7cdb8;
    position: relative;
}
#container .subpage .card .thumbs .no {
    margin: 0;
}
#container .subpage .card .thumbs .img img {
    width: 68px;
    height: 68px;
}
#container .subpage .card .thumbs .img .mask {
    width: 68px;
    height: 68px;
    background: url(../images/mask.png) left top no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
#container .subpage .card .prices {
    width: auto;
    line-height: 22px;
    padding: 0 0 20px 0;
}
#container .subpage .card .prices span {
    font-weight: normal;
    color: #333;
}
#container .subpage .card .prices span.old_price {
    text-decoration: line-through;
}
#container .subpage .card .prices span.new_price {
    color: #aa0000;
}
#container .subpage .card .form {
    width: 337px;
    height: 43px;
    padding: 20px 0 0 0;
    border-top: 1px solid #f0e9da;
    border-bottom: 1px solid #f0e9da;
    background: url(../images/card_form.gif) left top no-repeat;
}
#container .subpage .card .share {
    width: 337px;
    height: 30px;
    padding: 18px 0 0 0;
    margin: 0 0 20px 0;
    text-align: center;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .card .share a,
#container .subpage .card .share a:hover {
    font-size: 11px;
    line-height: 12px;
    color: #6d6d6d;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 0 11px;
    margin: 0 7px;
    background: url(../images/circle_2.gif) left 4px no-repeat;
}
#container .subpage .card .share a:hover {
    color: #333;
}
#container .subpage .card .txt {
    width: 337px;
    float: right;
    font-size: 13px;
    line-height: 18px;
    color: #8c8c8c;
}
#container .subpage .card .txt a.prev,
#container .subpage .card .txt a:hover.prev {
    width: 39px;
    height: 23px;
    float: left;
    display: block;
    text-indent: -9999px;
    margin: 0 10px 0 0;
    background: url(../images/card_prev.gif) left top no-repeat;
}
#container .subpage .card .txt a:hover.prev {
    background-position: left bottom;
}
#container .subpage .card .txt a.next,
#container .subpage .card .txt a:hover.next {
    width: 39px;
    height: 23px;
    float: left;
    display: block;
    text-indent: -9999px;
    background: url(../images/card_next.gif) left top no-repeat;
}
#container .subpage .card .txt a:hover.next {
    background-position: left bottom;
}
#container .subpage .card .txt p {
    margin: 0 0 15px 0;
}
#container .subpage .card .txt .code {
    width: 90px;
    height: 21px;
    padding: 2px 0 0 0;
    margin: 0 0 15px 0;
    font-family: "Segoe Ui", Arial, Tahoma;
    background: url(../images/covers_nav.png) left top no-repeat;
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #7f7f7c;
}
#container .subpage .card .txt h2 {
    width: auto;
    font-size: 20px;
    font-style: italic;
    color: #555;
    font-weight: normal;
    margin: 0 0 3px 0;
}
#container .subpage .card .txt h3 {
    width: auto;
    font-size: 16px;
    font-style: italic;
    color: #9b9a99;
    font-weight: normal;
    margin: 0 0 15px 0;
}
#container .subpage .card .txt h3 a,
#container .subpage .card .txt h3 a:hover {
    color: #9b9a99;
    text-decoration: none;
}
#container .subpage .card .txt h3 a:hover {
    text-decoration: underline;
}
#container .subpage .card .more {
    width: 337px;
    border-top: 1px solid #f0e9da;
}
#container .subpage .card .more a,
#container .subpage .card .more a:hover {
    width: 327px;
    height: 29px;
    display: block;
    padding: 10px 0 0 10px;
    text-decoration: none;
    font-size: 11px;
    font-style: italic;
    color: #6d6d6d;
    border-bottom: 1px solid #f0e9da;
}
#container .subpage .card .more a:hover {
    background: url(../images/more.gif) left top no-repeat;
}

.status {
	width: auto;
	font-size: 12px;
	line-height: 15px;
	color: #000;
	text-align: center;
	padding: 13px 10px;
	margin: 0 0 20px 0;
}
.status p {
	padding: 0;
	margin: 0 0 2px 0;
}
.error {
	background: #f57676;
	border: 1px solid #ff1b03;
}
.ok {
	background: #86f575;
	border: 1px solid #0fa100;
}