/** 00. base **/ body {background: #0A5B81 url('/gfx/admin/admin-gradients-1.png') fixed repeat-x 0 -170px; } /** 01. header **/ #header {width:900px; margin:0 auto; background:#FFF; padding:30px 25px 10px; border:1px solid #CBCBCB; border-bottom:0;} #header h1 {width:238px; height:52px; text-indent:-9999px; background:url('/gfx/front/logo.png') no-repeat 0 0;} #headerOrder {width:900px; margin:0 auto; background:#FFF; padding:30px 25px 10px; border:1px solid #CBCBCB; border-bottom:0; margin-top:100px;} #headerOrder h1 {width:238px; height:52px; text-indent:-9999px; background:url('/gfx/front/logo.png') no-repeat 0 0;} #breadcrumb {padding:0 0 10px;} #breadcrumb ul li {position:relative; display:inline-block; font-size:11pt; padding:0 12px 0 18px;} #breadcrumb ul li:after {position:absolute; top:0; left:0; content:'-'; display:block; color:#CBCBCB;} #breadcrumb ul li:first-child {padding-left:0;} #breadcrumb ul li:first-child:after {display:none;} #breadcrumb ul li.selected {font-weight:bold; color:#507EA1;} #loadingBg {width:100%; height:100%; display:block; position:fixed; left:0; top:0; z-index:99998; background:#FFF; opacity:0.33; filter:alpha(opacity=33);} #loadingWait {width:80px; height:80px; display:block; position:fixed; left:50%; top:50%; margin:-40px 0 0 -40px; z-index:99998; border-radius:50% 50% 50% 50%; background:#FFF url('/gfx/order/loading.gif') no-repeat center center; box-shadow:0 0 10px rgba(0,0,0,0.2);} /** 02. order **/ #orderContent {width:900px; margin:0 auto; padding:25px 25px; background:#FFF; border:1px solid #CBCBCB; border-top:0;} #orderContent h2 {font-weight:bold; padding:15px 0; color:#507EA1; font-size:18pt;} #orderContent h4 {font-weight:bold; padding:15px 0; color:#507EA1; font-size:11pt;} #orderContent p.back {float:left; padding:30px 20px 0 0; font-size:11pt;} #orderContent p.back a {color:#507EA1; font-weight:bold; background: #f2f2f2 none repeat scroll 0 0; padding: 10px; border-radius: 4px;} #orderContent p.back a:hover {text-decoration:underline;} #orderContent p.back.continueShoping { padding: 30px 20px 13px 0; font-size:11pt; } #orderContent p.sumbit {float:right; padding:20px 20px 0 0; text-align:right;} #orderContent p.errorEmpty {padding: 10px 0 0; font-weight: bold; color: #C40000; font-size: 9pt;} #orderForm {padding:15px 20px 10px; border:1px solid #CBCBCB;} #orderFormLeft {float:left; width:50%; font-size:11pt;} #orderFormRight {float:right; width:44%; font-size:9pt; border-left:1px solid #EDEDED; padding-left:25px;} #orderFormLeft p, #orderFormLeft div.required {clear:both; padding:0 0 5px;} #orderFormLeft div.required {position:relative;} #orderFormLeft p label, #orderFormLeft div.required label {width:150px; padding:7px 0 0; float:left;} #orderFormLeft p input[type=text], #orderFormLeft div.required input[type=text] {width:240px; padding:8px 15px; border:1px solid #CBCBCB; font-size:9pt; border-radius:4px; box-shadow:inset 0 0 3px rgba(0,0,0,0.12);} #orderFormLeft p input[type=text].bad, #orderFormLeft div.required input[type=text].bad {border-color:#C18383; box-shadow:inset 0 0 3px rgba(193,131,131,0.42);} #orderFormLeft p input[type=text]:focus, #orderFormLeft div.required input[type=text]:focus {box-shadow:inset 0 0 3px rgba(0,0,0,0.2);} #orderFormLeft p span.result.bad, #orderFormLeft div.required span.result.bad {display:block; padding:5px 0 0 150px; font-weight:bold; color:#C40000; font-size:9pt; line-height:1.8em;} #orderFormLeft div.required input[type=text] {padding-left:70px;width:185px;} #orderFormRight h5 {font-size:11pt; font-weight:bold; padding:0 0 10px;} #orderFormRight label {width:120px; padding:3px 0 0; float:left;} #orderFormRight p, #orderFormRight div.required {clear:both; padding:0; } #orderFormRight strong {display:block; font-size:11pt; font-weight:bold;} #orderFormRight p input[type=text], #orderFormRight div.required input[type=text] {width:240px; padding:8px 15px; border:1px solid #CBCBCB; font-size:9pt; border-radius:4px; box-shadow:inset 0 0 3px rgba(0,0,0,0.12);} #orderFormRight p input[type=text].bad, #orderFormRight div.required input[type=text].bad {border-color:#C18383; box-shadow:inset 0 0 3px rgba(193,131,131,0.42);} #orderFormRight p input[type=text]:focus, #orderFormRight div.required input[type=text]:focus {box-shadow:inset 0 0 3px rgba(0,0,0,0.2);} #orderFormRight p span.result.bad, #orderFormRight div.required span.result.bad {display:block; font-weight:700; color:#C40000; font-size:9pt; line-height:1.8em;} #orderFormRight div.phone {position: relative;} #orderFormRight div.phone div.prefixSelector {top: 20px; left: 10px;} #orderFormRight div.phone input[type=text] {padding-left: 70px; width: 185px;} #paymentMethods {padding:15px 0 15px 20px; border:1px solid #CBCBCB;} #paymentMethods p.error {padding:0 0 10px; font-weight:bold; color:#C40000; font-size:9pt;} #paymentMethods ul li {margin:0 10px 0 0; padding:8px 15px; float:left; width:177px; background:#F2F2F2; font-size:10pt; border-radius:4px; cursor:pointer;} #paymentMethods ul li.selected {background:#507EA1; color:#FFF;} div.crossSelling { } div.crossSelling div.item { background: #f6f6f6; border-top: 2px solid #FFF; padding: 0 15px; } div.crossSelling div.item img { float: left; margin: 0 10px 0 0; } div.crossSelling div.item div.text { float: left; width: 400px; } div.crossSelling div.item div.text p.title { font-size: 17px; font-weight: bold; padding-top: 10px; } div.crossSelling div.item div.text p a { color: #006cbf; } div.crossSelling div.item div.price { float: left; width: 210px; text-align: center; font-size: 14px; padding-top: 18px; } div.crossSelling div.item div.price strong { font-weight: bold; } div.crossSelling div.item a.button { border-radius: 4px; margin-top: 12px; float: right; background: #FFF linear-gradient(to bottom, #2b4878 0%, #1b396b 100%) repeat scroll 0 0; border-top: 1px solid #6782ae; color: #FFF; font-size: 13px; padding: 7px 20px; } #cartInfoEmpty {margin:10px 0; padding:14px 20px; color:#FFF; font-size:14pt; background:#507EA1;} #cartInfoEmpty a {margin:8px 0 0; display:block; font-size:10pt; color:#FFF;} #cartInfoEmpty a:hover {text-decoration:underline;} #cartInfo table {width:100%; font-size:12pt;} #cartInfo table tr td {padding:14px 17px; border:1px solid #CBCBCB;} #cartInfo table tr td input[type=text] {vertical-align:middle; padding:5px 7px; width:30px; border:1px solid #D3D3D3;} #cartInfo table tr td small {font-size:8pt;} #cartInfo table tr td a.convert {vertical-align:middle; display:inline-block; width:20px; height:20px; background:url('/gfx/order/button-refresh.png') no-repeat 2px 2px;} #cartInfo table tr td a.delete {vertical-align:middle; display:inline-block; width:20px; height:20px; background:url('/gfx/order/button-delete.png') no-repeat 2px 2px;} #cartInfo table tr.total td {background:#F2F2F2; font-size:8pt; vertical-align:bottom;} #cartInfo table tr.total td.toRight {text-align:right;} #cartInfo table tr.total td.deliveryCost {line-height:1.6em;} #cartInfo table tr.total strong.totalPrice {font-size:14pt;} #cartInfo table strong {font-weight:bold;} #cartInfo table tr td div.icons {display:inherit;position:relative;} #cartInfo table tr td div.icons img {width:auto;height:10px;padding-right:3px;} #cartInfo table tr td div.icons img:nth-of-type(4) {padding-right:0;} #cartInfo table tr td div.icons span.line {padding-left:3px;} #cartInfo table tr td div.icons em {font-size:14px;line-height:20px;} #cartInfo table tr td div.icons em:nth-of-type(4) span.line {padding-left:0;} #cartInfo table tr td div.icons em:nth-of-type(5) span.line {padding-left:0;} #cartInfo table tr td div.icons:hover span.labelTooltip {display:block;} #cartInfo table tr td div.icons span.labelTooltip {display:none;position:absolute;top:-40px;left:30px;width:256px;height:428px;z-index:2;border:16px solid #FFF;background: #fff url('/gfx/label/tire-label-sprites.png') 0 -195px no-repeat;box-shadow:0px 0px 30px rgba(0,0,0,0.3);} #cartInfo table tr td div.icons span.labelTooltip label {height:34px;width:20px;padding:0 0 0 18px;font-size:20px;line-height:35px;color:#FFF;background:url('/gfx/label/tire-label-sprites.png') 0px -155px no-repeat;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance {position:absolute;top:175px;left:101px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollA {top:101px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollB {top:119px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollC {top:138px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollD {top:157px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollE {top:176px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollF {top:194px;} #cartInfo table tr td div.icons span.labelTooltip label.rollingResistance.rollG {top:213px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad {position:absolute;top:175px;left:200px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetA {top:101px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetB {top:119px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetC {top:138px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetD {top:157px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetE {top:176px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetF {top:194px;} #cartInfo table tr td div.icons span.labelTooltip label.wetRoad.wetG {top:213px;} #cartInfo table tr td div.icons span.labelTooltip label.noiseLevel {position:absolute;top:287px;left:166px;width:51px;} #cartInfo table tr td div.icons span.labelTooltip label em {font-size:15px;text-transform:none;} #cartInfo table tr td div.icons span.labelTooltip span.wave {position:absolute;float:none;left:59px;top:273px;width:82px;height:59px;margin:0;background:url('/gfx/label/tire-label-sprites.png') no-repeat;} #cartInfo table tr td div.icons span.labelTooltip span.wave.w100 {background-position:right -251px;} #cartInfo table tr td div.icons span.labelTooltip span.wave.w200 {background-position:right -313px;} #cartInfo table tr td div.icons span.labelTooltip span.wave.w300 {background-position:right -375px;} #cartInfo table tr td div.icons span.labelTooltip span.showLabel {display:block;position:absolute;bottom:0;width:256px;padding:9px 0;font-size:16px;color:#FFF;background:#2fa0ff;cursor:pointer;text-align:center;} #cartInfo table tr td div.icons span.labelTooltip span.showLabel:hover {background:#8acaff;} #cartInfo table tr td div.icons span.labelTooltip.new {top:-60px;width:260px;height:428px;border-width:10px;background:url('/gfx/label/label.png') no-repeat;background-size:contain;background-position:center top;background-color:#fff;} #cartInfo table tr td div.icons span.labelTooltip.new img {position:absolute;width:30px;height:30px;} #cartInfo table tr td div.icons span.labelTooltip.new img.resistance {left:93px;} #cartInfo table tr td div.icons span.labelTooltip.new img.braking {left:224px;} #cartInfo table tr td div.icons span.labelTooltip.new img.classA {top:153px;} #cartInfo table tr td div.icons span.labelTooltip.new img.classB {top:180px;} #cartInfo table tr td div.icons span.labelTooltip.new img.classC {top:208px;} #cartInfo table tr td div.icons span.labelTooltip.new img.classD {top:236px;} #cartInfo table tr td div.icons span.labelTooltip.new img.classE {top:263px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon {display:none;top:307px;width:60px;height:60px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.noise {display:block;left:95px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.noise.snow, #cartInfo table tr td div.icons span.labelTooltip.new img.icon.noise.ice {left:60px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.noise.snow.ice {left:10px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.snowGrip.snow, #cartInfo table tr td div.icons span.labelTooltip.new img.icon.iceGrip.ice {display:block;left:140px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.snowGrip.snow.ice {left:95px;} #cartInfo table tr td div.icons span.labelTooltip.new img.icon.iceGrip.snow.ice {left:190px;} #cartInfo table tr td div.icons span.labelTooltip.new em {position:absolute;font-size:21px;font-weight:700;color:#fff;} #cartInfo table tr td div.icons span.labelTooltip.new em.resistance {left:103px;} #cartInfo table tr td div.icons span.labelTooltip.new em.braking {left:234px;} #cartInfo table tr td div.icons span.labelTooltip.new em.classA {top:157px;} #cartInfo table tr td div.icons span.labelTooltip.new em.classB {top:185px;} #cartInfo table tr td div.icons span.labelTooltip.new em.classC {top:213px;} #cartInfo table tr td div.icons span.labelTooltip.new em.classD {top:241px;} #cartInfo table tr td div.icons span.labelTooltip.new em.classE {top:268px;} #cartInfo table tr td div.icons span.labelTooltip.new p {position:absolute;font-size:14px;} #cartInfo table tr td div.icons span.labelTooltip.new p.supplier {top:55px;left:12px;} #cartInfo table tr td div.icons span.labelTooltip.new p.size {top:78px;left:11px;font-size:15px;} #cartInfo table tr td div.icons span.labelTooltip.new p.sap {top:55px;right:10px;} #cartInfo table tr td div.icons span.labelTooltip.new p.tyreClass {top:78px;right:10px;} #cartInfo table tr td div.icons span.labelTooltip.new p.noise {top:325px;left:111px;font-size:11px;font-weight:700;} #cartInfo table tr td div.icons span.labelTooltip.new p.noise.snow, #cartInfo table tr td div.icons span.labelTooltip.new p.noise.ice {left:76px;} #cartInfo table tr td div.icons span.labelTooltip.new p.noise.snow.ice {left:26px;} #cartInfo table tr td div.icons span.labelTooltip.new div.qrcode {position:absolute;top:5px;right:50px;} #cartInfo table tr td div.icons span.labelTooltip.new div.qrcode img {width:45px;height:45px;} #cartInfo table tr td div.icons span.labelTooltip.new span.showLabel {left:5px;width:250px;margin-bottom:4px;} #paymentInfo {border:1px solid #CBCBCB; padding:20px; margin:0 0 10px; font-size:10pt;} #paymentInfo h5 {padding:0 0 15px; font-size:12pt; line-height:1em; font-weight:bold;} #paymentInfo p.dt {padding-top:10px;} #paymentInfo p.dt em {float:left; width:120px;} #paymentInfo p.dt.pay em {width:115px;} #paymentInfo p.dt strong {font-weight:bold;} #paymentInfo address {display:block; width:300px; margin-left:120px; margin-top:10px; padding:18px; font-size:9pt; border:1px solid #EAEAEA; background:#FAFAFA;} #orderEndInfo {font-size:8pt; line-height:1.5em;} #orderEndBack {margin-top:20px; padding:25px 0 0; text-align:center; font-size:11pt; border-top:1px solid #CBCBCB; font-weight:bold;} #orderEndBack a {color:#507EA1; padding:4px 10px;} #orderEndBack a:hover {text-decoration:underline;} #configurator #headerNav {z-index:400; width:100%; height:20%; border-top:1px solid #000; border-bottom:3px solid #000; background:#2c2c2c; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjMmMyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2c2c2c 0%, #161616 27%, #0e0e0e 28%, #000000 30%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2c2c), color-stop(27%,#161616), color-stop(28%,#0e0e0e), color-stop(30%,#000000), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #2c2c2c 0%,#161616 27%,#0e0e0e 28%,#000000 30%,#000000 100%); background: -o-linear-gradient(top, #2c2c2c 0%,#161616 27%,#0e0e0e 28%,#000000 30%,#000000 100%); background: -ms-linear-gradient(top, #2c2c2c 0%,#161616 27%,#0e0e0e 28%,#000000 30%,#000000 100%); background: linear-gradient(to bottom, #2c2c2c 0%,#161616 27%,#0e0e0e 28%,#000000 30%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2c2c', endColorstr='#000000',GradientType=0 ); } #configurator #headerNav h2 {z-index:1; position:absolute; top:10px; left:50%; width:500px; margin:0 0 0 -250px; color:#FFF; text-align:center;} #configurator #headerNav nav { position:relative; z-index:2; height:65px; margin:0 0 0px; border-top:1px solid #424242; } #configurator #headerNav nav ul {z-index:2; position:absolute; top:1px; display:block; width:50%; height:100%; font-family:Verdana, Geneva, sans-serif; } #configurator #headerNav nav ul.left {left:0;} #configurator #headerNav nav ul.right {right:0;} #configurator #headerNav nav ul li { position:relative; display:block; width:13.2%; height:98%; margin:0 2px 0 0; background:#3C3C3C; } #configurator #headerNav nav ul.left li {float:left;} #configurator #headerNav nav ul.right li {float:right;} #configurator #headerNav nav ul li {border-radius:6px;} #configurator #headerNav nav ul li img {height:100%; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality;} #configurator #headerNav nav ul li a { position:relative; width:100%; height:100%; display:block; text-align:center; color:#FFF; text-shadow:0 1px #000; border:none; border-top:1px solid #4f4f4f; cursor:pointer; border-radius:6px; background:#4b4b4b; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzI2MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #4b4b4b 0%, #383838 48%, #323232 50%, #262626 51%, #262626 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(48%,#383838), color-stop(50%,#323232), color-stop(51%,#262626), color-stop(100%,#262626)); background:-webkit-linear-gradient(top, #4b4b4b 0%,#383838 48%,#323232 50%,#262626 51%,#262626 100%); background:-o-linear-gradient(top, #4b4b4b 0%,#383838 48%,#323232 50%,#262626 51%,#262626 100%); background:ms-linear-gradient(top, #4b4b4b 0%,#383838 48%,#323232 50%,#262626 51%,#262626 100%); background:linear-gradient(to bottom, #4b4b4b 0%,#383838 48%,#323232 50%,#262626 51%,#262626 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#262626',GradientType=0 ); } #configurator #headerNav nav ul li a:hover { cursor:pointer !important; border-top:1px solid #a8a8a8; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzVjNWM1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #6c6c6c 0%, #5c5c5c 48%, #575757 50%, #575757 51%, #4d4d4d 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(48%,#5c5c5c), color-stop(50%,#575757), color-stop(51%,#575757), color-stop(100%,#4d4d4d)); background:-webkit-linear-gradient(top, #6c6c6c 0%,#5c5c5c 48%,#575757 50%,#575757 51%,#4d4d4d 100%); background:-o-linear-gradient(top, #6c6c6c 0%,#5c5c5c 48%,#575757 50%,#575757 51%,#4d4d4d 100%); background:-ms-linear-gradient(top, #6c6c6c 0%,#5c5c5c 48%,#575757 50%,#575757 51%,#4d4d4d 100%); background:linear-gradient(to bottom, #6c6c6c 0%,#5c5c5c 48%,#575757 50%,#575757 51%,#4d4d4d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6c6c', endColorstr='#4d4d4d',GradientType=0 ); } #configurator #headerNav nav ul li a:active { border-top:1px solid #3f3f3f; background:#565656; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVuFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #565656 0%, #454545 48%, #3e3e3e 50%, #333333 51%, #333333 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(48%,#454545), color-stop(50%,#3e3e3e), color-stop(51%,#333333), color-stop(100%,#333333)); background:-webkit-linear-gradient(top, #565656 0%,#454545 48%,#3e3e3e 50%,#333333 51%,#333333 100%); background:-o-linear-gradient(top, #565656 0%,#454545 48%,#3e3e3e 50%,#333333 51%,#333333 100%); background:-ms-linear-gradient(top, #565656 0%,#454545 48%,#3e3e3e 50%,#333333 51%,#333333 100%); background:linear-gradient(to bottom, #565656 0%,#454545 48%,#3e3e3e 50%,#333333 51%,#333333 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#333333',GradientType=0 ); } #configurator #headerNav nav ul li a strong {position:absolute; left:0; bottom:5px; display:block; margin:0; text-align:center; width:100%;} #configurator #headerNav nav ul li a span {position:absolute; left:0; top:5px; display:block; width:100%; height:47%; margin:0;} #configurator #headerNav div.subNavBar { position:relative; z-index:2; height:50%; border-top:1px solid #424242; border-bottom:1px solid #000000; box-shadow:0 2px 5px rgba(0,0,0,0.5); background: #303030; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBlMGUwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #303030 0%, #161616 49%, #0e0e0e 50%, #000000 51%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(49%,#161616), color-stop(50%,#0e0e0e), color-stop(51%,#000000), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #303030 0%,#161616 49%,#0e0e0e 50%,#000000 51%,#000000 100%); background: -o-linear-gradient(top, #303030 0%,#161616 49%,#0e0e0e 50%,#000000 51%,#000000 100%); background: -ms-linear-gradient(top, #303030 0%,#161616 49%,#0e0e0e 50%,#000000 51%,#000000 100%); background: linear-gradient(to bottom, #303030 0%,#161616 49%,#0e0e0e 50%,#000000 51%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=0 ); } #configurator #headerNav div.subNavBar div.logotype { position:absolute; top:0; left:0.5%; height:100%; width:12%; text-align:center; } #configurator #headerNav div.subNavBar div.logotype img { height:100%; max-width:100%; } #configurator #headerNav div.subNavBar div.selectedCar { position:absolute; top:33%; left:13.25%; width:60%; height:70%; font-size:15px; color:#ffffff; font-weight:bold; font-family:Tahoma,Geneva,Kalimati,sans-serif; } #configurator #headerNav div.subNavBar div.selectedCar span { margin-left:9.425%; } #configurator #headerNav ul.menuList {display:none; position:absolute; top:100%; left:0; margin-top:4px;} #configurator #headerNav ul.menuList li a {display:block; padding:10px 50px; cursor:pointer; color:#000; background:#FFF;} #configurator #headerNav ul.menuList li a:hover {background:#D1D1D1;}