html { font-size: 100%; }
body {
	color: #454b4f !important;
	background-color: #fff !important;
	font: 0.9em/1.67 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	line-height: 1.5;
	letter-spacing: 0.01em;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html[lang="RU"] .lead { font-size: 20px; }

#labels { margin-top: -40px; }
.tab-header { font-weight: 700; color: #a0a9b2 !important; text-transform: uppercase; }
.bracket-3x { height: 24px; background: url('//assets.tripplite.com/pages/horizontal-bracket-3x.png') top left no-repeat #fff; }
.bracket-2x { height: 24px; background: url('//assets.tripplite.com/pages/horizontal-bracket-2x.png') top left no-repeat #fff; }

/* tabs */
#tabs .col-tab {
	padding: 0 12px;
	border-bottom: 1px solid #7498b8 !important;
}

#tabs a {
	display: inline-block;
	width: 100%;
	padding: 5px 45px 5px 45px;
	text-align: center;
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-size: 1.1em;
	background-color: #fff;
	color: #8dabc4;
	border: 1px solid #c5d4e1;
	border-bottom: 0;
}
#tabs a.active  {
	color: #fff !important;
	background-color: #008b8b !important;
	border-bottom-color: #008b8b;
	font-weight: 500 !important;
}

/* table */
#productTable { margin-top: 32px; }

#productTable table.pduTable thead th {
	width: 16%;
	text-align: center;
	font-size: 0.8rem;
	border: 0;
}
#productTable table.pduTable thead th:first-child { text-align: left; }
#productTable table.pduTable tbody td {
	width: 16%;
	font-size: 0.8rem;
	border: 0;
}
#productTable table.pduTable tbody td p {
	margin-bottom: 5px;
	font-size: 0.8rem;
}
#productTable table.pduTable tbody td {
	padding: 12px 15px;
	border-bottom: 1px dotted #ccc;
}
#productTable table.pduTable tbody tr:last-of-type td {
	border-bottom: 0;
}
#productTable table.pduTable thead th {
	border-bottom: 2px solid #008B8B;
	padding: 2px 10px 0 10px;
}
#productTable table.pduTable thead th:first-of-type {
	background-color: #008B8B;
}
#productTable table.pduTable thead th h3 {
	margin-bottom: 5px;
	margin-left: 7px;
	font-size: 1.2rem;
	font-weight: 500 !important;
	text-transform: uppercase;
	color: #fff;
}
#productTable table.pduTable thead th h5 {
	margin-bottom: 5px;
	font-size: 1.1rem;
	font-weight: 500 !important;
}
#productTable table.pduTable thead th .label {
	vertical-align: middle !important;
	border: 2px solid #656d73;
	background-color: #fff;
	font-size: 64%;
	color: #454b4f;
}
#productTable table.pduTable thead th .label:hover {
	border: 2px solid #337ab7;
	color: #337ab7 !important;
}
/* #productTable table.pduTable thead th a {
	border-bottom: 1px dotted #005eb8;
} */
#productTable table.pduTable thead th a:hover,
#productTable table.pduTable thead th a:focus {
	text-decoration: none;
}

#productTable table.pduTable td:first-child {
	padding-right: 20px;
	background-color: #f2f7fa;
	color: #656d73;
}
#productTable table.pduTable tfoot td {
	font-size: 0.85rem;
	border-top: 1px dotted #ccc;
}
#productTable table.pduTable h4 {
	font-size: 1.2rem;
	font-weight: 500 !important;
	text-transform: uppercase;
}
#productTable table.pduTable span.key {
	font-size: 0.7rem;
	font-weight: 700 !important;
	color: #33393e;
	text-transform: uppercase;
}
#productTable table.pduTable .btn {
	font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif;
	font-size: 1rem;
	padding: 0 15px;
	border-radius: 0;
}
#productTable table.pduTable .btn.btn-lg {
	font-size: 1.25rem;
	padding: 10px 20px;
}

.slate { color: #567383 !important; font-size: 1.35em; }
.bglightgrey { background-color: #e6e9ed !important; }

#productTable table.pduTable td.rowspanned {
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
}

/* table widths */
#productTable table.pduTable thead th:first-child,
#productTable table.pduTable tbody td:first-child { width: 16% !important; }

/* table helper styles */
#productTable table.pduTable .center { text-align: center !important; }
#productTable table.pduTable .whiteBg { background-color: #fff !important; border-bottom-color: #fff; }
#productTable table.pduTable .lineAbove { border-top: 2px solid #ccc; padding-top: 30px; }
#productTable table.pduTable .extraPadding { padding-bottom: 20px; }

.productList {
	margin-top: -8px;
	min-height: auto;
}
.productListTable td {
	border-top: 0 !important;
}
.productListTable .itemTable {
}
.productListTable .itemTable td {
	border-bottom: 1px solid #ddd;
}

.productListTable .itemTable tr:first-child td {
	border-bottom: none;
}
.productListTable .itemTable td * {
	font-size: 12px !important;
}
.productListTable .itemTable td h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
}

.productListTable .itemTable td.attrid_ModelNumber a button.btn {
	color: #fff;
	background-color: #005eb8;
	text-decoration: underline !important;
	width: 99%;
	font-size: 14px !important;
}

/* bug fix */
.attrValue .attrId_OptionalCoverage div { height: auto !important; }

/* EXTRA SMALL */
@media screen and (max-width: 599.98px){
	h1.pageTitle { margin-bottom: 15px !important; }
	#hero-img img { margin: 0 auto; height: 180px; }
	#hero-copy { padding: 30px 15px 0 15px; }
	#tabs .col-tab { border-bottom: 0 !important; }
	#tabs li { font-size: 0.75em; }
	#tabs a { padding: 2px 10px; font-size: 1em; border-bottom: 1px solid #c5d4e1; }
	#tabs span.visible-xs { display: inline !important; }
	.table td { white-space: normal !important; border: 1px solid #ddd; font-size: 12px; }
	#productTable table.pduTable tbody td { padding: 8px; }
	.productTable table.pduTable .lineAbove { padding-top: 10px; padding-bottom: 10px; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959.98px){
	#hero-img img { margin: 0 auto; height: 240px; }
	#hero-copy { padding: 30px 15px; }
	#labels { margin-top: 0; }
	.bracket-3x, .bracket-2x { height: 14px; background-size: contain; }
	#tabs .col-tab { padding: 0 6px; }
	#tabs a { padding: 5px 20px; font-size: 1em; }
	html[lang="RU"] #tabs a { padding: 5px 15px; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279.98px){
	.lead { font-size: 21px; }
	html[lang="RU"] .lead { font-size: 16px; }
	.bracket-3x, .bracket-2x { height: 21px; background-size: contain; }
	#tabs a { padding: 5px 20px 5px 20px; }
	#productTable table.pduTable thead th,
	#productTable table.pduTable tbody td { font-size: 0.7rem; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	h1.pageTitle { font-size: 3.6rem; }
	#hero { margin-top: -15px; }
	#hero-copy { padding: 30px 15px 0 30px; }
	.tab-header { font-size: 18px; }
}