/********************************************** ***** W3LAB WCMS ***** ***********************************************/ /** * @author Daniel Villanyi * @copyright 2011 W3LAB * @license 2011 W3LAB * @date 2011-09-26 * @filename screen.css */ /* base */ body { background:#FFF url(images/body_bg.jpg) repeat-x; font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#5c4533; margin:0; padding:0; } label { float:left; width:180px; margin-top:6px; } a { outline:0; color:inherit; text-decoration:none; } a:hover { } a img { border:0; } hr { height:1px; background:#efe8c9; border:0; margin:10px 0; float:none; clear:both; } /* global classes */ .underline { text-decoration:underline; } .align_left { text-align:left; } .align_center { text-align:center; } .align_right { text-align:right; } .align_justify { text-align:justify; } .text_bigger { font-size:120%; } .text_smaller { font-size:80% !important; } .text_bold { font-weight:bold !important; } .text_stroke { text-decoration:line-through; } .display_block { display:block; } .display_hidden { visibility:hidden; } .display_none { display:none; } .display_inline { display:inline !important; float:none; clear:none; } .clearer { float:none; clear:both; } .border_radius { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .border_radius_top { border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; } .border_radius_top_left { border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; } .border_radius_top_right { border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } .border_radius_bottom { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } .border_radius_bottom_left { border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } .border_radius_bottom_right { border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .float_left { float:left; } .float_right { float:right!important; } .option { float:none; clear:both; display:block; margin:10px 0; } .optionNoInput { float:none; clear:both; display:block; margin:10px 0; padding:8px 0; } .optionNoInput label { padding:0 !important; margin:0 !important; } .drop_shadow { -moz-box-shadow: 0 3px 3px 0 #2f2f2f; -webkit-box-shadow: 0 3px 3px 0 #2f2f2f; box-shadow: 0 3px 3px 0 #2f2f2f; } .header1, h1 { display:block; font-weight:bold; font-size:16px; margin-bottom:10px; color:#80256a; } .header2, h2 { display:block; font-weight:bold; font-size:16px; margin-bottom:10px; color:#80256a; } .header3, h3 { display:block; font-weight:bold; font-size:15px; margin-bottom:5px; color:#868600; } .error_msg { color:red; font-weight:bold; } .stat_active { } .stat_inactive { -moz-opacity:0.5; opacity: 0.5; } .stat_inactive * { -moz-opacity:1.0 !important; opacity: 1.0 !important; } .opacity50 { -moz-opacity:0.5; opacity: 0.5; } .left50 { width:49%; float:left; } .right50 { width:49%; float:right; } .mid50 { width:50%; margin:0 auto; } .nocursor { cursor:text } .header-first-child { margin-top:-5px !important; padding-top:0 !important; } /*.static_content h1:first-child, .static_content h2:first-child, .static_content h3:first-child { margin-top:0 !important; padding-top:0 !important; }*/ /* inputs and buttons */ .input_text, input[type=text], input[type=password] { font-family:Tahoma, Geneva, sans-serif; background:#fff url(images/input_text_bg.png) repeat-x; font-size:10px; color:#5c4533; border:1px solid #fff; padding:6px 8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .input_textarea, textarea { background:#fff; font-size:10px; color:#5c4533; border:1px solid #fff; padding:6px 8px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .header11 { font-size:11px; text-align:right; float:right; } .input_select, select { font-family:Tahoma, Geneva, sans-serif; background:#fff url(images/input_text_bg.png) repeat-x; font-size:10px; color:#5c4533; border:1px solid #fff; padding:5px; margin-right:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .input_button, input[type=button] { text-transform:uppercase; cursor:pointer; background:#83664d url(images/input_button_bg.png) bottom center repeat-x; font-size:10px; border:1px solid #6f4e32; padding:6px 8px 5px 8px; color:#dcd1bf; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } span.input_button { cursor:default !important; } .input_button.float_right { margin-left:5px; } .link_button { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } input, select, textarea, a.input_button { outline:0 !important; } input[type=checkbox], input[type=radio] { margin:8px 0; } input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { background:#fff !important; } input[type=button]:focus, input[type=submit]:focus { } input:hover, select:hover, textarea:hover, a.input_button:hover { } /* layout */ #container { width:990px; margin:0 auto; position:relative; } #pageStart { width:990px; height:32px; padding:0; background:#79614d; color:#fff; position:relative; } #header { width:990px; height:179px; background:transparent url(images/header_bg.png) no-repeat; position:relative; } #logo { width:530px; height:180px; margin:0; padding:0; background:transparent url(images/logo_bg.png) no-repeat; position:absolute; top:0; left:0; z-index:2; } #logo a { display:block; text-indent:-9000px; height:100%; width:100%; } #logoBubble { width:491px; height:209px; margin:0; padding:0; background:transparent url(images/logo_bubble.png) no-repeat; position:absolute; top:-31px; right:130px; z-index:1; } #logoBubble a { display:block; text-indent:-9000px; height:100%; width:100%; } #lizaDekor { width:137px; height:54px; background:transparent url(images/logo_lizadekor.png) no-repeat; display:block; text-indent:-9000px; position:absolute; right:0; bottom:0; } #menu1 { width:990px; background:transparent url(images/menu1_bg.png) no-repeat; font-weight:bold; font-size:11px; text-transform:uppercase; } #menu1 ul { list-style:none; margin:0; padding:0; } #menu1 ul li { float:left; margin:0; padding:5px 0; } #menu1 ul li a { color:#a6a500; display:block; border-left:1px solid #a6a500; padding:2px 0 0 6px; margin:0 0 0 10px; } #menu1 ul li:first-child a { border-left:0; margin-left:0; } #menu1 ul li.active a { color:#5b6200; } /* view disabled */ #menu1 ul ul { display:none; } #menu2 { width:970px; background:#949600 url(images/menu2_bg.png) no-repeat; padding:0 10px; position:relative; z-index:99; font-weight:bold; font-size:14px; color:#fff; } #menu2 ul { margin:0; padding:0; list-style:none; } #menu2 ul li { float:left; margin:0; padding:0; background:transparent url(images/menu2_list.png) left center no-repeat; position:relative; } #menu2 ul li:first-child { background:none; } #menu2 ul li a { display:block; padding:10px 6px 10px 2px; margin:0 0 0 15px; } #menu2 ul li:first-child a { margin-left:0; padding-left:3px; background:none; } #menu2 ul li.active a { color:#ebe48c; background:transparent url(images/menu2_hover.png) center no-repeat; } #menu2 ul li.active.roses a { background-image: url(images/menu2_hover_roses.png); } #menu2 ul li.cart { background:transparent url(images/menu2_cart.png) center no-repeat; height:35px; width:35px; position:absolute; right:-5px; top:1px; padding:0; margin:0; } #menu2 ul li.cart a { display:block; text-indent:-9000px; height:35px; width:35px; margin:0; padding:0; } #menu2 ul li.active.cart a { background:none; } #menu2 ul ul { display:none; position:absolute; top:36px; left:0; z-index:999; padding:5px 0 10px 0; margin:0; min-width:150px; z-index:9; background:#fff url(images/menu2_ul_bg.png) top center no-repeat; color:#636900; border:1px solid #adad20; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-box-shadow: 0 3px 3px 0 #e0dbc2; -webkit-box-shadow: 0 3px 3px 0 #e0dbc2; box-shadow: 0 3px 3px 0 #e0dbc2; -moz-opacity:0.9; opacity: 0.9; } #menu2 ul li:hover ul { display:block; } #menu2 ul ul li { float:none; background:none; } #menu2 ul li ul a { -moz-opacity:1.0 !important; opacity: 1.0 !important; background:transparent url(images/menu2_ul_a_bg.png) left center no-repeat !important; padding:5px 0 5px 13px !important; margin:0 20px !important; color:#636900; font-weight:normal; font-size:14px; } #menu2 ul li ul li:first-child a { margin:0 20px; padding:5px 0 5px 13px; background:transparent url(images/menu2_ul_a_bg.png) left center no-repeat; } #menu2 ul li.active ul li a { background:transparent url(images/menu2_ul_a_bg.png) left center no-repeat; padding:5px 0 5px 13px; margin:0 20px; color:#636900; font-weight:normal; font-size:14px; } #menu2 ul li.active ul li:first-child a { margin:0 20px; } #menu2 ul ul li a:hover { color:#9d9e00 !important; background:transparent url(images/menu2_ul_ahover_bg.png) left center no-repeat !important; } /* view disabled */ #menu2 ul ul ul { display:none !important; } #extra_left { width:9px; height:52px; position:absolute; left:-9px; top:0; background:url(images/menu2_extra_left.png) no-repeat; } #extra_right { width:9px; height:52px; position:absolute; right:-9px; top:0; background:url(images/menu2_extra_right.png) no-repeat; } #content { /*min-height:300px;*/ background:#fff; position:relative; padding:18px 18px; } #facebook { position:absolute; right:-36px; top:20px; height:42px; width:36px; background:transparent url(images/content_facebook.png) no-repeat; display:block; text-indent:-9000px; } #youtube { position:absolute; right:-36px; top:108px; height:42px; width:36px; background:transparent url(images/content_youtube.png) no-repeat; display:block; text-indent:-9000px; } #google-plus { position:absolute; right:-36px; top:64px; height:42px; width:36px; background:transparent url(images/google-plus-icon.png) no-repeat; display:block; text-indent:-9000px; } #footer { background:#fff url(images/footer_bg.png) center top no-repeat; padding:15px 10px; margin:0 0 40px 0; position:relative; color:#a6a500; } .footerMenu { list-style:none; margin:0 0 15px 0; padding:0; float:left; font-weight:bold; width:100%; } .footerMenu li { float:left; margin:0; padding:5px 0; } .footerMenu li a { color:#a6a500; display:block; border-left:1px solid #a6a500; padding:0 0 0 10px; margin:0 0 0 10px; } .footerMenu li:first-child a { border-left:0; margin-left:0; } .footerMenu li.active a { color:#5b6200; } /* view disabled */ .footerMenu ul { display:none; } .copyright { display:block; float:left; clear:both; padding:7px 10px; } .author { display:block; float:right; padding:7px 10px; } .cib { display:block; float:right; padding:0 10px; } .cib span { display:block; float:left; padding:7px 5px; } /* top login */ #loginForm { position:absolute; right:0; top:2px; width:175px; color:#83664d; } #loginForm label { float:right; text-align:right; width:130px; color:#83664d; font-size:12px; padding:0px 5px 0 0; margin:0; text-transform:lowercase; display:block;} #loginForm .input_text { width:80px; padding:2px 4px !important; float:right; } #loginForm .input_button { width:90px; padding:2px 4px !important; } #loginForm .buttoner { text-align:center; padding-left:85px; } #loginForm .buttoner span { display:block; } #loginForm .buttoner span a { display:block; padding:5px 5px 10px; font-size:10px; } #loginForm .error_msg { position:absolute; right:0; top:10px; width:111px; font-size:10px; background:#fff; z-index:9; padding:11px 8px; border:1px solid #efe8c9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .cart #loginForm .error_msg { top:5px; } /* top forgotten pass */ #fpf { position:absolute; right:0; top:10px; width:175px; color:#83664d; } #fpf { position:absolute; right:0; top:10px; width:175px; color:#83664d; } #fpf label { text-align:right; width:80px; color:#83664d; font-size:12px; padding:2px 5px 0 0; margin:0; text-transform:lowercase; } #fpf .input_text { width:80px; padding:2px 4px !important; } #fpf .input_button { width:90px; padding:2px 4px !important; } #fpf .buttoner { text-align:center; padding-left:85px; } #fpf .buttoner span { display:block; margin:5px; font-size:10px; } /* top userdatas */ #loggedInForm { position:absolute; right:0; top:10px; width:175px; color:#83664d; text-align:right; } #loggedInForm span { font-size:10px; } #loggedInForm .error_msg { display:none; } /* top contacts */ #pageStart .contacts { position:absolute; left:0; top:7px; } /* langselect */ #languages { position:absolute; right:0; top:10px; } #languages ul { margin:0; padding:0; list-style:none; } #languages ul li { float:left; margin-right:5px; } #languages ul li a { display:block; text-indent:-9000px; width:17px; height:11px; -moz-box-shadow: 0 3px 3px 0 #66513f; -webkit-box-shadow: 0 3px 3px 0 #66513f; box-shadow: 0 3px 3px 0 #66513f; } #languages .hu a { background:transparent url(images/lang_hu.png) no-repeat; } #languages .en a { background:transparent url(images/lang_en.png) no-repeat; } /* content */ #content .input_text, #content input[type=text], #content input[type=password] { border:1px solid #c8b2a1; font-size:12px; width:269px; background-color:#f7f5ec; /*padding:5px 10px;*/ } #content .input_select, #content select { border:1px solid #c8b2a1; padding-right:2px; font-size:12px; background-color:#f7f5ec; width:285px; } #content .input_textarea, #content textarea { border:1px solid #c8b2a1; background-color:#f7f5ec; } #content table { margin:0; padding:0; border:0; border-collapse:collapse; width:100%; } #content table th { background:#efe8c9; padding:5px 10px; } #content table td { background:#fbf7e4; padding:5px 10px; border:1px solid #fff; } #content table.table_simple td { background:#fff; border:0; } #content p a { border-bottom:1px dashed #83664d; } #content .static_content { padding:0 20px; } /* grand sys messages */ #gSysMessageContainer { position:fixed; z-index:9999; height:100%; width:100%; /*background:url(images/trans_white.png);*/ } #gSysMessageWrap { width:604px; height:210px; margin:120px auto; background:transparent url(images/sysMessage_bg.png) center no-repeat; } #gSysMessage { -moz-box-shadow: 0 0px 30px 0 #828282; -webkit-box-shadow: 0 0 30px 0 #828282; box-shadow: 0 0px 30px 0 #828282; background:#fce072; border:1px solid #e2b709; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:430px; margin:60px auto; text-align:center; } #gSysMessage hr { background:#e2b709; } /* sys messages */ #sysMessageWrap { position:absolute; top:0; right:0; z-index:9; padding:5px; background:#80256a; color:#fff; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } #sysMessage { } #sysMessage .header2 { display:inline; font-size:12px; color:#ffd503; } #sysMessage hr { display:none; } #sysMessage .input_button { display:none; } /* search by keyword */ .searchByKeyword { float:right; position:relative; } .searchByKeyword .input_button { position:absolute; right:8px; top:8px; border:0; text-indent:-9000px; background:#fff url(images/search_bg.png) right center no-repeat; height:16px; width:18px; } .searchByKeyword .input_text { margin:5px; padding:2px 24px 2px 4px; width:70px; } /* mainpage products and product lists */ .productBox { width:215px; height:315px; float:left; margin-left:31px; position:relative; overflow:hidden; } .productBox.first-child { margin-left:0; } .productBox .index_img { text-align:center; width:215px; height:215px; overflow:hidden; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productBox .index_img a { height:215px; width:auto; text-align:center; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productBox .index_img img { max-height:215px; max-width:215px !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 3px 3px #d6d6d6; -webkit-box-shadow: 0 3px 3px #d6d6d6; box-shadow: 0 3px 3px #d6d6d6; } .productBox .discounted_img { position:absolute; top:0px; left:2px; z-index:9; width:105px; height:83px; background:transparent url(images/productBox_discounted_img.png) no-repeat; } .productBox .discounted_img a { display:block; height:100%; width:100%; } .productBox .fullSense { position:absolute; top:1px; left:0; z-index:9; width:210px; height:210px; text-indent:-9000px; } .productBox .orderFunctions { position:absolute; top:210px; left:0; padding-bottom:10px; border-bottom:1px solid #efe8c9; } .productBox .header1 { font-size:14px; font-weight:normal; color:#5c4533; margin:5px 0 3px 0; padding:0; height:18px; overflow:hidden; } /*.productBox hr { margin:5px 0 !important; } */ .productBox hr { display:none; } .productBox:hover .header1 { font-weight:bold; } .productBox .price { cursor:pointer; font-size:17px !important; width:219px !important; background:none !important; color:#9e9e01; font-weight:bold; border:0 !important; padding:0 !important; margin:0 0 0 -4px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .productBox .price option { padding:0 !important; margin:0; border:0; } .productBox .priceClicked { /*width:218px !important;*/ } .productBox .priceFake { cursor:pointer; font-size:17px !important; height:24px; width:222px !important; overflow:hidden !important; background:none !important; color:#9e9e01; font-weight:bold; border:0 !important; padding:1px 0 0 0; margin:0 0 0 -1px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } .productBox .priceFake .size { font-size:9px; font-weight:normal !important; } /* view disabled */ .productBox .price.text_stroke { color:red; font-weight:normal; display:none; } .productBox .more { background:#868600 url(images/productBox_more.png) left center no-repeat; border-left:4px solid #868600; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; color:#fff; float:left; padding:5px; padding-left:22px; margin-top:5px; } .node-add-to-cart { cursor:pointer; font-size:12px; background:#bb1967 url(images/productBox_order.png) right center no-repeat; border:0; border-right:4px solid #bb1967; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; color:#fff; float:right; padding:5px 16px 4px 4px; margin:5px 0 0 0; } .productBox .noimage { width:215px; height:205px; background:#f5f5f5 url(images/productBox_noimage.png) center no-repeat; -moz-box-shadow: 0 3px 3px 0 #d6d6d6; -webkit-box-shadow: 0 3px 3px 0 #d6d6d6; box-shadow: 0 3px 3px 0 #d6d6d6; } /* related products */ /* 2012.08.23 Robert kérésére ki lettek szedve a képméret kicsinyítése, most a normált kéri */ /*.relatedProducts { margin-top:10px; }*/ /*.relatedProducts .productBox { width:133px; height:175px; margin-right:0 !important; margin-left:23px !important; }*/ .relatedProducts .productBox { width:215px; height:315px; margin-right:0 !important; margin-left:23px !important; } .relatedProducts .productBox.first-child { } .relatedProducts .productBox.related-first-child { margin-left:0; } /*.relatedProducts .productBox .index_img { width:125px; height:125px; } .relatedProducts .productBox .index_img img{ max-height:125px !important; max-width:125px !important; } .relatedProducts .productBox .noimage { max-height:125px !important; max-width:125px !important; background-image:url(images/productBox_noimage_small.png); }*/ /*.relatedProducts .productBox .price { cursor:auto; font-size:12px !important; width:130px !important; }*/ .relatedProducts .productBox .more { display:none; } /*.relatedProducts .productBox .orderFunctions { position:absolute; top:120px; left:0; width:125px; } .relatedProducts .productBox .selector { background:transparent url(images/trans_white.png); padding:5px 15px; position:absolute; z-index:8; top:-34px; right:0px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; }*/ .relatedProducts .topButtoner { display:block; margin-bottom:10px !important; } .relatedProducts .header1 { display:block; margin:10px 0 0 0 !important; } .relatedProducts a.float_right { margin-top:-5px; } .relatedProducts .productBox .fullSense { display:none; } .relatedProducts .node-add-to-cart { display:none; } .relatedProducts .productViewBox #addToCart { display:none; } .relatedProducts .productViewBox #tabs .left50 { display:none; } .relatedProducts .productViewBox #tabs .right50 { width:100% !important; } /* 2012.08.23 Robert kérésére ki lettek szedve a képméret kicsinyítése, most a normált kéri, kosárban marad a régi*/ .cart .relatedProducts .productBox { width:133px; height:175px; margin-right:0 !important; margin-left:23px !important; } .cart .relatedProducts .productBox .orderFunctions { position:absolute; top:120px; left:0; width:125px; } .cart .relatedProducts .productBox .selector { background:transparent url(images/trans_white.png); padding:5px 15px; position:absolute; z-index:8; top:-34px; right:0px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .cart .relatedProducts .productBox .price { cursor:auto; font-size:12px !important; width:130px !important; } .cart .relatedProducts .productBox .index_img { width:125px; height:125px; } .cart .relatedProducts .productBox .index_img img{ max-height:125px !important; max-width:125px !important; } .cart .relatedProducts .productBox .noimage { max-height:125px !important; max-width:125px !important; background-image:url(images/productBox_noimage_small.png); }*/ .cart .relatedProducts .productBox .price { cursor:auto; font-size:12px !important; width:130px !important; } /* mainpage boxes */ #boxes { margin-bottom:15px; position:relative; overflow:hidden; background:#fff url(images/boxes_bg.png) repeat-y; } #boxes .box1 { position:absolute; left:60px; top:40px; z-index:10; width:475px; margin-right:15px; text-align:center !important; } #boxes .box1 .header2 { display:none; } #boxes .box1 h1 { margin-top:0; padding-top:0; } #boxes .box2 { /*position:absolute; top:50px; right:0;*/ float:right; width:322px; padding:10px 10px 30px 10px; font-size:11px; } #boxes .box2 .header2 { display:none; color:#80256a; background:transparent url(images/box2_header_bg.png) left center no-repeat; font-size:21px; font-weight:normal; padding-left:25px; margin-top:0; padding-top:0; } #boxes .box2 h1:first-child { color:#80256a; /* background:transparent url(images/box2_header_bg.png) left center no-repeat;*/ font-size:21px; font-weight:normal; padding-left:0px; margin-top:0; padding-top:0; } #boxes .more { position:absolute; right:2px; bottom:0; z-index:5; background:#fef7e3; width:341px; height:45px; } #boxes .morea { position:absolute; right:10px; bottom:10px; z-index:9; background:#868600 url(images/box_more_bg.png) right center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; color:#fff; padding:5px 10px 5px 10px; border-right:10px solid #868600; } #boxes .box1_wrapper { min-height:180px; width:475px; float:left; padding:40px 60px;} #boxes .boxExtra1 { position:absolute; left:0; top:0; z-index:1; height:180px; width:300px; background:transparent url(/files/content/box/bal_sarok.png) no-repeat; } #boxes .boxExtra2 { position:absolute; right:360px; bottom:-10px; z-index:1; height:180px; width:300px; background:transparent url(/files/content/box/jobb_sarok.png) no-repeat right bottom; } #boxes #nameDay { /*position:absolute; top:0; right:0; */ float:right; background:#fff url(images/boxes_nameday_bg.png) left center no-repeat; padding-left:38px; border-bottom:15px solid #fff; width:305px; } #boxes #nameDay table { border:1px dashed white; } #boxes #nameDay table td { background:none; border:0; min-height:40px; vertical-align:middle !important; } #boxes #nameDay span { display:block; } /*background:#fef7e3;*/ /* profile view */ .productViewBox .jq_gallery { float:left; margin-right:10px; width:auto; height:80px; overflow:hidden; position:relative; text-align:center; } .productViewBox .tn_wrapper { width:450px; text-align:center; } .productViewBox .tn { float:none; display:inline-block; } .productViewBox .tn a { display:inline-block; width:auto; height:75px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productViewBox .tn img { max-height:75px; height:75px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 2px 2px 0 #d6d6d6; -webkit-box-shadow: 0 2px 2px 0 #d6d6d6; box-shadow: 0 2px 2px 0 #d6d6d6; } .productViewBox .index_img { text-align:center; width:450px; height:450px; margin-right:0; margin-bottom:20px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productViewBox .index_img a { display:inline-block; width:auto; height:445px; overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productViewBox .index_img img { max-height:445px; max-width:445px; margin-top:0 !important; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 3px 3px 0 #d6d6d6; -webkit-box-shadow: 0 3px 3px 0 #d6d6d6; box-shadow: 0 3px 3px 0 #d6d6d6; } .productViewBox .noImage { width:450px; height:450px; margin-right:0; margin-bottom:10px; background:transparent url(images/productBox_noimage.png) center no-repeat; } .productViewBox #tabs { width:480px; min-height:480px; height:auto !important; height:480px; float:right; } .productViewBox #tabs .tab { background:#fff8e7; padding:15px; margin-bottom:20px; clear:both; border:1px solid #fff3c4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .productViewBox #tabs #tab1 { background-image:url(images/menu2_ul_bg.png); background-repeat:no-repeat; background-position:70px 0; } .productViewBox #tabs #tab2 { display:none; background-image:url(images/menu2_ul_bg.png); background-repeat:no-repeat; background-position:215px 0; } .productViewBox #tabs .header1 { margin-top:0; padding:0; font-size:15px; } .productViewBox #tabs #tabSelect { margin:0 0 0 10px; padding:0; list-style:none; } .productViewBox #tabs #tabSelect li { float:left; margin-right:5px; } .productViewBox #tabs #tabSelect li a { cursor:pointer; display:block; padding:5px 10px; background:#ac9888; color:#fff; font-weight:bold; } .productViewBox #tabs #tabSelect li a.active { background:#9e9e01; } .productViewBox .shareButtons { float:left; margin-top:20px; width:450px; } .productViewBox #addToCart { margin:0; padding:0; } .productViewBox .left50 { width:35% !important; } .productViewBox .left50 .header3 { display:block !important; margin-top:8px; } .productViewBox .left50 #addToCart .option { position:relative; padding:10px 0 10px 43px; } .productViewBox .left50 #addToCart .header3 { display:inline !important; cursor:pointer; } .productViewBox .left50 #addToCart input[type=radio] { position:absolute; top:8px; right:20px; margin:0; padding:0; } .productViewBox .left50 #addToCart .size11 { background:transparent url(images/productViewBox_size11_bg.png) 5px center no-repeat; } /* A */ .productViewBox .left50 #addToCart .size2 { background:transparent url(images/productViewBox_size1_bg.png) 5px center no-repeat; } /* XS */ .productViewBox .left50 #addToCart .size1 { background:transparent url(images/productViewBox_size2_bg.png) 5px center no-repeat; } /* S */ .productViewBox .left50 #addToCart .size10 { background:transparent url(images/productViewBox_size10_bg.png) 5px center no-repeat; } /* M */ .productViewBox .left50 #addToCart .size4 { background:transparent url(images/productViewBox_size4_bg.png) 5px center no-repeat; } /* L */ .productViewBox .left50 #addToCart .size5 { background:transparent url(images/productViewBox_size5_bg.png) 5px center no-repeat; } /* XL */ .productViewBox .left50 #addToCart .size6 { background:transparent url(images/productViewBox_size6_bg.png) left center no-repeat; } /* XXL */ .productViewBox .left50 #addToCart .size7 { background:transparent url(images/productViewBox_size7_bg.png) left center no-repeat; } /* Mega */ .productViewBox .left50 #addToCart .size8 { background:transparent url(images/productViewBox_size8_bg.png) left center no-repeat; } /* Giga */ .productViewBox .left50 #addToCart .size9 { background:transparent url(images/productViewBox_size9_bg.png) left center no-repeat; } /* 1 darab */ .productViewBox .left50 #addToCart .node-add-to-cart { position:absolute; left:0; top:5px; z-index:9; height:38px !important; width:150px !important; background:transparent url(images/spacer.gif) !important; border:none !important; } .productViewBox .left50 #addToCart #node-add-to-cart-designed { position:absolute; left:0; top:10px; z-index:1; background:#bb1967 url(images/productBox_order.png) right center no-repeat; color:#fff; font-size:11px; text-transform:uppercase; padding:5px; text-align:center; width:135px; border-right:5px solid #bb1967; } .productViewBox .left50 #addToCart #node-add-to-cart-designed span { display:block; font-size:11px; text-transform:lowercase; } .productViewBox .right50 { width:65% !important; } .productViewBox .right50 .header3 { color:#b91a67; height:24px; background:transparent url(images/productViewBox_right_header3_bg.png) left center no-repeat; padding-left:40px; } .productViewBox .right50 .header3 span { display:block; float:left; padding-top:8px; } .productViewBox .right50 p a { border-bottom:0 !important; color:#b91a67; } /* cart */ .cart .input_textarea { width:756px; height:25px; } .cart .input_textarea_short { width:265px; } .cart .error_msg { font-size:12px; margin:5px 0 5px 5px; float:left; padding-left:180px; } .cart .input_button.copy_adr { padding:0 !important; margin:4px 0 0 0; background:none !important; color:#83664d !important; border:0 !important; -moz-opacity:1.0; opacity: 1.0; } .cart .table_list .input_button { padding:2px 4px !important; } .cart .table_list td { vertical-align:middle !important; padding:2px !important; } .cart .table_list td.image { width:85px !important; } .cart .table_list img { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:74px !important; max-height:74px; position:relative !important; margin:0 !important; float:none !important; } .cart .table_list .noImage { width:80px; height:78px; background:transparent url(images/cart_noimage.png) center no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .cart .table_list .index_img { margin:2px; } .cart .insideLogin { padding:4px 0 0 0; margin:0 0 -15px 0; background:transparent url(images/cart_login_arrows.png) 360px 14px no-repeat; } .cart .insideLogin .header2 { float:left; padding:5px 0 0 0; } .cart .insideLogin .input_text { width:170px !important; } .cart .insideLogin .error_msg { display:none !important; } .cart .insideLogin .right50 { border:0 !important; } .cart .shippingOptions select { width:270px !important; } .cart .shippingOptions .note { font-size:10px; display:block; } .cart .input_button.copy_adr { padding:0 !important; margin:4px 6px 0 0; background:none !important; color:#83664d !important; border:0 !important; font-size:70%!important; } .cart .right50 { padding-left:10px; border-left:1px solid #c8b2a1; } .cart .registration label { width:100px!important; font-weight:normal!important; } .cart .registration.right50 { display:none; } .cart .registration .header1 { margin-bottom:25px; } .cart .jq_bill_address .input_text { width:248px !important; } .cart .jq_bill_address .input_text#ba_name { width:268px !important; } .cart .jq_bill_address .input_text#ba_zip { width:268px !important; } .cart .jq_bill_address .input_text#ba_city { width:268px !important; } .cart .jq_bill_address .input_text#ba_street { width:268px !important; } .cart .jq_bill_address .input_text#ba_phone { width:268px !important; } .cart .jq_bill_address .user_address_street { width:192px !important; } .cart .jq_bill_address .user_address_snumber { width:22px !important; margin-left:2px; } .cart .jq_bill_address .user_address_floor { width:22px !important; } .cart .jq_bill_address .user_address_door { width:22px !important; } .cart .regNote { display:block; padding-left:180px; margin-top:-7px; } .cart .registration .regNote { padding-left:0; } .cart #jq_accept_terms_empty, .cart #jq_payment_method_no_point_empty { float:left; clear:both; padding:0; margin:0; } .cart #is_bill_options label { float:none; width:251px; } .cart #is_bill_options { margin-top:46px; } .cart #is_bill_options #billing_address { width:451px !important; } .cart #is_bill_options #billing_email_address { width:451px !important; } .cart .paymentMethods {} .cart .paymentMethods .option:first-child { margin-top:0; padding-top:2px; } .cart .paymentMethods label { float:none !important; width:auto !important; } .cart .paymentMethods .left50 { width:180px !important; float:left !important; } .cart .paymentMethods .right50 { width:720px !important; float:left !important; border-left:0; } .cart .paymentMethods .right50 label { padding-left:5px !important; } .cart .paymentMethods .error_msg { font-size:12px; margin:0 !important; float:none !important; padding-left:0 !important; } .cart hr { background:#fff; } .cart .productBox hr { background:#efe8c9; } .cart hr.buttoner { background:#efe8c9; } .cart a.input_button { display:block; float:left; } .cart a.input_button.float_right { margin-top:0; } .cart .step_first .right50 { border-left:0; } .cart .step_finish .optionNoInput{ padding-top:0; padding-bottom:0; } .cart .step_finish .delivery_prices{ display:none; } .cart .step_finish .right50 { border-left:0; } .cart .step_finish .header3 { color:#b91a67; height:24px; background:transparent url(images/productViewBox_right_header3_bg.png) left center no-repeat; padding-left:40px; } .cart .step_finish .header3 span { display:block; float:left; padding-top:8px; } .cart .step_finish p a { border-bottom:0 !important; color:#b91a67; } .cart .cartNext { text-align:center; text-transform:uppercase !important; } .cart .cartNext span { display:block; text-transform:lowercase !important; } .cart .cartNextMargin { margin-top:-50px !important; } .cart .relProd .cartNext { margin-right:8px; } .cart .relProd .relatedProducts { margin-top:8px; } .cart .right50.help { padding:25px 40px 0 0; width:40%; } .cart .right50.help .header3 { color:#b91a67; height:24px; background:transparent url(images/productViewBox_right_header3_bg.png) left center no-repeat; padding-left:40px; } .cart .right50.help .header3 span { display:block; float:left; padding-top:8px; } .cart .right50.help p a { border-bottom:0 !important; color:#b91a67; } .cart .right50.help hr { background:#c8b2a1; margin:20px 0;} .cart .right50.help td { background:transparent !important; } .cart .right50 strong a { font-weight:normal !important; display:block; color:#b91a67; } .cart .step_finish .input_button.float_right { margin-right:232px; } /* registration */ .registration .option .error_msg { padding:5px 0 5px 180px; font-size:12px; float:left; clear:both; } .registration .right50 .help { } .registration .right50 .help .header3 { color:#b91a67; height:24px; background:transparent url(images/productViewBox_right_header3_bg.png) left center no-repeat; padding-left:40px; } .registration .right50 .help .header3 span { display:block; float:left; padding-top:8px; } .registration .right50 .help p a { border-bottom:0 !important; color:#b91a67; } .registration .right50 hr { background:#c8b2a1; margin:20px 0;} .registration .right50 td { background:transparent !important; } .registration .right50 strong a { font-weight:normal !important; display:block; color:#b91a67; } /* delivery addresses */ .user_address_street { width:212px !important; } .user_address_snumber { width:22px !important; margin-left:2px; } .user_address_floor { width:22px !important; } .user_address_door { width:22px !important; } /* delivery modes */ td.label { width:5px; padding:0; margin:0; } /* news */ .news_list .box { border-top:1px solid #efe8c9; margin-top:20px; } .news_list .box:first-child { border-top:0; margin-top:0; } .news_list .box .news_more { color:#80256a; } /* pager */ .listPager { height:10px; float:none; clear:both; margin-top:0px; padding-top:5px; border-top:1px solid #efe8c9; } .listPager a { color:#bb1967; padding:2px 4px; } .listPager .active { background:#bb1967; color:#fff; } /* input modifiers */ .input_button.float_right { cursor:pointer; font-size:12px; background:#bb1967 url(images/productBox_order.png) right center no-repeat; border:0; border-right:4px solid #bb1967; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; color:#fff; float:right; padding:6px 20px 5px 10px; margin-top:0; } /* browser modifiers */ .Microsoft_Internet_Explorer_9 #content input[type=button], .Microsoft_Internet_Explorer_9 #content input[type=submit] { padding-top:7px; padding-bottom:6px;} .Microsoft_Internet_Explorer_9 .node-add-to-cart { padding-bottom:5px !important; } .Microsoft_Internet_Explorer_8 #addToCart input[type=checkbox], .Microsoft_Internet_Explorer_8 #addToCart input[type=radio] { margin:-4px !important; } .Microsoft_Internet_Explorer_8 .insideLogin .input_button { padding-top:8px !important; } .Microsoft_Internet_Explorer_8 #personPopupPin { background:url(/web/js/jquery_ajax_tooltip/ajax_tooltip/container_bg_low.png) top left no-repeat; } .Microsoft_Internet_Explorer_8 .productBox .price { filter:none !important; } .Microsoft_Internet_Explorer_8 .shippingOptions #shipping_price_1 { width:260px !important; } .Microsoft_Internet_Explorer_8 #tabs {min-height:490px; height:auto !important; height:490px;} /*.Microsoft_Internet_Explorer_8 .jq_tab_pane.relProd { display:block !important; }*/ .Microsoft_Internet_Explorer_7 a { color:#fff; border-bottom:0 !important; } .Microsoft_Internet_Explorer_7 #loginForm a { color:#3d2d2d; } .Microsoft_Internet_Explorer_7 #menu1 { height:28px; padding-top:3px; } .Microsoft_Internet_Explorer_7 .searchByKeyword .input_text { margin:2px 5px 5px 5px; padding:2px 4px; } .Microsoft_Internet_Explorer_7 .productViewBox .tn_wrapper { padding-top:20px; } .Microsoft_Internet_Explorer_7 .productViewBox .tn { float:none; display:inline; } .Microsoft_Internet_Explorer_7 #boxes { border:1px solid #fff; } .Microsoft_Internet_Explorer_7 .boxExtra1 { top:-56px !important; } .Microsoft_Internet_Explorer_7 .node-add-to-cart { width:120px !important; border:0 !important; padding-top:3px !important; padding-bottom:3px !important; background-position:102px 6px !important; } .Microsoft_Internet_Explorer_7 .header1 a { color:#3d2d2d; } .Microsoft_Internet_Explorer_7 .price { margin-top:-30px !important; margin-left:0 !important; width:217px !important; border:0 !important; } .Microsoft_Internet_Explorer_7 .productBox { height:310px !important; } .Microsoft_Internet_Explorer_7 #footer a { color:#a6a500; } .Microsoft_Internet_Explorer_7 input[type=checkbox], input[type=radio] { margin:0; border-top:6px solid white !important; } .Microsoft_Internet_Explorer_7 #addToCart input[type=checkbox], .Microsoft_Internet_Explorer_7 #addToCart input[type=radio] { margin:-4px 0 0 0 !important; border-top:none !important; } .Microsoft_Internet_Explorer_7 .productItem .index_img { margin-bottom:0 !important; } .Microsoft_Internet_Explorer_7 hr { height:1px; background:#efe8c9 !important; border:1px solid #efe8c9 !important; margin:10px 0; float:none; clear:both; } .Microsoft_Internet_Explorer_7 .cart a { color:#3d2d2d; } .Microsoft_Internet_Explorer_7 .cart .table_list input{ padding:0 !important; margin:17px 0 0 0 !important; } .Microsoft_Internet_Explorer_7 .cart .table_list { border-collapse:collapse !important; } .Microsoft_Internet_Explorer_7 .cart .table_list td { padding:0 !important; } .Microsoft_Internet_Explorer_7 .cart #relatedProducts .input_button.float_right { margin-top:-30px !important; } .Microsoft_Internet_Explorer_7 .cart #relatedProducts .input_button.float_right.copy_adr { margin-top:-15px !important; } .Microsoft_Internet_Explorer_7 .cart #relatedProducts .price { margin-top:0 !important; } .Microsoft_Internet_Explorer_7 .cart #relatedProducts .selector { padding:10px 15px 15px 15px; top:166px; } .Microsoft_Internet_Explorer_7 .insideLogin .input_text { width:160px !important; } .Microsoft_Internet_Explorer_7 .insideLogin input[type=password] { padding-top:7px !important; } .Microsoft_Internet_Explorer_7 #personPopupContainer { overflow:visible !important; position:absolute; z-index:9; width:225px; display:none; } .Microsoft_Internet_Explorer_7 #personPopupContent { position:relative; background:#fff; width:205px; border:1px solid #eeebe7; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-box-shadow: 0 1px 1px 0 #a89483; -webkit-box-shadow: 0 1px 1px 0 #a89483; box-shadow: 0 1px 1px 0 #a89483; } .Microsoft_Internet_Explorer_7 #personPopupContent p { margin:0 !important; padding:0 !important; } .Microsoft_Internet_Explorer_7 #personPopupPin { position:relative; width:37px; height:39px; background:url(/web/js/jquery_ajax_tooltip/ajax_tooltip/container_bg_low.png) top left no-repeat; margin-top:-39px; } .Microsoft_Internet_Explorer_7 #tabs {min-height:490px; height:auto !important; height:490px;} /* global opacity fixes */ .Microsoft_Internet_Explorer_10 #personPopupContainer { /*filter:alpha(opacity=90); */} /*.Microsoft_Internet_Explorer_10 input, select, textarea, a.input_button { filter:alpha(opacity=75); } .Microsoft_Internet_Explorer_10 input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { filter:alpha(opacity=100); } .Microsoft_Internet_Explorer_10 input[type=button]:focus, input[type=submit]:focus { filter:alpha(opacity=100); } .Microsoft_Internet_Explorer_10 input:hover, select:hover, textarea:hover, a.input_button:hover { filter:alpha(opacity=100); }*/ .Microsoft_Internet_Explorer_10 .stat_inactive { filter:alpha(opacity=50); } .Microsoft_Internet_Explorer_10 .opacity50 { filter:alpha(opacity=50); } .Microsoft_Internet_Explorer_10 #menu2 ul ul { filter:alpha(opacity=90); } .Microsoft_Internet_Explorer_9 #personPopupContainer { /*filter:alpha(opacity=90);*/ } /*.Microsoft_Internet_Explorer_9 input, select, textarea, a.input_button { filter:alpha(opacity=75); } .Microsoft_Internet_Explorer_9 input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { filter:alpha(opacity=100); } .Microsoft_Internet_Explorer_9 input[type=button]:focus, input[type=submit]:focus { filter:alpha(opacity=100); } .Microsoft_Internet_Explorer_9 input:hover, select:hover, textarea:hover, a.input_button:hover { filter:alpha(opacity=100); }*/ .Microsoft_Internet_Explorer_9 .stat_inactive { filter:alpha(opacity=50); } .Microsoft_Internet_Explorer_9 .opacity50 { filter:alpha(opacity=50); } .Microsoft_Internet_Explorer_9 #menu2 ul ul { filter:alpha(opacity=90); } #paypal_post_form { background:url(images/paypal_loader_42wx42h.gif) center center no-repeat; height:300px; width:300px; margin:0 auto; } /* kosar lapozo */ /* root element for tabs */ ul.jq_tabs { width:100%; height:10px; margin:20px 0 0; padding:0; } ul.jq_tabs li { width:20%; float:left; list-style:none; text-align:center; margin-top:0px; } ul.jq_tabs a { display:block; background:#efe8c9; padding:5px 0px; font-weight:bold; font-size:12px; color:#80256a; margin-right:1px; border-bottom:1px solid #80256a; cursor:default !important; } ul.jq_tabs a.current { background:#80256a; color:#fff; } /* panes */ div.jq_tabs_panes { width:960px; margin:0 auto; /* must be relative so the individual panes can be absolutely positioned */ position:relative; overflow:hidden; } /* crossfading effect needs absolute positioning from the elements */ div.jq_tabs_panes div.jq_tab_pane { display:none; float:left; margin-top:10px; font-size:13px; color:#444; width:960px; /*min-height:500px;*/ } .stroke_price { text-decoration:line-through; font-size:70%; color:#444;} .box4 p{ margin:0 0 10px; padding:0; } .emptystock { font-size:12px; font-weight:bold; padding:4px 10px 0 10px; width:160px; float:right; } .productBox .emptystock { padding:3px 0 0 10px; width:100px; } .contentsublinks { margin:0; padding:0; height:30px; list-style:none;} .contentsublinks li { margin:0; padding:0; float:left; list-style:none;} .contentsublinks li a { display:block; padding:6px 12px; margin:0 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#99cc00; color:#282828; font-weight:bold; text-decoration:none; } .contentsublinks li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } .couponcode_message.color_red.false {font-weight:bold;color:red;display:block;} .couponcode_message.color_red.true {font-weight:bold;color:green;display:block;}