/*=============================================================================================
STYLES FOR HOMEPAGE

Update History:	10-04-10 - Updated Testimonial Slide, Added Follow Us Buttons, tweaks to 
													 listed CTAs - ZF
								10-06-10 - Tweaked socialIcons section - ZF
								12-02-10 - Added styles for new slider banners Personalized 
														Quote and New Testimonial. (MH)
								02-07-11 - Added Jellyvision support - ZF
								02-21-11 - Removed Cycle Slider, added Jellyvision section - ZF
=============================================================================================*/
#content {
	padding-bottom:0;
}
/* [=featuredContent]
---------------------------------------------------------------------------------------------*/
/* [=jvSlide]
-------------------------------*/
#featuredContent {
	background:url(/~/media/img/homepage/featuredContent/smilingTerrierBG_alt.ashx) no-repeat 0 0;
	height:313px;
	margin:0 -10px 30px;
	padding-top:54px;
	position:relative;
	width:960px;
}
#jvFindOut, #jvVPA, #jv_hp_LaunchVideo, #jv_tagline, #jv_hp_talkToMax {
	background:url(/~/media/img/homepage/featuredContent/jvSlide_sprites_alt.ashx) no-repeat 0 0;
	display:block;
	position:absolute;
		left:70px;
	text-indent:-999em;
	z-index:1;
}
#jvFindOut {
	height:78px;
	width:417px;
}
#jvVPA {
	background-position:0 -82px;
	height:48px;
		top:163px;
	width:408px;
}
#jv_hp_LaunchVideo {
	background-position:-569px 0;
	height:50px;
		top:235px;
	width:266px;	
}
#jv_hp_LaunchVideo:hover {
	background-position:-569px -55px;	
}
#jv_hp_LaunchVideo:focus, #jv_hp_LaunchVideo:active {
	background-position:-569px -110px;	
}
#jv_tagline {
	background-position:0 -150px;
	height:18px;
		top:331px;
		left:21px;
	width:569px;
}
#jv_hp_talkToMax {
	background-position:-422px 0;
		top:316px;
		left:647px;	
	height:45px;
	width:130px;
}
#jv_hp_talkToMax:hover {
	background-position:-422px -50px;
}
#jv_hp_talkToMax:focus, #jv_hp_talkToMax:active {
	background-position:-422px -100px;
}
/* [=primaryContent]
-------------------------------*/
/* Learn About Pet Health Insurance */
#primaryContent .grid_10 {
	padding:4px 10px 40px;
	position:relative;
	width:560px;
}
#primaryContent .grid_10 a {
	font-weight:normal;
}
#primaryContent .grid_10 h1 {
	margin-bottom:13px;
}
#primaryContent .grid_10 h2 {
	font-size:14px;
	position:absolute;
		top:206px;
}
#primaryContent .grid_10 h2 a {
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}
.siblingHover a, #primaryContent .grid_10 h2 a:hover {
	border-bottom:1px solid #003366;
}
#dip {
	left:68px;
	text-transform:uppercase;
}
#cip {
	left:360px;
	text-transform:uppercase;
}
#primaryContent .grid_10 .alignleft, #primaryContent .grid_10 .alignright {
	border:1px solid #534741;
	display:block;
	margin-bottom:10px;
}
#primaryContent .grid_10 .alignleft:hover, #primaryContent .grid_10 .alignright:hover {
	border:1px solid #003366;
}
#primaryContent .alignleft img, #primaryContent .alignright img {
	display:block;
}
/* [=Listed CTAs]
-------------------------------*/
#primaryContent .grid_6 {
	font-size:12px;
	line-height:1.4;
	padding:4px 10px 10px;
	width:320px;
}
#primaryContent h1, #primaryContent .grid_6 h2 {
	color:#660018;
	font-size:18px;
	margin-bottom:2px;
}
#primaryContent .grid_6 h3 {
	font-size:14px;
	margin-bottom:4px;
	text-transform:uppercase;
}
#primaryContent .grid_6 h3 a {
	text-decoration:none;
}
#primaryContent .grid_6 h3 a:hover {
	border-bottom:1px solid #003366;
}
#sectionedCTA li {
	border-top:1px solid #ccc2b4;
	clear:left;
	cursor:pointer;
	margin-bottom:0;
	overflow:hidden;
	padding:6px 2px;
	width:316px;
}
#sectionedCTA li:first-child {
	border-top:1px solid transparent;
	padding-bottom:10px;
}
#sectionedCTA li:first-child:hover {
	border-top:1px solid #ccc2b4;
}
#sectionedCTA li:hover {
	background:url(/~/media/img/homepage/ccc2b4_25perc.ashx) repeat 0 0;
}
#sectionedCTA li:last-child { /*CSS3 selector*/
	border-bottom:1px solid transparent;	
}
#sectionedCTA li:last-child:hover {
	border-bottom:1px solid #ccc2b4;
}
#sectionedCTA li:hover h3 a {
	color:#003366;
	border-bottom:1px solid #003366;
}
#sectionedCTA li img {
	float:left;
	display:inline;
	margin:5px 15px 0 0;
}
#sectionedCTA img.tall {
	margin-bottom:10px;
}
/* nested list styles */
#sectionedCTA ul {
	float:left;
	list-style-type:disc;
	list-style-position:outside;
	padding-left:15px;
	width:238px;
}
/* nested list overrides */
#sectionedCTA li li:first-child {
	padding-bottom:0;
}
#sectionedCTA li li {
	border:none;
	font-size:12px;
	margin:0 0 4px;
	overflow:visible;
	padding:0;
	width:238px;
}
#wrapper #sectionedCTA li li, #wrapper #sectionedCTA li li:hover {
	border:none;
	background:none;
}
/* [=secondaryContent - fatFooter]
-------------------------------*/
#secondaryContent {
	background:#fff url(/~/media/img/textures/fatFooter.ashx) no-repeat 10px 0;
	border-bottom:10px solid #fff;
	font-size:12px;
/* 	margin-bottom:10px; */
	padding:0 10px;
}
#secondaryContent h3 {
	margin-bottom:6px;
}
#secondaryContent h3 a {
	color:#660018;
	font-size:13px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-decoration:none;
}
#secondaryContent h3 a:hover {
	color:#003366;
	border-bottom:1px solid #003366;
}
#secondaryContent .grid_4 {
	padding:0 10px 10px 10px;
	width:200px;
}
#secondaryContent ul {
	list-style:disc;
	margin-left:16px;
}
#secondaryContent li {
	margin-bottom:3px;
}
#secondaryContent li:hover {
	color:#003366;
}
#secondaryContent li a {
	border-bottom:1px solid #534741;
	text-decoration:none;
}
#secondaryContent li a:hover {
	border-bottom:1px solid #003366;
}
#secondaryContent p {
	margin-bottom:3px;
}
#secondaryContent img {
	margin-left:2px;
}
/* socialIcons */
#wrapper #socialIcons {
	overflow:hidden; /*clear float*/
}
#wrapper #socialIcons li {
	float:left;
}
#wrapper #socialIcons a {
	background:url(/~/media/img/homepage/TwitterFBbuttons.ashx) no-repeat 0 0;
	display:block;
	float:left;
	height:34px;
	text-indent:-9999px;
	width:95px;
}
#wrapper #socialIcons .facebook {
	margin-right:10px;
}
#wrapper #socialIcons .twitter {
	background-position:0 -34px
}
#wrapper #socialIcons .facebook:hover {
	background-position:-95px 0;
	border:none;
}
#wrapper #socialIcons .twitter:hover {
	background-position:-95px -34px;
	border:none;
}