@charset "utf-8";

/* ==========================================================================
 COMPARE ALL
 ========================================================================== */
p {
	margin: none !important;
}
.search_grid, .search_grid_mobile {
	margin-bottom: 1rem;
	width: 100%;
	border-right: 1px solid #fff;
}

.search_grid_mobile {
	position: fixed;
	background: #fff;
	z-index: 10;
	top: 0;
	display: none;
	max-width: 1000px;
	width: 100% !important;
	border-right: none;
}

.search_grid_mobile.subcat_columns > tbody > tr:last-child { display: table-row; }

.product_name {
	text-decoration: none;
	font-weight: 700;
}

.head_row td span {
	padding-top: 8px;
	padding-bottom: 8px;
}

.head_row, .head_row td, .product_row, .product_row td {
	border: 1px solid #a5afb6;
}

.product_item p {
	text-align: left;
}

.product_item, .product_item tr, .product_item td {
	border: none;
}

.product_item img {
	width: 50px;
	height: 50px;
	margin-top: .8rem;
	padding-left: .5rem;
	padding-bottom: .5rem;
}

.divider {
	background-color: #a5afb6;
	border-right: 1px solid #a5afb6;
	border-left: 1px solid #a5afb6;
	line-height: .5rem;
	font-size: .5rem;
}

.head_row {
	text-align: center;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.2;
	color: #000;
}

.head_row td {
	vertical-align: middle;
	padding: .4rem 1rem;
	width: 33%;
}

.head_row span {
	padding: 0;
	display: inline-block;
}

.head_row .min_padding {
	padding: .4rem 0;
}

.product_item {
	margin: 1rem .5rem;
}

.product_row td {
	vertical-align: top;
}

.product_item a {
	font-size: 1.2rem;
	line-height: 1.2;
	display: inline-block;
	padding-left: 1.2rem;
}

.product_item span {
	display: inline-block;
}

.product_row span {
	padding: 1.5rem .5rem;
	font-size: 1.2rem;
	line-height: 1.2;
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align: top;
	color: #000;
}

.product_row .align_left {
	text-align: left;
}

.product_row span p {
	padding-left: .7rem;
	margin-top: -.7rem;
}

.product_row:hover, .product_row:focus {
	background-color: #E8E8E8;
}

.subcat_row {
	background-color: #007dc4;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	border-color: #007dc4;
}

.subcat_row span {
	padding: .8rem 1rem;
	display: inline-block;
}

/* ==========================================================================
 TABS
 ========================================================================== */

.search_viewer_contain {
	float: left;
	margin: 0;
	width: 100%;
	height: 5rem;
	border-bottom: 5px solid #007dc4;
}

.search_viewer_contain span:first-child {
	color: red;
}

.search_viewer_contain span:last-child {
	margin-right: 0;
}

.search_viewer_contain .viewer {
    background: #a5afb6;
    padding: 6px 16px 4px 16px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    position: relative;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    font-size: 14px;
    font-weight: normal;
    color: #FFF;
    display: inline-block;
    margin-right: 4px;
    }

.search_viewer_contain .viewer:hover {
	background-color: rgb(221, 175, 119);
}

.search_viewer_contain .viewer.active:hover {
	background-color: #fff;
}

.search_viewer_contain .viewer:first-child.active {
	font-weight: bold;
}

.search_viewer_contain .viewer:first-child:hover {
	font-weight: bold;
}

span.viewer.active {
  background: white;
  color: #003b70;
  border-bottom: 1px solid white;
  text-decoration: underline;
  cursor: pointer;
  z-index: 1;
}

/*.subcat_columns td {
	width: 33.3%;
}*/

.subcat_columns>tbody>tr:last-child {
    display:none;
}

.search_table_link {
	background-color: #A5AFB6;
	color: #fff;
	font-size: 1.4rem;
	display: block;
	margin-top: -1rem;
	padding: .5rem 1rem;
	text-decoration: none;
}

.search_table_link:after {
	content: "";
    display: inline-block;
    margin-left: 0.4rem;
    height: 0.9rem;
    width: 0.9rem;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
}

.search_table_link:hover,
.search_table_link:focus { color: #007DC4; }

.search_table_link:hover:after,
.search_table_link:focus:after { border-color: #007DC4;}