body {background-color: #ffffff; margin: 0; font-family: 'Lato', Arial, verdana, sans-serif; font-size: 13px;color: #000000;}

a { color: #EC130F; font-weight: 700; text-decoration: none;}
a:hover { color: #EC130F; text-decoration: none;}
a:visited { color: #EC130F; text-decoration: none;}

.wrapper { 
	margin: 0 auto;
	max-width: 850px; 
	width: 93%;
	padding:0 3%; 
		}

.bold {font-weight:bold;}	

#ccstrip {
	height: auto;
	width: 100%;
	max-width:440px;
}	

.color_outer {
	background-color: #0175E4; 
	width:100%;
}

.top {
	position:relative;
	width:100%; 
	height:230px;  
	max-width:850px;
	margin:0 auto;
}

.cover {    
	height: 210px; 
	width:auto;
    position: absolute;
    top: 10px;
    right: 40px;
    display: block;
    margin: 0 auto;
    border: 1px solid #cccccc;
}

.header-left {
	position: absolute;
	top: 35px;
	left: 80px;
	width: 100%;
	max-width: 415px;
}

.logo-ard {width:100%; max-width:415px; height:auto;display:block; margin:0 auto;} 

h1.header-text {
	font-size: 28px;
	line-height: 32px;
    color: #ffffff; 
    text-align: center;
    text-transform: uppercase; 
    margin: 0;
    padding: 10px 0;   
	}

.intro {
	line-height: 1.5em;
	padding: 10px 0;
	font-size: 1.2em;
}

.intro_cal {
	line-height: 1.5em;
    padding: 0 0 1em;
    font-size: 1.2em;
    width: 75%;
}

h3.myhd { 
	font-weight:bold;
	text-transform: uppercase; padding: 10px 0px; 
	border-top: 1px solid #cdcdcd; 
	border-bottom:1px solid #cdcdcd;
	font-size: 1.5em;
}

.intro_text {position:relative;}

.pop {
	font-size: 24px; 
	color: #EC130E; 
	margin-right: 10px;
	font-weight:bold;
	}

.hilite {color: #EC130E;}

.calendar {
	width: 13%;
    height: auto;
    position: absolute;
    display: block;
    margin: 0 auto;
    z-index: 100;
    right: 4%;
    bottom: -30px; 
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.45);
}
 
.requiredFields {font-size:12px;margin: 10px 0;}
.req {font-size: 16px; color:#EC130F;font-variant: none;text-decoration: none;}

.error {
	color:#EC130F;
	font-weight:bold; 
	font-size: 12px; 
	line-height: 14px; 
	display:block;
	padding-top:10px;
	margin-bottom: 0;
	clear:both;
} 

form {
	margin: 0 0 1em 0;
}
		
label, legend {
	display: block;	
	font-size: 14px;
	margin: 0 0 .5em 0;
}

input:focus, select:focus, textarea:focus { 
    background-color: #fcfcea;
}
  
textarea.form-control-input {height: 80px;}

textarea {
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 80%;
		}

.form-control-dropdown {position:relative;}

.sm {width:100px; float:left; margin-right:4px;}
.cvv-div {width:80px;float:left;}

fieldset {
	margin:0;
	padding:0;
	position:relative;
	clear:both;
	border:0;
	float:left;
	width:240px;
}

.form-control-dropdown:after   {
    content: " ";
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #000000;
    position: absolute;
    right: 10px;
    top: 15px;
    pointer-events: none;
}

.form-control-select {
    padding: 8px 10px;
}

.form-control-input, .form-control-select {
    width: 100%;
    background-color: #ffffff;
    display: block;
    outline: 0;
    border: 1px solid #cccccc; 
    font-size: 16px;
    line-height: 16px; 
    padding: 8px 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-transition: border .2s,background-color .2s;
    transition: border .2s,background-color .2s;
    margin: 0;
}

.form-control-input, .form-control-select, .form-control-select-date{ font-size:16px;padding: 12px 10px; line-height:20px; }

.col {margin-top: 2em;}

#cardImages {height: 1px;}
    
.submit {
	clear: both; 
	text-align: center; 
	margin: 20px;
}

button {
	background: #EC130E;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: white;
	cursor: pointer;
	font-size: 1.5em;
	padding: .5em;
	-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.075);
	box-shadow: 1px 2px 1px rgba(0,0,0,.075);
		}

button:focus {
    border:solid 2px #000;
    background-color: #fcfcea;
    color: #000000;
}



.footer {
	position: relative; 
	color: #fff; 
	padding: 1em 2em;
	line-height: 1.2em;
	font-size: .9em;
	max-width: 820px;
	margin: 0px auto;
}


.footer a { color: #ffffff; text-decoration: underline;}
.footer a:hover { color: #ffffff; text-decoration: underline;}
.footer a:visited { color: #ffffff; text-decoration: underline;}

#confirmation .header-left {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 100%;
	max-width: 415px;
}

#confirmation h1.header-text {
	font-size: 34px;
	line-height: 32px;
    color: #ffffff; 
    text-align: center;
    text-transform: uppercase; 
    margin: 0;
    padding: 10px 0;    
	}

#confirmation h2 { 
	text-transform: uppercase; 
	padding: 30px 0px 5px; 
	border-bottom:1px solid #cdcdcd;
	font-size: 1.5em;
	font-weight:bold;
}	

#confirmation h3 {  
	padding: 10px 0px 10px;  
	font-size: 1.5em;
	font-weight:bold;
	margin:0;
}	

#confirmation h4 {  
	padding: 0;  
	margin:0 0 10px 0;
	font-size: 1.2em;
	font-weight:bold;
}	

@media screen and (min-width: 700px) {
			
			.col {
				float: left;
				margin: 0 4% 2% 0;
				width: 46%;
			}
		
			.col2 {
				float: right;
				margin-left: 0; 
				width: 46%;
			}
			
			.col2 .section {width:90%;}
			.section {width:80%;}
			
			.form-control-input, .form-control-select {
			    width: 100%;
			    background-color: #ffffff;
			    display: block;
			    outline: 0;
			    border: 1px solid #cccccc; 
			    font-size: 14px;
			    line-height: 16px; 
			    padding: 8px 10px;
			    box-sizing: border-box;
			    -webkit-appearance: none;
			    -moz-appearance: none;
			    border-radius: 0;
			    -webkit-transition: border .2s,background-color .2s;
			    transition: border .2s,background-color .2s;
			    margin: 0;
			}

	}

@media screen and (max-width: 750px) {
	.header-left {position:absolute;top:30px; left:20px;width:100%;max-width:415px;}
}

@media screen and (min-width: 700px) and (max-width: 850px) {
	.cvv-div {width:80px;float:none; width:100%;padding-top:10px;display:block;clear:both;}

	}

@media screen and (max-width: 700px) {

	.top {position:relative;width:100%; height:inherit;}

	.intro_cal {
	line-height: 1.5em;
    padding: 0 0 1em;
    font-size: 1.2em;
    width: 100%;
}

	.header-left, #confirmation .header-left {position:relative;top:10px; left:0;width:96%;max-width:700px;margin:0 auto;}
	.cover { position:relative;top:0; right:0;left:0; padding:20px 0;border:none;}
	.calendar { width:150px;position:relative;top:0; right:0;left:0; padding:0;}
	.submit { margin: 30px 0;}
}

@media screen and (max-width: 370px) {
.cvv-div {width:80px;float:none; width:100%;padding-top:10px;display:block;clear:both;}
}