.comparator table {table-layout: fixed; *margin-left: -150px;/*ie7*/ line-height: 22px; border-collapse: collapse;}

.comparator table td, .comparator table th {vertical-align: top; text-align: center;}

.comparator table th {position: absolute; left: 0; width: 190px;}


.comparator table tbody td {padding: 9px 6px; border-left: 1px solid #d2beaf; border-right: 1px solid #d2beaf; border-top: 1px dotted #e0cec0; border-bottom: 1px dotted #e0cec0; min-width: 160px; max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


.comparator table tbody td a {font-weight: normal;}

.comparator table tbody tr:first-child td, .comparator table tbody tr:first-child th {border-top: 1px solid #d1baab;}
.comparator table tbody tr:last-child td, .comparator table tbody tr:last-child th {border-bottom: 1px solid #d1baab;}

.comparator table tbody th {padding: 9px 6px; font-weight: normal; font-size: 14px; border-top: 1px solid #d2beaf; background: #986416; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.comparator table tbody tr td:nth-child(odd) {background: #FBF1E1;}

.comparator table tbody tr:first-child {font-weight: bold;}

.comparator thead td {background: none;}

.comparator thead img {border: 1px solid #eabd94; margin: 5px auto; max-width: 140px; max-height: 100px;}
.comparator thead img:hover {border: 1px solid #bb0000;}

.comparator-wrapx {padding: 5px 5px 0px 5px;}

.comparator-wrap {position: relative;}

.comparator {overflow-x: auto; overflow-y: auto; margin-left: 195px; text-align: left;}


.comparator table tbody tr:hover td {background: #F3D5A0 !important;}

.comparator table tbody tr td:hover {background: #EDC076 !important;}

.comparator table tbody tr:hover th {background: #774F11;}

.comparator table tfoot th {padding: 3px 0px 10px 0px; background: #fff; color: #000; font-size: 14px;}
.comparator table tfoot td {padding: 3px 0px 10px 0px;}




/* MENU

.comparator-menu {margin: 25px auto 0px auto; display: block; text-align: center; vertical-align: middle;}
.comparator-menu a {z-index: 10; width: 110px; min-height: 150px;margin: 4px 4px 12px 4px; padding: 14px 6px; display: inline-block; text-align: center; vertical-align: middle; color: #fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border: 3px solid rgba(255,255,255,0.01); font-size: 13px; text-transform: uppercase; min-height: 67px; word-break: break-word; line-height: 16px; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; background: #E6AC57;}
.comparator-menu a img {float: none; clear: both; display: block; margin: 0px auto 3px auto; max-width: 100px; max-height: 55px; opacity: 0.55;}
.comparator-menu a:hover, .comparator-menu .current {box-shadow: 0px 0px 14px rgba(0,0,0,0.4); text-decoration: none; border: 3px solid rgba(255,255,255,0.7); background: #C9851F;}
.comparator-menu a:hover img,.comparator-menu .current img {opacity: 1;}
 */


.comparator-menu {margin: 30px auto 30px auto; display: block; text-align: center; vertical-align: middle; max-width: 1250px;}
.comparator-menu a {z-index: 10; width: 12%; margin: 1px 0px 0px 1px; padding: 22px 4px; display: inline-block; text-align: center; color: rgba(255,255,255,0.8); border-radius: 0px; border: 1px solid rgba(255,255,255,0.0); font-size: 13px; text-transform: uppercase; min-height: 110px; word-break: break-word; line-height: 16px; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; vertical-align: middle; background: #cc701c; overflow-x: hidden; text-overflow: ellipsis;}
.comparator-menu a svg {float: none; clear: both; display: block; margin: 0px auto 10px auto; fill: #fff; opacity: 0.87; max-height: 42px; max-width: 42px;}
.comparator-menu a:hover svg, .comparator-menu a.current svg {opacity: 1;}
.comparator-menu a:hover {color: #fff; text-decoration: none; background: #934900; -webkit-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55);
-moz-box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55); box-shadow: inset 0px 0px 7px 0px rgba(0,0,0,0.55);}
.comparator-menu .current {box-shadow: 0px 0px 12px rgba(0,0,0,0.74); text-decoration: none; border: 1px solid rgba(0,0,0,0.24); z-index: 14; position: relative; color: #fff !important; background: #e48d3f;}






.comparator-submenu {margin: 22px auto 40px auto; display: block; text-align: center; line-height: 25px;}
.comparator-submenu a {margin: 0px 12px; display: inline-block; text-align: center; vertical-align: middle; font-size: 15px;}
.comparator-submenu a img {margin-right: 7px; vertical-align: middle; max-height: 24px;}
.comparator-submenu a.add {color: #fff; padding: 10px 20px; margin-top: -4px;}
.comparator-submenu div {display: inline-block; margin: 0px 14px; vertical-align: middle;}
.comparator-submenu select, .comparator-submenu input {font-size: 16px; padding: 4px; max-width: 180px; display: inline-block; margin: 0;}
.comparator-submenu button {background: none; border: none; width: auto; box-shadow: none; display: inline-block; margin: 0; padding: 0;}





/* COMPARATOR TABLE */

.comparator-table {padding: 20px 10px; overflow-x:auto;}
.comparator-table table {width: 100%;}
.comparator-table table thead td {font-weight: bold; font-size: 15px; vertical-align: bottom; border-bottom: 1px solid #A67D60; padding: 12px 8px;}
.comparator-table table td {padding: 12px 10px; max-width: 150px; vertical-align: middle;}
.comparator-table table tbody tr:nth-child(even) td:first-child, .comparator-table table tbody tr:nth-child(odd) td:first-child {padding: 5px 5px 5px 0px; background: none; border-bottom: none;}
.comparator-table table tbody td {border-bottom: 1px solid #d2beaf;}
.comparator-table table tbody tr:nth-child(odd) td {background: #FBF1E1;}
.comparator-table table tbody tr:hover td {background: #F8E7C7;}

.comparator-table table tbody td:first-child {max-width: 90px; padding:10px 4px;}
.comparator-table table tbody td:first-child img {max-height: 60px; max-width: 90px; border: 1px solid rgba(255,255,255,0);}
.comparator-table table tbody td:first-child img:hover {border: 1px solid #ff0000;}





/* MACHINERY ITEM INLINE */

.machinery {text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; margin: 25px auto;}
.machinery .tooltip-item {flex: 1 0 250px; max-width: 250px; text-align: center; padding: 22px 10px; vertical-align: top; margin: 0px 10px 35px 10px; border-radius: 7px; border: 1px solid rgba(0,0,0,0.1); min-height: 224px;}

.machinery .tooltip-item:hover {border: 1px solid #fff; text-decoration: none; color: #444; box-shadow: 1px 2px 12px rgba(0,0,0,0.2);}

.machinery .tooltip-item img {display: block; margin: 10px auto; max-height: 100px; max-width: 200px;}

.machinery .tooltip-item img.flag {display: inline-block; margin: -3px 5px 0px 0px;}

.machinery .tooltip-item, .machinery .tooltip-item div {font-size: 14px; color: #5f5f5f;}

.machinery .tooltip-item div.name {font-size: 14px; display: block; font-weight: bold; margin: 0px auto 2px auto; max-width: 100%;}
.machinery .tooltip-item:hover div.name b {text-decoration: underline;}

.tooltip-item div:nth-child(2) {font-size: 16px; font-weight: bold; margin: 0px auto 7px auto;}

.tooltip-item div:nth-child(3), .tooltip-item div:nth-child(4) {display: inline;}