/*
* @description: vision landing v2
* @author:Swing.Chen
*/

.main-content {
	margin: 0 auto;
}

/*set a uniform landing style for vision,dental,pet,short-term*/
.uniform-landing {
	margin: 0 auto; 
	min-height: 391px;
	width: 970px;
    background-color: #fff;
    background-position: right top;
    background-repeat: no-repeat;
}

.vision.uniform-landing { background-image: url(/ehealthinsurance/images_new/vision/vision-landing-v2.jpg); }

.vision-ancillary.uniform-landing { background-image: url(/ehealthinsurance/images_new/vision/vision-ancillary.jpg); }

.dental.uniform-landing { background-image: url(/ehealthinsurance/images_new/dental/dental-landing-v2.jpg); }

.dental-ancillary.uniform-landing { background-image: url(/ehealthinsurance/images_new/dental/dental-ancillary.jpg); }

.short-term.uniform-landing { background-image: url(/ehealthinsurance/images_new/short-term/short-term-landing.jpg); }

.accident.uniform-landing { background-image: url(/ehealthinsurance/images_new/accident/accident-landing-v2.jpg); }

.pet.uniform-landing { background-image: url(/ehealthinsurance/images_new/pet-v2/pet-landing-v2.jpg); }

.dental:hover,.vision:hover { background-position: 0 0; }

.accident.uniform-landing .heading {
    width: 600px;
    
}
.accident.uniform-landing .heading p.notice-info {
  font-size: 14px;
}
/*heading in the landing bg with zip*/
	.uniform-landing .uniform-position {
		position: relative;
		margin: 0 auto;
		padding: 118px 0 0 62px;
		width: 970px;
	}

	.uniform-landing .heading {
		width: 445px;
		height: auto;
	}

	.uniform-landing .heading h1,.uniform-landing .heading strong { 
		font: normal 37px/40px Trebuchet MS; 
		display: inline;
	}

	.uniform-landing .heading p {
		margin-top: 10px;
		font: normal 19px/24px Arial;
		color: #666;
	}

	.uniform-landing .heading p em {
		font-style: normal;
		color: #0673ab;
	}

	/*style of zip*/
	.zip-fieldset {
		margin-top: 17px;
		width: 255px;
	}

	.zip-code {
		padding: 10px 8px;
		border: 1px solid #c0cfd7;
		width: 75px;    
		height: 21px;
		font-size: 18px;
		vertical-align: top;
		box-sizing: content-box;
	}

	.go-btn {
		float: right;
	}
	input.btn.go-btn {
		padding: 0 !important;
	}
	#footer block#accident-disclaimer {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#footer block #ft-language-link {
		border-top: 3px solid #ededed;
	}

/*layout of the content under landing*/
.main-content-column {
	margin: 22px auto 0;
	overflow: hidden;
	width: 970px;
}
.overflow { overflow: hidden }
.main-content-overflow { overflow: hidden; }

	.main-column { float: left; }

	.side-column {
		float: right;
		margin-left: 50px;
		width: 313px;
	}

		.list-band { float: left; }

			.list-band h2,.plan-list h2 {
				padding-bottom: 16px;
				font: normal 18px/20px Trebuchet MS;
				color: #333;
			}

		/*style set for the left list in the main column*/
		.list-band.left { 
			margin-right: 50px;
			width: 277px; 
		}

			.list-band.left li {
				padding-left: 18px;
				background: url("/ehealthinsurance/images_new/vision/list-icon.png") 0 4px no-repeat;
				margin-bottom: 8px;
			}

			.list-band.left li a { line-height: 130% }

			.list-band.left li.last-child {
				margin: 15px 0 0 18px;
				padding: 8px 0 0 0;
				background: url("/ehealthinsurance/images_new/vision/line.png") top left repeat-x;
			}

				.list-band li.last-child a,.plan-list .view-more { 
					font-weight: bold;
					color: #1785c5; 
				}

				.dental.main-column .list-band.mid li a { line-height: 130%; }

				.dental.main-column .list-band.mid li.last-child a,.accident.main-column .list-band.mid li.last-child a {
					display: block;
					width: 93px;
					background: url("/ehealthinsurance/images_new/dental/arrow.png") no-repeat scroll 85px 5px transparent;
					cursor: pointer;
				}
				.dental.main-column .list-band.mid li.last-child a.up,.accident.main-column .list-band.mid li.last-child a.up { background-position: 80px -60px;}
				
				.vision.main-column .list-band.mid li.last-child a {
					display: block;
					width: 140px;
					background: url("/ehealthinsurance/images_new/dental/arrow.png") no-repeat scroll 130px 5px transparent;
					cursor: pointer;
				}
				.vision.main-column .list-band.mid li.last-child a.up { background-position: 130px -60px;}				
				
				.short-term.main-column .list-band.mid li {
					margin: 0 0 8px;
    				padding: 0 0 0 28px;
					background: url("/ehealthinsurance/images_new/short-term/click-icon.png") 0 0 no-repeat;
					line-height: 130%;
				}

				.short-term.main-column .list-band.mid li.last-child {
					margin: 15px 0 0 0;
					padding: 8px 0 0 0;
					background: url("/ehealthinsurance/images_new/vision/line.png") top left repeat-x;
				}

			/*style set for the middle list in the main column*/
			.list-band.mid {
				width: 266px;
			}

			.list-band.mid strong { 
				display: block; 
				margin-bottom: 6px;
				color: #868686;
				font-weight: normal;
			}

			.list-band.mid li:first-child { 
				padding: 0;
				margin: 0;
				background: none;
			}

			.list-band.mid li {
				margin: 10px 0 0 0;
				padding: 10px 0 0 0;
				background: url("/ehealthinsurance/images_new/vision/line.png") top left repeat-x;
			}

/* style for plan list in the side column*/
	.plan-list h2 { color: #212121; }

	.plan-list ul { border: 1px solid #ccc; }

		.plan-list li { 
			padding: 12px 0 12px 10px; 
			border-top: 1px solid #e5e5e5; 
			height: 36px;
			line-height: 36px;
			box-sizing: content-box;
		}

		.plan-list li:first-child { border-top: none; }

			.plan-list li img {
				float: left;
			}

			.plan-list li span {
				float: right;
				margin-right: 15px;
				font-size: 20px;
				color: #878787;
			}
		.plan-list p { 
			margin-top: 20px;
			width: 313px;
			color: #212121;
			font-size: 11px;
		}	

/*style for none-price*/
	
	.none-price .list-band.left { 
			margin-right: 114px;
	}

	.none-price .list-band.mid {
		width: 280px;
	}

	.none-price .side-column { width: auto; }

	.none-price .plan-list ul { width: 180px; }

		.none-price .plan-list ul li { padding: 12px 35px; }

/*disclaimers for landingpage*/

.disclaimers {
	clear: both;
	overflow: hidden;
	border: none;
	padding: 0;
	margin: 0;
}

.disclaimers p:first-child { margin-bottom: 15px; }

	.disclaimers-text {
		margin-top: 32px;
		padding: 10px 22px 0;
		border-top: 1px solid #ccc;
	}

	/*news wrap for pet and short-term*/
	.news-wrap {
		overflow: hidden;
		clear: both;
		margin: 20px 0;
		border:1px solid #eee;
		width: 968px;
		height: 42px;
		line-height: 42px;
	}

		.news-wrap h2 { 
			float: left; 
			padding: 0 57px 0 15px;
			background: url(/ehealthinsurance/images_new/pet-v2/arrow-bg.png) left no-repeat;
			font: normal 14px/42px Arial;
			color: #333;
		}

		.news-wrap .news-title { 
			float: left;
			width:588px; 
			white-space:nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
		}

		.news-wrap .twitter-link {
			float: left;
			margin: 13px 5px 0 0;
			width: 17px;
			height: 16px;
			background: url(/ehealthinsurance/images_new/pet-v2/twitter-icon.png);
			text-indent: -9999px;
		}

		.news-wrap .date { margin-right: 5px; }

		.news-wrap .more-link {
			float: right;
			margin-right: 35px;
			font-weight: bold;
		}
		.sponsorship-q213 li > a .hover-info {
			box-sizing: content-box;
		}
		#accident-disclaimer {
			margin-bottom: 20px;
			padding-top: 0;
			border-bottom: 3px solid #ededed;
		}
		.accident.uniform-landing {
			background-size: contain;
		}
		@media only screen and (max-width : 1023px) {
			.main-content-column, .uniform-landing, .uniform-landing .uniform-position, .accident.uniform-landing .heading {
				width: 100%;
			}
			.caroufredsel_wrapper {
				margin: 0 auto !important;
			}
			.accident.uniform-landing {
				margin: 0 -15px;
			}
			#accident.uniform-landing {
				background-size: contain;
			}
			
			#accident-disclaimer .row {
				padding: 0 15px; 
			}
		}
		@media only screen and (min-width : 768px) and (max-width : 1023px) {
			.list-band.left, .none-price .list-band.mid {
				width: 47%;
			}
			.none-price .list-band.left {
				margin-right: 6%;
			}
			.main-column {
				width: 60%;
			}
			.none-price .side-column {
				margin-left: 8%;
				width: 32%;
			}
			.sponsorship-q213-wrap.narrow-version {
				width: 80% !important;
			}
		}
		@media only screen and (max-width : 767px) {
			.list-band.left, .none-price .list-band.mid {
				width: 100%;
			}
			.none-price .list-band.left, .none-price .list-band.mid {
				margin: 0 0 30px;
			}
			.main-column {
				width: 100%;
			}
			.none-price .side-column {
				width: 100%;
			}
			.sponsorship-q213-wrap.narrow-version {
				width: 70% !important;
			}
		}