/* fonts */ @font-face { font-family: 'Montserrat'; src: url('/files/dynamic/7c4b6811z16e8524511dz7f84.eot'); src: url('/files/dynamic/7c4b6811z16e8524511dz7f84.eot?#iefix') format('embedded-opentype'), url('/files/dynamic/7c4b6811z16e8524511dz7f85.woff') format('woff'), url('/files/dynamic/7c4b6811z16e8524511dz7f83.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* page login indicator */ .page-login-indicator {float:right;position:absolute;top:62px;right:8px;transition: all 0.3s ease;} .li-header {font-size:11px;} @media (max-width: 840px) { .page-login-indicator {top:-60px;} } /* news */ .content-date {display:block;padding-bottom:6px;font-weight:bold;} /* custom tooltip */ #tool_tip_text {padding:8px 8px 8px 8px;border:1px solid #343434;background-color:#343434;max-width:200px;color:#ffffff;border-radius:3px;-moz-border-radius:3px;font-size:13px;-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);opacity:0.85;} /* share it */ .share {float:right;font-size:12px;position:relative;top:-4px;text-transform:none;font-weight:bold;} .share img {float:right;margin:2px;cursor:pointer;} @media (max-width: 940px) { .share {display:none;} } /* link buttons */ .link-button, .link-button-back {display:inline-block;background-color:#343434;color:#ffffff;text-align:center;border:1px solid transparent;border-radius:4px;-moz-border-radius:4px;font-weight:bold;padding-top:10px;padding-bottom:10px;padding-left:28px;padding-right:32px;line-height:16px;transition: all 0.1s ease;font-size:15px;cursor:pointer;background-image:url('/images/button-link-136854.png?v=0');background-position:right center;} .link-button-back {background-position:left center;} .link-button.red {background-color:#e31b47;} .link-button.blue {background-color:#153886;} .link-button:hover {opacity:0.9;} .link-button:link, .link-button:active, .link-button:visited {color:#ffffff;text-decoration:none;} .link-button-back:link, .link-button-back:active, .link-button-back:visited {color:#ffffff;text-decoration:none;} /* bread crums */ #breadcrumbs {clear:both;overflow:hidden;display:block;width:97%;margin:auto;list-style:none;padding:28px 0px 6px 0px;font-size:13px;font-weight:bold;line-height:22px;color:#303040;} #breadcrumbs li {float:left;padding:0px;padding-right:16px;background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -737px;} #breadcrumbs li.sel {background-image:none;} #breadcrumbs li a {text-decoration:none;border-bottom:1px solid #e0e0e0;} /* maps */ #map {clear:both;height:400px;background-color:#f0f0f0;border-top:1px solid #e0e0e0;} /* special bullets */ .content .ul, .content-of > ul {list-style: none;padding:0px;} .content .ul li, .content-of > ul li {padding-left:34px;background-image:url('/images/content-bullet-136851.png?v=0');background-repeat:no-repeat;background-size:40px 60px;background-position:3px 1px;} .content.check .ul li {padding-left:34px;background-image:url('/images/content-check-136853.png?v=0');background-repeat:no-repeat;obackground-size:40px 60px;background-position:3px 1px;} .fbb .ul li, .contentb .ul li {background-image:url('/images/content-bullet-white-136859.png?v=0');} .fbb .check .ul li, .contentb .check .ul li {background-image:url('/images/content-check-white-136860.png?v=0');} /* social icons */ .social {text-align:center;overflow:hidden;} .social > div {vertical-align:top;display:inline-block;line-height:34px;color:#f0f0f0;font-size:14px;} .icon-fb,.icon-in,.icon-tw,.icon-yt {font-size:0px;display:inline-block;width:34px;height:1px;background-image:url('/images/social-media-icons-136844.png?v=0');background-size:100%;padding-top:33px;overflow:hidden;margin-left:3px;margin-right:3px;border-radius:18px;-moz-border-radius:18px;transition: all 0.3s ease;margin-left:8px;margin-right:8px;} .icon-fb:hover,.icon-in:hover,.icon-tw:hover,.icon-yt:hover {background-color:#000000;} .icon-in {background-position:0px -34px;} .icon-tw {background-position:0px -68px;} .icon-yt {background-position:0px -102px;} @media (max-width: 600px) { .social > div {display:block;} } /* quote */ .hq {padding-bottom:16px;} .qtu {display:inline-block;padding-right:8px;} .qo {color:#e31b47;display:inline;float:left;font-size:52px;padding-top:6px;padding-right:6px;} .qc {color:#e31b47;display:inline;float:right;font-size:52px;padding-left:3px;} .contentq {background-color:#f0f0f0;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;font-family:arial;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:12px;-moz-border-radius:12px;} img {padding-top:0px;vertical-align:middle;} /* icon view x1 */ .xsdot_x1 {list-style:none;margin:0px;padding:0px;} .xsdot_x1 > li {list-style:none;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;transition: all 0.3s ease;padding:2px 0px 14px 0px;} .xsdot_x1 > li > a {text-decoration:none;font-weight:bold;color:#333333;font-size:18px;padding-bottom:3px;display:block} .xsdot_x1 > li > p > a {text-decoration:none;font-weight:bold;color:#333333;} .xsdot_x1 > li:hover {transform: translate(1px, 1px);} .xsdot_x1 img {float:left;margin-right:8px;margin-top:6px;border-radius:3px;-moz-border-radius:3px;} /* icon view x2 */ .xsdot_x2 {list-style:none;margin:0px;padding:0px;} .xsdot_x2 > li {list-style:none;float:left;width:50%;height:120px;overflow:hidden;padding-right:12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;transition: all 0.3s ease;} .xsdot_x2 > li > p > a {text-decoration:none;font-weight:bold;color:#333333;font-size:18px;} .xsdot_x2 > li:hover {transform: translate(1px, 1px);} .xsdot_x2 img {float:left;margin-right:8px;margin-top:6px;border-radius:3px;-moz-border-radius:3px;} @media (max-width: 900px) { .xsdot_x2 > li {float:none;width:100%;height:100%;padding:16px 0px 0px 0px;} } .sarchive_cnt {clear:both;oveflow:hidden;opadding-bottom:24px;padding-top:24px;} .harchive_cnt {clear:both;oveflow:hidden;padding-bottom:24px;padding-top:24px;} /* icon view x5 */ .xsdot_x5 {display:block;margin:0px;padding:0px;text-align:center;list-style:none !important;} .xsdot_x5 > li {display:inline-block;padding:0xp !important;list-style:none !important;width:18.9%;margin-left:0.3%;margin-right:0.3%;vertical-align:top;overflow:hidden;} .xsdot_x5 li figure {position:relative;margin-top:6px;height:0;padding-bottom:100%;width:90%;margin:auto;} .xsdot_x5 li figure img {margin:auto;border-radius:3px;-moz-border-radius:3px;margin:0;position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);} .xsdot_x5 h3 {line-height:22px;font-size:16px;font-weight:bold;} .xsdot_x5 a {text-decoration:none !important;} @media (max-width: 800px) { .xsdot_x5 > li {width:32%;margin-left:0.3%;margin-right:0.3%;} } @media (max-width: 600px) { .xsdot_x5 > li {width:48%;margin-left:0.3%;margin-right:0.3%;} } /* icon view x5b */ .xsdot_x5b {display:block;margin:0px;padding:0px;text-align:center;list-style:none !important;} .xsdot_x5b > li {display:inline-block;padding:0xp !important;list-style:none !important;width:18.9%;margin-left:0.3%;margin-right:0.3%;vertical-align:top;overflow:hidden;border:1px solid #e0e0e0;border-radius:3px;-moz-border-radius:3px;} .xsdot_x5b li figure {position:relative;margin-top:6px;height:0;padding-bottom:100%;width:90%;margin:auto;} .xsdot_x5b li figure img {margin:auto;border-radius:3px;-moz-border-radius:3px;margin:0;position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);} .xsdot_x5b h3 {line-height:22px;font-size:16px;font-weight:bold;} .xsdot_x5b a {text-decoration:none !important;} @media (max-width: 800px) { .xsdot_x5b > li {width:32%;margin-left:0.3%;margin-right:0.3%;} } @media (max-width: 600px) { .xsdot_x5b > li {width:48%;margin-left:0.3%;margin-right:0.3%;} } /* default needed system styles */ body {background-color:#ffffff;color:#303030;font-family:Montserrat,verdana,arial,helvetica,sans-serif;margin:0px;padding:0px;overflow:auto;-webkit-text-size-adjust: 100%;} html {height:100%;margin:0px;padding:0px;} form {padding:0px;margin:0px;} strong {font-weight:bold;color:#333333;} b {} select {border:1px solid #000000;padding: 2px;} img {border:0px;display:block;} a {outline: none;} a:focus, a:active {outline: none;} p {padding:0px;margin:0px;} ul,ol,blockquote {margin-bottom:0px;margin-top:0px;} .im100 {width:100%;} /* file icons */ .flnk-smlc {position:relative;padding:2px 0px 2px 0px;} .flnk-lrgc {position:relative;text-align:center;} .flnk-lrg > img {display:inline;} .flnk-sml {padding-left:24px;} .flnk-sml > img {position:absolute;top:5px;left:0px;} article, section, figure, nav {display:block;margin:0px;padding:0px;} /* default needed system styles */ .csc {float:left;overflow:visible;} .csr {float:left;overflow:visible;} /* embedded video */ .embo iframe, .embo object, .embo embed {position:absolute;top:0;left:0;width:100%;height:100%;} .page-min {background-color:#ffffff;margin:0px;padding:0px;width:100%;overflow:hidden;} #page_content {max-width:1200px;height:800px;margin:auto;} #page_content > div {margin-top:28px;} .clear {clear:both;padding-bottom:60px;} /* content */ .xsdot_lt {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;margin:0px;} .xsdot_lt li {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0px;margin:0px;} a:link {color:#303030;text-decoration:underline;} a:active {color:#303030;text-decoration:underline;} a:visited {color:#303030;text-decoration:underline;} a:hover {color:#000000;text-decoration:underline;} .content {position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;} .content-round {position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:4px;-moz-border-radius:4px;} .content-round img {border-radius:4px;-moz-border-radius:4px;} .contenta {position:relative;color:#f0f0f0;background-color:#333333;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:6px;-moz-border-radius:6px;} .contentg {position:relative;color:#303030;background-color:#bbc2c7;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:6px;-moz-border-radius:6px;} .contentb {position:relative;color:#f0f0f0;background-color:#153886;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:6px;-moz-border-radius:6px;} .content-rg {position:relative;color:#303030;background-color:#e8e8e8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;overflow:hidden;text-align:left;margin:0px;border-radius:12px;-moz-border-radius:12px;} .content-of {position:relative;color:#303030;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float:left;font-size:14px;line-height:24px;padding:1px;padding-left:0px;padding-right:0px;font-weight:normal;text-align:left;margin:0px;} .fab {position:relative;margin:0 -9600rem;padding:16px 9600rem;background:#333333;color:#f0f0f0;overflow:hidden;min-height:80px;} .fgb {position:relative;margin:0 -9600rem;padding:16px 9600rem;background:#bbc2c7;color:#303030;overflow:hidden;min-height:80px;} .fbb {position:relative;margin:0 -9600rem;padding:16px 9600rem;background:#153886;color:#f0f0f0;overflow:hidden;min-height:80px;} h1 {display:block;margin:0px;padding:0px;color:#333333;padding-top:6px;padding-bottom:14px;font-family:Montserrat,sans-serif;font-size:26px;line-height:36px;text-transform:uppercase;} h2 {display:block;margin:0px;padding:0px;color:#333333;padding-top:4px;padding-bottom:12px;font-family:Montserrat,sans-serif;font-size:22px;line-height:30px;} h3 {display:block;margin:0px;padding:0px;color:#333333;padding-top:4px;padding-bottom:8px;font-family:Montserrat,sans-serif;font-size:18px;line-height:28px;} h2.upcase {text-transform:uppercase;} .contenta h1, .contenta h2, .contenta h3, .contenta h4 {color:#ffffff;} .contentg h1, .contentg h2, .contentg h3, .contentg h4 {color:#303030;} .contentb h1, .contentb h2, .contentb h3, .contentb h4 {color:#ffffff;} .fab h1, .fab h2, .fab h3, .fab h4 {color:#ffffff;} .fbb h1, .fbb h2, .fbb h3, .fbb h4 {color:#ffffff;} .contenta a:link, .contenta a:active, .contenta a:visited {color:#ffffff;} .contentb a:link, .contentb a:active, .contentb a:visited {color:#ffffff;} h1.blue, h2.blue, h3.blue {color:#153886;} h1.red, h2.red, h3.red {color:#e31b47;} /* header */ header {position:fixed;top:0px;width:100%;z-index:100;display:block;height:60px;background-color:#153886;} /* footer */ footer {min-height:140px;padding:16px;clear:both;display:block;background-color:#153886;color:#ffffff;} footer .links {font-size:13px;text-align:center;line-height:24px;padding-top:4px;padding-bottom:8px;color:#f0f0f0;} footer .links a:link, footer .links a:active, footer .links a:visited {color:#f0f0f0;} footer .links a:hover {color:#d0d0d0;} footer .vcard {display:inline;margin-top:-4px;margin-right:5px;} /* cookie agreement */ #cookie-ae {position:fixed;bottom:-140px;width:100%;transition: all 0.3s ease;} #cookie-ae.ani {bottom:0px;} #cookie-ae > div {background-color:#e0e0e0;padding:8px;text-align:center;font-size:12px;line-height:22px;} @media (max-width: 1024px) { #page_content {min-height:600px;margin-bottom:40px;padding-left:8px;padding-right:8px;} #page_content > div {margin-top:18px;} } /* attribute filter */ #atb-filters-but {display:none;} .atb-filters {text-align:center;transition: all 0.3s ease;position:relative;} .atb-filters > li {padding-left:0px !important;background-image:none !important;display:inline-block;} .atb-filters > li > a, #atb-filters-but > a {display:inline-block;background-color:#f0f0f0;border-color:#c0c0c0;color:#303030;text-align:center;border-radius:4px;-moz-border-radius:4px;font-weight:bold;padding:6px 20px 6px 20px;line-height:16px;transition: all 0.1s ease;font-size:14px;margin:4px;text-decoration:none;} .atb-filters > li > a.selected {background-color:#d0d0d0;border-color:#a0a0a0;} @media (max-width: 740px) { #atb-filters-but {display:block;width:80%;margin:auto;} #atb-filters-but > a {display:block;line-height:30px;margin:0px;} .atb-filters {odisplay:none;height:0px;overflow:hidden;width:80%;margin:auto;border-bottom:#e0e0e0 solid 1px;opacity:0;top:-8px;} .atb-filters > li {width:100%;border-top:#e0e0e0 solid 1px;} .atb-filters > li > a {margin:0px;display:block;background-color:#ffffff;text-align:left;line-height:28px;} .atb-filters > li > a.selected, .atb-filters > li > a:hover {background-color:#f8f8f8;border-color:#f8f8f8;} .atb-filters.open {display:block;height:auto;opacity:1;top:0px;} } @media (max-width: 560px) { #atb-filters-but {width:auto;margin-left:6px;margin-right:6px;} .atb-filters {width:auto;margin-left:6px;margin-right:6px;} } /* attribute view */ .attribute-view {padding:0px;margin:0px;margin-top:4px;margin-bottom:0px;list-style:none;} .attribute-view > li {overflow:hidden;border-width:0px 0px 1px 0px;border-style:solid;border-color:#f8f8f8;padding:3px 0px 4px 32px;} .attribute-view li:hover {background-color:#f8f8f8;} .attribute-view li:last-child {border:0px;} .attribute-view li label {width:32%;float:left;line-height:20px;} .attribute-view li div {width:67%;float:left;line-height:20px;} @media (max-width: 600px) { .attribute-view li label {line-height:16px;width:100%;padding-bottom:6px;font-weight:bold;} .attribute-view li div {width:100%;padding-bottom:2px;} } /* search filters */ .filter-header {display:block;background-color:#377c2c;color:#ffffff;font-weight:bold;padding-left:6px;line-height:24px;margin-bottom:14px;border-radius:5px;-moz-border-radius:5px;} .filter-reset:link,.filter-reset:active,.filter-reset:visited {float:right;color:#ffffff;font-weight:normal;font-size:11px;padding-right:6px;} .filter-atb {font-size:12px;padding:3px 0px 6px 0px;margin:0px;margin-left:12px;} .filter-atb li {margin:0px;padding:5px 0px 5px 0px;line-height:14px;list-style-type:none;} .filter-atb li a {display:block;padding-left:19px;background-image:url('/platform/provider/not_found.gif');background-position:7px 0px;background-repeat:no-repeat;} .filter-atb li:hover {background-color:#ffffff;} .filter-sel-atb {font-size:12px;padding:0px 0px 16px 0px;margin:0px;margin-left:2px;} .filter-sel-atb li {margin:0px;padding:3px 0px 3px 0px;line-height:14px;list-style-type:none;background-image:url('/platform/provider/not_found.gif');background-position:7px 0px;background-repeat:no-repeat;} .filter-sel-atb li a {display:block;padding-left:30px;padding-top:6px;background-image:url('/platform/provider/not_found.gif');background-position:right -56px;background-repeat:no-repeat;} .filter-sel-atb li:hover {background-color:#ffffff;} .filter-atb-head {font-weight:bold;overflow:hidden;position:relative;} .filter-atb-head label {height:19px;line-height:19px;position:absolute;top:13px;left:0px;margin-left:36px;padding-left:8px;width:100%;color:#ffffff;background-image:url('/platform/provider/not_found.gif');background-position:0px -34px;} /* variable filters */ .filter-cnt {margin-bottom:8px;margin-top:4px;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .filter-cnt label {float:left;line-height:36px;padding-left:6px;} .filters {padding:0px;margin-left:58px;margin-right:58px;padding-top:6px;padding-bottom:3px;} .filters > li {list-style:none;position:relative;width:19.6%;height:24px;float:left;border:1px solid #e0e0e0;background-color:#ffffff;padding:0px;margin:0px 0px 6px 0.3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .filters > li > label {display:block;padding-left:4px;width:100%;background-color:#ffffff;background-image:url('/platform/provider/not_found.gif');line-height:22px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;} label.sel {background-position:right -119px;font-size:11px;} label.usel {background-position:right -103px;} .attributes {padding:0px;margin:0px;padding-bottom:6px;padding-top:6px;position:absolute;z-index:300;top:23px;left:0px;width:180px;overflow:hidden;background-image:url('/platform/provider/not_found.gif');background-position:left bottom;} .attributes li {list-style:none;width:164px;margin:0px;padding:0px;padding-left:6px;cursor:pointer;} .attributes > li > a {display:block;padding:3px;} .attributes > li > a:hover {background-color:#f0f0f0;} .var-options {float:right;width:58px;text-align:center;position:relative;} .var-more {display:inline-block;width:25px;height:26px;background-image:url('/platform/provider/not_found.gif');background-position:0px -127px;margin-top:2px;cursor:pointer;} .var-reset {display:inline-block;width:25px;height:26px;background-image:url('/platform/provider/not_found.gif');background-position:0px -102px;margin-top:2px;cursor:pointer;} .filters-ftr {clear:both;} @media (max-width: 820px) { .filters li {width:24.6%;} .attributes li {width:164px;} } @media (max-width: 700px) { .var-more {display:none;} .var-reset {position:absolute;top:-38px;z-index:1000;left:22px;} .filter-cnt {padding-bottom:1px;} .filter-cnt label {width:100%;line-height:40px;background-image:url('/platform/provider/not_found.gif');background-position:right 0px;cursor:pointer;font-weight:bold;padding-left:16px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .filters {margin:0px;} .filters > li {width:100%;margin:0px;height:100%;line-height:40px;border:0px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;} .filters > li > label {padding-left:32px;height:40px;line-height:42px;border-width:0px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;background-image:url('/platform/provider/not_found.gif');background-position:38px 0px;} .filters > li > label:hover {background-color:#f0f0f0;} .filters > li > label.sel {background-color:#ffffff;background-position:36px -38px;font-size:12px;line-height:42px;} .filters > li > label.sel:hover {background-color:#f0f0f0;} .attributes {padding:0px;position:relative;top:0px;left:0px;width:100%;background-color:#ffffff;background-image:none;border:0px;} .attributes > li {width:100%;margin:0px;padding:0px;background-image:none;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;height:40px;overflow:hidden;} .attributes > li:hover {background-color:#f0f0f0;} .attributes > li > a {padding-left:64px;line-height:37px;background-image:url('/platform/provider/not_found.gif');background-position:72px 0px;cursor:pointer;} .attributes > li > a:link {color:#1c4632;text-decoration:none;} } /* main navigation */ #hdr-cnt {max-width:1200px;height:60px;margin:auto;} .mobile-cnt {width:160px;height:58px;float:right;position:relative;} #but-mob {display:none;width:48px;height:60px;float:left;} #hdr-mm {display:none;} .logo {float:left;padding:6px 8px 2px 8px;margin-left:0px;margin-top:2px;margin-right:8px;width:280px;height:50px;transition: width 0.2s ease;overflow:hidden;} .logo-small {display:none;} #menu {float:left;max-width:840px;height:60px;} #main-nav {margin:0px;padding:0px;} #main-nav > li {z-index:200;padding:0px;margin:0px;list-style-type:none;float:left;padding-left:14px;padding-right:14px;} #main-nav > li > a {padding:0px;display:inline-block;text-align:center;line-height:60px;height:50px;overflow:hidden;transition: line-height 0.2s ease} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#f0f0f0;font-size:16px;text-decoration:none;background:none;font-weight:bold;text-transform:uppercase;} #main-nav > li > a:hover {color:#ffffff;text-decoration:none;background:none;font-weight:bold;} #main-nav > li.published0 {position:inherit;border: 1px dashed rgba(255, 0, 0, .7);} #main-nav > li.published0::after {border: 0px;} .dd-menu1 {z-index:2000;position:absolute;list-style:none;clear:both;overflow:hidden;padding:0px;margin:0px;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);transition: opacity 0.2s ease} .dd-menu1 li {padding:0px;margin:0px;} .dd-menu1 li a {padding:6px 12px 6px 12px;overflow:hidden;display:block;font-size:14px;line-height:24px;background-color:transparent;text-decoration:none;font-weight:bold;} .dd-menu1 li a:hover {background-color:#f8f8f8;-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);} .dd-menu1-del {display:none;clear:both;background-color:#fafafa;height:2px;width:358px !important;margin-top:12px !important;margin-bottom:4px !important;} .dd-menu1 > li > a:link, .dd-menu1 > li > a:active, .dd-menu1 > li > a:visited {color:#333333;} .moff {opacity:0;overflow:hidden;top:-600px;} .mon {opacity:0.94;top:60px;} .min > .logo {} .min #main-nav > li > a {} @media (max-width: 1020px) { #main-nav a {line-height:60px;} .mobile-cnt {width:192px;} #but-mob {display:block;} .logo {position:absolute;float:none;} #menu {position:absolute;float:none;width:100%;max-width:100%;height:0px;top:60px;} #main-mnu {position:absolute;width:300px;transition: right 0.3s ease, opacity 0.3s ease;background-color:#f0f0f0;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.2);z-index:1;} #main-nav {display:block;width:100%;} #main-nav > li {float:none;padding-left:14px;padding-right:14px;} .mnuoff {right:-310px;top:0px;} .mnuon {right:0px;top:0px;} #main-nav > li > a {padding:0px;display:inline-block;text-align:center;line-height:60px;height:50px;overflow:hidden;width:100%;} #main-nav > li > a:link, #main-nav > li > a:active, #main-nav > li > a:visited {color:#333333;font-size:16px;text-decoration:none;background:none;font-weight:bold;} #main-nav > li > a:hover {color:#071a45;text-decoration:none;background:none;font-weight:bold;} } @media (max-width: 560px) { .logo {display:none;} .logo-small {float:left;display:block;width:200px;height:60px;} .logo-small img {margin-top:6px;margin-left:4px;} } @media (max-width: 450px) { .logo-small {width:160px;} .logo-small img {margin-top:10px;margin-left:8px;} } @media (max-width: 400px) { .logo-small {width:110px;} .logo-small img {margin-top:15px;margin-left:10px;} } @media (max-width: 349px) { .logo-small {display:none;} } @media (max-width: 450px) { #main-mnu {width:100%;} .mnuoff {opacity:1;right:0px;top:-400px} .mnuon {opacity:1;right:0px;top:0px;} } #but-mob, .logo a {-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);cursor:pointer;} /* full window */ #full-window {list-style:none;margin:0px;padding:0px;padding-bottom:12px;display:block;position:fixed;z-index:10000;top:8px;bottom:8px;left:8px;right:8px;min-height:180px;overflow:hidden;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px; -webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);} #full-window > li.frm-cnt {height:100%;border:0px;padding:0px;margin:0px;cursor:default;background-color: rgba(255, 255, 255, 0.94);} #isw {padding:0px;list-style:none;} #isw li {min-height:200px;} .imgpu {opacity: 0;filter: alpha(opacity=0);} .imgpo {opacity: 1;filter: alpha(opacity=100);transition: all 0.5s ease;} /* form window */ #frm-window {list-style:none;margin:0px;padding:0px;display:block;position:absolute;width:1px;top:-200px;left:0px;background-color:#ffffff;overflow:hidden;transition: all 0.25s ease;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);-moz-box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);box-shadow: 1px 1px 8px 0px rgba(50, 50, 50, 0.42);z-index:1000;} #frm-window > li, #full-window > li {height:34px;line-height:34px;cursor:pointer;padding-top:4px;padding-bottom:2px;padding-left:8px;padding-right:8px;font-size:12px;border-width:1px 0px 0px 0px;border-style:solid;border-color:#e0e0e0;overflow:hidden;} #frm-window > li:hover {background-color:#f8f8f8;} #frm-window > li:first-child, #full-window > li:first-child {height:37px;line-height:38px;padding-top:0px;padding-bottom:0px;background-color:#e8e8e8;border:0px;font-weight:bold;background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -80px;background-repeat:no-repeat;} #loader {width:82px;height:82px;line-height:82px;margin:auto;margin-top:30px;margin-bottom:30px;background-image:url('/files/dynamic/7c4b6811z16e8524511dz7f7f.gif');text-align:center;font-size:12px;} #frm-window > li.frm-cnt {height:100%;border:0px;padding:0px;margin:0px;cursor:default;background-color:#ffffff;} .curp {cursor:pointer;} /* ask */ .ask-q {padding:10px;line-height:24px;font-size:12px;text-align:center;} .ask-bc {text-align:center;height:48px;overflow:hidden;padding-bottom:18px;} /* basic window buttons */ .sbutctr {text-align:center;padding:10px;padding-top:12px;background-color:#fefefe;overflow:hidden;clear:both;} .sbutctrd {text-align:center;padding:10px;padding-top:32px;background-color:#fefefe;overflow:hidden;clear:both;} .sbut:link,.sbut:active,.sbut:visited,sbut:hover {text-decoration:none;display:inline-block;line-height:22px;margin-left:14px;margin-right:14px;font-size:14px;font-weight:bold;color:#153886;border-bottom:1px solid #808080;} /* xsdot forms */ .frm-error {color:#c03030;font-size:15px;padding-bottom:12px;} .frm-el {clear:both;} .frm-el > label {position:absolute;left:0px;min-height:34px;line-height:30px;display:block;width:180px;padding-left:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight:bold;color:#707070;font-size:13px;} .frm-el > div {margin-left:180px;padding:0px;line-height:18px;} .frm-el > div.cmp > input[type=text], .frm-el > div.cmp > textarea {background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -306px;overflow:hidden;padding-right:30px;} .frm-el > div > input[type=text], .frm-el > div > select {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:34px;line-height:21px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .frm-el > div textarea {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:160px;line-height:21px;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .frm-el > div input[type=checkbox] {display:inline-block;width:18px;height:18px;margin:3px 6px 6px 0px;} input.frm-rad {clear:both;position:absolute;width:16px;overflow:hidden;margin-top:8px;margin-left:3px;} .frm-radl {display:block;padding-left:24px;padding-top:6px;font-size:17px;line-height:20px;cursor:pointer;} .input_help {width:17px;height:18px;display:inline;} .frm-but-cnt {margin-left:178px;} .frm-but {display:inline-block;background-color:#333333;color:#ffffff;text-align:center;border:1px solid #ffffff;border-radius:16px;-moz-border-radius:16px;font-weight:bold;padding-top:10px;padding-bottom:10px;padding-left:28px;padding-right:28px;line-height:16px;transition: all 0.3s ease;font-size:15px;cursor:pointer;} .frm-but:hover {transform:scale(1.03, 1.03)} .frm-el input[type=text].el-error, .frm-el textarea.el-error, .frm-el select.el-error, div.el-error {border:1px solid #ff8080;border-radius:4px;-moz-border-radius:4px;} .frm-el input[type=checkbox].el-error {outline: 1px solid #ff8080;} @media (max-width: 800px) { .frm-el > label {width:160px;} .frm-el > div {margin-left:160px;} .frm-but-cnt {margin-left:158px;} } @media (max-width: 500px) { .frm-el > label {width:100%;position:relative;font-size:13px;line-height:26px;font-weight:bold;} .frm-el > div {margin-left:0px;} .frm-but-cnt {margin-left:0px;text-align:center;} } /* basic form */ .frm-button-container {margin:16px 0px 16px 0px;text-align:right;clear:both;padding-left:36%;display:inline-block;} .button-container {margin:16px 0px 16px 0px;text-align:center;display:block;} .frm-basic {padding:0px;margin:0px;list-style:none;} .frm-basic li {border-bottom:1px solid #f0f0f0;} .frm-basic li div {padding:6px;} .frm-basic li input {line-height:22px;display:block;margin:0px;padding:3px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;} .frm-basic li:hover {background-color:#f8f8f8;} .frm-error {color:#c02020;line-height:20px;font-size:11px;padding-left:6px;padding-right:6px;padding-top:6px;padding-bottom:3px;} /* form basic table */ .form_header {clear:both;font-weight:bold;margin-top:16px;} .form_headerl {clear:both;font-weight:bold;margin-top:20px;margin-bottom:20px;} .form-bt {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-bt li > label {overflow:hidden;position:absolute;left:0px;height:40px;line-height:40px;display:block;width:36%;padding-left:0px;font-size:14px;} .form-bt li > div {margin-left:36%;padding:6px;} /* forms */ .form-cnt {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;font-size:13px;} .form-cnt li {overflow:hidden;} .form-cnt li > label {position:absolute;left:0px;height:40px;line-height:40px;display:block;width:36%;padding-left:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:14px;} .form-cnt li > div {margin-left:36%;padding:6px;} .form-cnt li div.cmp input {background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .form-cnt li input[type=checkbox] {float:left;width:16px;display:inline;} .form-cnt li div a {float:left;display:block;margin-left:10px;margin-top:7px;} .form-cnt li div.chkb {overflow:hidden;position:relative;} .form-cnt li div.chkb input {position:absolute;left:10px;top:1px;width:18px;} .form-cnt li div.chkb a {padding-left:28px;margin:2px;} .form-cnt li div.medium {width:75%} .form-cnt li div.small {width:33%;} .form-cnt li div.validate input {width:50px !important;float:left;} .form-cnt li div.validate label {clear:both;font-size:11px;padding:3px;display:block;} .form-cnt li div input, .form-cnt li div select {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;line-height:40px;height:40px;padding:3px;padding-left:6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-cnt li div textarea {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:80px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-cnt li div input.el-error, .form-cnt li div select.el-error {border:1px solid #ff8080;} .form-save {float:right;line-height:46px;height:44px;width:43px;padding:0px;margin-bottom:16px;font-size:1px;color:#ffffff;background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right 2px;background-color:#ffffff;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;} .form-save:hover {background-color:#f0f0f0;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .form-chb-box {float:left;width:20px;height:20px;margin-right:6px;} .form-chb-lnk {display:block;font-size:13px;line-height:22px;} .form-chb-box input {height:20px !important;margin-left:4px !important;margin-top:2px !important; width:14px !important;} .form-mailing-chkb {position:relative;clear:both;} .form-mailing-chkb > input {} .form-mailing-chkb > a {position:absolute;left:24px;top:6px;} .form-avatar {margin:auto;margin-top:6px;margin-bottom:6px;border:1px solid #d0d0d0;border-radius:8px;-moz-border-radius:8px;} .form-cnt > li > h3 {line-height:48px;} @media (max-width: 600px) { .frm-button-container {text-align:center;padding-left:0px;display:block;} .form-cnt {padding-top:8px;padding-bottom:8px;} .form-cnt li {border:0px;} .form-cnt li:hover {background-color:#ffffff;} .form-cnt li > label {position:relative;height:22px;line-height:27px;width:100%;padding-left:9px;color:#303030;font-size:13px;font-weight:bold;} .form-cnt li > div {border:0px;margin-left:0px;} .form-cnt li div.medium {width:75%} .form-cnt li div.small {width:40%} .form_headerl {margin-top:16px;margin-bottom:2px;} } .form-chkm {max-width:240px;border:1px solid #f0f0f0;overflow:hidden;border-radius:5px;-moz-border-radius:5px;} .form-chkm:hover {background-color:#f8f8f8;} .form-chkm div {float:left;display:block;width:18px;height:18px;padding:6px;} .form-chkm label {float:left;line-height:30px;border-width:0px 0px 0px 1px;border-style:solid;border-color:#e0e0e0;padding-left:8px;} .val-ar {float:left;padding-top:4px;padding-left:4px;width:72px;} .val-nm {float:left;margin-left:4px;border:1px #00c000 solid;} .form-chb-box input {height:20px !important;margin-left:4px !important;margin-top:2px !important; width:14px !important;} .fright {float:right;} /* settings */ .settings-container {} .settings-error {font-size:13px;padding-top:16px;padding-bottom:16px;color:#c03030;line-height:18px;} .settings-result {font-size:12px;padding:8px;border:1px solid #60e060;margin-top:8px;border-radius:5px;-moz-border-radius:5px;} /* other */ .form_table tr:hover {background-color:#f0f0f0;} /* viewer */ .viewer, .banner-viewer {margin:0px;padding:0px;list-style:none;overflow:hidden;} .viewer li, .banner-viewer li {margin:0px;padding:0px;padding-left:0px !important;background-image:none !important;overflow:hidden;} .vnavb {position:absolute;left:0px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:60px;background-image:url('/images/swipe-buttons-136843.png?v=0');background-repeat:no-repeat;background-position:-146px center;cursor:pointer;opacity:0;transition: all 0.3s ease;z-index:1000;} .vnavn {position:absolute;right:0px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:40px;width:60px;background-image:url('/images/swipe-buttons-136843.png?v=0');background-repeat:no-repeat;background-position:-30px center;cursor:pointer;opacity:0;transition: all 0.3s ease;z-index:1000;} .vnavbs {position:absolute;left:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-136843.png?v=0');background-repeat:no-repeat;background-position:6px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .vnavns {position:absolute;right:0px;top:0px;width:60px;height:100%;background-image:url('/images/swipe-buttons-136843.png?v=0');background-repeat:no-repeat;background-position:-182px center;cursor:pointer;transition: all 0.5s ease;z-index:1000;} .viewer-but {overflow:hidden;position:relative;} .viewer-but:hover .vnavn {background-position:-182px center;opacity:1;} .viewer-but:hover .vnavb {background-position:6px center;opacity:1;} .hidden {display:none;} .banner-viewer li:first-child > div {opacity:0;transition: opacity 0.3s ease;} .banner-viewer li:first-child > div.show {opacity:1} .hamburger { padding: 16px 13px; /* top left */ display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #ffffff; } .hamburger-box { width: 32px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -0px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; /* width */ height: 3px; /* line height */ background-color: #ffffff; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--slider .hamburger-inner { top: 4px; /* height c */ } .hamburger--slider .hamburger-inner::before { top: 8px; / * height a */ transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 16px; /* height c */ } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); } /* authentication */ .auth_header {text-align:left;margin-top:16px;margin-bottom:8px;font-weight:bold;font-size:13px;color:#606060;clear:both;} .auth {margin:auto;margin-top:0px;margin-bottom:64px;text-align:center;font-size:12px;line-height:20px;overflow:hidden;width:500px;} .auth-cnt {opacity:0;width:100%;list-style:none;margin:0px;padding:0px;margin:auto;text-align:center;transition: all 0.5s ease;background-image:url('/platform/provider/not_found.gif');background-repeat:no-repeat;background-size:240px;background-position:center -200px;} .auth-cnt > li {vertical-align:top;text-align:left;} .auth-bc {text-align:center;padding:8px;} .auth-fp {text-align:center;margin:6px;padding-top:12px;} #auth-er {clear:both;color:#c00000;font-size:12px;line-height:22px;padding-bottom:8px;} .sec-reg-container {padding-top:0px;padding-bottom:24px;max-width:550px;margin:auto;} .sec-reg-container h1 {font-size:16px !important;line-height:24px;padding-bottom:6px;} .sec-reg-container_b {padding-top:0px;padding-bottom:24px;max-width:640px;margin:auto;text-align:center;} .auth-txt {font-size:12px;line-height:24px;margin-bottom:8px;} #acenter-cnt {opacity:0;list-style:none;margin:0px;padding:0px;text-align:center;transition: all 0.5s ease;padding-left:12px;padding-right:12px;} .eauth-avatar {margin:auto;width:50px;margin-bottom:14px;border-radius:6px;-moz-border-radius:6px;} .auth-cnt > li.show-dev, .show-dev {display:none;} .buta {display:inline-block;margin:8px;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#343434;border:1px solid #172a55;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;} .butaf {display:block;height:42px;line-height:40px;padding:0px;padding-left:36px;padding-right:36px;border-radius:6px;background-color:#343434;border:1px solid #172a55;cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#ffffff;font-size:13px;text-align:center;} a.buta:link,a.buta:active,a.buta:visited,a.butaf:link,a.butaf:active,a.butaf:visited {color:#ffffff;text-decoration:none;} .buta:hover,a.buta:hover,.butaf:hover,a.butaf:hover {background-color:#545454;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .form-auth {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-auth li {overflow:hidden;} .form-auth li > label {position:absolute;left:0px;height:40px;line-height:40px;display:block;width:36%;padding-left:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size:13px;} .form-auth li > div {margin-left:36%;padding:6px;} .form-auth li div input, .form-auth li div select {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;line-height:40px;height:40px;padding:3px;padding-left:6px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-auth li > div > a {text-decoration:none;} .form-auth li.error input {border-color:#e00000;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .form-authf {clear:both;list-style:none;margin:0px;padding:0px;overflow:hidden;position:relative;} .form-authf li {overflow:hidden;margin-bottom:12px;} .form-authf li input {display:block;width:100%;border:1px solid #b0b0b0;background-color:#f8f8f8;margin:0px;height:26px;line-height:21px;padding:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:4px;-moz-border-radius:4px;} .form-authf li > div > a {text-decoration:none;} .form-authf li input {line-height:40px;height:40px;padding-left:6px;} .form-authf li input.auth-cn {background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-2px -42px;padding-left:32px;} .form-authf li input.auth-pw {background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-2px -82px;padding-left:32px;} .form-authf li.error input {border-color:#e00000;} .form-authf li > div.auth-sl {border:1px solid #c0c0c0;padding:6px;border-radius:5px;} #auth-back {display:none;} .auth-ext {padding:0px;list-style:none;overflow:hidden;} .auth-ext li {width:49.5%;float:left;} .auth-ext li:first-child {margin-right:1%;} .auth-but {border:1px solid #e0e0e0;height:44px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;position:relative;padding-left:24px;padding-right:24px;color:#ffffff;font-weight:bold;font-size:12px;line-height:44px;text-align:center;} .but-fb {background-color:#3b5998;} .but-in {background-color:#007ab6;} .but-pn {background-color:#64b22e;} .but-fb > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-0px -121px;} .but-in > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-0px -161px;} .but-pn > div {position:absolute;top:4px;left:4px;height:32px;width:32px;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-50px -121px;} .auth-or {padding-top:4px;height:32px;line-height:32px;text-align:center;font-size:14px;} .auth-regcn {padding-top:8px;} .auth-reg {height:40px;text-align:center;} .auth-reg > a {display:block;line-height:20px;} .link_in, .link_fb {clear:both;overflow:hidden;display:block;color:#ffffff;padding:2px;} .link_fb div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-7px -129px;} .link_in div {margin-top:2px;margin-right:4px;float:left;height:20px;width:19px;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-size:1000px 700px;background-position:-7px -169px;} @media (max-width: 840px) { .sec-reg-container {padding-top:4px;} .auth_header {padding-left:8px;padding-right:8px;margin-top:6px;margin-bottom:6px;} .auth-txt {text-align:center;padding:6px;} #auth-back {position:fixed;display:block;line-height:60px;font-size:13px;font-weight:bold;color:#ffffff;background-color:#153886;width:100%;left:0px;top:0px;z-index:100;background-image:url('/images/mobile-menu-retina-136817.png?v=0');background-position:0px -450px;background-repeat:no-repeat;background-size:1000px 700px;padding-left:40px;cursor:pointer;} a#auth-back:link,a#auth-back:active {text-decoration:none;} #auth-er {padding:8px;} .hide-sm {display:none;} .auth-cnt > li {margin-bottom:0px;margin-top:0px;} .auth {width:80%;} .form-auth {padding-top:0px;} .form-auth li > label {display:none;} .form-auth li > div {margin-left:0px;} .form-auth li div input,.form-auth li div select {line-height:40px;height:40px;padding-left:6px;} .form-auth li .frm-selbox {background-position:right -673px;margin:0px;height:40px;line-height:40px;padding:0px;padding-left:6px;} .form-auth li div.cmp input {background-image:url('/images/xsdot-forms-136845.png?v=0');background-position:right -304px;overflow:hidden;padding-right:32px;} .auth-bc {padding:6px;} .buta {margin:0px;padding:0px;width:100%} .auth-bdr {border:1px solid #c0c0c0;margin:6px;} .auth-cnt > li.hide-dev, .hide-dev {display:none;} .auth-cnt > li.show-dev, .show-dev {display:block;} } /* price container */ .pc-order-form {} .pc-description {overflow:hidden;margin-bottom:8px;} .pc-error-msg {color:#ff583e;height:0px;line-height:1px;overflow:hidden;transition: all 0.3s ease;background-image:url('/files/dynamic/7c4b6811z16e8524511dz7f6b.svg');background-repeat:no-repeat;background-size:20px 20px;background-position:8px 3px;padding-left:36px;} .pc-error-msg.on {height:28px;line-height:38px;} /* single price */ .pc-single-price {overflow:hidden;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;} .pc-multi-price {overflow:hidden;} .price {float:left;} .price > strong {display:inline-block;padding-top:4px;font-size:18px;color:#153886;} .stock-back, .stock-in, .stock-out {float:right;ofont-weight:bold;font-size:13px;margin-top:3px;} .stock-back {color:#e67423;} .stock-in {color:#22a522;} .stock-out {color:#d42525;} .stock-back > div, .stock-in > div, .stock-out > div {float:left;width:18px;height:18px;margin-top:5px;margin-right:4px;background-size:17px 17px;background-repeat:no-repeat;} .stock-back > div {background-image:url('/platform/provider/not_found.gif');} .stock-in > div {background-image:url('/platform/provider/not_found.gif');background-size:16px 16px;} .stock-out > div {background-image:url('/platform/provider/not_found.gif');background-size:15px 15px;margin-top:4px;margin-right:2px;} /* multi price */ .multi-price {padding:0px;border-top:1px solid #f0f0f0;} .multi-price li {border-bottom:1px solid #f0f0f0;padding-left:32px !important;cursor:pointer;list-style:none;background-image:url('/platform/provider/not_found.gif') !important;background-position:left 1px top 4px !important;background-size:24px 24px !important;background-repeat:no-repeat;} .multi-price li.selected, .multi-price li.selected:hover {background-color:#f8f8f8;background-image:url('/platform/provider/not_found.gif') !important;} .multi-price > li:hover {background-color:#f8f8f8;} /* order button */ .pc-order-button {position:relative;height:38px;margin-top:8px;} .pc-order-quantity {position:absolute;} .pc-order-quantity > input {float:left;width:30px;height:36px;text-align:center;padding:0px;border:1px solid #e0e0e0;margin-left:3px;margin-right:3px;} .pc-oq-less, .pc-oq-more {float:left;width:20px;height:36px;line-height:36px;text-align:center;border:1px solid #e0e0e0;font-size:18px; font-weight:bold;cursor:pointer;} .pc-oq-less:hover, .pc-oq-more:hover {background-color:#f0f0f0;} .pc-oq-less {border-top-left-radius:3px;border-bottom-left-radius:3px;} .pc-oq-more {border-top-right-radius:3px;border-bottom-right-radius:3px;} .pc-order-bc {margin-left:86px;} .pc-order-bc > input {padding:0px;width:100%;height:38px;border:0px solid #e0e0e0;} /* discount */ .pc-discount {position:relative;} .pc-discount div {position:absolute;right:-4px;top:-50px;background-color:#ff583e;color:#ffffff;line-height:34px;width:34px;font-size:12px;text-align:center;font-weight:bold;border-radius:16px;-moz-border-radius:16px;-webkit-transform: rotate(42deg);-moz-transform: rotate(42deg);-o-transform: rotate(42deg);} .org-price {font-size:12px;text-decoration: line-through #ff583e} #info-related-products {clear:both;padding-top:20px;text-align:left;} .rel-prd-pf {margin-left:-8px;margin-right:-8px;} /* small shopping cart */ .cart-small {float:left;width:144px;height:58px;} .cart-container {height:58px;position:relative;width:144px;top:-1px;} .cart-i {display:block;position:absolute;top:8px;right:-2px;font-size:11px;font-weight:bold;background-color:#ff482e;color:#ffffff;line-height:14px;padding-left:4px;padding-right:4px;border-radius:8px;-moz-border-radius:8px;} #cart-icon {float:left;width:48px;height:40px;padding-top:20px;position:relative;cursor:pointer;} #my-icon {float:left;width:48px;height:45px;padding-top:15px;cursor:pointer;} #but-search {float:left;width:48px;height:40px;padding-top:20px;cursor:pointer;} #but-search > img, #cart-icon > img, #my-icon > img {margin:auto;} #cart-icon:hover,#my-icon:hover,#but-search:hover {opacity:0.7;} #cart_notify {display:none;} .cart-offer {position:relative;height:58px;} .cart-offer a {position:absolute;top:50%;transform: translate(0%, -50%);display:block;color:#ffffff;font-size:12px;line-height:18px;} /* basic cart */ .cart-added {line-height:24px;text-align:center;margin:8px;font-size:14px;} .cart-added > img, .cart-img {float:left;border-radius:3px;-moz-border-radius:3px;margin-right:6px;} .sbt-cnt {margin:8px;text-align:center;clear:both;height:52px;overflow:hidden;} .sbt {display:inline-block;border:1px solid #153886;margin:4px;padding:4px 4px 4px 12px;line-height:28px;font-weight:bold;font-size:13px;background-color:#153886;height:28px;border-radius:3px;-moz-border-radius:3px;} .sbt.check {padding-right:36px;background-image:url('/files/dynamic/7c4b6811z16e8524511dz7f6c.svg');background-position:right 10px top 12px;background-repeat:no-repeat;} .sbt.cart {padding-right:36px;background-image:url('/platform/provider/not_found.gif');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .sbt:link, .sbt:active, .sbt:visited {text-decoration:none;color:#f0f0f0;} .sbt:hover {color:#e0e0e0;} /* shopping cart */ .cart-notify {margin:12px 0px 16px 0px;padding:4px;border:1px solid #00c000;border-radius:5px;-moz-border-radius:5px;text-align:center;} .main-cart {width:100%;} .main-cart tr:hover {background-color:#f8f8f8;} .main-cart th {background-color:#ffffff;font-size:13px;font-weight:bold;color:#303030;} .main-cart td {border-width:1px 0px 0px 0px;border-style:solid;border-color:#d0d0d0;padding:8px 0px 8px 0px;line-height:22px;font-size:13px;} .cart-iq {width:34px;height:22px;margin-left:6px;border-radius:5px;border:1px solid #d0d0d0;-moz-border-radius:5px;text-align:center;} .cart-coupon {float:left;background-color:#f0f0f0;overflow:hidden;} .cart-coupon label {float:left;display:block;padding-left:8px;padding-top:6px;width:110px;line-height:30px;} .ccb {float:right;background-color:#153886;padding:7px;margin:6px 6px 0px 4px;border-radius:3px;-moz-border-radius:3px;} .cci {float:left;width:140px;margin:6px 0px 6px 0px;height:31px;padding-left:6px;border:1px solid #c0c0c0;border-radius:3px;-moz-border-radius:3px;} .cart-ca {color:#00a000;margin-top:6px;margin-bottom:6px;} .cart-cer {color:#a00000;margin-top:6px;margin-bottom:6px;} #cc-link {height:20px;overflow:hidden;transition: all 0.3s ease;margin-bottom:12px;} #cc-link.off {} #cc-content {height:0px;overflow:hidden;transition: all 0.3s ease;} #cc-content.on {height:50px;} @media (max-width: 460px) { .cart-sh {display:none;} } /* shop buttons */ .bleft {float:left;width:34.8%;text-align:right;} .bright {float:left;text-align:left;} .add-to-cart {margin:auto;display:block;margin-top:3px;margin-bottom:4px;width:100%;height:42px;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #153886;background-color:#153886;background-image:url('/platform/provider/not_found.gif');background-size:20px 20px;background-position:right 10px top 8px;background-repeat:no-repeat;} .butn {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #153886;background-color:#153886;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/files/dynamic/7c4b6811z16e8524511dz7f6c.svg');background-position:right 10px top 12px;background-repeat:no-repeat;} .buts {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #153886;background-color:#153886;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;background-image:url('/files/dynamic/7c4b6811z16e8524511dz7f6c.svg');background-position:right 10px top 12px;background-repeat:no-repeat;} .but, a.but {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;font-weight:bold;font-size:15px;color:#ffffff;border:1px solid #153886;background-color:#153886;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;text-decoration:none;} .butn:hover, .add-to-cart:hover, .buts:hover {background-color:#052876;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.24);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.24);} .butb, a.butb {margin:8px;height:42px;padding:6px;padding-left:36px;padding-right:36px;color:#808080;background-color:#ffffff;border:1px solid #e8e8e8;border-radius:3px;-moz-border-radius:3px;cursor:pointer;transition: all 0.5s ease;font-weight:bold;font-size:15px;obackground-image:url('/images/xsdot-forms-136845.png?v=0');background-position:left -42px;text-decoration:none;} .butb:hover {background-color:#f0f0f0;} .prel {position:relative;} .button-done {display:block;overflow:hidden;margin:8px;height:42px;padding:0px;padding-left:36px;padding-right:36px;background-color:#ffffff;border:1px solid #d0d0d0;border-radius:3px;-moz-border-radius:3px;-webkit-box-shadow: 0px 0px 4px 0px rgba(10, 10, 10, 0.14);-moz-box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);box-shadow:0px 0px 4px 0px rgba(10, 10, 10, 0.14);cursor:pointer;transition: all 0.5s ease;font-weight:bold;color:#606060;margin:auto;width:150px;height:40px;} .button-done:hover {background-color:#f0f0f0;} .button-done a:link, .button-done a:active, .button-done a:visited, .button-done a:hover {display:block;text-align:center;line-height:40px;text-decoration:none;font-weight:bold;} /* shop settings */ .shop_settings {list-style:none;padding:0px;} .shop_settings li {float:left;width:49%;margin:10px 1% 10px 0px;padding-left:48px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;cursor:pointer;height:78px;overflow:hidden;line-height:24px;font-size:13px;background-repeat:no-repeat;} .account_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:30px 30px;} .adres_instellingen {background-image:url('/platform/provider/not_found.gif');background-size:38px 38px;background-position:-4px 0px;} .bestellingen_en_facturen, .offertes_beheren {background-image:url('/platform/provider/not_found.gif');background-size:31px 31px;background-position:5px 0px;} .shop_settings li:hover {background-color:#f4f4f4;border-radius:6px;-moz-border-radius:6px;} #settings_wcnt {padding:12px;} .shop_settings a:link, .shop_settings a:active, .shop_settings a:visited {text-decoration:none;color:#153886;font-weight:bold;font-size:15px;} @media (max-width: 600px) { .shop_settings li {width:100%;margin:4px 0px 4px 0px;} } /* cai */ .cai-cnt {margin:32px;} .cai {padding:0px;} .cai li {background-color:#f8f8f8;list-style:none;overflow:hidden;margin:16px 0px 24px 0px;line-height:22px;padding:6px 6px 6px 3px;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;cursor:pointer;} .cai li:hover {background-color:#f0f0f0;} .cai li input {float:left;width:20px;position:absolute;} .cai-des img {float:left;width:22px;margin-right:8px;} .cai-dess img {float:left;width:22px;margin-right:8px;} .cai-price {float:right;background-color:#ffffff;line-height:12px;padding:3px;color:#e48f16;border:1px solid #e0e0e0;border-radius:5px;-moz-border-radius:5px;} .cai-des, .cai-dess {padding-left:30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} @media (max-width: 450px) { .cai-cnt {margin:28px 0px 28px 0px;} } /* verify order */ .vo-aa, .vo-ab {width:50%;float:left;overflow:hidden;margin-bottom:16px;font-size:14px;} .vo-addr {font-size:13px;} .vo-cnt {margin:8px 0px 8px 0px;} .vo-ua-header {margin-top:16px;margin-bottom:3px;font-weight:bold;} .vo-ua-header > span {float:right;font-weight:normal;} .vo-ua {clear:both;height:100px;background-color:#f0f0f0;padding:2;border:1px dotted #000000;margin-top:4px;margin-bottom:8px;} .vo-ua > div {height:100px;overflow:auto;text-align:left;font-size:12px;padding-left:3px;padding-right:3px;} .vo-uam {position:relative;padding-top:10px;padding-bottom:10px;} .vo-uam a {position:absolute;top:8px;left:26px;} .vo-uam input {} .vo-uam img {padding-left:4px;width:13px;} .vo-comments {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:40px;width:100%;border:1px solid #d0d0d0;padding:3px;margin-top:6px;margin-bottom:24px;} @media (max-width: 550px) { .vo-ua-header > span {float:none;} } @media (max-width: 450px) { .vo-ab {display:none;} } /* banner */ .banner {background-position:center center;background-size:cover;position:relative;width:100%;height:600px;overflow:hidden;transition: all 0.3s ease;} .banner-logo {position:absolute;bottom:0px;width:100%;background-color:rgba(30, 30, 30, 0.7);transition: all 0.3s ease;} .banner-logo > div {width:25%;margin:auto;padding:8px;} .banner-text {position:absolute;transition: all 0.6s ease;} .banner-text > div {display:inline-block;padding:12px 48px 12px 48px;border-radius:4px;-moz-border-radius:4px;} .banner-text.white > div {obackground-color:rgba(30, 30, 30, 0.7);} .banner-text.white span {display:block;color:#ffffff;} .banner-text.black > div {obackground-color:rgba(240, 240, 240, 0.7);} .banner-text.black span {display:block;color:#303030;} .banner-text.red > div {background-color:rgba(240, 240, 240, 0.7);} .banner-text.red span {display:block;color:#e41c44;} .banner-text.top {top:16px;text-align:center;width:100%;} .banner-text.center {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;} .banner-text.bottom {bottom:64px;text-align:center;width:100%;} .banner-text.bottom-left {bottom:16px;left:16px;text-align:left;} .banner-text.bottom-right {bottom:16px;right:16px;text-align:left;} .banner-text.top-left {top:16px;left:16px;text-align:left;} .banner-text.top-right {top:16px;right:16px;text-align:left;} .banner-text.bottom-full {bottom:0px;text-align:center;width:100%;display:block;} .banner-text.top-full {top:0px;text-align:center;width:100%;display:block;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:12px 12px 12px 12px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:42px;} .banner-text.top-full > div, .banner-text.bottom-full > div {display:block;border-radius:0px;-moz-border-radius:0px;} .banner-viewer {background-image:url(/images/appmainlogowhite-136868.jpg?v=1);background-position:center center; background-repeat:no-repeat;background-size:50%;background-color:#ffffff;} .banner-url {cursor:pointer;} .banner-text .banner-url {background-image:url('/images/link-image-136852.png?v=0');background-repeat:no-repeat;background-position:right center;} .banner-text span.banner-title {font-size:28px;line-height:44px;text-transform:uppercase;margin-bottom:20px;} .banner-text span.banner-description {font-size:20px;line-height:32px;} @media (max-width: 800px) { .banner-text span.banner-title {font-size:26px;line-height:30px;} .banner-text span.banner-description {font-size:16px;line-height:24px;} } @media (max-width: 600px) { .banner-text span.banner-title {font-size:20px;line-height:24px;} .banner-text span.banner-description {font-size:13px;line-height:20px;} .banner-text > div {padding:8px 20px 8px 20px;border-radius:3px;-moz-border-radius:3px;} .banner-text .banner-url {background-size:20px 20px;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:8px 8px 8px 8px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:20px;} } @media (max-width: 400px) { .banner-text span.banner-title {font-size:14px;line-height:18px;} .banner-text span.banner-description {font-size:10px;line-height:18px;} .banner-text > div {padding:4px 20px 4px 20px;border-radius:2px;-moz-border-radius:2px;} .banner-text.top-left > div, .banner-text.top-right > div, .banner-text.bottom-left > div, .banner-text.bottom-right > div {padding:4px 4px 4px 4px;} .banner-text.top-left > div.banner-url, .banner-text.top-right > div.banner-url, .banner-text.bottom-left > div.banner-url, .banner-text.bottom-right > div.banner-url {padding-right:20px;} } @media (max-width: 1600px) { .obanner {padding-top:60%;} } @media (max-width: 600px) { .obanner {padding-top:60%;} } .search-box {padding:6px;background-color:#f0f0f0;border-radius:6px;-moz-border-radius:6px;} .search-box input[type=text] {display:block;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#f0f0f0;font-size:16px;} .search-button {position:absolute;right:8px;top:7px;width:20px;height:20px;background-image:url('/platform/provider/not_found.gif');background-size:100%;cursor:pointer;} .search-result-header {overflow:hidden;padding-top:12px;} .search-result-header > div {float:left;margin-right:6px;} .search-result-header > div img {display:inline;padding-bottom:4px;} .search-result-item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;width:50%;overflow-x:hidden;cursor:pointer;float:left;padding:6px;} .search-result-item img {border-radius:2px;-moz-border-radius:2px;margin-top:8px;margin-left:16px;margin-right:4px;float:right;} .search-result-del {clear:both;height:1px;overflow:hidden;background-color:#f8f8f8;} .search-result-content {font-size:13px;} .search-result-item a {font-size:16px;} .search-score {margin-top:2px;margin-bottom:2px;width:60px;height:2px;overflow:hidden;background-color:#f08080;} .search-score > div {height:2px;overflow:hidden;background-color:#80ff00;} .search-paging {clear:both;list-style:none;padding:40px 0px 0px 0px;text-align:center;overflow:hidden;min-height:60px;} .search-paging li {display:inline;padding:6px !important;background-image:none !important;border:1px solid #f0f0f0;margin:3px;border-radius: 3px;} .search-paging li img {display:inline;padding-bottom:1px;} .search-paging li a {padding:6px;text-decoration:none;font-weight:bold;color:#606060;} .search-paging li:hover {background-color:#f0f0f0;} .search-no-results {margin-top:12px;} @media (max-width: 800px) { .search-result-item {width:100%;} } /* header search panel */ #search {height:0px;background-color:#153886;clear:both;overflow:hidden;transition: all 0.2s ease;} #search.on {height:44px;} #search > form > div {max-width:1160px;margin:auto;position:relative;padding:6px;top:-40px;transition: all 0.3s ease;overflow:hidden;} #search.on > form > div {top:0px;} .sbox {padding:4px;background-color:#f0f0f0;border-radius:4px;-moz-border-radius:4px;} .ssearch {position:absolute;right:12px;top:11px;width:20px;height:20px;background-image:url('/platform/provider/not_found.gif');background-size:100%;cursor:pointer;} #search > form > div > div > input {display:block;float:none;height:22px;width:100%;padding:0px;margin:0px;border:0px;background-color:#f0f0f0;} .search-box input, #search input {outline: none;cursor:pointer;} /* Product view */ .prd-header {float:left;line-height:20px;margin:0px;padding-bottom:7px;font-size:16px;} .prd-row {clear:both;overflow:hidden;height:1px;background-color:#fafafa;margin-bottom:4px;} .prd-view-del {height:1px;clear:both;obackground-color:#e0e0e0;overflow:hidden;margin-top:2px;margin-bottom:2px;} .prd-tb {clear:both;overflow:hidden;padding:4px;} .prd-tbl {float:left;font-size:14px;padding-top:8px;line-height:12px;} .prd-fnd {float:left;font-size:14px;padding-top:5px;line-height:12px;} .sel-ob {float:right;border:1px solid #a0a0a0;} .sel-va {float:right;margin-right:4px;border:1px solid #a0a0a0;} @media (max-width: 600px) { .prd-tb {padding:4px 0px 4px 0px;} .prd-fnd {float:none;width:100%;border-width:0px 0px 1px 0px;border-style:solid;border-color:#e0e0e0;margin-bottom:6px;padding-top:0px;padding-bottom:5px;} } .prd-ttc {display:none;} .pc1 {position:relative;overflow:hidden;margin:12px 0px 12px 0px;padding:8px;border-radius:3px;} .pc1-cnt {overflow:hidden;line-height:24px;font-size:13px;} .pc1-cnt p {margin-bottom:6px;} .pc1-cnt a {color:#c0c0c0;} .pc1-cnt p a {color:#303030;} .pc1 h2 {font-size:18px;margin-top:8px;padding:0px;} .pc1 figure {float:left;width:200px;padding-right:16px;} .pc1 figure img {border-radius:3px;} .pc1 figure:hover {opacity: 0.84;} .pc1-order-button {position:relative;height:38px;margin-top:8px;} .pc1-order-quantity {position:absolute;} .pc1-order-quantity > input {float:left;width:30px;height:36px;text-align:center;padding:0px;border:1px solid #e0e0e0;margin-left:3px;margin-right:3px;} .pc1-oq-less, .pc1-oq-more {float:left;width:20px;height:36px;line-height:36px;text-align:center;border:1px solid #e0e0e0;font-size:18px; font-weight:bold;cursor:pointer;} .pc1-oq-less:hover, .pc1-oq-more:hover {background-color:#f0f0f0;} .pc1-oq-less {border-top-left-radius:3px;border-bottom-left-radius:3px;} .pc1-oq-more {border-top-right-radius:3px;border-bottom-right-radius:3px;} .pc1-order-bc {margin-left:86px;width:200px;} .pc1-order-bc > input {padding:0px;width:100%;height:38px;} @media (max-width: 980px) { .pc1 figure {width:160px;} } @media (max-width: 680px) { .pc1 {padding:0px;} .pc1:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .pc1 figure {clear:both;float:none;width:64%;margin:auto;margin-top:54px;padding:0px;} .pc1-cnt {clear:both;padding:0px;margin:0px;padding-top:8px;} .pc1 h2 {position:absolute;top:0px;text-align:center;width:100%;} .pc1 p {opadding:8px;} .pc1-ob {margin:auto;margin-top:12px;margin-bottom:16px;} .row-disc {margin-right:6px;} .pc1-order-button {width:100%;margin:auto;margin-top:8px;} .pc1-order-bc {margin-left:86px;background-color:#00ff00;width:auto;} .pc1-order-bc > input {padding:0px;width:100%;} } @media (max-width: 460px) { .pc1 h2 {font-size:15px;} } .pc2 {position:relative;overflow:hidden;float:left;width:49%;margin:12px 0.5% 12px 0.5%} .pc2-cnt {overflow:hidden;line-height:24px;font-size:13px;} .pc2-cnt p {margin-bottom:6px;} .pc2-cnt a {color:#c0c0c0;} .pc2-cnt p a {color:#303030;} .pc2 h2 {font-size:18px;margin-top:8px;padding:0px;} .pc2 figure {float:left;width:160px;padding-right:16px;} .pc2 figure img {border-radius:3px;} .pc2 figure:hover {opacity: 0.84;} .pc2-order-button {position:relative;height:38px;margin-top:8px;} .pc2-order-quantity {position:absolute;} .pc2-order-quantity > input {float:left;width:30px;height:36px;text-align:center;padding:0px;border:1px solid #e0e0e0;margin-left:3px;margin-right:3px;} .pc2-oq-less, .pc1-oq-more {float:left;width:20px;height:36px;line-height:36px;text-align:center;border:1px solid #e0e0e0;font-size:18px; font-weight:bold;cursor:pointer;} .pc2-oq-less:hover, .pc1-oq-more:hover {background-color:#f0f0f0;} .pc2-oq-less {border-top-left-radius:3px;border-bottom-left-radius:3px;} .pc2-oq-more {border-top-right-radius:3px;border-bottom-right-radius:3px;} .pc2-order-bc {margin-left:86px;width:200px;} .pc2-order-bc > input {padding:0px;width:100%;height:38px;} @media (max-width: 980px) { .pc2 {float:none;width:100%;margin:12px 0px 12px 0px;} } @media (max-width: 680px) { .pc2 {padding:0px;float:none;} .pc2:hover {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .pc2 figure {clear:both;float:none;width:64%;margin:auto;margin-top:54px;padding:0px;} .pc2-cnt {clear:both;padding:0px;margin:0px;padding-top:8px;} .pc2 h2 {position:absolute;top:0px;text-align:center;width:100%;} .pc2 p {opadding:8px;} .row-disc {margin-right:6px;} .pc2-order-button {width:100%;margin:auto;margin-top:8px;} .pc2-order-bc {margin-left:86px;background-color:#00ff00;width:auto;} .pc2-order-bc > input {padding:0px;width:100%;} } @media (max-width: 460px) { .pc2 h2 {font-size:15px;} } .pi2 {display:block;margin:0px;padding:0px;text-align:center;} .pi2 li {position:relative;display:inline-block;list-style:none;width:48.0%;margin-left:0.6%;margin-right:0.6%;vertical-align:top;overflow:hidden;} .pi2 li a {margin:0px;margin-top:6px;margin-bottom:2px;padding:0px;line-height:22px;font-size:12px;font-weight:bold;text-align:center;display:block;color:#e0e0e0;} .pi2 li figure {margin-top:6px;height:0;padding-bottom:100%;} .pi2 li figure:hover {opacity: 0.84;} .pi2 img {border-radius:9px;-moz-border-radius:9px;} .pi2 div {margin:auto;} .pi3 {display:block;margin:0px;padding:0px;text-align:center;} .pi3 li {position:relative;display:inline-block;list-style:none;width:32.0%;margin-left:0.4%;margin-right:0.4%;vertical-align:top;overflow:hidden;} .pi3 li a {margin:0px;margin-top:6px;margin-bottom:2px;padding:0px;line-height:22px;font-size:12px;font-weight:bold;text-align:center;display:block;color:#e0e0e0;} .pi3 li figure {margin-top:6px;height:0;padding-bottom:100%;} .pi3 li figure:hover {opacity: 0.84;} .pi3 img {border-radius:9px;-moz-border-radius:9px;} .pi3 div {margin:auto;} .pi4 {display:block;margin:0px;padding:0px;text-align:center;} .pi4 li {position:relative;display:inline-block;list-style:none;width:23.8%;margin-left:0.4%;margin-right:0.4%;vertical-align:top;overflow:hidden;} .pi4 li a {margin:0px;margin-top:6px;margin-bottom:2px;padding:0px;line-height:22px;font-size:12px;font-weight:bold;text-align:center;display:block;color:#e0e0e0;} .pi4 h3 {line-height:22px;font-size:14px;font-weight:bold;} .pi4 li figure {margin-top:6px;height:0;padding-bottom:100%;} .pi4 li figure:hover {opacity: 0.84;} .pi4 img {border-radius:9px;-moz-border-radius:9px;} .pi4 div {margin:auto;} .pi5 {display:block;margin:0px;padding:0px;text-align:center;list-style:none !important;} .pi5 li {position:relative;display:inline-block;padding:0xp !important;list-style:none !important;width:18.9%;margin-left:0.3%;margin-right:0.3%;vertical-align:top;overflow:hidden;} .pi5 li a {padding:0px;margin:0px;margin-top:6px;margin-bottom:3px;line-height:22px;font-size:12px;font-weight:bold;text-align:center;display:block;color:#e0e0e0;} .pi5 h3 {line-height:22px;font-size:14px;font-weight:bold;} .pi5 li figure {margin-top:6px;height:0;padding-bottom:100%;} .pi5 img {border-radius:3px;} .pi5 div {margin:auto;} .pi5 li figure:hover {opacity: 0.84;} .pi-price {display:block;text-align:center;font-weight:bold;font-size:11px;color:#e49f26;padding-bottom:6px;} /* discount */ .row-disc {float:right;background-color:#ff583e;color:#ffffff;line-height:32px;width:32px;font-size:11px;text-align:center;border-radius:16px;-moz-border-radius:16px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);} .icn-disc {position:absolute;z-index:4;right:4px;top:4px;background-color:#ff583e;color:#ffffff;line-height:32px;width:32px;font-size:11px;text-align:center;border-radius:16px;-moz-border-radius:16px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);} @media (max-width: 840px) { .pi4 li {width:22.0%;margin-left:0.6%;margin-right:0.6%;} .pi5 li {width:31.0%;margin-left:0.4%;margin-right:0.4%;} } @media (max-width: 660px) { .pi4 li {width:48.0%;margin-left:0.6%;margin-right:0.6%;} .pi3 li {width:48.0%;margin-left:0.6%;margin-right:0.6%;} } @media (max-width: 600px) { .pit5 li {width:32.0%;margin-left:0.4%;margin-right:0.4%;} } @media (max-width: 460px) { .pi5 li, .pi4 li {width:48.0%;margin-left:0.4%;margin-right:0.4%;} .pi3 li, .pi2 li {width:100.0%;margin-left:0.0%;margin-right:0.0%;} } @media (max-width: 420px) { .pit5 li {width:48.0%;margin-left:0.8%;margin-right:0.8%;} } @media (max-width: 380px) { .pi5 li, .pi4 li {width:100.0%;margin-left:0.0%;margin-right:0.0%;} } /* tool tip */ #info_tool {padding:8px 8px 8px 8px;border:1px solid #343434;background-color:#343434;max-width:300px;color:#ffffff;border-radius:3px;-moz-border-radius:3px;font-size:13px;line-height:22px;-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.4);opacity:0.85;} .prd-tt-del {height:1px;clear:both;background-color:#202020;overflow:hidden;margin-top:2px;margin-bottom:2px;} .select-dd { odisplay: block; font-size: 14px; ofont-weight: bold; color: #606060; line-height: 1.3; padding: 8px; box-sizing: border-box; margin-left: 6px; border: 1px solid #f0f0f0; box-shadow: 0 1px 0 1px rgba(0,0,0,.01); border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100%; } .select-dd::-ms-expand { display: none; } .select-dd:hover { border-color: #888; } .select-dd:focus { border-color: #aaa; box-shadow: 0 0 1px 1px rgba(59, 153, 252, .7);box-shadow: 0 0 0 1px -moz-mac-focusring;ocolor: #c0c0c0;outline: none; } .oselect-dd option { font-weight:normal; }