/* ############################################### */ /* #################### RESET #################### */ /* ############################################### */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* ############################################# */ /* #################### 960 #################### */ /* ############################################# */ body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} /* ################################################ */ /* #################### GLOBAL #################### */ /* ################################################ */ html { background-color: #ffffff;} img { display: block; } table#table-list-event, table#table-list { table-layout: fixed; width: 256px; border-collapse: collapse; } table#table-list-event { width: 350px; } td.td-list { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ############################################### */ /* #################### FONTS #################### */ /* ############################################### */ html, button, input, textarea { color: #000000;} a { color: #000000;} a:hover { color: #000000;} strong, b, strong *, b * { font-weight: bold !important; } #lbCaption, .bold { font-weight: bold; } em, i, em *, i * { font-style: italic !important; } #lbPrevLink, #lbNextLink, #lbCloseLink, button, input, textarea, a { text-decoration: none; } h1 { font-family: Arial, 'Liberation Sans', 'Lucida Grande', 'Helvetica Neue', Sans-Serif; letter-spacing: -0.04em; font-size: 1.4em; text-shadow: 0 0 1px rgba(0,0,0,0.01); } h3 .date, h1 .pre, h1 .pre2, h1 .date { font-size: 0.65em; color: #404040; letter-spacing: -0.05em; text-shadow: 0 0 0 rgba(0,0,0,0); } #top-tool-city span, h1 .pre2, h1 .pre { font-size: 0.65em; color: #505050; } h1 .pre2 { font-size: 0.90em; } h3 { font-size: 1.50em; } h4 { font-size: 1.40em; } .linkbox, ul#menu-footer, ul#main-menu { font-size: 1.12em; } #addressbook { font-size: 1.2em; } #top-tool-city { font-size: 1.3em; } #top-tool-city span { color: #808080; } input.newsletter, #lbCaption, #bottom { font-size: 0.85em; } .color-yellow { color: #000000; } .color-blue { color: #369ae2; } .color-red-transparent { color: #BB6A6A; } #lbNumber, .color-grey { color: rgba(0, 0, 0, 0.3); } #copyright { color: #c8c6c8; } .separator, #playinteractive { color: #000000; } #playinteractive a { color: #b00000; } #playinteractive a:hover { color: #ff0000; } ul#menu-footer li { line-height: 20px; } /* ############################################### */ /* #################### MIXED #################### */ /* ############################################### */ .background-black { /* background-color: rgba(255, 255, 255,.3);*/ background-color:#ffffff} .div-border-dark { /* border: 2px solid rgba(255, 255, 255,.25);*/ border: 2px solid rgb(0, 0, 0); background-color: #0, 0, 0; background-color: rgba(0, 0, 0,1); color: #ffffff} p, .margin-bottom-20px { margin-bottom: 20px; } ul#main-menu, .div-960px { width: 960px; } button, #social-tool-twitter, #social-tool-facebook, #social-tool-youtube, #social-tool-myspace, #social-tool-flickr, #social-tool-google, #icalprev, #icalnext, #lbCloseLink, .icon-ok, .icon-view, .icon-phone, .icon-bbm { background-image: url('https://pmf.promofidelity.com/images/sprite.png'); } #icalprev, #icalnext, button { cursor: pointer; } ul#menu-footer li a:hover, a:hover, a:focus { border-bottom: 2px solid transparent; } #lbCloseLink, #lbPrevLink, #lbNextLink, ul#main-menu li a:hover, .viewport-event a, .viewport-service a, #playinteractive a { border-bottom: 0; } #top, #footer, #social, #copyright, .separator-grey-dark { width: 100%; } #lbPrevLink, #lbNextLink, #lbCloseLink, button::-moz-focus-inner, input::-moz-focus-inner, button, input, textarea, a { border: 0; padding: 0; outline: 0; -moz-outline-style: none; } /* ############################################ */ /* #################### ID #################### */ /* ############################################ */ #top { position: fixed; top: 0; left: 0; height: 634px; min-height:50px; z-index: 9999; -webkit-box-shadow: rgba(255, 255, 255,.5) 0 0 5px; -moz-box-shadow: rgba(255, 255, 255,.5) 0 0 5px; box-shadow: 0 0 5px rgba(255, 255, 255,.5); background: #ffffff; background: rgba(255, 255, 255, 1); color:#000000; } #top a { color:#000000; border-bottom:0; } #header-image { margin-top:634px; } #header-no-image { margin-top:654px; } #top-tool-city { height: 50px; margin-left: 10px; line-height: 50px; } #top-tool-other-session { height: 50px; line-height: 30px; margin-top: 10px; } ul#main-menu { height: 40px; line-height: 40px; -webkit-box-shadow: rgba(0, 0, 0,.5) 0 0 5px; -moz-box-shadow: rgba(0, 0, 0,.5) 0 0 5px; box-shadow: 0 0 5px rgba(0, 0, 0,.5); } ul#main-menu li, ul#main-menu li a:hover, ul#main-menu li a.active:visited, ul#main-menu li.separator, ul#main-menu li.active { background: #000000; background: rgba(0, 0, 0, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background: -moz-linear-gradient(center top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%); } ul#main-menu li { display: block; height: 40px; } ul#main-menu li a { display: inherit; color: #ffffff; } ul#main-menu li a:hover { /* background-position: 0 -40px;*/ background: #009DE0; background: rgba(0, 157, 224, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 157, 224, 1)), color-stop(100%, rgba(0, 157, 224, 1))); background: -moz-linear-gradient(center top, rgba(0, 157, 224, 1) 0%, rgba(0, 157, 224, 1) 100%); } ul#main-menu li.active a, ul#main-menu li.active a:visited { background: #009DE0; background: rgba(0, 157, 224, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 157, 224, 1)), color-stop(100%, rgba(0, 157, 224, 1))); background: -moz-linear-gradient(center top, rgba(0, 157, 224, 1) 0%, rgba(0, 157, 224, 1) 100%); } /*ul#main-menu li.separator { width: 2px; background-image: url('https://pmf.promofidelity.com/images/separator.png'); background-repeat: repeat-x; }*/ ul#main-menu li.separator { width: 1px; -webkit-box-shadow: rgba(0, 0, 0,.7) 0 0 2px; -moz-box-shadow: rgba(0, 0, 0,.7) 0 0 2px; box-shadow: 0 0 2px rgba(0, 0, 0,.7); /*background: rgba(0, 0, 0, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background: -moz-linear-gradient(center top, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);*/ background: #000000; background: rgb(0, 0, 0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 1)), color-stop(100%,rgba(0, 0, 0, 1))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 100%); background: linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); } ul#main-menu li#home, ul#main-menu li#search { width: 100px; } ul#main-menu li#home { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } ul#main-menu li#home a:hover { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } ul#main-menu li#product { width: 120px; } ul#main-menu li#brand { width: 110px; } ul#main-menu li#featured { width: 150px; } ul#main-menu li#inactive-diagonal { width: 355px; } ul#main-menu li#inactive-panoramic { width: 174px; } ul#main-menu li#inactive-panoramic2 { width: 134px; } ul#main-menu::after { content:''; height:40px; background: #000000; background: rgba(0, 0, 0, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1))); background: -moz-linear-gradient(center top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%); display: block; overflow: hidden; } ul#main-menu li#cart { width: 200px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } ul#main-menu li#cart a:hover { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } ul#main-menu ul { display: none; position: relative; width:500px; background-color:#000000; } ul#main-menu ul li { display: block !important; width:250px; background-color:#000000; } ul#main-menu li:hover ul{ display: none; } ul#main-menu li:hover ul{ display: block; } ul#menu-footer li { padding: 3px; } ul#menu-footer li a { display: block; border-bottom: 1px solid rgba(0, 0, 0, .1); color:#000000; } ul#menu-footer li a:hover { margin-bottom: -1px; border-bottom: 2px solid #ffffff; } #footer { padding-top: 50px; background: #ffffff; background: rgba(255, 255, 255, .5); color:#000000; -webkit-box-shadow: rgba(255, 255, 255,.5) 0 0 5px; -moz-box-shadow: rgba(255, 255, 255,.5) 0 0 5px; box-shadow: 0 0 5px rgba(255, 255, 255,.5); } #footer-logo { /* width: 129px; height: 40px; background-position: 0 -116px;*/ } #bottom { height: 40px; line-height: 40px; background: #000000; background: rgba(0, 0, 0, 1); color:#ffffff; } #bottom a { color:#ffffff; } #height-fixed-event { height: 485px; } #height-fixed-city { height: 206px; } /*STO VA EN FUENTES */ #center-service-button { width:260px; margin-left;auto; margin-right:auto; /*background-color:#fff;*/ text-align:center; margin-bottom:10px; cursor: pointer; } .sep-h { margin: 10px 0 20px; } .height-285px { height: 285px; } /*STO TRANSFORMALO A ID*/ .height-service-1 { height:401px; } .height-service-2 { height:512px; } .height-service-3 { height:623px; } #shopping-count { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; margin-left:5px; background-color:#000000; padding:2px 6px 0px 6px; color:#ffffff; } .top-bar-button { padding: 5px 20px 5px 20px; background: #000000; background-color: rgba(0, 0, 0,0.8); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); background: -moz-linear-gradient(center top, #000000 0%, #000000 100%); /* border-bottom: 2px solid #0C0E0F;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 1px 1px 2px rgba(153,153,153,.2); color: #ffffff; } .top-bar-button:hover { background: #; background-color: rgba(0, 0, 0,0.8); /* -webkit-box-shadow: 0px 1px 1px 0px #3884EA, 0px 0px 1px #3884EA; -moz-box-shadow: 0px 1px 1px 0px #3884EA, 0px 0px 1px #3884EA; box-shadow: 0px 1px 1px 0px #3884EA, 0px 0px 1px #3884EA;*/ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -moz-linear-gradient(center top, # 0%, # 100%); } #alert { overflow: hidden; z-index: 20000; width: 100%; text-align: center; position: fixed; top: 0; left: 0; background-color: #; height: 0; color: #ffffff; font: 20px/100px arial, sans-serif; opacity: .9; } .shopping { background-color:#666; color:#fff; } .background-error { background-color:#B53B3B; color:#fff; } .background-error-grey { background-color:#CAC7C7; color:#fff; } /* ################################################# */ /* #################### CLASSES #################### */ /* ################################################# */ .float-left { float: left; } .float-right { float: right; } .align-center { margin-right: auto; margin-left: auto; text-align: center; } .margin-top-20px { margin-top: 20px; } .margin-top-10px { margin-top: 10px; } .margin-top-5px { margin-top: 5px; } .margin-right-5px { margin-right: 5px; } .margin-right-10px { margin-right: 10px; } .margin-bottom-10px { margin-bottom: 10px; } .margin-bottom-5px { margin-bottom: 5px; } /*FALTARIA BUSCAR MARGIN LEFT y los 5 px d margin right y margin-left compararlos*/ .margin-left-2px { margin-left: 2px; } .margin-left-5px { margin-left: 5px; } .margin-left-20px { margin-left: 20px; } .padding-20px { padding: 15px; } .padding-10px { padding: 10px; } .padding-2px { padding: 2px; } .padding-left-10px { padding-left: 10px; /*STO ES DE LA TABLA DE CITY*/ } .image-border-3px { border: 3px solid #666; } .image-border-1px { border: 1px solid #666; } .box-image-product { border: 1px solid #ffffff; padding: 5px; background-color: #fff; } .image-border-3px:focus, .image-border-3px:hover { border: 2px solid #fff; padding: 1px; } .image-border-5px { border: 4px solid #fff; } .radius-2px { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .radius-3px { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .radius-5px { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .radius-7px { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .background-white { background-color: #fff; } .background-red { background-color: #ffffff; } .background-red2 { background-color: #ffffff; } .background-green { background-color: #83B53B; } .background-green-light-button { background-color: #a8a8a8; color:#fff; border-radius: 3px; margin-right: 3px; cursor: pointer; } .background-green-light-button:hover { background-color: #83B53B; color:#fff; } .background-red-light-button { background-color: #a8a8a8; color:#fff; border-radius: 3px; margin-right: 3px; cursor: pointer; } .background-red-light-button:hover { background-color: #B53B3B; color:#fff; } .background-blue-light { background-color: #000000; color:#fff; } .background-blue-dark { background-color: #; color:#fff; } .remove-a:hover, .remove-a { color:#fff; border-bottom: 0; } .width-total { width:100%; } .overflow-auto { overflow:auto; } .background-black-image { background: #ffffff; background: rgba(255, 255, 255, 1); -webkit-box-shadow: rgba(255, 255, 255,.5) 0 0 10px; -moz-box-shadow: rgba(255, 255, 255,.5) 0 0 10px; box-shadow: 0 0 10px rgba(255, 255, 255,.5); } .background-logo-image { background-image: url('https://pmf.promofidelity.com/images/contact_bg.jpg'); } .icon-ok, .icon-view, .icon-phone, .icon-bbm { display: inline-block; height: 24px; padding-left: 30px; background-position: 0 -334px; background-repeat: no-repeat; } .icon-view { background-position: 0 -310px; } .icon-bbm { background-position: 0 -286px; } .icon-ok { height: 16px; padding-left: 20px; background-position: -410px -274px; } .underlined { text-decoration: underline; } .underline-2px { border-bottom: 2px solid #ffffff; } .footer-link a { border-bottom: 1px solid rgba(0, 0, 0, .25); color: rgba(0, 0, 0, .5); } .footer-link a:hover { border-bottom: 1px solid #ffffff; color: rgba(0, 0, 0, 1); } .linkbox { background-color: #ffffff; -webkit-transition: background .20s ease; -moz-transition: background .20s ease; -o-transition: background .20s ease; transition: background .20s ease; color:#000000; cursor: pointer; } .linkbox:hover, .linkbox:focus { background-color: #ffffff; } .separator-grey-dark { height: 1px; background-color: #111; } .h-separator { height: 10px; } .border-left-footer { border-left: 1px dotted rgba(0, 0, 0, 0.1);; padding-left: 9px; } .text-center { text-align:center; } .price { color: #000000; font-size: 1.4em; } .icon-popup { display: inline-block; height: 16px; padding-left: 20px; background-image: url('https://pmf.promofidelity.com/images/icons.png'); background-repeat: no-repeat; /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled = 'true', sizingMethod = 'scale', src = 'https://pmf.promofidelity.com/images/icons.png');*/ } .popup { display: none; position: relative; min-width: 200px; padding: 2px; border: 5px solid rgba(0, 0, 0,.5); background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,.3) 0 0 25px; -moz-box-shadow: rgba(0,0,0,.3) 0 0 25px; box-shadow: 0 0 25px rgba(0,0,0,.3); color: #000000} .popup-element-bar { height: 16px; padding: 10px; color: #ffffff; background-color: #000000; background-image: linear-gradient(right , rgb(0, 0, 0) 9%, rgb(0, 0, 0) 80%); background-image: -o-linear-gradient(right , rgb(0, 0, 0) 9%, rgb(0, 0, 0) 80%); background-image: -moz-linear-gradient(right , rgb(0, 0, 0) 9%, rgb(0, 0, 0) 80%); background-image: -webkit-linear-gradient(right , rgb(0, 0, 0) 9%, rgb(0, 0, 0) 80%); background-image: -ms-linear-gradient(right , rgb(0, 0, 0) 9%, rgb(0, 0, 0) 80%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0.09, rgb(0, 0, 0)), color-stop(0.8, rgb(0, 0, 0))); } .popup-element-bar-close:hover, .popup-element-bar-close a, .popup-element-bar-close { display: block; position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; text-indent: -9999px; background-image: url('https://pmf.promofidelity.com/images/icons.png'); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled = 'true', sizingMethod = 'scale', src = 'https://pmf.promofidelity.com/images/icons.png'); background-position: 0 -16px; overflow: hidden; border-bottom: 0; } .cart2, .cart1 { color:#222222; background-color:#fff; border:1px solid #DCDBD2 } .cart1-borderless { color:#222222; background-color:#fff; } .background-form { background-color: #ffffff; } .cart2 { height:42px; /*background-color:#EDEDED;*/ background-image: url('https://pmf.promofidelity.com/images/bg-footer-white.gif'); } .cart22 { color:#222222; background-image: url('https://pmf.promofidelity.com/images/bg-footer-white.gif'); } .cart3 { width: 50px; border: 1px solid #7F9DB9; padding: 5px; color:#000; text-align:center; } .align-right { text-align: right; } .cart4 { width: 450px; border: 1px solid #7F9DB9; padding: 5px; color:#000; text-align:center; padding:10px; margin-right:10px; } .align-right { text-align: right; } .box-product { background-image: url('https://pmf.promofidelity.com/images/bg-footer-white.gif'); background-color:#000; padding: 5px; } #vat-not-included { color: rgba(0, 0, 0, 0.5); font-size: 0.85em; } .price2 { color: #000000; font-size: 1.0em; } .text-justify { text-align:justify; } /* ############################################## */ /* #################### FORM #################### */ /* ############################################## */ input, textarea { padding-left: 5px; } input[type=checkbox] { margin:3px; } .select-black, .input-black { width: 265px; height: 35px; border: 1px solid #7F9DB9; background-color: #fff; opacity: 0.85; filter: alpha(opacity=85); outline:0; color:#000; } .input-black-medium { width: 540px; } .input-black-large { width: 545px; } .input-black-long { width: 440px; } .textarea-black:focus, .select-black:focus, .input-black-medium:focus, .input-black-long:focus, .input-black:focus { opacity: 1; filter: alpha(opacity=100); } .textarea-black { width:518px; height:150px; padding:20px; } .input-black-short { width:345px; width:expression('305px'); padding:5px; margin-top:5px; border:1px solid #abadb3; } .select-black { margin-top:5px; width: 100%; height: 37px; padding:5px; } input[type="submit"] { padding: 10px 50px 10px 50px; /* height: 43px;*/ border-top: 2px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background: #000000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); background: -moz-linear-gradient(center top, #000000 0%, #000000 100%); -webkit-box-shadow: 0px 2px 2px -2px #ffffff; -moz-box-shadow: 0px 2px 2px -2px #ffffff; box-shadow: 0px 2px 2px -2px #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 1px 1px 2px rgba(0,0,0,.5); text-align: center; cursor: pointer; color:#ffffff; } input[type="submit"]:hover, input[type="submit"]:active { border-top: 2px solid #; border-left: 1px solid #; border-right: 1px solid #; border-bottom: 1px solid #; background: #; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -moz-linear-gradient(center top, # 0%, # 100%); /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C1EC), color-stop(100%,#0071D2)); background: -moz-linear-gradient(center top, #00C1EC 0%, #0071D2 100%);*/ } .big { font-size: 1.30em; } button.update { border:0; color:#fff; background:none; } fieldset { border: solid 2px #000000; padding-top: 20px; padding-bottom: 20px; padding-top: 0; } legend { padding: 0 10px; color:#ffffff; } fieldset {position:relative} /* For legend positioning */ #el01 legend {padding:0} /* Remove padding */ #el02 legend { /* Text and background colour, blue on light gray */ color:#00f; background-color:#ddd; } #el03 legend {background:url(/i/icon-info.gif) no-repeat 100% 50%} /* Background image */ #el04 legend {margin:0} /* Remove margin */ #el05 legend {border:2px dotted #00f} /* Border width, style and colour */ #el06 legend { /* Position at top left corner of fieldset */ position:absolute; top:0; left:0; } #el07 legend {font-family:"Courier New",Courier} /* Different font */ #el08 legend {font-size:2em} /* Bigger text */ #el09 legend {font-size:0.5em} /* Smaller text */ #el10 legend {font-weight:bold} /* Bold text */ #el11 legend {padding:2em} /* Increase padding */ #el12 legend {text-align:right} /* Change text alignment */ /* ###################################################### */ /* #################### EXTERNAL APP #################### */ /* ###################################################### */ /* NIVO SLIDER */ /* The Nivo Slider styles */ .nivoSlider { position:relative; text-align:center; font-size: 1.12em; font-weight: bold; /*color:#fff;*/ } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#fff; color:#000; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Skin Name: Nivo Slider Default Theme Skin URI: http://nivo.dev7studios.com Skin Type: flexible Description: The default skin for the Nivo Slider. Version: 1.0 Author: Gilbert Pellegrom Author URI: http://dev7studios.com */ .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; /* -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;*/ } .theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; } .theme-default .nivoSlider a { border:0; display:block; } .theme-default .nivo-controlNav { display:none; visibility:hidden; position:absolute; left:50%; bottom:-42px; margin-left:-40px; /* Tweak this to center bullets */ } .theme-default .nivo-controlNav a { display:block; width:22px; height:22px; background:url(bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; } .theme-default .nivo-controlNav a.active { background-position:0 -22px; } .theme-default .nivo-directionNav a { display:block; top:110px; background:url(https://pmf.promofidelity.com/images/arrows.png) no-repeat; width:100px; height:126px; text-indent:-9999px; border:0; } .theme-default a.nivo-nextNav { background-position:-100px 0; /* right:5px;*/ } .theme-default a.nivo-prevNav { /* left:5px;*/ } .theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; } .theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; } .theme-default .nivo-caption a:hover { color:#fff; } #slider a{ display:block; } /* BOXY */ .boxy-wrapper { position: absolute; } .boxy-wrapper.fixed { position: fixed; } /* Modal */ .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; } /* Border */ .boxy-wrapper { empty-cells: show; } .boxy-wrapper .border-top-left, .boxy-wrapper .border-top-right, .boxy-wrapper .border-bottom-right, .boxy-wrapper .border-bottom-left { width: 10px; height: 10px; padding: 0 } .boxy-wrapper .border-top-left { background: url('https://pmf.promofidelity.com/images/boxy-nw.png'); } .boxy-wrapper .border-top-right { background: url('https://pmf.promofidelity.com/images/boxy-ne.png'); } .boxy-wrapper .border-bottom-right { background: url('https://pmf.promofidelity.com/images/boxy-se.png'); } .boxy-wrapper .border-bottom-left { background: url('https://pmf.promofidelity.com/images/boxy-sw.png'); } /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */ /* NB: these must be absolute paths or URLs to your images */ .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://pmf.promofidelity.com/images/boxy-nw.png'); } .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://pmf.promofidelity.com/images/boxy-ne.png'); } .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://pmf.promofidelity.com/images/boxy-se.png'); } .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://pmf.promofidelity.com/images/boxy-sw.png'); } .boxy-wrapper .border-left, .boxy-wrapper .border-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } .boxy-wrapper .border-top, .boxy-wrapper .border-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 } /* Title bar */ .boxy-wrapper .title-bar { background-color: #002261; padding: 10px; position: relative; } .boxy-wrapper .title-bar.dragging { cursor: move; } /* .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }*/ .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 10px; right: 10px; font-size: 100%; line-height: 1; } /* Content Region */ .boxy-inner { background-color: #000; background-image: url('https://pmf.promofidelity.com/images/px-bg.gif'); padding: 0 } .boxy-content { padding: 20px; } .background-red-dark { background-color: #002261; padding:10px; } /* Question Boxes */ .boxy-wrapper .question { width: 350px; min-height: 80px; } .boxy-wrapper .answers { text-align: right; } /* ########## SLIMBOX ########## */ #lbOverlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; z-index: 9999; } #lbCenter, #lbBottomContainer { position: absolute; background-color: #000; z-index: 9999; overflow: hidden; } .lbLoading { background: #000 url('https://pmf.promofidelity.com/images/loading.gif') no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #000; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url('https://pmf.promofidelity.com/images/prev-slimbox.png') no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url('https://pmf.promofidelity.com/images/next-slimbox.png') no-repeat 100% 15%; } #lbBottom { border: 10px solid #000; border-top-style: none; line-height: 1.4em; } #lbCloseLink { display: block; float: right; margin: 5px 5px; width: 24px; height: 24px; background-position: -401px -116px; } #lbCaption, #lbNumber { margin-right: 29px; } /* ########## VIEWPORT ########## */ .viewport-grid-11, .viewport-service, .viewport-event { position: relative; width: 205px; height: 140px; overflow: hidden; } .viewport-grid-11 a, .viewport-service a, .viewport-event a { display: block; position: relative; } .viewport-grid-11 a img, .viewport-service a img, .viewport-event a img { position: relative; width: 205px; height: 140px; } .viewport-grid-11, .viewport-grid-11 a img { width: 632px; height: 300px; } .viewport-service, .viewport-service a img { width: 164px; } .viewport-grid-11 a span, .viewport-service a span, .viewport-event a span { display: none; position: absolute; top: 2px; left: 2px; width: 207px; height: 142px; z-index: 100; } .viewport-grid-11 a span { width: 632px; height: 300px; margin-top: -3px; margin-left: -3px; } .viewport-service a span { width: 166px; } .viewport-light-background { /* margin-top: -3px;*/ /* margin-left: -3px;*/ /* background-color: rgba(255, 0, 255, 0.1);*/ } .events { position: relative; } .events ul { text-align: left; position: absolute; display: none; z-index: 1000; padding: 15px; background: #18130D url('https://pmf.promofidelity.com/images/popup2.png') no-repeat; border: 1px black white; font-size: 15px; width: 200px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -border-radius: 3px; list-style: none; color: #444444; -webkit-box-shadow: 0px 2px 2px #111; } .events li { padding-bottom: 5px; } .events li span { display: block; font-size: 12px; /* text-align: justify;*/ color: #555; } .events li span.title { /* font-weight: bold;*/ color: #222; } /* qTIP2*/ /* * qTip2 - Pretty powerful tooltips * http://craigsworks.com/projects/qtip2/ * * Version: nightly * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com * * Dual licensed under MIT or GPLv2 licenses * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * * Date: Sun Feb 26 18:17:58.0000000000 2012 */ /* Core qTip styles */ .ui-tooltip, .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; } /* Fluid class for determining actual width in IE */ .ui-tooltip-fluid{ display: block; visibility: hidden; position: static !important; float: left !important; } .ui-tooltip-content{ position: relative; padding: 5px 9px; overflow: hidden; border: 1px solid #000001; text-align: left; word-wrap: break-word; overflow: hidden; } .ui-tooltip-titlebar{ position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border: 1px solid #000001; border-width: 1px 1px 0; font-weight: bold; } .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; } /*! Default close button class */ .ui-tooltip-titlebar .ui-state-default{ position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; } * html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */ .ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon{ display: block; text-indent: -1000em; } .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .ui-tooltip-icon .ui-icon{ width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ .ui-tooltip-focus{ } /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ .ui-tooltip-hover{ } /*! Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content{ border-color: #F1D031; background-color: #FFFFA3; color: #555; } .ui-tooltip-default .ui-tooltip-titlebar{ background-color: #FFEF93; } .ui-tooltip-default .ui-tooltip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{ border-color: #AAA; color: #111; } /* Tips plugin */ .ui-tooltip .ui-tooltip-tip{ margin: 0 auto; overflow: hidden; z-index: 10; } .ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *{ position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent; } .ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; } /*! Light tooltip style */ .ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content{ border-color: #E2E2E2; color: #454545; } .ui-tooltip-light .ui-tooltip-content{ background-color: white; } .ui-tooltip-light .ui-tooltip-titlebar{ background-color: #f1f1f1; } /*! Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content{ border-color: #303030; color: #f3f3f3; } .ui-tooltip-dark .ui-tooltip-content{ background-color: #505050; } .ui-tooltip-dark .ui-tooltip-titlebar{ background-color: #404040; } .ui-tooltip-dark .ui-tooltip-icon{ border-color: #444; } .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /*! Cream tooltip style */ .ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content{ border-color: #F9E98E; color: #A27D35; } .ui-tooltip-cream .ui-tooltip-content{ background-color: #FBF7AA; } .ui-tooltip-cream .ui-tooltip-titlebar{ background-color: #F0DE7D; } .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{ background-position: -82px 0; } /*! Red tooltip style */ .ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content{ border-color: #D95252; color: #912323; } .ui-tooltip-red .ui-tooltip-content{ background-color: #F78B83; } .ui-tooltip-red .ui-tooltip-titlebar{ background-color: #F06D65; } .ui-tooltip-red .ui-state-default .ui-tooltip-icon{ background-position: -102px 0; } .ui-tooltip-red .ui-tooltip-icon{ border-color: #D95252; } .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{ border-color: #D95252; } /*! Green tooltip style */ .ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content{ border-color: #90D93F; color: #3F6219; } .ui-tooltip-green .ui-tooltip-content{ background-color: #CAED9E; } .ui-tooltip-green .ui-tooltip-titlebar{ background-color: #B0DE78; } .ui-tooltip-green .ui-state-default .ui-tooltip-icon{ background-position: -42px 0; } /*! Blue tooltip style */ .ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content{ border-color: #ADD9ED; color: #5E99BD; } .ui-tooltip-blue .ui-tooltip-content{ background-color: #E5F6FE; } .ui-tooltip-blue .ui-tooltip-titlebar{ background-color: #D0E9F5; } .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{ background-position: -2px 0; } /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */ .ui-tooltip-shadow{ -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content{ filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)"; _margin-bottom: -3px; /* IE6 */ .margin-bottom: -3px; /* IE7 */ } /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar{ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{ -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /*! Youtube tooltip style */ .ui-tooltip-youtube{ -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; } .ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content{ _margin-bottom: 0; /* IE6 */ .margin-bottom: 0; /* IE7 */ background: transparent; background: rgba(0, 0, 0, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border-color: #CCCCCC; } .ui-tooltip-youtube .ui-tooltip-icon{ border-color: #222; } .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* jQuery TOOLS Tooltip style */ .ui-tooltip-jtools{ background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .ui-tooltip-jtools .ui-tooltip-titlebar{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .ui-tooltip-jtools .ui-tooltip-content{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; color: white; border: 0 dashed transparent; } .ui-tooltip-jtools .ui-tooltip-icon{ border-color: #555; } .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{ border-color: #333; } /* Cluetip style */ .ui-tooltip-cluetip{ -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-content{ background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .ui-tooltip-cluetip .ui-tooltip-icon{ border-color: #808064; } .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{ border-color: #696952; color: #696952; } /* Tipsy style */ .ui-tooltip-tipsy{ border: 0; } .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content{ _margin-bottom: 0; /* IE6 */ .margin-bottom: 0; /* IE7 */ background: transparent; background: rgba(0, 0, 0, .87); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)"; color: white; border: 0px transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .ui-tooltip-tipsy .ui-tooltip-titlebar{ padding: 6px 35px 0 10; } .ui-tooltip-tipsy .ui-tooltip-content{ padding: 6px 10; } .ui-tooltip-tipsy .ui-tooltip-icon{ border-color: #222; text-shadow: none; } .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{ border-color: #303030; } /* Tipped style */ .ui-tooltip-tipped{ } .ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content{ border: 3px solid #959FA9; filter: none; -ms-filter: none; } .ui-tooltip-tipped .ui-tooltip-titlebar{ background: #3A79B8; background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; color: white; font-weight: normal; font-family: serif; border-bottom-width: 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ui-tooltip-tipped .ui-tooltip-content{ background-color: #F9F9F9; color: #454545; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .ui-tooltip-tipped .ui-tooltip-icon{ border: 2px solid #285589; background: #285589; } .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{ background-color: #FBFBFB; color: #555; } /* IE9 fix - removes all filters */ .ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{ filter: none; -ms-filter: none; } .box-text-product { width:195px; font-size:11px; height:20px; /*font-family:Georgia;*/ color:#000000; } /*$template_menu_font_color_hover*/ .select-black2 { padding:5px; width:100%; } .georgia { /*font-family:Georgia;*/ } .icon-search, .icon-cart { display: inline; width:16px; height: 16px; padding-left:24px; background-image: url('https://pmf.promofidelity.com/images/cart_white.png'); background-repeat: no-repeat; } .icon-search { background-image: url('https://pmf.promofidelity.com/images/search_white.png'); } h6 { font-size:20px; font-weight: bold; color:#000000; } h5, h4 { font-size:28px; font-weight: bold; color:#000000; } h4b { font-size:18px; font-weight: bold; color:#000000; } h4 { font-size:18px; } .family-font { color:#000000; } .add-to-cart { border-top: 2px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; background: #000000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); background: -moz-linear-gradient(center top, #000000 0%, #000000 100%); color:#ffffff; } .add-to-cart:hover, .add-to-cart:focus { border-top: 2px solid #; border-left: 1px solid #; border-right: 1px solid #; border-bottom: 1px solid #; background: #; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#)); background: -moz-linear-gradient(center top, # 0%, # 100%); } .quantity { font-size:15px; font-weight: bold; margin-left: 10px; } .quantity-number { font-size:1em; padding:5px; text-align:right; margin-left: 10px; width:85%; } .quantity-add { margin-left: 10px; width:83%; } .script-vorwerk { border: 1px solid #bbb; padding:20px; margin-top:20px; margin-bottom:20px; -webkit-box-shadow: rgba(64,64,64,.1) 0 0 15px; -moz-box-shadow: rgba(64,64,64,.1) 0 0 15px; box-shadow: 0 0 15px rgba(64,64,64,.1); } div.button { padding:10px; background-color:#; color:#fff; width:100px; cursor: pointer; text-align:center; } .small-button { display: block; background: #c7c7c7; background-image: -webkit-linear-gradient(top, #c7c7c7, #a8a8a8); background-image: -moz-linear-gradient(top, #c7c7c7, #a8a8a8); background-image: -ms-linear-gradient(top, #c7c7c7, #a8a8a8); background-image: -o-linear-gradient(top, #c7c7c7, #a8a8a8); background-image: linear-gradient(to bottom, #c7c7c7, #a8a8a8); -webkit-border-radius: 7; -moz-border-radius: 7; border-radius: 7px; font-family: Arial; color: #000000; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none; } .small-button:hover { display: block; background: #9c9c9c; background-image: -webkit-linear-gradient(top, #9c9c9c, #7a7a7a); background-image: -moz-linear-gradient(top, #9c9c9c, #7a7a7a); background-image: -ms-linear-gradient(top, #9c9c9c, #7a7a7a); background-image: -o-linear-gradient(top, #9c9c9c, #7a7a7a); background-image: linear-gradient(to bottom, #9c9c9c, #7a7a7a); text-decoration: none; } /* ########## DATEPICKER ########## */ div.datepicker { position: absolute; top: 0; left: 0; /* width: 196px; height: 147px;*/ cursor: default; display: none; z-index:999999; } .datepickerContainer { position: absolute; top: 10px; left: 10px; background-color: #141414; } .datepickerBorderT, .datepickerBorderB, .datepickerBorderL, .datepickerBorderR, .datepickerBorderTL, .datepickerBorderTR, .datepickerBorderBL, .datepickerBorderBR { position: absolute; } .datepickerBorderT, .datepickerBorderB { left: 10px; right: 10px; height: 10px; background: url(https://pmf.promofidelity.com/images/datepicker_horizontal.png); } .datepickerBorderT { top: 0; } .datepickerBorderB { bottom: 0; background-position: 0 -10px; } .datepickerBorderL, .datepickerBorderR { bottom: 10px; top: 10px; width: 10px; background: url(https://pmf.promofidelity.com/images/datepicker_vertical.png); } .datepickerBorderL { left: 0; } .datepickerBorderR { right: 0; background-position: -10px 0; } .datepickerBorderTL, .datepickerBorderTR, .datepickerBorderBL, .datepickerBorderBR { width: 10px; height: 10px; background: url(https://pmf.promofidelity.com/images/datepicker_border.png); } .datepickerBorderTL { top: 0; left: 0; } .datepickerBorderTR { top: 0; right: 0; background-position: -10px 0; } .datepickerBorderBL { bottom: 0; left: 0; background-position: 0 -10px; } .datepickerBorderBR { bottom: 0; right: 0; background-position: -10px -10px; } .datepickerHidden { display: none; } div.datepicker table { border-collapse: collapse; } div.datepicker a { color: #fff; text-decoration: none; outline: none; cursor: default; } div.datepicker a:hover { color: #88c5eb; } div.datepicker table td { text-align: right; padding: 0; margin: 0; } div.datepicker th { text-align: center; color: #999; font-weight: normal; } div.datepicker tbody th { text-align: left; } div.datepicker tbody a { display: block; } .datepickerDays a { width: 20px; line-height: 16px; height: 16px; padding-right: 2px; } .datepickerYears a, .datepickerMonths a{ width: 44px; line-height: 36px; height: 36px; text-align: center; } td.datepickerNotInMonth a { color: #666; } tbody.datepickerDays td.datepickerSelected{ background: #136A9F; } tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected { background: #17384d; } tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected{ background: #17384d; } div.datepicker td.datepickerNotInMonth a:hover { color: #999; } div.datepicker tbody th { text-align: left; } .datepickerSpace div { width: 20px; } .datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a { text-align: center; height: 20px; line-height: 20px; } .datepickerGoNext a { float: right; width: 20px; } .datepickerGoPrev a { float: left; width: 20px; } table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears { display: none; } table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW { display: none; } table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW { display: none; } td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a{ color: #333; } td.datepickerDisabled a:hover { color: #333; } td.datepickerSpecial a { background: #700; } td.datepickerSpecial.datepickerSelected a { background: #a00; }