/* ==================================================== */ /* Reset Style */ /* ==================================================== */ 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,sub,sup,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:none} html{font-size:100.01%} body{line-height:1;background-color:#FFF;color:#333;text-align:left;font-size:80%;font-family:Arial,Helvetica,sans-serif;} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:''} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0;font-size:100%;width:100%;border:none} font{color:inherit!important;font:inherit!important} input[type="text"],input[type="password"]{font-size:100%;padding:0} /* main typography */ strong,th,theadtd,h1,h2,h3,h4,h5,h6{font-weight:bold} cite,em,dfn{font-style:italic} code,kbd,samp,pre,tt,var{font-size:92%;font-family:Courier,Monaco,"Lucida Console"} var{font-size:92%;font-family:Monaco,"Lucida Console",Mono-space} textarea,select,option{font-size:100%} input[type="text"],input[type="password"]{font-size:100%} del{text-decoration:line-through;color:#666} ins,dfn{border-bottom:1px solid #CCC} small,sup,sub{font-size:85%} big{font-size:115%} abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:1px} a abbr[title],a acronym[title]{color:#000;text-decoration:none} a:hover abbr[title],a:hover acronym[title]{text-decoration:none} a:hover abbr,a:hover acronym{cursor:pointer} abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px solid #CCC} sup{vertical-align:super} sub{vertical-align:sub} address a{text-decoration:none!important;border-bottom:1px dotted #ccc} .atem{color:#CC0000} /* links */ a{text-decoration:none; color:#C00} a:hover{text-decoration:underline; cursor:pointer} /*forms*/ fieldset{border:1px solid #CCC; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} legend{background:transparent} textarea,input[type="text"],input[type="password"],select{border:1px solid #DDD;background-color:#FCFCFC;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;} textarea:hover,input[type="text"]:hover,input[type="password"]:hover,select:hover{background-color:#FEFFEF} textarea:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus{background-color:#FEFFEF;outline:none} input,select{cursor:pointer} input[type="text"],input[type="password"]{cursor:text} input{vertical-align:middle} input.error,textarea.error,textarea.error,legend.error,select.error{border:1px solid #C33!important} .clr {clear:both;height:0!important;line-height:0!important;overflow:hidden} .clearfix{clear:both;} /* ========== Typography Style ========== */ /* base sizes */ .content {font-size:12px;line-height:18px} .content h1,.xmap .componentheading,.componentheadingshop{font-size:26px;line-height:1.2em;/*letter-spacing:-0.02em;text-transform:uppercase*/} .content h2{font-size:22px;margin:19px 0 9px} .content h3{font-size:20px;margin:14px 0 7px} .content h4{font-size:18px;margin:15px 0 7px} .content h5{font-size:14px;margin:5px 0 3px} .content h6{font-size:12px;margin:3px 0 2px} /* hr */ .content hr{display:block;background:#AAA;width:100%;height:1px;border:none} /* lists */ .content ul, .content ol{margin-left:20px;margin-bottom:12px!important} .content ol ol{margin-left:30px} .content ul > li{list-style-image:url('../images/list.gif');list-style-position:outside} .content ol > li{list-style-image:none;list-style-type:decimal} .content dt{font-weight:bold} /* dt,dl,dd */ .content dl{} .content dl dt{margin-bottom:2px;font-weight:bold} .content dl dd{padding-left:60px;margin-bottom:3px} /* tables */ .content table{/*border:1px solid #CCC;*/width:100%} .content th, .content td{vertical-align:top;/*border:1px solid #CCC;*/padding:3px} .content th{background:#F4F4F4;text-align:center} .content tfoot th{text-align:left} .content tfoot{background:#F4F4F4;text-align:left;font-weight:bold;border:1px solid #CCC} .content th p, .content td p{margin-bottom:0px} tr.even, td.even{background:url("../images/shadow-02.png")} /* margins and paddings */ .content blockquote p:first-child{margin:10px 0} .content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content form, .content table{margin-bottom:5px} .content p+p{margin-bottom:10px} .content p{text-indent:0} .content caption{padding:6px 0} .content blockquote{padding:0 12px;margin:20px 0} .content fieldset{padding:0 12px 12px;margin:20px 0} .content legend{padding:0 10px} .content legend+*{margin-top:12px} .content textarea, .content input{padding:1px 4px 2px} .content input[type="checkbox"], .content input[type="radio"] {margin:1px 4px 4px 0} .content select{padding:1px 0 0 2px} .content option{padding:0 4px} .content form div{margin-bottom:9px} /* colors a:link,a:visited,a:hover,a:active,a:focus */ .content a:link{text-decoration:none;color:#E21D1C;font-weight:bold} .content a:visited{text-decoration:none;color:#CB1413} .content a:hover{text-decoration:underline;color:#CB1413} .content a:active, .content a:focus{text-decoration:underline;color:#F72322} .content a{text-decoration:none;color:#E21D1C} .content a:hover{text-decoration:underline} .content a[target="_blank"], .content a.external{background:url("../images/external-link.gif")no-repeat 100% 50%;padding-right:13px} /* code */ .content pre{border:1px dashed #aaa;line-height:20px;padding:5px;background:#eee;margin:0;color:#C33} .content code{background-color:#f2f2f2;border:1px solid #ddd;padding:0 4px 1px;color:#c33} /* images */ .content img, .content img.alignImageLeft, .content img.alignImageRight{border-radius:4px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;} .content img[align="left"], .content img.alignImageLeft{float:left;margin:0 10px 5px 0} .content img[align="right"], .content img.alignImageRight{float:right;margin:0 0 5px 10px} /* quotes */ .content blockquote{border-top:1px solid #CCC;border-bottom:1px solid #CCC;color:#666;font-style:italic} blockquote *:before {content: "\201C"} blockquote *:after {content: "\201D"} q:before {content: "\00AB"} q:after {content: "\00BB"} /* tools icon */ .icon a img{border:none} /* round */ .round_mini {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} .round {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px} .round_big {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px} .extr {border-width:1px;border-style:solid;border-color:#FCFCFC #DDD #DDD #FCFCFC} /* editor */ .edit-article div{margin:4px 0} .edit-article .button2-left{float:left;padding-left:20px} .edit-article .label-left{display:block;float:left;width:270px;text-align:right;padding-right:12px} /* Shop Style */ .shop h1,#shop_menu_order td{font-weight:bold;font-size:28px} .shop_list_classification .classification-title{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;font-weight:bold;font-size:24px} .shop_main_categ .title a{font-weight:bold;font-size:28px} .shop_main_categ .title-cats-level2 a{font-weight:bold;font-size:20px} span.small_header{font-weight:bold;font-size:1.6em;letter-spacing:-.03em} .list_classification .title-format{font-weight:bold;font-size:20px} .list_classification a.category_link,.shop_categ .title a,.shop_subcateg .title a{font-weight:bold;font-size:1.1em;letter-spacing:-.02em} .shop_list_category .title-leveltop{font-weight:bold;font-size:20px} .shop_list_product .product .name{font-size:18px} #shop_menu_order td {font-size:1.2em} /* ==================================================== */ /* Main Styles */ /* ==================================================== */ body{background:#FFFFFF url("../images/plate_bg2.png");min-height:100%;font-size:12px} .page-wrap{clear:both; content: "";position: absolute;right: 0;top: 0;transition: opacity 0.5s ease 0s, width 0.1s ease 0.5s, height 0.1s ease 0.5s;left: 0;} .ny2012{position:relative;top:-79px;left:-17px;width:77px;height:90px;background:url("../images/shop_ny_2012.png") no-repeat } #page-wrap-snow{background-color:transparent;/*background:url("../images/bg_ny2014.png") top left repeat-x*/} /* Layout Block */ #top-block { clear:both; background: url("../images/frontpage_tiser_bg.png") repeat-x scroll left top #FFFFFF; box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-o-box-shadow:0 1px 3px rgba(0,0,0,0.3); position:fixed; width:100%; top:-3px;left:0;right:0; margin:0; z-index:17; } #main-block{content: " ";clear:both;display: table;margin-top:115px!important;width:100%} #footer-block{clear:both;margin:0;background:url("../images/bg-footer.png") repeat-x scroll 0 0px;padding-top:25px} .block-wrap{clear:both;margin:0 auto;max-width:1202px;min-width:1002px;position:relative} .top-inner{margin:0 5px;} .footer-block-wrap{display:block;clear:both;overflow:visible;margin:0 auto;max-width:1202px;min-width:1002px;position:relative} .footer-wrap-color{margin:0 3px} #mainmenu{min-width:990px} #middle-block,#maintop-block,.base-step,.dealers-front,.scroll-pane,#central-banner,.top-inner{ padding:15px;margin:5px 6px;clear:both; } .top-inner{margin:0 6px;padding:3px 0 4px 0; height:107px} #central-banner{padding:0;margin-top:1px;margin-bottom:6px} .central-banner-inner{ overflow:hidden; height:291px; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; border-top:1px solid #EFEFEF;border-right:1px solid #AAA;border-bottom:1px solid #AAA;border-left:1px solid #EFEFEF; background:url("../images/main-inter-budexpo.jpg") no-repeat center top; } .central-banner-inner a{display:block;width:100%;height:291px;text-indent:-9999px;} #maintop-block{clear:both;height:330px;padding:0;margin-top:5px;border-width:1px;border-style:solid;border-color:#F5F5F5 #EFEFEF #FEFEFE #F5F5F5;background:#FFF url("../images/frontpage_tiser_bg.png") repeat-x left top;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);} #maintop-left{float:left;overflow:hidden;border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px} #maintop-right{float:right;width:269px;height:330px;border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0} #maintop-left-inner{float:left} #maintop-right-inner{margin:5px 4px 0 3px;width:261px;height:71px;background:url("../images/shadow_select_product_right.png") no-repeat left top} #maintop-right-inner .selection_block,#maintop-right-inner .banner{float:right} #maintop-right-inner .selection_block{margin:2px 5px 0} #maintop-right-inner .selection_block .selection{margin:2px 0 0 6px} .content-left-block-inner .selection_block{margin:2px 0 12px} #middle-block,.scroll-pane{ background:#FFF url("../images/frontpage_tiser_bg.png") repeat-x left top; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-o-box-shadow:0 1px 3px rgba(0,0,0,0.3); } /* Header Block */ .header-block{height:58px;position:absolute;top:0} .header-block-left{float:left;width:605px;height:58px;padding-left:5px;overflow:hidden} .header-block-right{float:right;width:375px;height:58px} .header-1{float:right;width:120px} .header-2{width:375px;height:58px} .call_us,.topmenu,.goto-ac-russia{float:left;height:58px;overflow:hidden} .call_us{width:220px;background:url("../images/ui.png") no-repeat left -127px transparent} .call_us a{display:block;width:220px;height:57px;text-indent:-9999px} .topmenu{width:140px} .goto-ac-russia{width:110px;background:url("../images/goto_ac_russsia.png") no-repeat} .goto-ac-russia a{display:block;font-size:11px;line-height:1.15em;font-weight:bold;text-align:center;padding-top:28px} /* top menu */ .topmenu ul li a{font-size:12px;line-height:1.15em;font-weight:bold;background:url("../images/ui.png") no-repeat -382px -207px transparent;padding-left:15px} .topmenu ul li a:hover{background-position:-382px -278px} /* currency rate */ .currency-rate{position:absolute;right:0px;width:114px;height:57px;font-size:10px;text-align:right} .currency-rate h3{color:#E21D1C;padding:3px 0 7px;text-align:center;width:108px;line-height:12px} .currency-rate table{font-size:9px;line-height:1em;color:#444;margin-left:5px;width:92px} .currency-rate table td{line-height:10px} /* top login litebox */ .login-shop-top{float:left;width:135px;height:58px;overflow:hidden} .login-shop-top-inner-in{margin-top:2px} .login-shop-top-inner-in a{display:block;width:135px;height:56px;background:url("../images/ui.png") no-repeat -220px -134px;text-indent:-9999px;overflow:hidden} .login-shop-top-inner-in a:hover{background-position:-220px -78px} #lean_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%;background:#000 url("../images/shadow-stripe.png");display:none;z-index:inherit} #loginbox { display:none; width:404px; padding-bottom:2px; background:#FEFEFE; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,0.8);-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.8);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.8); } #loginbox-header{background:url("../images/recom_bg.png") repeat-x; padding:5px 15px 5px 10px; border-bottom:1px solid #CCC; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px} #loginbox-header h2 {color:#777; font-size:1.7em; margin-bottom:3px; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.5); } #loginbox-header h2.exit-login{padding-left:70px;background:url("../images/ui.png") no-repeat -306px -372px} #loginbox-inner #form-login{display:block;float:left;padding:10px 5px 10px 10px;width:250px} #loginbox-inner #form-logout{display:block;float:left;padding:10px 5px 10px 10px;width:97%} #loginbox-inner form p{padding:3px 0} #loginbox-inner label{font-size:1.1em;color:#555} #loginbox-inner input#modlgn_username,#loginbox-inner input#modlgn_passwd{margin:3px 0;font-size:1.5em;color:#555;padding:3px 5px;width:235px} #loginbox-inner .addtextform{display:block;float:right;width:115px;color:#777;font-size:.9em;line-height:1.1em;margin:10px 0;border-left:2px solid #DDD;padding:0 10px} #loginbox-inner .reminder_login{padding:10px 0} #loginbox-inner .login_greeting{color:#555;padding:5px 0 5px;width:383px;text-align:center;font-size:1.2em} .login-shop-top-inner-out div.login-logout{margin-top:2px} .login-shop-top-inner-out div.login-logout .button{width:79px;clear:both;;margin:3px 15px 0 15px;height:16px!important;line-height:16px;text-align:center} .login-shop-top-inner-out .myaccount {text-indent:-9999px;width:132px;height:29px;overflow:hidden} .login-shop-top-inner-out .myaccount a{display:block;width:92px;height:29px;margin:2px 18px 0 18px;background:url("../images/ui.png") no-repeat -188px -334px} .login-shop-top-inner-out .myaccount a:hover{background-position:-284px -334px} .modal_close{position:absolute;text-indent:-9999px;top:6px;right:7px;display:block;width:16px;height:16px;background:url("../images/ui.png") no-repeat -321px -426px;z-index:2;} .modal_close:hover{background-position:-321px -409px;text-decoration:none;cursor:pointer} /* Footer & Footer Menu */ .mininav{width:167px;height:44px;margin-bottom:267px} .mininav a{float:left;display:block;overflow:hidden;width:41px;height:41px;background:url("../images/ui.png");text-indent:-9999px} a.ihome{background-position:0 -40px} a.imessage{background-position:-41px -40px} a.isearch{background-position:-82px -40px} a.isitemap{background-position:-123px -40px} a.ihome:hover{background-position:0 -81px} a.imessage:hover{background-position:-41px -81px} a.isearch:hover{background-position:-82px -81px} a.isitemap:hover{background-position:-123px -81px} .footerimg{position:absolute;right:5px;top:-70px} #main-footer{color:white;display:table;height:55px;margin-bottom:3px;margin-left:5px;width:85%} #main-footer ul{display:table-row;list-style:none} #main-footer ul li{display:block;float:left;text-align:center} #main-footer a{color:#FAE3E3;display:block;padding:0 10px 5px;height:55px;line-height:55px} #main-footer a:after{content:" »"} #main-footer a:hover,#main-footer a:focus{text-decoration:none;background:url("../images/shadow-stripe.png")} #footer-content{margin-top:15px} #footer-logo{float:right;width:175px} #footer-logo a.lhome,#footer-logo a.lhome:link,#footer-logo a.lhome:visited{display:block;background:url("../images/ui.png") no-repeat -2px 0;padding:0;margin-top:475px;overflow:hidden;text-indent:-9999px;height:33px;width:175px;} #footer-mininav{display:inline;float:left;width:12%;margin:0 55px 0 3px} #footer-menu{display:table;width:64%;left:auto;margin:0;padding:0} #footer-menu .footer-menu-inner{width:100%} #footer-content .footer-left{float:left; width:38%} #footer-content .footer-center{float:left;width:35%} #footer-content .footer-right{float:left;width:27%} ul.menu-products-by-application{} ul.menu-products-by-formats{} ul.menu-atelie-ceramics{} ul.menu-dedicated-products{margin-top:25px} #footer-menu li.parent .separator{display:block;color:#FAE3E3;background:url("../images/saparator_gorizontal.png") repeat-x bottom left;padding-bottom:5px;margin:0 10px 5px 0} .menu-selection-products span{display:block;color:#FAE3E3;padding-bottom:5px;margin:20px 10px 5px 0} #footer-menu li li{background:url("../images/ui.png") no-repeat -382px -206px;font-size:12px;line-height:16px;padding-left:15px} #footer-menu li li:hover{background-position:-382px -276px} #footer-menu a{color:#D0CEA4} #footer-menu a:hover{color:#FFF} #footer-menu .menu-products-by-formats li ul li{background:none;padding:0 0 3px;font-size:13px;font-weight:bold} #footer-menu .menu-products-by-formats li ul li a{display:block;padding-bottom:3px;color:#FFFEE8} #footer-menu .menu-products-by-formats li ul li ul li{background:url("../images/ui.png") no-repeat -382px -206px;font-size:12px;font-weight:normal;line-height:16px;padding:0 0 0 15px} #footer-menu .menu-products-by-formats li ul li ul li:hover{background-position:-382px -276px} #footer-menu .menu-products-by-formats li ul li ul li a{padding:0;color:#D0CEA4} .footer-logo{float:right;width:180px} .footer-copyrigth{float:left;margin-bottom:10px;padding-left:10px;line-height:14px;font-size:95%;color:#777;width:50%} #copyright{clear:both;text-align:right;padding:5px 10px 10px;color:#EEE} .goto-atem, .goto-atem a{margin-top:20px;margin-left:20px;height:25px;width:71px} .goto-barvinok, .goto-barvinok a{margin-top:10px;height:25px;width:150px} .goto-atem a{display:block;background:url("../images/mini-atem-barvinok.png") no-repeat left top transparent} .goto-barvinok a{display:block;background:url("../images/mini-atem-barvinok.png") no-repeat right top transparent} .goto-atem a:hover{background-position:left bottom} .goto-barvinok a:hover{background-position:right bottom} .content_left_border{border-left:1px solid #E5E5E5} .content-left-block{float:left;width:260px;height:auto;vertical-align:top;background:url("../images/shadow_select_product_right.png") no-repeat left top} .content-left-block-inner{margin:7px 5px 0 5px;vertical-align:top} .content-right-block{overflow:hidden;vertical-align:top;width:100%} .blog{padding-left:15px} .news .blog{padding-left:0} .icons-nav{position:absolute;top:2px;right:10px;width:23px;height:70px} .icons-nav div{float:right} a#icons-home, a#icons-mail, a#icons-sitemap{background-image:url("../images/top-icons.png");display:inline-block;height:22px;width:22px;margin:0;padding:0;text-decoration:none} a#icons-home{background-position:left top} a#icons-mail{background-position:left 50%} a#icons-sitemap{background-position:left bottom} a#icons-home:hover{background-position:-24px top} a#icons-mail:hover{background-position:-24px 50%} a#icons-sitemap:hover{background-position:-24px bottom} /* Block Debug */ #system-debug div{font-size:11px} #system-debug{margin:10px} #system-debug h4{margin:5px 0;padding:5px;background:url(../images/shadow-20.png)} #system-debug-mini{display:block;margin:3px auto;max-width:1200px;min-width:1000px;height:20px;padding-top:3px} #system-debug-mini div{text-align:center} .contentpane{background:#FFF;padding:5px} .mailtoForm{padding:5px 15px} .mailtoForm .componentheading{font-size:1.25em;color:#F72322;font-weight:bold;padding:5px 0} .mailtoForm p{padding:5px 0} .mailtoForm p input{width:100%;line-height:20px;font-size:1.2em;color:#555} .form-weight-normal{width:400px} .autoclear{color:#AAA} .autoclear-normalcolor{color:#000} h1, h2, h3, h4, h5, .xmap .componentheading, .componentheadingshop{color:#E21D1C;padding:5px 0} /* #goto_top{height:24px;line-height:24px;margin-right:5px} */ #goto_top{display:none; position:fixed; width:85px; padding:5px; background-color:#111; border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);-o-box-shadow:0 1px 3px rgba(0,0,0,0.3); } #goto_top a{font:12px Tahoma;color:#fff;} a.uptop{display:block;height: 24px; text-align:right;padding-right:35px;line-height:23px!important; font-size:12px;font-weight:normal;background:url("../images/ui.png") no-repeat 55px -437px} a.uptop:hover{background:url("../images/ui.png") no-repeat 55px -407px} /* Icon Page Title */ .componentheadingshop{background:transparent url("../images/icon-page.png") no-repeat 5px -150px;padding-left:40px!important} /* MENU */ .top-menu li a{background:transparent url("../images/ui.png") no-repeat 0px 1px;padding-left:14px;color:#EEE} .top-menu li a:hover,.top-menu li a:focus{background-position:0px -79px;color:#FFFED2} .top-menu li span{} div.search_block_sch{height:26px;padding:12px 3px 13px 3px} div.search_block_sch input.inputbox_block_sch, div.search_block_sch input.inputbox_block_sch:hover{background:#FFFFFF url("../images/ui.png") no-repeat 0px -333px;font-size:14px;float:left;width:147px;height:24px;line-height:26px;margin:0;padding:0 4px 0 25px;outline:none;color:#999} div.search_block_sch input.inputbox_block_sch:focus,div.search_block_sch input.inputbox_block_sch:hover{background:#F9F8DE;padding:0 4px;color:#555;width:168px} div.search_block_sch input.button_block_sch{margin-left:5px} #breadcrumb{clear:both;height:30px;margin:0 6px;color:#555;padding:3px 0} .breadcrumb_inner{padding:0 10px;overflow:hidden;font-weight:bold;font-size:1.1em;background:transparent url("../images/breadcrumb.png") repeat-x left center;height:30px;line-height:30px;border-width:1px;border-style:solid;border-color:#AAA #FCFCFC #FCFCFC #AAA;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;box-shadow: 0 1px 9px rgba(0, 0, 0, 0.1) inset} .breadcrumb_inner a{height:30px;line-height:30px} span.breadcrumb_separator{height:30px;padding:0 8px;margin:0 3px;background:transparent url("../images/breadcrumb_separator.png") no-repeat center center} .jcomments-links{width:100%} .readmore-bottom,.comments-bottom{display:block;background:url("../images/frontpage_tiser_bg.png") repeat-x left -2px;width:170px;float:left;text-align:center;padding:2px 5px;margin:0 5px;background-color:#FFF;border-bottom:1px solid #FFF;border-top:1px solid #CACACA;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17) inset} a.readmore-link,a.comments-link{background-image:url(../images/readmore.gif);background-repeat:no-repeat;padding-right:15px} a.readmore-link{background-position:right 4px} a.comments-link{background-position:right -27px} /* ================ Global Styles MegaMenu=============== */ .megamenuH ul.megamenu{clear:both;position:relative} .megamenuH ul.megamenu > ul{clear:both;padding:0;margin:0} .megamenuH ul.megamenu .moduletable{} .megamenuH ul.megamenu li.megamenu{float:left;position:relative;text-align:left;padding:0;margin:0} .megamenuH ul.megamenu li.megamenu img{} .megamenuH ul.megamenu li.megamenu a, .megamenuH ul.megamenu li.megamenu span.separator{display:block;float:none !important;float:left;position:relative} .megamenuH ul.megamenu2 li.megamenu a, .megamenuH ul.megamenu2 li.megamenu span.separator{float:none!important} .megamenuH ul.megamenu li ul.megamenu2{display:block;z-index:11000;clear:left;margin:0;padding:0;text-align:left;position:static} .megamenuH ul.megamenu li ul li.megamenu{text-align:left;position:relative;z-index:11001;padding:0} .megamenuH ul.megamenu li li.megamenu a{display:block;padding:0;margin:0} .megamenuH div.megamenu2{float:left;margin:0;padding:0} .megamenuH div.clr{clear:both;visibility:hidden} .megamenuH ul.megamenu li div.floating{position:absolute;left:-999em;padding:0;margin:0;background:url(../images/1x1.gif)} .megamenuH div.floating ul, div.megamenuH div.floating ul li{position:static} .megamenuH ul.megamenu li.megamenu div.floating.fixRight{right:0} .megamenuH ul.megamenu li.megamenu div.floating div.floating.fixRight{right:0} .megamenuH li.maxiFancybackground{z-index:8;position:absolute;top:0} .megamenuH ul.megamenu li:hover div.floating div.floating, div.megamenuH ul.megamenu li:hover div.floating:hover div.floating div.floating, .megamenuH ul.megamenu li.sfhover div.floating div.floating, div.megamenuH ul.megamenu li.sfhover div.floating.sfhover div.floating div.floating{left:-999em} .megamenuH ul.megamenu li:hover div.floating, div.megamenuH ul.megamenu li:hover div.floating li:hover div.floating, div.megamenuH ul.megamenu li:hover div.floating li:hover div.floating li:hover div.floating,.megamenuH ul.megamenu li.sfhover div.floating, div.megamenuH ul.megamenu li.sfhover div.floating li.sfhover div.floating, div.megamenuH ul.megamenu li.sfhover div.floating li.sfhover div.floating li.sfhover div.floating{left:auto} .megamenuH div.megamenu_mod ul{left:auto} /* container style */ #megamenu ul.megamenu{height:49px; line-height:49px; padding:0; margin:0; overflow:visible!important} #megamenu ul.megamenu li.megamenu{background:none; list-style:none; border:none} /* link image style */ #megamenu ul.megamenu li.megamenu>a img{margin:3px; border:none} /* img style without link (in separator) */ #megamenu ul.megamenu li.megamenu img{border:none} #megamenu ul.megamenu li.megamenu .titre img{vertical-align:middle} #megamenu ul.megamenu li a.megamenu, #megamenu ul.megamenu li span.separator{text-decoration:none; outline:none; background:none; border:none; padding:0; cursor:pointer; color:#CCC; white-space:normal} /* separator item */ #megamenu ul.megamenu li span.separator{} /* ============= First Level Items ============= */ #megamenu ul.megamenu li.level0{padding:0; background:url(../images/mainmenu_saparator.png) top right no-repeat} #megamenu ul.megamenu li.item1.level0 a{padding:0 7px} #megamenu ul.megamenu li.level0 a,#megamenu ul.megamenu li.level0>span{padding:0 8px 0 5px} #megamenu ul.megamenu li.item1 a span.titre{display:block;overflow:hidden;width:27px;background:url('../images/ui.png') no-repeat -177px -77px;text-indent:-9999px} #megamenu ul.megamenu li.item1 a span.titre:hover{background-position:-177px -27px} #megamenu ul.megamenu li.active{background:url(../images/mainmenu_bg.png) repeat-x left bottom} #megamenu ul.megamenu li.active.sfhover{background:url(../images/mainmenu_bg.png) repeat-x left center} #megamenu ul.megamenu li.sfhover{background:url(../images/shadow-stripe.png)} /* first level item title */ #megamenu ul.megamenu li.level0>a span.titre, #megamenu ul.megamenu li.level0>span.separator span.titre{color:#FFF;line-height:49px} /* first level item description */ #megamenu ul.megamenu li.level0>a span.desc{color:#CCC} /* first level item link */ #megamenu ul.megamenu li.parent>a, #megamenu ul.megamenu li.parent>span{padding-right:20px;background:url(../images/ui.png) right -457px no-repeat} #megamenu ul.megamenu li.parent.level0.sfhover>a, #megamenu ul.megamenu li.parent.level0.sfhover>span{background-position:right -507px} /* parent style level 0 */ #megamenu ul.megamenu li.parent.level0 li.parent{background:url(../images/mainmenu_arrows.gif) center right no-repeat} /* 1 level item hovered */ #megamenu ul.megamenu li.level0>a:hover span.titre, #megamenu ul.megamenu li.level0>span:hover span.titre{color:#FFF} /* ======= Items Title and Descriptions ======== */ /* item title */ #megamenu span.titre{color:#555; /*display:block;*/ text-transform:none;line-height:14px; text-decoration:none; min-height:14px; float:none !important; float:left} /* item description */ #megamenu span.desc{display:block;font-family:Helvetica,Arial,sans-serif;text-transform:none;font-size:10px;text-decoration:none;line-height:11px;float:none!important;float:left;padding-top:3px} #megamenu ul.megamenu li.level1 a span.titre{padding-left:7px} #megamenu ul.megamenu li.level1.active a span.titre{color:#F72322} /* ================ Child Items ================ */ /* child item title */ #megamenu ul.megamenu2 a.megamenu{width:240px} #megamenu ul.megamenu2 li a.megamenu, #megamenu ul.megamenu2 li span.separator{text-decoration:none; border-bottom:1px solid #DDD; padding:3px 0 3px 0; margin-right:20px} #megamenu ul.megamenu2 li.last a.megamenu, #megamenu ul.megamenu2 li.last span.separator{border-bottom:none} #megamenu ul.megamenu2 li span.separator{display:block; height:56px; margin-left:0} #megamenu ul.megamenu2 li span.separator span.titre{text-transform:uppercase; color:#F72322} #megamenu ul.megamenu2 li span.separator span.titre img{display:block;float:left;padding:0 5px 0 0} #megamenu ul.megamenu2 li span.separator span.titre span.desc{text-indent:0} /* child item block */ #megamenu ul.megamenu ul.megamenu2{background:transparent; margin:3px 0 0 0; padding:0; border:none;} #megamenu ul.megamenu2 li.megamenu{padding:0 0 0 10px; border:none; margin:0; background:none} /* child item container */ #megamenu ul.megamenu li div.floating{} /* ============= Module Style =============== */ #megamenu div.megamenu_mod{width:170px; padding:0; overflow:hidden; color:#ddd; white-space:normal} #megamenu div.megamenu_mod div.moduletable{border:none; background:none} #megamenu div.megamenu_mod fieldset{width:160px; padding:0; margin:0 auto; overflow:hidden; background:transparent; border:none} #megamenu ul.megamenu2 div.megamenu_mod a{border:none; margin:0; padding:0; display:inline; background:transparent; color:#888; font-weight:normal} #megamenu ul.megamenu2 div.megamenu_mod a:hover{color:#FFF} /* module title */ #megamenu ul.megamenu div.megamenu_mod h3{font-size:14px;width:170px;color:#aaa;font-size:14px;font-weight:normal;background:#444;margin:5px 0 0 0;padding:3px 0 3px 0} #megamenu ul.megamenu2 div.megamenu_mod ul{margin:0;padding:0;width:170px;background:none;border:none;text-align:left} #megamenu ul.megamenu2 div.megamenu_mod li{margin:0 0 0 15px;padding:0;width:155px;background:none;border:none;text-align:left;font-size:11px;float:none;display:block;line-height:20px;white-space:normal} /* login module */ #megamenu ul.megamenu2 div.megamenu_mod #form-login ul{left:0;margin:0;padding:0;width:170px} #megamenu ul.megamenu2 div.megamenu_mod #form-login ul li{margin:2px 0;padding:0 5px;height:20px;background:transparent} /* ===== Columns Width & Child Position ===== */ /* child blocks position (from level2 to n) */ #megamenu ul.megamenu li.megamenu div.floating div.floating{margin:-30px 0 0 180px} /* margin for overflown elements that rolls to the left */ #megamenu ul.megamenu li.megamenu div.floating div.floating.fixRight {margin-right:180px} /* default width */ #megamenu ul.megamenu li div.floating{width:260px} /* 2 cols width */ #megamenu ul.megamenu div.cols2{z-index:999} #megamenu ul.megamenu li div.cols2{width:591px;margin-left:-225px} #megamenu ul.megamenu li div.cols2 .maxidrop-top{background:url("../images/mainmenu_level2_col2.png") no-repeat left top;height:20px} /* ----------------------------------- Height Menu Collections ------------------------------------------ */ #megamenu ul.megamenu li div.cols2 .maxidrop-main{background:url("../images/mainmenu_level2_col2_middle.png") repeat-y;height:645px} /* ------------------------------------------------------------------------------------------------------ */ /* 2 cols width */ #megamenu ul.megamenu li div.cols2 .maxidrop-bottom{background:url("../images/mainmenu_level2_col2.png") no-repeat left bottom;height:18px} #megamenu ul.megamenu div.cols2 ul.megamenu2{width:280px;padding:0 0 0 9px;} #megamenu ul.megamenu2 div.cols2 li.megamenu{width:260px} #megamenu div.cols2 ul.megamenu2 li a.megamenu, #megamenu div.cols2 ul.megamenu2 li span.separator{width:260px;margin-right:10px} #megamenu ul.megamenu li div.cols2>div.megamenu2{width:50%} #megamenu div.cols2 ul.megamenu2 li.sfhover span.separator span.titre{cursor:default} #megamenu div.cols2 ul.megamenu2 li.active.sfhover{background:none} #megamenu div.cols2 ul.megamenu2 li.sfhover a{background-color:#F72322;border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.37) inset;} #megamenu div.cols2 ul.megamenu2 li.level1.sfhover.active a span.titre,#megamenu div.cols2 ul.megamenu2 li.level1.sfhover a span.titre{color:#FFF} /* 3 cols width */ #megamenu ul.megamenu li div.cols3 {margin-left:-250px} #megamenu ul.megamenu li div.cols3 .maxidrop-main{width:850px;padding-top:10px;background:url("../images/mainmenu-top.png") no-repeat 310px top} #megamenu ul.megamenu li div.cols3 .maxidrop-main2{background-color:#FFF; padding:10px 0 15px 0; border: 4px solid #dc1617; border-radius:5px; box-shadow: 0px 4px 6px #777;margin-top:-1px;} #megamenu ul.megamenu div.cols3 ul.megamenu2{width:280px} #megamenu ul.megamenu div.cols3 div.megamenu2.first {border-right:2px solid #DDD;} #megamenu ul.megamenu2 li a.megamenu, #megamenu ul.megamenu2 li span.separator{margin-right:0px;} #megamenu ul.megamenu2 li span.separator{padding-bottom:15px; border:none;} #megamenu ul.megamenu div.cols3 ul.megamenu2 li{padding:0 0 0 20px} #megamenu div.cols3 ul.megamenu2 li.sfhover span.separator span.titre{cursor:default} #megamenu div.cols3 ul.megamenu2 li.active.sfhover{background:none} #megamenu div.cols3 ul.megamenu2 li.sfhover a{background-color:#F72322;border-radius:2px;-o-border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.37) inset;} #megamenu div.cols3 ul.megamenu2 li.level1.sfhover.active a span.titre,#megamenu div.cols3 ul.megamenu2 li.level1.sfhover a span.titre{color:#FFF} /* 4 cols width */ #megamenu ul.megamenu div.cols4{z-index:999;margin-left:-150px} #megamenu ul.megamenu li div.cols4{width:465px;margin-left:-155px;padding-top:10px;background:url("../images/mainmenu-top.png") no-repeat 210px top} #megamenu ul.megamenu li div.cols4 .maxidrop-main2{background-color:#FFF; padding:10px 0 15px 0; border: 4px solid #dc1617; border-radius:5px; box-shadow: 0px 4px 6px #777;margin-top:-1px;} #megamenu ul.megamenu li div.cols4>div.megamenu2{width:25%} #megamenu ul.megamenu li div.cols4 span.titre{line-height:3px} #megamenu .cols4 ul.megamenu2 li.megamenu{padding:0 5px 0 15px} #megamenu .cols4 ul.megamenu2 a.megamenu{width:90px} #megamenu ul.megamenu div.cols4 ul.megamenu2{margin:0 0 0 5px} #megamenu .cols4 ul.megamenu2 li a.megamenu, #megamenu .cols4 ul.megamenu2 li span.separator{margin:0;padding:0;border:none;text-decoration:none} #megamenu ul.megamenu .cols4 li.megamenu > a img{margin:0} #megamenu .cols4 ul.megamenu2 li a span img:hover,#megamenu .cols4 ul.megamenu2 li.active a span img{background:transparent url("../images/mainmenu_level2_col4_hover.png") no-repeat} #megamenu .cols4 ul.megamenu2 li.active.sfhover{background:none} /* ---------------------------------- Height Menu Collections --------------------------------------- */ #megamenu div.cols2 ul.megamenu2 li.level1.glv1 .titre{padding-left:20px;font-weight:normal;background: url("../images/ui.png") no-repeat scroll -373px -575px rgba(0, 0, 0, 0);} #megamenu div.cols2 ul.megamenu2 li.level1.glv1:hover .titre{background: url("../images/ui.png") no-repeat scroll -373px -591px rgba(0, 0, 0, 0);} /* ========= Rounded Style =============== */ /* global container */ #megamenu{text-align:center;margin:0 3px;padding:0;height:49px;line-height:49px;background:url("../images/mainmenu_bg.png") repeat-x top left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);-o-box-shadow:0 2px 4px rgba(0,0,0,0.3)} #megamenu .megamenuRoundedLeft{float:left;width:220px;background:url("../images/mainmenu_logo.png") no-repeat} #megamenu .megamenuRoundedLeft a{display:block;text-indent:-9999px;width:219px;height:49px;margin:0;padding:0} #megamenu .megamenuRoundedLeft h2{margin:0;padding:0} #megamenu .megamenuRoundedCenter{float:left;height:49px} #megamenu .megamenuRoundedRight{float:right;height:49px;width:180px;margin-right:8px} /* Article Style */ .componentheadingshop, .blog h1.pagetitle, .xmap .componentheading{margin:0 0 20px;background-color:#EFEFEF} .article-content h1.title{padding-top:0} div.linkr-rl{clear:both} .article-headline{float:left;width:80px;background-color:#EEE;border-bottom:1px solid #FFF;border-top:1px solid #BFBFBF;padding:10px;margin-right:10px;text-align:center;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.37) inset;} .createdate-day{clear:both;display:block;background-color:#F72322;color:#FFF;border-bottom:2px solid #980000;border-top:1px solid #D16767;font-size:400%;letter-spacing:-.05em;line-height:140%;font-weight:bold;width:100%;text-align:center;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;-o-border-radius:3px 3px 3px 3px} .article-tools{border-top:1px dotted #AAA; display:block; margin:5px 0 0; padding:10px 0 0} .article-content{padding-left:10px; margin-left:120px} .article .article-info{float:left;width:auto;margin-top:5px} .article .article-tools-icon{float:right;margin-top:5px} .article .article-head-separator{border-top:1px solid #CCC} table.pagenav{background:#F4F4F4} .pagenav .pagenav_prev{text-align:right;padding:3px 7px} .pagenav .pagenav_next{text-align:left;padding:3px 7px} .addres-block{float:left;width:33%} .addres-block-inner{padding:5px} h2.adress-title{margin:3px 0;color:#FFF} h2.adress-title a,h2.adress-title a:link{display:block;color:#FFF!important;padding:5px 7px;line-height:26px;background:#D20000 url("../images/readon.png") repeat-x left center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} h2.adress-title.soon a{background:#777!important} h2.adress-title a:hover,h2.adress-title a:focus{background:#D70000 url("../images/readon_hover.png") repeat-x left center;color:#FEFFDD!important;text-decoration:none} .adress-work{height:50px} .adress-map{width:100%;margin:15px auto;overflow:hidden} .adress-map .map-gallery{width:55%;float:right} .adress-map .map-photo{width:45%;height:125px;float:left;overflow:hidden} .adress-map img{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0} .adress-map ul.gallery-container {width:200px;float:left;margin:0!important;padding:0!important} .adress-map ul li.gallery-block{padding:0;margin:0} .adress-map ul span.gallery-caption,.adress-map ul span.gallery-pseudo-caption{right:0;left:0;padding-left:5px;text-align:left;width:180px;overflow:hidden} .adress-phone{font-weight:bold;height:65px;line-height:1.1em} .article-head-separator{clear:both;height:10px;margin-top:5px} .headline,.base-shop-text h1,h1.press,.xmap .componentheading,.contact h2{ background:transparent -moz-linear-gradient(100% 100% 90deg, #BBB, #888) repeat 0 0; background:url("../images/h1_bg.png") repeat-x left bottom; border:1px solid transparent; box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; margin-right:1px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; } .headline h1.title,.base-shop-text h1,h1.press,.xmap .componentheading,.contact h2{padding-left:15px;color:#FFF} .headline h1.title a{color:#FFF} .contact h2{padding-top:7px;padding-bottom:7px;margin-top:0;font-size:24px;line-height:26px} textarea, input[type="text"], input[type="password"], select{background:#FFF url(../images/input-shadow.png) no-repeat;border-color:#CACACA #EEE #EEE #CACACA; border-style:solid; border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;resize:vertical} .table_txt{border-spacing:0} .table_txt th{background:#F72322;border:0 none;font-weight:normal;padding:5px;text-align:left;color:#EFEFEF;font-weight:bold;text-indent:5px} .table_txt td{padding:0 5px} /* Pagination Style */ div.pagination{margin-top:5px} div.pagination .results{text-align:center;border-top:3px solid #CCC;padding-top:3px} .pagination-item{display:block;margin:5px auto 0;width:100%;text-align:center} .pagination-item img{padding:0 2px} .pagination-item .num-item a,.pagination-item .num-item span span{padding:3px 7px;margin:0 2px;background:url("../images/pagination.png") no-repeat left top} .pagination-item .num-item a:hover{background-position:left bottom;color:#EEE;text-decoration:none} .pagination-item .pagarrows{background:url("../images/1x1.gif")!important;padding:0 3px} .pagination-item span span{color:#999} input.button,.readon,.button,div button{ background:url("../images/readon.png") repeat-x center left transparent; border:1px solid #690000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px; color:#FFF!important; display:block;float:left;cursor:pointer; height:24px!important;line-height:24px; margin:0 5px 2px 2px; padding:1px 10px 2px; font-size:10px;font-weight:bold;text-decoration:none!important;text-transform:uppercase; } input.button img,.readon img,.button img,div button img{box-shadow:none!important} .readon:hover,.button:hover{background-position:left bottom;color:#FEFFDD!important} input.next{font-size:12px;height:25px!important;line-height:25px;text-align:center;padding:0 10px} .pass-reset{margin:10px} .one-line-usr{float:left;width:470px} .one-line-usr .hasTip{line-height:23px} /* ========== Image Gallery PRO style ========== */ a:active,a:focus{outline:0} table.contentpaneopen{width:100%} ul.gallery-container{margin:8px auto !important;padding:5px 0 !important;list-style:none;clear:both;overflow:hidden} /* --- Single Thumbnail Mode Styling --- */ ul.gallery-container-single{margin:0 !important;padding:8px 0 !important;list-style:none;float:left} /* Thumbnail */ li.gallery-block{float:left;background:none!important;margin:2px;padding:2px;list-style-image:none!important} li.gallery-block:hover{background-color:#F72322} li.gallery-block a.gallery-link, li.gallery-block a.gallery-link:hover{position:relative;display:block;background:url("../images/zoom.png") no-repeat center center;padding:0;margin:0 auto} li.gallery-block a.gallery-link{display:block;color:#DDD} li.gallery-block a.gallery-link:hover{color:#F60000;text-decoration:none} li.gallery-block a.gallery-link img.gallery-image{display:block;background-repeat:no-repeat;background-position:50% 50%;border:none} li.gallery-clr{clear:both;float:none !important;height:0 !important;line-height:0 !important;border:none !important;background:none !important;width:auto;margin:0 !important;padding:0 !important} /* Caption */ span.gallery-pseudo-caption,span.gallery-caption{display:block;position:absolute;bottom:2%;left:5%;right:0;text-align:right;padding:2px;font-size:10px} span.gallery-pseudo-caption{background:#000;opacity:0.6} span.gallery-pseudo-caption b{visibility:hidden} .highslide-active-anchor span.gallery-pseudo-caption{background:transparent;opacity:0} .highslide-active-anchor span.gallery-caption{visibility:hidden} /* Popup */ .gallery-popup-caption{font-weight:bold;color:#fff;font-size:13px} a.gallery-download-link{background:transparent url(disk.png) no-repeat left center;margin-left:20px;padding:4px 0 4px 24px;color:#AAA !important} a.gallery-download-link:hover{background:transparent url(diskHover.png) no-repeat left center;color:#FFF !important;text-decoration:none} div.gallery-mod-position{text-align:center;border-top:1px solid #CE0000;border-bottom:1px solid #CE0000;padding:4px;margin:8px 0;background:#ffffdd} /* ========== Tabs ========== */ .scroll-pane{margin:10px 6px 5px 6px;padding:0;border-color:transparent} .tabs-block{display:block;margin:0;height:360px;overflow:hidden} #tabs{width:100%;height:340px} /* layout helpers */ .ui-helper-hidden{display:none} .ui-helper-hidden-accessible{position:absolute;left:-99999999px} .ui-helper-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:1em;list-style:none} .ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .ui-helper-clearfix{display:inline-block} /* clearfix to work in Opera \*/ .ui-helper-clearfix{display:block} /* end clearfix */ .ui-state-disabled{cursor:default!important} .ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%} /* interaction states */ .ui-state-default, .ui-widget-content .ui-state-default{font-weight:bold;color:#F72322;outline:none} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{text-decoration:none;outline:none} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus{font-weight:bold;color:#FFF;outline:none} .ui-state-hover a, .ui-state-hover a:hover{outline:none;text-decoration:none;background:url("../images/recom_hover.png") repeat} .ui-state-active, .ui-widget-content .ui-state-active{font-weight:bold; color:#F72322;outline:none} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#FFF;outline:none;text-decoration:none} /* tabs */ div.ui-tabs ul.ui-tabs-nav{padding-bottom:7px;background:url("../images/recom_bg.png") repeat-x top left;height:43px;border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px;-o-border-radius:4px 4px 0px 0px} div#tabs-1, .ui-tabs .ui-tabs-nav{list-style:none;position:relative;margin-left:0} .ui-tabs .ui-tabs-nav li{position:relative;float:left;padding:0;line-height:36px;padding:4px 0 2px 0} .ui-tabs .ui-tabs-nav li.tabs-title{width:170px;color:#FFF;line-height:32px;padding:5px 0 5px 45px;background:url("../images/recom_title.png") no-repeat} .ui-tabs .ui-tabs-nav li a{float:left;padding-left:20px;padding-right:20px;margin-left:5px;margin-right:5px;color:#E21D1C} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{background:url("../images/recom_bg.png") repeat-x bottom left} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{cursor:pointer;color:#FFF} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a{cursor:pointer} .ui-tabs .ui-state-active{} .ui-tabs .ui-tabs-hide{display:none!important} /* ========= Modules Style ========= */ .shop-category a,.shop-classification a{color:#666} .shop-category a:hover,.shop-classification a:hover{color:#F72322} .shop_menu_level_0, .shop_menu_level_0_active{margin:4px 0 3px 0;padding-left:15px;background:url("../images/ui.png") no-repeat -382px -207px transparent} .shop_menu_level_0, .shop_menu_level_0_active{font-size:1.25em} .shop_menu_level_0:hover{background-position:-382px -277px} .shop_menu_level_0_active{background-position:-382px -346px} .shop_menu_level_1 a, .shop_menu_level_1_active a, .shop_menu_level_2 a, .shop_menu_level_2_active a{padding-left:15px;margin:2px 0;background:url("../images/bullets-catalog.png") no-repeat;font-size:1.20em} .shop_menu_level_1 a, .shop_menu_level_1_active a{background-position:7px 5px} .shop_menu_level_1 a:hover, .shop_menu_level_1_active a:hover{background-position:-490px 5px} .shop_menu_level_2 a, .shop_menu_level_2_active a{margin-left:10px} .shop_menu_level_2 a, .shop_menu_level_2_active a{background-position:left 5px} .shop_menu_level_2 a:hover, .shop_menu_level_2_active a:hover{background-position:-497px 5px} .shop_menu_level_0_active a, .shop_menu_level_1_active a, .shop_menu_level_2_active a{font-weight:bold!important;color:#E21D1C} /* cart (ToolsTips) */ .header-cart h3{font-family:Arial,Helvetica,sans-serif;font-weight:bold} .shop_cart_wrap{padding-top:2px;font-size:110%;width:315px;height:58px;padding-left:57px} .header-cart .cart_empty{background:transparent url("../images/ui.png") no-repeat -260px -195px} .header-cart .cart_full{background:transparent url("../images/ui.png") no-repeat -260px -270px} #shop_cart{background:#FFF;border:3px solid #D20000;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;margin-left:0;padding:3px 10px;position:relative;-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);-o-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow:0 0 4px rgba(0,0,0,0.5)} .shop_cart_inner{background:transparent url("../images/ui.png") no-repeat 0 -462px; left:-22px; padding-left:22px; position:relative; width:300px} .shop_cart_inner h3{font-size:14px;line-height:14px;padding:0 0 2px;width:288px} .shop_cart_inner table{font-size:0.9em;width:288px} .shop_cart_inner .goto_cart{display:block;margin:2px 0;font-weight:bold;font-style:italic} #tips-cart .tips-cart-inner{display:none;padding:2px 0 3px;margin-bottom:3px;border-bottom:2px solid #CCC} #tips-cart .tips-cart-inner td{padding:2px 0} #tips-cart .tips-cart-inner td span{cursor:pointer;color:#E21D1C} #shop_cart .text_cart_empty{line-height:18px} /* Title Module Left */ .shop-category h4,.adress-showroom h4,.login-shop h4,.shop-classification h4,.tags h4{color:#FFF;line-height:32px;height:32px;padding:0 0 0 5px;margin:5px 2px 9px 1px;background:url(../images/mainmenu_bg.png) repeat-x left -10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);-o-box-shadow:0 1px 3px rgba(0,0,0,0.2)} /* tags */ .tags a{padding-right:7px;font-style:italic} /* login */ .login-shop{margin:15px 0 10px} .login-shop div{font-size:14px} .login-shop div a{line-height:1.5em} .login-shop p{padding:5px 0} .login-shop label{display:block;float:left;line-height:24px;font-size:1.1em;width:57px} .login-shop label.modlgn_remember{display:inline;width:115px;line-height:18px} .login-shop #modlgn_remember{width:12px;margin-right:10px} .login-shop input{font-size:1.35em;color:#555;padding:3px;width:175px} .login-shop input.shop_button{font-size:10px;width:250px} .login-shop .shop_registration{font-weight:bold} .login-shop .myaccount{font-weight:bold;font-size:1.5em} /* change currency */ .change_currency{margin:0 0 10px} /* shop category */ .shop-category,.adress-showroom{margin:5px 0 15px} /* shop classification */ .shop-classification{margin:5px 0 15px} .shop-classification li{padding-left:10px;margin:1px 0;background:url("../images/bullets-catalog.png") no-repeat} .shop-classification li{background-position:left 5px} .shop-classification li:hover{background-position:-497px 5px} .shop-classification li.active{font-weight:bold} /* latest_products, top_rating, bestseller_products, label_products (ToolsTips) */ .shop-top{width:100%} .shop-top .tips-block-inner{z-index:999;display:none;position:absolute;left:-105px;top:97px;width:350px;padding-top:10px;background:url("../images/tipsArrow.png") no-repeat 145px 0 transparent} .shop-top .tips-block-edging{padding:4px;background:url("../images/shadow-50.png");border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px} .shop-top .item-tips1 .tips-block-inner{left:0px} .shop-top .item-tips1 .tips-block-inner{background-position:40px 0} .shop-top .item-tips9 .tips-block-inner{left:-180px} .shop-top .item-tips9 .tips-block-inner{background-position:220px 0} .shop-top .item-tips10 .tips-block-inner{left:-240px} .shop-top .item-tips10 .tips-block-inner{background-position:280px 0} .shop-top .tips-block-content{background-color:#FFF;padding:5px;border:2px solid #999;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} .shop-top .tips-products-item{float:left;display:block;position:relative;width:110px} .shop-top .tips-products-item a:hover{text-decoration:none} .shop-top .tips-image{display:block;margin:7px 3px 4px 3px;width:92px;height:92px} .shop-top .tips-image img{width:100px;height:100px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px} .shop-top .tips-block-content td{vertical-align:top} .shop-top .tips-name{font-size:1.3em} .shop-top .tips-name h3{} .shop-top .tips-name a h3:hover{text-decoration:underline} .shop-top .tips-old-price span{text-decoration:line-through} .shop-top .tips-price{display:block;letter-spacing:-.02em;font-size:1.2em;font-weight:bold;padding:3px 0;margin-bottom:2px;border-bottom:1px dotted #999} /* Adress showroom */ .adress-showroom{width:100%} .adress-showroom .ac_tel{padding-left:3px;font-weight:normal} /* ========= End Modules Style ========= */ /* ============ ClearFix =============== */ span.article_separator{clear:both; display:block; height:10px; border-bottom:1px dotted #AAA; margin-bottom:15px} .clr,.cls{clear:both;overflow:hidden;line-height:0!important;height:0!important} .clr:after{content:".";display:block;clear:both;visibility:hidden;line-height:0!important;height:0!important;font-size:0} html[xmlns].clr{display:block} /* CSS Styles that are needed by Scroll for it to operate correctly. */ #label-products{width:100%;padding:10px 0} #scrollable-label,#scrollable-last,#scrollable-bestseller,#scrollable-toprating{width:100%; height:242px} /* контейнер для элементов, которые мы будет скролить */ div.items{height:270px; margin-left:-2px; float:left; width:93%!important; font-size:12px} /* стиль элемента */ div.items div.item-element{display:block;float:left;margin-right:5px;padding:5px 0;width:380px;color:#555;text-decoration:none;text-align:center;cursor:pointer} div.items div.active{background-position:-174px 0; color:#555; cursor:default} div.items .item-element-image{width:120px; vertical-align:top} div.items .item-element-image img{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} div.items .item-element-data{padding-left:5px; vertical-align:top; text-align:left} div.items .item-element-data h3{padding:0 0 3px 0} div.items .item-element-data .name{font-size:1.4em} div.items .item-element-data .old-price span{text-decoration:line-through; font-weight:bold} div.items .item-element-data .price{display:block; padding:8px 0 10px 0; line-height:12px; font-size:22px; letter-spacing:-.06em; color:#E21D1C; font-weight:bold} div.items .extra-fields{line-height:14px} div.items .item-element-data .allproductscategory{line-height:12px; font-size:14px; padding:3px 0;} #scrollable-allproductscategory{height:385px;} #scrollable-allproductscategory span.old-price{line-height:12px} #scrollable-allproductscategory .item-element-data .name{display:block;padding-bottom:4px;font-size:1em;line-height:10px} /* кнопки вперед и назад */ a.prev, a.next{display:block; background-image:url(../images/scroll.png); width:28px; height:64px; float:left; background-repeat:no-repeat; margin:90px 0 0 0} a.prev{background-position:right top} a.prev:hover{background-position:right center} a.next{background-position:left top;float:right} a.next:hover{background-position:left center} /* верхняя навигация */ div.navi{position:relative; bottom:0px; left:50%; margin-left:-50px; width:100px; height:0px} div.full_list{position:relative;float:right;right:-95px;bottom:94px;width:125px;height:125px} div.full_list a{display:block;position:relative;width:125px;height:124px;text-indent:-9999px;background:url(../images/labels/corner_bottom_label.png) 0 0 no-repeat} .label_action{float:right;right:5px;position:relative;width:92px;height:123px;top:-280px} #scrollable-label1 .label_action{background:url(/images/stories/recom-new.png) 0 -7px no-repeat} #scrollable-label2 .label_action{background:url(/images/stories/recom-sales.png) 0 -7px no-repeat} #scrollable-label3 .label_action,#scrollable-bestseller .label_action{background:url(/images/stories/recom-hits.png) 0 -7px no-repeat} #scrollable-label4 .label_action{background:url(/images/stories/recom-action.png) 0 -7px no-repeat} #scrollable-label1 div.full_list a{background-position:0px -125px} #scrollable-label2 div.full_list a{background-position:0px -375px} #scrollable-label3 div.full_list a,#scrollable-bestseller div.full_list a{background-position:0px -250px} #scrollable-label4 div.full_list a{background-position:0px 0px} /* элементы верхней навигации */ div.navi span{width:14px; height:14px; float:left; margin:3px; cursor:pointer;background:url("../images/dots.png")} div.navi span:hover{background-position:0 -14px} div.navi span.active{background-position:0 -28px} /* Новости, События, Акции */ .nshow h4,.news_show_develop h3{color:#FEFEFE;background:url("../images/mainmenu_bg.png") repeat-x left -10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px} .nshow h4{padding-left:7px;margin-bottom:10px} .nshow .news_show_develop h3{font-size:20px;padding-left:7px;;margin-right:4px;margin-bottom:8px;margin-top:10px} .nshow .news_item{display:block;float:left;margin:3px 0 5px 0} .nshow .news_item .title{display:block;clear:both;font-size:1.1em;font-weight:bold;padding-bottom:5px} .nshow .news_item img{display:block;float:left;padding-right:7px;padding-top:2px} .nshow .news_item .readmore{display:block;float:left;padding-top:3px} /* Шаг за шагом */ .base-step{margin:5px;margin-bottom:0;padding:0;height:130px;background:#FFF url("../images/frontpage_tiser_bg.png") repeat-x left top;border-radius:4px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);} #front-icons{width:100%;margin:0 2px} #front-icons a{margin:0 3px;background-image:url("../images/base_step.png");background-repeat:no-repeat;-webkit-transition:background 0.25s ease-out 0s,color 0.15s ease-out 0s;-moz-transition:background 0.25s ease-out 0s,color 0.15s ease-out 0s;display:block;float:left;width:24.3%;height:130px;text-indent:-9999em;border-left:1px solid #E5E5E5} a.front-icons1{background-position:center 0;border-left:none!important} a.front-icons2{background-position:center -260px} a.front-icons3{background-position:center -520px} a.front-icons4{background-position:center -780px} a.front-icons1:hover{background-position:center -130px!important} a.front-icons2:hover{background-position:center -390px!important} a.front-icons3:hover{background-position:center -650px!important} a.front-icons4:hover{background-position:center -910px!important} .dealers-front{margin:5px 5px 7px 6px;height:58px;padding:0;border-radius:3px;background:#fff} .dealers-front .dealers-logo{ border-radius:4px 0px 0px 4px;-moz-border-radius:4px 0px 0px 4px;-webkit-border-radius:4px 0px 0px 4px;-o-border-radius:4px 0px 0px 4px; background:url("../images/dealers/dealers.png") no-repeat; width:280px;height:58px } .dealers-front .dealers-content{padding-left:290px} .dealers-content a{text-indent:-9999em;background:url("../images/dealers/ceramic3d.png") no-repeat center top;transition:background 0.25s ease-out 0s, color 0.15s ease-out 0s} .dealers-front a.dealers-ceramic3dsoft{display:block;float:left;width:50%;height:58px;background-position:center -1px} .dealers-front a.dealers-ceramic3dhelp{display:block;float:left;width:50%;height:58px;background-position:center -115px} .dealers-front a.dealers-ceramic3dsoft:hover{background-position:center -57px!important} .dealers-front a.dealers-ceramic3dhelp:hover{background-position:center -173px!important} .selection{height:68px;width:250px;overflow:hidden} .selection a{display:block;height:68px;width:250px;text-indent:-9999px;background:url("../images/ui.png") no-repeat left -190px} .selection a:hover{background-position:left -258px} #sys-message{margin:1px 2px 10px 11px;background-color:#DC1617;border:3px solid #A11112;color:#FEFEFE;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px} #sys-message dt{display:none} #sys-message dd{display:block;margin:0 auto;padding:10px;font-size:16px;line-height:1.25em;font-weight:bold;text-align:center} #sys-message dd a{color:#FFFFDE} #goaceramics{display:none;position:relative;float:right;top:2px;right:9px;width:135px;height:145px;background:url("../images/goaceramics.png") no-repeat;z-index:12} #goaceramics a{text-indent:-9999px;display:block;width:125px;height:140px;margin:0 auto} .banner{margin-top:0;margin-right:4px} .slidemenu div#slideshowbox{position:absolute;overflow:hidden;top:4px;left:10px;height:329px;overflow:hidden} #slideshowboxnav{background:transparent url("../images/slideshow-menu-bg.png") no-repeat left top;width:260px} #slideshowboxnav a{display:block;cursor:pointer;height:33px;padding-left:10px;margin-left:0;line-height:33px;text-decoration:none;font-size:1.25em;font-weight:bold;color:#CF1817} #slideshowboxnav a.activeSlide{background:url("../images/slideshow-menu-active.png") no-repeat;background-position:left 1px;color:#FFF} #slideshowboxloading img{padding:150px 0 0 370px} div#slideshowbox img{border-radius:3px} div.ac .contact legend,div.ac .user_reset legend,#searchForm legend{padding:2px 20px;border:1px solid #CCCCCC;font-size:1.4em;color:#FFF;background-color:#F72322} div.ac .contact fieldset,div.ac .user_reset fieldset,#searchForm fieldset{background-color:#FFF} div.ac .contact fieldset div,div.ac .user_reset.contact fieldset div{padding:4px 0} div.ac .contact .label-top{display:block;float:left;width:250px;text-align:right;padding-right:10px;font-size:1.2em} div.ac .contact input,#searchForm input{font-size:1.4em} div.ac .contact textarea{width:70%;resize:vertical} div.ac .contact .contact_email_copy{padding-left:5px} #searchForm label{font-size:1.1em} #searchForm .search-add-data{padding:7px 0 0 185px} #searchForm .search-refinement{padding:10px 0 0 5px} #searchForm .search-result-total{font-size:1.2em;display:block;float:left;padding-left:3px} #searchForm .search-result-pages{float:right} .search ol a{font-size:1.2em} .search ol p{font-size:1.05em} .search .highlight{font-weight:bold;color:#777} .user_reset .one-line-usr{float:left;width:750px;padding-top:4px} .user_reset .pass-reset .one-line-usr{width:600px} .user_reset label{display:block;float:left;width:200px;text-align:right;padding-right:10px;font-size:1.1em;line-height:2em} .user_reset .one-line-usr input{font-size:1.8em;width:500px} .user_reset .pass-reset .one-line-usr input{width:370px} /* ==================================================== */ /* Tree Category Styles */ /* ==================================================== */ #catalog_tree {color:#666;font-size:1.25em} #catalog_tree a {padding-left:3px} .treeview, .treeview ul {padding:0;margin:0;list-style:none} .treeview ul {background-color:white;margin-top:4px} .treeview .hitarea {background:url("../images/treeview-default.gif") -64px -25px no-repeat;height:16px;width:16px;margin-left:-16px;float:left;cursor:pointer} /* fix for IE6 */ * html .hitarea {display:inline;float:none} .treeview li {margin:0;padding:2px 0pt 2px 16px} .treeview a.selected{font-weight:bold;color:#E21D1C} #treecontrol {margin:1em 0;display:none} .treeview .hover {color:red;cursor:pointer} .treeview li {background:url("../images/treeview-default-line.gif") 0 0 no-repeat} .treeview li.collapsable, .treeview li.expandable {background-position:0 -176px} .treeview .expandable-hitarea {background-position:-80px -3px} .treeview li.last {background-position:0 -1766px} .treeview li.lastCollapsable, .treeview li.lastExpandable {background-image:url("../images/treeview-default.gif")} .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {background-position:0} .treeview .placeholder {background:url("../images/ajax-loader.gif") 0 0 no-repeat;height:24px;width:24px;display:block} .filetree li {padding:3px 0 2px 16px} .filetree span.folder, .filetree span.file {padding:1px 0 1px 16px;display:block} .content-left-block h4{font-size:16px} /* ==================================================== */ /* Font Styles */ /* ==================================================== */ .menu-selection-products span{font-weight:bold;font-size:16px} h1, h2, h3, h4, h5, .xmap .componentheading, .componentheadingshop {font-family:Arial,Helvetica,sans-serif;font-weight:bold;letter-spacing:-.03em;} .top-menu li span{font-weight:bold;font-size:14px} .ui-tabs .ui-tabs-nav li {font-weight:bold;font-size:18px} div.full_list a{font-weight:bold;font-size:1.1em} .article-content h1.title{font-size:20px} #megamenu span.titre {font-weight:bold;font-size:14px} #megamenu ul.megamenu li.level0>span.separator span.titre {font-weight:bold;font-size:14px} #megamenu ul.megamenu2 li span.separator span.titre {font-size:12px} #megamenu ul.megamenu li.level1 a span.titre {font-size:1em} #megamenu ul.megamenu li.level1.glv0 a span.titre {font-size:1.2em;line-height:25px; min-height:25px;} #megamenu ul.megamenu li.level1.glv1 a span.titre {font-weight:normal;padding-left:25px;} #megamenu ul.megamenu li.level0 a,#megamenu ul.megamenu li.level0>span, #megamenu ul.megamenu li.level0 a,#megamenu ul.megamenu li.first>span {letter-spacing:-.02em} .currency-rate h3 {font-weight:bold;font-size:14px;letter-spacing:-.05em} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs li.tabs-title {font-size:22px;letter-spacing:-.05em} .nshow h4 {} #main-footer a{font-size:22px} #main-footer {font-weight:bold;font-size:28px} #footer-menu li.parent .separator{font-weight:bold;font-size:16px}