.flot-overlay { color: red; left: 20px !important; top: 20px !important; } body { display: flex; flex-direction: column; } #placeholder { background: #fff; margin: 0 20px !important; margin: 21px 0px 0 25px !important; } .mobile-column { text-align: left; } #history { overflow: hidden; background: #ffffff; margin-top: 60px; } #history #placeholder:before { display: none; } .top-avail-wrap { display: flex; background: #fff; border-bottom: 2px solid #f0f6f8; justify-content: space-between; } .wrapper-monotub { display: flex; flex-direction: column; } .wrap-monotub { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; } .marcet-bot-cmps ul { font-size: 16px; text-align: left; } .content-monotub { display: flex; flex-wrap: wrap; } .tablesorter-sticky-wrapper { top: 50px !important; } .wrap-monotub strong { background: transparent; display: flex; flex-grow: 1; justify-content: center; padding: 0px 0; border: 2px solid #f0f6f8; } .wrap-monotub a { background: #fff; display: flex; flex-basis: auto; cursor: pointer; justify-content: center; flex-grow: 1; width: 10%; padding: 10px 0; border: 1px solid #f0f6f8; } .amd-monotub { width: 100%; } .amd-monotub a { width: 15%; } #thread_scatter table , #scatter table, #multi_scatter table { width: 100%; } .top-avail-wrap a { cursor: pointer; } .top-avail-wrap a , .top-avail-wrap strong{ flex-grow: 1; display: flex; text-align: center; padding: 10px 0; justify-content: center; width: 33%; background: #fff; border-left: 2px solid #f0f6f8; flex-basis: auto; } .top-avail-wrap strong { background: transparent; } .available-header-wrap { display: flex; justify-content: space-between; flex-direction: column; width: 100%; } #history h2 { margin: 0; text-align: left; font-size: 18px; line-height: 25px; padding: 17px 0; background: #E2EDF4; padding-left: 20px; } .hight-end img { margin-right: 13px; margin-bottom: 9px; } .hight-end { display: flex; justify-content: center; flex-direction: column; } .banner-block { margin-top: -45px; } .hight-end li { width: 100%; } .hight-end li a { display: flex; width: 100%; flex-direction: row; align-items: center; } .buttontext {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } .Normal {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 2px; margin-bottom: 2px} .italics {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic} .Subheading {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #FF0000; margin-top: 2px; margin-bottom: 2px} .Copyright {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold} .SmallNormal {font-family: Arial, Helvetica, sans-serif; font-size: 9px} .orderSubTotalBox {border: 0px none White; border-style: none; width: auto; background : White; } .orderReadOnlyBox {border: 0px none White; border-style: none; width: auto; background : White; } .orderTotalBox {border: 0px none White; border-style: none; width: auto; background : White; font-weight : bold; } .orderQtyBox {width: 25px; background : White; } .noflash {border:4px; border-style:solid; border-color: red; font-size:20px; color: red;} p, h2 { margin-top: 10px;margin-right: 10px; } blockquote { margin-left: 25px; margin-right: 25px;} img { border:0; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; border-bottom: solid #b53118 3px; color: #000000; margin-top: 0px; padding-top: 10px; margin-bottom: 10px; } h1 img { margin-right: 10px; margin-bottom: 5px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; border-bottom: solid #A0C0C6 3px; margin: 10px; } .columnheader { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; border-bottom: solid #b53118 3px; color: #000000; margin-bottom: 15px; } table.layout { padding: 10px; } td.layout { padding: 10px; line-height: 1.5; } td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5; } th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; } ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px} ol {font-family: Arial, Helvetica, sans-serif; font-size: 12px} p { font-family: Arial, Helvetica, sans-serif; font-size: 12px;} blockquote {font-family: "Courier New", Courier, mono; font-size: 12px} a, a:link, a:visited { /* font-weight: bold; font-weight: 600; */ text-decoration: none; font-size: 14px; line-height: 19px; color: #63A3F7; } a:hover { color: #109bA3; text-decoration: underline;} a em { font-weight: normal; font-style: normal; } .textformbutton { display: inline; vertical-align: middle; } .formbutton { margin-left:auto; margin-right:auto; margin-top: 5px; } button img { margin-right: 5px; vertical-align: middle; } /* new style */ .main-page h2 { margin-top: 40px; } .main-title sup { position: relative; top: -20px; } .main-title { padding: 65px 0; display: block; position: relative; margin-top: 115px; color: #fff; background-color: #3B7DED; background-image: url(/img/main-title-banner.svg); background-position: left 60% top -30px; background-repeat: no-repeat; background-size: 40vh; } #block_content { background: #f0f6f8; } .main-title h2{ border-bottom: none; color: #fff; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-weight: bold; font-size: 38px; line-height: 52px; } #main_content .productheader h1 { font-family: 'Open Sans', Arial, sans-serif; font-style: normal; font-weight: bold; color: #191919; font-size: 30px; line-height: 41px; } #main_content h1 { font-size: 18px; line-height: 25px; border-bottom: none; color: #191919; } .text-cmps { text-align: left; } .main-text-cmps { display: flex; text-align: left; } .sticky-banner { display: none; right: 9%; position: absolute } .wrapper { display: flex; justify-content: space-between; } .sidebar { margin-top: 30px; width: 18%; display: inline-block; } .sidebar-banner { position: sticky; float: right; top: 126px; } .main-href img { margin-right: 13px; } .main-href p { margin: 0 !important; } .sidebar-list { background: #ffffff; } .sidebar-list ul:hover { border-left: 3px solid #63A3F7; transition: 0.2s ease; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); } .sidebar-top { display: flex; padding-top: 20px; flex-direction: column; align-items: center; border-left: 3px solid #63A3F7; } .sidebar-top p { margin: 0; margin-top: 5px; } .sidebar .menu-sidebar { border-left: 3px solid #63A3F7; } .new-desctop a { align-items: center; } .currentbar a { color: #246EB9 !important; } .main-compare .sidebar .compare-sidebar { border-left: 3px solid #63A3F7; } .main-compare .sidebar .compare-sidebar a { color: #63A3F7; } .hightcurrentul, .comparecurrentul, .maincurrentul , .comparevscurrentul, .commoncurrentul, .searchcurrentul, .threadcurrentul , .desccurrentul, .bestcurrentul{ border-left: 3px solid #63A3F7; } .sidebar ul { padding-bottom: 1rem; margin: 0; padding-top: 10px; border-bottom: 1px solid #DFE8F1; padding-left: 20px; padding-right: 10px; } .sidebar ul .icon-sb { padding: 15px 0; } .sidebar ul .icon-sb a{ font-weight: 600; text-transform: uppercase; font-size: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center; } .sidebar ul .icon-sb a img { margin-bottom: 10px; } .sidebar p { font-size: 18px; line-height: 25px; margin-bottom: 10px; text-align: center; text-transform: uppercase; font-weight: 600; padding-top: 10px; color: #000; } .sidebar ul .hide { display: none; } .sidebar ul li { padding: 5px 0; color: #444444; font-style: normal; font-size: 14px; line-height: 19px; color: #444444; display: flex; align-items: center; justify-content: flex-start; } .sidebar ul li a { display: flex; color: #444444; font-weight: 600; text-align: left; opacity: 0.95; font-size: 14px; line-height: 19px; flex-direction: row; align-items: center; text-decoration: none; justify-content: flex-start; } .sidebar ul li a:hover { color: #246EB9; } .best-value, .compare-sidebar , .search-sidebar { padding-left: 30px; padding-right: 10px; } .best-value, .compare-sidebar , .search-sidebar { padding-bottom: 20px; padding-top: 10px; } .best-value img, .compare-sidebar img, .search-sidebar img , .new-desctop img, .single-thread img, .new-common img, .compare-sidebarvs img { margin-right: 13px; } .best-value a { align-items: flex-start; } .padding-left-align{ padding-left: 36px !important; } .sidebar a { color: #000; display: flex; color: #444444; font-weight: 600; font-size: 14px; line-height: 19px; flex-direction: row; text-decoration: none; align-items: flex-start; justify-content: flex-start; } .main-cmps { display: flex; flex-direction: column; width: 80%; margin-top: 30px; margin-bottom: 80px; } .main-cmps h4 { font-weight: 600; font-size: 27px; line-height: 37px; border-bottom: none; } .wrapper-cpu { padding: 0 60px; } .wrapper-cpu h4 { margin-bottom: 25px; } .main-cmps h2 { margin-bottom: 10px; text-align: center; } .wrapper-cpu-table { background: #ffffff; } .wrapper-cpu-table .vs { padding: 4px; } .wrapper-cpu-table .vs a{ font-size: 18px; line-height: 19px; color: #3179C5; font-weight: 400; } .main-cmps img { width: 100%; } .main-charts { display: flex; flex-wrap: wrap; margin-top: 10px; align-items: center; justify-content: space-between; } .main-charts img { width: 128px; height: 128px; } .main-charts .wrap-bgchart { padding: 20px 150px; } .main-charts h2 { font-size: 18px; line-height: 25px; background: #ffffff; padding: 10px 20px; margin: 0; border-radius: 3px; color: #191919; display: flex; justify-content: flex-start; } .search-cmps h2 { display: flex; flex-direction: column; align-items: flex-start !important; justify-content: flex-start; } .no-flex { display: block !important; } .main-charts h2 span , .search-cmps h2 span { font-family: Arial,Helvetica,sans-serif; } .main-charts .column { width: 48%; border: 1px solid #DFE8F1; margin-bottom: 25px; } .min-charts { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .search-cmps img { width: 80px; height: 80px; } .search-cmps .column { width: 23%; } .search-cmps .wrap-bgchart { padding: 20px 60px; } .search-cmps .column { margin-bottom: 20px; } .column h2 { font-size: 16px; text-align: left; background: #ffffff; min-height: 56px; padding: 5px 7px ; margin: 0; display: flex; align-items: center; line-height: 22px; } .tezt-cmps table ul { padding-left: 0 !important; } .main-cmps-head ul { font-size: 16px; text-align: left; } .update-table { font-size: 16px; line-height: 22px; font-weight: 400; color: #444444; } .top-ten { margin-left: 18px; } .desc-body-price-default .newegg { width: 130px; height: 64px; } .desc-body-price-default .ebay { width: 117px; height: 48px; } .search-cmps { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .search-cmps img { width: 80px; height: 80px; } .search-cmps .column { margin-bottom: 20px; width: 23%; } .search-cmps .wrap-bgchart { padding: 10px 60px; height: 122px; display: flex; justify-content: center; align-items: center; } .tezt-cmps h2 { justify-content: center; font-size: 30px; line-height: 37px; } .hide-chats img { margin-left: 5px; margin-top: 1px; } .block_content .container h1, .block_content .container p { margin-left: 0; } #sidebar { } .manufacturer h2 { text-align: left; padding: 17px 0; padding-left: 20px; width: 100%; background: #E2EDF4; font-size: 18px; line-height: 25px; margin-right: 0; } .manufacturer { background: #ffffff; margin-bottom: 20px; } .legend table tbody { display: flex; flex-wrap: wrap; } .xaxisLabel { top: 30px !important; } .yaxisLabel { left: 10px !important; } .legend table .legendLabel { font-weight: 600; font-size: 14px; } .legend div{ left: 60px !important; height: auto !important; } .diagram-ul { font-size: 16px; line-height: 26px; text-align: left; } @media (max-width: 1450px) { #sidebar h2 { font-size: 18px; } #sidebar p{ font-size: 11px; } .compare_table table thead td { font-size: 13px; } } @media (max-width: 1200px) { body #tabs li { font-size: 15px; } } @media (max-width: 992px) { body #tabs li { font-size: 10px; padding: 5px 0; } .sidebar { width: 23%; } .sidebar ul { padding-left: 15px; } .main-charts img { height: 120px; } .main-cmps { width: 75%; } .column h2 { font-size: 11px; line-height: 15px; padding: 0 7px; min-height: 40px; } .min-charts .wrap-bgchart { padding: 10px 0; display: flex; justify-content: center; align-items: center; } .main-charts .wrap-bgchart { padding: 20px 65px; } body .manufacturer h2 { background: #ffffff; } .manufacturer { overflow-x: scroll; } .main-title { margin-top: 43px; } .mobileadunit { display: none; } } @media (max-width: 768px) { .mobileadunit { width: 100%; height: 70px; position: fixed; bottom: 0px; display: block; padding: 10px 0px; background-color: #e1e1e1; z-index: 9999; } .main-title { margin-top: 43px; background-size: 250px; background-position: center top 60px; height: 310px; } .main-title h2 { margin-top: 120px; margin-bottom: 0px; line-height: 2.5rem; } .main-title p { text-align: center; } .main-text-cmps { width: 100%; flex-direction: column; } .banner-block { display: block; margin-top: 0px; left: 50%; } .sidebar ul li { font-size: 11px; } .sidebar ul .icon-sb a { font-size: 10px; } .min-charts .column { width: 31%; } .search-cmps .wrap-bgchart { padding: 0; height: 100px; } .search-cmps img { width: 60px; height: 60px; } .search-cmps .column { margin-bottom: 10px; width: 32%; } .tezt-cmps h2 { font-size: 22px; } } @media (max-width: 768px) { .sidebar { display: none; } .main-cmps { width: 100%; } } @media (max-width: 500px) { #single div.chart, #multi div.chart, #thread div.chart, #date div.chart, #datee div.chart, #mark div.chart, #value div.chart, #allcpu div.chart, #intel div.chart, #amd div.chart { display: block; } .search-cmps div.chart { height: 155px; } .main-charts div.chart{ height: 196px; } #single table, #multi table, #thread table, #date table, #datee table, #mark table, #value table, #allcpu table, #intel table, #amd table, #available table { display: none; } .search-cpu-table form { width: 100% !important; margin-left: 5px !important; margin-bottom: 20px; } .search-cpu-table form #autocomplete-list { width: 50% !important; } .search-cpu-table { flex-direction: column; } .center { overflow-x: scroll; } } @media (max-width: 400px) { #scatter { overflow-x: scroll; } td.chart a { white-space: pre-wrap; } .top-avail-wrap { text-align: center; } .main-charts .wrap-bgchart { padding: 20px 0px; text-align: center; } .top-ten table tr { display: flex; flex-direction: column; align-items: center; margin-left: 18px; } .main-charts .column { width: 100%; border: none; } .column h2 { font-size: 13px; } .min-charts .column { width: 48%; } .search-cmps .column { width: 48%; } .main-link-table { display: none; } } /* style for hight_and_cpus start*/ .main-tabs { width: 100%; display: flex; font-size: 16px; line-height: 22px; } .sub-title h2 { font-size: 30px; line-height: 37px; margin-top: 25px; margin-bottom: 5px; } .sub-title p{ text-align: center; } .main-tabs p { cursor: pointer; width: 50%; margin: 0; padding: 10px 0; display: inline-block; text-align: center; background: #DFE8F1; border: 1px solid #DFE8F1; } .main-tabs p.active { background: #fff; } /* charts-style */ td.chart a { color: } td.chart a { font-size: 14px; line-height: 19px; } td.chart a { display: block; padding: 5px 25px 6px 20px; font-size: 14px; white-space: nowrap; line-height: 19px; font-weight: 400; } body table.chart { width: 100%; background: #ffffff; } body td.chart { border-left: 2px solid #f0f6f8; } body td.value { border-left: 2px solid #f0f6f8; border-top: none; border-bottom: 0; } .legend table { width: 175px !important; } .legend table td div { font-size: 12pt !important; line-height: 35px; } .flot-base { position: relative !important; } #placeholderThread, #placeholder, #placeholderMulti { margin: 0px !important; padding: 20px !important; background-image: none !important; background: #ffffff; background-repeat: no-repeat; background-position: 70px 0px; } #placeholder:before , #placeholderMulti:before , #placeholderThread:before{ content: 'BAD'; position: absolute; top: 45px; left: 90px; z-index: 2; color: #00a1e8; font-size: 20px; line-height: 25px; font-weight: 600; } #scatter #placeholder:after, #placeholderMulti:after, #placeholderThread:after { content: 'GOOD'; position: absolute; bottom: 75px; right: 59px; z-index: 2; color: #00a1e8; font-size: 20px; line-height: 25px; font-weight: 600; } .legend table tbody { display: flex; } .xaxisLabel { top: 30px !important; } .yaxisLabel { left: 10px !important; } .legend table .legendLabel { font-weight: 600; font-size: 14px; } .legend div{ left: 60px !important } .legend table, .legend { right: -175px !important; top: 5px !important; left: auto !important; } body .meter { padding: 0; padding-left: 20px; } /* charts-style end */ /* style for hight_and_cpus end */ /* end new style */ .textbuybutton { text-align: left; text-decoration: none; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #416b73; border-style: none; background: none; margin-left: 0px; padding-left: 0px; width: 90px; *width: 80px; } .textbuybutton:hover { cursor:pointer; text-decoration: underline; color: #109bA3; } .content { width: 750px; background: #FFFFFF; text-align: left; padding-bottom: 10px; } .contentborder { width: 750px; text-align: left; } b.rtop, b.rbottom{display:block; background: transparent;} b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FFFFFF;} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} .scontent { width: 750px; background: #c5d8dc url(images/bgspecial.png) repeat-x; text-align: left; } .scontentborder { width: 750px; background: transparent; text-align: left; } .scontentborder b.rbottom{display:block; background: transparent;} .scontentborder b.rbottom b{display:block;height: 1px; overflow: hidden; background: #c5d8dc;} .scontentborder b.rtop b{display:block;height: 1px; overflow: hidden; background: #e6eef0;} .infobox { background: #DDDDDD; text-align: left; padding-bottom: 10px; padding-top: 10px; } .infoboxborder { background: transparent; text-align: left; } .infoboxborder b.rbottom{display:block; background: transparent;} .infoboxborder b.rbottom b{display:block;height: 1px; overflow: hidden; background: #DDDDDD;} .infoboxborder b.rtop b{display:block;height: 1px; overflow: hidden; background: #DDDDDD;} .productlist, ul.productlist { margin-left: 0px; padding-left: 0px;} ul.productlist li { clear: left; list-style: none; margin-top: 20px; margin-bottom: 20px; } .newsdate { color: #888888; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin-left: 10px; } a.discount, a.discount:link, a.discount:visited { color: #00AA00; font-size: large; } .discountedrrp { text-decoration: line-through; color: #AA0000; } .productheader { margin-bottom: 10px; text-align: left; padding-top: 25px;} .productheader img { vertical-align: middle; margin-right: 10px;} .main-cmps-head p { text-align: left; } .productname { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; } a.bigproductname, a.bigproductname:link, a.bigproductname:visited { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; text-decoration: none; color: #416b73; padding: 0px; } a.bigproductname:hover { color: #109bA3; text-decoration: underline;} a.productname, a.productname:link, a.productname:visited { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; color: #416b73; padding: 0px; } a.productname:hover { color: #109bA3; text-decoration: underline;} a.iconlink img, a.iconlink:link img, a.iconlink:visited img { vertical-align: middle; text-align: middle; } .small, small { font-size: 10px; font-style: normal; line-height: 15px; } .breadcrumbs { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; width: 750px; margin-left: 0px; padding-left: 5px; margin-top: -5px; margin-bottom: 5px; color:#666666; text-align: left; } .smallproductlinks { color:#888888; font-size: 10px; } .bottomnavbar { color:#888888; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0px; text-align: center; } .footer { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; margin-top: 10px; margin-bottom: 0px; text-align: center; } .footer_pm { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; margin-top: 10px; margin-bottom: 0px; } #faq ul { list-style: none; font-weight: bold; text-indent: -1.5em; } #faq h2 { font-size: 14px; font-weight: bold; font-style: italic; } a#specialsCornerPromo { position: fixed; z-index: 1000; right: 0px; bottom: 0px; } a#specialsCornerPromo img { border: 0px; } .shoppingcart_table { margin-left: 30px; } .billing_details_table { background-color: #BAD2D6; width: 500px; border: 0px; margin-left: 30px; } .confirm_details_table { margin-left: 30px; width: 440px; } /* PASSMARK TOP BAR AND SHOPPING CART STYLES */ .topbar_pm { font-family: Segoe UI; font-size: 13px; font-style: normal; font-weight: normal; } a.topbar_pm, a.topbar_pm:link, a.topbar_pm:visited { font-family: Segoe UI; font-size: 13px; text-decoration: none; font-weight: normal; color: #416b73; } a.topbar_pm:hover { border-bottom: solid #b53118 3px; } .topbarcart_pm { background: url('images/cart.png') no-repeat; padding-left: 18px; font-family: Segoe UI; font-size: 13px; font-style: normal; font-weight: normal; } a.topbarcart_pm { font-weight: normal; text-decoration: none; } a.topbarcart_pm:hover { border-bottom: solid #b53118 3px; text-decoration: none; } /* #header { width: 750px; margin-bottom: 10px; } table.header, td.header, tr.header { padding: 0px; margin: 0px;} */ #header_pm { width: 750px; margin-bottom: 10px; } table.header_pm, td.header_pm, tr.header_pm { padding: 0px; margin: 0px;} /* PASSMARK SEARCH BOX STYLES */ #passmark_search { margin-top: 5px; } #passmark_search_form { border: 0px; background-color: #81A7AD; font-size: 13px; font-family: Segoe UI; height: 22px; color: white; vertical-align: middle; width: 130px; } #passmark_search input[type="image"]{ vertical-align: middle; background-color: #81A7AD; } #passmark_global { color: #416b73; } /* PASSMARK HEADER BAR STYLES */ /* drop buttons for the dropdown menu items */ .dropbtn, .btn { display: inline-block; position: relative; color: white; background-color: #719AA2; width: 84px; border: none; cursor: pointer; font-family: "Segoe UI"; height: 34px; font-size: 13px; text-align: center; } #navbar_pm { height: 30px; border: 0px; padding: 0px; margin: 0px; } #navbar_pm ul { display: flex; margin: 0px; padding: 0px; line-height: 30px; white-space: nowrap; display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* Chrome */ } @supports (flex-wrap: wrap) { /* hide from the incomplete Flexbox implementation in Firefox */ #navbar_pm ul { display: flex; } } li.btn, li.dropdown { list-style-type: none; display: inline; top-padding: 10px; } a.navbar_pm, a.navbar_pm:link,a.navbar_pm:visited { font-family: Segoe UI; font-size: 13px; font-weight: normal; text-decoration: none; padding: 0px; position: relative; top: 2px; } #navbarleft_pm { width: 6px; height: 30px; border: 0px; padding-right: 5px; margin: 0px; float: left; } #navbarright_pm { width: 7px; height: 30px; border: 0px; padding-left: 5px; margin: 0px; float: right; } a.navbar_pm, a.navbar_pm:link, a.navbar_pm:visited { color:white; display: block; } a.navbar_pm: hover { color:white; } /* Dropdown button on hover & focus */ button.dropbtn { display: inline-block; height: 34px; min-width: 84px; padding: 0px; color: white; background-color: #719AA2; text-align: middle; } .btn:hover{ border-bottom: 5px solid rgb(181, 49, 24); background-color: #71AAB2; } button.dropbtn:hover, button.dropbtn:focus{ background-color: #71AAB2; } /* The container