* {
  font-family: 'Arial', sans-serif;
  font-size: 9pt;
  line-height: 1.4em;
  color: rgb(50,50,50)
}

html, body, img {
  margin: 0px;
  border: none
}

ul { list-style: square }

#page {
  width: 1020px;
  margin: 0px auto;
  min-height: 100%;
  height: auto !important;
  height: 100%
}

#home_page {
  width: 960px;
  margin: 100px auto 0px auto;
  min-height: 100%;
  height: auto !important;
  height: 100%
}

#header {
  width: 1020px;
  padding: 20px 0 46px 0
}

#header_home {
  width: 900px;
  padding: 2px 0 36px 0
}

#header,
#header_home {
  height: 140px;
  background: transparent;
  margin: 0 auto 0 auto
}

.centered_section_separator {
  overflow: hidden;
  width: 828px;
  display: block;
  padding: 20px 0px 25px 0px;
  font-weight: bold;
  font-size:12.5px;
  color: black
}

.section_title {
  overflow: hidden;
  width: 1020px;
  display: block;
  border-bottom: 1px dotted silver;
  padding: 10px 0px 4px 0px;
  font-weight: bold;
  font-size:12.5px;
  color: black
}

.section,
.centered_section,
.home_section {
  overflow: hidden;
  max-height: 999999px /* hack to prevent font boosting */
}

.section {
  width: 828px;
  padding: 40px 0 40px 192px
}

.industrial_section_title {
  display: block;
  font-weight: bold;
  height: 30px;
}

#automotive { background: rgb(255,255,255) url(/images/automotive.svg) no-repeat left 3px; padding-left: 25px }
#avionics { background: rgb(255,255,255) url(/images/avionics.svg) no-repeat left 2px; padding-left: 19px }
#consumer { background: rgb(255,255,255) url(/images/consumer.svg) no-repeat left 1px; padding-left: 12px }
#enterprise { background: rgb(255,255,255) url(/images/enterprise.svg) no-repeat left 2px; padding-left: 18px }
#financial { background: rgb(255,255,255) url(/images/financial.svg) no-repeat left 4px; padding-left: 20px }
#industrial { background: rgb(255,255,255) url(/images/industrial.svg) no-repeat left 2px; padding-left: 18px }

.no_padding { padding-top: 0px; padding-bottom: 0px }

.home_section,
.centered_section {
  width: 788px
}

.home_section { padding: 40px 96px 40px 96px }

.centered_section { padding: 40px 96px 55px 110px }

.not_indent {
  width: 1020px;
  padding: 40px 0 40px 0
}

.section a,
.centered_section a {
  color: gray;
  text-decoration: none;
  border-bottom: 1px dotted silver
}

.section a:hover,
.centered_section a:hover { background: rgb(230,230,230) }

.twoColumn { width: 100% }

.twoColumn .one,
.twoColumn .two {
  max-height: 999999px; /* hack to prevent font boosting */
  padding: 0;
  width: 344px;
  float: left;
  margin: 0px 20px 0px 20px
}

.not_indent .twoColumn .one,
.not_indent .twoColumn .two {
  width: 490px;
}

.twoColumn .one { margin-left: 0 }
.twoColumn .two { margin-right: 0 }

.threeColumn { width: 100% }

.threeColumn .one,
.threeColumn .two,
.threeColumn .three {
  max-height: 999999px; /* hack to prevent font boosting */
  padding: 0;
  width: 229px;
  float: left;
  margin: 0px 20px 0px 20px
}

.threeColumn .one { margin-left: 0 }
.threeColumn .three { margin-right: 0 }

#inversepath_logo_home {
  margin-top: 25px;
  display: block;
  height: 66px;
  width: 511px;
  background: url(/images/inversepath_logo.svg) no-repeat top center;
  text-indent: -9999px;
  float:left
}

#f-secure_logo_home {
  display: block;
  height: 78px;
  width: 284px;
  margin-top: 10px;
  background: url(/images/f-secure_logo.svg) no-repeat top center;
  text-indent: -9999px;
  float: right
}

#f-secure_logo {
  display: block;
  height: 78px;
  width: 284px;
  background: url(/images/f-secure_logo.svg) no-repeat top right;
  text-indent: -9999px;
  float: right
}

#inversepath_logo {
  display: block;
  height: 78px;
  margin-top: 17px;
  width: 411px;
  background: url(/images/inversepath_logo.svg) no-repeat top left;
  text-indent: -9999px;
  float:left
}

#usbarmory_pcb {
  display: block;
  height: 200px;
  background: url(/images/open_logo.svg) no-repeat bottom center
}

#usbarmory_pcb img { margin: 0 auto }

#title_container { padding: 38px 0 4px 0; margin-top: -28px }

#availability {
  display: block;
  height: 15px;
  background: rgb(255,255,255);
  text-align: center;
  float: right
}

#order_now {
  display: block;
  height: 38px;
  margin-top: -30px;
  background: rgb(255,255,255);
  text-align: center;
  line-height: 38px;
  vertical-align: middle;
  text-decoration: none;
  background: black;
  color: white;
  border-left: 8px solid rgb(0,0,0);
  border-right: 8px solid rgb(0,0,0);
  float: right;
}

#order_now:hover {
  color: black;
  text-decoration: none;
  background: white;
  border-left: 10px solid rgb(255,255,255);
  border-right: 10px solid rgb(255,255,255);
}

#order_crowdsupply,
#order_inversepath,
#order_f-secure,
#order_hackerwarehouse,
#order_ryscc {
  display: block;
  height:38px;
  width: 228px;
  border-top: 4px solid rgb(0,0,0);
  border-bottom: 4px solid rgb(0,0,0);
  text-align: center;
  margin: 20px auto
}

#order_inversepath { background: rgb(0,0,0) url(/images/inversepath_logo_order.png) no-repeat 50% 17px }
#order_f-secure { background: rgb(0,0,0) url(/images/f-secure_logo_order.png) no-repeat 50% 17px }
#order_crowdsupply { background: rgb(0,0,0) url(/images/crowd_supply_logo.png) no-repeat 50% 20px }
#order_hackerwarehouse { background: rgb(0,0,0) url(/images/hackerwarehouse_logo.png) no-repeat 50% 14px }
#order_ryscc { background: rgb(0,0,0) url(/images/ryscc_logo.png) no-repeat 40% -8px }

#order_inversepath:hover,
#order_f-secure:hover,
#order_crowdsupply:hover,
#order_hackerwarehouse:hover,
#order_ryscc:hover {
  border-top: 4px solid rgb(255,255,255);
  border-bottom: 4px solid rgb(255,255,255);
  text-align: center
}

#order_inversepath:hover { background: rgb(255,255,255) url(/images/inversepath_logo_order_hover.png) no-repeat 50% 17px }
#order_f-secure:hover { background: rgb(255,255,255) url(/images/f-secure_logo_order_hover.png) no-repeat 50% 17px }
#order_crowdsupply:hover { background: rgb(255,255,255) url(/images/crowd_supply_logo_hover.png) no-repeat 50% 20px }
#order_hackerwarehouse:hover { background: rgb(255,255,255) url(/images/hackerwarehouse_logo_hover.png) no-repeat 50% 14px }
#order_ryscc:hover { background: rgb(255,255,255) url(/images/ryscc_logo_hover.png) no-repeat 40% -8px }

#top_menu_home {
  width: 511px;
  height: 24px;
  margin: 120px 0px;
  padding: 0px;
  text-align: center
}

#top_menu,
#top_menu_f-secure {
  width: 1020px;
  height: 24px;
  margin: 90px 0px 0px -40px
}

#top_menu_f-secure {
  margin: -24px 0px 0px 0px;
  width: 284px;
  float: right;
}

#top_menu_f-secure_home {
  margin: -144px 0px 0px 0px;
  width: 284px;
  float: right;
  text-align: center;
}

#top_menu_f-secure br,
#top_menu_f-secure_home br {
  line-height: 110%
}

#top_menu_second_level {
  width: 542px;
  height: 24px;
  margin: -0px 0px 0px -40px /* margin: -5px 0px 0px -40px */
}

#top_menu li,
#top_menu_home li,
#top_menu_f-secure li,
#top_menu_f-secure_home li,
#top_menu_second_level li {
  height: 10px;
  display: inline-block
}

#top_menu_home li,
#top_menu_f-secure_home li {
  margin-right: 2px;
  margin-left: 2px
}

#top_menu li,
#top_menu_f-secure li,
#top_menu_second_level li {
  margin-right: 4px;
  margin-left: 0px
}

#top_menu li a,
#top_menu_home li a,
#top_menu_f-secure li a,
#top_menu_f-secure_home li a,
#top_menu_second_level li a,
#availability,
#order_crowdsupply,
#order_inversepath,
#order_f-secure,
#order_hackerwarehouse,
#order_ryscc {
  text-decoration: none;
  font-weight:bold;
  font-size:12.5px;
}

#top_menu li a,
#top_menu_home li a,
#top_menu_f-secure li a,
#top_menu_f-secure_home li a,
#top_menu_second_level li a {
  color: rgb(180,180,180)
}

#availability { color: rgb(0,0,0) }

#order_crowdsupply,
#order_inversepath,
#order_f-secure,
#order_hackerwarehouse,
#order_ryscc {
  color: rgb(255,255,255)
}

#top_menu li a,
#top_menu_home li a,
#top_menu_f-secure li a,
#top_menu_f-secure_home li a,
#top_menu_second_level li a {
  height: 10px
}

#top_menu_home li a,
#top_menu_f-secure_home li a {
  margin-right: 3px;
  margin-left: 3px
}

#top_menu li a,
#top_menu_f-secure li a,
#top_menu_second_level li a {
  margin-right: 6px;
  margin-left: 0px
}

#top_menu li a.selected,
#top_menu li a:hover,
#top_menu_home li a.selected,
#top_menu_home li a:hover,
#top_menu_f-secure li a.selected,
#top_menu_f-secure li a:hover,
#top_menu_f-secure_home li a.selected,
#top_menu_f-secure_home li a:hover,
#top_menu_second_level li a.selected,
#top_menu_second_level li a:hover,
#order_crowdsupply:hover,
#order_inversepath:hover,
#order_f-secure:hover,
#order_hackerwarehouse:hover,
#order_ryscc:hover {
  color: black;
}

#top_menu_f-secure li,
#top_menu_f-secure_home li {
  display: block;
/*  float: right */
}

#top_menu_f-secure li a,
#top_menu_f-secure_home li a {
  margin-right: 0px;
}

#top_menu_f-secure_home li {
  margin-left: -20px;
}

#home_logos_menu {
  text-align: center;
  margin: 15px auto 0px auto;
  padding: 0
}

#logos_menu {
  float: right;
  margin: 0px
}

#logos_menu li,
#home_logos_menu li {
  display: inline-block
}

#logos_menu li a,
#home_logos_menu li a {
  text-indent: -9999px;
  height: 25px
}

#home_logos_menu li a { margin: 0px 10px 0px 10px }
#logos_menu li a { margin: 0px 0px 0px 20px }

#footer{
  height: 75px;
  border-top: 1px dotted silver;
  padding-top: 15px
}

#footer div {
  font-size: 7pt;
  line-height: 1.2em;
  color: gray
}

#footer div a {
  text-decoration: none;
  font-size: 7pt;
  line-height: 1.2em;
  color:gray
}

#footer div a:hover { color: black }

#home_footer {
  height: 75px;
  width: 768px;
  margin: 40px auto 0 auto;
  border-top: 1px dotted silver;
  padding-top: 15px
}

#logos_menu li a.software,
#logos_menu li a.security,
#logos_menu li a.infrastructure,
#logos_menu li a.hardware,
#home_logos_menu li a.software,
#home_logos_menu li a.security,
#home_logos_menu li a.infrastructure,
#home_logos_menu li a.hardware {
  display: block;
  width: 25px;
  float: left
}

#logos_menu li a.software,
#home_logos_menu li a.software { background: url(/images/floppy.svg) top right }

#logos_menu li a.security,
#home_logos_menu li a.security { background: url(/images/lock.svg) top right }

#logos_menu li a.infrastructure,
#home_logos_menu li a.infrastructure { background: url(/images/network.svg) top right }

#logos_menu li a.hardware,
#home_logos_menu li a.hardware { background: url(/images/serial.svg) top right }

#screenshots {
  border-collapse: collapse;
  width: 100%
}

#screenshots td { padding: 12px }

.float_left { float: left }
.float_right { float: right }

.centered { text-align: center }

.centered_block {
  display: block;
  margin-left: auto;
  margin-right:auto
}

.news { color: gray }

.news_list {
  list-style: none;
  border-left: 4px solid rgb(179,179,179)
}

.news_list li {
  background: url(/images/triangle.svg) 0 4px no-repeat;
  line-height: 150%;
  margin-left: -40px;
  padding: 0px 0px 10px 16px;
  clear: left;
  cursor: pointer
}

.news_list li a {
  text-decoration: none !important;
  line-height: 13px
}

.news_list li p { margin-left: 20px }

.news_list li span.date {
  width: 100px;
  font-size: 10px;
  color: rgb(125,125,125);
  display: block;
  float: left;
  line-height: 18px;
  margin-right: 10px;
  cursor: pointer
}

.year {
  margin-left: -15px;
  cursor: pointer
}

.code {
  font-family: monospace;
  background: rgb(240,240,240);
  padding: 10px;
  border: 1px solid rgb(230,230,230)
}

fieldset.info {
  border:none;
  padding: 0;
  text-align: justify
}

#legal_popup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-top: -20px
}

#fade {
  background: black;
  position: fixed;
  width: 100%;
  height: 100%;
  /*filter: alpha(opacity=80);*/
  opacity: .80;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
  left: 0;
  z-index: 99
}

.popup_block {
  background: white;
  padding: 25px;
  border: 2px solid rgb(220,220,220);
  float: left;
  width: 480px;
  position: fixed;
  top: 20%;
  left: 50%;
  margin: 0 0 0 -250px;
  z-index: 100
}

.popup img.close_button {
  position: absolute;
  right: -12px;
  top: -12px
}

#thumbnails {
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px 0
}

#thumbnails img {
  border: none;
  padding: 0;
  margin: 0
}

#thumbnails ul {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  float: left;
  position: relative;
  left: 50%
}

#thumbnails li {
  float: left;
  position: relative;
  right: 50%;
  padding: 0;
  margin: 0
}

#thumbnails li a {
  margin: 0;
  padding: 0px;
  display: block;
  width: 110px;
  height: 65px;
  text-decoration: none;
  border: none;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  opacity: .5
}

#thumbnails li a:hover, #thumbnails li.on_focus a {
  text-decoration: none;
  border: none;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1
}

#hi_res_images {
  clear: both;
  margin:10px auto;
  padding: 0;
  overflow: hidden;
  height: 310px;
  width: 510px
}

.hi_res_image {
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  position: relative;
  display: block;
  height: 310px;
  width: 510px
}

.purchase_form {
  width: 90%;
  float: right
}

.purchase_form input[type="text"] {
  display: block;
  width: 100%;
  font-family: sans-serif;
  font-size: 12px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  border-bottom: 1px dotted silver;
  padding: 5px;
  transition: border 0.3s
}

.purchase_form input[type="text"]:focus {
  outline: none;
  border-bottom: 1px dotted black
}

.purchase_form input[type="text"].quantity {
  width: 27px;
  display: inline-block;
  text-align: right;
  padding: 3px;
  border: 1px dotted silver
}

.purchase_form input[type="text"].quantity:focus { border: 1px dotted black }

::-webkit-input-placeholder { color: gray }
:-moz-placeholder { color: gray }
::-moz-placeholder { color: gray }
:-ms-input-placeholder { color: gray }

.purchase_form select {
  float: right;
  margin-bottom: 10px;
  border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/images/dropdown_menu.svg) no-repeat;
  background-position: 160px 7px;
  width: 180px;
  text-indent: 0.01px;
  text-overflow: "";
  color: black
}

.purchase_form select:hover { cursor: pointer }

select::-ms-expand { display: none }

#customButton {
  float: right;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  padding: 10px;
  color: white;
  background: black
}

#customButton[disabled] {
  cursor: auto;
  background: rgb(160,160,160)
}

.purchase_form table {
  text-align: right;
  width: 100%
}

#support { margin-top: 120px }

#stripe_logo {
  display: block;
  height: 26px;
  width: 119px;
  background: url(/images/stripe.png) no-repeat top left;
  text-indent: -9999px;
  clear: both;
  margin-top: 20px;
  margin-bottom: -25px;
  float: right
}

:focus { outline: none }
::-moz-focus-inner { border: 0 }