@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/BVtM30trf7q_jfqYeHfjtA.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://themes.googleusercontent.com/static/fonts/lato/v6/oUan5VrEkpzIazlUe5ieaA.woff) format('woff');
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
	list-style:
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


body {
  font: 13px/1.2 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; /**override line height**/
}


.supermicropagewrapper {
	width: 980px;
	height: 100%;
	margin: 0px auto;
	background:#FFF;
	padding: 0px;
}
.supermicroH {
	margin:0px;
	padding:0px;
	width:100%;
	height:112px;
	position: relative;
}

.supermicrologo {
	margin-left: 45px;
	height: 112px;
	line-height: 112px;
}
.livechat {
	text-align:center;
	position: absolute;
	height: 40px;
	top: 50%;
	right: 40px;
	margin-top: -25px;
}

.livechat h1, .livechat p {
margin: 0px 0px 7px 0px;
padding: 0px;
font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
font-weight: 900;
font-style:italic;
color: #666666;
font-size: 14px;
display: table;
vertical-align: middle;
}

.livechat a {
	display: inline-block;
	background: url(https://www.thinkmate.com/images/shared/smicronew/chaticon.png) left center no-repeat;
	padding-left: 27px;
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-weight: 400;
	font-size: 14px;
	color: #1b548c;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
}
.livechat a:hover {
	text-decoration: underline;
	background: url(https://www.thinkmate.com/images/shared/smicronew/chaticon2.png) left center no-repeat;
	color: #13416e;
	font-weight: 400;
}
.menuwrapper {
	width:100%;
	background: #194f84 url(https://www.thinkmate.com/images/shared/smicronew/menubg.png) repeat-x;
	height: 60px;
	max-height:60px;
}

.menuwrapper ul {
	list-style-type: none;
	margin: 0px;
	margin-left: 45px;
	padding:0px;
	float:left;
}

.menuwrapper li {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	height: 60px;
	max-height: 60px;
	display: inline-block;
	line-height: 60px;
	text-transform: uppercase;
	color: #0c2742;
	text-shadow: 0px 1px 0px #1b5791;
	float: left;
	margin: 0px;

}

.menuwrapper a {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	height: 60px;
	max-height: 60px;
	display: inline-block;
	line-height: 60px;
	text-transform: uppercase;
	text-shadow: 0px 2px 0px #113658;
	text-decoration: none;
	padding: 0px 20px;
}

.menuwrapper li a:hover {
	text-decoration:underline;
}

.searchBox {
	background: url(https://www.thinkmate.com/images/shared/smicronew/searchbox.png) center center no-repeat;
	width: 336px;
	height: 34px;
	float: right;
	margin: 13px 25px 0px 25px;
}

.searchBox input[type="text"] {
	background-color: transparent;
	border: 0px;
	line-height: 34px;
	padding: 0px 0px 0px 39px;
	margin: 0px;
	width: 297px;
	height: 34px;
	color: #b3bfcc;
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: 300;
}

.searchBox input[type="text"]:focus {
	outline: none;
}
.searchBox::-ms-clear {
    display: none;
}

.mainContentSMcontents {
	width: 300px;
	height: 200px;
	display: inline-block;
	background:#999;
	overflow: hidden;

}

table#grid {
width: 90%;
margin: 0px auto;
padding: 0px;
text-align:center;
border-collapse: collapse;
transition: all 0.2s ease;
}

#grid td,#grid tr{
width: 33.3%;
height: 205px;
padding: 50px 20px 0px 20px;
border: 0px;
vertical-align: top;
transition: all 0.2s ease;
}

#grid h2 {
font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
color: #1b548c;
font-weight: 900;
font-size: 16px;
text-align:left;
padding: 0px;
margin: 20px 0px 0px 0px;

}
#grid p {
font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
color: #565656;
font-size: 13px;
font-weight: 400;
text-align:left;
padding: 0px ;
margin: 5px 0px 0px 0px;
}
#grid a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;

}
#grid a:hover {
	text-decoration:underline;
	color: #13426f;
	text-shadow: 0px 1px 0px #FFFFFF;
}
.superserver {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superserver2.jpg) bottom center no-repeat;

}
.superstorage {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superstorage2.jpg) bottom center no-repeat;

}
.superworkstations {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superworkstations2.jpg) bottom center no-repeat;

}
.superblade {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superblade2.jpg) bottom center no-repeat;
}

.twin {
	background: url(https://www.thinkmate.com/images/shared/smicronew/twinsolutions2.jpg) bottom center no-repeat;
}
.fattwin {
	background: url(https://www.thinkmate.com/images/shared/smicronew/fattwin2.jpg) bottom center no-repeat;
}
.microcloud {
	background: url(https://www.thinkmate.com/images/shared/smicronew/microcloud2.jpg) bottom center no-repeat;
}
.gpuphi {
	background: url(https://www.thinkmate.com/images/shared/smicronew/gpuphi2.jpg) bottom center no-repeat;
}
.networking {
	background: url(https://www.thinkmate.com/images/shared/smicronew/networking2.jpg) bottom center no-repeat;
}
.sitenav-link-active {
	background: url(https://www.thinkmate.com/images/shared/smicronew/menubgactive.png) top center repeat-x;
	box-shadow: 0px 4px 5px #333333 inset;

}
.sitenav-window {
	background: #2063a4 url(https://www.thinkmate.com/images/shared/smicronew/bgmenu2.png) bottom center repeat-x;
	margin: 0px auto;
	text-align:center;
	box-shadow: 0px -2px 3px #163a5f inset;
	padding-bottom: 10px;

}

.sitenav-viewport-active {
  margin-top: 0px;
  position: relative;
  left: 20px; width: 920px;
  overflow: hidden;
}
.sitenav-sub {
  font-size: 14px;
}
.sitenav-sub a {
color: #ffffff;
text-decoration: none;
}
.sitenav-sub a:hover {
text-decoration: underline;
}
.sitenav-sub-active {
  position: absolute;
  top: 0;
  width: 980px;
}
.sitenav-close {
  display: block;
  height: 17px;
  background: url(https://www.thinkmate.com/images/shared/smicronew/nav-bar-blues-close.gif) center center no-repeat;
  text-indent: -9999px;
}
.sitenav-close:hover {
  background-color: #8bbcfb;
}

.menulist {
	display: inline-block;
	margin: 20px 40px 0px 20px;
	text-align: left;
	vertical-align: text-top;
	width: 160px;
}
.menulist h1, .menuplatform h1, .menulist p, .menuplatform h4 {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	text-shadow: 0px 2px 0px #113658;
	margin: 0px 0px 5px 0px;
}
.menulist ul, .formfactor ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.menulist li , .menuplatform p{
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.formfactor {
	display: inline-block;
	margin: 20px 40px 0px 20px;
	text-align: left;
	vertical-align: text-top;
width: 150px;
}
.formfactor h1, .formfactor p {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	text-shadow: 0px 2px 0px #113658;
	margin: 0px 0px 10px 0px;
}
.formfactor li {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 400;
	color: #0f3050;
	text-shadow: 0px 1px 0px #206ab1;
	margin-top: 5px;
	padding: 0px;
}
.formfactor li.cpu{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_cpu.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}
.formfactor li.drives{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_drives.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}
.formfactor li.ram{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_ram.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}
.menuplatform {
	margin-left: 40px;
	margin-top:35px;
	text-align: center;
	margin: 0px auto;
}
.menuplatform a {
	float: left;
	padding: 10px;
	text-align: left;
	vertical-align: text-top;
	text-decoration:none;
	color: #FFF;
}

.menuplatform a:hover {
	text-decoration: underline;
}

.menuplatform p {
	width: 450px;
	font-size: 14px;
}

.menuplatform p>img {
	float: left;
	margin-right: 15px;
	border: 0px;
}

.menuplatformseries {
float: left;
margin-left: 100px;
padding: 10px;
max-width: 300px;
text-align: left;
}

.menuplatformseries h1, .menuplatformseries h4 {
margin:0px;
padding:0px;
font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
font-weight: 900;
font-size: 14px;
color: #0f3050;
text-shadow: 0px 1px #206ab1;
}

.menuplatformseries a {
font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
font-weight: 300;
font-size: 14px;
color: #FFF;
text-decoration: none;
}

.menuplatformseries a:hover {
text-decoration: underline;
}

.menuplatformseries p {
margin:0px;
padding: 0px;
}

#search-container-two {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #aaaaaa;
  list-style: none;
  z-index: 9999;
}
#search-container-two .search_result-two {
  margin-bottom: 5px;
  padding-left: 50px;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 0;
}
.search_result-two {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 75px;
  min-height: 50px;
  margin-bottom: 20px;
  cursor: pointer;
}
#search-container-two {
  position: absolute;
  right: 50%;
  margin-right: -490px;
  top: 402px !important;
  max-height: 300px;
  overflow: auto;
  background: #ffffff;
  border: 10px solid #16436e;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 5px #15416b inset, 0px 2px 2px #15416b;
  width: 940px;
background: #FFF;

}
#search-text-two::-ms-clear {
    display: none;
}
/**CSS FOR SUPERSERVER PAGE START**/
.superserverleft {
font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
color: #000;
float: left;
width: 415px;
max-width:415px;
margin: 20px 40px 0px 40px;
text-align: left;
}

.superserverleft h1 {
	font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
	font-weight: 900;
	color: #054b90;
	font-size: 46px;
	margin: 0px ;
}
.superserverleft h2 {
	color: #397dbe;
	font-size: 18px;
	margin: 0px 0px 20px 0px;
}
.superserverleft h3, .footerblock h1 {
	color: #000;
	font-size:13px;
	margin: 0px;
	font-weight: bold;

}

.superserverleft p, .superserverleft li, .footerblock li {
	color: #000;
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-size:13px;
	font-weight: normal;

}
.superserverleft ul , .footerblock ul {margin: 10px; padding: 0px;}
.superserverleft li, .footerblock li {margin: 0px 0px 0px 8px; padding: 3px 0px;}

.superserverleft p {
	text-align:justify;
margin-top: 20px;
}
.superserverleft a {
	color: #000;
	font-size:14px;
	text-decoration: underline;
}
.superserverleft a:hover {
	color: #313131;
}
.superserverleft a {
	font-size:14px;
	text-decoration: underline;
}
.superserverright {
	width: 480px;
	max-width:480px;
	min-height: 500px;
	float: right;
	padding: 0px 0px 20px 0px;
}

.superserverbg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superserver/superserver_rightbg.jpg) top right no-repeat;
}

.seal {
	background: url(https://www.thinkmate.com/images/shared/smicronew/sub/right_seal.png) no-repeat;
	width: 422px;
	height: 211px;
	max-width: 422px;
	max-height: 211px;
	margin-top: 158px;
	margin-right: 20px;
	float: right;
	padding: 0px;
	position: relative;
}
.headerseal {
	width:422px;
	height: 126px;
	max-width: 422px;
	max-height: 126px;
	position: relative;
}
.bottomseal {
	font-size: 17px;
	color: #054b90;
	text-align:left;
	position: absolute;
	bottom: 0;
}

.bottomseal span {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-weight: 300;
	color: #054b90;
	font-size:17px;
	margin:0px;
	padding: 0px;
}
.bottomseal h2 , .footerblock , .superbladeconf  {
	font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
	font-weight: 900;
	font-size:17px;
	margin:0px;
	padding: 0px;
	font-weight: bold;
	color: #054b90;
}
.bottomsealpart2 {
	height: 73px;
	max-height: 73px;
	vertical-align: middle;
	padding: 10px 5px 5px 5px;
}
.bottomsealpart2 h1 , .bottomsealpart2 span  {
	font-family: Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #535353;
	text-shadow: 0px 1px #FFFFFF;
	font-style: normal;
}
.bottomsealpart2 h2 {
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-weight: 900;
	font-size: 13px;
	color: #535353;
	text-shadow: 0px 1px #FFFFFF;
	text-align: center;
	margin-top: 5px;

	margin-bottom: 5px;
}

.listproducts a {
	margin: 0px;
	width: 422px;
	max-width: 422px;
	margin-right: 20px;
	float: right;
	background: #f4f4f4;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	color:#01182f;
	text-decoration:none;
	transition: all 0.1s linear;
	text-shadow: 0px 1px #FFFFFF;
	padding: 0px;
	border-bottom: 2px #FFFFFF solid;

}
.listproducts a:hover, .listproductsblade a:hover {
	box-shadow: 0px 0px 10px #999 inset;
	background-color: #E8E8E8;

}
.listproducts h2 {
	font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
	font-weight:900;
	font-size: 16px;
	color: #054b90;
	margin: 10px 4px 0px 10px ;
}
.listproducts h5 {
	font-family: arial, Sans-Serif; font-size:10px; color:#054b90; margin: 2px 10px; padding:0px; font-weight:normal;
}
.listproducts ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.listproducts li {
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 500;
	color: #404040;
	margin: 10px;
	padding: 0px
}
.product_1u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superserver/1ubg.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_1u a:hover {
	background-color: #d0d0d0;
}
.product_2u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superserver/2ubg.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_2u a:hover {
	background-color: #d0d0d0;
}
.product_3u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superserver/3ubg.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_3u a:hover {
	background-color: #d0d0d0;
}
.product_4u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superserver/4ubg.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_4u a:hover {
	background-color: #d0d0d0;
}
.product_5u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superserver/5ubg.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_5u a:hover {
	background-color: #d0d0d0;
}
.footerblock.left{
	float: left;
	margin-left:40px;
}
.footerblock.right{
	float: right;
	margin-right:40px;
	max-width: 45%;
}
.footerblock h3{
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	margin-bottom: 5px;
}
.footerblock h3, .footerblock a {
	color: #1b548c;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px
	}
.footerblock a {
	text-decoration: underline;
}

/** CSS FOR SUPERSERVER PAGE END **/

/**CSS FOR SUPERWORKSTATIONS START**/
.superworkstationsbg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superworkstations/sworkstations_bg.jpg) top right no-repeat;
}
/**CSS FOR SUPERWORKSTATIONS END**/





/**CSS FOR SUPERSTORAGE START**/
.superstoragebg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superstorage/superstoragebg.jpg) top right no-repeat;
}
.product_6027relr12n a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/1.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_6037re1r16n a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/2.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_6047re1r24n a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/3.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_6047re1r36n a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/4.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_6047re1r72l a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/5.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.product_2027r-e1r24n a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superstorage/6.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
/**CSS FOR SUPERSTORAGE END**/

/**CSS FOR TWIN PAGE START**/
  #twinpagetabs , #twinpagetab{
        display: block;
        float: left;
        width: 100%;
		color: #FFF;
      }
      a.twinpagetab {
        border-collapse: collapse;
        border-style: solid solid none solid;
        border-color: #0e3b67;
        border-width: 1px 1px 0px 1px;
		border-radius: 5px 5px 0px 0px;
        background-color: #FFF;
        padding: 2px 0.5em 0px 0.5em;
        margin-top: 4px;
        margin-right: 2px;
        text-decoration: none;
        text-align: center;
        float: left;
		text-transform: uppercase;
		font-family: 'Lato Black', Helvetica, Sans-Serif;
		font-weight:900;
		font-size: 12px;
		color: #0657a6;
      }
      a.twinpagetab:hover {
        background-color: #f4f4f4;
		color: #0657a6;
      }
      .twinpagepanel {
        border: 1px solid #0e3b67;
		border-radius: 0px 5px 5px 5px;
        background-color: #f4f4f4;
        padding: 20px;
        height: 300px;
        overflow: auto;
        clear: left;
		margin-bottom: 40px;
      }
	  .twinpagepanel p {
        margin:0px;
		padding: 0px;
      }

	   a.twinpagetabfat {
        border-collapse: collapse;
		border: 0px solid;
        background-color: #FFF;
        padding: 2px 0.5em 0px 0.5em;
        margin-top: 4px;
        margin-right: 2px;
		font-family: 'Lato Black', Helvetica, Sans-Serif;
		font-weight:900;
        text-decoration: none;
        text-align: center;
        float: left;
		font-size: 12px;
      }
	  a.twinpagetabfat:hover {
        text-decoration: underline;
      }
	  .twinbg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/twin/twinbg.jpg) top right no-repeat;
}
.twinpageitems a {
	min-height: 129px;
}
.twinpage1u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/twin/1.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.twinpage2u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/twin/2.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.twinpage3u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/twin/3.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.twinpage4u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/twin/4.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.twinpage5u a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/twin/5.png),#e7ebf0;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
	border-top: 5px solid #ed1c23;
}
.twinpage5u a:hover {
	background-color: #b0c2d3;
}
.twinpage5u a {
	min-height: 60px;
}

/**CSS FOR TWIN PAGE END**/

/**CSS FOR MICROCLOUD PAGE STARTS**/
	  .microcloudbg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/superserver/superserver_rightbg.jpg) top right no-repeat;
}
	.microcloudproduct1 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/1.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
	.microcloudproduct1 li , .microcloudproduct2 li {
	font-size: 11px;
}
.microcloudproduct2 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/2.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.microcloudproduct3 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/3.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.microcloudproduct4 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/4.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.microcloudproduct5 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/5.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.microcloudproduct6 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/6.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
.microcloudproduct7 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/microcloud/7.png),#f4f4f4;
	background-position: 380px 50%, 250px 50%;
	background-repeat: no-repeat ;
}
/**CSS FOR MICROCLOUD PAGE ENDS**/

/**CSS FOR SUPERBLADE PAGE STARTS**/
.nofloat {
	float: none;
	max-width: none;
	width: auto;

}
.configuredbyarea {
	background: #e7e7e7 url(https://www.thinkmate.com/images/smicronew/superblade/configuredbybg.png);
	border-top: 6px #ed1c23 solid;
	height: 37px;
	overflow: hidden;
}
.configuredbyarea p:first-child {
	margin: 0px 10px;
	font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
	font-weight:900;
	font-size: 14px;
}
.configuredbyarea p {
	line-height: 37px;
	color: #575757;
	display: inline;
	margin: 0px 0px;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	text-shadow: 0px 1px 0px #FFFFFF;
}
.superbladeproductlist {
	padding: 10px;
	background-color:#f4f4f4;
	border-bottom: 3px #ed1c23 solid;
	margin: 0px;
}
.superbladeproductlist h1, .superbladeproductlist h2  {
	font-family: 'Lato Black', Tahoma, Helvetica, Sans-Serif;
	font-size:17px;
	margin-left:10px;
	padding: 0px;
	font-weight:900;
	color: #054b90;
}

.block {
	width: 455px;
	padding-right:5px;
	padding-left: 5px;
	padding-top:15px;
	clear:both;
	overflow:hidden;
	border: 0px;
	float: left;
}

.multitabs, .tab {	overflow:hidden; margin: 0px !important; padding:0px;}

.multitabs li {
	float:left;
	margin: 0px;
	margin-top:0px;
	padding: 0px;
	overflow:hidden;
	border: 0px #CCCCCC solid;
	border-bottom: 0px;
	border-radius: 0px;
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	color: #054b90;
	width: auto;

}

.multitabs a {
	color: #848484;
	text-shadow: 0px 1px 0px #FFF;
	text-decoration: none !important;
	font-weight: 900 !important;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif !important;
	padding: 5px 10px 5px 10px;
	margin:0px;
	display: inline-block;
}

.multitabs ul {
	list-style-type: none;
	margin: 0px !important;
	padding: 0px;
}

.tabs .bullet{
	border-right:1px solid #e00;
	color:#d00;
	font: bold 1em Georgia,"Times New Roman",Times,serif;
	margin: 0px 4px 4px 0;
	padding-right:4px;
	clear:right;
	display:block;
	float:left;
	height:17px;
	overflow:hidden;
	text-align:right;
	width:10px;
}

.tabs{
	margin-top:2px;
	overflow:hidden;
}
.tabs li{
	background-color:#EEEEEE;
	clear:both;
	margin:0px !important;
	padding:0px;
	font-family: "NuvoOT-medi";
}
.tabs li a:hover{
	padding-left:1px;
}
.select, .select a {
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: 900 !important;
	text-shadow: 0px 1px 0px #848484 !important;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif !important;
	padding: 10px;
	margin:0px;
	border-radius: 5px;
	background-color: #848484;
	box-shadow: 0px 0px 8px #404040 inset;
	display: inline-block;
}

.bladetabcontainer {
	width: 440px;
	height: 200px;
	border: 1px solid #CCC ;
	margin-left: 10px;
	background:#FFF;
	box-shadow: 0px 0px 5px #DBDBDB inset;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: auto;
	font-size: 14px;
}

.bladetabcontainer table
{
border-collapse:collapse;
width: 90%;
text-align: justify;
border: 0px;
padding: 0px;
margin: 0px;
}
.bladetabcontainer tr, .bladetabcontainer th, .bladetabcontainer td
{
border: 0px;
}
.bladetabcontainer tr {
	border-bottom: 1px solid #999999;
}
.bladetabcontainer tr:last-child {
	border-bottom: 0px solid #999999;
}
.tababout {
	padding: 0px 10px 0px 10px;
}
.OfficeBladeModules a {
	margin: 0px;
	width: 390px;
	max-width: 390px;
	margin-right: 10px;
	float: right;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	color:#01182f;
	text-decoration:none;
	transition: all 0.1s linear;
	text-shadow: 0px 1px #FFFFFF;
	padding: 0px;
	border-bottom: 0px #FFFFFF solid;
	border-radius: 5px;
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superblade/1.png),#f4f4f4;
	background-position: 360px 50%, 240px 50%;
	background-repeat: no-repeat ;

}
.OfficeBladeEnclosures a {
	margin: 0px;
	width: 390px;
	max-width: 390px;
	margin-right: 10px;
	float: right;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	color:#01182f;
	text-decoration:none;
	transition: all 0.1s linear;
	text-shadow: 0px 1px #FFFFFF;
	padding: 0px;
	border-bottom: 0px #FFFFFF solid;
	border-radius: 5px;
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/superblade/1a.png),#f4f4f4;
	background-position: 360px 50%, 240px 50%;
	background-repeat: no-repeat ;

}
/**CSS FOR SUPERBLADE PAGE ENDS**/

/**CSS FOR FATTWIN PAGE STARTS**/
.fattwinbg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/fattwin/fattwinbg.jpg) top right no-repeat;
}
.smvideoblock {
	float:left;
	width: 25%;
	text-align: center;
}
.smvideoblock img {
	border:1px solid #999;
}
.smvideoblock a {
	display: block;
	font-size:12px;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	color:#333;
	text-decoration: none;
	border: 0px solid #FFF;
}
.smvideoblock a:hover {
	border: 0px solid #DBDBDB;
	opacity:0.6;
	filter:alpha(opacity=60);
}
	.fattwinproduct1 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/fattwin/list1.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
	.fattwinproduct2 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/fattwin/list2.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
/**CSS FOR FATTWIN PAGE ENDS**/

/**CSS FOR FLIP CARDS**/
/* it's a good idea to define a height and width for quickFlip */



.systemswrapper {
width: 840px;
margin: 0px auto;
}

.quickFlip, .quickFlip3 {
    height: 400px;
    width: 260px;
}

.quickFlip2 {
    height: 400px;
    width: 260px;
    float: left;
    margin: 10px;
}



.redPanel, .blackPanel {
    text-align: center;
}

.half-col {
    width: 280px;
    float: left;
	margin-bottom: 20px;
}

/**** panels ****/

.quickFlip, .quickFlip2, .quickFlip3 {
    font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
    font-size: 13px;
    position: relative;
}

.quickFlip .blackPanel, .quickFlip2 .blackPanel, .quickFlip3 .blackPanel {
    background-color: #FFF;
    color: #808182;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0px 3px 0px #cccccc, 0px 0px 4px #cccccc;
}

.quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
    background-color: #FFF;
    color: #808182;
    border: 1px solid #cccccc;
    border-radius: 4px;
	box-shadow: 0px 3px 0px #cccccc, 0px 0px 4px #cccccc;
}

.half-col p {
    padding: 2px;
    margin:2px;
}

.half-col p.panel-content {
    text-align: center;
    margin-top: 0px;
}

.half-col h3, .half-col h4 {
    padding: 0;
    margin: 0px auto;
	color: #054b90;
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
}

.half-col h3 {
    text-align: left;
    font-size:18px;
    line-height:24px;
}

.half-col .redPanel h3 {
    text-align: center;
    margin-bottom: 10px;
}

.half-col img {
    border:0px;
}

.half-col .first {
    margin-top: 20px;
	text-align: center;
}

.half-col EM {
    display: block;
    padding: 0;
}

.half-col A.quickFlipCta {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 260px;
    font-size: 15px;
    outline: none;
}
.half-col A.quickFlipCta:first-child {
    position: absolute;
    bottom: 36px;
    left: 0px;
    width: 260px;
    font-size: 15px;
    outline: none;
}
.half-col A.quickFlipCtas {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 260px;
    font-size: 15px;
    outline: none;
}
.half-col A.quickFlipCta:hover {
	background-color: #f0f0f0;
	border-radius: 0px 0px 4px 4px;
}

.half-col h5 {
	font-family: arial, Sans-Serif; font-size:10px; color:#666; font-weight:normal; margin: 0px;
}

.half-col table
{
border-collapse:collapse;
width: 220px;
text-align: right;
}
.half-col table, .half-col th, .half-col td
{
border: 0px solid black;
font-family: arial, Sans-Serif; font-size:10px; color:#666; font-weight:normal; margin: 0px;
}

.half-col tr {
	border-bottom: 1px solid #999999;
}
.half-col tr:last-child {
	border-bottom: 0px solid #999999;
}

.quickFlip2 .redPanel a {
    color: #FFF;
}

.quickFlipCta {
    cursor: pointer;
	transition: all 0.2s linear;
}
.specscard {
	padding: 10px;
	width: 240px;
	height:240px;
	overflow: auto;
}
/** css end for flip cards**/
/**css for TABS START**/
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
color: #848484;
	text-shadow: 0px 1px 0px #FFF;
	text-decoration: none ;
	font-weight: bold ;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif ;
	font-weight: 900;
	padding: 0px;
	margin:0px;
	display: inline-block;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
	color: #848484;
	text-shadow: 0px 1px 0px #FFF;
	font-weight: bold;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif ;
	font-weight: 900;
	padding: 5px 10px 5px 10px;
	margin:0px;
	display: inline-block;

}

.shadetabs li a:visited{
color: #2d2b2b;
border-radius: 4px 4px 0px 0px;

}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: bold !important;
	text-shadow: 0px 1px 0px #848484 !important;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif !important;
	font-weight: 900;
	padding: 5px 10px 5px 10px;
	margin:0px;
	border-radius: 5px;
	background-color: #848484;
	box-shadow: 0px 0px 8px #404040 inset;
	display: inline-block;

}

.shadetabs li a.selected{ /*selected main tab style */
border-bottom-color: white;
border-radius: 4px;

}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
color: #848484;
	text-shadow: 0px 1px 0px #FFF;
	text-decoration: none !important;
	font-weight: bold !important;
	font-family: 'Lato Black' , Tahoma, Helvetica, Sans-Serif !important;
	font-weight: 900;
	padding: 5px 10px 5px 10px;
	margin:0px;
	display: inline-block;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(../indentbg.html) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(../indentbg2.html) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid #CCC ;
width: 440px;
box-shadow: 0px 0px 5px #DBDBDB inset;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: auto;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
/** CSS FOR TABS END**/

/**CSS FOR GPU PAGE STARTS**/
.gpgpubg {
	background: url(https://www.thinkmate.com/images/shared/smicronew/gpu/mainbg_gpu.jpg) top right no-repeat;
}
.gpuproductlist1 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/1.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist2 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/2.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist3 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/3.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist4 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/4.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist5 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/5.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist6 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/6.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}
.gpuproductlist7 a {
	background:url(https://www.thinkmate.com/images/shared/smicronew/sub/arrow_go.png),url(https://www.thinkmate.com/images/shared/smicronew/gpu/7.png),#f4f4f4;
	background-position: 380px 50%, 270px 50%;
	background-repeat: no-repeat ;
}


/**CSS FOR GPU PAGE END**/


/** CSS Modifications for New Supermicro Page. These are overrides. **/
.sitenav-window {
 	background: #0e3255;
	margin: 0px auto;
	text-align:center;
	box-shadow: 0px -3px 0px #d9232f inset;
	padding-bottom: 10px;
	width: 560px;
	margin-left: 366px;
	position: absolute;
	z-index: 99;

}

.sitenav-viewport-active {
  margin-top: 0px;
  position: relative;
  left: 0px; width: 559px;
  overflow: hidden;
  height: 258px !important;
}
.sitenav-sub {
  font-size: 14px;
}
.sitenav-sub a {
color: #ffffff;
text-decoration: none;
}
.sitenav-sub a:hover {
text-decoration: underline;
}
.sitenav-sub-active {
  position: absolute;
  top: 0;
  width: 559px;
}
.sitenav-close {
  display: block;
  height: 17px;
  background: url(https://www.thinkmate.com/images/shared/smicronew/nav-bar-blues-close.gif) center center no-repeat;
  text-indent: -9999px;
}
.sitenav-close:hover {
  background-color: #8bbcfb;
}

.menulist {
	display: inline-block;
	margin: 0;
	text-align: left;
	vertical-align: text-top;
	width: 126px;
	padding: 13px;
}
.menulist h1, .menuplatform h1, .menulist p, .menuplatform h4 {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	text-shadow: 0px 2px 0px #113658;
	margin: 0px 0px 5px 0px;
}
.menulist ul, .formfactor ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.menulist li , .menuplatform p{
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}

.formfactor {
	display: inline-block;
	margin: 0px;
	text-align: left;
	vertical-align: text-top;
width: 150px;
}
.formfactor h1, .formfactor p {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	text-shadow: 0px 2px 0px #113658;
	margin: 0px 0px 10px 0px;
}
.formfactor li {
	font-family: 'Lato' , Tahoma, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: 400;
	color: #698caf;
	text-shadow: none;
	margin-top: 5px;
	padding: 0px;
}
.formfactor li.cpu{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_cpu.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}
.formfactor li.drives{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_drives.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}
.formfactor li.ram{
    background: url(https://www.thinkmate.com/images/shared/smicronew/list_ram.png) left center no-repeat;
	padding-left: 20px;
margin: 0px;
}




.supermicrobar {
		width: 100%;
	height: 78px;
	background: #1c5185;
	margin-top: -15px;
	position: relative;
	z-index: 4;
}


	.supermicrobar__wrapcontents {
		width: 960px;
		margin: 0 auto;
	}

	.supermicrobar__wrapcontents__logo {
		width: 208px;
		height: 75px;
		margin-top: 12px;
		margin-left: 40px;
		float: left;
	}

	.supermicrobar__wrapcontents__menu {
		width: 466px;
		height: 58px;

		padding: 0;
		margin: 0;
		float: left;
	}

	.supermicrobar__wrapcontents__menu__items {
	width: 	230px;
	height: 58px;
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	}

	.supermicrobar__wrapcontents__menu__items__top {
	width: 	100%;
	height: 18px;
	text-align: center;
	font-family: 'Open Sans Condensed' , Sans-Serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 300;
	text-transform:uppercase;
	}

	.supermicrobar__wrapcontents__menu__items__bottom {
	width: 	240px;
	height: 40px;

	}

	#supermicrobar__wrapcontents__menu__items__bottom__linkone {
		transition: 0.2s all linear;
	float: left;
	padding: 5px 10px 0px 10px;
	text-align: center;
	font-family: 'Lato' , Sans-Serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 900;
	text-transform:uppercase;
	text-decoration: none;
	height: 35px;
	}

	#supermicrobar__wrapcontents__menu__items__bottom__linkone:hover {
		transition: 0.2s all linear;
	text-decoration: underline;
	}

	.sitenav-submenu {
	transition: 0.2s all linear;
	}

	.sitenav-link {
	transition: 0.2s all linear;
	}

	.sitenav-link-active {
	background: #0e3255;
	box-shadow: 0px 3px 0px #d9232f inset;
	}

	#supermicrobar__wrapcontents__menu__items__bottom__linktwo {
		transition: 0.2s all linear;
	float: left;
	padding: 5px 10px 0px 10px;
	text-align: center;
	font-family: 'Lato' , Sans-Serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 900;
	text-transform:uppercase;
	text-decoration: none;
	height: 35px;
	}

	#supermicrobar__wrapcontents__menu__items__bottom__linktwo:hover {
	text-decoration: underline;
	}

	.supermicrobar__wrapcontents__search {
		width: 212px;

		padding: 0;
		margin: 0;
		float: right;
	}

	.supermicrobar__wrapcontents__search__searchbox {
		text-align: center;
		transition: 0.2s all linear;
	width: 212px;
	height: 34px;
	font-family: 'Lato', Sans-Serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 17px;
	background: #153758 url(../png/searchglass.png) 25px 14px no-repeat;
	border: 0;
	padding-left: 10px;
	margin: 14px -23px 0px 0px;
	outline: 0;
	}

	.supermicrobar__wrapcontents__logo img:hover {
		transition: 0.1s all linear;
	opacity: 0.9;
	}

	.supermicrobar__menu__whenopen {
	width: 960px;
	margin: 0 auto;
	}

	.statementwrapper {
	margin-top: -9px;
	padding-top: 11px;
	}

	.statementwrapper__bottom {
	margin-top: -10px;
	}


	.statementwrapper__divider {
	background: url(../png/line-2.png) center center repeat-x;
	padding-left: 25px;
	margin-left: 303px;
	}



	.statementwrapper__divider span {
	background: #efefef;
	padding: 6px;
	font-family: 'Open Sans Condensed', Sans-Serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	color: #1b548c;
	}



	#search-container-two {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #aaaaaa;
  list-style: none;
  z-index: 9996;
}

#search-container-two {
  position: absolute;
  right: 50%;
  margin-right: -490px;
  top: 244px !important;
  max-height: 300px;
  overflow: auto;
  background: #ffffff;
  border: 10px solid #16436e;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 5px #15416b inset, 0px 2px 2px #15416b;
  width: 940px;
background: #FFF;

}
#search-text-two::-ms-clear {
    display: none;
}

.statementwrapper h1 {
	display:block;
	float:left;
	width:235px;
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 21px;
	color: #165088;
	text-shadow: 0px 1px #FFFFFF;
	margin: 14px  40px 36px 40px;
	vertical-align: middle;
}

.superserverright {
	margin-top: -9px;
}


/** BREADCRUMBS STYLING **/
.sitelocator div {
	background: url(../png/breadcrumb_arrow-2.png) right center no-repeat;
	padding: 0 15px 0 0;
	margin: 0;
	display: inline-block;
}
.sitelocator, .sitelocator a {
	font-family: 'Lato', Tahoma, Helvetica, Sans-Serif;
	font-weight: 900;
	font-size: 13px;
	color: #3e3e42;
	-webkit-text-stroke: 0.25px;
	text-transform: uppercase;
}

.sitelocator a {
	transition: 0.2s all linear;
	text-decoration: underline;
}

.sitelocator a:hover {
	color: #ff5601;
}

.sitelocator .noarrow {
	background: none;
	-webkit-text-stroke: 0;
	color: #666;
}

/**ONLY FOR SUPERMICRO STORE SUB PAGES AND LIST PAGES **/
.supermicrobar__wrapcontents__logo {
margin-left: 0;
padding-left: 40px;
background: url(../png/arrow_back.png) 23px 31px no-repeat;
transition: 0.2s all linear;
}

.supermicrobar__wrapcontents__logo:hover {
    background: url(../png/arrow_back.png) 18px 31px no-repeat;
    transition: 0.2s all linear;
}

.supermicrobar__wrapcontents__logo img:hover {
	opacity: 1;
}

#page-container {
   width: 100% !important;

  padding-top: 15px !important;

}