.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
  *html .clearfix {display: block}
  html[xmlns] .clearfix {display: block}
  body {background-color: #FDFEFE; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0}

  h1 {font: 3em normal Georgia, 'Times New Roman', Times, serif; padding: 20px; margin: 0; text-align: center;}
  h1 small {font: 0.25em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 0.5em; line-height: 2em; display: block}
  h2 {font: normal 24px/1 Helvetica, Arial, sans-serif;clear: both; padding: 1em 0 0}
  h3 {font: normal 18px/1 Helvetica, Arial;}
  h4 {font: normal 14px/1 Helvetica, Arial;}

  .article-title {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    background-color: #EEEEEE;
    border: 1px dashed #333333;
  }
  .article-title h1 {
    font: italic 900 1.8em/1 Georgia, 'Times New Roman', Times, serif;
    padding-bottom: 0;
  }
  .article-title p {
    text-align: right;
    margin: 0;
    padding-right: 5px;
  }

  .wrapper {width: 1700px; margin: 20px auto 60px}
  
  table {
    border-collapse: separate;
    border-spacing: 0;
    font: normal 12px/1 'CartoGothicStdBook', 'Century Gothic', 'Apple Gothic', Corbel, Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;

  }

  table b {
   font-weight: bold;
   font-family: 'CartoGothicStdBold', 'CartoGothicStdBook', 'Century Gothic', 'Apple Gothic', Corbel, Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }

  table a img {
    border: 0 none;
  }
  thead {
    margin: 0;
  }
  thead tr th {
    color: #000000;
    font: 18px/1 normal Georgia, 'Times New Roman', Times, serif;
    text-shadow: 0 1px 0 #FFFFFF;
  }
  tbody tr th {
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-family: 'CartoGothicStdBold', 'CartoGothicStdBook', 'Century Gothic', 'Apple Gothic', Corbel, Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }
  td {
    padding: 10px;
    text-align: center;
  }
  td.list-contents {
    text-align: left;
    vertical-align: top;
    padding-bottom: 10px;
  }
  td.supported span {
    background: transparent url(true.png) no-repeat center;
    display: block;
    text-indent: -9999px;
  }
  td.no-support span {
    background: transparent url(false.png) no-repeat center;
    display: block;
    text-indent: -9999px;
  }
  td.warning span {
    background: transparent url(warning.png) no-repeat center;
    display: block;
    text-indent: -9999px;
  }
  .row-heading {
    padding: 65px 50px 10px;
    vertical-align: top;
    text-align: right;
    max-width: 50px;
  }
  .thead-col1,
  .thead-col2,
  .thead-col3,
  .thead-col4,
  .thead-col5 {
    background: transparent url(thead-bg.png) no-repeat;
    padding: 65px 0 10px;
    vertical-align: top;
    width: 300px;

    font: normal 18px/1 'BreeSerifRegular', Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }
  .thead-col1 div,
  .thead-col2 div,
  .thead-col3 div,
  .thead-col4 div,
  .thead-col5 div {
    padding-bottom: 15px;
  }
  
  .thead-col1 {background-position: 0px 0}
  .thead-col2 {background-position: -303px 0}
  .thead-col3 {background-position: -606px 0}
  .thead-col4 {background-position: -909px 0}
  .thead-col5 {background-position: -1212px 0}
  
  thead td, tfoot td {
    font-weight: bold;
    font-family: 'CartoGothicStdBold', 'CartoGothicStdBook', 'Century Gothic', 'Apple Gothic', Corbel, Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }
  thead td:first-child {text-align: right; padding: 105px 10px 10px;}
  tfoot td:first-child {text-align: right; padding: 5px 10px}
  
  .heading-part-two tr th {
    font: normal 12px/1 'CartoGothicStdBook', 'Century Gothic', 'Apple Gothic', Corbel, Helvetica, Arial, 'Nimbus Sans L', 'Liberation Sans', sans-serif;
  }
  
  .heading-part-two ul.tags {
    margin-top: 0;
  }
  .heading-part-two ul.tags li {
    float:left;
    height:24px;
    line-height:24px;
    margin-left: 5px;
    padding: 0 10px 0 12px;
    list-style: none;
    background: #0089e0;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
  }
  
  @media print { 
    .heading-part-two ul.hiding-link {
      display: none;
    }
  }
  .heading-part-two ul.hiding-link {
    clear: left;
    padding: 0;
    margin: 30px 0 5px 0;
  }
  .heading-part-two ul.hiding-link li {
    list-style-type: none;
  }
  .heading-part-two ul.hiding-link a {
    padding: 0 0 0 25px;
    position: relative;
  }
  .heading-part-two ul.hiding-link a:before{
    /*make it a block element*/
    display: block;
    position: absolute;
    left: 7px;
    top: 40%;
    margin-top: -8px;
    padding: 4px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;

    /*Unicode character BALLOT X ✗ */
    content:"\2717";
    color: snow;
    background-color: red;
    text-shadow:1px 1px 1px #000;
  }
  

  tr.topikunik:first-child td,
  tr.topikunik:first-child:hover td,
  tr.topikunik:first-child th,
  tr.topikunik:first-child:hover th {
    color:#0ff;
    border-bottom:1px solid #666;
    background: #955;
    o-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;

    text-shadow: none;
  }
  tr.topikunik:first-child td a,
  tr.topikunik:first-child th a {
    color:#ff0;
    text-decoration: none;
  }


  tbody tr:nth-child(odd) td, 
  tbody tr:nth-child(odd) th{
    color:#f0f0f0;
    border-bottom:1px solid #666;
    background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAdVBMVEWRkZGQkJCPj4+Ojo6NjY2MjIyLi4uKioqJiYmIiIiHh4eGhoaFhYWEhISDg4OCgoKBgYGAgIB/f39+fn59fX18fHx7e3t6enp5eXl4eHh3d3d2dnZ1dXV0dHRzc3NycnJxcXFwcHBvb29ubm5tbW1ra2tpaWmaOzbbAAAAFElEQVR42mNgoCJgZKIWZABjOkAAVKYA2S7oNKMAAAAASUVORK5CYII=)
      no-repeat;
    o-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(105,105,105)),
        color-stop(0.7, rgb(145,145,145))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(105,105,105) 39%,
        rgb(145,145,145) 70%
        );
    text-shadow:1px 1px 1px #000;
  }
  tbody tr:nth-child(odd):hover td,
  tbody tr:nth-child(odd):hover th {
    color:#f0f0f0;
    border-bottom:1px solid #444;
    background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAe1BMVEWbm5uampqYmJiXl5eWlpaVlZWTk5OSkpKRkZGQkJCOjo6NjY2MjIyKioqJiYmIiIiHh4eFhYWEhISDg4OCgoKBgYF/f39+fn59fX17e3t6enp5eXl4eHh2dnZ1dXV0dHRzc3NxcXFwcHBvb29ubm5sbGxra2tqamppaWl00GwWAAAAE0lEQVR42mNgoCJgZKIuZKA9BABVdADbupFy/wAAAABJRU5ErkJggg==)
      no-repeat;
    o-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(105,105,105)),
        color-stop(0.7, rgb(155,155,155))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(105,105,105) 39%,
        rgb(155,155,155) 70%
        );
    text-shadow:1px 1px 1px #000;
  }
  tbody a img,
  tbody sup a,
  tbody sup a:hover {
    text-decoration: none;
  }

  tbody tr:nth-child(odd) a,
  tbody tr:nth-child(odd) a:hover {
    color:#f0f0f0;
    /*text-decoration: none;*/
  }
  tbody tr:nth-child(even) td,
  tbody tr:nth-child(even) th {
    color:#222;
    border-bottom:1px solid #777;
    background: #F4F4F4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAP1BMVEX09PTz8/Py8vLx8fHw8PDv7+/u7u7t7e3s7Ozr6+vq6urp6eno6Ojn5+fm5ubl5eXk5OTj4+Pi4uLh4eHg4OCjYaEgAAAAFElEQVR42mNgoCJgZGJgoiamAwQASpgAxxPZxTEAAAAASUVORK5CYII=)
      no-repeat;
    o-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(224,224,224))
        color-stop(0.7, rgb(244,244,244))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(224,224,224) 39%,
        rgb(244,244,244) 70%
        );
    text-shadow:1px 1px 1px #fff;
  }
  tbody tr:nth-child(even):hover td,
  tbody tr:nth-child(even):hover th {
    color:#444;
    border-bottom:1px solid #777;
    background: #F4F4F4 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACACAMAAAD9J/PGAAAAXVBMVEX09PTz8/Py8vLx8fHw8PDv7+/u7u7t7e3s7Ozr6+vq6urp6eno6Ojn5+fm5ubl5eXk5OTj4+Pi4uLh4eHg4ODf39/e3t7d3d3c3Nzb29va2trZ2dnY2NjX19fW1tbSeCdzAAAAGUlEQVR42mNgoCJgZGJkYmBihEIGimk6QABQGADRR99hUgAAAABJRU5ErkJggg==)
      no-repeat;
    o-background-size: 100% 100%;
    -khtml-background-size: 100% 100%;
    background-size: 100% 100%;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.39, rgb(199,199,199)),
        color-stop(0.7, rgb(214,214,214))
        );
    background:-moz-linear-gradient(
        center bottom,
        rgb(214,214,214) 39%,
        rgb(244,244,244) 70%
        );
    text-shadow:1px 1px 1px #fff;
  }
  tbody tr:nth-child(even) a,
  tbody tr:nth-child(even) a:hover {
    color:#444;
    /*text-decoration: none;*/
  }

  tbody td {
    border-left: 1px dotted #666;
  }
  
  tbody tr:first-child th {
  -moz-border-radius: 15px 0 0 0;
  border-radius: 15px 0 0 0;
  }
  tbody tr:first-child td:last-child {
  -moz-border-radius: 0 15px 0 0;
  border-radius: 0 15px 0 0;
  }
  tbody tr:last-child th {
  -moz-border-radius: 0 0 0 15px;
  border-radius: 0 0 0 15px;
  }
  tbody tr:last-child td:last-child {
  -moz-border-radius: 0 0 15px 0;
  border-radius: 0 0 15px 0;
  }
  tbody tr:last-child td, 
  tbody tr:last-child th,
  tbody tr:last-child:hover td,
  tbody tr:last-child:hover th {
    border-bottom: none;
  }

  .item-name {
    color: #0000FF;
  }
  .item-name small {
    color: #000000;
  }

div.references {
    font: normal 12px/1 Helvetica, Arial;
    border-top: 1px solid #AAAAAA;
    margin: 10px 0;
}
div.references li:target, sup.reference:target, span.citation:target {
    background-color: #DDEEFF;
}

#footer {
    clear: both;
    background-color: #1F5344;
    border-top: 1px solid orange;
}

#legalese {
    width: 60%;
    margin:70px auto 30px;padding:15px;
    background-color: #154436;
    border: 1px solid black;
    color: #FFFFFF;
}

#legalese a {
    color: #00FFFF;
}

#legalese p {
    font-size: 11px;
    padding-left: 15px;
}

#legalese address {
    padding-left: 50px;
}


.emphasis {
    color: #F6F;
}

.error {
    color: #FF6666;
}

/* Advanced CSS hover styles */
ul.inline-image-block {
  overflow: hidden;
  padding: 5px;
  width: 90%;
  margin: 0 auto;
}

ul.inline-image-block > li {
	position: relative;
	float: left;
	list-style: none;
	margin: 0 5px 5px 5px;
	font-size: 10px;
}

ul.inline-image-block li img {
  display: block;
  position: relative;
  /* IE8 fix, background colour appears behind img for unknown reason set negative z-index */
  z-index: -1;
}

ul.inline-image-block li:not([class=na]) img {
  /* Reset relative position, as this plays havoc with good browsers */
  position: static;
}

ul.inline-image-block div {
  display: block;
  outline: none;
  -webkit-box-shadow: 3px 3px 5px #000;
  -moz-box-shadow: 3px 3px 5px #000;
  box-shadow: 3px 3px 5px #000;
}

ul.inline-image-block div img {
  /* disabled outline as it has z-index problems with overlays in -o
  (deemed reserved for accessibility)
  Using a border, which only slightly differs.
  outline: 3px solid #1E528C;*/
  border: 2px solid #1E528C;
}

ul.inline-image-block div:after {
	display: block;
	content: attr(title);
	position: absolute;
	bottom: 0;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background: rgb(30,82,140); 
	background: rgba(30, 82, 140, 0.35);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 82, 140, 0.7)), to(rgba(43, 117, 200, 0.35))); /* Safari */
	background: -moz-linear-gradient(top, rgba(30, 82, 140, 0.7), rgba(43, 117, 200, 0.35)); /* Firefox 3.6+ */
	background: -o-linear-gradient(top, rgba(30, 82, 140, 0.7), rgba(43, 117, 200, 0.35)); /* Opera 11+ */
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

ul.inline-image-block div.text-at-top:after { top: 0; right: 0; }


.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.pic{
	/* Styles specific to the pic class */
	/*position:absolute;*/
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	margin: 15px 56px;
	
	/* CSS3 Box Shadow */
	-webkit-box-shadow:2px 2px 3px #333333;
	-moz-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	/* Setting display to block enables advanced styling for links */
	display:block;
}

a.miniature,
.pic a {
  /* for whatever reason, -moz does not seem to allow more than ONE fallback cursor */
  /* -o doesn't support url cursors as of 11.x */
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADUklEQVR42r2VbUhTYRTHV%2BEYrZFIahRBL1RGGKSVVlhgSe%2FkjNIvQ3GNDXQ1NmK%2BJIkhDlsYruVlCUYsFBGMyBQzXDGaLS8z0SZjZoq9KFfHZGNNlNP%2FVh%2F6EkxbHfhxnrvd%2Ff%2FPOc%2FLBII%2FhEarF9Ya6yQGgzG2uqZWUqTWxAiiFeUVlZl6fYlJpVT1yGQyh1yh6NXprpnUV3VH%2Fko4N08mMRrrmpJ3J%2FfyRYCLYknscaFIkoWxLuPwIbaysurBmXMX1i5ZHD8S1dQY2jE07E9LzyEiBtQDFTjAv7Ntv0yMZC4vK3928vT51UsykMuVN2LjEm5V1xgrIPgRtIBSkBkgEnmIVo0SreDf3bQ56Z5Wp7u5FP1EhULVm1d0dwcEnwAHqAOF80QbfUTrOKJEGCQOhShOUd6%2Bs6hIbc%2FOubghUoNLJTcaLL75Hy0pBreBEZwKEiWHiFJQRco0cIcppa2fdhjrm60FBYXZEalLxOJa6%2BOBOxB8B14sEl1GvoLZ54SJpDwwkaISKaqQdnvoVGMLa5IXFpZGZBAfH2%2B2sX4rRN%2BAV8C6QFQCUQ3EtTwYa2GghYG2c4SKuxycValQXI%2B0RXq7a%2BbN3E%2Fx1%2BApZt8E0QaIM8gMWsSgRcxwiJh2F5kGPMH%2B%2FPz8vEgNDnbb2KnhaWIh9B5Gb%2F0wQ7bh2cZnLLJtDNgmydbjppdO1v3pxInTWyM1iDl6NOM5F6Zv9lHyjQRpFmLcFzD1K6M1XN80cc19%2BCxAQZVKdX%2BpZy2VYSyzHJrf5iTqwsZ3YtoulOJEbzrcRK3YvH7sgI6OTsrNzUtbzm1x1mAwfIUHDWHqnYM4FC6YDRF5sMLQJpziCYulcdLrHf2Kx%2BrlmOwRCWPu4xb9ZLOz3wbdk4t8rqyq%2BshfIyBh5aqV6ubWNmqwNFIwFGqemwusWY7RRpAOMsFe%2Frj89t3qY1lZrWbGQvVmhuYCQRZVbxFEOeIVSuXQA%2BsjanpoJZ%2FfP7GwsJAUbZPt1%2FT6sacdXdTV3UM%2Bn39yZsYXdZN9WJ%2FPjj4nud0jaFfAOz4xsTnaJun6krJxj3eUbxXPQD%2FrWh9tk2SNVvdhahqHBxEKh3sE%2FyB24X%2FCO8VxlJqaWiz4R7FbKBReEfyv%2BA4YHFriRReupgAAAABJRU5ErkJggg==) 1 1, auto;
}



.awardgfx {
	float: left;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border: 0;
	margin-bottom: 5px;
}



#xigmatek-midgard2-photobundle-th {
    background: url(xigmatek-midgard2_bundle_th.jpg) no-repeat;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

#xigmatek-midgard2-photo1-th {
    /*background: white url(ea295239996dc100a13f6587ca948dcd9a6e4675.jpeg) no-repeat 0% 0%;*/
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
}





#corsair-carbide-400r-photobundle-th {
    background: white url('http://hfr-rehost.net/thumb/http%3A//techreport.com/r.x/2011_10_3_Corsair_Carbide_400R_Midtower_Chassis/usbadapter-620.jpg') no-repeat -10% 50%;
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    transform: rotate(7deg);
}
#corsair-carbide-400r-photo1-th {
/*    background: white url('http://hfr-rehost.net/thumb/http%3A//self/pic/5e3a8cd8f8b136296af1aaf85a45eb15a2c6fc50.jpeg') no-repeat 20% 50%;*/
/*    background: white url(5e3a8cd8f8b136296af1aaf85a45eb15a2c6fc50.jpeg) no-repeat 20% 50%;*/
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
#corsair-carbide-400r-photo2-th {
/*    background: url('http://hfr-rehost.net/thumb/http%3A//self/pic/7ba079d2c9bb4efb8d540b71d72f07c7da38955e.jpeg') no-repeat 35% 20%;*/
/*    background: url(7ba079d2c9bb4efb8d540b71d72f07c7da38955e.jpeg) no-repeat 35% 20%;*/
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    transform: rotate(11deg);
}





#fractal-design-arc-photobundle-th {
    background: url(fractal-design-arc_bundle_th.jpg) no-repeat;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    transform: rotate(6deg);
}
#fractal-design-arc-photo1-th {
/*    background: white url(http://hfr-rehost.net/thumb/http%3A//self/pic/67c7f13762f6aca22da9c85d31bdcbf3a5df0035.jpeg) no-repeat 35% 50%;*/
/*    background: white url(67c7f13762f6aca22da9c85d31bdcbf3a5df0035.jpeg) no-repeat 35% 50%;*/
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    transform: rotate(-15deg);
}
  



#bitfenix-raider-photo1-th {
/*    background: white url(http://hfr-rehost.net/thumb/http%3A//self/pic/4f9773fae8ca44408842bc92d4d20f3a852d8401.jpeg) no-repeat 35% 50%;*/
/*    background: white url(4f9773fae8ca44408842bc92d4d20f3a852d8401.jpeg) no-repeat 35% 50%;*/
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    transform: rotate(5deg);
}