@charset "UTF-8";
/* CSS Document */

@import url("reset.css");

/* ======= GLOBAL ======= */
body{font-family: Arial,Helmet,Freesans,sans-serif; font-size: 100%; color: rgb(55,55,55); padding: 10px 0 0 0;}
sup{position:relative; font-size:70%; vertical-align:baseline; bottom:.40em; text-decoration: none;}

h1, h2, h3, h4, h5, h6{text-rendering: optimizeLegibility;}

/* optional/suggestions */
h1{font-family:'Abadi MT W01 Exra Light',Arial,Helmet,Freesans,sans-serif; font-size: 2.375em; line-height: 1; font-weight: normal; color: rgb(190,20,60); margin-bottom: .625em; text-shadow: rgba(0, 0, 0, .01) 0 0 1px;}
	#memberswhy h1, #employerswhy h1{text-align: center;}
	#vtfirst h1{margin-bottom: 0;}
h2{font-family:'Abadi MT W01',Arial,Helmet,Freesans,sans-serif; font-size: 1.625em; font-weight: normal; color: rgb(113,127,129); margin: 0 0 .25em 0; text-shadow: rgba(0, 0, 0, .01) 0 0 1px;}
	#vtfirst h2{font-family:'Abadi MT W01 Exra Light',Arial,Helmet,Freesans,sans-serif; color: rgb(190,20,60);}
h3{font-size: 1.063em; margin-bottom: .625em;}
	#vtfirst h3{font-family:'Abadi MT W01',Arial,Helmet,Freesans,sans-serif;}
h4{font-size: 1.125em; line-height: 1.25;}
h5{font-size: 1em; font-weight: bold;}
h6{font-size: .95em; font-weight: bold;}
p{font-size: .95em; line-height: 1.3; margin: 0 0 1.2em 0;}
	.disclaim{font-size: .75em; margin-bottom: 1em;}
	
ul, ol{font-size: .95em; line-height: 1.3;}
a{color: rgb(190,20,60); font-weight: bold; text-decoration: none;}
a:hover{text-decoration: underline;}

#wrap{width: 960px; margin: 0 auto 0 auto; /* outline: 1px solid red; */}


/* ======= HEADER ======= */
header{position: relative; width: 960px; margin: 0 auto 0 auto;}
header .externalnav{position: absolute; right: 0; top: 0;}
header .externalnav a{display: inline-block; background: url(../images/external-link-icon.png) 100% 50% no-repeat; font-size: .8em; font-weight: normal; padding: 0 15px 0 0; margin: 0 10px 0 0;}
header .externalnav a:last-of-type{margin-right: 0;}

header .intersitenav{position: absolute; right: 0; bottom: -13px;}
header .intersitenav a{display: inline-block; color: rgb(175,175,175); font-size: .8em; font-weight: normal; padding: 0 0 0 0; margin: 0 20px 0 0; text-decoration: none;}
header .intersitenav a:hover, header .intersitenav a.current{color: rgb(55,55,55);}
header .intersitenav a:last-of-type{margin-right: 2px;}

header .logo{float: left;}
	nav[role="navigation"] ul{position: relative; list-style-type: none; margin-top: 1.7em; float: right;}
	nav[role="navigation"] li{display: inline-block;}
	nav[role="navigation"] li a{display: block; background-position: 0 0; background-repeat: no-repeat; height: 44px; text-indent: -9999em;}
		nav[role="navigation"] li:nth-of-type(1) a{background-image: url(../images/nav-why-mvp.png); width: 102px;}
		nav[role="navigation"] li:nth-of-type(2) a{background-image: url(../images/nav-about.png); width: 143px;}
		nav[role="navigation"] li:nth-of-type(3) a{background-image: url(../images/nav-wellness.png); width: 161px;}
		
		nav[role="navigation"].emp li:nth-of-type(1) a{background-image: url(../images/nav-emp-quote.png); width: 96px;}
		nav[role="navigation"].emp li:nth-of-type(2) a{background-image: url(../images/nav-emp-why.png); width: 81px;}
		nav[role="navigation"].emp li:nth-of-type(3) a{background-image: url(../images/nav-emp-options.png); width: 103px;}
		nav[role="navigation"].emp li:nth-of-type(4) a{background-image: url(../images/nav-emp-deductible.png); width: 127px;}
		nav[role="navigation"].emp li:nth-of-type(5) a{background-image: url(../images/nav-emp-wellness.png); width: 141px;}
		nav[role="navigation"].emp li:nth-of-type(6) a{background-image: url(../images/nav-emp-support.png); width: 138px;}
		nav[role="navigation"].emp li:nth-of-type(7) a{background-image: url(../images/nav-emp-contact.png); width: 50px;}
		
		nav[role="navigation"] li a:hover, nav[role="navigation"] li a.current{background-position: 0 -45px;}


/* ======= CONTENT ======= */

div[role="main"]{min-height: 30em; margin-top: 25px; padding: 0 0 0 60px;}
	#employers div[role="main"], #members div[role="main"]{padding-left: 0;}
	#membersabout div[role="main"], #memberswell div[role="main"]{padding-right: 75px;}
	#contactform div[role="main"]{padding-right: 10px;}
	#quoteresults div[role="main"]{padding-right: 85px;}
	
	#vtfirst div[role="main"]{ padding-right: 10px;}
	#vtfirst div[role="main"]>div{width: 590px; float: left;}
	#vtfirst div[role="main"]>div .indented{padding: .255em 0 0 1em;}

	#memberswell .video, #employersoptions .video, #employersdeductible .video{margin-top: 25px; padding: 25px 75px 0 60px;}


/* --------------------------------------------
 scrollers
-------------------------------------------- */
.scroll-wrap{position: relative; margin-bottom: 10px; overflow: hidden;}
.scrollable{position:relative; overflow:hidden; width:960px; height:246px; z-index:0; float: left;}
.scrollable .items{position:absolute; width:20000em;}
	.items div{position:relative; width:852px; height:246px; padding: 37px 0 0 108px; float:left;}
	.items div h1{margin-bottom: .125em;}
	.items div p{font-size: .875em; width: 436px;}
	#members .feature1{background: url(../images/mem-feature1-bg.jpg) 0 0 no-repeat;}
	#members .feature2{background: url(../images/mem-feature2-bg.jpg) 0 0 no-repeat; color: rgb(113,127,129); padding-top: 55px;}
	#members .feature3{background: url(../images/mem-feature3-bg.jpg) 0 0 no-repeat; color: rgb(255,255,255); padding: 55px 0 0 75px; width: 885px;}

	#employers .feature1{background: url(../images/emp-feature1-bg.jpg) 0 0 no-repeat;}
	#employers .feature2{background: url(../images/emp-feature2-bg.jpg) 0 0 no-repeat; padding-top: 42px;}
	#employers .feature3{background: url(../images/emp-feature3-bg.jpg) 0 0 no-repeat; padding-top: 20px;}
	#employers .feature4{width: 960px; padding:0;}
		#members .feature2 h1, #employers .feature2 h1{margin-right: 75px; float: right;}
		#members .feature2 p{width: auto; margin-right: 75px; clear: right; float: right;}
		
		#employers .feature2 p{color: rgb(255,255,255); margin-right: 75px; float: right; text-align: right;}
			#employers .feature2 p a{margin-right: 0; float: none;}
		#employers .feature2 a{margin-right: 75px; clear: right; float: right;}

		#employers .feature3 h1{margin-right: 125px; float: right;}
		#employers .feature3 p{color: rgb(113,127,129); margin-right: 90px; width: 31%; clear: right; float: right; text-indent: -30px;}
	

/* prev, next, prevPage and nextPage buttons */
a.browse { display:block; position:absolute; width: 44px; height: 44px; background-position: 0 0; background-repeat: no-repeat; top: 101px; text-indent: -9999em; cursor:pointer; z-index: 50;}

a.right {background-image: url(../images/scroll-right-arrow.png); right: 0;}

a.left {background-image: url(../images/scroll-left-arrow.png); left: 0;}

a.disabled {visibility:hidden!important;}

/* port navigation squares */
.scroll-wrap .navi { position:absolute; right: 42px; bottom: 7px; width: 50px; margin: 0 0 0 0;}

/* items inside navigator */
.scroll-wrap .navi a {display:block; width:7px; height:7px; margin-right:5px; background:url(../images/navi-indicator.png) 0 -7px no-repeat; font-size:1px; z-index:50; float:left;}
.scroll-wrap .navi a:last-of-type{margin-right: 0;}
/* mouseover state */
.scroll-wrap .navi a:hover, .scroll-wrap .navi a.active { background-position:0 0; }

/* --------------------------------------------
 grids 
-------------------------------------------- */
	.leftcol{width: 49.5%; float: left;}
		.leftcol div img{position: absolute; top: 0; left: 0;}
		.leftcol .width1{position: relative; width: 100%; margin-bottom: 8px; overflow: hidden;}
		.leftcol .width2{position: relative; width: 49%; float: left; margin-right: 8px; overflow: hidden;}
		.leftcol .width2:last-of-type{margin-right: 0; float: right;}
		
		.leftcol .wellness{height: 198px;}
				.leftcol .wellness #wellness-link{position: absolute; display: block; background: url(../images/member-grid-1-ipad.png) 0 0 no-repeat; width: 100%; height: 198px; bottom: 0; left: 0; text-indent: -9999em;}
				#employers .leftcol .wellness #wellness-link{position: absolute; display: block; background: url(../images/employer-grid-3-ipad.png) 0 0 no-repeat; width: 100%; height: 198px; bottom: 0; left: 0; text-indent: -9999em;}
		
		.leftcol .about{height: 198px;}
				.leftcol .about #about-link{position: absolute; display: block; background: url(../images/member-grid-2-ipad.png) 0 0 no-repeat; width: 100%; height: 198px; top: 0; left: 0; text-indent: -9999em;}
		
		.leftcol .rxsearch{height: 198px;}
				.leftcol .rxsearch #rx-link{position: absolute; display: block; background: url(../images/member-grid-3-ipad.png) 0 0 no-repeat; width: 100%; height: 198px; left: 0; bottom: 0; text-indent: -9999em;}
		
		.leftcol .quote{height: 195px;}
				.leftcol .quote #quote-link{position: absolute; display: block; background: url(../images/employer-grid-1-ipad.png) 0 0 no-repeat; width: 100%; height: 195px; top: 0; left: 0; text-indent: -9999em;}
		
		.leftcol .testimonial{height: 198px;}
				.leftcol .testimonial #test-link{position: absolute; display: block; background: url(../images/employer-grid-2-ipad.png) 0 0 no-repeat; width: 100%; height: 198px; top: 0; left: 0; text-indent: -9999em;}
		
				
		@media only screen and (min-device-width: 1024px), only print and (min-device-width: 1024px) {
			.leftcol .wellness{height: 195px;}
				.leftcol .wellness #wellness-link{position: absolute; display: block; background: url(../images/member-grid-1-on.png) 0 0 no-repeat; width: 100%; height: 195px; left: 0; text-indent: -9999em;}
				.leftcol .bottomslide #wellness-link{bottom: -195px;}
			
			.leftcol .about{height: 198px;}
				.leftcol .about #about-link{position: absolute; display: block; background: url(../images/member-grid-2-on.png) 0 0 no-repeat; width: 100%; height: 198px; left: 0; text-indent: -9999em;}
				.leftcol .topslide #about-link{top: -198px;}
			
			.leftcol .rxsearch{height: 198px;}
				.leftcol .rxsearch #rx-link{position: absolute; display: block; background: url(../images/member-grid-3-on.png) 0 0 no-repeat; width: 100%; height: 198px; left: 0; bottom: 0; text-indent: -9999em;}
				.leftcol .leftslide #rx-link{left: -234px;}
				
			.leftcol .quote{height: 195px;}
				.leftcol .quote #quote-link{position: absolute; display: block; background: url(../images/employer-grid-1-on.png) 0 0 no-repeat; width: 100%; height: 195px; left: 0; text-indent: -9999em;}
				#employers .leftcol .topslide #quote-link{top: -195px;}
				
			.leftcol .testimonial{height: 198px;}
				.leftcol .testimonial #test-link{position: absolute; display: block; background: url(../images/employer-grid-2-on.png) 0 0 no-repeat; width: 100%; height: 198px; left: 0; text-indent: -9999em;}
				#employers .leftcol .leftslide #test-link{left: -234px;}
				
			#employers .leftcol .wellness{height: 198px;}
				#employers .leftcol .wellness #wellness-link{position: absolute; display: block; background: url(../images/employer-grid-3-on.png) 0 0 no-repeat; width: 100%; height: 198px; left: 0; bottom: 0; text-indent: -9999em;}
				#employers .leftcol .bottomslide #wellness-link{bottom: -198px;}
		}
		
		
	.rightcol{width: 49.5%; float: right;}
		.rightcol div img{position: absolute; top: 0; left: 0;}
		.rightcol .width1{position: relative; width: 99.9%; margin-bottom: 8px; overflow: hidden;}
		.rightcol .width3{position: relative; width: 77.26%; margin-bottom: 8px; overflow: hidden; float: left;}
		.rightcol .width4{position: relative; width: 21.05%; margin-bottom: 8px; overflow: hidden; float: right}
		
		.rightcol .drsearch{height: 100px;}
				.rightcol .drsearch #drsearch-link{position: absolute; display: block; background: url(../images/member-grid-4.png) 0 0 no-repeat; width: 100%; height: 100px; left: 0; top: 0; text-indent: -9999em;}
		
		.rightcol .whymvp{height: 293px;}
				.rightcol .whymvp #whymvp-link{position: absolute; display: block; background: url(../images/member-grid-5-ipad.png) 0 0 no-repeat; width: 100%; height: 293px; margin-left: 0; bottom: 0; left: 0; text-indent: -9999em;}

		.rightcol .deductible{height: 100px;}
				.rightcol .deductible #deductible-link{position: absolute; display: block; background: url(../images/employer-grid-4.jpg) 0 0 no-repeat; width: 100%; height: 100px; bottom: 0; left: 0; text-indent: -9999em;}
		
		.rightcol .contact{height: 100px;}
				.rightcol .contact #contact-link{position: absolute; display: block; background: url(../images/employer-grid-5-on.png) 0 0 no-repeat; width: 100%; height: 100px; bottom:0; left: 0; margin-left: 0; text-indent: -9999em;}
		
		.rightcol .whychoose{height: 187px;}
				.rightcol .whychoose #why-link{position: absolute; display: block; background: url(../images/employer-grid-6-ipad.jpg) 0 0 no-repeat; width: 100%; height: 187px; top:0; left: 0; text-indent: -9999em;}
		
		.rightcol .support{height: 98px;}
				.rightcol .support #support-link{position: absolute; display: block; background: url(../images/employer-grid-7-ipad.png) 0 0 no-repeat; width: 100%; height: 98px; top:0; left: 0; text-indent: -9999em;}
				
		
		@media only screen and (min-device-width: 1024px), only print and (min-device-width: 1024px){
			.rightcol .drsearch{height: 100px;}
				.rightcol .drsearch #drsearch-link{position: absolute; display: block; background: url(../images/member-grid-4-on.png) 0 0 no-repeat; width: 100%; height: 100px; left: 0; text-indent: -9999em;}
				.rightcol .topslide #drsearch-link{top: -100px;}
				
			.rightcol .whymvp{height: 293px;}
				.rightcol .whymvp #whymvp-link{position: absolute; display: block; background: url(../images/member-grid-5-on.png) 0 0 no-repeat; width: 100%; height: 293px; margin-left: 0; bottom: 0; text-indent: -9999em;}
				.rightcol .rightslide #whymvp-link{margin-left: 476px;}
			
			.rightcol .deductible{height: 100px;}
				.rightcol .deductible #deductible-link{position: absolute; display: block; background: url(../images/employer-grid-4-on.png) 0 0 no-repeat; width: 100%; height: 100px; left: 0; text-indent: -9999em;}
				#employers .rightcol .bottomslide #deductible-link{bottom: -100px;}
			
			.rightcol .contact{height: 100px;}
				.rightcol .contact #contact-link{position: absolute; display: block; background: url(../images/employer-grid-5-on.png) 0 0 no-repeat; width: 100%; height: 100px; margin-left: 100px; text-indent: -9999em;}
				#employers .rightcol .rightslide #contact-link{margin-left: 100px;}
				
			.rightcol .whychoose{height: 187px;}
				.rightcol .whychoose #why-link{position: absolute; display: block; background: url(../images/employer-grid-6-on.png) 0 0 no-repeat; width: 100%; height: 187px; left: 0; text-indent: -9999em;}
				#employers .rightcol .topslide #why-link{top: -187px;}
				
			.rightcol .support{height: 98px;}
				.rightcol .support #support-link{position: absolute; display: block; background: url(../images/employer-grid-7-on.png) 0 0 no-repeat; width: 100%; height: 98px; left: 0; text-indent: -9999em;}
				#employers .rightcol .leftslide #support-link{left: -475px;}
		}
	
/* --------------------------------------------
reasons
-------------------------------------------- */
	.reasons-menu{width: 565px; margin: 0 auto 0 auto;}
		.reasons-menu .reason1, .reasons-menu .reason2, .reasons-menu .reason3, .reasons-menu .reason4, .reasons-menu .reason5, .reasons-menu .reason6{position: relative; background-position: 0 0; background-repeat: no-repeat; width: 105px; height: 105px; margin-right: 10px; text-indent: -9999em; float: left;}
		.reasons-menu .reason5{margin-right: 0;}
		.reasons-menu .reason1{background-image: url(../images/reason1-bg.png);}
		.reasons-menu .reason2{background-image: url(../images/reason2-bg.png);}
		.reasons-menu .reason3{background-image: url(../images/reason3-bg.png);}
		.reasons-menu .reason4{background-image: url(../images/reason4-bg.png);}
		.reasons-menu .reason5{background-image: url(../images/reason5-bg.png);}
		.reasons-menu .reason6{background-image: url(../images/reason6-bg.png);}
		
		.reasons-menu .tooltip{display: none; padding-top: 10px;}
		.reasons-menu .tooltip div{
			position: relative;
			background-color: #e9edeb;
			width: 19em;
			height: 13.250em;
			-moz-border-radius: 9.375em / 6.50em;
			-webkit-border-radius: 9.375em / 6.50em;
			border-radius: 9.375em / 6.50em;
			padding: 0;
			margin: 20px 0 0 200px;
			z-index: 0;
		}
		.reasons-menu .one div img, .reasons-menu .three div img, .reasons-menu .five div img{position: absolute; left: 30px; top: -20px;}
		.reasons-menu .two div img, .reasons-menu .four div img, .reasons-menu .six div img{position: absolute; right: 30px; top: -20px;}
		.reasons-menu .tooltip div p{position: relative; font-size: .9em; line-height: 1.3; z-index: 5; text-align: center;}
			.reasons-menu .one div p{padding: 4em 2.75em;}
			.reasons-menu .two div p{padding: 5.5em 2.5em;}
			.reasons-menu .three div p{padding: 4.8em 3.5em;}
			.reasons-menu .four div p{padding: 4.15em 2.75em;}
			.reasons-menu .five div p{padding: 4.5em 2.5em;}
			.reasons-menu .six div p{padding: 3em 3.5em;}
			#employerswhy .reasons-menu .two div p{padding: 4.5em 3.5em;}
			
		.reasons-menu .two div{margin: 20px 0 0 0;}
		
		#employerswhy .reasons-menu{width: 680px; margin: 0 auto 0 auto;}
			#employerswhy .reasons-menu .reason5{margin-right: 10px;}
			#employerswhy .reasons-menu .reason6{margin-right: 0;}

/* --------------------------------------------
 members content
-------------------------------------------- */
#membersabout p{padding-left: 20px;}

.individual-plans{background: rgb(242,242,242); padding: 15px 50px 15px 30px; margin: 15px 0 0 -30px;}
	.individual-plans p{font-size: 1.063em; font-weight: bold; margin-bottom: .625em;}

#memberswell div[role="main"] ul li{padding: 0 0 20px 20px;}
#memberswell  div[role="main"] div:nth-of-type(1){width: 48%; float: left;}
#memberswell  div[role="main"] div:nth-of-type(2){width: 49%; float: right;}
#memberswell .disclaim{clear: both;}

.video{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* W3C */
	}
.video .callout{position: relative; width: 200px; float: left; margin: 25px 0 0 25px; /* outline: 1px dotted green; */}
	.video .callout p strong{font-size: 1.5em; color: rgb(255,161,0);}

#membersviip div[role="main"] ul{margin-left: 1em;}
#membersviip div[role="main"] ul li{padding-bottom: 5px;}
#membersviip div[role="main"] h3:last-of-type{margin-top: 20px;}
#membersviip #block1, #membersviip #block2{position: relative; padding: 0 0 0 2em;}
#membersviip #block1 h5, #membersviip #block2 h5{position: relative; font-size: .9em; margin: .5em 0 .5em 0;}
#membersviip #block1 ul+p{margin-top: .5em;}
#membersviip .catamountlogo{float: right; margin-left: 1em;}
	
/* --------------------------------------------
 employers content
-------------------------------------------- */
#employersoptions div[role="main"], #employersdeductible div[role="main"], #employerswell div[role="main"]{padding: 25px 0 0 60px; clear: left;}
#employersoptions .video{
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 46%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 92%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(46%,rgba(244,244,244,1)), color-stop(74%,rgba(233,233,233,1)), color-stop(92%,rgba(223,223,223,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* W3C */
	width: 580px;
	min-height: 21.5em;
	float: left;
}

#employersoptions .disclaim{clear: both;}

.map{background: rgb(184,191,192); width: 205px; min-height: 18.5em; margin: 25px 0 0 0; padding: 100px 10px 0 20px; float: right;}
	.map .map-wrap{margin: 0 0 -20px 0; padding: 0 0 0 30px; height: 127px;}
	.map h6{font-size: .95em; font-weight: normal; color: rgb(255,255,255);}
	.map p{font-size: .8em; color: rgb(255,255,255); margin: 0;}
	.map p:last-of-type{margin: 7px 0 0 0;}
	.map .pdf-link{display: block; background: url(../images/pdf-icon.png) 100% 50% no-repeat; padding: 0 25px 0 0;}
	.map ul{margin: 0 0 10px 20px;}
	.map .ipad-map{display: none;}

@media only screen and (max-width: 480px) {
		.map .ipad-map{display: block;}
		.map .ny-map, .map .nh-map, .map .vt-map, .map .base{display: none;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
		.map .ipad-map{display: block;}
		.map .ny-map, .map .nh-map, .map .vt-map, .map .base{display: none;}
}


#employersoptions .leftcol p, #employersoptions .rightcol p, #employersdeductible .leftcol p, #employersdeductible .rightcol p, #employerswell .leftcol ul, #employerswell .rightcol ul{padding: 0 20px;}

#employersdeductible .video{
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(244,244,244,1) 46%, rgba(233,233,233,1) 74%, rgba(223,223,223,1) 92%, rgba(221,221,221,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(46%,rgba(244,244,244,1)), color-stop(74%,rgba(233,233,233,1)), color-stop(92%,rgba(223,223,223,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(244,244,244,1) 46%,rgba(233,233,233,1) 74%,rgba(223,223,223,1) 92%,rgba(221,221,221,1) 100%); /* W3C */
	padding-right: 40px;
}
#employersdeductible .video h2{position: relative; width: 292px; padding-right: 15px; float: left;}
#employersdeductible .video .video-js-box{margin-right: 0; float: right;}
#employersdeductible .disclaim{clear: both;}

#employerswell .leftcol li, #employerswell .rightcol li{padding: 0 0 1.2em 0;}
.well-costs{margin: 25px 0 0 0; padding: 25px 0 0 60px;}
	.well-costs .graph{position: relative; margin: -25px 70px 0 0; float: right;}
	.stat-wrap{position: relative; width: 370px; float: left;}
		.stat-wrap h2{margin-bottom: 20px;}
		.stat1, .stat2, .stat3{margin-top: 10px; display: none;}
		.stat1{margin-left: 30px;}
		.stat2{margin-left: 130px;}
		.stat3{margin-left: 60px;}
		.stat1 p, .stat2 p, .stat3 p{color: rgb(113,127,129); font-size: .95em; line-height: 1.4;}
		.stat1 p em, .stat2 p em, .stat3 p em{font-style: normal; font-weight: bold; font-size: 200%; line-height: 1; vertical-align: baseline;}
		.stat1 p em{color: rgb(198,222,10);}
		.stat2 p em{color: rgb(113,127,129);}
		.stat3 p em{color: rgb(255,161,0);}
			
#employerswell div[role="main"]>h3{padding-top: 20px; clear: both;}

.supportitem1, .supportitem2, .supportitem3{background-position: 0 50%; background-repeat: no-repeat; width: 75%; padding: 14px 0 0 65px; margin-left:auto; margin-right:auto; margin-bottom: 0; min-height: 3.75em;}
	div[role="main"] .supportitem1{background-image: url(../images/supportitem1.png);}
	div[role="main"] .supportitem2{background-image: url(../images/supportitem2.png);}	
	div[role="main"] .supportitem3{background-image: url(../images/supportitem3.png); margin-bottom: 1.2em;}
	
/* --------------------------------------------
 quote/contact form
-------------------------------------------- */
#quoteform div[role="main"]{padding: 0 0 0 60px;}
#quoteform h1{background: url(../images/quote-head.png) 0 0 no-repeat; width: 405px; height: 37px; text-indent: -9999em;}
#contactform .instruction, #quoteform .instruction{font-size: .8em; color: rgb(117,117,117);}
#vtfirst .instruction{font-size: .8em; color: rgb(117,117,117);}
#contactform p.error, #quoteform p.error, #vtfirst p.error{font-size: .8em; color: rgb(190,20,60); font-weight: bold;}

fieldset{width: 425px; display: block;}
fieldset.step3 div{position: relative;}
fieldset.step3 div.mname{display: none;}
fieldset.step3 p{color: rgb(190,20,60);}

#quoteform label, #contactform label, #vtfirst label{display: block;}
label{font-size: .85em; line-height: 1.3; color: rgb(117,117,117); width: 40%; margin: 0 0 7px 0;}
	label.overlabel{display: block; position: absolute; line-height: 1; top:6px; left:5px; width: auto; margin: 0; z-index:0; }
	label.overlabel-apply{display: block; position:absolute; line-height: 1; top:6px; left:5px; width: auto; margin: 0; z-index:10; cursor: text;}

#quoteform input[type="text"], #contactform input[type="text"], #contactform textarea, #vtfirst input[type="text"]{
	display: block;
	background: rgb(233,232,235);
	border: none;
	width: 400px;
	padding: 6px;
	margin: 0 0 10px 0;
	-moz-box-shadow:inset 2px 1px 3px rgb(145,145,145);
	-webkit-box-shadow:inset 2px 1px 4px rgb(145,145,145);
	box-shadow:inset 2px 1px 3px rgb(145,145,145);
	border-radius: 0;
	}
	
input.error, select.error, textarea.error{outline: 2px solid rgb(190,20,60); color: rgb(117,117,117); }

#quoteform select, #contactform select{width: 150px; margin: 0 0 20px 0;}
#quoteform button, #contactform button, #vtfirst button{display: block; border: none; background: none; padding: 0; margin: 20px 0 20px 0; cursor: pointer;}

#contactform form{float: left; width: 490px; /* outline: 1px solid grey; */}
#contactform button, #vtfirst button{margin-top: 0;}
#contactform textarea{min-height: 10em;}
#contactform aside{position: relative; border-left: 4px solid rgb(233,233,233); width: 300px; padding: 0 0 0 40px; float: right; /* outline: 1px solid green; */}
	aside h4{font-size: 1em; font-weight: normal; color: rgb(190,20,60);}
	aside p{padding: 0 0 0 20px; line-height: 1.35;}


/* !vtfirst */
#vtfirst ul{margin: 0 0 1em 1.15em; padding: 0 0 0 1em; list-style-type: disc;}
#vtfirst .pdflink{display: block; font-weight: normal; line-height: 1.1; background: url(../images/vtfirst/vtfirst-pdficon.png) 0 50% no-repeat; padding: 5px 0 5px 28px; margin: 0 0 5px .9em;}
#vtfirst aside{position: relative; border-left: 4px solid rgb(233,233,233); width: 250px; padding: 0 0 0 20px; float: right; /* outline: 1px solid green; */}
#vtfirst aside p{font-size: .8em; padding-left: 0;}
#vtfirst aside form{margin-bottom: 20px;}
#vtfirst aside form div{overflow: hidden;}
#vtfirst aside fieldset{width: auto;}
#vtfirst input[type="text"]{width: 235px;}
#vtfirst aside .cta{background: url(../images/vtfirst/vtfirst-drsearchicon.png) 0 0 no-repeat; padding: 0 0 0 54px; margin-bottom: 15px;}
#vtfirst aside .cta:last-of-type{background: url(../images/vtfirst/vtfirst-contacticon.png) 0 0 no-repeat; margin-bottom: 25px;}
	#vtfirst aside .cta p{font-family:'Abadi MT W01',Arial,Helmet,Freesans,sans-serif; font-size: 1.25em; line-height: 1.2; margin: 0;}
	#vtfirst aside .cta a{font-size: 90%;}
	
/* --------------------------------------------
 quote results
-------------------------------------------- */
#quoteresults .acrobatdisclaim{font-size: .75em; width: 70%; margin-left: 20px; padding-top: 5px;}
#quoteresults .acrobatdisclaim img{margin: -5px 10px 0 0; float:left;}
#quoteresults p+ul{margin-top: -.75em;}
#quoteresults li{padding-bottom: .5em;}

.resultchart>p, .resultchart h3{padding: 0 0 0 20px;}
	.resultitem{
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(242,242,242,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(242,242,242,1) 100%); /* W3C */
		padding: 20px 0 10px 0;
		margin: 0 0 10px 0;
	}
	.resultitem div{font-size: 1.02em; min-width: 33%; padding: 10px 10px 10px 20px; margin: 0 10px 0 0; float: left;}
	.resultitem div:first-of-type{padding-left: 20px; min-width: 16.5em;}
	.resultitem div:nth-of-type(2){border-right: 1px solid rgb(79,79,79); border-left: 1px solid rgb(79,79,79);}
	.resultitem div:last-of-type{border: none; min-width: inherit; margin: 0; padding-right: 0; padding-left: 10px;}
	.resultitem h4{font-weight: bold; padding: 0 0 0 20px;}
	.resultitem div p{margin: 0 0 .5em 0;}
	.resultitem div p:last-of-type{margin-bottom: 0;}
	.resultitem div p a{display: block; font-weight: normal; line-height: 1.1; background: url(../images/pdf-icon-lg.png) 100% 50% no-repeat; width: 90%; padding: 5px 0 0 0; margin: 0 0 0 0; min-height: 2.5em;}

/* ======= FOOTER ======= */
footer{margin: 40px 0;}
footer p{font-size: .875em; margin-bottom: .5em;}
footer .disclaim{margin-left: 0;}

/* ======= UTILITY ======= */

/* CLEARING */

/* For modern browsers */
.clear:before, .clear:after {content:""; display:block;}
.clear:after {clear:both;}
.clear {zoom:1;}/* For IE 6/7 (trigger hasLayout) */


@media only screen and (max-device-width: 480px){
	footer{width: 75%;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
}
