/* reset.css */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}button{color:inherit;font:inherit;margin:0;}
/* 960.css */ body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after,.container_16:before,.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after,.container_16:after{clear:both}.clearfix

html,body {
  font-family: Arial,Sans-Serif;
  font-size: 12px;
}
a { color: blue; text-decoration: none }
p a+a { margin-left:0 }
a:hover { text-decoration: underline }
.intel .systemSize,.intel a { color: #1358B3; }
.amd .systemSize,.amd a { color: #096 }
textarea { font-size: 11px; color: #333 }
input { font-family: Arial,Sans-Serif; }
li { margin-bottom: 5px }

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,
table,address,fieldset,figure { margin-bottom: 20px; }

noscript h4 { font-size: 30px; text-shadow: 2px 2px 2px black }
noscript div {
  margin-bottom: 10px;
  padding: 20px 20px 10px 20px;
  font-size: 16px;
  color: white;
  text-shadow: 1px 1px 1px black;
  position:fixed; z-index: 99999;
  border: 2px solid black;
  border-left: 0;
  background-color: #ff3019; /* Old browsers */
}
noscript a { color: #bcf; }

.big { font-size: 1.8em; }
.medium { font-size: 1.4em; }
.small { font-size: .9em; font-weight: normal; }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }

.alignLeft { text-align: left !important }
.alignCenter { text-align: center !important }
.alignRight { text-align: right !important }
.alignTop { vertical-align: top !important }
.alignMiddle { vertical-align: middle !important }
.alignBottom { vertical-align: bottom !important }
.nowrap { white-space: nowrap }

.margin_0_0 { margin: 0 }
.margin_2_0 { margin: 2px 0 }
.margin_5_0 { margin: 5px 0 }
.margin_0_10 { margin: 0 10px }
.margin_5_10 { margin: 5px 10px }
.margin_5_20 { margin: 5px 20px }
.margin_10_0 { margin: 10px 0 }
.margin_15_0 { margin: 15px 0 }
.margin_20_0 { margin: 20px 0 }
.margin_30_0 { margin: 30px 0 }
.margin_40_0 { margin: 40px 0 }
.margin_50_0 { margin: 50px 0 }
.margin_60_0 { margin: 60px 0 }
.margin_top { margin: 20px 0 5px 0 }
.padding_0_0 { padding: 0 }
.padding_5_10 { padding: 5px 10px}

.floatLeft { float: left }
.floatLeftPad { float: left; margin: 0 20px 20px 0 }
.floatRight { float: right }
.floatRightPad { float: right; margin: 0 0 20px 20px }

.pagebanner,.pagebanner2 {
  position:relative;
  overflow:hidden;
  background-color: black;
}
.pagebanner > .seoimage,.pagebanner > .imageblock {
  position: absolute;
}
.pagebanner-widgets {
  position: absolute;
  bottom: 0px; left: 0px;
  height: 0px; width: 100%;
  text-align: center;
}
.pagebanner-widget {
  display: inline-block;
  width: 12px; height: 12px;
  margin: 0 10px;
  position: relative;
  top: -20px;
  border: 1px solid #aaa;
  border-radius: 2px;
  background: #818286;
  background: -moz-linear-gradient(top,  #818286 0%, #3d3c3a 48%, #20211f 50%, #18191b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818286), color-stop(48%,#3d3c3a), color-stop(50%,#20211f), color-stop(100%,#18191b));
  background: -webkit-linear-gradient(top,  #818286 0%,#3d3c3a 48%,#20211f 50%,#18191b 100%);
  background: -o-linear-gradient(top,  #818286 0%,#3d3c3a 48%,#20211f 50%,#18191b 100%);
  background: -ms-linear-gradient(top,  #818286 0%,#3d3c3a 48%,#20211f 50%,#18191b 100%);
  background: linear-gradient(to bottom,  #818286 0%,#3d3c3a 48%,#20211f 50%,#18191b 100%);
}

.pagebanner2 > * {
  display: block;
}
.pagebanner2 img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.pagebanner2 .pagebanner-widgets {
  position: absolute;
  bottom: 5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height:  auto;
  pointer-events: none;
}
.pagebanner2 .pagebanner-widget {
  display: block;
  position: static;
  top: 0;
  pointer-events: auto;
}


.breadcrumbs div { display: inline; }
.breadcrumbs .breadcrumb-separator { margin: 0 7px }

.seoimage,.imageblock {
  display: block;
  text-align: left;
  text-indent: -9999px;
  background-position: center center;
  background-repeat: no-repeat;
}
.inline { display: inline-block; }

.compactlist li { margin: 0 0 0 30px }
.simplelist { list-style: none }
.simplelist li { margin-left: 0 }
.pdflist { list-style-image: url(https://www.thinkmate.com/images/icon_pdf.png); }
.pdflist li { line-height: 24px; }

.gray { color: #777 }
.smallprint {
  font-size: 9px;
  color: #777;
}
.fade,.fade select { color: #777 }
@media screen {
  .printonly { display: none }
}
.printright {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
}
.printright > .phone {
  font-size: 24px;
  font-weight: bold;
}

.padding_5_10 { padding: 5px 10px; }
.table_4_8 td,.table_4_8 th { padding: 4px 8px }
.table_0_2 td,.table_0_2 th { padding: 0 2px }
.table_1_10 td,.table_1_10 th { padding: 1px 10px }
.table_2_10 td,.table_2_10 th { padding: 1px 10px }
.table_3_10 td,.table_3_10 th { padding: 3px 10px }
.table_5_5 td,.table_5_5 th { padding: 5px 5px }
.table_5_10 td,.table_5_10 th { padding: 5px 10px }
.table_5_20 td,.table_5_20 th { padding: 5px 20px }
.table_align_middle td,.table_align_middle th { vertical-align: middle }

.table_col,.table_col_3,.table_col_4 {
  border-collapse: separate;
  border-spacing: 20px 0;
  width:100%;
}
.table_col_3 > tr > td,.table_col_3 > tr > th { width: 33.3333%; }
.table_col_4 > tr > td,.table_col_4 > tr > th { width: 25%; }

.shift_left_2 { margin-left: -2px }
.shift_left_8 { margin-left: -8px }
.shift_left_10 { margin-left: -10px }
.shift_left_20 { margin-left: -20px }

.table_list,table_simplelist { width: 100% }
.table_simplelist thead td,.table_simplelist thead th { font-weight: bold; font-size: .85em; }
.table_list thead td,.table_list thead th { background-color: #eee; border-bottom: 1px solid black; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 1px #aaa; }
.table_list td,.table_list th { border-bottom: 1px solid #ddd }
.table_list td td { border-bottom: none }
.table_filters { background-color: #f4f4f4; width: 100%; border: 1px solid #ddd }
.table_bordertop { border-top: 1px solid #ddd }

.table_contactform>tbody>tr>td>label,
.table_contactform>tbody>tr>th>label { display:inline-block; max-width: 180px }
.table_contactform .error { font-size:10px;color:#cc0000;text-shadow:0px 0px 1px #ccc;background-color:#fee;border-bottom:2px solid white }

.table_quote thead td,.table_quote thead th { border-top: 1px solid black; border-bottom: 2px solid black; font-weight: bold; white-space: nowrap }
.table_quote .product { border-top: 1px solid #aaa }

.odd td { }
.even td { background-color: #f0f8ff }
.even td td { background-color: transparent }

.minwidth { width: 1px; white-space: nowrap }
.noborder { border: none !important }
.tiptip,.mousehover { cursor: pointer }
.mousehover,.mousehover td,,.mousehover th { background-color: #d6f0ff !important; }
.padRight { padding-right:10px }

.abox { border: 1px solid #555; padding: 10px 20px; margin-bottom: 20px; border-radius: 2px; }
.bbox {
  border: 1px solid #777;
  margin-bottom: 20px;
  border-radius: 1px;
  box-shadow: 2px 2px 2px #ddd;
}

.sitebar {
  padding: 4px 10px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 1px 1px black;
  background-color: #555;
  color: white;
}

.info_message,.error_message {
  padding: 10px 20px; border: 1px solid;
  border-radius: 2px;
  margin-bottom: 20px;
}
.info_message h4,.error_message h4 {
  font-size: 16px;
  margin: 0 0 3px 0;
}
.info_message {
  background-color: #ffffee;
  border-color: #ddbb00;
  box-shadow: 0 0 1px #ffcc55;
}
.error_message {
  background-color: #ffeeee;
  border-color: #dd0000;
  box-shadow: 0 0 2px red;
}
.ship_message {
  margin-left: -60px;
  max-width: 340px;
  font-size: 11px;
  color: #880000;
  padding: 3px 10px;
  text-align: left;
}

.order-config {
  padding: 5px 10px; margin: 10px 0;
  border: 1px solid #ddd;
  font-size:10px;line-height:14px;
}
.order-config h5 {
	margin: 10px 0 2px 0;
	padding: 0;
	font-size: 12px;
}
.order-config h5:first-child {
	margin-top: 0;
}

.highlight {
  background-color: #bafcab;
  padding: 1px 4px;
  font-size: 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}

#search-container {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #aaaaaa;
  list-style: none;
  z-index: 9999;
}
#search-container .search_result {
  margin-bottom: 5px;
  padding-left: 50px;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 0;
}
.search_result {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 75px;
  min-height: 50px;
  margin-bottom: 20px;
  cursor: pointer;
}

.ziptoloc {
  position: absolute;
  background-color: white;
  padding: 10px;
  line-height: 1.5em;
  border: 1px solid #555;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #ccc;
}
.ziptoloc-close {
  position: absolute; top: -4px; right: 5px;
  background: white url(https://www.thinkmate.com/images/cfg_x.png) 1px 1px no-repeat;
  width: 9px; height: 9px;
  border: 1px solid #555;
  border-radius: 6px;
  box-shadow: 2px 2px 2px #ccc;
  text-indent: -9999px;
  cursor: pointer;
}

.tabs { margin: 0; padding: 0 0 0 5px; list-style: none;
  background: url(https://www.thinkmate.com/images/navbar_grad_reverse_2.png) left bottom repeat-x;
  border-bottom: 1px solid #555; height: 25px; margin: 15px 0 20px 0 }
.tabs li { margin: 0 5px 3px 0; padding: 0; float: left }
.tabs li a {
  color: #555; font-size: 12px;
  display: block;
  padding: 3px 20px 0 20px; height: 21px; line-height: 18px;
  border: 1px solid #bbb; border-bottom: 1px solid #555;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: -moz-linear-gradient(top,  rgba(171,171,171,0.65) 0%, rgba(171,171,171,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,171,171,0.65)), color-stop(100%,rgba(171,171,171,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(171,171,171,0.65) 0%,rgba(171,171,171,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(171,171,171,0.65) 0%,rgba(171,171,171,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(171,171,171,0.65) 0%,rgba(171,171,171,0) 100%); /* IE10+ */
  background: linear-gradient(rgba(171,171,171,0.65) 0%,rgba(171,171,171,0) 100%); /* W3C */
}
.tabs li.active a {
  background-color: white;
  background-image: none;
  filter: none;
  color: #222;
  border: 1px solid #555;
  border-bottom: 1px solid white;
  height: 21px; margin-top: -2px; padding-top: 5px;
}
.tabs:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }

#currency-select { padding-left:20px; background-position: left center; background-repeat: no-repeat; }

#pagination_table { width: 100% }
#pagination_table thead td,#pagination_table thead th { background-color: #eee; border-bottom: 1px solid black; font-weight: bold; font-size: 12px; text-shadow: 1px 1px 1px #aaa; }
#pagination_table thead a { color: black }
#pagination_table td,#pagination_table th { border-bottom: 1px solid #ddd; padding: 5px 10px }

.gradient_red {
  background-image: url(../jpg/header_red_glass.jpg) !important;
}

.table_systemrows thead td {
  font-size: 10px;
  font-weight: bold;
}
.table_systemrows {
  border-collapse:separate;
  border-spacing: 0px 10px;
  width: 100%;
}
.table_systemrows tr {
  background: url(https://www.thinkmate.com/images/shared/navbar_grad_50px.jpg) left 1px repeat-x;
  box-shadow: 2px 2px 2px #eee;
}
.table_systemrows td {
  border: 1px solid #ccc;
  border-right: none;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
}
.table_systemrows ul,.table_systemrows li {
  margin: 0px; padding: 0px;
  list-style: none;
}
.table_systemrows tbody td:nth-child(2) {
  border-left: none;
}
.table_systemrows td:last-child {
  border-right: 1px solid #ccc;
}
.table_systemrows .seoimage,.table_systemrows .imageblock {
  border: 1px solid #ddd;
  background-color: white;
}
.table_systemrows .price {
  font-weight: bold;
  font-size: 12px;
  color: #444;
  margin: 4px 0;
}
.table_systemrows .sysHover {
  box-shadow: 0px 0px 8px #888;
  background: #ffffff;
  cursor: pointer;
}
.table_systemrows .sysHover td {
  border-top-color: #888;
  border-bottom-color: #888;
}
.table_systemrows .sysHover td:first-child {
  border-left-color: #888;
}
.table_systemrows .sysHover td:last-child {
  border-right-color: #888;
}

.table_systemrows .specimage {
  display: block;
  margin: 0 auto 4px auto;
}

.systemfilters { font-size: 10px }
.systemfilters h2 {
  background-color: #eee;
  margin: 0px; padding: 2px 10px;
  font-size: 11px; font-weight: bold;
}
.systemfilters .floatRight { margin: 2px 10px; }
.systemfilters table { width: 100%; box-shadow: 2px 2px 2px #eee; }
.systemfilters td { border: 1px solid #ccc; border-bottom: 3px solid #555; }
.systemfilters ul { margin: 4px 0px 0px 0px; padding: 0px; list-style: none; font-size: 9px; }
.systemfilters ul ul { margin: 0px 0px 0px 20px }
.systemfilters input { margin-top: -1px; position: relative; top: 1px; left: -2px }
.systemfilters li { margin: 0px; padding: 0px; white-space: nowrap; font-size: 9px }
.systemfilters .checked { font-weight: bold }
.systemfilters .checked li { font-weight: normal }
.systemfilters .disabled { color: #888; }
.systemfilters .disabled li { color: #333; }

.systembucket h3 {
  margin: 20px 0px 0px 0px;
  padding: 2px 10px;
  background-color: #555;
  font-size: 12px;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  border-radius: 2px;
  box-shadow: 2px 2px 2px #ddd;
}
.systembucket h3 span.floatRight {
  margin-left: 40px;
}
.systembucket h4 {
  margin: 5px 0px 0px 0px;
  padding: 0px;
  font-size: 11px;
  border-bottom: 1px solid #ccc;
  text-shadow: 1px 1px 1px #ddd;
}
.systembucket .products h4:first-child {
  margin-top: 0px;
}
.systembucket .seoimage,.systembucket .imageblock {
  margin: 10px auto;
}
.systembucket .notes {
  background: white url(https://www.thinkmate.com/images/shared/navbar_grad_50px.jpg) left top repeat-x;
  padding: 5px 9px; margin: 0px;
  font-size: 11px; text-shadow: 1px 1px 0px white;
  border: 1px solid #ddd;
  border-radius: 2px;
}
.systembucket .sys-warning {
  margin: 5px 0px;
  padding: 5px 9px;
  background-color: #ffeeee;
  border: 1px solid #dd0000;
  box-shadow: 0 0 2px red;
  border-radius: 2px;
}
.systembucket .products {
  font-size: 12px;
  line-height: 1.8em;
  margin-top: 5px;
}
.systembucket input[type="radio"],.systembucket input[type="checkbox"] {
  margin-right: 5px;
  position: relative; top: 1px;
  z-index: 0;
}
.systembucket .qty {
  font-weight: bold;
  display: inline-block;
  text-align: right;
  margin-right: 4px; padding-right: 11px;
  background: url(https://www.thinkmate.com/images/cfg_x.png) right 8px no-repeat;
}
.systembucket .qty select {
  font-size: 11px;
}
.systembucket .delay {
  background: #fff9ca url(https://www.thinkmate.com/images/avail_icon.gif) 2px center no-repeat;
  margin-left: 10px;
  padding: 1px 2px 1px 16px;
  font-size: 9px; color: #555;
  border: 1px solid #cccc00;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #eee;
  cursor: help;
}
.systembucket .value {
  margin-left: 10px;
  color: #777;
  font-weight: bold;
  font-size: 11px;
}
.bottomPrice {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bottomPrice .price {
  font-weight: bold;
}
.price { position: relative }
.fixedTop {
  position: fixed;
  top: -12px;
  z-index: 1;
}
.system-description {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
#configBar {
  background-color: gray;
  color: white;
  margin: 10px;
  padding: 5px 0px 5px 0px;
  border-radius: 3px;
  box-shadow: 2px 2px 2px #888;
  font-size: 11px; text-shadow: 1px 1px 0px black;
  z-index: 1;
}
#configBar input[type="text"] { font-size: 11px }
#configBar ul { margin: 2px 0px 0px 0px; padding: 0px; list-style: none; }
#configBar li { margin: 0px 10px 0px 0px; padding: 0px; float: left; }
#configBar .smallbuttonLink { font-weight: bold; position: relative; top: 3px; z-index: 0; }
#configBar .price { font-weight: bold; font-size: 1.2em; }
#configBar #viewing-config {
  font-size: 12px;
  margin: 2px 10px 8px 10px;
}
#configBar #viewing-config span {
  font-weight: bold;
  display: inline-block;
  width: 160px;
}
#configBar #viewing-config a {
  border: 1px solid #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #777;
  padding: 2px 5px 2px 20px;
  cursor: pointer;
}
#configBar #viewing-config a.active {
  color: #fff; font-weight: bold;
  background: url(https://www.thinkmate.com/images/white-check.png) 3px 1px no-repeat
}

.system-finance {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
  font-weight: normal;
  color: #555;
  cursor: pointer;
  padding-right: 16px;
  text-align: left;
  background: url(https://www.thinkmate.com/images/icon-info-hover.png) right center no-repeat;
}
#configBar2 {
  display: table;
  width: 980px;
  margin: 10px 0;
  color: #eeeeee;
  background-color: #555555;
}
#configBar2 > div {
  display: table-cell;
  vertical-align: middle;
}
#configBar2 #configBar2-box1 {
  width: 580px;
}
#configBar2 #configBar2-box2 {
  width: 150px;
}
#configBar2 #configBar2-box3 {
  width: 250px;
}
#configBar2-box1 #configBar2-nameit {
  display: inline-block;
  margin: 10px 0 4px 10px;
}
#configBar2-box1 .tiptip {
  display: inline-block;
  width: 25px; height: 22px;
  background: url(https://www.thinkmate.com/images/cfg_info.png) center center no-repeat;
  text-indent: -9999px;
}
#configBar2-box1 #configBar2-sysname {
  margin: 0 0 8px 10px;
  display: inline-block;
  background-color: #222222;
  padding: 1px 2px;
  width: 210px;
}
#configBar2-box1 .smallbuttonLink {
  height: 22px;
  line-height: 19px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 0 10px;
}
#cfg-name {
  font-size: 11px;
  height: 20px;
  width: 200px;
  line-height: 20px;
  border: none;
  background-color: #ffffff;
  padding: 0 5px;
}

#configBar2 #configBar2-box2 > div {
  min-height: 65px;
  font-weight: bold;
}
#configBar2 #configBar2-box2 .price {
  font-size: 24px;
  line-height: 24px;
}
#configBar2 #configBar2-box2 .price .system-finance {
  color: #eeeeee;
  position: relative;
  top: -6px;
}

#configBar2-box3 > input {
  display: inline-block;
  margin: 0 0 0 4px;
}
#configBar2-box3 .button-order { width: 246px; height: 35px; margin: 10px 10px 4px 10px; }
#configBar2-box3 .button-rfq { width: 121px; height: 26px; margin: 0 4px 10px 10px; }
#configBar2-box3 .button-sfr { width: 121px; height: 26px; margin: 0 10px 10px 0; }
#configBar2-box1 .button-specs {
  border: none !important;
  background-image: url(https://www.thinkmate.com/images/button-icon-all.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent !important;
  margin: 0 0 0 10px !important;
  padding: 0 0 0 12px !important;
  box-shadow: none;
  color: #eee;
  text-decoration: underline;
}
#configBar2-box1 .button-isvbomexport {
  border: none !important;
  background-image: url(https://www.thinkmate.com/images/export-to-file.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent !important;
  margin: 0 0 0 10px !important;
  padding: 0 0 0 16px !important;
  box-shadow: none;
  color: #eee;
  text-decoration: underline;
}

#extra-info-row {
  display: table;
  height: 27px;
  margin: 0 0 10px 10px;
}
#extra-info-row > div {
  display: table-cell;
  vertical-align: bottom;
  min-width: 127px;
}
.extra-info-label {
  font-weight: bold;
  font-size: 11px;
  line-height: 13px;
  color: #f8f8f8;
}
.extra-info-text {
  font-size: 11px;
  line-height: 13px;
  color: #dddddd;
}

#noise-level2 {
  display: table;
  padding-left: 14px;
  background: url(https://www.thinkmate.com/images/config-icon-ear.png) left center no-repeat;
  margin-right: 20px;
}
#noise-level2 > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 3px;
}
#noise-level2-grill {
  display: inline-block;
  width: 17px; height: 23px;
  position: relative; top: 3px;
  background-color: #777777;
  background-image: url(https://www.thinkmate.com/images/noise-level-bar-3.png);
  background-position: 0px 0;
}
#noise-level2-grill > div {
  display: inline-block;
  width: 17px; height: 23px;
  background-image: url(https://www.thinkmate.com/images/noise-level-grill.png);
}

#power-estimate2 {
  padding-left: 22px;
  background: url(https://www.thinkmate.com/images/config-icon-power.png) left center no-repeat;
  margin-right: 20px;
}
#power-estimate2-tiptip {
  text-decoration: underline;
  cursor: pointer;
}

/*
#configBar2 {
  font-size: 12px;
  margin: 12px 0;
  color: #eeeeee;
}
#configBar2 > div {
  width: 960px;
  margin: 0 auto;
}
#configBar2.fixedTop {
  width: 100%;
  z-index: 1;
}
.configBar2-pricebox {
  float: right;
  margin: 10px 0 0 0;
  text-shadow: 1px 1px 1px black;
}
.configBar2-pricebox .price {
  font-size: 1.2em;
  font-weight: bold;
}
.configBar2-row1 {
  display: table;
  padding: 10px 0;
}
.configBar2-row2 {
  display: table;
  padding-bottom: 10px;
}
.configBar2-row1 > div {
  display: table-cell;
  vertical-align: middle;
}
.configBar2-row2 > div {
  display: table-cell;
  vertical-align: bottom;
  padding-right: 10px;
}
.configBar2-row2 > div.extra-info {
  vertical-align: middle;
}
.configBar2-row2 .orange {
  width: 150px;
}

.configBar2-row1 .tiptip {
  display: inline-block;
  width: 20px; height: 18px;
  background: url(../images/cfg_info.png) center center no-repeat;
  text-indent: -9999px;
}
.configBar2-row1 #cfg-name {
  font-size: 10px;
  width: 190px; height: 19px; line-height: 18px;
}

.configBar2-row2 .extra-info {
  padding: 0 20px;
}

#noise-level { background: url(/images/config-icon-ear.png) left center no-repeat; padding-left: 16px; margin: 0 20px 0 10px !important }
#power-estimate { background: url(/images/config-icon-power.png) left center no-repeat; padding-left: 16px; }

#nl2box,#nl2box span { display: inline-block; height: 14px; }
#nl2box { width: 49px; position: relative; background-color: #ddd; margin-right: 6px; top: 3px }
#nl2box span { position: absolute; left: 0; top: 0 }
#nl2box-1 { background-image: url(/images/noise-level-bar-2.png); width: 0%; z-index: 1; }
#nl2box-2 { background-image: url(/images/noise-level-grill-2.png); width: 100%; z-index: 2; }
*/


#config-warnings {
  position:absolute; left: 50%; width: 400px; margin: 0px 0 0 80px;
  font-size: 11px; text-shadow: 1px 1px 0px black;
  z-index: 1;
}
#config-warnings div {
  padding: 10px 10px 10px 40px;
  margin-bottom: 3px;
}
#config-warnings .info {
  background: #330 url(https://www.thinkmate.com/images/ch_warning.png) 10px center no-repeat;
  border: 1px solid #880; box-shadow: 0 0 2px yellow;
}
#config-warnings .error {
  background: #300 url(https://www.thinkmate.com/images/ch_error.png) 10px center no-repeat;
  border: 1px solid #d00; box-shadow: 0 0 2px red;
}

.systemBottom p {
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.systemBottom h3 {
  font-weight: normal;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 5px;
  color: black;
}
.systemBottom .smallbuttonLink {
  font-weight: bold;
}

.leftMenu { border-right: 1px solid black }
.leftMenu h4 { margin: 20px 0 5px 0 }
.leftMenu h4:first-child { margin-top: 0 }
.leftMenu .active a { font-weight: bold; padding-right: 20px; background: url(https://www.thinkmate.com/images/rarr.gif) right center no-repeat }

.table_compare .details div+div { margin-top:10px }
.table_compare td { border: 1px solid #555; }
.table_compare table td { border: 0 }
.table_compare td.blank { border-width: 0px; }
.table_compare td.label { background-color: #eee; color: #555; }
.table_compare .details td { font-size: 10px; line-height: 12px; }
.table_compare .category td { background-color: #111; color: white; font-weight: bold; }
.table_compare .subcategory td { background-color: #ddd; font-weight: bold; font-size: 11px; }

#m2order { font-size: 10px }
#m2order h2 { text-align: center; border-bottom: 1px solid black; text-transform: uppercase; font-size: 12px; font-weight: bold }
#m2order table,#m2order p { width: 100%; margin-bottom: 5px }
#m2order table thead td { border-top: 1px solid black; border-bottom: 1px solid black; font-weight: bold }

#search-container {
  position: absolute;
  right: 50%;
  margin-right: -480px;
}

.product-filters h3,.product-pagination {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  padding: 5px;
}
.product-filters h3 { line-height: 18px; margin: 20px 0 0 0; font-size: 1em; }
.product-filters h3:first-child { margin-top: 0 }
.product-filters div { margin: 2px 0 2px 6px; font-size: .9em }
.product-pagination a,.product-pagination span {
  border: 1px solid #ddd;
  padding: 2px 5px;
  background-color: white;
  margin: 0 0 0 5px;
}
.product-pagination a.active { border: 1px solid black; }
.product h2 { font-size: 14px; margin-bottom: 0; }
.product .mfg-wrap { padding-right: 80px; background-position: right center; background-repeat: no-repeat; min-height: 30px }
.product .manufacturer { margin-top: 5px; font-size: 13px; color: #777; }
.product .price { font-size: 15px; }
.product .status { font-weight: bold; }
.product .buttonLink { margin-top: 10px; }
.product .compare_selected { border: 1px solid #ddd; padding: 2px; font-size: 12px; color: #555; }

.gallery_thumbs {
  width:244px !important;
  padding-right:10px;
  border-right: 1px solid #ccc;
}
.gallery_thumbs a {
  display: inline-block;
  width: 110px; height: 110px;
  border: 2px solid white;
  background-position: center center;
  background-repeat: no-repeat;
}
.gallery_thumbs a.active {
  border-color: #ccc;
}
.gallery_image {
  width: 500px !important;
}

.empty_page_container {
  text-align: center;
  margin-top: 40px;
  background-position: center top;
  background-repeat: no-repeat;
  color: #808080;
}
.empty_page_container h1 {
  color: #808080;
  margin: 10px 0;
  font-size: 39px;
}
.empty_page_container p {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.empty_page_container p.small {
  font-size: 14px;
  margin: 0 0 30px 0;
}

.category_block {
  background-color: #e8e8e8;
  margin-bottom: 20px;
}
.category_block h3 {
  font-size: 14px;
  line-height: 1.4em;
  padding: 5px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
.category_block .floatRight {
  padding: 5px;
}
.linkimage {
  transition: 0.1s all linear;
  background-color: #f8f8f8;
  padding: 15px 0px;
}
.linkimage:hover {
  background-color: #F4F8FF;
}

.ui-form-one { background: url(https://www.thinkmate.com/images/gray-bar-4-1.gif) 15px top repeat-y; padding-left: 50px; }
.ui-form-one h2 { margin: 20px 0 10px 0; line-height: 42px; margin-left: -50px; padding-left: 50px; background-position: left top; background-repeat: no-repeat; background-color: #ffffff }
.ui-form-one h2:nth-of-type(1) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-one.gif) }
.ui-form-one h2:nth-of-type(2) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-two.gif) }
.ui-form-one h2:nth-of-type(3) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-three.gif) }
.ui-form-one h2:nth-of-type(4) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-four.gif) }
.ui-form-one h2:nth-of-type(5) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-five.gif) }
.ui-form-one h2:nth-of-type(6) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-six.gif) }
.ui-form-one h2:nth-of-type(7) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-seven.gif) }
.ui-form-one h2:nth-of-type(8) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-eight.gif) }
.ui-form-one h2:nth-of-type(9) { background-image: url(https://www.thinkmate.com/images/ui-form-one-h2-nine.gif) }
.ui-form-one h2 span { font-size: .8em; color: #aaa; }

.radioselect { max-width: 600px; }
.radioselect:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.radioopt { float: left; width: 120px; line-height: 30px; margin: 0 8px 8px 0 }
.radioopt input { display: none }
.radioopt input:checked+label { background-color: #555; background-image: url(https://www.thinkmate.com/images/white-check.png); color: white }
.radioopt label { display: block; cursor: pointer; padding-left: 35px; background: #e0e0e0 url(https://www.thinkmate.com/images/white-unchecked.png) 10px center no-repeat; font-weight: bold }

.iblockrow { width: 700px; margin-bottom: 10px; }
.iblockrow:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.iblock { float: left; margin-right: 20px; }
.iblock label { display: block; line-height: 28px; }
.iblock input,.iblock select { width: 100%; }
.iblock1 { width: 160px }
.iblock2 { width: 250px }
.iblock3 { width: 340px }
.iblock4 { width: 520px }
.iblock5 { width: 430px }
.iblock6 { width: 610px }
.iblock7 { width: 190px }
.iblock8 { width: 137px }
.iblock9 { width: 400px }

.iblock .inputusd {
  text-indent:20px;
  background-image:url(https://www.thinkmate.com/images/usdinput.png);
  background-position:6px center;
  background-repeat:no-repeat;
}

.ui-form-one .traderef {
  padding-left: 26px;
  border-left: 4px solid #aaa;
  border-radius: 10px;
}
.traderef+.traderef {
  margin-top: 30px;
}

.iblockrow input,.iblockrow select {
  border: none;
  background-color: #ccc;
  padding: 5px;
  transition: background-color .5s;
}
.iblockrow input:focus,.iblockrow select:focus {
  background-color: #eee;
}
.iblockrow input:disabled,.iblockrow select:disabled {
  background-color: #f0f0f0;
  color: #aaa;
}

.login-entry {
  width: 400px;
  padding: 20px 70px;
  background-color: #e4e4e4;
  border-radius: 2px;
}
.login-entry-box {
  background-color: white;
  padding: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.login-entry-box hr {
  border-color: #e4e4e4;
  margin: 1px;
}
.login-entry-box input {
  color: #555555;
  font-size: 17px;
  line-height: 40px;
  height: 40px;
  width: 100%;
  text-indent: 40px;
  background: transparent 10px center no-repeat;
  border: 0;
  display: block;
}
.login-entry-box input.defaulttext {
  color: #bbbbbb;
}
.login-entry-box #login_email {
  background-image: url(https://www.thinkmate.com/images/login-icon-email.png);
}
.login-entry-box #login_password {
  background-image: url(https://www.thinkmate.com/images/login-icon-password.png);
}
.login-entry-box2 {
  font-size: 1.1em;
}
.login-entry-box2 label {
  margin-left: 8px;
  color: #777777;
}
.login-entry input[type="submit"] {
  width: 100%;
  font-size: 1.2em;
  margin: 15px 0;
}

.ui-linkrow-one {
  width: 500px;
  text-align: center;
  margin-bottom: -8px;
}
.ui-linkrow-one a {
  display: inline-block;
  padding: 10px 20px 18px 20px;
  margin: 0 5px;
  font-size: 15px;
  font-weight: bold;
  color: #999999;
  background: bottom center no-repeat;
  transition: 0.5s all linear;
}
.ui-linkrow-one a.active {
  color: #555555;
  background-image: url(https://www.thinkmate.com/images/linkrow-down-arrow.png);
}

.ui-modal-one h1 {
  background-color: #555555;
  line-height: 70px;
  color: white;
  text-align: center;
}
.ui-modal-one h2 {
  max-width: 440px;
  padding: 20px 50px;
  font-size: 17px;
  background-color: #e4e4e4;
}

.ui-postmessage-one {
  max-width: 440px;
  padding: 10px 50px;
  font-size: 17px;
  text-align: center;
}
.ui-postmessage-one p {
  margin: 10px 0 0 0;
  font-size: 13px;
}

.systemWrap {
  max-width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}
.list-view-system {
  margin: 10px -10px;
	padding: 10px;
  overflow: auto;
	display: flex;
  flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 20px;
}
.list-system {
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: 0 0 4px #e4e4e4;
  position: relative;
  width: 220px;
}
.list-system h3 {
  color: #054b90;
  font-size: 17px;
  font-weight: 900;
  line-height: 20px;
  margin: 0;
  padding: 10px 0 2px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
}
.list-system h3.amd {
  color: #009864
}
.list-system h4 {
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  padding: 0 0px 0px 10px;
  background-color: white;
  background-color: rgba(255,255,255,.75);
  margin-top: -120px;
  margin-bottom: 105px;
}
.list-system-image {
  display: block;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
}
.list-system-tags {
  position: absolute;
  top: -1px; right: -1px;
  padding: 5px;
  background: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 0 5px;
}
.list-system-tags span {
  transition: 0.3s all linear;
  display: inline-block;
  height: 16px;
  line-height: 17px;
  color: #8B8B8B;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: help;
}
.list-system-tags span:hover {
  color: #4d4d4d;
  border-bottom-color: #4d4d4d;
}
.list-system-tags .tiptip {
  border-bottom: 1px dotted #8B8B8B;
}
.list-system-support {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f8f8f8;
  padding: 5px 10px;
  color: #535353;
  font-size: 11px;
  line-height: 15px;
  height: 160px; /*125px;*/
}
.list-system-support h5 {
  color: #777777;
  font-size: 13px;
  font-weight: 900;
  margin: 0 0 5px 0;
  padding: 0;
}
.list-system-support div {
  background-position: left center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
.list-system-support span {
  color: #FE5907;
  font-weight: 900;
  white-space: nowrap;
  margin-right: 5px;
}
.list-system-bottom {
  display: table;
  width: 100%;
}
.list-system-bottom label,.list-system-price,.list-system-configure {
  display: table-cell;
  vertical-align: middle;
}
.list-system-bottom label {
  color: #777777;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  line-height: 13px;
  padding-left: 5px;
  width: 45px;
}
.list-system-price {
  width: 106px;
  padding: 0 3px;
  font-weight: 900;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
}
.list-system-configure {
  width: 58px;
  margin-bottom: -1px;
  padding-left: 4px !important;
}

.loading-box {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
}
.loading-box > div {
  position: absolute;
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  left: 25%;
  border-radius: 50%;
  border: 15px solid #f8f8f8;
  border-left: 15px solid #bafcab;
  -webkit-animation: loadingspin .7s linear infinite;
  animation: loadingspin .7s linear infinite;
}
@keyframes loadingspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-bar {
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  padding: 4px;
  -webkit-animation: loadingbar .75s linear infinite;
  animation: loadingbar .75s linear infinite;
}
@keyframes loadingbar {
  0% { background-color: #efffeb; color: #999999; }
  50% { background-color: #bafcab; color: #555555; }
  100% { background-color: #efffeb; color: #999999; }
}

.loading-spin {
  text-indent: -9999px;
  position: relative;
  width: 14px; height: 14px;
  border: 12px solid #efffeb;
  border-top: 12px solid #bafcab;
  margin: 15px 20px;
  border-radius: 50%;
  -webkit-animation: loadspin 0.9s infinite linear;
  animation: loadspin 0.9s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@keyframes loadspin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

#xborder-shipto {
  position: absolute; 
  right: 50%; top: 2px;
  margin-right: -480px;
  z-index: 1;
  background-position: right bottom;
  background-repeat: no-repeat;
}
#xborder-shipto select {
  width: 0; height: 16px;
  margin: 0; padding: 0 34px 0 0; border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url(https://www.thinkmate.com/images/shared/downarrow.gif) left bottom no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.support-ticket {
  border: 2px solid #aaa;
  padding: 10px;
  margin: 10px 0;
}
.support-ticket label {
  margin-right: 10px;
  color: #aaa;
}
.support-ticket h3 {
  color: #777;
  margin: 0;
}
.support-ticket ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0; padding: 0;
}
.support-ticket ul li {
  list-style: none;
  margin: 0; padding: 0;
}
.support-ticket .support-ticket-hlt {
  background-color: #bafcab;
  color: #333;
  font-weight: normal;
  padding: 0 5px;
}
.support-ticket .comment {
  margin-top: 10px;
  padding: 10px;
  background-color: #eee;
  font-size: 11px;
  line-height: 13px;
  color: #555;
}

.cookieConsent {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.cookieConsent > div {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: flex-end;
}
.cookieConsent .cookieWrap {
  box-sizing: border-box;
  pointer-events: auto;
  max-width: 440px;
  padding: 30px;
  background-color: rgba(0,0,0,.9);
  box-shadow: 0 0 20px rgba(0,0,0,.5);
  border: 1px solid #888;
  color: white;
  font-size: 14px;
}
.cookieConsent h4 {
  margin: 0 0 30px 0;
  font-size: 17px;
}
.cookieConsent .cookieWrap div {
  margin: 10px 0;
}
.cookieConsent .cookieWrap a {
  color: #2aade8;
}
.cookieConsent .cookieWrap .cookieButtons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 30px 0 0 0;
}
.cookieConsent .cookieWrap .cookieButtons a {
  padding: 12px 25px;
  border: 2px solid #0080b9;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  color: #ccc;
}
.cookieConsent .cookieWrap .cookieButtons a:hover {
  color: white;
  border-color: #00a3ec;
}
@media (max-width: 460px) {
  .cookieConsent .cookieWrap {
    max-width: 300px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .cookieConsent .cookieWrap .cookieButtons {
    padding: 0 25px;
    flex-direction: column;
  }
  .cookieConsent .cookieWrap .cookieButtons a {
    width: 100%;
  }
}



@media (min-width: 414px) and (max-width: 830px) and (orientation: portrait) {
  .list-view-system { gap: 10px; }
  .list-system { width: clamp(190px, 192px, 220px); }
}

.price-ex-vat {
  font-weight: normal
}