/* COLOR CODES */ /* -------------------------- */ /* light grey #C0C0C0 */ /* dark grey #555555 */ /* yellow #FFF500 */ /* red #DB251A */ /* NOP Shopping cart */ .blacktext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} .checkout {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} .checkoutinput {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} .greetext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;} .nopcart {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding: 0px; border-spacing: 0px; border: 1px solid #555; width: 100%;} .nopheader {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF500; padding: 5px; background: #555;} .nopentry {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding: 5px; background: #EEE; border-bottom: 1px solid #555;} .noptotal {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding: 0px 5px; background: #555;} .nopbutton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} .nopqty {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 30px; text-align: center;} .nopremove {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #EEE;} /* GENERAL WEBSITE CSS */ /*uit commentaar halen voor normale situatie*/ /*body {margin: 0; background-color: #232D21; font-family:Verdana, Geneva, sans-serif; font-size: 12px;}*/ /*uit commentaar halen voor vakantie*/ body{ margin: 0; with:48px; height:48px; background: #cbd9f3 url(https://hpi.be/home/background_winter.png) center top no-repeat fixed ; /*background: #232D21 url(http://hpi.be/home/sneeuw.gif) no-repeat center center fixed;*/ font-family:Verdana, Geneva, sans-serif; font-size: 12px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } .content {position: relative; width: 980px; margin: 0 auto; background-color: #C0C0C0;} .std_table {width: 98%; margin: auto; border-spacing: 10px;} .std_table a {text-decoration: none; color: #000;} .std_table input {width: 95%; cursor: pointer;} .std_table li {margin-left: 15px;} .std_table td {text-align: left;} .footer {position: relative; width: 974px; height:15px; margin:0 auto; padding: 3px; background-color: #000; color: #CCC; font-family:Verdana, Geneva, sans-serif; font-size:9px} .copy {position: absolute; left: 10px;} .term {position: absolute; right: 10px;} .term a {text-decoration: none; color: #CCC;} .term a:hover {text-decoration: underline; color: #FFF500;} .pricelist {width: 96%; margin: auto; font-size: 11px; padding: 0px; border-spacing: 0px;} .pricelist th {background-color: #333; color: #FFF; text-align: left;} .pulsers {font-size: 10px; width: 95%; text-align: center; table-layout: fixed; padding: 0px; border-spacing: 0px;} .pulsers th {background-color: #333; color: #FFF500; border-bottom: 1px solid #000;} .pulsers td {text-align: center; background-color:#999;} .pulsers a {font-weight: bold; color: #DB251A;} /* 068 */ .uni_ign {width: 98%; margin: auto; border-spacing: 10px;} .uni_ign a {text-decoration: none; color: #000;} .uni_ign input {width: 95%; cursor: pointer; height: 30px; font-weight: bold; font-size: 14px;} .uni_ign td {text-align: left;} .bipt {width: 100%; margin: auto; table-layout: fixed; text-align: center; border-spacing: 20px;} .bipt td {background-color: #555; color: #FFF; border-radius: 13px; padding: 6px; vertical-align: top; cursor: pointer;} .bipt span {font-weight: bold; font-size: 14px; color: #FFF500;} .curves {width: 98%; margin: auto; table-layout: fixed; text-align: center; border-bottom: 1px solid #555; border-spacing: 0px;} .curves th {background-color: #555; color: #FFF500; font-size: 14px; padding: 6px; border-radius: 13px 13px 0px 0px;} .curves td {background-color: #EEE; padding: 0px; font-size: 11px;} .curves td.top_first {font-weight: bold; padding-top: 3px; border-left: 1px solid #555;} .curves td.top_last {font-weight: bold; padding-top: 3px; border-right: 1px solid #555;} .curves td.top {font-weight: bold; padding-top: 3px;} .curves td.bottom {font-style: italic; padding-bottom: 3px; padding-top: 1px;} .curves td.bottom_first {font-style: italic; padding-bottom: 3px; padding-top: 1px; border-left: 1px solid #555;} .curves td.bottom_last {font-style: italic; padding-bottom: 3px; padding-top: 1px; border-right: 1px solid #555; padding-left: 70px;} .curves td.bottom_padd {font-style: italic; padding-bottom: 3px; padding-top: 1px; padding-left: 70px;} .printcurve {font-size: 9px; padding: 0px 10px; border: 1px solid #000; cursor: pointer; background-color: #BBB} .blank {width: 98%; margin: auto; table-layout: fixed; text-align: center; border-spacing: 10px 0px;} .blank th {background-color: #555; color: #FFF500; font-size: 14px; font-weight: bold; padding: 6px; border-radius: 13px 13px 0px 0px;} .blank td {background-color: #EEE; border: 1px solid #555; border-radius: 0px 0px 13px 13px; font-size: 10px; vertical-align: top;} .blank img {border: 1px solid #555;} .blank hr {background-color: #555; height: 1px; border: 0px; width: 95%} .blank span {font-weight: bold; color: #DB251A;} .parts_table {width: 98%; font-size: 11px; padding: 0px; border-spacing: 0px; margin-left: 1%; margin-right: 1%; border: 1px solid #555; position: relative; border-radius: 13px 13px 0px 0px; background-color: #555;} .parts_table th {color: #FF3; text-align: center; font-size: 16px;} .parts_table span {color: #EEE; font-style: italic; font-size: 12px;} .parts_table tr.item {background-color: #EEE;} .parts_table tr.firstrow {color: #FFF500;} .parts_table tr.inforow {font-weight: bold; background-color: #EEE;} .parts_table td {line-height: 12px; padding: 0px; margin: 0px; border-spacing: 0px;} .parts_table tr.item:hover {background-color: #C0C0C0; cursor: pointer; color: #FF3;} .parts_table tr td div {display: none; position: absolute; top: 38px; right: 5px; line-height: 12px;} .parts_table tr td div img {border: 1px solid #000;} .parts_table tr:hover td div {display: block;} .rows_table {width: 96%; margin: auto; font-size: 10px; padding: 0px; border-spacing: 13px; text-align: left; border-radius: 13px;} .rows_table td {vertical-align: top; cursor: pointer;} .rows_table td.img {width: 160px;} .rows_table td.img img {border: 1px solid #000;} .rows_table span.code {color: #DB251A; font-size: 14px; font-weight: bold;} .rows_table span.ctex {font-size: 10px;} .rows_table span.models_small {font-size: 11px; font-weight: bold;} .rows_table span.models_large {font-size: 14px; font-weight: bold;} .rows_table span.cdi {color: #555; font-style: italic;} .rows_table td.light {width: 160px; vertical-align: bottom;} .rows_table:hover {background-color: #555; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .rows_table:hover span.code {color: #FFF500; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .rows_table:hover span.ctex {color: #FFF500; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .rows_table:hover span.models_small {color: #FFF; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .rows_table:hover span.models_large {color: #FFF; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .rows_table:hover span.cdi {color: #CCC; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .digital {background-color: #555; color: #FFF500; font-size: 14px; font-weight: bold; border-radius: 5px; padding: 0px 10px 0px 0px; cursor: pointer;} .filler {background-color: #EEE;} .topcenter {text-align: center; vertical-align: top; font-size: 11px;} /* APPCATEGORY */ .appcategory_table {width: 98%; font-size: 9px; padding: 0px; border-spacing: 0px; margin-left: 1%; margin-right: 1%; background-color: #EEE; border: 1px solid #000;} .appcategory_table th {background-color: #555; color: #FF3; text-align: left;} .appcategory_table td {line-height: 12px; padding: 0px; margin: 0px; border-spacing: 0px;} .appcategory_table tr:hover {background-color: #C0C0C0; cursor: pointer; color: #FF3;} .appcategory_table tr td div {display: none; position: absolute; top: 35px; right: 16px; line-height: 12px;} .appcategory_table tr td div img {border: 1px solid #000;} .appcategory_table tr:hover td div {display: block;} /* APPGALLERY */ .appgallery_table {width: 96%; font-size: 10px; padding: 0px; border-spacing: 0px; margin-left: 2%; margin-right: 2%; text-align: center;} .appgallery_table td {width: 20%; vertical-align: top; color: #000; cursor: pointer; padding: 13px; border-radius: 13px;} .appgallery_table td span {font-weight: bold; color: #DB251A;} .appgallery_table td:hover {color: #EEE; background-color: #555; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .appgallery_table td:hover span {color: #FFF500; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .appgallery_table img {border: 1px solid #000;} /* APPLIST */ .applist_table {width: 98%; font-size: 9px; padding: 0px; border-spacing: 0px; margin-left: 1%; margin-right: 1%; background-color: #EEE; border: 1px solid #000;} .applist_table th {background-color: #555; color: #FF3; height: 70px;} .applist_table th > div {transform: translate(0px, 5px) rotate(300deg);} .applist_table tr.alter {background-color: #E0E0E0;} .applist_table tr:hover {background-color: #C0C0C0;} .applist_table a {text-decoration: none; color: #639;} .applist_table a:hover {color: #FF3;} .applist_stndc {text-align: center;} .applist_stndl {text-align: left;} .applist_stnde {text-align: left; font-style: italic; font-size: 8px;} .applist_linec {text-align: center; border-top: 1px solid #000;} .applist_linel {text-align: left; border-top: 1px solid #000;} .applist_linee {text-align: left; border-top: 1px solid #000; font-style: italic; font-size: 8px;} /* APPROWS */ .approws_table {width: 96%; font-size: 10px; padding: 0px; border-spacing: 0px; margin-left: 2%; margin-right: 2%; text-align: center;} .approws_table td.approws_img {color: #000; cursor: pointer; padding: 13px; border-radius: 13px 0px 0px 13px; width: 162px;} .approws_table td.approws_nfo {color: #000; cursor: pointer; padding: 13px; border-radius: 0px 13px 13px 0px; text-align: left; vertical-align: top;} .approws_table td span {font-weight: bold; color: #DB251A; font-size: 14px;} .approws_table tr:hover td {color: #EEE; background-color: #555; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .approws_table tr:hover td span {color: #FFF500; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .approws_table img {border: 1px solid #000;} /* BATTERY IGNITIONS */ .breadcrumb {list-style: none; overflow: hidden; font-size: 12px;} .breadcrumb li {float: left;} .breadcrumb li a.off {color: #FFFFFF; background: #555555; text-decoration: none; padding: 4px 10px 5px 40px; position: relative; display: block; float: left;} .breadcrumb li a.off:after {content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #555555; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2;} .breadcrumb li a.on {color: #FFF500; background: #000000; text-decoration: none; padding: 4px 10px 5px 40px; position: relative; display: block; float: left; font-weight: bold;} .breadcrumb li a.on:after {content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #000000; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2;} .breadcrumb li a:before {content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #C0C0C0; position: absolute; top: 50%; margin-top: -50px; margin-left: 2px; left: 100%; z-index: 1;} .breadcrumb li:first-child a {padding-left: 10px;} .breadcrumb li a:hover { color: #FFF500; } .batt_info {background-color: #FFFF80; color: #000; border-radius: 5px 5px 5px 5px; font-size: 10px; padding: 5px; border: 1px solid #000;} /* BRANDS */ .brands_fade {position: relative; width: 195px; height: 140px; overflow:hidden; float:left; cursor: pointer;} .brands_fade img {position: absolute; width: 180px; height: 140px; top:50%; left:50%; margin-left:-90px; margin-top:-70px;} .brands_fade_types {position: absolute; width: 195px; height: 140px; background-color: rgba(192,192,192,0.8); opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .brands_fade_types table {width: 100%; height: 95%;} .brands_fade_types td {text-align: center; vertical-align: bottom;} .brands_fade_types a {text-decoration: none; color: #EEE;} .brands_fade_types a:hover {color: #000;} .brands_fade:hover .brands_fade_types {opacity: 1;} .brands_other {align:center; width: 100%;} .brands_other td {align:center; width: 10%; border: 1px solid #C0C0C0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .brands_other td:hover {align:center; width: 10%; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .brands_other td:hover img {align:center; width: 92%;} /* .brands_other td {width: 10%;} .brands_other img {opacity: 0.3; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .brands_other img:hover {opacity: 1; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} */ /* CONTACT */ .contact_table {width: 96%; margin: auto; border-spacing: 0px;} .contact_std {color: #000;} .contact_err {color: #F00; font-weight: bold;} /* DEALER LIST */ .dealer_country {width: 98%; margin: auto; text-align: center; padding: 0px; border-spacing: 7px; table-layout: fixed; font-weight: bold; border-radius: 13px 13px 13px 13px; background-color: #EEE; border: 1px solid #555;} .dealer_country td {vertical-align: top;} .dealer_country a {text-decoration: none; color: #000;} .dealer_country a:hover {color: #FFF500; background-color: #555;} .dealer_table {width: 98%; margin: auto; text-align: center; padding: 0px; border-spacing: 0px;} .dealer_table th {background-color: #555; color: #FFF500; font-size: 18px; font-weight: bold; border-radius: 13px 13px 0px 0px; height: 24px; border: 1px solid #555;} .dealer_table tr:hover > td {background-color: #999} .dealer_table td {padding: 7px; background-color: #EEE; border-bottom: 1px solid #555;} .dealer_table td.adres {text-align: left;} .dealer_table td.wet {width: 30px; cursor: pointer;} .dealer_table td.left {border-left: 1px solid #555; text-align: left; width: 200px;} .dealer_table td.right {border-right: 1px solid #555; width: 30px; cursor: pointer;} .dealer_table td.last {border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555;} .dealer_table img {border: 0px;} .dealer_table span {font-size: 14px; font-weight: bold;} /* DOWNLOADS / MANUALS */ .std_table td.dl {background-color: #555; border-radius: 13px;} .std_table td.dl table {width: 100%;} .std_table td.dl_image {width: 38px;} .std_table td.dl_text {text-align: center;} .std_table td.dl_topcenter {text-align: center; vertical-align: top; font-size: 11px;} .std_table td.mesonix {text-align: left; color: #EEE;} .std_table span.dl_large {color: #FFF500; font-size: 16px; font-weight: bold;} .std_table span.dl_small {color: #FFF500; font-size: 12px;} .std_table span.dl_large a {color: #FFF500; font-size: 16px; font-weight: bold; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .std_table span.dl_small a {color: #DB251A; font-size: 12px; text-decoration: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .std_table span.dl_large a:hover {color: #EEE; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .std_table span.dl_small a:hover {color: #EEE; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .dls_table {width: 98%; margin: auto; border-spacing: 10px; vertical-align:top;} .dls_half {align: center; width: 50%; vertical-align:top;} .dls_subtable {width: 90%; margin: auto; padding: 0px; border-spacing: 0px; border-bottom: 1px solid #555;} .dls_header_img {background-color: #555; border-radius: 5px 0px 0px 0px; width: 50px; padding: 3px;} .dls_header_txt {background-color: #555; border-radius: 0px 5px 0px 0px; color: #FFF500; font-size: 16px; font-weight: bold;} .dls_subtable td {background-color: #EEE; border-left: 1px solid #555; border-right: 1px solid #555; padding: 1px 10px;} .dls_subtable a {text-decoration: none; color: #DB251A; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .dls_subtable a:hover {color: #FFF500; background-color: #555; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} /* GALLERY */ .gallery {padding: 0px; border-spacing: 4px; margin: 0 auto;} .gallery td {position: relative; width: 190px; height: 149px; padding: 0px;} .gallery_div {position: relative; width: 190px; height: 149px;} .gallery_txt {position: absolute; left: 18px; top: 7px; font-size: 8px; color: #FFF500;} .gallery_img {position: absolute; left: 58px; top: 44px;} /* HOME */ .home {position: relative; width: 980px; height: 639px; margin: 0 auto; background-color: #C0C0C0;} .home_fade {position: relative; width: 190px; height: 100px; margin: 0 auto; cursor: pointer; padding: 0;} .home_fade img {border: 1px solid #000; position: absolute; margin: 0 auto; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s;} .home_fade img.top:hover {opacity: 0;} #home_11 {position: absolute; width: 192px; height: 102px; left: 4px; top: 2px; margin: 0 auto;} #home_12 {position: absolute; width: 192px; height: 102px; left: 199px; top: 2px; margin: 0 auto;} #home_13 {position: absolute; width: 192px; height: 102px; left: 394px; top: 2px; margin: 0 auto;} #home_14 {position: absolute; width: 192px; height: 102px; left: 589px; top: 2px; margin: 0 auto;} #home_15 {position: absolute; width: 192px; height: 102px; left: 784px; top: 2px; margin: 0 auto;} #home_21 {position: absolute; width: 192px; height: 102px; left: 4px; top: 107px; margin: 0 auto;} #home_22 {position: absolute; width: 192px; height: 102px; left: 199px; top: 107px; margin: 0 auto;} #home_23 {position: absolute; width: 192px; height: 102px; left: 394px; top: 107px; margin: 0 auto;} #home_24 {position: absolute; width: 192px; height: 102px; left: 589px; top: 107px; margin: 0 auto;} #home_25 {position: absolute; width: 192px; height: 102px; left: 784px; top: 107px; margin: 0 auto;} #home_31 {position: absolute; width: 192px; height: 102px; left: 4px; top: 212px; margin: 0 auto;} #home_32 {position: absolute; width: 192px; height: 102px; left: 199px; top: 212px; margin: 0 auto;} #home_33 {position: absolute; width: 192px; height: 102px; left: 394px; top: 212px; margin: 0 auto;} #home_34 {position: absolute; width: 192px; height: 102px; left: 589px; top: 212px; margin: 0 auto;} #home_35 {position: absolute; width: 192px; height: 102px; left: 784px; top: 212px; margin: 0 auto;} #home_41 {position: absolute; width: 192px; height: 102px; left: 4px; top: 317px; margin: 0 auto;} #home_42 {position: absolute; width: 192px; height: 102px; left: 199px; top: 317px; margin: 0 auto;} #home_43 {position: absolute; width: 192px; height: 102px; left: 394px; top: 317px; margin: 0 auto;} #home_44 {position: absolute; width: 192px; height: 102px; left: 589px; top: 317px; margin: 0 auto;} #home_45 {position: absolute; width: 192px; height: 102px; left: 784px; top: 317px; margin: 0 auto;} #home_51 {position: absolute; width: 192px; height: 102px; left: 4px; top: 422px; margin: 0 auto;} #home_52 {position: absolute; width: 192px; height: 102px; left: 199px; top: 422px; margin: 0 auto;} #home_53 {position: absolute; width: 192px; height: 102px; left: 394px; top: 422px; margin: 0 auto;} #home_54 {position: absolute; width: 192px; height: 102px; left: 589px; top: 422px; margin: 0 auto;} #home_55 {position: absolute; width: 192px; height: 102px; left: 784px; top: 422px; margin: 0 auto;} #home_61 {position: absolute; width: 192px; height: 102px; left: 4px; top: 527px; margin: 0 auto;} #home_62 {position: absolute; width: 192px; height: 102px; left: 199px; top: 527px; margin: 0 auto;} #home_63 {position: absolute; width: 192px; height: 102px; left: 394px; top: 527px; margin: 0 auto;} #home_64 {position: absolute; width: 192px; height: 102px; left: 589px; top: 527px; margin: 0 auto;} #home_65 {position: absolute; width: 192px; height: 102px; left: 784px; top: 527px; margin: 0 auto; float: inherit;} /* ITEM */ .item_hpi {width: 97%; font-size: 22px; margin: auto; border-spacing: 5px;text-align: center;} .item_hpi td {padding: 5px; margin: auto; background-color: #F00; border: 1px solid #F00; color: #FFF500; border-radius: 10px;} .item_table {width: 98%; font-size: 10px; padding: 0px; border-spacing: 10px; margin: auto;} .item_table a {text-decoration: none; color: #000;} .item_table a:hover {color: #FFF500;} .item_table td {vertical-align: top;} .item_table td.item_img {width: 250px; border-spacing: 0px; padding: 0px;} .item_table td.item_img img {border: 1px solid #000; border-spacing: 0px; padding: 0px;} .item_table span.item_code {font-size: 20px; font-weight: bold; color: #DB251A;} .item_table span.item_info {color: #DB251A;} .item_table span.item_price {font-size: 22px; font-weight: bold;} .item_table span.item_cdititle {font-size: 10px; font-weight: bold; text-decoration: underline;} .item_table td.item_brand {font-size: 12px; font-weight: bold;} .item_table td.item_models {font-size: 12px;} .item_table td.item_gsizes {width: 162px; font-size: 12px; background-color: #FFF; border: 1px solid #000;} .item_table td.item_rosizes {width: 230px; font-size: 10px; background-color: #FFF; border: 1px solid #000;} .item_table td.item_rosizes table {border-spacing: 0px; padding: 0px;} .item_table td.item_rosizes table td {border-spacing: 0px; padding: 0px; vertical-align:middle;} .item_table td.item_cdiopt {width: 160px; font-size: 11px; background-color: #FFF; border: 1px solid #000; padding: 3px; line-height: 18px;} .item_table td.item_bottom {vertical-align: middle;} .item_oem {width: 97%; font-size: 12px; margin: auto; border-spacing: 5px;} .item_oem td {padding: 5px; margin: auto; background-color: #555; border: 1px solid #555; color: #FFF500; border-radius: 5px;} .item_parts {width: 96%; font-size: 10px; margin: auto; border-spacing: 3px; text-align: center; background-color: #555; border-radius: 5px; table-layout: fixed;} .item_parts th {font-size: 12px; color: #FFF500;} .item_parts td {vertical-align: top; color: #EEE;} .item_parts img {border: 1px solid #000; width: 80px; height: 60px;} .item_manual {width: 98%; font-size: 12px; margin: auto; border-spacing: 3px; text-align: center; background-color: #555; border-radius: 5px; color: #FFF500; vertical-align: middle;} .item_manual td {vertical-align: middle;} .item_manual a {color: #DB251A; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .item_manual a:hover {color: #EEE; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} a.tooltip > span img {border: 1px solid #000; margin-left: 20px;} a.tooltip > span {opacity: 0; visibility: hidden; margin-left: -60px; overflow: hidden; width: 300px; margin-top: 27px; line-height: 15px; padding: 10px 20px; position: absolute; font-size: 10px; z-index: 10; border-radius: 3px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; color: #FFF500; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 ); border: 1px solid #000000;} a.tooltip:hover > span {opacity: 1; visibility: visible; margin-left: -80px; overflow: visible; width: 700px; display: inline;} a.tooltip span b {background: #333333; border-top: 1px solid #000000; border-right: 1px solid #000000; width: 15px; height: 15px; margin-left: 40px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none;} a.tooltip_y > span img {border: 1px solid #000; margin-left: 10px;} a.tooltip_y > span {opacity: 0; visibility: hidden; margin-left: -60px; overflow: hidden; width: 120px; margin-top: 27px; line-height: 15px; padding: 10px 20px; position: absolute; font-size: 10px; z-index: 10; border-radius: 3px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; color: #FFF500; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 ); border: 1px solid #000000;} a.tooltip_y:hover > span {opacity: 1; visibility: visible; margin-left: -80px; overflow: visible; width: 120px; display: inline;} a.tooltip_y span b {background: #333333; border-top: 1px solid #000000; border-right: 1px solid #000000; width: 15px; height: 15px; margin-left: 40px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none;} .tiltoop > span img { border: 1px solid #000; margin-left: 20px; } .tiltoop > span { opacity: 0; visibility: hidden; margin-left: -60px; overflow: hidden; width: 200px; margin-top: 27px; line-height: 15px; padding: 10px 20px; position: absolute; font-size: 10px; z-index: 10; border-radius: 3px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; color: #FFF500; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#999999)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 ); border: 1px solid #000000;} .tiltoop:hover > span { opacity: 1; visibility: visible; margin-left: -80px; overflow: visible; width: 200px; display: inline; } .tiltoop span b { background: #333333; border-top: 1px solid #000000; border-right: 1px solid #000000; width: 200px; height: 15px; margin-left: 40px; margin-top: -19px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); display: none\0/; *display: none; } .tiltoop .tiltooptext { /* Position the tooltip */ position: absolute; max-width: 110px; top: 438px; } .prices_tbl {width: 197px; border-spacing: 0px; height: 108px; overflow-x: hidden; overflow-y: scroll; display: block; border: 1px solid #000; background-color: #FFA;} .prices_tbl input {font-size: 10px; border: 0px; background-color: #FFF;} .price_right {width: 48px; text-align: right;} .price_left {width: 110px; text-align: left;} /* MENU */ .menu_picture {position: absolute; width: 210px; height: 132px; left: 6px; top: 0px; cursor: pointer;} .menu_home {position: absolute; width: 60px; height: 33px; left: 6px; top: 133px; cursor: pointer;} .menu_applist {position: absolute; width: 131px; height: 33px; left: 68px; top: 133px; cursor: pointer;} .menu_new {position: absolute; width: 117px; height: 33px; left: 201px; top: 133px; cursor: pointer;} .menu_gallery {position: absolute; width: 71px; height: 33px; left: 320px; top: 133px; cursor: pointer;} .menu_dealer {position: absolute; width: 95px; height: 33px; left: 393px; top: 133px; cursor: pointer;} .menu_contact {position: absolute; width: 77px; height: 33px; left: 490px; top: 133px; cursor: pointer;} .menu_downloads {position: absolute; width: 96px; height: 33px; left: 569px; top: 133px; cursor: pointer;} .menu_line_home {position: absolute; width: 60px; height: 7px; left: 6px; top: 166px; display: none;} .menu_line_applist {position: absolute; width: 131px; height: 7px; left: 68px; top: 166px; display: none;} .menu_line_new {position: absolute; width: 117px; height: 7px; left: 201px; top: 166px; display: none;} .menu_line_gallery {position: absolute; width: 71px; height: 7px; left: 320px; top: 166px; display: none;} .menu_line_dealer {position: absolute; width: 95px; height: 7px; left: 393px; top: 166px; display: none;} .menu_line_contact {position: absolute; width: 77px; height: 7px; left: 490px; top: 166px; display: none;} .menu_line_downloads {position: absolute; width: 96px; height: 7px; left: 569px; top: 166px; display: none;} .menu_home:hover ~ .menu_line_home {display: block;} .menu_applist:hover ~ .menu_line_applist {display: block;} .menu_new:hover ~ .menu_line_new {display: block;} .menu_gallery:hover ~ .menu_line_gallery {display: block;} .menu_dealer:hover ~ .menu_line_dealer {display: block;} .menu_contact:hover ~ .menu_line_contact {display: block;} .menu_downloads:hover ~ .menu_line_downloads {display: block;} /*normal*/ /*.menu_login {position: absolute; width: 314px; height: 30px; left: 667px; top: 136px; font-size: 10px; text-align: right; color: #CCC;} .menu_login a {color: #CCC;} .menu_login a:hover {color: #FFF500;}*/ /*summer*/ .menu_login {position: absolute; width: 314px; height: 30px; left: 667px; top: 136px; font-size: 10px; text-align: right; color: #000;} .menu_login a {color: #000;} .menu_login a:hover {color: #F0F;} .menu_search_box {position: absolute; width: 146px; height: 13px; left: 27px; top: 178px; font-size: 10px;} .menu_search_box form {} .menu_search_box input {font-size: 10px; border: 0px; padding: 0px; width: 146px; background-color: transparent;} .menu_search_box input:focus, textarea:focus {outline: none;} .menu_vampire_weekend {position: absolute; width: 785px; height: 23px; left: 190px; top: 173px; font-size: 18px; text-align: center; font-weight: bold; color: #DB251A; font-style: italic;} .menu_shopping_cart {position: absolute; width: 172px; height: 51px; left: 6px; top: 196px; cursor: pointer;} .menu_shopping_cart_a {position: absolute; width: 40px; height: 30px; left: 82px; top: 202px; cursor: pointer; font-size: 11px; text-align: left;} .menu_shopping_cart_b {position: absolute; width: 55px; height: 30px; left: 122px; top: 202px; cursor: pointer; font-size: 11px; text-align: right;} .menu_text_a {position: absolute; width: 720px; height: 28px; left: 194px; top: 196px; font-size: 22px; font-style:italic; font-weight: bold;} .menu_text_b {position: absolute; width: 720px; height: 16px; left: 194px; top: 224px; font-size: 12px; font-style:italic;} .menu_text_special_a {position: absolute; width: 720px; height: 16px; left: 194px; top: 196px; font-size: 12px; font-style:italic;font-weight: bold;} .menu_text_special_b {position: absolute; width: 720px; height: 16px; left: 194px; top: 210px; font-size: 22px; font-style:italic;text-align: center; font-weight: bold; color: #DB251A;} .menu_visa {position: absolute; width: 67px; height: 21px; left: 917px; top: 198px; cursor: pointer;} .menu_paypal {position: absolute; width: 67px; height: 22px; left: 917px; top: 220px; cursor: pointer; overflow: hidden;} .menu_paypal form {opacity: 0;} /* NEW */ .new_table {width: 98%; margin: auto;} .new_table th {padding-left: 5px; padding-right: 5px;} .new_table td {padding-left: 5px; padding-right: 5px;} .new_table img {border: 1px solid #000;} .new_table span {font-size: 18px; font-weight: bold; text-decoration: underline;} .new_table a {color: #555;} .new_table div.more_info {background-color: #555; color: #FFF500; font-size: 14px; width: 100px; padding: 3px; border-spacing: 5px; border-radius: 6px; cursor: pointer;} .new_table div.manual {background-color: #555; color: #FFF500; font-size: 14px; width: 147px; padding: 3px; border-spacing: 5px; border-radius: 6px; cursor: pointer;} .latest {width: 100%; text-align: center; table-layout: fixed; border-spacing: 10px 0px;} .latest td {border: 1px solid #000; background-color: #EEE; padding: 10px; border-radius: 13px;} .latest a {text-decoration: none;} .latest a:visited {color: #999;} .latest a:hover {color: #DB251A;} .latest span.dates {font-size: 8px; text-decoration: none; font-style: italic;} .chipkey_table {border-spacing: 0px; font-size: 11px; width: 95%; margin: auto;} .chipkey_table th {background-color: #555; color: #FFF500;} .chipkey_table th.left {border-radius: 13px 0px 0px 0px;} .chipkey_table th.right {border-radius: 0px 13px 0px 0px;} .chipkey_table td {background-color: #EEE; border-bottom: 1px solid #555; border-left: 1px solid #555;} .chipkey_table td.center {text-align: center;} .chipkey_table td.right {border-right: 1px solid #555;} .chipkey_table span.brand {font-size: 11px; font-weight: bold; text-decoration: none;} /* PITSCH */ .pitsch {width: 98%; margin: auto; text-align: center; vertical-align: top; padding: 0px; border-spacing: 0px; table-layout: fixed;} .pitsch img {border: 1px solid #000;} .pitsch th {background-color: #555; color: #FFF500; font-size: 18px; font-weight: bold; border-radius: 13px 13px 0px 0px; height: 24px; border: 1px solid #555;} .pitsch td {vertical-align: top; padding: 7px; background-color: #EEE;} .pitsch td.left {border-left: 1px solid #555;} .pitsch td.right {border-right: 1px solid #555;} .pitsch td.last {border-radius: 0px 0px 13px 13px; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555;} .pitsch td.lastcenter {border-bottom: 1px solid #555;} .pitsch td.lastleft {border-radius: 0px 0px 0px 13px; border-left: 1px solid #555; border-bottom: 1px solid #555;} .pitsch td.lastright {border-radius: 0px 0px 13px 0px; border-right: 1px solid #555; border-bottom: 1px solid #555;} /* REPLICAS */ .replicas_table {width: 98%; margin: auto; text-align: left; vertical-align: top; padding: 0px; border-spacing: 13px 0px; table-layout: fixed;} .replicas_table th {background-color: #555; color: #FFF500; font-size: 14px; font-weight: bold; border-radius: 13px 13px 0px 0px; height: 24px; border: 1px solid #555; text-align: center;} .replicas_table td {background-color: #EEE; border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; font-size: 10px; vertical-align: top; padding: 5px; line-height: 15px;} .replicas_table a {text-decoration: none; color: #000;} .replicas_table a:hover {text-decoration: none; color: #DB251A;} #cf { position:relative; height:100px; margin:0 auto; } #cf img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } #cf img.top:hover { opacity:0; } #bf { position:absolute; margin:0 auto; } #bf img { position:absolute; left:0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; } #bf img.top:hover { opacity:0; } /*slide show*/ .mySlides {display:none} .mySlides_next {display:none} /* Slideshow container */ .slideshow-container { width: 90px; height: 60px; max-height: 60px; position: relative; left: 50%; margin-left: -45px; } .slideshow-container_next { width: 50px; position: relative; left: 50%; margin-top: -33px; margin-left: 55px; } .slideshow-container_prev { width: 50px; position: relative; left: 50%; margin-top: -50px; margin-left: -105px; } .slideshow-container_kits { width: 90px; height: 60px; max-height: 60px; position: relative; left: 50%; margin-left: -45px; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 2s; animation-name: fade; animation-duration: 2s; } @-webkit-keyframes fade { from {opacity: 0} to {opacity: 1} } @keyframes fade { from {opacity: 0} to {opacity: 1} } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 512px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } /* Modal Header */ .modal-header { padding: 2px 16px; background-color: #F00; color: white; } /* Modal Body */ .modal-body {padding: 2px 16px;} /* Modal Footer */ .modal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; } /* Modal Content */ .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 512; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s } /* Add Animation */ @-webkit-keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} } @keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} } #snowflakeContainer { position: absolute; left: 0px; top: 0px; } .snowflake { padding-left: 15px; font-family: Cambria, Georgia, serif; font-size: 14px; line-height: 24px; position: fixed; color: #FFFFFF; user-select: none; z-index: 1000; } .snowflake:hover { cursor: default; } #fallingContainer { position: absolute; left: 0px; top: 0px; } .item_0 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_1 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_2 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_3 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_4 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_5 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_6 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_7 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_8 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_9 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_10 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_11 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_12 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_13 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_14 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_15 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_16 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_17 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_18 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_19 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_20 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_21 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_22 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_23 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_24 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_25 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_26 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_27 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_28 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_29 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_30 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_31 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_32 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_33 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_34 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_35 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_36 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_37 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_38 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_39 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_40 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_41 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_42 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_43 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_44 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_45 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_46 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_47 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_48 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_49 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_50 {padding-left: 15px;font-family: Cambria, Georgia, serif;font-size: 14px;line-height: 24px;position: fixed;color: #FFFFFF;user-select: none;z-index: 1000;} .item_0:hover { cursor: default;} .item_1:hover { cursor: default;} .item_2:hover { cursor: default;} .item_3:hover { cursor: default;} .item_4:hover { cursor: default;} .item_5:hover { cursor: default;} .item_6:hover { cursor: default;} .item_7:hover { cursor: default;} .item_8:hover { cursor: default;} .item_9:hover { cursor: default;} .item_10:hover { cursor: default;} .item_11:hover { cursor: default;} .item_12:hover { cursor: default;} .item_13:hover { cursor: default;} .item_14:hover { cursor: default;} .item_15:hover { cursor: default;} .item_16:hover { cursor: default;} .item_17:hover { cursor: default;} .item_18:hover { cursor: default;} .item_19:hover { cursor: default;} .item_20:hover { cursor: default;} .item_21:hover { cursor: default;} .item_22:hover { cursor: default;} .item_23:hover { cursor: default;} .item_24:hover { cursor: default;} .item_25:hover { cursor: default;} .item_26:hover { cursor: default;} .item_27:hover { cursor: default;} .item_28:hover { cursor: default;} .item_29:hover { cursor: default;} .item_30:hover { cursor: default;} .item_31:hover { cursor: default;} .item_32:hover { cursor: default;} .item_33:hover { cursor: default;} .item_34:hover { cursor: default;} .item_35:hover { cursor: default;} .item_36:hover { cursor: default;} .item_37:hover { cursor: default;} .item_38:hover { cursor: default;} .item_39:hover { cursor: default;} .item_40:hover { cursor: default;} .item_41:hover { cursor: default;} .item_42:hover { cursor: default;} .item_43:hover { cursor: default;} .item_43:hover { cursor: default;} .item_45:hover { cursor: default;} .item_46:hover { cursor: default;} .item_47:hover { cursor: default;} .item_48:hover { cursor: default;} .item_49:hover { cursor: default;} .item_50:hover { cursor: default;}