/*GENERAL STYLES*/
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

sup {
    font-size: 45%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.7em;
}

a:hover, a:active {
    outline: 0;
}

img {
    border: 0;
}

body {
	background: #d6d3cf; 
	margin: auto;	
	font-size: 1em;
	color: #4d4f53; 
  font-family: proxima-nova,  Arial,  sans-serif;
	font-style: normal; 
	font-weight: 300; 
}

h1 {
    text-transform: uppercase;
    color: #fff;    
    font-weight: 300;
    font-size: 50px;
		letter-spacing: 4px;
		margin-top: 10px; 
		margin-bottom: 20px; 
}

h2 {
	font-family: proxima-nova,  Arial,  sans-serif;
  text-transform: uppercase;
  color: #000;
	font-weight: 600;
	font-size: 32px;
	letter-spacing: 4px;	
	font-weight: normal; 

}

h3 {
	font-family: proxima-nova,  Arial,  sans-serif;
  color: #000;
	font-weight: 600;
	font-size: 18px; 
	margin: 5px 0px 5px 5px;
	text-align: left; 

}

a {
	text-decoration: none; 
	color: #0071bf; 
	outline: none !important;
}

.wrapper {
	width: 1200px; 
	margin: 0 auto; 
	background: white; 
}

.clearfix {clear:both;}/*Clearing float*/

/*HEADER*/
#header {
	height: 95px; 
	margin: 0; 
	padding: 0;
}

#logo {
	padding: 0px; 
	margin: 0px;
}

#banner {
	background: url(../cps-images/Hagerty_dktp_main-promo.png) no-repeat top left; 
	width: 1200px; 
	height: 480px; 
	position: relative;
}

#banner .transbox {
		float:right;
    margin-top: 100px;
    padding-top: 25px;
    width:585px;
    height:285px;
    background-color: #000;
    background: rgb(0, 0, 0); /* Fallback */
		background: rgba(0, 0, 0, 0.7); 
    text-align: center; 
}

#banner .transbox p {
    margin: 0px auto;
    color: #fff;
    font-size: 24px;    
    font-family: proxima-nova,  Arial,  sans-serif;
 		letter-spacing: 2px;
}

#banner #cta {
		float:right;
		width: 100%;
    margin: 0px 0px 0px 0px ;
}   

#banner #cta a {
    margin: 0px auto;
} 

#content {
	position: relative; 
	background:#fff; 
	height:300px;	
	text-align:center;
}  

#content p {
	  margin: 10px 75px;
    color: #000;
    font-size: 14px;    
    font-family: proxima-nova,  Arial,  sans-serif;
		text-align:left;
}  

#content #containerFeaturette { width:1050px; height:120px; margin: 0 75px 0 75px; color:#000; background: none repeat scroll 0 0 #fff; padding-top: 10px; }


#content #containerFeaturette .featureLeft { width:345px; height:110px; float:left; margin-top:15px;}
#content #containerFeaturette .featureLeft .carImg {padding:0px 10px 20px 10px; float: left; vertical-align:top;}
#content #containerFeaturette .featureLeft .contentTxt p.valueText  { padding:0px 8px 0 10px; margin-top:0px; width:85%;}

#content #containerFeaturette .featureMid { width:345px; height:110px; float:left; margin-top:15px;}
#content #containerFeaturette .featureMid .moneyImg {padding:0px 10px 20px 25px; float: left; vertical-align:top;}
#content #containerFeaturette .featureMid .contentTxt p.premiumText { padding:0px 25px 0 10px; margin-top:0px; width:75%;}

#content #containerFeaturette .featureRight {width:345px; height:110px; float:left; margin-top:15px;}
#content #containerFeaturette .featureRight .mileageImg {padding:0px 10px 40px 10px; float: left; vertical-align:top;}
#content #containerFeaturette .featureRight .contentTxt p.usageText  { padding:0px 10px 0 10px; margin-top:0px; width:70%;}

#footer	{
	height: 206px; 
	margin: auto; 
	background:#d6d3cf;
	text-align:center; 
	font-size:14px; 
	padding: 10px 110px 0px 110px;
}

.sprite {
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
}
.sprite, .spriteText {
    background-image: url("../cps-images/hagerty-classic-cars-sprites.png");
    background-repeat: no-repeat;
}


#topSticky{
	height:20px;
}

/* Sticky CTA */
.stickyCta + h1.pageTitle{
	padding-top:10px;
 }
 /*Sticky CTA Dropdowns Sprite Rules*/
.stickyCta span.ctaDropdownArrow{width: 11px;height: 25px;margin-left: 15px;background-position: -400px -200px;/* orange, down */display: inline-block;
	                  vertical-align:top;/* IE8+ */}
/* orange */
.stickyCta span.ctaContentArrow {
	width: 6px;
	height: 15px;
	margin-left: 12px;
	background-position: -400px -170px;
	display: inline-block;
	cursor:pointer;
}

.stickyCta span.ctaDropdownArrow { /* orange */
    background-position: -385px -200px;
    height: 25px;
    padding-left: 5px;
    width: 25px;
}


/* .dropdowned span.ctaDropdownArrow{background-position: -400px -240px;} white, up */
.dropdowned span.ctaDropdownArrow {
    background-position: -385px -240px;
}

/*Sticky CTA Sprite Rules*/

.stickyCta .block{position: relative;width:auto;height: 50px;float: left;padding: 10px 10px 0px 15px;margin-left: 0}

/* orange 
.stickyCta span.ctaButtonArrow {width: 6px;height: 27px;margin-left: 15px;background-position: -400px -160px;display: inline-block;vertical-align:top;}
*/
.stickyCta span.ctaButtonArrow {
    background-position: -385px -163px;
    cursor: pointer;
    height: 25px;
    padding-left: 5px;
    width: 20px;
}


.spriteCtaMoney, .stickyCta.inPlace .dropdowned .spriteCtaMoney{background-position: -950px -340px;}
.stickyCta.inPlace .spriteCtaMoney{background-position: -950px -540px;}
.spriteCtaCar, .stickyCta.inPlace .dropdowned .spriteCtaCar{background-position: -950px -380px;}
.stickyCta.inPlace .spriteCtaCar{background-position: -950px -220px;}
.spriteCtaPhone, .stickyCta.inPlace .dropdowned .spriteCtaPhone{background-position: -950px -460px;}
.stickyCta.inPlace .spriteCtaPhone{background-position: -950px -260px; padding-top:3px; margin-top:-10px;}
.spriteCtaNationwide, .stickyCta.inPlace .dropdowned .spriteCtaNationwide{background-position: -950px -500px;}
.stickyCta.inPlace .spriteCtaNationwide{background-position: -950px -300px;}
.spriteCtaPerson, .stickyCta.inPlace .dropdowned .spriteCtaPerson{background-position: -954px -420px;}
.stickyCta.inPlace .spriteCtaPerson{background-position: -954px -178px;}
.spriteCtaMegaphone, .stickyCta.inPlace .dropdowned .spriteCtaMegaphone{background-position: -950px -580px;}
.stickyCta.inPlace .spriteCtaMegaphone{background-position: -950px -620px;}
.spriteCtaRss, .stickyCta.inPlace .dropdowned .spriteCtaRss{background-position: -950px -1938px;}
.stickyCta.inPlace .spriteCtaRss{background-position: -950px -1418px;}
.spriteCtaContacts, .stickyCta.inPlace .dropdowned .spriteCtaContacts{background-position: -950px -2132px;}
.stickyCta.inPlace .spriteCtaContacts{background-position: -950px -2096px;}

/* 
  STICKY CTA STYLE
*/

.stickyCta {font-family: proxima-nova, Helvetica, Arial, sans-serif}
.stickyCta a:focus,
.stickyCta a:active {
	outline:none;
	text-decoration:none;
}

.stickyCta span {
	display: inline-block;
	margin-bottom:-2px;
}

.stickyCta.inPlace,
#stickyImposter {
	position:relative;
/*	margin: 10px auto;	*/
/*	z-index:10;		*/
	background:#f2f2f2;	
	height:auto;
}

.stickyCtaInner {
	height: 100%;
	position: relative;
	text-align: right;
	padding:10px;
	
}
.stickyCta.inPlace .ctaLogo {
	display: none;
}

/* BLOCKS */

.inPlace.isDropdowned .block {
	background:none;
}

.stickyCta .block:first-child {
	margin-left: 0;
	padding: 10px 10px 0px 15px;
	background: none;
}


.inPlace .dropdowned {
	-webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
	box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
}


.stickyCta A.spriteText {
	display: table;
	margin: 0 auto;
}
.stickyCta A.spriteText SPAN {
    display: table-cell;
    line-height: 1.2em;
    padding-bottom: 0.25em;
    padding-top: 0.45em;
    vertical-align: middle;
}

.button.button, input.button {
    line-height: 40px;
}
.footerLinks .button.button {
	line-height: 32px;
}

/* CTA Text/Button/Trigger */

.stickyCta .ctaGeneral {
	position: relative;
	display: block;
	height: 40px;
/*	line-height: 40px;   */
	line-height: 30px;   
	font-size: 1em;
	padding: 0 10px 0 50px;
	text-transform: uppercase;
}
.stickyCta .cta-read-only {
	position: relative;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	padding: 0 10px 0 50px;
	text-transform: uppercase;
}
.stickyCta .cta-read-only-double {
	position: relative;
	display: inline-block;
	height: 30px;
	font-size: 1em;
	padding: 10px 10px 0 50px;
	text-transform: uppercase;
	text-align:	left
}
.stickyCta .cta-read-only-double>span:first-child { margin-right:10px;}

.lt-ie9 .ctaGeneral {
	vertical-align: middle;
}

.stickyCta a.ctaGeneral {
	cursor: pointer; /* IE7 */
}

.stickyCta .ctaText {
	cursor: default; /* IE7 */
}

.stickyCta .ctaAction {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	background-color:#fff;
}
.dropdowned .ctaAction {background-color:#0e3c59;}

.ie8 .stickyCta .ctaAction,.ie9 .stickyCta .ctaAction{
	/*behavior: url('/system/pie-htc.jsp');*/
}

.stickyCta.inPlace .ctaAction:hover,
.stickyCta.inPlace .ctaAction:focus,
.stickyCta.inPlace .ctaAction:active {
	background-color: #E9E9E9;
	outline:none!important;
}
.dropdowned .stickyCta.inPlace .ctaAction:hover,
.dropdowned .stickyCta.inPlace .ctaAction:focus,
.dropdowned .stickyCta.inPlace .ctaAction:active {
	background-color: red;
	outline:none!important;
}

.stickyCta.inPlace .dropdowned .ctaAction:hover,
.stickyCta.inPlace .dropdowned .ctaAction:focus,
.stickyCta.inPlace .dropdowned .ctaAction:active {
	background-color: #105077;
	outline:none!important;
}


.stickyCta.inPlace .dropdowned .ctaGeneral,
.stickyCta.inPlace .dropdowned a[href^="tel:"] {
	color: #FFF;
}

/* CTA Button */

.lt-ie8 span.ctaButtonArrow {
	vertical-align:middle;
	margin-top:-13px;
}

.stickyCta a:hover {
	text-decoration: none;
}




/* CTA Dropdown */

.stickyCta .content {
	position: absolute;
	left: 0;
	top: 60px;
	display: none;
	background: #1770a3 url('//static.nationwide.com/static/darkBlueStripeBg.gif?r=42') repeat;
	color: #fff;
	z-index: 999;
	width: 100%;
	text-align: left;
	-webkit-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
	box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.30);
}

.dropdowned .contentShown {
	display: block !important;
	overflow: visible !important;
}

.stickyCta.inPlace .content {
	background: #1770a3 url('//static.nationwide.com/static/darkBlueStripeBg.gif?r=42') repeat;
}

.stickyCta.inPlace .dropdowned {
	background: #1770a3 url('//static.nationwide.com/static/darkBlueStripeBg.gif?r=42') repeat;
}

.stickyCta .contentInner {
	padding: 10px 10px 20px 0;
	border-top: 1px solid rgba(255,255,255,0.3);
}

.no-rgba .stickyCta .contentInner {
	border-top: 1px solid #48809f;
}

.stickyCta .contentInner {
	padding: 10px 0 0 0;
}

.contentUnder {
	clear: both;
	padding-left: 10px;
}

.stickyCta .contentInner a:focus,
.stickyCta .contentInner a:hover {
	text-decoration:underline;
}

/* CTA Dropdown Contents */

.stickyCta .content select,
.stickyCta .content input,
.stickyCta .content .selectron,
.stickyCta .content .ctaSubmit {
	display: block;
	float: left;
	margin: 0;
	width:100%;
	margin-bottom:15px;
	
}
.content .button.ctaSubmit { background-color: #ddd; }
.stickyCta input[type=text]{

	height:40px;
	width: 100%;
	color:#333;
	font-size:100%;
	font-style:normal;
	padding: 5px 10px 5px 10px;
	margin-bottom:15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:medium none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}

.ie8 .stickyCta input[type=text],.ie9 .stickyCta input[type=text]{
	behavior: url('/system/pie-htc.jsp');
}

.stickyCta .content a {
	color: #fff;
}

.no-borderradius span.ctaContentArrow {
	vertical-align:middle;
}

.ctaContentUpper {
	display: block;
	float: left;
	/*padding:10px;*/
	/*margin: 0 5%;*/
	/*width:90%;*/
	width:100%;
	border:10px solid transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lt-ie8 .stickyCta .contentUnder {
	margin-top:10px
}

.ctaGreyButtons .ctaContentUpper {
	padding-bottom:0;
}

.ctaContentUpper > .button {
	margin-bottom: 10px;
}

.stickyCtaHR {
	display: block;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	margin: 20px 0;
	clear:both;
}

.ctaGreyButtons .stickyCtaHR {
	margin:10px 0;
}

.no-rgba .stickyCtaHR {
	border-bottom: solid 1px #48809f;
}

.lt-ie8 .stickyCtaHR {
	margin-top:10px;
}

.lt-ie8 .ctaGreyButtons .stickyCtaHR {
	margin-top:10px;
}

/* CTA Dropdown - Image */

.stickyCta .stickyCtaLeftImage {
}

.stickyCtaRightContent,
.stickyCtaNoImage {
	margin: 0 0 20px 96px;
}

.stickyCtaNoImage {
	margin-left:10px;
}

.lt-ie8 .stickyCtaRightContent,
.lt-ie8 .stickyCtaNoImage {
	position:relative;
	/*top:-20px;
	margin-bottom:-10px;*/
}

.stickyCtaRightContent a,
.stickyCtaNoImage a {
	display:inline-block;
	padding-right:10px;
}

img.qr-code {
	float: left;
	height: 70px;
	width: 70px;
	margin: 0 10px 20px;
	border:3px solid #fff;
}

.stickyCtaRightContent > .stickyCtaHR,
.stickyCtaNoImage > .stickyCtaHR {
	clear:none;
	margin: 10px 20px 10px 10px;
}

.stickyCta .contentUnder p,
.ctaContentUpper p {
	line-height: 1em;
	margin-bottom: 20px;
	overflow:hidden;
	width:100%;
}

.ctaContentUpper p {
	margin:10px 0 10px 10px;
	line-height:1.3em;
}

.ctaContentUpper p {
	margin-top:0;
	padding: 0 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.stickyCta .contentUnder p a,
.stickyCta .contentUnder p span {
	margin-top:20px;
	margin-right:10px;
}

.ctaGreyButtons .contentUnder p a,
.ctaGreyButtons .contentUnder p span {
	margin-top:10px;
}

.stickyCta .contentUnder p a:first-child,
.stickyCta .contentUnder p span:first-child {
	margin-top:0;
}

/* Text Input */
.contentInner .placeholderOverlay {
	line-height: 40px;
	height:40px;
	padding-left:10px;
}

.stickyCta .ctaContentUpper a span.ctaButtonArrow{
    margin-top: -8px;
}