/* File: /style/style.css Created @ 2010/05/12 15:20 Last modified @ 2011/06/02 14:19 */ /* -------------------- - CSS reset -------- -------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } body { margin: 0; padding: 0; color: #000; background-color: #fff; font: normal normal 12px/14px Verdana, Arial; } img { border: none; } /* -------------------- - Közös rész ------- -------------------- */ a:link { color: #E308C8; text-decoration: none; } a:visited { color: #E308C8; text-decoration: none; } a:hover { color: #E308C8; text-decoration: underline; } .magenta-link { padding: 2px 23px 2px 0; background: url(link_arrow_magenta.png) no-repeat right center; } .magenta-backlink { padding: 2px 0px 2px 23px; background: url(link_back-arrow_magenta.png) no-repeat left center; } .green-link { padding: 2px 23px 2px 0; background: url(link_arrow_green.png) no-repeat right center; } .thumbnail { float: left; margin: 5px; } .thumbnail img { border: #89D300 1px solid; } .thumbnail:hover img { border: #8BC539 1px solid; } .button1 { display: inline-block; float: left; height: 20px; margin: 0 10px 0 0; padding: 0 7px 0 0; color: #fff; background: url(button1_bg.png) no-repeat 0px 0px; border: none; cursor: pointer; font-size: 0; line-height: 0; } .button1:hover { background: url(button1_bg.png) no-repeat 0px 0px; } .button1 button, .button1 a { float: left; width: auto; height: 20px; padding: 0 10px 1px 0; position: relative; left: 9px; overflow: visible; color: #ffffff !important; background-image: url(button1_bg.png); background-color: transparent; background-position: 100% 0px; background-repeat: no-repeat; border: none; cursor: pointer; font: normal bold 11px/20px Verdana, Arial !important; letter-spacing: 0px; white-space: nowrap; } .button1:hover button, .button1:hover a { background-position: 100% 0px; text-decoration: underline; } *html .button1 button, *html .button1 a { line-height: 14px; } /* IE6 gomb alsó kinyúlás miatt */ .button2 { display: inline-block; float: left; height: 20px; margin: 0; padding: 0 7px 0 0; color: #fff; background: url(button2_bg.png) no-repeat 0px 0px; border: none; cursor: pointer; font-size: 0; line-height: 0; } .button2:hover { background: url(button2_bg.png) no-repeat 0px 0px; } .button2 button, .button2 a { float: left; width: auto; height: 20px; padding: 0 10px 1px 0; position: relative; left: 9px; overflow: visible; color: #ffffff !important; background-image: url(button2_bg.png); background-color: transparent; background-position: 100% 0px; background-repeat: no-repeat; border: none; cursor: pointer; font: normal bold 11px/20px Verdana, Arial !important; letter-spacing: 0px; white-space: nowrap; } .button2:hover button, .button2:hover a { background-position: 100% 0px; text-decoration: underline; } *html .button2 button, *html .button2 a { line-height: 14px; } /* IE6 gomb alsó kinyúlás miatt */ .minimano { float: left; width: 100%; height: 100%; z-index: 3; } #customerServiceBoxBig { display: block; width: 188px; height: 153px; position: fixed; bottom: 0px; right: 0px; background: url(button_customerservice_big.png) no-repeat top left; text-indent: -5000px; z-index: 100; } #customerServiceBoxBig .open { display: block; width: 128px; height: 153px; position: absolute; top: 0px; left: 60px; text-indent: -5000px; } #customerServiceBoxBig .close { display: block; width: 45px; height: 45px; position: absolute; top: 105px; left: 0px; text-indent: -5000px; } #customerServiceBoxSmall { display: block; width: 93px; height: 40px; position: absolute; bottom: 35px; right: 20px; background: url(button_customerservice_small.png) no-repeat top left; text-indent: -5000px; } *html #customerServiceBoxBig { display: none; } .hidden { display: none !important; } .no-border { border: none !important; } .errorBox { padding: 20px 0; } .errorBox h2 { color: #4d952a !important; font-size: 16px !important; } .errorBox { color: #4d952a !important; } .tag { color: #4D962B !important; } .tag1 { font: normal normal 11px/18px Verdana, Arial !important; } .tag2 { font: normal normal 13px/18px Verdana, Arial !important; } .tag3 { font: normal normal 15px/18px Verdana, Arial !important; } .tag4 { font: normal normal 17px/18px Verdana, Arial !important; } .tag5 { font: normal normal 19px/18px Verdana, Arial !important; } .tag6 { font: normal normal 21px/18px Verdana, Arial !important; } .tag7 { font: normal normal 23px/18px Verdana, Arial !important; } .tag8 { font: bold normal 25px/18px Verdana, Arial !important; } .tag9 { font: bold normal 27px/18px Verdana, Arial !important; } .tag10 { font: bold normal 29px/18px Verdana, Arial !important; } /* -------------------- - Fejléc ----------- -------------------- */ .header { width: 100%; height: 110px; background: url(menu_bg_rx.png) repeat-x bottom left; } .headerInner { width: 980px; margin: 0 auto; position: relative; z-index: 100; } .headerInner a.logo { display: block; width: 154px; height: 44px; position: absolute; top: 5px; background: url(logo.gif) no-repeat top left; text-indent: -5000px; } span.stat { color: #88BD26; position: absolute; top: 53px; font: normal normal 11px/13px Verdana, Arial; } span.stat strong { color: #78C01F; } .searchBox { width: 227px; height: 25px; position: absolute; top: 15px; left: 175px; background: url(search_bg.png) no-repeat top left; } .searchBox .it { display: block; width: 180px; height: 17px; position: absolute; top: 3px; left: 9px; border: none; color: #000; background: transparent; font: normal normal 11px/16px Verdana, Arial; } .searchBox .button { display: block; width: 18px; height: 18px; position: absolute; top: 3px; left: 200px; border: none; background: transparent; cursor: pointer; } .loginBox { width: 510px; height: 70px; position: absolute; top: 2px; left: 460px; } .loginBox form p { display: block; float: left; width: 150px; padding: 2px 0; } .loginBox form .title { width: auto; padding: 19px 5px 15px 0; color: #88C637; } .loginBox form label { display: block; clear: left; color: #939393; padding: 0px 5px 3px 5px; font: normal normal 11px/12px Verdana, Arial; } .loginBox form .submit { display: block; width: auto !important; padding: 0 !important; float: left; position: relative; top: 16px; } .loginBox .it { display: block; float: left; width: 146px; height: 21px; position: relative; background: url(login_inputbox_bg.png) no-repeat top left; font-size: 0px; line-height: 0px; } .loginBox .it input { display: block; float: left; width: 125px; height: 18px; position: absolute; top: 0px; left: 10px; background: transparent; border: none; font: normal normal 11px/16px Verdana, Arial; } .loginBox div { clear: left; color: #B7B7B7; font: normal normal 11px/13px Verdana, Arial; } .loginBox a { color: #E308C8 !important; } .userBox { width: 510px; height: 70px; position: absolute; top: 17px; left: 460px; } .userBox span.username { float: right; padding: 4px 15px 0 0; color: #8BC73C; text-align: right; } .userBox span.button1 { float: right; margin-right: 8px; } .headerInner .menu { position: absolute; top: 75px; left: 0px; z-index: 100; } .headerInner .menu li { display: block; float: left; padding: 0 2px 0 0; position: relative; color: #fff; background: url(menu_sep.png) no-repeat right 5px; } .headerInner .menu li.last { background: none; } .headerInner .menu li a { display: block; float: left; padding: 0 10px; color: #fff; font: normal bold 13px/30px Verdana, Arial; text-transform: uppercase; text-decoration: none; } .headerInner .menu li a:hover, .headerInner .menu li a.active { background: url(menu_bg_hover.png) repeat-x top left; text-decoration: none; } .headerInner .menu li ul { display: none; } .headerInner .menu li ul li.top { display: block; width: 321px; height: 12px; padding: 0; background: url(submenu1_tb_bg.png) no-repeat top left; font-size: 1px; line-height: 1px; } .headerInner .menu li ul li { display: block; width: 321px; padding: 3px 0 3px 0; background: url(submenu1_bg_ry.png) repeat-y top left; } .headerInner .menu li ul li a { display: block; width: 293px; position: relative; left: 4px; color: #528E2E; font: normal normal 12px/14px Verdana, Arial; text-transform: none; } .headerInner .menu li ul li a:hover { color: #E308C8; background: none; } .headerInner .menu li ul li.bottom { display: block; width: 321px; height: 14px; padding: 0; background: url(submenu1_tb_bg.png) no-repeat bottom left; font-size: 1px; line-height: 1px; } .headerInner .menu li:hover ul { display: block; width: 321px; position: absolute; top: 30px; left: 0px; z-index: 100; } .headerInner .cartBox { width: 200px; height: 30px; position: absolute; top: 72px; right: 0px; color: #fff; background: url(menu_cart.png) no-repeat top left; font: normal normal 11px/13px Verdana, Arial; } .headerInner .cartBox p { padding: 4px 0 0 0; } .headerInner .cartBox a, .headerInner .cartBox a:hover { color: #fff; text-decoration: none; } .headerInner .cartBox a.icon { float: left; width: 34px; height: 34px; padding: 0 3px 0 0; } .headerInner .cartBox .more { display: block; float: left; width: 11px; height: 11px; position: absolute; top: 6px; right: 3px; background: url(menu_cart_more.png) no-repeat top left; text-indent: -5000px; } /* -------------------- - Tartalom --------- -------------------- */ .content { float: left; width: 100%; /* background: #87d300 url(bg_rx.png) repeat-x; */ } .contentInner { width: 980px; margin: 0 auto; } /* Általános tartalmi részek */ .clearfix { clear: both; width: 100%; height: 1px; overflow: hidden; line-height: 1px; font-size: 1px; } .sep-solid { clear: both; width: 100%; height: 10px; margin: 5px 0 0 0; overflow: hidden; border-top: #BFBFBF 1px solid; line-height: 1px; font-size: 1px; } .sep-green { clear: left; width: 777px; height: 3px; margin: 10px 0; padding: 10px 0 15px 0; background: url(sep_green.png) no-repeat left center; } .sep-magenta { clear: left; width: 777px; height: 3px; margin: 10px 0; padding: 10px 0 15px 0; background: url(sep_magenta.png) no-repeat left center; } /* Főoldal */ .home { float: left; width: 980px; padding: 0px 5px 10px 5px; background: #fff; } /* Videó ügyfélszolgálat és a görgő */ .home .top { clear: left; width: 970px; height: 290px; padding: 0; } #videoServiceBox { float: left; width: 775px; padding: 0; overflow: hidden; } .slideBox { float: right; width: 195px; height: 290px; overflow: hidden; background: url(scrollBox_bg.png) no-repeat top left; } .slideBox .list { clear: left; width: 185px; height: 240px; position: relative; top: 7px; left: 5px; overflow: hidden; } .slideBox .list ul { float: left; margin: 0; padding: 0; } .slideBox .list li { height: 75px; padding: 0 0 5px 0; font-size: 0px; line-height: 75px; } .slideBox .control { float: left; position: relative; top: 20px; left: 65px; } .slideBox .control a { display: block; float: left; width: 20px; height: 20px; margin: 0 5px; background-image: url(scrollBox_arrows.png); background-repeat: no-repeat; text-indent: -5000px; } .slideBox .control a.up { background-position: left top; } .slideBox .control a.down { background-position: right top; } /* Webáruház és szolgáltatás lista */ .home .bottom { clear: left; width: 970px; padding: 10px 0 0 0; } .home .bottomL { float: left; width: 210px; padding: 12px 0 0 0; overflow: hidden; } .catBoxFoldable { float: left; width: 185px; min-height: 20px; height: auto !important; height: 20px; padding: 65px 0 10px 0; position: relative; left: 8px; background: url(catlist_bg.png) no-repeat left top; } .catSwitcher { display: block; float: left; width: 140px; position: absolute; top: 33px; left: 7px; color: #4A9727 !important; font: normal bold 9px/12px Verdana, Arial; text-shadow: 0px 1px 1px #D6E8B4; } #catSwitcher { display: block; float: left; width: 26px; height: 28px; position: absolute; top: 15px; right: 5px; background: url(catlist_functions.png) no-repeat left top; text-indent: -5000px; } .catBoxFoldable .open { background-position: left top; } .catBoxFoldable .close { background-position: left -28px !important; } ul.catList { padding: 15px 0 0 5px; font: normal normal 12px/14px Verdana, Arial; } ul.catList li { color: #599035; padding: 2px 0; } ul.catList li a { color: #599035 !important; } ul.catList li.highlight, ul.catList li.highlight a { color: #E308C8 !important; } ul.catList li a:hover { font-weight: bold; text-decoration: none; } .newsletterBox { clear: left; width: 203px; } .newsletterBoxTop { float: left; width: 203px; background: url(bg_newsletterBox_ry.png) repeat-y left top; } .newsletterBoxContent { float: left; width: 183px; padding: 130px 10px 0 10px; color: #fff; background: url(bg_newsletterBox_top.png) no-repeat left top; text-shadow: 0px 1px 1px #619800; } .newsletterBoxContent p { float: left; padding: 5px 0px; } .newsletterBoxContent p.note { float: left; width: 183px; padding: 5px; } .newsletterBoxContent label { float: left; width: 173px; padding: 5px; } .newsletterBoxContent span.it { display: block; float: left; width: 174px; height: 21px; background: url(inputBox_newsletter_bg.png) no-repeat top left; } .newsletterBoxContent span.it input { display: block; width: 154px; height: 21px; padding: 0 10px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } .newsletterBoxContent ul { float: left; padding: 10px 0 10px 20px; list-style-type: square; font: normal normal 11px/13px Verdana, Arial; } .newsletterBoxContent ul li { padding: 2px 0; } .newsletterBoxContent ul a { color: #fff; } .newsletterBoxBottom { float: left; width: 203px; height: 39px; background: url(bg_newsletterBox_bottom.png) no-repeat left bottom; } .newsletterBoxBottom input { position: relative; left: 27px; top: 5px; padding: 3px 23px 3px 0; color: #fff; background: url(link_arrow_green.png) no-repeat right center; border: none; cursor: pointer; font: normal normal 12px/14px Verdana, Arial; text-shadow: 0px 1px 1px #619800; } .newsletterBoxBottom input:hover { text-decoration: underline; } .home .bottomR { float: left; width: 760px; overflow: hidden; } .offerList { clear: left; } .offerList table { width: 100%; border-collapse: collapse; } .offerList table td { padding: 10px 6px 10px 0px; font: normal normal 11px/13px Verdana, Arial; vertical-align: top; text-align: center; } .offerList table td h2 { padding: 0 0 7px 0; font: normal normal 14px/16px Verdana, Arial; } .offerList table td p { padding: 5px 0; } .facebook { float: left; margin: 20px 0; } .topBox { float: left; width: 100%; } .topBoxL { float: left; width: 360px; padding-right: 15px; } .topBoxR { float: left; width: 330px; padding-left: 15px; border-left: #E5E5E5 2px solid; } .topBox ul { padding: 0 0 0 20px; color: #4D962B; list-style-type: square; } .topBox li { padding: 4px 0; color: #4D962B; } .topBox a { color: #4D962B; } h2.title-facebook { display: block; width: 278px; height: 26px; margin: 10px 0; background: url(title_minimano_a_facebookon.png) no-repeat left top; text-indent: -5000px; } h2.title-actions { display: block; width: 200px; height: 22px; margin: 10px 0; background: url(title_akcios_termekek.png) no-repeat left top; text-indent: -5000px; } h2.title-offer { display: block; width: 291px; height: 24px; margin: 0 0 10px 0; background: url(title_ajanlatainkbol.png) no-repeat left top; text-indent: -5000px; } h2.title-top10 { display: block; width: 189px; height: 24px; margin: 0 0 10px 0; background: url(title_top10_termekek.png) no-repeat left top; text-indent: -5000px; } /* Aloldalak */ .pages { float: left; padding: 10px 0 10px 0; font: normal normal 12px/16px Verdana, Arial; background: #fff; } .pages .breadcrumb { float: left; width: 100%; padding: 0 0 10px 0; } .pages .breadcrumb div { float: left; padding: 0 8px 0 0; background: url(breadcrumb_sep.png) no-repeat right 1px; } .pages .breadcrumb .status { float: left; padding: 0; border-left: #C8C8C8 1px solid; border-top: #C8C8C8 1px solid; border-bottom: #C8C8C8 1px solid; } .pages .breadcrumb .status li { float: left; padding: 0 15px 0 5px; font: normal normal 11px/16px Verdana, Arial; color: #B3B3B3; background: url(breadcrumb_sep.png) no-repeat right top; } .pages .breadcrumb .status li a { color: #B3B3B3 } .pages .breadcrumb .status .last { color: #4A9538; background: none; } /* Egyszerű szöveges aloldalak */ .pages h1 { padding: 0 0 5px 0; color: #E308C8; font: normal normal 22px/26px Verdana, Arial; } .pages h2 { padding: 0 0 5px 0; color: #676767; font: normal normal 20px/24px Verdana, Arial; } .pages h2 a { color: #676767; font: normal normal 20px/24px Verdana, Arial; text-decoration: none; } .pages .print-button { display: inline-block; float: right; width: 100px; height: 120px; background: url(button_nyomtathato_valtozat.png) no-repeat left top; text-indent: -5000px; } .pages .left { float: left; width: 220px; } .pages .left h3 { color: #529035; font: normal normal 16px/18px Verdana, Arial; } .markList, .tagList { float: left; width: 185px; padding: 15px 0 0 0; } .tagList h3 { clear: left; margin: 0; padding: 0; } .tagList p { margin: 0; padding: 5px 0; } .tagList a { padding: 0 5px; } .markList ul { padding: 5px 0 0 0; font: normal normal 11px/13px Verdana, Arial; } .markList ul li { float: left; color: #599035; padding: 2px 5px; } .markList ul li a { color: #599035 !important; } .tagList form label { display: block; clear: left; padding: 5px; color: #628C28; font-weight: bold; } .tagSearch { display: block; width: 197px; height: 25px; position: relative; background: url(tag_search_bg.png) no-repeat top left; } .tagSearch .it { display: block; width: 150px; height: 17px; position: absolute; top: 3px; left: 9px; border: none; color: #000; background: transparent; font: normal normal 11px/16px Verdana, Arial; } .tagSearch .it { display: block; width: 150px; height: 17px; position: absolute; top: 3px; left: 9px; border: none; color: #000; background: transparent; font: normal normal 11px/16px Verdana, Arial; } .tagSearch .button { display: block; width: 18px; height: 18px; position: absolute; top: 3px; left: 170px; border: none; background: transparent; cursor: pointer; } .bannerBox { float: left; width: 190px; padding: 15px 0; overflow: hidden; } .bannerNote { width: 190px; color: #BBBF97; text-align: center; } .banner { margin: 0 auto; } .pages .right { float: left; width: 760px; overflow: hidden; } .pages .right p { padding: 8px 0; } .pages .right .text { float: left; padding: 0 10px 0 0; width: 540px; } .pages .right .text-without-gallery { float: left; padding: 0 10px 0 0; width: 720px; } .imageList { display: none; clear: left; width: 775px; } .pages .gallery { float: left; padding: 0 0 0 10px; width: 180px; } .pages .gallery .button1 { position: relative; left: 10px; } .pages .right ul { padding: 0 0 5px 15px; } .pages .right li { padding: 2px 0 2px 10px; background: url(li_dot.jpg) no-repeat 0px 9px; } .pages .right li a span { display: block; clear: left; color: #529035 !important; font-size: 11px; } /* Kategória lista */ .pages .right .catList { float: left; padding: 0 !important; } .pages .right .catList li { float: left; padding: 3px 0 !important; background: none !important; position: relative; } .pages .right .catList li a { display: block; float: left; width: 736px; height: 30px; padding: 0 0 0 15px; color: #426F14; background: url(cat_item_bg.png) no-repeat top left; font: normal normal 16px/28px Verdana, Arial; } .pages .right .catList li a:hover { background-position: bottom left; } .pages .right .catList li ul { display: none; float: left; width: 710px; padding: 5px 0 15px 15px; } .pages .right .catList li ul li { display: block; width: 710px; padding: 0 !important; font: normal normal 12px/12px Verdana, Arial !important; } .pages .right .catList li ul li a { width: 710px; height: auto; padding: 5px 0; background: none; border-bottom: #D3D3D3 1px solid; font: normal normal 12px/12px Verdana, Arial !important; } .pages .right .catList li ul li a:hover { background: none; border-bottom: #89D300 1px solid; } .pages .right .catList li ul li a.last { border: none; } .pages .right .catList li a.slideDown { display: block; width: 20px; height: 20px; position: absolute; top: 8px; left: 720px; background: url(cat_item_arrows.png) no-repeat top left; text-indent: -5000px; } .pages .right .catList li a.slideUp { display: block; width: 20px; height: 20px; position: absolute; top: 8px; left: 720px; background: url(cat_item_arrows.png) no-repeat bottom left; text-indent: -5000px; } /* Márkák */ .markBox { display: block; float: left; width: 165px; margin: 20px 10px; } .markBoxTop { float: left; border: #E5E5E5 2px solid; } .markBoxTop h2 { display: block; width: 165px; height: 25px; color: #656565; font: normal bold 13px/23px Verdana, Arial !important; text-align: center; } .markBoxTop h2 a { color: #656565 !important; font: normal bold 13px/23px Verdana, Arial !important; text-decoration: none !important; } .markBoxTop .logo { display: block; width: 165px; height: 100px; padding: 0; font: normal bold 11px/13px Verdana, Arial; text-align: center; } .markBoxBottom { clear: left; text-align: center; } .markBoxBottom p { float: left; padding: 5px 0; } .markBoxBottom a.sum { padding: 5px; color: #656565; font: normal bold 11px/13px Verdana, Arial; text-align: center; text-decoration: none; } .markBoxBottom a.sum span { color: #E007C8; } .markBoxBottom .button2 { float: left; position: relative; left: 15px; } /* Kategóriák */ .catNote { float: left; padding: 10px 0; font: normal normal 12px/22px Verdana, Arial; } .catNote h2 { color: #E308C8; font: normal normal 16px/18px Verdana, Arial; } .catNote a { padding: 2px 23px 2px 0; background: url(link_arrow_magenta.png) no-repeat right center; } table.catList { display: block; float: left; width: 750px; margin: 10px; border-collapse: collapse; } table.catList td { width: 25%; color: #666; border: #E5E5E5 2px solid; text-align: center; font: normal bold 12px/14px Verdana, Arial; vertical-align: top; } table.catList h2 { display: block; min-height: 55px; padding: 5px; color: #666666; font: normal bold 13px/16px Verdana, Arial; text-align: center; } table.catList h2 a { color: #666666 !important; font: normal bold 13px/16px Verdana, Arial; } table.catList h2 a:hover { text-decoration: underline; } table.catList p { float: left; padding: 10px 0; text-align: center; } table.catList .image { display: block; padding: 10px 0; min-height: 165px; } table.catList .sum { color: #E009C9; } .catList .catBox { display: block; width: 175px; margin: 0 auto; padding: 5px; } /* Termékdobozok */ .productList { display: block; float: left; width: 760px; margin: 10px 0; border-collapse: collapse; } .productList td { width: 25%; color: #666; border: #E5E5E5 2px solid; text-align: center; } .productBox { display: block; width: 175px; margin: 0 auto; position: relative; padding: 5px; } .productBox h2 { display: block; min-height: 55px; padding: 0 5px; color: #666666; font: normal bold 12px/14px Verdana, Arial; text-align: center; } .productBox h2 a { color: #666666 !important; font: normal bold 12px/14px Verdana, Arial; } .productBox h2 a:hover { text-decoration: underline; } .productBox p { float: left; width: 160px; padding: 2px 5px 5px 5px !important; font: normal normal 13px/15px Verdana, Arial; text-align: center; } .productBox .costBox { float: left; width: 100%; height: 50px; } .productBox .cost { color: #666666; } .productBox .cost span { text-decoration: line-through; } .productBox .costAction { color: #E007C7; font-size: 18px; font-weight: bold; } .productBox .button2 { position: relative; left: 43px; } .productBox .flagsTop { float: left; width: 100%; height: 25px; } .flag-more-colors { display: block; float: left; width: 84px; height: 25px; margin-right: 5px; background: url(button_tobb_szinben.png) no-repeat left top; text-indent: -5000px; } .flag-videos { display: block; float: left; width: 84px; height: 25px; background: url(button_videok.png) no-repeat left top; text-indent: -5000px; } .productBox .flagsBottom { float: left; width: 100%; height: 25px; position: relative; } .flag-free-delivery { display: block; float: left; width: 107px; height: 24px; position: absolute; left: 33px; background: url(flag_ingyenes_szallitas.png) no-repeat left top; text-indent: -5000px; z-index: 2; } .flag-only-order { display: block; float: left; width: 91px; height: 24px; position: absolute; left: 41px; background: url(flag_csak_rendelesre.png) no-repeat left top; text-indent: -5000px; z-index: 1; } .productBox .image { float: left; width: 175px; height: 175px; position: relative; } .productImage { display: block; float: left; width: 175px; height: 175px; overflow: hidden; background-position: center center; background-repeat: no-repeat; text-indent: -5000px; } .flag-action { display: block; float: left; width: 96px; height: 95px; position: absolute; top: 0px; right: 0px; } .flag-new { display: block; float: left; width: 59px; height: 55px; position: absolute; bottom: 10px; left: 10px; background: url(flag_uj.png) no-repeat left top; text-indent: -5000px; } .flag-daily-action { display: block; float: left; width: 81px; height: 83px; position: absolute; top: 10px; right: 0px; background: url(flag_napi_akcio.png) no-repeat left top; text-indent: -5000px; } .flag-outlet { display: block; float: left; width: 103px; height: 51px; position: absolute; bottom: 10px; left: 0px; background: url(flag_kifuto_termek.png) no-repeat left top; text-indent: -5000px; } /* Termék részletes */ .productDetail { clear: left; padding: 0 0 10px 10px; } h1 .flag-only-order { display: inline-block; float: none; position: relative !important; top: 2px; left: 0px; } .productDetail .left { float: left; width: 320px; color: #4F9531; font: normal bold 12px/22px Verdana, Arial; } .productDetail .left p { padding: 10px 0 ; } .productDetail .left img.thumbnail { border: #BEBEBE 2px solid; } .productDetail .left a:hover img.thumbnail { border: #80D600 2px solid; } .productDetail .image { float: left; width: 320px; position: relative; } .productDetail .imageThumbnails p { clear: left; } .productDetail .right { float: left; width: 415px; padding: 0 0 10px 15px; } .productDetail .costs { clear: left; width: 100%; position: relative; } .productDetail .costs span { display: block; clear: left; width: 207px; height: 25px; padding: 0 10px; overflow: hidden; color: #fff; background: url(product_cost_bg.png) no-repeat top left; font: normal normal 18px/23px Verdana, Arial; text-indent: 0px; } .productDetail p.cost { color: #539A37; text-indent: 10px; } .productDetail p.cost span { background-position: top left; } .productDetail p.costAction { color: #DF08C5; text-indent: 10px; } .productDetail p.costAction span { background-position: bottom left; } .productDetail .flag-free-delivery { display: inline-block; float: none; top: 22px; left: 237px; } .productDetail .cart { clear: left; width: 100%; height: 42px; margin: 10px 0 0 0; position: relative; background: url(product_cart_bg.png) no-repeat top left; border-bottom: #BFBFBF 1px solid; } .productDetail .cart input { display: block; width: 54px; height: 16px; position: absolute; top: 11px; left: 45px; padding: 0; color: #4A9533; background: transparent; border: none; font: normal bold 16px/16px Verdana, Arial; text-align: center; } .productDetail .cart span.db { position: absolute; top: 12px; left: 112px; color: #4A9533; font: normal bold 13px/13px Verdana, Arial; } .productDetail .cart .button2 { position: absolute; top: 9px; left: 138px; } .productDetail .info { float: left; width: 100%; color: #559F40; font: normal normal 12px/14px Verdana, Arial; } .productDetail .info p { float: left; width: 100%; padding: 10px 0; border-bottom: #BFBFBF 1px solid; } .productDetail .info a { color: #559F40; text-decoration: underline; } .productDetail .info a:hover { text-decoration: none; } .productDetail .description { clear: left; width: 100%; overflow: hidden; } .productDetail .short { padding: 10px 0 0 0; } .productDetail .long { display: none; } .productDetail .long .button2 { margin: 5px 0 0 0; } /* Partnerek */ .partnerBox { display: block; float: left; width: 210px; height: 127px; margin: 5px; padding: 10px; overflow: hidden; border: #E5E5E5 2px solid; text-align: center; } .partnerBox a { display: block; margin: 0 auto; color: #4F9636 !important; font: normal normal 12px/14px Verdana, Arial; } .partnerBox a.title { height: 45px; overflow: hidden; } /* Zöld kerekített doboz */ .greenBox { clear: left; width: 751px; padding: 5px 0; } .greenBoxT { clear: left; width: 751px; height: 15px; overflow: hidden; background: url(greenBox_tb_bg.png) no-repeat top left; line-height: 1px; font-size: 1px; } .greenBoxC { float: left; width: 731px; padding: 0 10px; background: url(greenBox_bg_ry.png) repeat-y top left; } .greenBoxB { clear: left; width: 751px; height: 15px; overflow: hidden; background: url(greenBox_tb_bg.png) no-repeat bottom left; line-height: 1px; font-size: 1px; } /* Találati lista */ .pages h1.search { padding: 0 0 15px 0; color: #529035; font: normal normal 22px/26px Verdana, Arial; } .pages h1.search span { color: #E308C8; } .search { width: 100%; border-collapse: collapse; } .search td { padding: 8px 5px; border-bottom: #BFBFBF 1px solid; } .search td.title { color: #3B6D20; font: normal bold 12px/14px Verdana, Arial; } .search td.sum { font: normal bold 12px/14px Verdana, Arial; } .search td.more { text-align: right; } /* Kosár */ .cart { clear: left; } .cart table { width: 100%; border-collapse: collapse; } .cart table th { color: #8AD301; padding: 0px 3px 10px 3px; font: normal bold 12px/14px Verdana, Arial; text-align: left; } .cart table td { color: #000000; padding: 5px 3px; border-bottom: #BFBFBF 1px solid; font: normal bold 12px/14px Verdana, Arial; text-align: left; vertical-align: middle; } .cart table td.title { color: #3C7516; } .cart table td.title a { color: #3C7516; } .cart table td.sum { color: #3C7516; } .cart table td.sum a { display: block; float: left; width: 20px; height: 20px; text-indent: -5000px; } .cart table td.sum a.minus { background: url(cart_item_functions.png) no-repeat 0px 0px; } .cart table td.sum a.plus { background: url(cart_item_functions.png) no-repeat -20px 0px; } .cart table td.sum span { display: block; float: left; width: 30px; font: normal bold 12px/20px Verdana, Arial; text-align: center; } .cart table td a.del { display: block; float: left; width: 20px; height: 20px; background: url(cart_item_functions.png) no-repeat -40px 0px; text-indent: -5000px; } .cart .cost { display: block; float: right; width: auto; padding: 10px; color: #8CCF07; font: normal bold 12px/20px Verdana, Arial; } .cart .cost span { color: #3A7324; font: normal bold 20px/24px Verdana, Arial; } .cart .nav { display: block; clear: left; width: 731; padding: 10px; } .cart .nav .back { display: block; float: left; width: 225px; height: 30px; background: url(button_tovabb_vasarolok.png) no-repeat top left; text-indent: -5000px; } .cart .nav .next { display: block; float: right; width: 129px; height: 30px; background: url(button_penztar.png) no-repeat top left; text-indent: -5000px; } /* Pénztár */ .checkout { clear: left; } .checkout h2 { float: left; padding: 10px 0 0 0; color: #4D962B; } .checkout h2 span { font-size: 13px; } .checkout h2 .button1 { display: inline-block; float: none; } .checkout .info { float: left; font-size: 11px; } .checkout .info a { color: #4C9823; } .checkout p { float: left; width: 100%; padding: 5px 0; } .checkout p label { float: left; width: 120px !important; padding: 0 5px 0 0; text-align: right; } .checkout p span { float: left; width: 235px; color: #4C9823; font-weight: bold; } .checkout p span a { color: #4C9823; font-size: 11px; font-weight: normal; } .checkout .alert { color: #E10CC8 !important; font-weight: bold !important; text-decoration: blink !important; } .checkoutL { float: left; width: 360px; border-right: #D1D1D1 1px solid; } .checkoutL .deliveryInfo { padding: 2px 22px 2px 0; background: url(icon_info.png) no-repeat right center; font: normal normal 11px/13px Verdana, Arial; } .pickPackBox { display: block; float: left; width: 330px; font-size: 11px; padding: 0 0 0 20px; } .pickPackBox p { padding: 5px !important; } .pickPackBox p span { width: 100%; } .checkoutR { float: left; width: 360px; padding: 0 0 0 10px; } .checkoutR label { float: left; width: 100px !important; padding: 0 5px 0 0; } .checkoutR .info { width: 235px; } .checkoutR .it { display: block; float: left; width: 210px !important; height: 20px !important; background: url(inputBox_small_bg.png) no-repeat top left !important; } .checkoutR .it input { display: block; width: 200px !important; height: 20px; padding: 0 5px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } .checkoutR .it:hover input { color: #386520; } .checkoutR .ta { display: block; float: left; width: 210px !important; height: 97px !important; background: url(textarea_small_bg.png) no-repeat top left !important; } .checkoutR .ta textarea { display: block; width: 196px !important; height: 90px; position: relative; top: 3px; padding: 0 5px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } .checkoutR .ta:hover textarea { color: #386520; } .checkoutR .submit { display: block; float: left; width: 110px; height: 30px; background: url(button_elkuldes.png) no-repeat top left; text-indent: -5000px; border: none; cursor: pointer; } /* Űrlapok */ .right form { float: left; } .right form p { clear: left; padding: 10px 0; } .right form p a { color: #E308C8; text-decoration: underline; } .right form p a:hover { text-decoration: none; } .right form p label { float: left; width: 220px; padding: 0 5px 0 0; color: #000; text-align: right; } .right form .error { color: #4d952a !important; font-weight: bold !important; text-decoration: blink !important; } .right form p.checklist { padding: 10px 0 0 220px; color: #767676; } .right form p.checklist span { display: block; clear: left; padding: 5px 0 10px 0; border-bottom: #DFDFDF 1px solid; } .right .it { display: block; float: left; width: 234px; height: 21px; background: url(inputBox_bg.png) no-repeat top left; } .right .it input { display: block; width: 224px; height: 13px; position: relative; top: 3px; padding: 0 5px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } .right .it:hover { background-position: bottom left; } .right .it:hover input { color: #386520; } .right .select { background-color: #fff; border: #BFBFBF 1px solid; font: normal normal 11px/13px Verdana, Arial; } .right .select:hover { border-color: #386520; } .right .ta { display: block; float: left; width: 234px !important; height: 97px !important; background: url(textarea_big_bg.png) no-repeat top left; } .right .ta textarea { display: block; width: 220px !important; height: 90px; position: relative; top: 3px; padding: 0 5px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } .right .ta:hover { background-position: bottom left; } .right .ta:hover textarea { color: #386520; } .right form p img { float: left; } .right span.human { display: block; float: left; width: 141px; height: 21px; position: relative; top: 5px; left: 15px; background: url(inputBox_captcha_bg.png) no-repeat top left; } .right span.human input { display: block; width: 106px; height: 13px; padding: 0 5px 0 30px; background: transparent; border: none; font: normal normal 11px/13px Verdana, Arial; } /* Hírek */ .date { color: #777; padding: 0 0 5px 0 !important; } .newsBox { float: left; width: 760px; padding: 15px 0; border-bottom: #DFDFDF 1px solid; } .newsBoxL { float: left; width: 190px; } .newsBoxL img { border: #89D300 1px solid; } .newsBoxR { float: left; width: 570px; } .newsBoxR h2, .newsBoxR h2 a { color: #E308C8 !important; padding: 0 !important; font: normal normal 16px/18px Verdana, Arial; } .newsBoxR .date { font: normal normal 11px/14px Verdana, Arial; } .newsBoxR p { padding: 5px 0; } /* Mosolyalbum */ .albumList { float: left; padding: 10px 0; } .albumList h2, .albumList h2 a { color: #E308C8 !important; } .albumDatas { color: #569626; } .albumDatas td { padding: 0 5px; font-size: 11px; } .babyList { clear: left; width: 100%; margin: 10px 0; border-collapse: separate; } .babyList td { width: 50%; padding: 10px; border-bottom: #E3E3E3 1px solid; vertical-align: top; } .babyList td:nth-child(1) { border-right: #E3E3E3 1px solid; } .babyList td h3 { padding: 0 0 5px 0; color: #E308C8; font: normal normal 22px/26px Verdana, Arial; } .babyList td h3 span { display: block; clear: left; padding: 2px 0; color: #4C9428; font: normal normal 12px/14px Verdana, Arial; } .babyList td p { float: left; width: 100%; padding: 0 !important; } .babyList .index { width: 248px; height: 332px; padding: 2px !important; background: #9DDC2B; line-height: 332px; vertical-align: center; } .babyList .index img { display: inline; } .babyList .thumbnails img { margin: 0 9px 0 0; } .image-upload { float: left; padding: 10px 0 0 0 !important; } .image-upload p { padding: 5px 0 !important; } /* Videók */ .videoList { clear: left; width: 100%; margin: 10px 0; border-top: #BFBFBF 1px solid; border-collapse: separate; } .videoList td { width: 50%; padding: 10px; border-bottom: #BFBFBF 1px solid; vertical-align: top; } .videoList td:nth-child(1) { border-right: #BFBFBF 1px solid; } .videoList h2, .videoList h2 a { padding: 0; color: #E308C8 !important; font: normal bold 12px/14px Verdana, Arial !important; } .videoList .date { color: #E308C8 !important; font: normal normal 11px/13px Verdana, Arial !important; } .videoBoxL { float: left; width: 120px; padding: 0 10px 0 0; } .videoBoxL img { border: 1px solid #89D300; } .videoBoxR { float: left; width: 200px; } .videoDetailBox { float: left; width: 100%; padding: 0 0 20px 0; } .videoDetailBoxL { float: left; width: 440px; } .videoDetailBoxR { float: left; width: 270px; } .videoDetailBoxR h2 { padding: 0 0 10px 0; color: #E308C8 !important; } /* Termék lapozó */ .slider { float: left; padding: 0 0 20px 10px; } .slider .turner { display: block; float: left; width: 55px; } .turner a { display: block; width: 45px; height: 62px; position: relative; top: 70px; text-indent: -5000px; } .turner a.prev { background: url(slider_arrows.png) no-repeat left top; } .turner a.next { margin: 0 0 0 20px; background: url(slider_arrows.png) no-repeat right top; } .slider .list { float: left; width: 620px; overflow: hidden; position: relative; left: 0px; } .slider .list ul { float: left; width: 530px; padding: 0 !important; } .slider .list li { float: left; width: 180px; margin: 0; padding: 0 10px !important; position: relative; background: none; text-align: center; } .slider .list h2, .slider .list a { color: #E308C8 !important; font: normal bold 12px/14px Verdana, Arial !important; } /* Lapozó */ .navBar { clear: both; width: 810px; padding: 5px 0; } .navBar .navBarL { float: left; width: 625px; } .navBarL .first { background: url(navBar_first.png) no-repeat top left; } .navBarL .prev { background: url(navBar_prev.png) no-repeat top left; } .navBarL .next { background: url(navBar_next.png) no-repeat top left; } .navBarL .last { background: url(navBar_last.png) no-repeat top left; } .top .navBarL span.sep { display: block; float: left; width: 1px; height: 12px; margin: 0 5px; position: relative; top: 6px; background: url(sep_gray_1x12.png) no-repeat top left; } .top .navBarL .nav { display: block; float: left; width: 20px; height: 20px; margin: 0 1px; position: relative; top: 2px; text-indent: -5000px; } .top .navBarL .page { display: block; float: left; width: 24px; height: 29px; margin: 0 1px; color: #C1C1C1; background: url(navBar_top_page_bg.png) no-repeat top left; font: normal bold 11px/23px Verdana, Arial; text-align: center; } .bottom .navBarL span.sep { display: block; float: left; width: 1px; height: 12px; margin: 0 5px; position: relative; top: 12px; background: url(sep_gray_1x12.png) no-repeat top left; } .bottom .navBarL .nav { display: block; float: left; width: 20px; height: 20px; margin: 0 1px; position: relative; top: 8px; text-indent: -5000px; } .bottom .navBarL .page { display: block; float: left; width: 24px; height: 29px; margin: 0 1px; overflow: hidden; color: #C1C1C1; background: url(navBar_bottom_page_bg.png) no-repeat top left; font: normal bold 11px/32px Verdana, Arial; text-align: center; } .navBarL .page:hover { color: #969696 !important; text-decoration: none; } .navBarL .active { color: #969696 !important; background-position: 0px -29px !important; } .navBar .navBarR { float: left; width: 185px; color: #BEBEBE; } .navBarR select { float: none !important; color: #BEBEBE !important; border: #DCDCDC 1px solid !important; } /* Rendezés */ .order { float: left; width: 100%; padding: 0px 0 5px 0; } .order .title { color: #BFBFBF; } .order span { float: left; color: #4F932C; padding: 0 10px; } .order strong { display: block; float: left; padding: 0 5px; font-weight: normal; } .order .desc { display: block; float: right; width: 14px; height: 9px; position: relative; top: 3px; background: url(order_arrows.png) no-repeat center 0px; text-indent: -5000px; } .order .desc:hover, .order .desc-active { background-position: center -16px; } .order .asc { display: block; float: right; width: 14px; height: 9px; position: relative; top: 3px; background: url(order_arrows.png) no-repeat center -7px; text-indent: -5000px; } .order .asc:hover, .order .asc-active { background-position: center -24px; } /* -------------------- - Lábléc ----------- -------------------- */ .footer { float: left; width: 100%; padding: 10px 0 5px 0; border-top: #BFBFBF 1px solid; } .footerInner { width: 980px; margin: 0 auto; } .footerInner a { color: #8C8C8C !important; } .footerInner .top { clear: left; width: 900px; font: normal normal 11px/13px Verdana, Arial; } .footerInner .top ul { float: left; width: 100%; padding: 0 0 15px 0; } .footerInner .top ul li { display: block; float: left; padding: 0 7px; position: relative; color: #8C8C8C; background: url(footer_sep.gif) no-repeat right 3px; } .footerInner .top ul li.last { background: none; } .footerInner .bottom { clear: left; width: 900px; padding: 0 7px; color: #8C8C8C; font: normal normal 11px/14px Verdana, Arial; } .footerInner .bottom p.share { float: left; width: 270px; padding: 0 10px 5px 0; font: normal normal 11px/28px Verdana, Arial; } .footerInner .bottom p.copyright { float: right; padding: 0 20px 5px 0; font: normal normal 11px/28px Verdana, Arial; } .footerInner .bottom p.share span { display: block; float: left; width: auto; padding: 0 5px 0 0; } .footerInner .bottom p.share a { display: block; float: left; width: 28px; height: 28px; margin: 0 5px; background-image: url(social_icons.gif); background-repeat: no-repeat; text-indent: -5000px; } .footerInner .bottom a.facebook { background-position: 0px 0px; } .footerInner .bottom a.facebook:hover { background-position: 0px -28px; } .footerInner .bottom a.twitter { background-position: -30px 0px; } .footerInner .bottom a.twitter:hover { background-position: -30px -28px; } .footerInner .bottom a.iwiw { background-position: -60px 0px; } .footerInner .bottom a.iwiw:hover { background-position: -60px -28px; } .tamop { float: left; width: 100%; padding: 10px 0 30px 0; position: relative; border-top: #BFBFBF 1px solid; } .tamopInner { width: 980px; margin: 0 auto; padding: 5px 0; } .tamopInner .left { float: left; width: 230px; padding: 0 7px; } .tamopInner .right { float: left; width: 580px; } .tamopInner .right p { float: left; width: 100%; padding: 2px 0; color: #8C8C8C; font: normal normal 11px/14px Verdana, Arial; }