.allPad8 { padding: 8px !important; }

h1.pageTitle { margin-bottom: 20px !important; }
h2.pageSubtitle { margin-top: -15px !important; font-size: 1.5rem; }

#specTable .specName {
	color: #475866;
	background: #e6ecf7;
	width: 40%;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
}

#specTable td {
	color: #334655;
	background: #f5f5f5;
	padding-left: 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
}

#sidebar-column ul.list-group {
	margin-left: 0;
}

#sidebar-column ul.list-group li {
	padding-bottom: 8px;
	padding-left: 30px;
	border-bottom: 1px solid #00000020;
	text-transform: uppercase;
}

#sidebar-column ul.list-group li a {
	font-weight: 400;
	font-size: 14px;
}

#cta-well {
	margin-top: 50px;
	margin-left: 20px;
	padding: 0;
}

#cta-well > .row {
	padding-left: 19px;
}

#cta-well a {
	color: #545454;
}

#highlight-well {
	margin-left: 20px;
}

.block-text {
	padding: 8px 30px;
	background-color: #7d8a99;
	color: #fff;
	font-weight: 700 !important;
	font-size: 0.95rem;
}

#help-with-ordering .ps-widget.ps-enabled {
	display: block !important;
	padding: 11px 19px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e75f41;
	background-color: #e75f41;
	color: #fff;
	font-size: 17.5px;
	zoom: 1;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
#help-with-ordering .ps-widget.ps-enabled:hover { background-color: #fff; color: #e75f41; }

/* CARD STYLES */
#cardList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#cardList .card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	margin: 0 8px 20px 8px;
	padding: 0;
	min-height: 230px !important;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-top: 7px solid #7d8a9a;
	border-radius: 0;
}

#cardList .cardNone {
	padding: 15px;
	border: 0;
}

#cardList .card .card-timeline {
	margin-bottom: 10px;
	padding: 0;
	color: #999;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 400;
	text-transform: uppercase;
}

#cardList .card .card-title {
	display: flex;
	align-items: flex-start;
	min-height: 60px;
	margin-bottom: 12px;
}

#cardList .card .card-title.lines3 {
	min-height: 80px;
}

#cardList .card .card-title h3 {
	margin: 0 0 10px 5px;
	padding: 0;
	color: #454b4f;
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	font-size: 1.35em;
	font-weight: 700 !important;
	line-height: 1.1;
	text-transform: uppercase;
}
#cardList .cardRed .card-title { color: #ff4136; }
#cardList .cardBlue .card-title { color: #005eb8; }
#cardList .cardGreen .card-title { color: #93ac45; }
#cardList .cardPurple .card-title { color: MediumPurple; }
#cardList .cardOrange .card-title { color: Tomato; }
#cardList .card .card-link {
	margin: 15px 0 0 0;
	padding: 0;
	color: #454b4f;
	font-size: 0.85em;
	text-transform: uppercase;
}
#cardList .card .card-desc {
	margin-bottom: 0;
	padding: 0;
	color: #454b4f;
	font-size: 0.8em;
	line-height: 1.4;
}
#cardList .card .overlayLink {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#cardList .card .panel {
	margin-bottom: 8px;
	border: 0;
	box-shadow: unset;
}

#cardList .card .panel-heading {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	background-color: #fff;
}

#cardList .card .panel-title a {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
	font-size: 0.9rem;
	font-weight: 700 !important;
	color: #005eb8 !important;
}

#cardList .card .panel-title a:hover {
	text-decoration: none;
}

#cardList .card .panel-heading span {
	margin-right: 5px !important;
	color: #bbb !important;
}

#cardList .card .panel-body {
	padding: 8px 8px 8px 32px;
	border-top: 0;
	font-size: 0.8rem;
}

/* -------------------------------------
	PRODUCT DETAIL VIEW PAGE
------------------------------------- */

#features-and-benefits h3 {
	font-size: 20px !important;
}

#features-and-benefits p,
#features-and-benefits li {
	font-size: 15px;
}

#features-and-benefits ul {
	list-style-type: square !important;
}

#service-specifications .specValue h3 {
	margin-top: 2px;
	font-size: 16px;
}

#service-specifications .specName {
	font-weight: 700;
	font-size: 14px;
}

#service-specifications .specValue,
#service-specifications .specValue p {
	font-size: 14px;
}

#service-specifications .specValue ul {
	list-style-type: square !important;
}

#help-with-ordering {
	margin-left: 20px;
}

/* -------------------------------------
	CONTACT US SLIDER TRIGGER
------------------------------------- */
#detail-cus {
	padding: 0 0 20px 30px;
}
#detail-cus-icon {
	float: left;
	margin-right: 12px;
	font-size: 24px;
	color: #787c7f;
}
#detail-cus-trigger {
	font-weight: 700;
	vertical-align: -3px;
	color: #005eb8;
}
#detail-cus-trigger:hover {
	border-bottom: 1px solid #095080;
	color: #095080;
	cursor: pointer;
}

/* -------------------------------------
	MEDIA QUERIES
------------------------------------- */

/* EXTRA SMALL */
@media screen and (max-width: 599.98px){
	img#page-title-logo { margin-top: 20px !important; margin-bottom: 20px; }
	h1.pageTitle { clear: both; }
	#cardList .card .card-title,
	#cardList .card .card-title.lines3 {
		min-height: 40px;
	}
	#help-with-ordering { margin-bottom: 25px; margin-left: 0; }
	#cta-well { margin-top: 10px; margin-left: 0; }
	#highlight-well { margin-left: 0; }
	#service-specifications .specName { font-size: 12px; }
	#service-specifications .specName.nowrap { white-space: normal; }
	#service-specifications .specValue, #service-specifications .specValue p { font-size: 12px; }
	.size18 { font-size: 16px !important; line-height: 24px !important; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959.98px){
	#cardList { margin-top: 30px; }
	#cta-well { margin-top: 15px; margin-left: 0; }
	.card.col-sm-6 { width: 47%; }
	label.size14 { font-size: 12px !important; }
	#help-with-ordering { margin-top: 15px; margin-left: 0; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279.98px){
	.card.col-md-4 { width: 42%; }
	label.size14 { font-size: 13px !important; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	img#page-title-logo { margin-right: 30px; }
	.card.col-md-4 { width: 29%; }
}