/* ---------------------------------------------------------------------------------------------------------------- */ /* GENERAL SETTINGS */ .body, body, html { margin: 0px; padding: 0px; width: 100%; height: 100%; background: #D2D1CF; text-align: center; } .body, body, p, input, th, td { font-family: Tahoma, Arial, Verdana; font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS'; font-weight: normal; color: #0e75c0; } h1 { font-size: 19px; } h2 { font-size: 20px; } h3 { font-size: 14px; } a, a:link, a:visited { color: #52acc7; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; text-decoration: none !important; } form { margin: 0px; padding: 0px; } fieldset { margin: 0px; padding: 0px; border: 0px none; } p { line-height: 130%; } p.small { font-size: 11px; } dl { margin: 5px 0px 5px 0px; padding: 0px; } .clearfix { display: block; clear: both; } blockquote { padding: 5px 10px 5px 10px; margin: 0px; } #ajaxLoader { display: none; position: fixed; top: 10px; left: 10px; z-index: 9999; background: #fff; border: 1px solid #999; padding: 5px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* ACORE */ .page-alert { padding: 20px; font-size: 18px; color: #dd3333; } .content { padding: 20px; } .content-box { padding: 20px 40px 30px 40px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* USER INTERFACE */ #rate_label { display: block; } .acore-textbox-container { vertical-align: top; border: 1px solid #ddd; } .acore-textbox { border: 0px none; background: none; margin: 0px; padding: 0px; vertical-align: top; } a.icon, a.icon:visited, a.icon:link { display: block; width: 32px; height: 32px; font-size: 1px; line-height: 32px; text-decoration: none; } a.icon:hover { text-decoration: none; } .small-icon { width: 16px !important; height: 16px !important; line-height: 16px !important; } .acore-button { padding: 0px 10px 0px 10px; text-align: center; } input.acore-button { cursor: pointer; } a.acore-button, a.acore-button:link, a.acore-button:visited, a.acore-button:hover { color: #fff !important; text-decoration: none !important; width: 120px; height: 25px; line-height: 23px; padding: 5px 15px 5px 15px; } .green-button { color: #fff; background: #5c9506 url('../images/button_green.gif') repeat-x center; border: 1px solid #b2e36d; border-left-color: #98c252; border-bottom-color: #254305; border-right-color: #4e6c24; } .blue-button { color: #fff; background: #2090d8 url('../images/button_blue.gif') repeat-x center; border: 1px solid #86caf1; } .show-date { font-style: italic; } #lb_map { width: 670px; height: 450px; } ul.newsletter-check { padding-left: 20px; margin-left: 0px; } ul.newsletter-check li { padding-left: 5px; background-image: none; list-style: none;} ul.newsletter-check li input { vertical-align: baseline; margin-top: 0px; margin-right: 5px; } .btnSubscribe-all { height: 30px !important; margin-left: 20px !important; } a.dd-text { padding-left: 15px; background: url('../images/bullet_blue.png') no-repeat left center; } .dropped-text { padding-left: 15px; } .other_field { margin-left: 5px; } .answer-picker { margin-bottom: 10px; } .answer-picker td, .answer-picker th { padding: 1px 3px 1px 3px; } .btnSurveySubmit { height: 25px; width: 100px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* LAYOUT */ #page_container { background: url('../images/background.gif') repeat-x top; height: 500px; } #page { width: 1000px; margin: 0px auto; text-align: left; position: relative; } #header { display: block; float: left; width: 1000px; height: 132px; /*background: url('../images/vd_logo.gif') no-repeat 5px 24px;*/ } #header_content { padding: 20px 0px 0px 110px; } #page_content { display: block; float: left; width: 1000px; } #footer { display: block; float: left; clear: both; width: 100%; height: 240px; background: #3b3630; margin-top: 20px; border-bottom: 1px solid #4b4a45; } #footer #footer_content { width: 1000px; margin: 0px auto; text-align: left; } #copyright { display: block; float: left; clear: both; width: 100%; height: 50px; line-height: 50px; background: #2b2a28; border-top: 1px solid #23221e; font-size: 14px; color: #777 } #main_panel { display: block; width: 770px; float: left; } #right_panel { display: block; width: 210px; float: right; } /* ---------------------------------------------------------------------------------------------------------------- */ /* HEADER */ #header h1 { display: inline; margin: 0px; font-family: Tahoma, 'Trebuchet MS'; } #header h1 strong { font-weight: normal; color: #409ed4; font-size: 20px; } #dashofer_logo { float: left; position: relative; margin-top: 20px; } #txtSearch_container { display: block; position: relative; top: -30px; left: 515px; border: 1px solid #858585; background: #ffffff url('../images/txt_search.gif') no-repeat 263px 6px; width: 287px; height: 31px; } #txtSearch { height: 20px; width: 250px; font-size: 17px; line-height: 17px; color: #777; padding: 4px 0px 0px 4px; vertical-align: middle; margin-left: 2px; } #txtSearch_label { display: block; position: absolute; color: #aaa; cursor: text; font-style: italic; font-size: 14px; top: 23px; left: 633px; } #btnSearch { position: absolute; top: 15px; left: 920px; font-size: 15px; height: 32px; } #frmLogin { display: block; float: right; width: 310px; height: 60px; color: #fff; font-size: 12px; font-family: Tahoma, Arial, Verdana; margin-top: -10px; position: relative; } #frmLogin label { display: block; position: absolute; color: #777; cursor: text; font-style: italic; } #frmLogin .acore-textbox-container { display: block; position: absolute; border: 1px solid #635f5c; background: #413c36 url('../images/txt_login.gif') repeat-x; width: 105px; height: 22px; } #frmLogin .acore-textbox { width: 120px; height: 14px; font-size: 12px; line-height: 12px; margin: 4px 0px 0px 2px; width: 101px; color: #ddd; } #frmLogin .logged-in { display: block; } #frmLogin .logged-in .logged_in_panel_content { margin-left: 60px; } #frmLogin .logged-in h2 { color: #fff; margin: 0px 0px 5px 0px; font-size: 14px; } #frmLogin .logged-in p { margin: 0px 0px 5px 0px; padding: 0px; color: #ddd; } #frmLogin .logged-in .acore-button { float: left; position: absolute; left: -20px; width: 50px; line-height: 18px; height: 18px; padding: 0px 5px 0px 5px; margin-top: 0px; } #frmLogin .logged-in a { color: #ffee88 !important; text-decoration: underline; } #btnLogin { position: absolute; top: 0px; left: 230px; width: 80px; height: 24px; } #username_container { top: 0px; left: 0px; } #username_label { top: 6px; left: 5px; } #password_container { top: 0px; left: 115px; } #password_label { top: 6px; left: 120px; } #frmLogin .links { display: block; position: absolute; left: 65px; top: 40px; } #frmLogin .links a { color: #ddd; margin-left: 10px; margin-right: 10px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* MAIN TABS */ ul#main { position: absolute; top: 102px; margin: 0px; padding: 0px; list-style: none; background: #fff url('../images/main_tab.gif') repeat-x top; } ul#main li { display: inline; } ul#main li a, ul#main li a:link, ul#main li a:visited { display: block; float: left; padding: 0px 18px 0px 18px; font-size: 14px; line-height: 30px; height: 30px; color: #333; cursor: pointer; background: url('../images/main_tab_sep.gif') no-repeat left center; } ul#main li a.active { background: #fff url('../images/main_tab_active.gif') repeat-x top !important; color: #0b77b8; margin-top: -8px; height: 38px; line-height: 38px; } ul#main li a:hover { color: #999; } ul#main li a.home { background: #fff url('../images/ico_home.png') no-repeat center center !important; } .float-menu-template { display: none; position: relative; top: 0px; left: 0px; } #float_menu { position: absolute; z-index: 9999; height: 350px; background: #fff; border: 1px solid #a9a9a9; border-top: 0px none; } .float-menu-content { padding: 10px; } a.float-menu-item { display: block !important; float: none !important; background: none !important; } #frmLogin #float_menu { background: #3B3630 !important; } ul#main #float_menu { border-left: 1px solid #f1f1f1; } ul#main #float_menu a { padding-left: 10px !important; } /* ---------------------------------------------------------------------------------------------------------------- */ /* BOX */ .box { border: 1px solid #a9a9a9; } .box h3 { margin-top: 0px; margin-bottom: 5px; font-size: 18px; } .box p { margin-top: 5px; margin-bottom: 5px; } .white-box { background: #fff; float: left; padding-bottom: 20px; width: 765px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* HIGHLIGHTED */ .highlighted h2 { display: none; } .highlighted { float: left; width: 770px; background: #fff url('../images/box_highlighted.gif') repeat-x bottom; padding-bottom: 20px; } .highlighted img.product { float: left; margin-right: 20px; margin-bottom: 20px; } .highlighted .lead { font-size: 14px; color: #555; padding-right: 20px; margin-left: 190px; margin-bottom: 20px; } .highlighted .btnDetails { height: 30px; width: 160px; font-size: 14px; } .highlighted .pageLinks { float: right; margin-right: 20px; } .highlighted .pageLinks .pageNum { display: block; float: left; width: 20px; text-align: center; height: 20px; line-height: 20px; font-size: 14px; background: #fff; border: 1px solid #0777bf; margin-left: 10px; color: #0777bf; } .highlighted .pageLinks .active-pageNum { background: #0777bf url('../images/button_blue.gif') repeat-x center center !important; color: #fff !important; } .highlighted_tab { background-color: #5b9606; color: white !important; } /* ---------------------------------------------------------------------------------------------------------------- */ /* BLOCK TITLE */ h2.block { float: left; width: 770px; position: relative; background: #fff url('../images/block_title.gif') repeat-x bottom; border: 1px solid #a9a9a9; font-size: 20px; line-height: 20px; width: 770px; padding: 15px 0px 15px 0px; margin-top: 20px; margin-bottom: 25px; } h2.block span.text { padding: 0px 20px 0px 20px; } h2.block span.arrow { position: absolute; left: 600px; top: 42px; display: block; width: 75px; height: 24px; background: url('../images/block_title_arrow.gif') no-repeat; } /* ---------------------------------------------------------------------------------------------------------------- */ /* TAB BOX */ .tab-box { float: left; width: 770px; } .tab-box .tab-content { float: left; width: 770px; clear: both; border: 1px solid #a9a9a9; border-top: 0px none; background: #fff url('../images/box_highlighted.gif') repeat-x bottom; } .tab-box .tab-content .content { padding: 5px; margin-bottom: 5px; } .tab-box ul.tabs { margin: 0px; padding: 0px; list-style: none; width: 770px; height: 30px; background: #000; } .tab-box ul.tabs li { display: inline; } .tab-box ul.tabs li a, .tab-box ul.tabs li a:link, .tab-box ul.tabs li a:visited { display: block; float: left; padding: 0px 8px 0px 8px; font-size: 14px; line-height: 30px; height: 30px; color: #eee; cursor: pointer; border-right: 1px solid #fff; } .tab-box ul.tabs li a.active { background: #fff url('../images/tab_active.gif') repeat-x top; color: #0b77b8 !important; margin-top: -5px; height: 35px !important; line-height: 35px !important; margin-bottom: -5px; border: 1px solid #a9a9a9; border-bottom: 0px none; } .tab-box a.more { display: block; float: left; width: 500px; clear: both; padding: 10px 10px 30px 10px; font-size: 14px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* CARD */ .tab-content { padding: 0px !important; width: 769px !important; overflow: hidden; } .card-container { clear: both; } .card-container h3 { display: none; } ul.cards { list-style: none; margin: 0px; padding: 0px; } .card { display: block; float: left; width: 241px; border: 1px solid #d0d0d0; background: #fff; margin: 10px 5px 10px 5px; text-align: center; padding: 0px; } .card img.product { display: block; float: left; margin-right: 10px; } .card .card-content { padding: 10px; } .card h4 { margin: 0px 0px 5px 0px; text-align:left; height: 60px; font-size: 14px; } .card .intro-text { margin: 0px 0px 0px 75px; padding: 0px; text-align:left; display: block; height: 185px; overflow: hidden; color: #555; line-height: 115%; font-size: 11px !important; } .card .intro-text p { margin-top: 0px !important; padding-top: 0px !important; padding-bottom: 0px; margin-bottom: 3px; font-size: 11px !important; } .card a.details { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #d0d0d0; text-align:left; padding-left: 75px; } .btnCart { width: 150px; height: 24px; font-size: 12px; margin-left: 5px; } ul.cards li.workshop img.product { margin: 10px 0px 0px 5px; } ul.cards li.workshop .intro-text { margin: 0px; padding: 10px 0px 0px 0px !important; height: 80px !important; clear: both; } ul.cards li.workshop a.details { padding-left: 0px; } ul.cards li.workshop .date { display: block; color: #777; } /* ---------------------------------------------------------------------------------------------------------------- */ /* HALF-BOX */ .half-box { dispaly: block; float: left; width: 375px !important; } .half-box h2.block { width: 375px !important; } .half-box h2.block span.arrow { left: 250px !important; } .half-box .box { display: block; float: left; background: #fff; width: 375px !important; } .right-half-box { margin-left: 20px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* PRODUCT-LIST */ .product-list h3 { font-size: 14px; margin: 0px 20px 10px 20px; height: 20px; overflow: hidden; } .product-list h3 a { color: #0E75C0; } .product-list img.product { float: left; margin: 0px 10px 5px 20px; } .product-list .call-to-action { padding-right: 20px; } .product-list .call-to-action, .product-list .call-to-action p { font-size: 10px; color: #222; } /*.product-list .text { display: block; height: 70px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #ddd; color: #555; }*/ .product-list a.details, .product-list a.details:link, .product-list a.details:visited { display: block; text-align: right; margin-right: 20px; } .product-list ul.products { list-style: none; padding: 0px !important; margin: 0px !important; } .product-list ul.products li.product { display: block; clear: both; height: 120px; padding: 15px 0px 15px 0px; border-bottom: 1px dotted #ddd; } .product-list ul.products li.alter { background: #f3f9ff; } .product-list ul.products li img.product { border: 1px solid #ddd; } /* ---------------------------------------------------------------------------------------------------------------- */ /* BOX */ /* Box general */ #right_panel .box { background: #e0e0e0; width: 210px !important; padding: 0px !important; margin: 0px 0px 20px 0px !important; } #right_panel .box h2 { color: #000; margin: 0px; font-size: 16px; background: #f3f3f3; background-position: 3px center; background-repeat: no-repeat; padding: 5px 10px 5px 40px; border-bottom: 1px solid #a9a9a9; } #right_panel .box h2 a { color: #000; } #right_panel .box .content { border: 1px solid #fff; padding: 0px 0px 10px 0px; text-align: center; } #right_panel .box .box-content { background: #fff; border: 1px solid #c9c9c9; margin: 10px 10px 0px 10px; padding: 10px; text-align: left; } /* Cart box */ #right_panel .cart-box ul { list-style: none; padding: 0px; margin: 5px 0px 0px 0px; } #right_panel .cart-box ul li { background: #fff; padding: 5px 5px 0px 0px; margin: 0px; clear: both; } #right_panel .cart-box ul li.alter { background: #f3f9ff; } #right_panel .cart-box .box-content img.product { display: block; float: left; width: 30px; margin-right: 5px; padding-bottom: 10px; } #right_panel .cart-box .box-content p { margin: 0px 0px 10px 5px; width: 160px; font-size: 11px; } #right_panel .cart-box .box-content .price { display: block; text-align: right; padding: 0px 10px 10px 10px; font-size: 13px; color: #1a84c0; } #right_panel .cart-box .box-content .price em { color: #D82827; font-style: normal; } #right_panel .cart-box .btnRemoveCart { float: right; background: url('../images/ico_del.gif') no-repeat top; } #right_panel .cart-box .total { padding: 10px 10px 0px 10px; font-size: 14px !important; text-align: center; color: #555 !important; width: auto; clear: both; } #right_panel .cart-box .total .sum { margin-left: 5px; color: #197CC3; } #right_panel .cart-box p.info { margin: 10px !important; text-align: center; } /* Newsletter box */ #right_panel .related_newsletters-box /* Tag box */ #right_panel .tags-box .box-content { text-align: center; } /* Banner */ #right_panel .banner { width: 210px; } /* General padding */ #right_panel .cart-box .box-content, #right_panel .recent_products-box .box-content, #right_panel .related_newsletters-box .box-content { padding: 2px 0px 2px 0px !important; } /* Box icons */ #right_panel .cart-box h2 { background-image: url('../images/pic_cart.gif'); } #right_panel .recent_products-box h2 { background-image: url('../images/pic_latest.gif'); } #right_panel .related_newsletters-box h2 { background-image: url('../images/pic_enews.gif'); } #right_panel .tags-box h2 { background-image: url('../images/pic_tag.gif'); } #right_panel .rss-box h2 { background-image: url('../images/pic_rss.gif'); } /* General box content */ #right_panel .acore-button { display: block; margin: 0px auto; font-size: 15px; margin-top: 10px; margin-bottom: 10px; } #right_panel input.acore-button { padding-top: 5px; padding-bottom: 5px; } #right_panel ul { padding: 0px; margin: 0px 1px 3px 1px; list-style: none; } #right_panel ul li { background: url('../images/bullet_blue.gif') no-repeat 8px 8px; padding: 5px 5px 5px 23px; border-bottom: 1px dashed #eee; } #right_panel ul li.alter { background-color: #f3f9ff !important; } #right_panel ul.check li { padding-left: 5px; background-image: none; } #right_panel ul.check li.alter { background: #f3f9ff; } #right_panel ul.check li input { display: block; float: left; padding: 10px 5px 10px 0px; vertical-align: baseline; margin-top: 0px; } #right_panel ul.check li label { display: inline; } /* ---------------------------------------------------------------------------------------------------------------- */ /* TAGS */ .tagcloud_5 { font-size: 20px; } .tagcloud_4 { font-size: 18px; } .tagcloud_3 { font-size: 16px; } .tagcloud_2 { font-size: 13px; } .tagcloud_1 { font-size: 10px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* FOOTER */ #footer ul.portfolio { display: block; float: left; width: 330px; list-style: none; padding: 0px; margin: 20px 0px 0px 0px; } #footer ul.portfolio li { padding: 0px; margin: 0px; } #footer ul.portfolio a { color: #aaa; display: block; height: 40px; line-height: 40px; padding-left: 50px; } #footer ul.portfolio a strong { color: #fff; font-weight: normal; } #footer ul.portfolio a.dashofer { background: url('../images/ico_site_dashofer.gif') no-repeat; } #footer ul.portfolio a.adoforum { background: url('../images/ico_site_adoforum.gif') no-repeat; } #footer ul.portfolio a.kalkulator { background: url('../images/ico_site_kalkulator.gif') no-repeat; } #footer ul.portfolio a.epitinfo { background: url('../images/ico_site_epitinfo.gif') no-repeat; } #footer ul.portfolio a.muszakiforum { background: url('../images/ico_site_muszakiforum.gif') no-repeat; } #footer ul.portfolio a.ugyvezeto { background: url('../images/ico_site_ugyvezeto.gif') no-repeat; } #footer ul.portfolio a.privatriporter { background: url('../images/ico_site_privatriporter.gif') no-repeat; } #footer ul.portfolio a.nokvagyunk { background: url('../images/ico_site_nokvagyunk.gif') no-repeat; } #footer ul.portfolio a.kistigris { background: url('../images/ico_site_kistigris.gif') no-repeat; } #footer address { display: block; float: left; width: 290px; height: 200px; margin: 20px 0px 0px 20px; padding-left: 30px; color: #aaa; font-style: normal; background: url('../images/footer_sep.gif') no-repeat left center; } #footer address .main { color: #fff; display: block; font-size: 14px; font-weight: bold; margin-bottom: 15px; } #footer address .info { display: block; margin-bottom: 10px; } #footer address strong { color: #fff; font-weight: normal; } #footer .email-button { margin: 0px auto; display: block; width: 160px; text-align: right; color: #fff; background: #4D4C47 url('../images/ico_footer_email.gif') no-repeat 10px 8px; border: 1px solid #666; height: 30px; line-height: 30px; font-weight: bold; } #footer .acore-button { margin-top: 10px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* TOOLTIPS */ .tooltip-content { display: none; } #tooltip { width: 300px; position: absolute; z-index: 3000; border: 1px solid #0E75C0; background: #ffffff url('../images/tab_active.gif') repeat-x top !important; padding: 15px; } #tooltip h3, #tooltip div, #tooltip p { margin: 0; background: none !important; text-align: left; } #tooltip h3 { margin-bottom: 5px; font-size: 16px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* MISC */ ul.breadcrumbs { list-style: none; padding: 0px; margin: 0px 0px 10px 5px; height: 20px; } ul.breadcrumbs li { display: inline; } ul.breadcrumbs li a { float: left; margin-right: 15px; padding-left: 15px; background: url('../images/bullet_blue.gif') no-repeat left center; } /* ---------------------------------------------------------------------------------------------------------------- */ /* PANEL */ .panel { background: #ffffff; border: 1px solid #A9A9A9; } /* ---------------------------------------------------------------------------------------------------------------- */ /* PRODUCT PANEL */ .product-panel img.product { float: left; margin-right: 10px; } .product-panel .call-to-action-lead { display: block; } .product-panel .product-lead { display: block; float: left; width: 290px; } .product-panel .call-to-action-lead, .product-panel .call-to-action-lead p, .product-panel .call-to-action-end, .product-panel .call-to-action-end p { font-size: 19px; color: #5b9606; } .product-panel .discount { background: #ff0000; color: #ffffff; width: 250px; text-align: center; line-height: 26px; height: 26px; font-size: 16px; font-weight: bold; margin-bottom: 20px; } .product-panel h2 { font-size: 22px; } .product-panel .lead, .product-panel .lead p { font-size: 16px; } .product-panel .lead ul { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; } .product-panel .lead ul li { padding-left: 30px; background: url('../images/bullet_blue.gif') no-repeat 10px center; font-size: 16px; } .product-panel #short_description { display: block; clear: both; padding-top: 30px;} .product-panel #short_description, .product-panel #short_description p { font-size: 14px !important; } .product-panel { color: #3a362f; } .product-panel p { color: #3a362f; } .product-panel .text { color: #3a362f; } .product-panel .btnCart { margin-top: 10px; } .product-tab-box { width: 730px; clear: both; margin-top: 30px; } .product-tab-box .tab-content { width: 730px !important; clear: both; border: 1px solid #ddd; border-top: 0px none; background: #fff; } .product-tab-box .tab-content .content { padding: 20px; margin-bottom: 5px; } .product-tab-box ul.tabs { margin: 0px; padding: 0px; list-style: none; width: 730px; height: 30px; background: #fff url('../images/product-tab-bg.gif') repeat-x bottom; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .product-tab-box ul.tabs li { display: inline; } .product-tab-box ul.tabs li a, .product-tab-box ul.tabs li a:link, .product-tab-box ul.tabs li a:visited { display: block; float: left; padding: 0px 20px 0px 20px; font-size: 14px; line-height: 30px; height: 30px; color: #333; cursor: pointer; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .product-tab-box ul.tabs li a.active { background: #fff url('../images/tab_active.gif') repeat-x top; color: #0b77b8 !important; margin-top: -5px; height: 35px !important; line-height: 35px !important; margin-bottom: -5px; border: 1px solid #ddd; border-bottom: 0px none; } .product-panel .product-info-box { display: block; float: right; width: 230px; margin-left: 15px; background: #f3f3f3; border: 1px solid #dcdcdc; } .product-panel .product-info-box ul { margin: 0px; padding: 0px; list-style: none; } .product-panel .product-info-box ul li { padding-left: 25px; background: url('../images/bullet_blue.gif') no-repeat 5px 5px; font-size: 14px; padding-bottom: 10px; } .product-panel .product-info-box ul li strong { font-weight: normal; color: #0078CB; } .product-panel .product-info-box .info, .product-panel .product-info-box .info p { color: #6c6c6c; } .product-panel .isbn { text-align: center; color: #666; margin-top: 20px; } .product-panel .url { text-align: center; margin-top: 20px; } .pic-bar { width: 730px; border: 1px solid #dcdcdc; text-align: center; disaply: block; margin-top: 20px; } .pic-bar table { width: 710px; margin: 10px; } .pic-bar td { text-align: center; } .pic-bar td .attachment-image { height: 110px; line-height: 110px; } .pic-bar td .attachment-image img { vertical-align: middle; } .pic-bar td .attachment-image a img { filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .pic-bar td .attachment-image a:hover img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; } .pic-bar td .attachment-name { margin-bottom: 5px; color: #0b77b8; font-size: 12px; font-weight: bold; } .pic-bar .youTube { display: none; } .pic-bar .btnYouTubeVideo img { border: 1px solid #dddddd; } .youTubeVideo { border-bottom: 1px solid #ddd; margin-bottom: 20px; } .pic-bar .pirobox_gall.first img { border: 1px solid #aaa; } .priceTable { margin-top: 20px; background: #F2F2F2; border: 1px solid #DDDDDD; width: 100%; } .priceTable td { padding: 10px; padding-bottom: 10px; text-align: center; } .priceTable .original-price, .priceTable .discount-price { display: block; background: #FFFFFF; border: 1px solid #D5D5D5; width: 159px; height: 80px; } .priceTable .label { display: block; float: left; padding-top: 10px; padding-left: 20px; color: #000; font-size: 13px; } .priceTable .price, .priceTable .price-small { display: block; float: left; clear: both; width: 159px; margin-top: 10px; text-align: center; font-size: 30px; } .priceTable .price-small { font-size: 26px !important; color: #1a84c0; } .priceTable .discount { display: block; float: left; clear: none; width: 50px; margin: 5px 0px 0px 5px; } .priceTable .original-price .price { color: #0877BE; } .priceTable .discount-price .price { color: #238514; } .cards .card { position: relative; } .discount-ribbon { display: block; position: absolute; top: -3px; left: 185px; width: 58px; height: 58px; background: url('../images/ribbon.png') no-repeat top right; } .discount-spacer { display: block; float: right; width: 20px; height: 15px; } /*.cards .product-discount { background: url('../images/ribbon.png') no-repeat top right; }*/ .product-panel ul.arrow { padding-left: 7px; } .product-panel ul.arrow li { background: url('../images/bullet_blue.png') no-repeat 0px 2px; font-size: 12px; margin-bottom: 3px; padding-bottom: 0px; padding-left: 18px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* WORKSHOP */ .workshopDates { margin-left: 25px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* LIGHTMODAL */ #modalContent { background: #ffffff; border: 1px solid #aaa; } #modalContent #modalContentPadding { padding: 20px 40px 20px 40px; text-align: left; } #modalBackground { background: #001122; } #modalContent .panel-navigation-container { text-align: center; } #modalContent .panel-navigation { text-align: left; width: 400px; height: 40px; margin: 20px auto; } #modalContent .panel-navigation .acore-button { height: 30px; line-height: 30px; padding-top: 0px; padding-bottom: 0px; width: 160px; } #modalContent .panel-navigation .btnContinue { float: left; filter: alpha(opacity=50); -moz-opacity:.50; opacity:.50; } #modalContent .panel-navigation .btnContinue:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; } #modalContent .panel-navigation .btnOrder { float: right; } #modalContent .cart ul { list-style: none; padding: 0px; margin: 0px; height: 330px; overflow-y: auto; border: 1px solid #eee; } .cart-box .cart ul { list-style: none; padding: 0px; margin: 0px; } #modalContent .info, .cart-box .info { font-size: 16px !important; } #modalContent .cart li, .cart-box .cart li { padding: 10px; margin: 0px; display: block; clear: both; } #modalContent .cart li.alter, .cart-box .cart li.after { background: #f3f6ff; } #modalContent .cart li img.product, .cart-box .cart li img.product { float: left; border: 1px solid #f3f6ff; margin-right: 10px;} #modalContent .cart li h2, .cart-box .cart li h2 { font-size: 14px; margin-top: 0px; } #modalContent .cart li h2 a, .cart-box .cart li h2 a { color: #0E75C0; } #modalContent .cart li p.price, .cart-box .cart li p.price { text-align: right; font-size: 14px; color: #0E75C0; } #modalContent .cart li p.price em, .cart-box .cart li p.price em { color: #333; } #modalContent .cart .total, .cart-box .cart .total { display: block; margin-top: 20px; font-size: 14px; text-align: right; padding-left: 30px; } #modalContent .cart .total .value, .cart-box .cart .total .value { font-weight: bold; } /* ---------------------------------------------------------------------------------------------------------------- */ /* LISTING PAGES */ .chkTopicItem, .chkTopicItemAll { display: block; float: left; height: 20px; width: 180px; } .chkTopicItem input, .chkTopicItemAll input { display: block; float: left; margin-top: 0px; } .chkTopicItemAll { clear: both; margin-top: 10px; } p.hint { padding: 0px 0px 0px 10px; font-size: 14px; } .chkTopicItems { margin-left: 10px; } .form-tab { margin-top: 20px; } .form-tab ul.tabs { /*height: 60px !important;*/ height: auto !important; display: block; float: left; background: #000000 url('../images/form-tab-hsep.gif') 0px 29px repeat-x !important; border-left: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9; border-top: 1px solid #A9A9A9; } .form-tab ul.tabs li a.active { border: none !important; margin: 0px !important; height: 30px !important; line-height: 30px !important;} .discount-products .tab-box .tab-content { border: 1px solid #a9a9a9; } .discount-products h3 { display: block; margin-left: 5px; font-size: 18px; } .workshop-table-container { display: block; width: 752px; background: url('../images/workshop-table-middle.gif') repeat-y; margin: 10px auto; } .workshop-table-container-content { display: block; width: 752px; background: url('../images/workshop-table-top.gif') no-repeat top; } .workshop-table-container-content-padding { display: block; background: url('../images/workshop-table-bottom.gif') no-repeat bottom; padding: 15px 20px 20px 20px; } .workshop-table { magin: 0px auto; width: 100%; } .workshop-table .form-header th { font-family: 'Trebuchet MS'; font-weight: normal; color: #0e75c0; font-size: 14px !important; padding: 0px 0px 5px 0px; } .workshop-table .workshop td { padding: 3px; } .workshop-table .workshop td.title { padding-left: 20px !important; } .workshop-table .workshop td.title a { color: #025C77; } .workshop-table td { background: #f6f6f6; } .workshop-table .alter td { background: #fcfcfc; } .workshop-table th.date { color: #000; padding: 2px 15px 2px 15px !important; } .workshop-table .date { text-align: center; } .workshop-table .price { width: 80px !important; text-align: right; font-size: 11px; } .workshop-table .workshop:hover td { background: url("../images/button_blue.gif") repeat-x scroll center center #2090D8; color: #fff; } .workshop-table .workshop:hover td a { color: #fff; } .price-info { font-size: 11px; text-align: center; margin: 10px; color: #3B3630; } .tab-icon { position: relative; top: -5px; left: -5px; vertical-align: top; } .tab-icon-only { position: relative; top: -7px; vertical-align: top; } /* ---------------------------------------------------------------------------------------------------------------- */ /* FORMS */ .form { display: block; float: left; width: 728px; clear: both; } .form .info { display: block; clear: both; margin-top: 30px; margin-left: 70px; } .zend_form dt { display: block; float: left; clear: both; width: 110px; height: 25px; line-height: 25px; text-align: right; margin-right: 8px; padding-right: 0px; } #participated_in_survey-label { width: 210px; } .zend_form dt label { padding-right: 7px; } .zend_form dd { display: block; float: left; width: 728px; /*overflow: hidden;*/ } .zend_form dd p { display: inline; margin: 0px; padding: 0px; } .zend_form .error-info { margin-left: 10px; color: #ff0000; } .zend_form_subform { display: block; float: left; padding: 0px 0px 20px 100px; clear: both; } .zend_form_subform dd { display: block; float: left; width: 500px; height: 25px; line-height: 25px; margin-left: 0px; padding-left: 0px; } .zend_form h3 { margin-left: 100px; margin-top: 20px; margin-bottom: 5px; display: block; clear: both; } .zend_form .textbox { border: 1px solid #ddd; width: 150px } label.required { background: url('../images/required.gif') no-repeat top right; } label.optional { color: #888; font-style: italic; } .active-form-element { border: 1px solid #555555 !important; } .form-element-error { border: 1px solid #ff0000 !important; } /* ---------------------------------------------------------------------------------------------------------------- */ /* Registration page */ .reg-box { background: #fff url('../images/registration-bg.jpg') no-repeat right top !important; } .dasid { float: left; margin-right: 10px; } .padbox-wide { display: block; float: left; width: 500px; } .padbox-wide small { color: #555555; } .padbox-wide small b { color: #000000; } .choose-regtype { padding-left: 35px; } .choose-regtype a.chooseShow { display: block; float: left; } .choose-regtype a.chooseShow { filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; } .choose-regtype a.chooseShow:hover, .choose-regtype a.active-show { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; } .choose-regtype .active-hide { filter: alpha(opacity=40) !important; -moz-opacity:.40 !important; opacity:.40 !important; } .btnRegister { display: block; height: 25px; width: 170px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* Profile page */ .profile-box { display: block; float: left; width: 375px; margin-top: 20px; background: #fff; border: 1px solid #A9A9A9; } .profile-box .content { padding: 10px 20px 20px 20px !important; } .right-profile-box { margin-left: 10px; } .profile-products li { margin-bottom: 10px; } .invoices td, .invoices th { padding: 5px; } .invoices th { border-bottom: 1px solid #ddd; } .invoices th.state { width: 50px; } .invoices th.price { width: 80px; } .invoices td.price { text-align: right; } /* ---------------------------------------------------------------------------------------------------------------- */ /* Order page */ /*.order-panel { width: 500px !important; padding: 0px !important; owerflow: hidden !important; }*/ .order-details th { font-size: 16px; padding: 4px 4px 4px 4px; text-align: right; } .order-details th.name-label { text-align: left !important; } .order-details td { font-size: 12px; padding: 2px 4px 2px 4px; } .order-details .blank, .order-details .item-number, .order-details .item-unitprice, .order-details .item-quantity, .order-details .item-totalnetprice, .order-details .item-totalgrossprice, .order-details .nettotal, .order-details .grosstotal { text-align: right; font-family: 'Courier New'; } .order-details .item-name { width: 340px; } .order-details .item-quantity { width: 60px; } .order-details .item-totalnetprice { width: 90px; } .order-details .summary .label { font-weight: bold; } .order-details .summary td { font-size: 14px; padding-top: 4px; border-top: 1px solid #ddd; } .order-details th { border-bottom: 1px solid #ddd; } .order-details .item-number { border-right: 1px solid #ddd; } .order-auth-block { height: 300px; } .order-auth-register { margin-left: 20px; } .order-auth { display: block; float: left; width: 350px; height: 270px; border: 1px solid #ddd; } .order-auth .content { padding: 10px; } .order-auth .field { height: 20px; display: block; clear: both; } .order-auth label { display: block; float: left; height: 20px; line-height: 19px; width: 100px; margin-right: 5px; text-align: right; font-style: italic; } #order_username, #order_password { border: 1px solid #ddd; } #order_btnLogin { height: 26px; } .order-auth .link { display: block; clear: both; } .order-auth .btnLogin, .order-auth .btnReg { margin: 10px 0px 10px 53px; } .orderform .product { width: 400px; } .orderform .feedback { width: 25px; } .orderform td { vertical-align: top; border-bottom: 1px solid #eee; color: #555; } .order-panel h3 { display: block !important; float: left !important; width: 600px !important; margin: 10px 0px 0px 120px; } .order-panel .zend_form_subform { padding-bottom: 0px !important; } .order-panel .btnOrder { display: block; height: 25px; width: 170px; margin-left: 100px; } .order-panel #comment { width: 250px !important; } /* ---------------------------------------------------------------------------------------------------------------- */ /* Search page */ ul.search-results { list-style: none; padding-left: 0px; margin-left: 0px; } .search-result-item { display: block; float: left; clear: both; width: 725px; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; } .search-result-item .search-result-item-content { padding: 20px; } .search-result-item img.product { float: left; } .search-result-item .intro { margin-left: 190px; font-size: 14px; color: #333; } .search-result-item .intro p { font-size: 14px; color: #333; } .search-result-item h3 { margin-bottom: 10px; font-size: 22px; } .search-result-item h4 { font-size: 16px; } .search-result-item ul.product-breadcrumb { list-style: none; padding: 0px; margin: 0px; height: 30px; } .search-result-item ul.product-breadcrumb li { display: block; float: left; padding-left: 15px; margin-left: 15px; background: url('../images/bullet-right.png') no-repeat left 4px; } .search-result-item .more { display: block; padding-top: 5px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* Newsletter page */ .newsletter-links { margin-top: 20px; } .newsletter-links a { float: left; filter: alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .newsletter-links a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; } .toc-box { padding-bottom: 0px !important; margin-bottom: 20px !important; } /* ---------------------------------------------------------------------------------------------------------------- */ /* ADS */ #top_ad_inside { padding-top: 15px; padding-bottom: 10px; } /* ---------------------------------------------------------------------------------------------------------------- */ /* CONACT */ .business-card { background: url('../images/business-card.jpg') no-repeat; width: 308px; height: 158px; float: left; margin: 20px 0px 0px 22px; } .business-card .lastname { display: block; padding: 15px 90px 0px 20px; font-size: 22px; font-family: 'Century Gothic', 'Trebuchet Ms', 'Verdana'; color: #fff; } .business-card .firstname { display: block; padding: 3px 90px 0px 60px; font-size: 22px; font-family: 'Century Gothic', 'Trebuchet Ms', 'Verdana'; color: #ddd; } .business-card .email { display: block; padding: 11px 0px 0px 00px; font-size: 15px; font-family: 'Century Gothic', 'Trebuchet Ms', 'Verdana'; color: #ddd; text-align: center; } .business-card .email a { color: #ddd; } .business-card table.info { width: 308px; height: 50px; } .business-card table.info td { vertical-align: middle; padding: 5px 10px 0px 10px; text-align: center; } .business-card.rest { margin-left: 190px !important; } #contacts .address { display: block; font-style: none !important; margin-bottom: 20px; float: left; width: 320px; } #contacts .address .location { font-size: 15px; margin-bottom: 20px; } #contacts .address table.phones { margin-bottom: 10px; } #contacts .address table.phones td { padding: 5px; vertical-align: top; } #contacts .address table.phones td.label { text-align: right; font-weight: bold; } #contacts .business-card { margin: 0px !important; } #contacts #map { display: block; float: left; width: 350px; margin-left: 10px; height: 370px; border: 1px solid #ccc; } p.division-fax { font-size: 18px; font-family: 'Trebuchet Ms'; text-align: center; color: #333; } /* -------------------------------------------------------------------------------- */ /* LIGHTBOX - ARTICLE */ .scroll-box { height: 440px; overflow-y: auto; padding: 10px; } /* -------------------------------------------------------------------------------- */ /* CONTENT */ .keretes-tablazat { } .keretes-tablazat td, .keretes-tablazat th { padding: 3px !important; border: 1px solid #ddd !important; } /* -------------------------------------------------------------------------------- */ /* LANDING */ .landing-page .product-lead { width: 510px !important; } .landing-page .product-tab-box .tab-content { width: 955px !important; } .landing-page .product-tab-box ul.tabs { width: 955px !important; } .landing-page .product-tab-box { width: 955px !important; } .landing-page .pic-bar { width: 955px !important; } .landing-page .pic-bar table { width: 955px !important; } /* -------------------------------------------------------------------------------- */ /* GOOGLE CHROME HACK */ /*\*/ .card .intro-text { margin-left: 0px !important; } /**/