@charset "utf-8";@import url(https://fonts.googleapis.com/css?family=Arimo:700&subset=Latin); @import url(https://fonts.googleapis.com/css?family=Open Sans:300,); div.upssell_container {} div.upsell_message {color: #B61E1E; background-color: #eee; padding: 10px; font-weight: bold; border: solid 1px #B61E1E; margin: 10px 0; border-radius: 10px; text-align: center; font-size: 14pt;} div.upsell_separator {clear:both;} div.valid_message_container {} div.valid_message {color: #000; background-color: #52c501; padding: 10px; font-weight: bold; border: solid 1px #000; margin: 10px 0; border-radius: 10px; text-align: center; font-size: 14pt;} div.valid_separator {clear:both;} div.checkout_message_container {} div.checkout_message {color: #FFF; background-color: #d81417; padding: 10px; font-weight: bold; border: solid 1px #000; margin: 10px 0; border-radius: 10px; text-align: center; font-size: 14pt;} div.checkout_separator {clear:both;} .clr{clear:both;overflow:hidden;} .general-bg,input.custom-attribute,input.quantity-input,.manufacturer-product-link a,a.ask-a-question,input.vm-default,a.product-details,a.details,div.details,button.default{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-decoration:none;padding:5px 5px 4px;font-size:12px !important;margin:5px 0 0 0 !important;} span.custom-variant-inputbox input.custom-attribute:hover,span.quantity-box input.quantity-input:hover,input.vm-default:hover,span.quantity-box input.quantity-input:hover,.ask-a-question-view input.counter:hover,.ask-a-question-view input#email:hover,table.user-details input:hover,a.ask-a-question:hover,a.details:hover,div.details:hover,a.product-details:hover,button.default:hover{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) repeat-x;background-position:0 -40px;color:#000;text-decoration:none;} .productdetails-view .spacer-buy-area{padding:0 0 0 12px;} .prix_cat{width:100%;text-align:center;font-size:14px;font-weight:bold;} .tableprix{border:1px solid #E9E8E8;} .tableprix_head{background:#E9E8E8;font-weight:bold;} .back-to-category {float:right;} .product-neighbours{color:#777;margin:0 0 15px;} .product-neighbours a.next-page{background:url(/components/com_virtuemart/assets/images/vmgeneral/next_16x16.png) no-repeat right;padding-right:30px;line-height:20px;float:right;} .product-neighbours a.previous-page{background:url(/components/com_virtuemart/assets/images/vmgeneral/previous_16x16.png) no-repeat left;padding-left:30px;line-height:20px;float:left;} .productdetails-view h1{font-size:17px !important;margin:0 0 6px;padding:0;} .productdetails-view .product-short-description{margin:0 0 15px;padding:0;} .productdetails-view .product-description,.product-fields{margin:15px 0;} span.title{font-weight:700;display:block;border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 6px;} .product-packaging{margin:15px 0 0;} .icons{text-align:right;float:right;margin:4px 0 10px 30px;} .additional-images img{width:60px;height:auto;} .product-price{margin:0 0 15px;} .price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax{text-decoration: line-through;} .productdetails-view .addtocart-bar{margin:35px auto 0 auto;padding:0 0 0 0;} .product-description{width:940px;margin:0 auto;} .product-description .title{font-weight:bold;} .availability{text-align:center;margin:15px 0 0;} .customer-reviews h4{border-bottom:solid #CAC9C9 1px;font-size:14px;font-weight:bold;margin:0 0 10px;padding:0 0 6px;} .write-reviews{text-align:center;margin:20px 0 0;} .write-reviews h4{text-align:left;} .write-reviews h4 span{font-size:12px;font-weight:400;margin-left:8px;} .write-reviews span.step{font-weight:700;display:inline-block;margin:0 0 8px;} .write-reviews ul.rating{text-align:center;margin:0 0 20px;padding:0;} .write-reviews ul.rating li{display:inline-block;list-style:none;text-align:center;padding:0 5px;} .write-reviews ul.rating li span{display:block;} .write-reviews textarea.virtuemart{margin-bottom:6px;display:inline-block;} .list-reviews .normal{border:solid #CAC9C9 1px;margin:5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;width:430px;float:left;} .list-reviews .normal blockquote,.list-reviews .highlight blockquote{margin-top:12px;font-size:12px;word-wrap:break-word;} .list-reviews .normal blockquote:before,.list-reviews .highlight blockquote:before{content:open-quote;font-weight:700;font-size:24px;padding-right:6px;} .list-reviews .normal blockquote:after,.list-reviews .highlight blockquote:after{content:close-quote;font-weight:700;font-size:24px;padding-left:6px;} .list-reviews .highlight{background:#f7f6f6;border:solid #CAC9C9 1px;margin-bottom:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;} .list-reviews span.date{float:right;display:block;color:#777;border-left:solid #CAC9C9 1px;border-bottom:solid #CAC9C9 1px;position:relative;top:-12px;right:-12px;font-size:10px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;padding:4px 6px 2px;} span.variant-dropdown{width:150px;float:left;display:block;margin-bottom:5px;} span.variant-dropdown select{width:150px;} span.custom-variant-inputbox{width:152px;float:left;display:block;margin-bottom:5px;} input.custom-attribute{width:140px;} span.quantity-box{float:left;width:27px;padding-top:1px;} input.quantity-input{height:19px;width:25px;text-align:center;font-weight:700;padding:2px;} span.quantity-controls{width:15px;float:left;margin:0 0 0 10px;overflow:hidden} span.quantity-controls input.quantity-controls{height:14px;border:none;width:15px;} span.quantity-controls input.quantity-plus{margin:0 !important;font-size:1px !important;padding:0!important;width:15px!important;color:rgba(0,0,0,0) !important;height:15px !important;background:url(/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png) no-repeat;} span.quantity-controls input.quantity-minus{margin:-3px 0 0 0 !important;font-size:1px !important;padding:0!important;width:15px!important;color:rgba(0,0,0,0) !important;height:15px !important;background:url(/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png) no-repeat;background-position:-15px 0;} .addtocart-bar{margin:30px auto 0 auto;padding:0;width:215px;} span.addtocart-button{width:152px;float:left;margin:2px 0 0 10px;} span.cart-images img { margin: 0; width: 45px; } span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:152px;background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:solid #006ec9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;} span.addtocart-button input.addtocart-button-disabled {width:auto;background:#f2f2f2 top repeat-x;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;color:#333;margin:10px 0px 0px 0px;} .category-view h4{font-size:14px;margin:0;padding:0;} .category-view .row .category .spacer h2{margin:0;padding:0;} .category-view .row .category .spacer h2 a{font-size:14px;display:block;text-align:center;} .category-view .row .category .spacer h2 a img{margin-top:6px;max-width:100%;height:auto;} .featured-view h4,.latest-view h4,.topten-view h4,.recent-view h4,.related-products-view h4{font-size:14px;margin:0 0 8px;padding:0;} .browse-view h1{font-size:16px;margin:0 0 8px;padding:0;} .orderby-displaynumber{font-style:italic;border-bottom:solid #E9E8E8 1px;border-top:solid #E9E8E8 1px;width:930px;margin:10px auto;padding:10px 0;} .orderlistcontainer{font-size:12px;display:inline-block;text-decoration:none;margin:0 15px 0 0;} .orderlistcontainer div.title{float:left;width:60px;margin:3px 0 0 0;} .orderlistcontainer div.activeOrder{float:left;background:#FFF top right no-repeat url(/components/com_virtuemart/assets/images/vmgeneral/arrow_down.png);cursor:pointer;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;padding:2px 24px 1px 12px;} .orderlistcontainer a{text-decoration:none;display:block;} .orderlistcontainer a :hover{text-decoration:none;display:block;color:#EEE;background:#777;} .orderlistcontainer div.orderlist{margin:0 0 0 55px;display:none;position:absolute;border:solid #CAC9C9 1px;background:#FFF;cursor:pointer;z-index: 1;} .orderlistcontainer div.orderlist div{padding:2px 12px 1px;} .orderlistcontainer div.orderlist div:hover{color:#EEE;background:#CAC9C9;} .ask-a-question-view .product-summary{border-bottom:solid #CAC9C9 1px;margin:25px 0 0;padding:0 0 10px;} .ask-a-question-view .product-summary h2{font-size:16px;margin:0;padding:0;} .ask-a-question-view .product-summary .short-description{margin-top:6px;} .ask-a-question-view .product-summary img.product-image{max-width:100%;max-height:100%;width:auto;height:auto;} .ask-a-question-view .form-field textarea.field{width:394px;background:#fff url(/components/com_virtuemart/assets/images/vmgeneral/default_bg.jpg) bottom repeat-x;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:12px;} .ask-a-question-view .form-field textarea.field:hover{background:#fff url(/components/com_virtuemart/assets/images/vmgeneral/default_hover_bg.jpg) top repeat-x;color:#000;} .ask-a-question-view .form-field .submit{width:418px;} .ask-a-question-view input.counter,.ask-a-question-view input#name,.ask-a-question-view input#email{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;display:inline-block;margin:0 0 0 10px;padding:5px 5px 4px;} .vmquote{font-size:smaller;} .manufacturer-details-view img{float:right;margin:0 0 10px 20px;} .manufacturer-details-view .email-weblink a{margin-right:15px;} a.ask-a-question{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;margin-bottom:8px;padding:3px 12px 1px;} a.ask-a-question:hover{color:#777;text-decoration:none;} input.vm-default{margin-bottom:2px;} input.highlight-button{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;margin:0 0 10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:4px 8px 2px;} input.highlight-button:visited{color:#fff;} a.product-details,a.details,div.details{background-position:0 0;display:inline-block;padding:3px 8px 1px;} a.details:hover,div.details:hover,a.product-details:hover{background-position:0 -40px;color:#777;} span.details-button{ margin:0 0 0 10px;} span.details-button input.details-button { background: url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) repeat-x scroll center top #E8E8E8;color:#135CAE;border:1px solid #CAC9C9 ;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer; text-align:center;padding:0 8px 1px;} .coupon{color: gray; border-radius:4px; border:1px solid #CAC9C9 ; font-size: 9px;padding: 3px; margin:5px !important; } button.default{display:inline-block;cursor:pointer;padding:5px 8px 4px;} button.default:hover{color:#777;} a.highlight,a.highlight:visited{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;display:inline-block;text-decoration:none;background-position:0 -160px;color:#fff;padding:3px 8px 1px;} textarea.virtuemart{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:5px 5px 4px;} p.product_s_desc{margin-bottom:6px;padding:0;} span.stock-level{font-size:10px;color:#7d7b7b;} .horizontal-separator{height:1px;background:#e9e8e8;margin:10px 0;} .invalid{background-color:#ffd;color:#000;border-color:red;} .page-results{margin-top:25px;text-align:right;} .control-buttons button.default{margin-left:8px;} table.user-details .vm-chzn-select{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:210px} table.user-details input{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:200px} table.user-details input.invalid{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border:solid red 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px;} table.user-details{width: 450px;margin-bottom:10px;} table.user-details input[type="checkbox"] , table.user-details input[type="radio"] {width:20px} td.key{padding:0 6px; width: 150px;} .cart-view h1{font-size:20px;font-weight:bold;width:940px;margin:0 auto;border-bottom: 1px solid #E9E8E8;} .continueshopping{width:940px;margin:10px auto;color: #2f96cd;font-size: 13px;text-transform: uppercase;font-weight:700;} .continueshopping a{color: #2f96cd;font-size: 13px;text-transform: uppercase;font-weight:700;} .cart-view h2{font-size:12px;margin:0;padding:0;} .checkout-button-top{text-align:center;border-top:solid #E9E8E8 1px;padding:10px 0 0;} .sectiontableentry1 td{padding:2px 2px 2px 6px;} .checkout-button-top input.terms-of-service{margin-right:10px;display:inline-block;} span.tos{display:inline-block;margin-right:15px;} .billto-shipto{margin:10px auto;padding:10px 0 25px;} .billto-shipto span,a.terms-of-service{display:inline-block;font-size:14px;} .padding-bill{padding:0 10px;} .cart-view fieldset{border:1px solid #E9E8E8;padding:0;} #full-tos {display: none;} #share_cart{text-align:center;} .ui-button{color:#2f96cd !important;font-weight:bold;} .output-billto span.titles,.output-shipto span.titles{width:150px;float:left;} .output-billto span.values-first_name,.output-billto span.values-middle_name,.output-billto span.values-zip,.output-shipto span.values-first_name,.output-shipto span.values-middle_name,.output-shipto span.values-zip{float:left;margin-right:3px;} table.cart-summary tr th{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;border-bottom:solid #E9E8E8 1px;padding:6px 2px 3px 2px;} .customer-comment{text-align:center;border-top:solid #E9E8E8 1px;margin:10px 0 0;padding:10px 0 0;} .cart-images{float:left;margin:3px 5px 0 5px;} .sectiontableentry1 a{color: #2f96cd;font-size: 12px;font-weight: 700;text-transform: uppercase;} textarea.customer-comment{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;text-align:left;padding:5px 5px 4px;} div.terms-of-service{ margin:10px 0 0;padding:10px 0 15px; display : inline;} .terms-of-service h5{background:#7C1E21;color:rgba(255, 255, 255, 0.9);font-size:14px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:400;margin:0;padding:15px;} .terms-of-service h5 a,.terms-of-service h5 a:visited{color:#fff;text-transform:uppercase;} .vm-button-correct,.vm-button-correct:hover,.vm-button-correct:visited{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;color:#777;} .vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited{background:#e8e8e8 url(/components/com_virtuemart/assets/images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;margin:10px 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:6px 12px 3px;} .vm-button-correct:hover{background-position:0 -200px;color:#f2f2f2;text-decoration:none;} .VmArrowdown{background:top right no-repeat url(/components/com_virtuemart/assets/images/vmgeneral/arrow_down.png);cursor:pointer;float:right;width:16px;height:16px;padding:0 12px;} ul.VMmenu,.VMmenu ul,.VMmenu li{list-style-type:none!important;background-image:none!important;padding:2px;} #ui-tabs ul#tabs{list-style-type:none;overflow:hidden;margin:0;padding:20px 20px 0;} #ui-tabs ul#tabs li{display:inline-block;cursor:pointer;background:#f2f2f2;padding:10px 20px 7px;} #ui-tabs ul#tabs li.current{display:inline-block;background:#ccc;color:#444;} #ui-tabs .tabs{padding:20px;} #ui-tabs .dyn-tabs{overflow:auto;display:none;} .clear,br.clear{clear:both;} .floatright,span.floatright{float:right;} .floatleft,span.floatleft{float:left;} span.bold,div.bold{font-weight:700;} .width1{width:1%;}.width2{width:2%;}.width3{width:3%;}.width4{width:4%;}.width5{width:5%;}.width6{width:6%;}.width7{width:7%;}.width8{width:8%;}.width9{width:9%;}.width10{width:10%;}.width11{width:11%;}.width12{width:12%;}.width13{width:13%;}.width14{width:14%;}.width15{width:15%;}.width16{width:16%;}.width17{width:17%;}.width18{width:18%;}.width19{width:19%;}.width20{width:20%;}.width21{width:21%;}.width22{width:22%;}.width23{width:23%;}.width24{width:24%;}.width25{width:24%;}.width26{width:26%;}.width27{width:27%;}.width28{width:28%;}.width29{width:29%;}.width30{width:30%;}.width31{width:31%;}.width32{width:32%;}.width33{width:33%;}.width34{width:34%;}.width35{width:35%;}.width36{width:36%;}.width37{width:37%;}.width38{width:38%;}.width39{width:39%;}.width40{width:40%;}.width41{width:41%;}.width42{width:42%;}.width43{width:43%;}.width44{width:44%;}.width45{width:45%;}.width46{width:46%;}.width47{width:47%;}.width48{width:48%;}.width49{width:49%;}.width50{width:50%;}.width51{width:51%;}.width52{width:52%;}.width53{width:53%;}.width54{width:54%;}.width55{width:55%;}.width56{width:56%;}.width57{width:57%;}.width58{width:58%;}.width59{width:59%;}.width60{width:60%;}.width61{width:61%;}.width62{width:62%;}.width63{width:63%;}.width64{width:64%;}.width65{width:65%;}.width66{width:66%;}.width67{width:67%;}.width68{width:68%;}.width69{width:69%;}.width70{width:70%;}.width71{width:71%;}.width72{width:72%;}.width73{width:73%;}.width74{width:74%;}.width75{width:75%;}.width76{width:76%;}.width77{width:77%;}.width78{width:78%;}.width79{width:79%;}.width81{width:81%;}.width82{width:82%;}.width83{width:83%;}.width84{width:84%;}.width85{width:85%;}.width86{width:86%;}.width87{width:87%;}.width88{width:88%;}.width89{width:89%;}.width90{width:90%;}.width91{width:91%;}.width92{width:92%;}.width93{width:93%;}.width94{width:94%;}.width95{width:95%;}.width96{width:96%;}.width97{width:97%;}.width98{width:98%;}.width99{width:99%;}.width100{width:100%;} .vmicon, .vmiconFE{background:url(/components/com_virtuemart/assets/images/vm2-sprite.png) no-repeat top left;} .vm2-add_quantity_cart{background-position:0 0;width:24px;height:24px;border: 0px;cursor:pointer;} .vm2-arrow_down{background-position:0 -72px;width:16px;height:16px;} .vm2-billto-icon{background-position:0 -138px;height:24px;margin-right:6px;vertical-align:middle;width:24px;border :0px;} .vm2-remove_from_cart{ background-position: 0 -212px; border: 0 none; cursor: pointer; display: inline-block; height: 24px; vertical-align: bottom; width: 24px;} .vm2-shipto-icon{background-position:0 -284px;height:24px;margin-right:6px;vertical-align:middle;width:24px;} .vm2-stars0{background-position:0 -358px;width:64px;height:13px;} .vm2-stars1{background-position:0 -421px;width:64px;height:13px;} .vm2-stars2{background-position:0 -484px;width:64px;height:13px;} .vm2-stars3{background-position:0 -547px;width:64px;height:13px;} .vm2-stars4{background-position:0 -610px;width:64px;height:13px;} .vm2-stars5{background-position:0 -673px;width:64px;height:13px;} .vm2-stars_0{background-position:0 -736px;width:64px;height:13px;} .vm2-stars_1{background-position:0 -799px;width:64px;height:13px;} .vm2-stars_2{background-position:0 -862px;width:64px;height:13px;} .vm2-stars_3{background-position:0 -925px;width:64px;height:13px;} .vm2-stars_4{background-position:0 -988px;width:64px;height:13px;} .vm2-stars_5{background-position:0 -1051px;width:64px;height:13px;} .vm2-lowstock{background-position:0 -1114px;width:62px;height:15px;display:block;} .vm2-nostock{background-position:0 -1179px;width:62px;height:15px;display:block;} .vm2-normalstock{background-position:0 -1244px;width:62px;height:15px;display:block;} .vm2-termsofservice-icon{background-position:0 -1309px;height:24px;margin-right:6px;vertical-align:middle;width:24px;display:inline-block;} .vm2-modallink{height:16px;margin-left: 3px;vertical-align:top;width:16px;display:inline-block; background: url(/components/com_virtuemart/assets/images/icon_external_link.gif) no-repeat scroll left top transparent;} .vm2-warning{background-position:0 -1383px;width:50px;height:40px;} .vendor-store-desc,.category-view,.featured-view,.latest-view,.topten-view,.recent-view,.related-products-view,.browse-view,.order-view{margin-bottom:25px;} .main-image,.featured-view .product,.latest-view .product,.topten-view .product,.recent-view .product,.related-products-view .product,.center,span.center{text-align:center;} /* .main-image img {max-width:100%;height:auto}*/ .main-image img {max-width:668px;max-height:447px} .main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img,.recent-view .spacer img{max-width:100%;height:auto;width:auto;} .additional-images,.featured-view .product-price,.latest-view .product-price,.topten-view .product-price,.recent-view .product-price,.output-billto,.output-shipto{margin:10px 0;min-height:40px;} .ask-a-question,.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{margin:10px 0 0;} .customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;} span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;} span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover{background-position:0 -200px;color:#f2f2f2;} .category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.recent-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{padding:6px;} .featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.recent-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{font-size:14px;margin:0 0 6px;padding:0;} .product h2 a{font-size:14px !important;font-weight:bold;color:#666;} .featured-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.recent-view .spacer span,.related-products-view .spacer span,.browse-view .row .product .spacer span{font-size:0.85em;color:#666;} .browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{max-width:90%;height:auto;} .display-number,.right{text-align:right !important;} .control-buttons-2{text-align:center; margin:10px 0;} .ask-a-question-view,.manufacturer-details-view .spacer{padding:30px;} .ask-a-question-view h1,.manufacturer-details-view h1{font-size:18px;margin:0;padding:0;} .row .vertical-separator{border-right: 1px solid #E9E8E8;} .vertical-separator{border-right: 1px solid #E9E8E8;} #userForm select,.width80{width:80%;} textarea.virtuemart:hover,textarea.customer-comment:hover{color:#000;background:#e8e8e8;} label.invalid,span.red{color:red;} .output-billto span.values,.output-shipto span.values,.floatleft,span.floatleft{float:left;text-align:center;} .output-billto span.values,.output-shipto span.values {padding-right:5px;} .joomlaCoreField {background-color: #FFFFDD;} .vm-pagination div{text-align:center !important;} .vm-pagination ul{text-align:center !important;} .vm-pagination ul li{display: inline;} .vm-pagination .counter{text-align: right !important;} .vm-bottom div{text-align:center !important;} .vm-bottom ul{text-align:center !important;} .vm-bottom ul li{display: inline;} .vm-bottom .counter{text-align: right !important;} td.orders-key{font-weight: bold; text-align: left; } /* Manufacturer View Default */ .manufacturer-view-default .row .manufacturer .spacer {padding: 6px;} .product-field-display a img{display: block;} .product-related-products, .product-related-categories{width:940px;margin:0 auto;border-top:solid #ccc 1px;padding-bottom: 10px;} .product-related-products h4{font-size:14px; font-weight:bold;margin:18px 0 0 5px} .product-fields .product-field-type-P{clear: both; border-bottom: 1px solid #EEEEEE; margin-top: 18px;} .product-field-type-P .product-fields-title{ font-size: 120%;} .product-field-type-B,.product-field-type-S,.product-field-type-I{padding-left:3%;float:left;width:30%} .product-fields-title{ font-weight: bold;} .customer-reviews{width:940px;margin:0 auto;} .vm-customfield-mod img,.vm-customfield-cart img{ vertical-align: middle; width: 16px;} .vm-img-desc{display:block;} a:hover .vm-img-desc{background: #095197} .vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{padding:0 2px;} .vmpayment_description,.vmshipment_description {color:gray;font-size:9px;padding:0 2px;} .vmpayment_cardinfo {color:gray;font-size:9px;} .virtuemart_search .inputbox{height:16px;vertical-align :middle} /* Custom Field Images */ .product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;} .product-field-display{width:222px;overflow:hidden;} .product-field-type-R{width:222px;float:left; border:1px solid #eee;margin:5px;min-height: 180px;} .product-field-display select{width:250px;overflow:hidden;} .product-fields .product-field label.other-customfield {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;} /* For 4 s across use width:17% */ .product-fields .product-field input[type=radio] {position:relative;left:33px;} .product-fields .product-field .vm-img-desc {font-size:9px;} /* some more styles */ .priceColor2{color:gray;} .line-through{text-decoration:line-through} .inline{display: inline;} td.pricePad{padding-right: 10px;} td.priceCol{white-space:nowrap;} div.spaceStyle{padding: 0px; margin: 5px; spacing: 0px;} .vm-notice{color: #CC0000;} .buttonBar-right{text-align: right; width: 100%;} .userfields_info{font-weight: bold;display: block;margin: 0px 0px 8px 0px;} .ratingbox { position:relative; display:block; width:120px; height:24px; background:url(/components/com_virtuemart/assets/images/color-stars.png) repeat-x scroll 0 bottom transparent; } .ratingbox span { background:url(/components/com_virtuemart/assets/images/color-stars.png) repeat-x; display:block; width:1%; height:24px; position:absolute; } .vote { display: block; margin-bottom: 4px; } .category-ratingbox { position:relative; display:block; width:60px; height:12px; background:url(/components/com_virtuemart/assets/images/color-stars-small.png) repeat-x scroll 0 bottom transparent; } .category-ratingbox span { background:url(/components/com_virtuemart/assets/images/color-stars-small.png) repeat-x; display:block; width:1%; height:12px; position:absolute; } .stars-orange{background-position:0 0 !important;} .stars-red{background-position:0 -54px !important;} .stars-green{background-position:0 -108px !important; } .stars-blue{background-position:0 -162px !important;} .stars-purple{background-position:0 -216px !important;} /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden !important; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(/components/com_virtuemart/assets/images/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(/components/com_virtuemart/assets/images/fancybox/blank.gif) ; z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; /*font-size: 12px;*/ z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(/components/com_virtuemart/assets/images/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(/components/com_virtuemart/assets/images/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(/components/com_virtuemart/assets/images/fancybox/fancybox.png) -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); } /** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, * centered and animated box. * * @version 1.3 * * @license MIT-style license * @author Harald Kirschner * @author Rouven Weßling * @copyright Author */ #sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; } #sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; /* invalid values, but looks smoother! */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #sbox-window[aria-hidden=true], #sbox-overlay[aria-hidden=true] { display: none; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(/media/system/images/modal/closebox.png) no-repeat center; border: none; } .sbox-loading #sbox-content { background-image: url(/media/system/images/modal/spinner.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; width: 100%; height: 100%; } .sbox-content-iframe#sbox-content { overflow: visible; } /* Hides scrollbars */ .body-overlayed { overflow: hidden; } /* Hides flash (Firefox problem) and selects (IE) */ .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } /* Shadows */ #sbox-window.shadow { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .sbox-bg { position: absolute; width: 33px; height: 40px; } .sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(/media/system/images/modal/bg_n.png) repeat-x; } .sbox-bg-ne { right: -33px; top: -40px; background: url(/media/system/images/modal/bg_ne.png) no-repeat; } .sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(/media/system/images/modal/bg_e.png) repeat-y; } .sbox-bg-se { right: -33px; bottom: -40px; background: url(/media/system/images/modal/bg_se.png) no-repeat; } .sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(/media/system/images/modal/bg_s.png) repeat-x; } .sbox-bg-sw { left: -33px; bottom: -40px; background: url(/media/system/images/modal/bg_sw.png) no-repeat; } .sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(/media/system/images/modal/bg_w.png) repeat-y; } .sbox-bg-nw { left: -33px; top: -40px; background: url(/media/system/images/modal/bg_nw.png) no-repeat; } @-moz-document url-prefix() { .body-overlayed { overflow: visible; } } #search-form87 input::-ms-clear{ width: 0; height: 0; } #search-form87 input::focus { outline: none; }#offlajn-ajax-search87{ width: 280px; float: left} #offlajn-ajax-search87 .offlajn-ajax-search-container{ background: #e4eaee; background: RGBA(228,234,238,1); padding: 4px; margin:0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #search-form87 div{ margin:0; padding:0; } #offlajn-ajax-search87 .offlajn-ajax-search-inner{ width:100%; } #search-form87{ margin:0; padding:0; position: relative; width: 100%; } #search-form87 input{ background-color: #ffffff; /*font chooser*/ padding-top: 1px; color: #4e6170; font-family: arial; font-weight: bold; font-style: normal; font-size: 12px; text-shadow: #rgba(255,255,255,1) 1px 1px 0px; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } #search-form87 input:focus{ /* background-color: #ffffff; */ } .dj_ie7 #search-form87{ padding-bottom:0px; } #search-form87 .category-chooser{ height: 25px; width: 23px; border: 1px #b2c4d4 solid; /* border-right: none;*/ -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #f2f2f2; position: absolute; left: 0px; z-index: 5; } #search-form87 .category-chooser:hover{ -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; -o-transition: background 200ms ease-out; transition: background 200ms ease-out; /* background-color: #ffffff; */ } #search-form87 .category-chooser.opened{ height:26px; border-bottom: none; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; background-color: #ffffff; } #search-form87 .category-chooser .arrow{ height: 25px; width: 23px; background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/arrow/arrow.png) no-repeat center center; } input#search-area87{ display: block; position: relative; height: 27px; padding: 0 39px 0 5px; width: 100%; background-color: transparent; box-sizing: border-box !important; /* css3 rec */ -moz-box-sizing: border-box !important; /* ff2 */ -ms-box-sizing: border-box !important; /* ie8 */ -webkit-box-sizing: border-box !important; /* safari3 */ -khtml-box-sizing: border-box !important; /* konqueror */ border: 1px #b2c4d4 solid; border-right: none; line-height: 27px; -moz-border-radius: 3px; border-radius: 3px; float: left; margin: 0; z-index:4; /*if category chooser enabled*/ } .dj_ie #search-area87{ line-height: 24px; } .dj_ie7 #search-area87{ height: 25px; line-height: 25px; } input#suggestion-area87{ display: block; position: absolute; height: 27px; width: 100%; top: 0px; left: 1px; padding: 0 60px 0 5px; box-sizing: border-box !important; /* css3 rec */ -moz-box-sizing: border-box !important; /* ff2 */ -ms-box-sizing: border-box !important; /* ie8 */ -webkit-box-sizing: border-box !important; /* safari3 */ -khtml-box-sizing: border-box !important; /* konqueror */ color:rgba(0, 0, 0, 0.25); border: none; line-height: 27px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); float: left; margin: 0; z-index:1; /*if category chooser enabled*/ } .dj_chrome input#suggestion-area87, .dj_ie input#suggestion-area87{ top: 0px; } .dj_ie8 input#suggestion-area87{ line-height: 25px; } .search-caption-on{ color: #aaa; } #search-form87 #search-area-close87.search-area-loading{ background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/loaders/snake3D.gif) no-repeat center center; } #search-form87 #search-area-close87{ background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/close/close_icon.png) no-repeat center center; background-image: url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/d4b645c6d3eef776e230769aecab91af.png); height: 16px; width: 22px; top:50%; margin-top:-8px; right: 40px; position: absolute; cursor: pointer; visibility: hidden; z-index:5; } #ajax-search-button87{ height: 25px; width: 32px; border: 1px #188dd9 solid; -webkit-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.4); box-shadow: inset 1px 1px 0px rgba(255,255,255,0.4); -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #188dd9 url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/24941f479a1dec361465c6c8e1f80ac6.png) repeat-x ; background-size: auto 100%; background: -moz-linear-gradient(#47c5ed, #188dd9); /* FF 3.6+ */ background: -ms-linear-gradient(#47c5ed, #188dd9); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47c5ed), color-stop(100%, #188dd9)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#47c5ed, #188dd9); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#47c5ed, #188dd9); /* Opera 11.10 */ background: linear-gradient( top, #47c5ed, #188dd9 ); float: left; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index:5; } .dj_ie7 #ajax-search-button87{ top: 0+1; ?>px; right: 0-1; ?>px; } .dj_opera #ajax-search-button87{ border-radius: 0; } #ajax-search-button87 .magnifier{ background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/search_button/magnifier_strong_mid.png) no-repeat center center; height: 26px; width: 32px; padding:0; margin:0; } #ajax-search-button87:hover{ background: #199aea url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/3a48bf16ef0023650479e198bba40cce.png) repeat-x ; background-size: auto 100%; background: -moz-linear-gradient(#47c5ed, #199aea); /* FF 3.6+ */ background: -ms-linear-gradient(#47c5ed, #199aea); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47c5ed), color-stop(100%, #199aea)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#47c5ed, #199aea); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#47c5ed, #199aea); /* Opera 11.10 */ background: linear-gradient( top, #47c5ed, #199aea ); } #ajax-search-button87:active{ -webkit-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5); box-shadow: inset 2px 2px 3px rgba(0,0,0,0.4); border-bottom: none; border-right: none; } #search-results87{ position: absolute; top:0px; left:0px; margin-top: 2px; visibility: hidden; text-decoration: none; z-index:1000; font-size:12px; width: 278px; } #search-results-moovable87{ position: relative; overflow: hidden; height: 0px; background-color: #ffffff; border: 1px #e5e5e5 solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6); } #search-results-inner87{ position: relative; width: 278px; /**/ overflow: hidden; } .dj_ie #search-results-inner87{ padding-bottom: 0px; } #search-results87 .plugin-title{ -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); line-height: 26px; font-size: 14px; background: #E4EAEE url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/2ece7cd652734aae9a0186bb370f8d16.png) repeat-x ; background-size: auto 100%; background: -moz-linear-gradient(#E4EAEE, #E4EAEE); /* FF 3.6+ */ background: -ms-linear-gradient(#E4EAEE, #E4EAEE); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E4EAEE), color-stop(100%, #E4EAEE)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#E4EAEE, #E4EAEE); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#E4EAEE, #E4EAEE); /* Opera 11.10 */ background: linear-gradient( top, #E4EAEE, #E4EAEE ); text-align: left; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; font-weight: bold; /* height: 100%;*/ margin:0; padding:0; } .dj_opera #search-results87 .plugin-title{ background: #1 ; } #search-results87 .plugin-title.first{ -webkit-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4); -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-top: -1px; } .dj_opera #search-results87 .plugin-title.first{ background: #1 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iDQogICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogICAgd2lkdGg9IjEwMCUiDQogICAgaGVpZ2h0PSIxMDAlIg0KICAgIHZlcnNpb249IjEuMCINCiAgICA+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkJLnN0YXJ0IHsNCgkJCXN0b3AtY29sb3I6ICMxOw0KCQkJc3RvcC1vcGFjaXR5OiAxOw0KCQl9DQoJCS5lbmQNCgkJew0KCQkJc3RvcC1jb2xvcjogI0U0RUFFRTsNCgkJCXN0b3Atb3BhY2l0eTogMTsNCgkJfQ0KCTwvc3R5bGU+DQoJPGRlZnM+DQogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIGNsYXNzPSJzdGFydCIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBjbGFzcz0iZW5kIi8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHJ4PSIxMCIgcnk9IjEwIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTIwJSIgLz4NCjwvc3ZnPg==); } .dj_ie #search-results87 .plugin-title.first{ margin-top: 0; } #search-results87 .ie-fix-plugin-title{ border-top: 1px solid #B2BCC1; border-bottom: 1px solid #000000; } #search-results87 .plugin-title-inner{ /* -moz-box-shadow:0 1px 2px #B2BCC1 inset;*/ -moz-user-select:none; padding-left:10px; padding-right:5px; float: left; cursor: default; /*font chooser*/ color: #4e6170; font-family: arial; font-weight: bold; font-style: normal; font-size: 11px; text-shadow: #rgba(255,255,255,1) 1px 1px 0px; text-decoration: none; text-transform: none; line-height: left; text-align: center; /*font chooser*/ } #search-results87 .pagination{ margin: 8px; margin-left: 0px; float: right; float: right; width: auto; height: auto; } #search-results87 .pager{ width: 10px; height: 10px; margin: 0px 0px 0px 5px; background-image: url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/b1afdf6cc73844d32057de391abe7bbb.png); float: left; padding:0; } #search-results87 .pager:hover{ background-image: url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/7617c62cc241cc02df324d41011162bd.png); cursor: pointer; } #search-results87 .pager.active, #search-results87 .pager.active:hover{ background-image: url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/8b63688296f2016635ddcc87f721cd9e.png); cursor: default; } #search-results87 .page-container{ position: relative; overflow: hidden; height: 380px; /* 66x num of elements */ width: 278px; /**/ } #search-results87 .page-band{ position: absolute; left: 0; width: 10000px; } #search-results87 .page-element{ float: left; left: 0; cursor: hand; } #search-results87 #search-results-inner87 .result-element:hover, #search-results87 #search-results-inner87 .selected-element{ text-decoration: none; background: #18517d url(/modules/mod_universal_ajaxlivesearch/cache/87-langfr-FR/26041080e036b4d62eb8260517426328.png) repeat-x ; background-size: auto 100%; background: -moz-linear-gradient(#188dd9, #18517d); /* FF 3.6+ */ background: -ms-linear-gradient(#188dd9, #18517d); /* IE10 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #188dd9), color-stop(100%, #18517d)); /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient(#188dd9, #18517d); /* Safari 5.1+, Chrome 10+ */ background: -o-linear-gradient(#188dd9, #18517d); /* Opera 11.10 */ background: linear-gradient( top, #188dd9, #18517d ); /* border-top: 1px solid #188dd9;*/ border-top: none; padding-top: 1px; -webkit-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.7); -moz-box-shadow: inset 0px 2px 3px rgba(0,0,0,0.7); box-shadow: inset 0px 2px 3px rgba(0,0,0,0.7); } #search-results87 #search-results-inner87 .result-element:hover span, #search-results87 #search-results-inner87 .selected-element span{ /*font chooser*/ color: #ffffff; font-family: arial; font-weight: bold; font-style: normal; font-size: 12px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } #search-results87 #search-results-inner87 .result-element:hover span.small-desc, #search-results87 #search-results-inner87 .selected-element span.small-desc{ /*font chooser*/ color: #ffffff; font-family: arial; font-weight: normal; font-style: normal; font-size: 11px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } .dj_opera #search-results87 #search-results-inner87 .result-element:hover, .dj_opera #search-results87 #search-results-inner87 .selected-element{ background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iDQogICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICAgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogICAgd2lkdGg9IjEwMCUiDQogICAgaGVpZ2h0PSIxMDAlIg0KICAgIHZlcnNpb249IjEuMCINCiAgICA+DQoJPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkJLnN0YXJ0IHsNCgkJCXN0b3AtY29sb3I6ICMxOw0KCQkJc3RvcC1vcGFjaXR5OiAxOw0KCQl9DQoJCS5lbmQNCgkJew0KCQkJc3RvcC1jb2xvcjogI0U0RUFFRTsNCgkJCXN0b3Atb3BhY2l0eTogMTsNCgkJfQ0KCTwvc3R5bGU+DQoJPGRlZnM+DQogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIGNsYXNzPSJzdGFydCIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBjbGFzcz0iZW5kIi8+DQogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+DQogICAgPC9kZWZzPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHJ4PSIxMCIgcnk9IjEwIiBmaWxsPSJ1cmwoI2dyYWRpZW50KSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTIwJSIgLz4NCjwvc3ZnPg==); border-radius: 0; } #search-results87 .result-element{ display: block; width: 278px; /**/ height: 74px; /*height*/ font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; overflow: hidden; } #search-results87 .result-element img{ display: block; float: left; padding: 2px; padding-right:10px; border: 0; } .ajax-clear{ clear: both; } #search-results87 .result-element span{ display: block; float: left; width: 261px; /* margin:5+12 */ margin-left:5px; margin-right:12px; line-height: 14px; text-align: left; cursor: pointer; margin-top: 5px; /*font chooser*/ color: #4e6170; font-family: arial; font-weight: bold; font-style: normal; font-size: 12px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } #search-results87 .result-element:hover span{ color: #ffffff; } #search-results87 .result-element span.small-desc{ margin-top : 2px; font-weight: normal; line-height: 13px; /*font chooser*/ color: #7794aa; font-family: arial; font-weight: normal; font-style: normal; font-size: 9px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } #search-results87 .result-element:hover span.small-desc, #search-results87 .selected-element span.small-desc{ color: #DDDDDD; } #search-results87 .result-products span{ /* text-align: center;*/ width: 179px; /* padding and pictures: 10+2+60, margin:5+12 */ margin-top: 5px; } #search-results87 .no-result{ display: block; width: 278px; /**/ height: 30px; /*height*/ font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; overflow: hidden; text-align: center; padding-top:10px; } #search-results87 .no-result-suggest { display: block; font-weight: bold; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #c2d5e1; overflow: hidden; text-align: center; padding-top:10px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px; } #search-results87 .no-result-suggest a { cursor: pointer; font-weight: bold; text-decoration: none; padding-left: 4px; } #search-results87 .no-result-suggest, #search-results87 .no-result-suggest a{ /*font chooser*/ color: #4e6170; font-family: arial; font-weight: bold; font-style: normal; font-size: 12px; text-shadow: none; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ } #search-results87 .no-result-suggest a:hover { text-decoration: underline; } #search-results87 .no-result span{ width: 261px; /* margin:5+12 */ line-height: 20px; text-align: left; cursor: default; -moz-user-select:none; } #search-categories87{ border: 1px #b2c4d4 solid; border-top: none; background-color: #f2f2f2; position: absolute; top:0px; left:0px; visibility: hidden; text-decoration: none; z-index:1001; font-size:12px; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; border-radius-bottomright: 5px; } #search-categories87 .search-categories-inner div{ padding:7px 15px 5px 30px; border-bottom: 1px #b2c4d4 solid; cursor: default; /*font chooser*/ color: #4e6170; font-family: "Arimo",arial; font-weight: bold; font-style: normal; font-size: 11px; text-shadow: #rgba(255,255,255,1) 1px 1px 0px; text-decoration: none; text-transform: none; line-height: left; /*font chooser*/ background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/selections/unselected.png) no-repeat 5px center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #search-categories87 .search-categories-inner div.last{ border:none; -webkit-border-radius-bottomleft: 5px; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-radius-bottomleft: 5px; border-radius-bottomright: 5px; } #search-categories87 .search-categories-inner div.selected{ background: url(/modules/mod_universal_ajaxlivesearch/themes/elegant/images/selections/selected.png) no-repeat 5px center; background-color: #ffffff; } #search-results-inner87.withoutseemore{ padding-bottom: 10px; } #search-results87 .seemore{ padding-top: 5px; padding-bottom: 5px; cursor: pointer; /*border-bottom: 1px solid #B2BCC1;*/ background-color: #ffffff; /*f2f2f2*/ text-align: right; padding-right: 10px; } #search-results87 .seemore:hover{ background-color: #ffffff; } #search-results87 .seemore:hover span{ /*font chooser*/ color: #188dd9; font-family: "Arimo",arial; font-weight: bold; font-style: normal; font-size: 11px; text-shadow: #rgba(255,255,255,1) 1px 1px 0px; text-decoration: none; text-transform: none; line-height: left; text-align: center; /*font chooser*/ } #search-results87 .seemore span{ /*font chooser*/ color: #4e6170; font-family: arial; font-weight: bold; font-style: normal; font-size: 11px; text-shadow: #rgba(255,255,255,1) 1px 1px 0px; text-decoration: none; text-transform: none; line-height: left; text-align: center; /*font chooser*/ } *{} .gi-elem input, .gi-elem button, .gi-elem select, .gi-elem textarea, .gi-elem, .ial-close { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; } .gi-elem .hidden { display: none; } .gi-elem { display: block; float: left; text-align: left; line-height: 0; padding-top: 2px; } .regRequired .red { font-weight: normal; color: inherit; } .gi-elem.gi-wide { width: 100%; } .ial-login, .ial-form { display: block; margin: 0; line-height: 0; max-width: 100%; } .loginWndInside { max-width: 100%; } .ial-trans-gpu { -webkit-transition: 300ms ease-out; -moz-transition: 300ms ease-out; -ms-transition: 300ms ease-out; -o-transition: 300ms ease-out; transition: 300ms ease-out; -webkit-transition-property: visibility, opacity, -webkit-transform; -moz-transition-property: visibility, opacity, -moz-transform; -ms-transition-property: visibility, opacity, -ms-transform; -o-transition-property: visibility, opacity, -o-transform; transition-property: visibility, opacity, transform; } .ial-trans-b { visibility: hidden; opacity: 0; -webkit-transform: translate(0, 30px); -moz-transform: translate(0, 30px); -ms-transform: translate(0, 30px); -o-transform: translate(0, 30px); transform: translate(0, 30px); } .ial-trans-t { visibility: hidden; opacity: 0; -webkit-transform: translate(0, -30px); -moz-transform: translate(0, -30px); -ms-transform: translate(0, -30px); -o-transform: translate(0, -30px); transform: translate(0, -30px); } .ial-trans-r { visibility: hidden; opacity: 0; -webkit-transform: translate(-30px, 0); -moz-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); transform: translate(-30px, 0); } .ial-trans-l { visibility: hidden; opacity: 0; -webkit-transform: translate(30px, 0); -moz-transform: translate(30px, 0); -ms-transform: translate(30px, 0); -o-transform: translate(30px, 0); transform: translate(30px, 0); } .ial-trans-gpu.ial-active { visibility: visible; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* safari fix */ -webkit-transition-property: opacity, -webkit-transform; } /* Effect 1: Fade in and scale up */ .ial-effect-1{ -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; } .ial-effect-1.ial-active{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } /* Effect 2: Slide from the right */ .ial-effect-2{ -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: visibility 0.3s, opacity 0.3s, transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .ial-effect-2.ial-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; } /* Effect 4: Newspaper */ .ial-effect-4 { -webkit-transform: perspective( 1300px ) scale(0) rotate(720deg); -moz-transform: perspective( 1300px ) scale(0) rotate(720deg); -ms-transform: perspective( 1300px ) scale(0) rotate(720deg); transform: perspective( 1300px ) scale(0) rotate(720deg); opacity: 0; visibility: hidden; -webkit-transition: visibility 0.5s, opacity 0.5s, -webkit-transform 0.5s; -moz-transition: visibility 0.5s, opacity 0.5s, -moz-transform 0.5s; transition: visibility 0.5s, opacity 0.5s, transform 0.5s; } .ial-effect-4.ial-active { -webkit-transform: perspective( 1300px ) scale(1) rotate(0deg); -moz-transform: perspective( 1300px ) scale(1) rotate(0deg); -ms-transform: perspective( 1300px ) scale(1) rotate(0deg); transform: perspective( 1300px ) scale(1) rotate(0deg); opacity: 1; visibility: visible; } /* Effect 5: fall */ .ial-effect-5{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) translateZ(600px) rotateX(20deg); -moz-transform: perspective( 1300px ) translateZ(600px) rotateX(20deg); -ms-transform: perspective( 1300px ) translateZ(600px) rotateX(20deg); transform: perspective( 1300px ) translateZ(600px) rotateX(20deg); opacity: 0; visibility: hidden; -webkit-transition:opacity; -moz-transition:opacity; transition:opacity; } .ial-effect-5.ial-active{ -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: perspective( 3000px ) translateZ(0px) rotateX(0deg); -moz-transform: perspective( 3000px ) translateZ(0px) rotateX(0deg); -ms-transform: perspective( 3000px ) translateZ(0px) rotateX(0deg); transform: perspective( 3000px ) translateZ(0px) rotateX(0deg); opacity: 1; visibility: visible; } /* Effect 6: side fall */ .ial-effect-6{ -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) translate(30%) translateZ(600px) rotate(10deg); -moz-transform: perspective( 1300px ) translate(30%) translateZ(600px) rotate(10deg); -ms-transform: perspective( 1300px )translate(30%) translateZ(600px) rotate(10deg); transform: perspective( 1300px ) translate(30%) translateZ(600px) rotate(10deg); opacity: 0; visibility: hidden; } .ial-effect-6.ial-active{ -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: perspective( 3000px ) translate(0%) translateZ(0) rotate(0deg); -moz-transform: perspective( 3000px ) translate(0%) translateZ(0) rotate(0deg); -ms-transform: perspective( 3000px ) translate(0%) translateZ(0) rotate(0deg); transform: perspective( 3000px ) translate(0%) translateZ(0) rotate(0deg); opacity: 1; visibility: visible; } /* Effect 8: 3D flip horizontal */ .ial-effect-8 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) rotateY(-70deg); -moz-transform: perspective( 1300px ) rotateY(-70deg); -ms-transform: perspective( 1300px ) rotateY(-70deg); transform: perspective( 1300px ) rotateY(-70deg); -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; opacity: 0; visibility: hidden; } .ial-effect-8.ial-active { -webkit-transform: perspective( 1300px ) rotateY(0deg); -moz-transform: perspective( 1300px ) rotateY(0deg); -ms-transform: perspective( 1300px ) rotateY(0deg); transform: perspective( 1300px ) rotateY(0deg); opacity: 1; visibility: visible; } /* Effect 9: 3D flip vertical */ .ial-effect-9 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) rotateX(-70deg); -moz-transform: perspective( 1300px ) rotateX(-70deg); -ms-transform: perspective( 1300px ) rotateX(-70deg); transform: perspective( 1300px ) rotateX(-70deg); -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; opacity: 0; visibility: hidden; } .ial-effect-9.ial-active { -webkit-transform: perspective( 1300px ) rotateX(0deg); -moz-transform: perspective( 1300px ) rotateX(0deg); -ms-transform: perspective( 1300px ) rotateX(0deg); transform: perspective( 1300px ) rotateX(0deg); opacity: 1; visibility: visible; } /* Effect 11: Super scaled */ .ial-effect-11 { -webkit-transform: perspective( 1300px ) scale(2); -moz-transform: perspective( 1300px ) scale(2); -ms-transform: perspective( 1300px ) scale(2); transform: perspective( 1300px ) scale(2); opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; } .ial-effect-11.ial-active { -webkit-transform: perspective( 1300px ) scale(1); -moz-transform: perspective( 1300px ) scale(1); -ms-transform: perspective( 1300px ) scale(1); transform: perspective( 1300px ) scale(1); opacity: 1; visibility: visible; } /* Effect 13: 3D slit */ .ial-effect-13 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; /*-webkit-transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); -moz-transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); -ms-transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg);*/ opacity: 0; visibility: hidden; } .ial-effect-13.ial-active { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 0% { -webkit-transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); opacity: 0; } 50% { -webkit-transform: perspective( 1300px ) translateZ(-250px) rotateY(89deg); opacity: 0.5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: perspective( 1300px ) translateZ(1px) rotateY(0deg); opacity: 1; visibility: visible;} } @-moz-keyframes slit { 0% { -moz-transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); opacity: 0; } 50% { -moz-transform: perspective( 1300px ) translateZ(-250px) rotateY(89deg); opacity: 0.5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: perspective( 1300px ) translateZ(0) rotateY(0deg); opacity: 1; visibility: visible;} } @keyframes slit { 0% { transform: perspective( 1300px ) translateZ(-3000px) rotateY(90deg); opacity: 0; } 50% { transform: perspective( 1300px ) translateZ(-250px) rotateY(89deg); opacity: 0.5; animation-timing-function: ease-in;} 100% { transform: perspective( 1300px ) translateZ(0) rotateY(0deg); opacity: 1; visibility: visible;} } /* Effect 14: 3D Rotate from bottom */ .ial-effect-14 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) translateY(100%) rotateX(90deg); -moz-transform: perspective( 1300px ) translateY(100%) rotateX(90deg); -ms-transform: perspective( 1300px ) translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; } .ial-effect-14.ial-active { -webkit-transform: perspective( 1300px ) translateY(0%) rotateX(0deg); -moz-transform: perspective( 1300px ) translateY(0%) rotateX(0deg); -ms-transform: perspective( 1300px ) translateY(0%) rotateX(0deg); transform: perspective( 1300px ) translateY(0%) rotateX(0deg); opacity: 1; visibility: visible; } /* Effect 15: 3D Rotate in from left */ .ial-effect-15 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective( 1300px ) translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: perspective( 1300px ) translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: perspective( 1300px ) translateZ(100px) translateX(-30%) rotateY(90deg); transform: perspective( 1300px ) translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; visibility: hidden; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; } .ial-effect-15.ial-active { -webkit-transform: perspective( 1300px ) translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: perspective( 1300px ) translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: perspective( 1300px ) translateZ(0px) translateX(0%) rotateY(0deg); transform: perspective( 1300px ) translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; visibility: visible; } /* Effect 17: Slide in from bottom with perspective on container */ #fake-offlajn-body{ outline: 1px solid transparent; -webkit-transform: perspective( 1300px ) rotateX(0); -moz-transform: perspective( 1300px ) rotateX(0); -ms-transform: perspective( 1300px ) rotateX(0); } #fake-offlajn-body.go-to-back-17 { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: perspective( 1300px ) rotateX(-4deg); -moz-transform: perspective( 1300px ) rotateX(-4deg); -ms-transform: perspective( 1300px ) rotateX(-4deg); transform: perspective( 1300px ) rotateX(-4deg); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .ial-effect-17 { opacity: 0; visibility: hidden; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); } .ial-effect-17.ial-active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition: visibility 0.3s 0.2s, opacity 0.3s 0.2s, -webkit-transform 0.3s 0.2s; -moz-transition: visibility 0.3s 0.2s, opacity 0.3s 0.2s, -moz-transform 0.3s 0.2s; transition: visibility 0.3s 0.2s, opacity 0.3s 0.2s, transform 0.3s 0.2s; } /* Effect 18: Slide from right with perspective on container */ #fake-offlajn-body.go-to-back-18 { -webkit-transform-style: preserve-3d; -webkit-animation: rotateRightSideFirst 0.5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-animation: rotateRightSideFirst 0.5s forwards ease-in; transform-style: preserve-3d; animation: rotateRightSideFirst 0.5s forwards ease-in; } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: perspective( 1300px ) translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: perspective( 1300px ) translateZ(-200px); } } @-moz-keyframes rotateRightSideFirst { 50% { -moz-transform: perspective( 1300px ) translateZ(-50px) rotateY(5deg); -moz-animation-timing-function: ease-out; } 100% { -moz-transform: perspective( 1300px ) translateZ(-200px); } } @keyframes rotateRightSideFirst { 50% { transform: perspective( 1300px ) translateZ(-50px) rotateY(5deg); animation-timing-function: ease-out; } 100% { transform: perspective( 1300px ) translateZ(-200px); } } .ial-effect-18 { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); opacity: 0; visibility: hidden; } .ial-effect-18.ial-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; -ms-transition: visibility 0.3s, opacity 0.3s, -ms-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; transition-delay: 600ms; } /* Effect 19: Blur */ .ial-effect-19, .ial-effect-20{ -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: visibility 0.3s, opacity 0.3s, transform 0.3s; } .ial-effect-19.ial-active, .ial-effect-20.ial-active{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } #loginComp { display: inline-block; margin-bottom: 15px; overflow: hidden; max-width: 100%; } #loginComp #loginBtn { display: none; } .selectBtn { display: inline-block; *display: inline; z-index: 10000; user-select: none; -moz-user-select: none; -webkit-user-select: auto; -ms-user-select: none; } .selectBtn:hover, .selectBtn:active, .selectBtn:focus { background: none; } #logoutForm, #loginForm { display: inline-block; margin: 0; } .strongFields { display: block; overflow: hidden; height: 7px; margin: 3px 0 -17px; background-color: #4b91b5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzEwMCUnIHkyPScwJz48c3RvcCBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNjVhOGNhJy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(left, #4b91b5, #65a8ca); background-image: -o-linear-gradient(left, #4b91b5, #65a8ca); background-image: -ms-linear-gradient(left, #4b91b5, #65a8ca); background-image: -webkit-gradient(linear, left top, right top, from(#4b91b5), to(#65a8ca)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b91b5, endColorstr=#65a8ca, GradientType=1); } .strongFields .strongField.empty { background-color: #ffffff; -webkit-transition: background-color 1.2s ease-out; -moz-transition: background-color 1.2s ease-out; -ms-transition: background-color 1.2s ease-out; -o-transition: background-color 1.2s ease-out; transition: background-color 1.2s ease-out; } .strongField.empty, .strongField { display: block; background-color: transparent; width: 20%; height: 7px; float: left; } .loginWndInside { position: relative; display: inline-block; background-color: #ffffff; } .loginH3 { font-family: 'Open Sans',Helvetica; font-size: 17px; color: #ffffff; font-weight: normal; font-weight: 300; text-align: left; line-height: 30px; padding: 10px 70px 10px 50px; position: relative; background-color: #4b91b5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #4b91b5, #4b91b5); background-image: -o-linear-gradient(top, #4b91b5, #4b91b5); background-image: -ms-linear-gradient(top, #4b91b5, #4b91b5); background-image: -webkit-gradient(linear, left top, left bottom, from(#4b91b5), to(#4b91b5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b91b5, endColorstr=#4b91b5); -o-background-size: 100% 100%; margin: -20px -50px 20px -50px; } .socialBody { background-color: #DCDCDC; } .loginH3 { margin: 0px -55px 20px -55px; /*25 = 10 padding ezen + 15 margin az elemeken*/ } .strongFields { margin: 3px 0 2px; margin: 3px 0 2px; } .gi-elem{ padding-top: 5px; } .ial-load { display: block; position: absolute; width: 21px; height: 21px; margin: 6px; background: transparent url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/a6d177d6a019d67547031cf72b64cfdb.png) no-repeat center; -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite; } .ial-usermenu .ial-load { margin: 11px 0px; background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/6ec9f318daf2364f38eea7fc288442f3.png); } .gi-elem .ial-load, .gi-field-out{ -moz-perspective: 200px; -webkit-perspective: 200px; perspective: 200px; width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; position: absolute; } .loginBtn .ial-load { visibility: hidden; margin: 0 0 0 -28px; width: 28px; top: 0; height: 100%; } .gi-field-icon{ width: 30px; height: 30px; position: absolute; background-color: #4b91b5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzEwMCUnIHkyPScwJz48c3RvcCBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNjVhOGNhJy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(left, #4b91b5, #65a8ca); background-image: -o-linear-gradient(left, #4b91b5, #65a8ca); background-image: -ms-linear-gradient(left, #4b91b5, #65a8ca); background-image: -webkit-gradient(linear, left top, right top, from(#4b91b5), to(#65a8ca)); /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b91b5, endColorstr=#65a8ca, GradientType=1);*/ -moz-transition: all 0ms ease 0s; -webkit-transition: all 0ms ease 0s; -ms-transition: all 0ms ease 0s; transition: all 0ms ease 0s; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .gi-field-icon-hover{ width: 30px; height: 30px; margin-top:0px; margin-left:0px; left:-30px; position: absolute; background-color: #195F83; -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); -ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0; -webkit-transform-origin: 100% 0 0; transform-origin: 100% 0 0; transform-style: preserve-3d; outline:1px solid transparent; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .gi-field-icon { -moz-transform-origin: 50% 15px -15px; -webkit-transform-origin: 50% 15px -15px; transform-origin: 50% 15px -15px; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; outline:1px solid transparent; } .gi-elem.ial-active .gi-field-icon{ -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -moz-transition-duration : 500ms; -webkit-transition-duration : 500ms; -ms-transition-duration : 500ms; transition-duration : 500ms; } .gi-elem.ial-active .gi-field-icon-hover{ background-color: #4b91b5; } .gi-ie-10 .gi-field-icon-hover{ -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .gi-ie-10 .gi-elem.ial-active .gi-field-icon{ transform: translateX(30px); } .gi-ie-7 .gi-field-out{ display: none; } .gi-ie-8 .gi-field-out, .gi-ie-9 .gi-field-out, .gi-ie-10 .gi-field-out{ overflow: hidden; } .gi-ie-9 .gi-elem.ial-active .gi-field-icon-hover{ background-color: #195F83; } .gi-ie-9 .gi-elem.ial-active .gi-field-icon{ left:30px; } .gi-user{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/user.png); background-repeat: no-repeat; } .gi-passw{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/pass.png); background-repeat: no-repeat; } .gi-key{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/key.png); background-repeat: no-repeat; } .ial-email1 .gi-field-icon, .ial-email1 .gi-field-icon-hover, .ial-email2 .gi-field-icon, .ial-email2 .gi-field-icon-hover, .gi-ial-email1, .gi-ial-email2{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/email.png); background-repeat: no-repeat; } .ial-phone .gi-field-icon, .ial-phone .gi-field-icon-hover, .gi-ial-phone{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/phone.png); background-repeat: no-repeat; } .ial-captcha .gi-field-icon, .ial-captcha .gi-field-icon-hover, .gi-ial-recaptcha_response_field{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/pen.png); background-repeat: no-repeat; } .ial-dob .gi-field-icon, .ial-dob .gi-field-icon-hover, .gi-ial-dob{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/date.png); background-repeat: no-repeat; } .ial-website .gi-field-icon, .ial-website .gi-field-icon-hover, .gi-ial-website{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/website.png); background-repeat: no-repeat; } .ial-textarea .gi-field-icon, .ial-textarea .gi-field-icon-hover, .gi-ial-textarea{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/about.png); background-repeat: no-repeat; } .ial-address1 .gi-field-icon, .ial-address1 .gi-field-icon-hover, .ial-address2 .gi-field-icon, .ial-address2 .gi-field-icon-hover, .gi-ial-address1, .gi-ial-address2{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/address.png); background-repeat: no-repeat; } .ial-country .gi-field-icon, .ial-country .gi-field-icon-hover, .gi-ial-country{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/country.png); background-repeat: no-repeat; } .ial-city .gi-field-icon, .ial-city .gi-field-icon-hover, .gi-ial-city{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/location3.png); background-repeat: no-repeat; } .ial-favoritebook .gi-field-icon, .ial-favoritebook .gi-field-icon-hover, .gi-ial-favoritebook{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/book.png); background-repeat: no-repeat; } .ial-region .gi-field-icon, .ial-region .gi-field-icon-hover, .gi-ial-region { background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/location4.png); background-repeat: no-repeat; } .ial-postal_code .gi-field-icon, .ial-postal_code .gi-field-icon-hover, .gi-ial-postal_code{ background-position: center center; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/location3.png); background-repeat: no-repeat; } .captchaCnt { text-align: center; *width: 215px; border: none; clear: both; padding: 2px; overflow: hidden; position: relative; margin: 0 0 6px; background: #fff; border: 1px solid #d8d8d8; } .captchaCnt .ial-reload{ position: absolute; top:0; right:0; background: transparent; padding:3px; } .captchaCnt .ial-reload:hover{ background: transparent; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; } .captchaCnt .ial-reload:hover:active{ background: transparent; -webkit-transition: none; -moz-transition: none; transition: none; } .ial-msg .red { display: none; } #recaptchaImg { display: block; width: 100%; min-height: 57px; max-width: 300px; margin: 0 auto; opacity: 0; transition: opacity .33s ease-in-out; -o-transition: opacity .33s ease-in-out; -ms-transition: opacity .33s ease-in-out; -moz-transition: opacity .33s ease-in-out; -webkit-transition: opacity .33s ease-in-out; } #recaptchaImg.fadeIn { min-height: 0; opacity: 1; } a.logBtn.selectBtn:hover { background-color: transparent; } .selectBtn { margin: 1px; white-space: nowrap; } .selectBtn:hover, .loginBtn:hover { *text-decoration: none; } .btnIco { display: block; float: left; background: transparent no-repeat 1px center; width: 22px; } .loginBtn[data-oauth]{ text-align: left; } .socialIco { cursor: pointer; width: 50px; height: 50px; display: inline-block; *display: block; *float: left; margin: 0 6px; text-align: left; -o-perspective: 200px; -moz-perspective: 200px; -webkit-perspective: 200px; perspective: 200px; } .socialIco:first-child { margin-left: 0; } .socialIco:last-child { margin-right: 0; } .socialImg { width: 50px; height: 50px; position: relative; -o-transform-origin: 50% 25px -25px; -moz-transform-origin: 50% 25px -25px; -webkit-transform-origin: 50% 25px -25px; transform-origin: 50% 25px -25px; -o-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background: #4b91b5; outline:1px solid transparent; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .socialIco:hover .socialImg{ -o-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .loginBtn, .socialIco, .socialImg, .ial-close{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .socialIco:hover { /* background-color: #1186bbff;*/ } .facebookImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/fb.png); background-position: center; background-size:50px; } .googleImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/google.png); background-position: center; background-size:50px; } .twitterImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/twitter.png); background-position: center; background-size:50px; } .windowsImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/wl.png); background-position: center; background-size:50px; } .linkedinImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/in.png); background-position: center; background-size:50px; } .gi-ie-7 .facebookImg, .gi-ie-8 .facebookImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/ie/fb.png); } .gi-ie-7 .googleImg, .gi-ie-8 .googleImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/ie/google.png); } .gi-ie-7 .twitterImg, .gi-ie-8 .twitterImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/ie/twitter.png); } .gi-ie-7 .windowsImg, .gi-ie-8 .windowsImg { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/social/ie/wl.png); } .gi-ie-7 .linkedinImg, .gi-ie-8 .linkedinImg { background: transparent url(/modules/mod_improved_ajax_login/themes/flat/images/ie/social/in.png); } .socialImgHover{ background-color: #195F83; -o-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); -o-transform-origin: 50% 0 0; -ms-transform-origin: 50% 0 0; -moz-transform-origin: 50% 0 0; -webkit-transform-origin: 50% 0 0; transform-origin: 50% 0 0; -o-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -webkit-transition: background 0.3s ease 0s; -ms-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; position: absolute; top: 100%; transform-style: preserve-3d; height:50px; width:50px; outline:1px solid transparent; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .socialIco:hover .socialImgHover{ background-color: #4b91b5; } .gi-ie-10 .socialImgHover{ -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .gi-ie-10 .socialIco:hover .socialImg{ transform: translateY(-50px); } .gi-ie-8 .socialIco, .gi-ie-9 .socialIco, .gi-ie-10 .socialIco{ overflow: hidden; } .gi-ie-9 .socialIco:hover .socialImgHover{ background-color: #195F83; } .gi-ie-9 .socialIco:hover .socialImg{ top:-50px; } .loginBrd { clear: both; *text-align: center; position: relative; margin: 13px 0; height: 0; padding: 0; border: 0; } .loginBrd { border-bottom: 1px #4b91b5 solid; box-shadow: 0px 1px 0px #FFFFFF; -moz-box-shadow: 0px 1px 0px #FFFFFF; -webkit-box-shadow: 0px 1px 0px #FFFFFF; } .loginOr { display: none; position: absolute; width: 20px; height: 15px; left: 50%; text-align: center; margin: -7px 0 0 -13px; border: 3px solid #ffffff; border-top: 0; background: #ffffff; } .ial-window .loginOr { display: block; } .ial-window ::selection { background-color: #4b91b5; color: #ffffff; } .ial-window ::-moz-selection { background-color: #4b91b5; color: #ffffff; } .ial-arrow-b, .ial-arrow-l, .ial-arrow-r { display: block; position: absolute; top: 8px; width: 0; height: 0; border: 9px transparent solid; border-left-width: 0; border-right-width: 6px; } .ial-arrow-l { left: -11px; border-right-color: #de5243; } .ial-arrow-r { right: -6px; border-width: 9px 0 9px 6px; border-left-color: #de5243; } .ial-arrow-b { left: 4px; top: -6px; border-width: 0 9px 6px; border-bottom-color: #de5243; } .inf .ial-arrow-l { border-right-color: #C3C3C3; } .inf .ial-arrow-r { border-left-color: #C3C3C3; } .inf .ial-arrow-b { border-bottom-color: #C3C3C3; } .ial-msg { visibility: hidden; z-index: 10000; position: absolute; box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); } .ial-msg.inf { border: none; background-color: #FFFFFF; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjRkZGRkZGJy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjRjVGNUY1Jy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #FFFFFF, #F5F5F5); background-image: -o-linear-gradient(top, #FFFFFF, #F5F5F5); background-image: -ms-linear-gradient(top, #FFFFFF, #F5F5F5); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#F5F5F5); } .ial-msg.err { border: none; background-color: #de5243; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjZGU1MjQzJy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjZGU1MjQzJy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #de5243, #de5243); background-image: -o-linear-gradient(top, #de5243, #de5243); background-image: -ms-linear-gradient(top, #de5243, #de5243); background-image: -webkit-gradient(linear, left top, left bottom, from(#de5243), to(#de5243)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#de5243, endColorstr=#de5243); } span.ial-inf, span.ial-err { position: relative; text-align: left; max-width: 360px; cursor: default; margin-left: 5px; padding: 4px 8px 4px 29px; text-decoration: none; color: #ffffff; } span.ial-inf { color: #5e5e5e; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); } div.ial-icon-err, div.ial-icon-inf { width: 24px; position: absolute; left: 0; background: url(/modules/mod_improved_ajax_login/themes/flat/images/info.png) no-repeat scroll left center transparent; } div.ial-icon-err { background: url(/modules/mod_improved_ajax_login/themes/flat/images/error.png) no-repeat left center; } .ial-inf, .ial-err, .loginBtn span, .loginBtn { display: inline-block; font-family: 'Open Sans',Helvetica; font-size: 16px; color: #ffffff; font-weight: normal; font-weight: 300; line-height: normal; } .ial-icon-refr { display: block; width: 28px; height: 28px; background: url(/modules/mod_improved_ajax_login/themes/flat/images/refresh.png) no-repeat center center; } .facebookIco { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/47b1ef6cd09d4150b05d800e669a2c8c.png); } .googleIco { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/aab736c0fd6342276fee0cb6f3a5f889.png); } .twitterIco { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/34a591b8c75174570b6cb4477f75750a.png); } .windowsIco { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/3f32f5b6eaf452331769ebd0e07b0208.png); } .loginBtn::-moz-focus-inner { border:0; padding:0; } .loginBtn { position: relative; cursor: pointer; text-align: center; margin: 0; padding: 4px 10px; border: none; } /*.socialIco:hover,*/ .ial-select:before, .loginBtn, .loginBtn:hover:active, .selectBtn:hover .leftBtn { background-color: #4b91b5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #4b91b5, #4b91b5); background-image: -o-linear-gradient(top, #4b91b5, #4b91b5); background-image: -ms-linear-gradient(top, #4b91b5, #4b91b5); background-image: -webkit-gradient(linear, left top, left bottom, from(#4b91b5), to(#4b91b5)); /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b91b5, endColorstr=#4b91b5);*/ -o-background-size: 100% 100%; } .leftBtn { padding-left: 6px; padding-right: 6px; } .rightBtn { padding-left: 0px; padding-right: 0px; border-left-width: 0; letter-spacing: -2; background: url(/modules/mod_improved_ajax_login/themes/flat/images/arrow.png) no-repeat center center; background-color: #4b91b5; width: 28px; } .rightBtn img{ vertical-align: middle; } .ial-select:hover:before, .loginBtn:hover, .selectBtn:hover .rightBtn, .selectBtn.ial-active .rightBtn { background-color: #65a8ca; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjNjVhOGNhJy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNjVhOGNhJy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #65a8ca, #65a8ca); background-image: -o-linear-gradient(top, #65a8ca, #65a8ca); background-image: -ms-linear-gradient(top, #65a8ca, #65a8ca); background-image: -webkit-gradient(linear, left top, left bottom, from(#65a8ca), to(#65a8ca)); /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#65a8ca, endColorstr=#65a8ca);*/ } .rightBtn:hover, .selectBtn:hover .rightBtn, .selectBtn.ial-active .rightBtn { background: url(/modules/mod_improved_ajax_login/themes/flat/images/arrow.png) no-repeat center center; background-color: #65a8ca; } .ial-window, .ial-usermenu { top: -10000px; margin: 0; position: absolute; z-index: 10000; padding: 0 0 3px; background-color: #4b91b5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDI9JzAnIHkyPScxMDAlJz48c3RvcCBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjNGI5MWI1Jy8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyBmaWxsPSd1cmwoI2cpJy8+PC9zdmc+); background-image: -moz-linear-gradient(top, #4b91b5, #4b91b5); background-image: -o-linear-gradient(top, #4b91b5, #4b91b5); background-image: -ms-linear-gradient(top, #4b91b5, #4b91b5); background-image: -webkit-gradient(linear, left top, left bottom, from(#4b91b5), to(#4b91b5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b91b5, endColorstr=#4b91b5); -o-background-size: 100% 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); overflow: hidden; } .ial-usermenu .loginWndInside { padding: 5px 10px; } .ial-arrow-up { position: absolute; top: -14px; } .ial-captcha { max-width: 100%; } .loginWndInside .ial-close { position: absolute; right: 0; top: 0; line-height: 0; margin: 0; cursor: pointer; z-index:10; background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/x.png); background-repeat: no-repeat; background-position: center center; background-color:transparent; border:none; padding: 20px; width: 50px; height: 50px; -ms-transform: translateX(88px) rotateZ(360deg); -moz-transform: translateX(88px) rotateZ(360deg); -webkit-transform: translateX(88px) rotateZ(360deg); transform: translateX(88px) rotateZ(360deg); } .ial-active .loginWndInside .ial-close { -ms-transform: translateX(0px) rotateZ(0deg); -moz-transform: translateX(0px) rotateZ(0deg); -webkit-transform: translateX(0px) rotateZ(0deg); transform: translateX(0px) rotateZ(0deg); -ms-transition: all 600ms ease 0ms; -moz-transition: all 600ms ease 0ms; -webkit-transition: all 600ms ease 0ms; transition: all 600ms ease 0ms; } .ial-active .loginWndInside .ial-close:hover{ -ms-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -ms-transition-duration: 200ms; -moz-transition-duration: 200ms; -webkit-transition-duration: 200ms; transition-duration: 200ms; } i.ial-correct { width: 0px; height: 0px; } .loginOr, .smallTxt, .forgetLnk, .loginLst a:link, .loginLst a:visited, select.loginTxt, textarea.loginTxt, input[type=text].loginTxt, input[type=password].loginTxt { font-family: 'Open Sans',Helvetica; font-size: 15px; color: #a1a1a1; color: rgba(161,161,161,1); font-weight: 300; text-decoration: none; line-height: normal; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .regTxt.loginTxt[name*=password1] { margin-bottom: 0; } input[name="jform[password1]"]:hover ~ .strongFields .strongField.empty, input[name="jform[password1]"]:focus ~ .strongFields .strongField.empty { background-color: #ffffff; } .passStrongness { *display: none; float: right; } select.loginTxt { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; cursor: pointer; } select.loginTxt::-ms-expand { display: none; } select.loginTxt option { padding-left: 5px; } .ial-select { margin: 0; padding: 0; border: 0; position: relative; display: block; } .ial-select:before, .ial-select:after { content: ""; position: absolute; top: 0; right: 0; width: 29px; height: 100%; pointer-events: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left:none; } .ial-select:after { background: transparent url(/modules/mod_improved_ajax_login/themes/flat/images/arrow.png) no-repeat center center; } select.loginTxt, textarea.loginTxt, input[type=password].loginTxt, input[type=text].loginTxt { display: block; width: 100%; *width: auto; height: auto; margin: 0 0 14px; padding: 5px; padding-left: 42px; background: #ffffff no-repeat; *border: 1px #4b91b5 solid; border: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } textarea.loginTxt{ border: 1px solid #d8d8d8; } .strongFields .strongField, .strongFields .strongField.empty, select.loginTxt, textarea.loginTxt, input[type=password].loginTxt, input[type=text].loginTxt { -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } select.loginTxt, textarea.regTxt, input[type=password].regTxt, input[type=text].regTxt { margin-bottom: 12px; } select.loginTxt option, select.loginTxt { padding-left: 5px; } button.ial-submit { margin: 0 0 7px; *clear: both; } #regLyr span.ial-submit:nth-child(2n) { float: left; clear: both; } .loginTxt::-webkit-input-placeholder {opacity: 1;} .loginTxt:-moz-placeholder {opacity: 1;} .loginTxt::-moz-placeholder {opacity: 1;} .loginTxt:-ms-input-placeholder {opacity: 1;} .loginTxt:focus::-webkit-input-placeholder {opacity: 0.5;} .loginTxt:focus:-moz-placeholder {opacity: 0.5;} .loginTxt:focus::-moz-placeholder {opacity: 0.5;} .loginTxt:focus:-ms-input-placeholder {opacity: 0.5;} textarea.loginTxt:hover, textarea.loginTxt:focus, input[type=password].loginTxt:hover, input[type=text].loginTxt:hover, input[type=password].loginTxt:focus, input[type=text].loginTxt:focus { background-color: #ffffff; } .ial-submit { display: block; *display: inline; width: 100%; *width:auto; margin-bottom: 10px; } /* .ial-submit:after{ background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/btn-shadow.png); width:100%; height:7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; content: ""; display: block; margin-top: 4px; position: absolute; } */ .ial-check-lbl, .forgetLnk:link, .forgetLnk:visited { cursor: pointer; font-size: 14px; font-weight: normal; margin:0; } .smallTxt { display: inline-block; margin-bottom: 1px; font-size: 14px; font-weight: normal; } a.forgetLnk:link { padding: 0; margin-left: 10px; background: none; } .forgetDiv { line-height:0; } .forgetDiv .forgetLnk:link { margin: 0; } a.forgetLnk:hover { background-color: transparent; text-decoration: underline; } .ial-checkbox { display: block; margin: 1px 4px 0 0; width: 18px; height: 18px; border: 1px solid #d8d8d8; float: left; background: transparent none no-repeat center center; } .ial-checkbox.ial-active { background-image: url(/modules/mod_improved_ajax_login/themes/flat/images/check.png); } .ial-check-lbl { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .loginLst { padding: 0; margin: 0; list-style: circle inside; } .loginLst a:link, .loginLst a:visited { display: block; padding: 0 10px 0 30px; line-height: 40px; text-align: left; box-shadow: 0px 1px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.09); -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.09); -webkit-transition: padding 0.25s ease-out; -moz-transition: padding 0.25s ease-out; -ms-transition: padding 0.25s ease-out; -o-transition: padding 0.25s ease-out; transition: padding 0.25s ease-out; } .forgetLnk:link, .forgetLnk:visited, .forgetLnk:hover, .loginLst a.active, .loginLst a:hover { padding: 0 5px 0 35px; color: #1186bb; color: rgba(17,134,187,1); text-decoration: none; } .passStrongness, .regRequired, .smallTxt.req:after { color: #1186bbff; content: " *"; } .regRequired { display: block; margin: 0px; color:#fff; } .loginLst a{ background-color: transparent; background-repeat: no-repeat; background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/b93c3b7098cf96dea37e81b9894ea718.png), url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/f7a5be2a17639456f20c59802c7a6d5d.png); background-position: 0 center, -100% 0; background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/b93c3b7098cf96dea37e81b9894ea718.png)\9; background-position: 0 center\9; } .loginLst a.active, .loginLst a:hover { background-position: -100% 0, 0 center; background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/f7a5be2a17639456f20c59802c7a6d5d.png)\9; } .loginLst .settings { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/df84c4cc505f2cb08a8c57e9d266c7e5.png), url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/72f13f7707d67a82e295908b0b6f0427.png); background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/df84c4cc505f2cb08a8c57e9d266c7e5.png)\9; } .loginLst .settings:hover { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/72f13f7707d67a82e295908b0b6f0427.png)\9; } .loginLst .cart { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/06083a104ce40369da4168ae33f4879a.png), url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/78ed7f6773909f3ec545af248b5a36af.png); background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/06083a104ce40369da4168ae33f4879a.png)\9; } .loginLst .cart:hover { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/78ed7f6773909f3ec545af248b5a36af.png)\9; } .loginLst .logout { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/26e854dea35d82ee92b3a811370fe705.png), url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/7c6a2a354737867741f498023bd34cfb.png); background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/26e854dea35d82ee92b3a811370fe705.png)\9; } .loginLst .logout:hover { background-image: url(/modules/mod_improved_ajax_login/cache/105-langfr-FR/7c6a2a354737867741f498023bd34cfb.png)\9; } .loginLst a.active, .loginLst a.active:hover{ background-image: none; } .loginLst a:last-child { border: 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .ial-bg { visibility: hidden; position:absolute; background:#000 url(/modules/mod_improved_ajax_login/themes/flat/images/patterns/ptrn1.png); top:0;left:0; width:100%; height:100%; z-index:9999; opacity: 0; } .ial-bg.ial-active { visibility: visible; opacity: 0.4; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } .loginBtn span { display: inline-block; cursor: default; } .fullWidth.selectBtn, .fullWidth.selectBtn span { display: block; text-decoration: none; z-index: 0; } form.fullWidth { width: 100%; margin: auto; } :focus { outline: none !important; } ::-moz-focus-inner { border: none !important; }