<!--#pragma directives disabled -->

#main {
	width: 550px;
}
.topNavLinks {
	background-color: #008ac2;
}
/* These are the colored headers for the front page */

 .headerGray {
	background-image: url(/content/channels/images/bg-title.gif);
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	background-repeat: repeat-x;
	font-size: 14px;
	
	text-align: center;
	height: 25px;
	margin-top: -3px;
	padding-top: 3px;
}

.headerGray a:link {
  color: #25256F;
  text-decoration: none;
  }
.headerGray a:visited {
  color : #014a8f;
  text-decoration: none;
  }
.headerGray a:hover {
  color : #0C0;
  font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif; sans-serif;
  text-decoration: underline;
  }
.headerGray a:active {
  color : #333333;
  text-decoration: underline;
  }
  
 

 /* These are options for the right home rail */

.railScroller {
	margin: 0px 15px 20px 15px;
	padding: 0px 10px 12px 10px;
}
.scrollBox {
		
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	font-weight: normal;
}
.railPromo {
	border: 3px solid #ccc;
	margin: 15px 15px 15px 15px;
	padding: 0px 10px 12px 10px;
	background-color: #FFFFFF;
	text-align: left;
	
}
.railPromo h2 {
	font-size: 12px;
	color: #25256F;
	padding: 0px 14px 5px 0px;
	text-align: center;

	}
.railPromo h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin: 5px auto;
	}
.railPromo  p {
	margin: 3px;
	padding-left: 5px;
	text-align: left;
	}

.whatsNew {
	border: 3px solid #ccc;
	margin: 15px 15px 0px 15px;
	padding: 0px 10px 5px 10px;
	background-color : #FFFFFF;
	text-align: left;
	
}
.whatsNew h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #25256F;
	text-align: center;

	}
.whatsNew h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	}
.whatsNew img {
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin-top: 5px;
	}

	
.railLink {
	font-size: 12px;
	color: #808284;
}

.railLink ul {margin: 0; padding: 0;}
.railLink ul li {
	margin: 0 0 0 1em; 
	padding: 0;
    text-indent: -1em; 
	background: transparent;
    list-style: none;}


.railLink a:link {
  color : #464646;
  text-decoration: none;
  text-align: left;
  }
.railLink a:visited {
  color : #808284;
  text-decoration: none;
  }
.railLink a:hover {
  text-decoration: underline;
  }
.railLink a:active {
  color : #0C0;
  text-decoration: underline;
  }
  
.headerRailPromo {
	background-color: #afce7e;
	font-size: 10px;
	text-transform: uppercase;
	color: #808284;
	text-align: center;
	padding: 5px;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.headerRailPromo a:link {
  color : #808284;
  text-decoration: none;
  }
.headerRailPromo a:visited {
  color : #808284;
  text-decoration: none;
  }
.headerRailPromo a:hover {
  color : #f3f8ec;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-decoration: underline;
  }
.headerRailPromo a:active {
  color : #333333;
  text-decoration: underline;
  }
#promoBox {
 	text-align: center;
	
 }
.railAd {
	text-align: center;
	padding-top: 15px;

}
.railAd p {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a8c2ad;
	margin: 1px;
	padding: 0;
	font-weight: normal;
	}

.bulletinBoardWhite {
	border: 2px dotted #ccc;
	margin: 15px 15px 15px 15px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
	text-align: center;
	
}
 
 .bulletinBoard {
	margin: 15px 15px 15px 15px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	
}
.bulletinBoard h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #25256F;
	padding: 0px 10px 5px 0px;
	text-align: center;

	}
.bulletinBoard h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin: 5px auto;
	}
.bulletinBoard p {
	margin: 3px;
	padding-left: 5px;
	text-align: left;
	border: 1px solid #ccc;
	}

/* Teaser styles */

.teaserText p {
	margin-left: 20px;
}
.teaserText .more a:link {
	color: #de7f00;
}

.teaserText .viewMore a:link {
	color: #000000;
}

.teaserLink {
	font-size: 13px;
	color: #000000;
}

.teaserLink ul {margin: 0; padding-left: 10px;}

.teaserLink ul li {
	font-size: 14px;
	margin: 0 0 0 10px; 
	padding: 0;
    text-indent: -1em; 
	background: transparent;
    list-style: none;}

.teaserLink a:link {
  color : #000000;
  text-decoration: none;
  text-align: left;
  }
.teaserLink a:visited {
  color : #000000;
  text-decoration: none;
  }
.teaserLink a:hover {
   color : #0C0;
  text-decoration: underline;
  }
.teaserLink a:active {
  color : #0C0;
  text-decoration: underline;
  }

.teaserTitle {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #014a8f;
	margin:6px 0 0 3px;
	display:block;
}

.teaserTitle a:link {
  color: #014a8f;
  text-decoration: none;
  }
.teaserTitle a:visited {
  color: #014a8f;
  text-decoration: none;
  }
.teaserTitle a:hover {
  color : #0C0;
  text-decoration: underline;
  }
.teaserTitle a:active {
  color : #0C0;
  text-decoration: underline;
  }

 .viewMore {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #25256F;
	text-align: left;
}

.viewMore a:link {
  color: #014a8f;
  text-decoration: none;
  }
.viewMore a:visited {
  color: #014a8f;
  text-decoration: none;
  }
.viewMore a:hover {
  color : #0C0;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-decoration: underline;
  }
.viewMore a:active {
  color : #0C0;
  text-decoration: underline;
  }
  
 
.detailTeaser p {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 120%;
	color: #000000;	
	margin: -4px 0px 0px 0px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	display: inline;
}

.detailTeaser img {
	float: left;
	clear: both;
	padding: 10px 20px 10px 0px;
	margin-right: 10px;

}



.detailTeaserTitle {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	clear: both;

}

 .detailTeaserTitle h4 {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;

}

.detailteaserTitle a:link {
  color: #000000;
  text-decoration: none;
  }
.detailteaserTitle a:visited {
  color: #000000;
  text-decoration: none;
  }
.detailteaserTitle a:hover {
  color : #0C0;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-decoration: underline;
  }
.detailteaserTitle a:active {
  color : #0C0;
  text-decoration: underline;
  }
  
 /* Styles to hide the description on the channel grid display page */
 .hiddenTeaser p {
	visibility:hidden;
	width:1px;
	height:1px;
	overflow:hidden;
	text-align: center;
}

.hiddenTeaser img {
	border: 0;
	text-align: center;
	padding-left: 3px;
}

  
.teaserImg {
	
	float: left;
	padding: 10px 10px 3px 0px
	clear: both;
}


/* This box displays the small home page content boxes */
.feedBox {
	width: 250px;
	float: left;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	

}
.feedBoxOutlined {
	width: 250px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color : #e8f8d2;
	background-image: url(/content/channels/images/bg-green.gif);
	background-repeat: repeat-x;
}

.feedBoxOutlined p {
	padding-left: 10px;
}

.feedBoxSmall {
	width: 125px;
	margin-bottom: 15px;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: dotted;
	border-color: #afce7e;

}

.homeBanner {
	width: 250px;
	float: left;
	text-align: center;	
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.homeBanner p {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a8c2ad;
	margin: 1px;
	padding: 0;
	font-weight: normal;
	}
	
.blockBanner {
	width: 250px;
	float: left;
	text-align: center;	
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

  /* Auto Insurance Block for Home Page */
.autoInsBlock {
	background: url(/content/channels/images/autoIns_BG.gif);
	background-repeat: no-repeat;
	position: relative; 
	width: 250px;
	height: 190px;
	float: left;
	text-align: center;	
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#box-link { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		width: 250px; 
		height: 190px; 
		background-color: transparent; 
		border: 0; }	

.autoInsBlock p {
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #133c8c;
	margin-top: 67px;
	margin-bottom: 37px;

}


.feedBoxFeatured {
	width: 555px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	border-width: 2px;
	border-style: dotted;
	border-color: #afce7e;
	text-align: center;

}

.featuredLogos {
	width: 145px;
	float: left;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: normal;
}
.featuredLogos img {
	border: 0;
} 

.divider {border-top: 1px solid #666666; margin: 5px 0px 5px 0px; width: 550px;}  

.dividerGray {
	background: url(/content/images/headers/blank.gif);
	height: 1px;
	color: #666666;
	margin: 5px 0px 5px 0px;
}

/* This box displays the larger product teaser content */
.feedBoxLarge {
	width: 550px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	
}


/* This will replace the current styles used for RightNav */
.leftNav {
	width: 175px;
	text-align: left;

}

.leftNavHead {
	font-family: corbertbold, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px; 
	line-height: 120%; 
	text-transform: uppercase; 
	color: #135183; 
	margin-left:26px;
}


.leftNav a:link {
  color: #464646;
  text-decoration: none;
  }
.leftNav a:visited {
  color : #FFFFFF;
  text-decoration: none;
  }
.leftNav a:hover {
  color : #f3f8ec;
  text-decoration: underline;
  }
.leftNav a:active {
  color : #333333;
  text-decoration: underline;
  }
.leftNav li {
  margin-bottom: 5px;
  margin-left: 20px;
}

.leftNavActive {
  color: #135183;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-decoration: underline;
  }
  
.leftNavActive a:link {
  color : #FF0000;
  font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  }
.leftNavActive a:visited {
  color : #FFFFFF;
  text-decoration: none;
  }
.leftNavActive a:hover {
  color : #f3f8ec;
  font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  text-decoration: underline;
  }
.leftNavActive a:active {
  color : #333333;
  text-decoration: underline;
  }
.leftNavActive li {
  margin-bottom: 5px;
  margin-left: 10px;
}
  
.leftNavActive h4 {
  color : #000000;
  font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
  }



.autoInsBlock p {

}

  
ul.ydBullets {list-style: none; margin-top: 5px; margin-left: 30px; margin-bottom: 5px; padding-top: 0; padding-left: 20px; font-size: 15px; }

ul.ydBullets li{padding:2px 0;}

li.ydBulletsRed {list-style-image: url(/content/images/client/common/nav_bullet_blue.png); margin-top: 5px; margin-left: 20px; margin-bottom: 5px; padding-top: 0; padding-left: 0px; 	font-size: 15px; font-weight: bold;}

.leftNav ul.ydBullets a {
	color: #135183!important;
	font-family: corbertregular, Corbert, Corbel, Verdana, Arial, Helvetica, sans-serif;
}

/* TF 9/20/2016 We changed the font to Proxima but we kept the name Corbert in our css files for several reasons. Mainly it made it quicker to implement and also it was safer to make sure it was changed everywhere on the site even in inline css references. */

@font-face {
    font-family: 'corbertregular';
    src: url('/content/editorial/font/ProximaNovaRegular.eot');
    src: url('/content/editorial/font/ProximaNovaRegular.eot?#iefix') format('embedded-opentype'),
         url('/content/editorial/font/ProximaNovaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbertbold';
    src: url('/content/editorial/font/ProximaNovaRegular-bold.eot');
    src: url('/content/editorial/font/ProximaNovaRegular-bold.eot?#iefix') format('embedded-opentype'),
         url('/content/editorial/font/ProximaNovaRegular-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'corbertregular';
    src: url('/content/editorial/font/Corbert-Regular-webfont.eot');
    src: url('/content/editorial/font/Corbert-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/editorial/font/Corbert-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbertbold';
    src: url('/content/editorial/font/Corbert-Bold-webfont.eot');
    src: url('/content/editorial/font/Corbert-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/editorial/font/Corbert-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: bold;
}
*/
<!--#pragma directives enabled -->