h2.pageSubtitle { font-size: 1.75rem; }
.icoHelp {
	margin: 0 0 -2px 5px;
	padding: 0;
	border: 1px solid #ddd;
	display: inline-block;
	width: 14px;
	height: 13px;
	overflow: hidden;
	background: url('data:image/gif;base64,R0lGODlhDAAWAJEAAKuoplmZ4f///wAAACH5BAAAAAAALAAAAAAMABYAAAIjlI8pwKDbmJLwmWZxdrYjunniGJTBY5pKabCWirrx6MkzfRQAOw==') no-repeat top left;
}
.icoHelp:hover {
	background-position: 0 -11px;
	border: 1px solid #5999e1;
}
#add-a-cable ul.dropdown-menu a {
	color: #656d73;
	font-weight: 400;
}

/* MODAL =================================================================================== */
.modal-footer { background-color: #eee; }
#power-cord-jacket-types td { font-size: 14px; }
#thankYouModal .modal-body { padding-left: 25px; padding-right: 25px; }

/* TABS ==================================================================================== */
#custom-cables-tabs {
	position: relative;
	border-bottom: 0 !important;
	line-height: 30px;
}
#custom-cables-tabs li {
	display: inline-block;
	text-align: center;
	margin-top: 5px;
	margin-left: 15px;
	padding: 10px 0 0 0;
	cursor: pointer;
	font-size: 20px;
	transition: background 200ms;
	-webkit-transition: background 300ms;
	-moz-transition: background 200ms;
}
#custom-cables-tabs li.active {}
#custom-cables-tabs li a {
	margin: 0;
	padding: 0;
}
#custom-cables-tabs li.active a {
	color: #414042 !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #eef3f6 50%, #b3cddf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#eef3f6 50%,#b3cddf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#eef3f6 50%,#b3cddf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#b3cddf',GradientType=0 ); /* IE6-9 */
}
#custom-cables-tabs li a span.tab-label {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding: 5px 20px 3px 20px;
	background-color: #dbe0e4;
	color: #414042;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
}
#custom-cables-tabs li.active a span.tab-label {
	background-color: #5d788b;
	color: #fff;
}

/* FORM ==================================================================================== */
#formWrapper { margin-top: 20px; padding: 10px 25px 25px 25px; border: 1px solid #c7c8ca; }
#formWrapper button { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 400 !important; font-stretch: condensed; }
#formWrapper .form-side { border-right: 1px solid #c7c8ca; padding-right: 30px; }
#formWrapper .copy-side { padding-left: 30px; }
#formWrapper .formStep { margin-bottom: 35px; }
#formWrapper .formStep .formStepText { padding-left: 0; }
#formWrapper .formStep .formStepText h5 { margin-top: 4px; }
.pseudolabel, label { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; }
div.checkbox label { font-weight: 400; }
#formWrapper .radio-inline { font-size: 16px; }
#formWrapper .checkbox label { font-size: 16px; }
#formWrapper .checkbox-inline { padding-top: 12px; padding-left: 24px; font-size: 12px; line-height: 20px; }
#formWrapper .connector-angle .radio-inline { padding-top: 12px; padding-left: 24px; font-size: 12px; line-height: 20px; }
#formWrapper input.checkbox, #formWrapper input[type="radio"] {
	-ms-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-o-transform: scale(1.6);
	padding: 10px;
	margin-bottom: 12px;
}
#formWrapper input[type="radio"] { margin-left: 4px; }
#formWrapper .connector-angle .radio-inline input[type="radio"] { margin-left: -20px; }
#pullTab1, #pullTab2, #strandCount, #connector-1-other, #connector-2-other, #preferred-it-reseller { display: none; }

#formContact div.checkbox { padding-left: 5px; margin-bottom: 20px; }
#formContact div.checkbox input.checkbox {
	-ms-transform: scale(1.6);
	-moz-transform: scale(1.6);
	-webkit-transform: scale(1.6);
	-o-transform: scale(1.6);
	padding: 10px;
	margin-bottom: 4px;
}

#FormData_FiberConnector1Other,
#FormData_FiberConnector2Other,
#fiber-gender1,
#fiber-gender2,
#fiber-cable-strand-count,
#fiber-polarity,
#copper-color-other,
#video-color-other,
#video-dvi-connection-1,
#video-dvi-connection-2,
#power-cord-color-other,
#power-cord-connector-color-other { display: none; }

table.cable-quote { width: 100%; margin-bottom: 25px; }
table.cable-quote td:first-of-type { width: 120px; vertical-align: top; }
table.cable-quote td { border-bottom: 1px solid #eee; font-size: 13px; }
table.cable-quote td h4 { margin-top: 5px; margin-bottom: 0; font-size: 16px; font-weight: 500 !important; color: #005eb8; }

.btn.enabled { background-color: #e75f41 !important; border: 1px solid #f16c49; color: #fff !important; }

/* MEDIA QUERIES =========================================================================== */

/* EXTRA SMALL */
@media screen and (max-width: 599.98px){
	#hero-text h1 { font-size: 1.8rem; line-height: 1.2; }
	#hero-text h1 .size30 { font-size: 18px !important; }
	#formWrapper .form-side { border-right: 0; padding-right: 15px; }
	#formWrapper .copy-side { padding-left: 15px; }
	#formWrapper .formStep .formStepText { padding-left: 20px; }
	.pseudolabel { margin-top: 15px; }
}

/* SMALL */
@media screen and (min-width: 600px) and (max-width: 959.98px){
	#formWrapper .form-side { border-right: 0; padding-right: 15px; }
	#formWrapper .copy-side { padding-left: 15px; }
}

/* MEDIUM */
@media screen and (min-width: 960px) and (max-width: 1279.98px){
	#custom-cables-tabs li { width: 169px; }
	#custom-cables-tabs li a span.tab-label { padding: 5px 0; }
	#custom-cables-tabs li.active { margin-top: 3px; }
	#custom-cables-tabs li.active a span.tab-label { font-size: 16px; }
	#custom-cables-tabs li a img { width: 70%; margin: 0 auto; }
}

/* LARGE */
@media screen and (min-width: 1280px){
	#custom-cables-tabs li { width: 232px; }
	#custom-cables-tabs li a img { width: 80%; margin: 0 auto; }
}