@font-face {
    font-family: 'compatilTextBold';
    src: url('../fonts/CompatilTextLTPro-Bd.otf');
}

@font-face {
    font-family: 'compatilFactReg';
    src: url('../fonts/CompatilFactLTPro-Rg.otf');
}

@font-face {
    font-family: 'compatilFactBold';
    src: url('../fonts/CompatilFactLTPro-Bd.otf');
}

@font-face {
    font-family: 'compatilFactBoldIt';
    src: url('../fonts/CompatilFactLTPro-It.otf');
}


body{
	text-align: center;
	color:#0d2d6d;
}

h1{
	font-family: 'compatilTextBold';
	font-size:89px;
}

h2{
	font-family: 'compatilTextBold';
	font-size:55px;
}

h3
{

	font-family: 'compatilTextBold';
	font-style: italic;
	font-size: 24px;
}

h4{
	font-family: 'compatilFactBoldIt';
	font-size: 28px;
}

h5
{
	font-family: 'compatilFactReg';
	font-size: 14px;
}

a{
	text-decoration: none;
}

p{
	font-family: 'compatilFactReg';
	color:#58585b;
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding:0 40px;
}

.legal p{
	font-size: 12px;
}



button:hover
{
	background-color:  #0d2d6d;
}

button
{
	color:white;
	border: 0px;
	font-family: 'compatilFactReg';
	font-size: 21px;
	border-radius: 8px;
	min-width: 100%;
	padding:6px;
	margin:0;
	background-color: #77bc1f;
}
a button
{
	border-radius: 15px;
	min-width: 43%;
	padding:20px;
}


#homeBtn{
	margin:40px 0 80px 0!important;
	padding:6px 40px;
}



li
{
	font-family: 'compatilFactReg';
	font-size: 21px;
	padding:15px;
}

li:hover
{
	background-color: #f4f8e9;
}

input
{
	border:1px solid black;
	width:100%;
}
input:invalid
{
	color:red;
}

input[type=checkbox]
{
	width: auto !important;
	margin-right: 15px;
}

input[type=text], input[type=email]
{
	border:0px !important;
	background-color: #f4f8e9;
	height: 28px;
    font-size: 16px;
}

input[type="submit"]
{
	color:white;
	border: 0px;
	font-family: 'compatilFactReg';
	font-size: 21px;
	width: initial;
	border-radius: 8px;
	padding:6px 20px;
	margin:0 auto;
	text-transform: uppercase;
	background-color: #77bc1f;
}

.form-group
{
	font-family: 'compatilFactReg';
	font-size: 21px;
	color:#58585b;
}

select
{
	width: 100%;
}
table
{
	color: #58585b;
}

td
{
	width:50%;
	text-align: left;
	border-top:1px solid #58585b !important;
	border-bottom:1px solid #58585b !important;

}
td:nth-child(even)
{
	border-left:1px solid #58585b !important;
}

tr
{
	font-family: 'compatilFactReg';
	font-size: 16px;
}

form
{
	text-align: left;
}

form h4
{
	font-size: 14px;
	padding:8px;
}

form h5
{
	font-size: 18px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td
{
		padding: 12px 20px 8px !important;
}


tr:nth-child(odd)
{
	background-color: #f4f8e9;
}

footer{
	position: fixed;
	bottom:0;
	width: 100%;
}

fieldset .row
{
	margin-bottom: 15px;
}

.ui-selectmenu-button
{
	background-color: white;
	color:#0d2d6d;
	border:1px solid #0d2d6d !important;
}

.ui-selectmenu-menu .ui-menu
{
	text-align:left;
	max-height: 480px !important;
    overflow: scroll !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
	border-radius: 0px;
}

.resultTable{
	padding:20px 30px;
	border-radius:0;
}

#mainContainer{
  margin-bottom: 120px;
}
#container
{
	display: table;
	vertical-align: middle;
	margin:0 auto;
}

#content
{
	display: table-cell;
	vertical-align: middle;
}

.heroImage{
	width: 100%;
	height: auto;
	padding:0;
	margin:0 auto;
	/*margin-top:-60px;*/
}

.heroImage img{
	width: 100%;
}

.header
{
	position: relative;
	color:white;
	background-color: #77bc1f;
	min-height:240px;
}

.header h2{
	margin:0;
}

.footer
{
	padding:15px;
	color:white;
	background-color: #0d2d6d;
}

.subhead h2
{
	margin:0;
}

#content button:first-child
{
	margin-top:34px;
}

.footer h5{
	color:white;
	float: left;
	text-transform: uppercase;
}


.logo
{
	padding:55px 0;
}

#teleflexBody{
	border-left:1px solid black;
}

#teleflexLogo{
	text-align: right;
}


.headerContainer
{
	width:100%;
	display: table;
	vertical-align: middle;
	min-height:89px;
	margin-top: 55px;
	z-index: 10;
}

.headerContent
{
	display: table-cell;
	vertical-align: middle;
}
.singleTableContainer
{
	border:1px solid #0d2d6d;
	margin:20px 0 ;
	padding:30px 40px;
}

.tableContainer
{
	border:1px solid #0d2d6d;
	margin:0;
	padding:30px 40px;
}

.content
{
	width: 100%;
	margin-top: 15px;
}

.content h4
{
	margin-bottom: 30px;
}

.btn
{
	max-width: 100px;
	text-transform: uppercase;
	text-align: left;
	border:1px solid #0d2d6d;
	border-radius:0px;
	font-family: 'compatilFactReg';
	font-size: 20px;
	color: #0d2d6d;
	overflow: hidden;

}

.dropdown-menu
{
	max-height:240px;
	overflow: scroll;
	padding: 5px 15px;
}

.stateList
{
	text-align:center;
	min-width: 89px;
}



.swoopContainer
{
	position: relative;
	z-index: 1;
	bottom:-2px;
	width: 100%;

}

.swoopContainer img
{
	width: 100%;
}

.form-control
{
	margin: 0 auto 15px auto;
}

.ui-autocomplete
{
	text-align: left;
	max-height:500px;
	overflow: scroll;
}

#shareBtn
{
	margin-top: 20px;
	text-transform: uppercase;
	padding:8px 30px;
	display: none;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: 'compatilFactReg';
	font-size: 20px;
	color: #0d2d6d;
	border:1px solid #0d2d6d !important;
	border-radius:0px;
}

.submitContainer
{
	text-align:center;
	margin-bottom:60px;
}

.formContainer
{
	padding:15px;
	border:1px solid #0d2d6d;
}

.wrapper
{
	border-right:1px solid black;
}
#teleflexLogo img {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 30px;
}

.arrowtop {
padding-top: 30px;
padding-bottom: 30px;
padding-right: 30px;
text-align: right;
}

.message {
	margin-top: 20px;
	padding: 10px;
	border-radius: 10px;
}

.message.success {
	background: #cbfdcb;
}

.message.error {
	background: #fdcbcb;
}

label.error {
	color: red;
}