html { margin: 0; padding: 0; overflow-y: scroll; }
body { margin: 0; padding: 0; }

body {
	background-color: #f2f2f2;
  font-family: helvetica,arial,sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #333333;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'helvetica bold','arial bold',helvetica,arial,sans-serif;
  font-weight: 700;
}
h1,h2,h3 {
  color: var(--primary-color); /* #788628; */
}
h4,h5,h6 {
	color: #252525;
}
h1 { font-size: 36px; }
h1.auto_h1 { font-size: 30px }
h1 .small { color: #333333 }
h2 {  font-size: 24px; }
h3 { font-size: 24px; }
form h3 { font-size: 18px; color: #333333 }
h4 { font-size: 18px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }
h1+h2 { margin-top: -20px; color: #333333 }
input,select,textarea {
	font-weight: 400;
  font-family: Arial,sans-serif;
	font-size: 12px;
	color: #252525;
}
input::placeholder {
	color: black;
	opacity: 1;
}
h1,h2,h3,h4,h5,h6 {	font-weight: 700; }

h1 > *,h2 > *,h3 > *,h4 > *,h5 > *,h6 > * { color: var(--primary-color); }
a {	color: var(--primary-color); }
a:hover {	color:var(--primary-highlight); }
ul { list-style-type: square }
li { padding-left: 12px }
p,.empty_page_container p { margin: 20px 0 }
hr { border-color: #ddd }
.light hr { border-color: #ccc }

/* vertical flex; bottom position footer */
body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	min-width: auto;
}
body > * {
	flex-grow: 0;
	flex-shrink 0;
	flex-basis: auto;
}
#page-container {
	flex-grow: 1;
	flex-shrink 0;
	flex-basis: 100%;
}

.container_16 h1 { margin-top: 30px }
.container_16 h2 { color: #333333; }
.container_16 h4 { color: #333333; font-size: 15px; }
.margin-auto { margin-left: auto; margin-right: auto }

/* flex control */
section [class^="width-"] {	margin-left: auto; margin-right: auto; padding: 0 10px; }
.width-300 { max-width: 300px }
.width-400 { max-width: 400px }
.width-500 { max-width: 500px }
.width-600 { max-width: 600px }
.width-700 { max-width: 700px }
.width-800 { max-width: 800px }
.width-900 { max-width: 900px }
.width-1000 { max-width: 1000px }
.width-1100 { max-width: 1100px }
.width-1200 { max-width: 1200px }
[class^="flex-col-"] { display: flex;	flex-wrap: wrap; justify-content: center; list-style: none;	margin: 30px -10px;	padding: 0; }
[class^="flex-col-"] > * { display: block; margin: 10px 0;	padding: 0 10px;	list-style: none; }
.width-300 .flex-col-2 > * { flex-basis: calc( (320px / 2) - 20px ); }
.width-300 .flex-col-3 > * { flex-basis: calc( (320px / 3) - 20.01px ); }
.width-300 .flex-col-4 > * { flex-basis: calc( (320px / 4) - 20px ); }
.width-300 .flex-col-5 > * { flex-basis: calc( (320px / 5) - 20px ); }
.width-400 .flex-col-2 > * { flex-basis: calc( (420px / 2) - 20px ); }
.width-400 .flex-col-3 > * { flex-basis: calc( (420px / 3) - 20.01px ); }
.width-400 .flex-col-4 > * { flex-basis: calc( (420px / 4) - 20px ); }
.width-400 .flex-col-5 > * { flex-basis: calc( (420px / 5) - 20px ); }
.width-500 .flex-col-2 > * { flex-basis: calc( (520px / 2) - 20px ); }
.width-500 .flex-col-3 > * { flex-basis: calc( (520px / 3) - 20.01px ); }
.width-500 .flex-col-4 > * { flex-basis: calc( (520px / 4) - 20px ); }
.width-500 .flex-col-5 > * { flex-basis: calc( (520px / 5) - 20px ); }
.width-600 .flex-col-2 > * { flex-basis: calc( (620px / 2) - 20px ); }
.width-600 .flex-col-3 > * { flex-basis: calc( (620px / 3) - 20.01px ); }
.width-600 .flex-col-4 > * { flex-basis: calc( (620px / 4) - 20px ); }
.width-600 .flex-col-5 > * { flex-basis: calc( (620px / 5) - 20px ); }
.width-700 .flex-col-2 > * { flex-basis: calc( (720px / 2) - 20px ); }
.width-700 .flex-col-3 > * { flex-basis: calc( (720px / 3) - 20.01px ); }
.width-700 .flex-col-4 > * { flex-basis: calc( (720px / 4) - 20px ); }
.width-700 .flex-col-5 > * { flex-basis: calc( (720px / 5) - 20px ); }
.flex-col-1 > * { flex-basis: calc( 100% - 20px ); }
.flex-col-2 > * { flex-basis: calc( (820px / 2) - 20px ); }
.flex-col-3 > * { flex-basis: calc( (820px / 3) - 20.01px ); }
.flex-col-4 > * { flex-basis: calc( (820px / 4) - 20px ); }
.flex-col-5 > * { flex-basis: calc( (820px / 5) - 20px ); }
.width-900 .flex-col-2 > * { flex-basis: calc( (920px / 2) - 20px ); }
.width-900 .flex-col-3 > * { flex-basis: calc( (920px / 3) - 20.01px ); }
.width-900 .flex-col-4 > * { flex-basis: calc( (920px / 4) - 20px ); }
.width-900 .flex-col-5 > * { flex-basis: calc( (920px / 5) - 20px ); }
.width-1000 .flex-col-2 > * { flex-basis: calc( (1020px / 2) - 20px ); }
.width-1000 .flex-col-3 > * { flex-basis: calc( (1020px / 3) - 20.01px ); }
.width-1000 .flex-col-4 > * { flex-basis: calc( (1020px / 4) - 20px ); }
.width-1000 .flex-col-5 > * { flex-basis: calc( (1020px / 5) - 20px ); }
.width-1100 .flex-col-2 > * { flex-basis: calc( (1120px / 2) - 20px ); }
.width-1100 .flex-col-3 > * { flex-basis: calc( (1120px / 3) - 20.01px ); }
.width-1100 .flex-col-4 > * { flex-basis: calc( (1120px / 4) - 20px ); }
.width-1100 .flex-col-5 > * { flex-basis: calc( (1120px / 5) - 20px ); }
.width-1200 .flex-col-2 > * { flex-basis: calc( (1220px / 2) - 20px ); }
.width-1200 .flex-col-3 > * { flex-basis: calc( (1220px / 3) - 20.01px ); }
.width-1200 .flex-col-4 > * { flex-basis: calc( (1220px / 4) - 20px ); }
.width-1200 .flex-col-5 > * { flex-basis: calc( (1220px / 5) - 20px ); }
.flex-borders > *+* { border-left: 1px solid #cccccc; padding-left: 9px; }
.article .light .flex-borders > *+* { border-color: #bbbbbb }
.flex-align-center { align-items: center; }
/* width class + 20 + body/page margin - 1 */
@media screen and (max-width:436px) { .width-400 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:536px) { .width-500 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:636px) { .width-600 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:736px) { .width-700 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:836px) { .width-800 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:936px) { .width-900 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:1036px) { .width-1000 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:1136px) { .width-1100 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
@media screen and (max-width:1236px) { .width-1200 .flex-borders > *+* { border-left: 0; padding-left: 10px; } }
/* end flex control */

/* header */
#simech-header {
	display: flex;
	flex-direction: row;
}
#simech-header > * {
	flex: 0 0 auto;
}
@media screen and (min-width:820px) {
	header { background-color: var(--gray-one);	border-bottom: 2px solid var(--primary-color); }
	#simech-header { flex-direction: row; flex-wrap: wrap-reverse; max-width: 900px; margin: 0 auto; }
	#simech-menu > .simech-mobile-wrap { display: flex; justify-content: center; align-items: center; }
  #simech-menu > .simech-mobile-wrap > * { margin: 0 8px }
	#simech-smallnav,
	#simech-nav li ul,
	#simech-nav li span,
	#simech-account-content { display: none }
	#simech-account-links > ul,#simech-account-links > ul > li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
  #simech-account-links > ul {
		margin: 20px auto 12px auto;
		display: flex;
		justify-content: flex-end;
	}
  #simech-account-links > ul > li + li {
		border-left: 3px solid var(--primary-color);
		padding-left: 10px;
		margin-left: 10px;
	}
  #simech-account-links > ul > li a {
		font-size: 11px;
		color: var(--font-color-light);
	}
  #simech-expert-included {
		color: var(--font-color-one);
		font-size: 20px;
		text-align: right;
	}
	#simech-expert-included > a {
		font-weight: 700;
		color: var(--primary-highlight);
	}
  #simech-nav ul,#simech-nav li { list-style: none; margin: 0; padding: 0;	}
  #simech-nav a { text-decoration: none; }
  #simech-nav > ul { display: flex }
  #simech-nav > ul > li { background-color: var(--gray-five); border-top: 3px solid var(--gray-five) }
  #simech-nav > ul > li:hover { background-color: var(--gray-three); border-color: var(--primary-color) }
  #simech-nav > ul > li > a { display: block; padding: 0 15px 2px 15px; line-height: 38px; color: var(--font-color-light); font-size: 14px; }
  #simech-nav > ul > li:hover > a { color: var(--primary-color) }
  #simech-nav > ul > li ul { position: absolute; background-color: var(--gray-three); box-shadow: 3px 3px 3px rgba(0,0,0,.25); padding: 10px 2px 20px 1px; z-index: 9980; }
  #simech-nav > ul > li ul a { display: block; padding: 6px 18px; color: var(--font-color-light); font-size: 12px; }
  #simech-nav > ul > li ul a:hover { background-color: var(--primary-color); color: var(--gray-two); }
	#simech-nav > ul > li:hover ul { display: flex; flex-direction: column }
	#simech-account { flex-basis: 400px }
  #simech-logo { flex-basis: 400px }
	#simech-logo > a {
		display: block;
		background: url(/wwwinc/images/silicon-mechanics-logo.png) center center no-repeat;
		background-size: contain;
		margin: 45px 0 15px 8px;
		width: 233px;
		height: 54px;
		text-indent: -9999px;
		overflow: hidden;
	}
}
@media screen and (max-width:820px) {
	#simech-header {
		background-color: var(--gray-one);
		border-bottom: 2px solid var(--primary-color);
	}
	#simech-header .simech-mobile-menu {
		background-color: var(--gray-three);
		width: 74px;
		height: 74px;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
  #simech-menu {
		background-image: url(/wwwinc/images/u521.png);
	}
  #simech-account {
		background-image: url(/wwwinc/images/u524.png);
	}
  #simech-expert-included {
		display: none;
	}
  #simech-header .simech-mobile-menu > .simech-mobile-wrap {
		position: absolute;
		top: 74px;
		display: none;
		padding: 15px 25px 70px 25px;
    z-index: 9980;
	}
  #simech-header .simech-mobile-menu.simech-mobile-active {
		background-image: url(/wwwinc/images/u854.png);
	}
  #simech-header .simech-mobile-menu.simech-mobile-active > * {
		background-color: var(--gray-three);
		display: block;
	}
  #simech-header .simech-mobile-wrap-right {
		right: 0;
	}
	#simech-logo {
		flex: 1 0 auto;
		height: 74px;
	}
  #simech-logo > a {
		display: block;
		background: url(/wwwinc/images/silicon-mechanics-logo.png) center center no-repeat;
		background-size: contain;
		margin: 20px;
		height: 34px;
		text-indent: -9999px;
		overflow: hidden;
	}
  #simech-smallnav a {
		color: var(--font-color-one);
	}
  #simech-smallnav > ul {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 15px 0;
		padding: 0;
		max-width: 320px;
	}
  #simech-smallnav > ul > * {
		flex-basis: 85px;
		list-style: none;
		margin: 8px 20px;
		padding: 0;
	}
  #simech-nav > ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid var(--gray-five);
		border-bottom: 1px solid var(--gray-five);
	}
	#simech-nav ul,#simech-nav li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
  #simech-nav > ul > li {
		display: block;
		position: relative;
		border-top: 1px solid var(--gray-five);
		border-bottom: 1px solid var(--gray-five);
	}
  #simech-nav > ul > li > span {
		position: absolute;
		top: 1px;
		right: 5px;
		margin-right: 5px;
		line-height: 38px;
		font-size: 20px;
		transform: rotate(90deg);
	}
  #simech-nav > ul > li.simech-mobile-dropdown > span {
    transform: rotate(-90deg);
	}
  #simech-nav > ul > li > a {
		display: block;
		color: var(--primary-color);
		line-height: 38px;
		font-size: 16px;
		font-weight: 700;
	}
  #simech-nav li li {
		display: none;
	}
  #simech-nav li li > a {
		display: block;
		color: var(--font-color-one);
		margin: 5px 15px; padding: 5px;
	}
  #simech-nav li.simech-mobile-dropdown li {
		display: block;
	}
  #simech-account-content {
    display: none;
  }
  #simech-account-links > ul,#simech-account-links > ul > li {
    margin: 0; padding: 0; list-style: none;
  }
  #simech-account-links > ul li a {
		color: var(--primary-color);
		line-height: 38px;
		font-size: 16px;
		font-weight: 700;
  }
}

#simech-search form {	position: relative;	display: block;	height: 26px; width: 288px; margin: 0; padding: 0px; z-index: 1; }
#simech-search form input[type=text] { width: 100%; height: 100%;	padding: 0 22px 0 10px; border: none; box-sizing: border-box; }
#simech-search form input[type=submit] { position: absolute; top: 0; right: 0; width: 100%; height: 100%;	background-color: transparent; border: none; cursor: pointer; }
#simech-search form span { position: absolute; top: 3px; right: 5px; color: var(--primary-color); font-size: 15px; }
#search-container {	background-color: #ffffff; }
#search-container .search_result { margin: 10px 5px 15px 10px; }
/* end header */

/* footer */
footer { background-color: var(--gray-one); padding: 0 10px; }
#simech-footer {
	display: table;
	margin: 10px auto 60px auto;
	padding-left: 140px;
	background-image: var(--vertical-logo);
	background-position: 0 24px;
	background-repeat: no-repeat;
	background-size: 123px;
}
#flex-col-footer {
	display: flex;
	flex-wrap: wrap;
}
#flex-col-footer > * {
	margin: 0 30px;
}
#simech-footer h4,#simech-footer h4 > a {
	color: var(--primary-color);
	margin: 24px 0 24px 0;
}
footer ul,footer li { list-style: none; margin: 0; padding: 0 }
footer a { color: var(--font-color-light); }
footer a:hover { color: var(--primary-highlight); }
footer li { margin: 5px 0; font-size: 12px; line-height: 18px; }
footer .social-links { display: flex; margin-bottom: 10px }
footer .social-links a { background-color: white; color: var(--primary-color); padding: 4px 3px; font-size: 15px; margin-right: 6px; margin-bottom: 6px; }
footer .social-links a:hover { text-decoration: none; color: var(--primary-highlight); }
#footer-phone,#footer-email { display: block; margin: 2px 0 }
#footer-phone { font-size: 18px; font-weight: 700 }
#footer-email { font-size: 12px }
#footer-phone span,#footer-email span { font-size: 13px; margin-right: 4px; white-space: nowrap }
@media screen and (max-width:600px) {
  #simech-footer { padding-left: 0; background-image: none; }
	#flex-col-footer { flex-direction: column }
	#simech-footer h4,#simech-footer h4 > a { font-size: 24px; margin: 30px 0 10px 0 }
  footer li { line-height: 16px }
}
/* end footer */

section { padding: 23px 0; }
section.thin { padding: 15px 0; }
section.simech-primary { background-color: var(--primary-color); color: white }
section.simech-primary h1 { color: white; margin: 0 }
section.simech-primary h1 + p { font-size: 14px; margin: 0 }
section.simech-orange { background-color: #333333; color: white }
section.simech-orange strong { color: white; font-weight: 900 }
section.simech-orange h1 { color: white; margin: 0 }
section.simech-orange h1 + p { font-size: 14px; margin: 0 }

.article .simech-purple { color: #61667E }
.article .simech-lightgray { color: #A1A1A1 }
.article .simech-white { color: white }

.article .table_article {
	margin: 20px auto;
	background-color: white;
}
.article .table_article th,.article .table_article td {
	padding: 12px 20px;
	text-align: center;
	border: 1px solid #aaa;
}
.article .table_article th {
	background-color: var(--primary-color);
	color: white;
	vertical-align: middle;
}
.article .table_article td {
	color: black;
}
.article .table_article .icon-cancel {
	font-size: 18px;
	color: var(--secondary-color);
}
.article .table_article .icon-check {
	font-size: 18px;
	color: #009966;
}
.table_article td label {
	font-weight: 700;
}

.article section {
	background-color: #f2f2f2;
	padding: 30px 0 60px 0;
}
.article .light {
	background-color: #e4e4e4;
}
.article .white {
	background-color: #ffffff;
}
.article .simech-primary { background-color: var(--primary-color);	color: white; }
.article .simech-primary h3 {	color: white; }
.article .simech-orange { background-color: #333333;	color: white; }
.article .simech-orange h4 {	color: white; }
.article .banner { padding-top: 15px; padding-bottom: 15px; color: white; background-position: center center; background-size: cover }
.article .banner h3 { color: white; text-align: left; font-size: 18px; text-transform: none }
.article .banner p { margin: 20px 0 }
.article h1,.article h2,.article h3,.article h4 {
	text-align: center;
	margin: 30px auto 10px auto;
	padding: 0;
}
.article h2+h3 {
	margin-top: 20px;
	font-size: 18px;
	text-transform: none;
}
.article h3+h4 {
	margin-top: 0;
}
.article h1+h3 {
	margin-top: 20px;
	font-size: 18px;
	text-transform: none;
}
.article h6 {
	color: #252525;
	font-size: 13px;
	margin: 0;
}
.article h1+p,.article h2+p,.article h3+p {
	margin-top: 15px;
}
.article p {
	margin: 20px 0;
	line-height: 1.33334em;
}
.article h1,.article h2,.article h3 {
	font-size: 24px;
}
.article [class^="flex-col-"] {
	margin-top: 30px;
	margin-bottom: 30px;
}
.article .image,.fancybox-wrap .image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}
.article .image > * {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
  text-indent: -9999px;
  overflow: hidden;
}

.article.systems h1 {
	background-color: var(--primary-color);
	margin: 0;
	padding: 8px;
	text-transform: none;
	font-size: 16px;
	color: white;
}
.article.systems h2,.article.systems h3 {
	margin-top: 10px;
	text-transform: none;
	text-align: left;
}
.article.systems section h2,.article.systems section h3 {
  margin-top: 30px;
}
.article.systems .alignCenter h2,.article.systems .alignCenter h3 {
	text-align: center;
}

.simech-approach-circle {
	background-image: url(/wwwinc/images/homepage/services-no-icons.svg);
	background-size: 100%;
	margin: 50px -80px -100px -80px;
	height: 104px;
}
@media screen and (max-width:984px) {
	.simech-approach-circle { background-image: none }
	.simech-tall-tile .image:first-child { background-image: none !important }
}
.simech-tall-tile {
	display: flex;
	flex-direction: column;
	height: 100%; /*calc(100% + -40px);*/
}
.simech-tall-tile .image {
	margin: 5px auto 5px auto;
	flex-basis: 60px;
	min-height: 60px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
}
.simech-tall-tile .image:first-child {
	flex-basis: 15px;
	min-height: 15px;
}
.simech-tall-tile h2 {
	font-family: 'arial narrow',helvetica,arial,sans-serif;
	margin: 5px auto;
}
.simech-tall-tile p {
	flex: 1;
	padding: 40px 15px 40px 15px;
  line-height: 1.45em;
	margin: 0;
	text-align: left;
}
.simech-tall-tile div:last-child {
	padding: 15px 15px 30px 15px;
	margin: 0;
	text-align: left;
}
.simech-tall-tile .smallbuttonLink {
	box-sizing: border-box;
	width: 100%;
}
.flex-col-4 div:nth-child(1) .simech-tall-tile h2 { color: var(--primary-color) }
.flex-col-4 div:nth-child(2) .simech-tall-tile h2 { color: #45495a }
.flex-col-4 div:nth-child(3) .simech-tall-tile h2 { color: #cc9933 }
.flex-col-4 div:nth-child(4) .simech-tall-tile h2 { color: #a1a1a1 }
.flex-col-4 div:nth-child(1) .simech-tall-tile p,
.flex-col-4 div:nth-child(1) .simech-tall-tile div:last-child { background-color: var(--primary-color); color: white; }
.flex-col-4 div:nth-child(2) .simech-tall-tile p,
.flex-col-4 div:nth-child(2) .simech-tall-tile div:last-child { background-color: #61677e; color: white; }
.flex-col-4 div:nth-child(3) .simech-tall-tile p,
.flex-col-4 div:nth-child(3) .simech-tall-tile div:last-child { background-color: #cc9933; color: white; }
.flex-col-4 div:nth-child(4) .simech-tall-tile p,
.flex-col-4 div:nth-child(4) .simech-tall-tile div:last-child { background-color: #a1a1a1; color: white; }

.article .simech-links a { color: #333333 }

.simech-article-tile {
	background-color: #f2f2f2;
	display: flex;
	height: 100%;
	flex-direction: column;
}
.simech-article-tile .image {
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding: 30% 0 0 0;
	border: 40px solid white;
}
.simech-article-tile h3 {
	font-size: 24px;
	color: var(--secondary-color);
	margin: 30px 20% 0 20%;
  text-align: center;
  min-height: 40px;
}
.simech-article-tile h4 {
	font-size: 14px;
	color: var(--secondary-color);
	margin: 30px 20% 0 20%;
  text-align: center;
  min-height: 50px;
}
.simech-article-tile h5 {
	font-size: 13px;
	color: #333333;
	background-color: #d7d7d7;
	padding: 10px;
  text-align: center;
}
.simech-article-tile p {
	flex: 1;
	margin: 30px 30px 60px 30px;
	color: #434343;
	text-align: left;
}
.simech-article-tile a {
	margin: 0 30px 30px 30px !important;
}

.simech-article-tile-solid {
	background-color: #ffffff;
	display: flex;
	height: 100%;
	flex-direction: column;
}
.simech-article-tile-solid .image {
	background-color: white;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding: 30% 0 0 0;
	border: 40px solid white;
}
.simech-article-tile-solid h3 {
	font-size: 36px;
	color: var(--secondary-color);
  text-align: center;
  margin: 0;
}
.simech-article-tile-solid h6 {
	font-size: 14px;
	color: var(--secondary-color);
  text-align: center;
  margin: 0;
}
.simech-article-tile-solid ul {
  text-align: left;
  margin: 20px;
}

.simech-white h3 { color: white }
.simech-white p { color: white }

.simech-sys-tile {
	background-color: #f2f2f2;
	height: 350px;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 98%;
	border-bottom: 20px solid #f2f2f2;
	text-align: left;
	padding: 10px 20px 0 20px;
	display: flex;
	flex-direction: column;
	color: #404040;
}
.simech-sys-tile h2 {
	margin: 10px 0;
	padding: 0 10px 0 0;
	text-align: left;
	border-bottom: 1px solid var(--secondary-color);
	display: inline-block;
	text-shadow: 0 4px 0 #f2f2f2;
}
.simech-sys-tile p {
	flex: 1;
}
.simech-sys-tile a {
	width: 100%;
	box-sizing: border-box;
}

.simech-tile-grid > * > div {
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60% 60%;
	width: 90%;
	padding: 45% 0;
	margin: 5px 0;
  border: 1px solid #d7d7d7;
}
@media screen and (max-width:700px) {
	.simech-tile-grid > * { display: none;	}
  .simech-tile-grid > *.active {	display: block;	}
}

.simech-tile {
	text-align: center;
}
.simech-tile span {
	display: block;
	font-size: 38px;
	line-height: 55px;
	color: #333333;
}
.simech-tile label {
	font-weight: 700;
}
.simech-tile h4 {
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 20px;
}
.simech-tile div {
	line-height: 2.25em;
}
.simech-tile a {
	color: inherit;
}

.flex-image-right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.simech-row-tile {
  text-align: left;
  display: flex;
  min-height: 90px;
  background-color: #f2f2f2;
  margin: 0 30px 10px 0;
  font-size: 10px;
}
.simech-row-tile .image {
  background-color: white;
  width: 50px;
  height: calc(100% - 40px);
  border: 20px solid white;
}
.simech-row-tile h4 {
  margin: 8px; padding: 0;
  text-align: left;
  font-size: 12px;
  color: var(--secondary-color);
}
.simech-row-tile p {
  line-height: 12px;
  margin: 8px;
}
@media screen and (max-width:770px) {
	.flex-image-right { flex-direction: column; }
  .flex-image-right > * + * { margin-top: 30px }
  .simech-row-tile { margin-right: 0 }
}

.simech-hover-tile {
  border: 1px solid var(--primary-color);
  background-color: white;
  position: relative;
  cursor: pointer;
}
.simech-hover-tile > div {
  padding: calc(50% - 35px) 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border: 35px solid white;
}
.simech-hover-tile > div > div {
  position: absolute;
  background-color: rgba(0,0,0,.2);
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: none;
}
.simech-hover-tile:hover > div > div {
  display: block;
}
.simech-hover-tile > div > div h4 {
  background-color: black;
  color: white;
  text-align: center;
  margin-top: 30px;
  padding: 30px 0;
  font-size: 15px;
}
.simech-hover-tile > div > div h4 span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  font-style: italic;
}
.simech-image-right {
  float: right;
  margin: 0 0 30px 30px;
  background-color: white;
  border: 20px solid white;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}

.fancybox-small-content { background-color: #e4e4e4; }
.fancybox-small-content h4 { color: var(--primary-color); text-align: center; }
.fancybox-small-content h6 { font-size: 13px; color: #252525; margin-bottom: 0; }
.fancybox-small-content p { margin-top: 10px; margin-bottom: 40px; }

.flex-col-simechvideo > *:nth-child(1) { flex-basis: 350px }
.flex-col-simechvideo > *:nth-child(2) { flex-basis: 430px }
.flex-col-simechvideo > *:nth-child(1),
.flex-col-simechvideo > *:nth-child(1) h2 { text-align: right; }
@media screen and (max-width:836px) {
	.flex-col-simechvideo > *:nth-child(1),
	.flex-col-simechvideo > *:nth-child(1) h2 { text-align: center; }
	.flex-col-simechvideo iframe { width: 100%; margin: 0; }
}

.image-left {
	display: flex;
	margin: 20px auto;
}
.image-left > *:nth-child(1) {
	flex-basis: 200px;
	margin-right: 20px;
}
.image-left > *:nth-child(1)  > div {
	background-color: white;
	border: 1px solid #ccc;
}
.image-left > *:nth-child(1) > div > div {
	margin: 0 15%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding-bottom: 60%;
}
.image-left > *:nth-child(2) { flex-basis: 580px }
.image-left h4 > span { font-size: 14px; color: #222; background-color: #f2f2f2; padding-right: 10px; position: relative; top: 9px; }
.image-left h4 { border-bottom: 1px solid #ccc; }

.scaleimage,.scaleimage > div {
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.iframe-wrap { position: relative; padding: 0 0 53% 0; border: 10px solid var(--gray-four); background-color: var(--gray-two); }
.iframe-wrap > iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


.buttonLink,.smallbuttonLink {
	display: inline-block;
	background-color: #717171;
	border: none;
	box-shadow: 2px 2px 4px rgba(0,0,0,.33);
	text-align: center;
  font-family: Arial,sans-serif;
	color: white;
}
.buttonLink {
	padding: 0 15px;
	min-width: 110px;
	font-size: 13px;
	line-height: 2.5em;
}
.smallbuttonLink {
	padding: 0px 5px;
	min-width: 100px;
	font-size: 11px;
	line-height: 1.7em;
}
.buttonLink:hover,.smallbuttonLink:hover {
	text-decoration: none;
	cursor: pointer;
	color: white;
}
.buttonLink:active,.smallbuttonLink:active {
	position: relative;
	top: 1px;
	box-shadow: none;
}
.buttonLink.black,.smallbuttonLink.black { background-color: var(--gray-one); }
.buttonLink.black:hover,.smallbuttonLink.black:hover { background-color: var(--gray-two); }
.buttonLink.blue,.smallbuttonLink.blue { background-color: #45495a; }
.buttonLink.blue:hover,.smallbuttonLink.blue:hover { background-color: #475074; }
.buttonLink.red,.smallbuttonLink.red { background-color: #990033; }
.buttonLink.red:hover,.smallbuttonLink.red:hover { background-color: #b60b44; }
.buttonLink.green,.smallbuttonLink.green { background-color: var(--primary-color); }
.buttonLink.green:hover,.smallbuttonLink.green:hover { background-color: var(--primary-highlight); }
.buttonLink.orange,.smallbuttonLink.orange { background-color: var(--secondary-color); }
.buttonLink.orange:hover,.smallbuttonLink.orange:hover { background-color: var(--secondary-highlight); }
.buttonLink.wide { display: inline-block; width: 100%; max-width: 190px; line-height: 30px; padding-top: 0; padding-bottom: 0; margin: 5px 0 }
.buttonLink + .buttonLink { margin-left: 4px }
.smallbuttonLink + .smallbuttonLink { margin-left: 4px }

.info_message,.error_message {
	color: black;
	font-size: 12px;
	line-height: 18px;
	box-shadow: none;
	border: 0; margin: 0 0 20px 0;
	padding: 10px 20px;
	border-radius: 0;
}
.info_message {
	background-color: #ffffbb;
}
.error_message {
	background-color: #ffcccc;
}
#config-warnings { color: white }

#page-container > .breadcrumbs-wrap {
	margin: 0;
	background-color: var(--gray-one);
	border-bottom: 2px solid var(--primary-color);
}
#page-container > .breadcrumbs-wrap > .breadcrumbs {
	max-width: 820px;
	margin: 0 auto;
	padding: 4px 10px;
}
#page-container > .container_16:first-child {
	margin-top: 30px;
}
.pagebanner-widget {
	border-radius: 50%;
	background-color: #ccc;
	background-image: none;
	border: 0;
	top: -30px;
}
.ui-linkrow-one,.login_form { margin-left: auto; margin-right: auto; width: auto; max-width: 500px; }
.login-entry { background-color: var(--gray-four); margin-left: auto; margin-right: auto; margin-bottom: 40px; color: white; width: auto; max-width: 400px }
.login-entry-box hr { border-color: var(--gray-four); }
.table_list .even td { background-color: #f2f2f2; }
.table_list .odd td { background-color: #ffffff; }
.table_list td { border-color: var(--gray-four); }
.table_list thead td,.table_list th { background-color: #ddd; text-shadow: none }
.table_list tr.mousehover td { background-color: #f8fbe6 }
.order-shipping-2 > div { background-color: #ffffff }
.sitebar { background-color: #ddd; text-shadow: none }
.radioopt input:checked + label { background-color: var(--secondary-color); }
/* .product .compare_selected { border-color: var(--gray-four); background-color: var(--gray-one); }
.product-pagination a, .product-pagination span { border: 0; background-color: var(--gray-two); }
.product-pagination a.active { background-color: var(--gray-five) } */
#gallery_image { background-color: #ffffff; border: 5px solid #ffffff; border-top: 0; border-bottom: 0; }
.gallery > a.active { border-color: var(--primary-highlight) }
.gallery > a { background-color: white }
#rateBox tr.active td, .orderhlt { background-color: #ebff71 }

@keyframes loadingbar {
  0% { background-color: #ebff71; color: #999999; }
  50% { background-color: #fdfff1; color: #aaaaaa; }
  100% { background-color: #ebff71; color: #999999; }
}
.loading-spin { border-color: #ebff71; border-top-color: var(--primary-color) }

.system-browse-title { text-align: center }
.system-browse-title h2 { font-size: 16px }
.system-browse-filters { background-color: var(--gray-two); background-image: url(/images/filter_icon.png) }
.system-browse-filters > ul > li { background-color: #ffffff; border-color: #151515; font-weight: 700; color: #252525; }
.system-browse-filters > ul ul { border-color: var(--primary-color); background-color: #ffffff; box-shadow: 0 0 3px rgba(0,0,0,.25) }
.system-browse-filters ul ul a { color: #252525; }
.system-browse-filters li:hover { border-top-color: var(--primary-color); }
.system-browse-filters li.active { border-top-color: var(--primary-color); background-color: #ddd; }
.system-browse-filters li.active div { color: #333; }
.system-browse-filters li.active:hover { background-color: #ccc; }
.system-browse-filters ul ul a.inactive { color: #999 }

.grid_fit { margin-bottom: 40px }
.grid_fit .container_16 { width: 910px }
.grid_fit .container_16 .grid_16 { width: 890px; margin-left: 5px; margin-right: 5px; }
.grid_fit .container_16 .grid_5 { width: 290px; margin-left: 5px; margin-right: 5px; }
.grid_fit .category_h2 { background-color: var(--gray-three); font-weight: 500; line-height: 25px; font-size: 13px; color: var(--font-color-light); text-align: center !important; margin: 20px 0 5px 0 }
.grid_fit hr { display: none }
.grid_fit .category_block {	margin-bottom: 10px; }
.category_block {	background-color: #e8e8e8; line-height: 20px; }
.article.systems .category_block h3,.category_block h3 { font-size: 14px; line-height: 30px; padding: 0 8px; margin: 0 }
.linkimage { background-color: #ffffff }
.linkimage:hover { background-color: #f8fbe6 }
.product-filters { background-color: #ffffff; line-height: 16px; }
.product-filters h3 { border: 0; background-color: #e8e8e8; color: #252525; line-height: 18px; margin-bottom: 5px }
.table_list .product { background-color: #ffffff; color: var(--font-color-one) }
.table_list .product .price { color: #252525 }
.table_list .product .status { color: #565656 }
.pricebox { background-color: #e8e8e8 }
.product-pagination { background-color: #e8e8e8; line-height: 18px; border: 0 }

.breadcrumbs {
	text-transform: uppercase;
	color: #BCBCBC;
	font-size: 11px;
	font-weight: 700;
}
.breadcrumbs a { color: #686868; text-decoration: none; }
.breadcrumbs a:hover { color: var(--primary-highlight) }
.breadcrumbs span,.breadcrumbs div,.breadcrumbs a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
.breadcrumbs .breadcrumb-separator:before {
  font-family: "fontello";
	content: '\e815';
	font-weight: 400;
	color:  var(--primary-color);
	font-size: 18px;
	margin-left: 4px;
	position: relative; top: 2px;
}
.breadcrumbs .breadcrumbs-home:before {
  font-family: "fontello";
	font-size: 22px;
	content: '\e814';
	font-weight: 400;
  color: var(--primary-color);
	margin-right: 8px;
	position: relative; top: 2px;
}
.breadcrumbs .breadcrumbs-home {
}

.list-view-system {
	display: flex;
	flex-wrap: wrap;
	margin: 20px -10px 40px -10px;
}
.list-view-system .list-system {
	background-color: #ffffff;
	box-sizing: border-box;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	width: 220px;
	margin: 10px;
	text-align: left;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.list-view-system .list-system-tags {
	border-radius: 0;
	border: 0;
	background-color: transparent;
	top: 2px;
	right: 3px;
}
.list-view-system h3 {
  font-family: Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	color: var(--primary-color);
	margin: 0 !important; padding: 5px 8px;
	text-transform: none;
	text-align: left !important;
  min-height: 40px;
}
.list-view-system h3.amd,.list-view-system h3.intel {
	color: var(--primary-color);
}
.list-view-system h4 {
  display: none;
}
.list-view-system .list-system-image {
	width: 180px; height: 135px;
	background-size: contain;
	margin: 0 auto;
}
.list-view-system .list-system-support {
	border: 0;
	border-top: 1px solid #eee;
	background-color: #ffffff;
	font-size: 12px;
  margin: 10px 0;
  padding-top: 10px;
  height: 180px;
}
.list-view-system .list-system-support span {
	color: var(--primary-color);
}
.list-view-system .list-system-bottom {
	background-color: var(--gray-one);
	display: flex;
	justify-content: space-between;
	line-height: 38px;
}
.list-view-system .list-system-bottom label {
	font-size: 10px;
	line-height: 11px;
	margin-top: 7px;
	font-weight: 700;
	color: var(--font-color-one);
	width: 50px;
  padding-left: 5px;
}
.list-view-system .list-system-configure.buttonLink {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 38px;
	padding: 0; margin: 0;
	min-width: 75px;
	box-shadow: none;
  color: var(--font-color-light);
}
.list-system-support h5 {
	font-size: 14px;
	font-weight: 700;
	color: #656565;
	margin: 4px 0 8px 0;
}
.list-system-price {
	text-align: right;
	font-weight: 700;
	font-size: 12px;
	color: var(--primary-highlight);
}

.table-grid-system {
	margin: 0 auto 40px auto;
}
.table-grid-system tbody tr {
	background-color: #ffffff;
}
.table-grid-system tbody td {
	border: 0;
}
.table-grid-system tbody td:first-child,
.table-grid-system tbody td:last-child {
	border-radius: 0;
	border: 0;
}
.table-grid-system h3 {
	font-size: 17px;
	font-weight: 700;
  margin: 0 !important;
}
.grid-system h3,.grid-system h3.amd,.grid-system h3.intel {
	color: var(--primary-color);
}
.grid-system-tags {
	top: 0; left: 0;
	background-color: #ffffff;
	border-radius: 0;
	border: 0;
}
.grid-system-tags span {
	color: #252525;
}
.grid-system-price {
	display: flex;
	font-weight: 700;
	line-height: 24px;
	color: #252525;
}
.grid-system-price label {
	font-size: 9px;
	line-height: 9px;
	font-weight: normal;
	margin: 3px 12px 0 0;
	position: static;
	width: auto;
}
.grid-system-support div {
	margin: 6px 0;
	font-family: Arial,sans-serif;
	font-size: 10px;
}
.grid-system-support span {
	color: var(--primary-color);
}
.grid-system .buttonLink {
	min-width: 120px;
	line-height: 2em;
	font-size: 12px;
}

#configBar2 {
	margin: 0 auto;
	width: 940px;
	justify-content: space-between;
	align-items: center;
	background-color: #ddd;
	color: #222;
  border-bottom: 3px solid var(--primary-color);
}
#configBar2.fixedTop {
	top: 0;
}
#configBar2-box1 #configBar2-sysname { padding: 0px !important }
#configBar2 input[type=text] { border: 0; padding: 2px 5px }
#configBar2 .smallbuttonLink { min-width: 50px }
#configBar2-box1 #configBar2-sysname { padding: 1px }
#configBar2 #configBar2-box1 { width: 540px }
#configBar2 #configBar2-box2 { width: 190px; padding-top: 25px; }
#configBar2-box1 .button-specs { color: #333 }
.extra-info-label { color: #333; }
.extra-info-text { color: #333; }
#sys-addtl { background-color: #ccc; margin-top: 104px; margin-right: -470px; border-bottom: 3px solid var(--primary-color) }

#system-form {
	width: 940px;
	margin: 30px auto;
	background-color: #fcfcfc;
}
#system-form .container_16 > .grid_16 {
	margin-left: 0;
}

.systembucket h3 {
	font-size: 12px;
	font-weight: 700;
	color: white;
	text-shadow: none;
	border-radius: 0;
	box-shadow: none;
	background-color: var(--gray-two);
	padding: 3px 16px;
	box-sizing: border-box;
}
.systembucket h3 span {
	color: white;
}
.systembucket .products {
	font-size: 12px;
	line-height: 27px;
}
.systembucket h4 {
	text-shadow: none;
	border: 0;
	font-size: 12px;
}
.systembucket input[type=button] {
	min-width: auto;
}
.systembucket .qty { background-position: right center }
.systembucket .delay { color: #333; font-size: 11px }
.systembucket .value { font-size: 13px; color: #446655 }
.systembucket .notes {
	background: #eaeaea;
	font-size: 13px;
	color: #656565;
	padding: 8px 16px;
	border: none;
	box-sizing: border-box;
}
.bottomPrice {
	font-size: 15px;
	width: 920px !important;
}
.systemBottom {
	padding-bottom: 20px;
}
.systemBottom h3 {
	margin-top: 20px;
	font-size: 18px;
}
.systemBottom p {
	font-size: 11px;
	line-height: 16px;
	margin-right: 10px;
}
.systemBottom textarea {
	box-sizing: border-box;
	margin-right: 10px;
}
.fade,.fade select {
	color: #888;
}

.storage-config-qty {
	color: var(--primary-color);
}
#storage-config-wrap {
	border-color: var(--primary-color);
}

.table_compare { margin-right: 20px; }

.fully-configured { background-color: white; box-shadow: none; border-radius: 0; border: 0 }

.ui-form-one { background-image: none; padding-left: 0; }
.ui-form-one h2 { background-color: transparent; background-image: none; }
.ui-form-one h2:nth-of-type(1),
.ui-form-one h2:nth-of-type(2),
.ui-form-one h2:nth-of-type(3),
.ui-form-one h2:nth-of-type(4),
.ui-form-one h2:nth-of-type(5),
.ui-form-one h2:nth-of-type(6),
.ui-form-one h2:nth-of-type(7) { background-image: none; }

.genericmodal h1,
.ui-fancybox-one h1 {
    margin: 0 0 20px;
    background-color: var(--primary-color);
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    position: relative;
    margin-bottom: 0!important
}
.ui-fancybox-one { max-width: 740px }
#fancybox-content .auto_h1 .small,
.genericmodal h1 .small {
    line-height: initial;
    font-size: 16px;
    margin-bottom: 20px
}
.ui-fancybox-one h2 {
    font-size: 14px;
    background-color: #e8e8e8;
    text-align: center;
    margin: 0 0 20px;
    display: block;
    padding: 15px;
    min-width: none;
}
.ui-postmessage-one {
    max-width: 100%;
    padding: 19px 0 31px;
    font-size: 17px;
    text-align: center
}
.ui-postmessage-one h3 {
    font-size: 17px;
    color: #4d4d4d;
    margin: 0 0 3px
}
.ui-postmessage-one p {
    margin: 3px 0 0;
    font-size: 13px;
    font-weight: 400;
    color: #838383
}
.ui-modal-one h2 {
  max-width: none;
}

.radioopt label { background-color: #cacaca }
.iblockrow input, .iblockrow select { background-color: #cacaca }
.iblockrow input:disabled, .iblockrow select:disabled { background-color: #bbb }

.white-link {

    color: white;
}

.white-link:hover {

	color: white !important;
   	 text-decoration: underline !important
	;
}