/* 

-------------------------------------------------------------

-- style.css for CNA.com, stored in VCM, Content->Styles   --

-------------------------------------------------------------

*/





/* Redefined tags */



* {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

}



p.bodycontent {

   margin-top: 20px;

   margin-bottom: 0px

}



h2 {

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

}



h3 { 

	font-size: 14px;

	margin-bottom:0; 

	font-weight:bold; 

	color: #999999;

}



ul {

	margin: 0 0 0 16;

	color:#000000;

	font-size:12px;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

}



ul a { 

	font-size: 12px; 

	color: #336699; 

}



ul a:hover { 

	text-decoration: none; 

}



li {

	margin-top:1px;

	line-height:14px;

}

	

/* Old tags */



.pagetitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: FFFFFF;

}



.welcome {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: FFFFFF;

}



.globalnav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}



.globalnav a, visited {

	color: #666666;

	font-size: 10px;

	text-decoration: none;

}

.globalnav a:hover {

	color: #666666;	

	font-size: 10px;

	text-decoration: underline;

}



.globalnav_active {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: FFFFFF;

}



.login {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 000000;

}



.search {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 000000;

}



.advancedsearch {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 336699;

	text-decoration: underline;

}



.header_red_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: #CC3333

}





.header_red {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #CC3333;

	border-bottom: 1px solid #CCCCCC	

}





.header_topstories {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	color: 000000;

}



.subheader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: italic;

	font-weight: bold;

	font-variant: normal;

	color: 000000;

}



.portlet_header {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 000000;

}



.utilitylinks {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 336699;

	text-decoration: underline;



}



.links {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 336699;

	text-decoration: underline;



}



.bodycopy {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: 000000;

}



.bodycopy_sm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color:#333333;

}



.divider {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}



.product_intro_label {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #CC3333;

	text-transform: uppercase;

}



.prodservice {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	padding-left: 5px;

	padding-top: 10px

}



.solutions {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	padding-left: 5px;

	padding-top: 10px;

	padding-bottom: 10px

}

.solutions a {

	color: #336699;

	text-decoration: underline;

}

.solutions a:hover {

	text-decoration: none;

}





.usernamebox

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 15px;

	width: 50px;

	border-width: 1px;

	border-color: #333333;

}

.passwordbox

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 15px;

	width: 100px;

	border-width: 1px;

	border-color: #333333;

}



.searchbox

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 15px;

	width: 150px;

	border-width: 1px;

	border-color: #333333;

}



.spacer

{

	font-size : 1px;

}



.utilitynav td.utilitynav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	color: #333333;

}

.utilitynav td.utilitynav a {

	color: #333333;

	text-decoration: underline;

}

.utilitynav td.utilitynav a:hover {

	text-decoration: none;

}



.footernav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #333333;

}

.footernav a {

	color: #333333;

	text-decoration: underline;

}

.footernav a:hover {

	text-decoration: none;

}

.footernav a:visited {

	text-decoration: underline;

}



.copyright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}

.copyright a {

	color: #336699;

	text-decoration: underline;

	font-size: 10px;

}

.copyright a:hover {

	text-decoration: none;

}



.breadcrumb {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #336699;

}

.breadcrumb a {

	color: #336699;

	text-decoration: underline;

}

.breadcrumb a:hover {

	text-decoration: none;

}





.bodycontent {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

}



.bodycontent a {

	color: #336699;

	text-decoration: underline;

}

.bodycontent a:hover {

	text-decoration: none;

}

.bodycontent a:visited {

	text-decoration: underline;

}



.bodycontent p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

}

.bodycontent td {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

}



.bodycontent_sm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666

}

.bodycontent_sm a {

	color: #336699;

	text-decoration: underline;

}

.bodycontent_sm a:hover {

	text-decoration: none;

}



.bodycontent_sm_bold {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: bold;

	color: #666666

}

.bodycontent_sm_bold a {

	color: #336699;

	text-decoration: underline;

}

.bodycontent_sm_bold a:hover {

	text-decoration: none;

}



.bodycontent_bold {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #666666

}



.bodycontent_bold p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #666666

}



.bodycontent_bold a {

	color: #336699;

	text-decoration: underline;

}

.bodycontent_bold a:hover {

	text-decoration: none;

}



.bodycontent td.header_red_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: #CC3333

}



.bodycontent div.header_red_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: #CC3333

}



.bodycontent td.bodycontent_bold {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #666666

}



.bodycontent td.solutions {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	padding-left: 5px;

	padding-top: 10px;

	padding-bottom: 10px

}



.bodycontent td.solutions a {

	color: #336699;

	text-decoration: underline;

}



.bodycontent td.footernav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #333333;

}



.bodycontent td.bodycontent_sm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666

}

.bodycontent td.prodservice {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	padding-left: 5px;

	padding-top: 10px

}





.bodycontent td.dropdown250 {

	font-size:12px

}



.copyright td.copyright {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}

.copyright td.copyright a {

	color: #336699;

	text-decoration: underline;

}

.copyright td.copyright a:hover {

	text-decoration: none;

}



.searchfield {

	height: 17px;

	width: 150px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

}



.dropdown {

	height: 17px;

	width: 150px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

}



.dropdowncareer {

	height: 17px;

	width: 300px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

}



.leftnav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #999999;

}

.leftnav a {

	color: #333333;

	text-decoration: underline;

}

.leftnav a:hover {

	text-decoration: none;

}



.dottedline_table {

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size:12;

	color: #000000;

	border: 1px dotted #CCCCCC;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

	list-style-type: none;

	text-align: left;

}

.dottedline_table a {

	color: #336699;

	text-decoration: underline;

}



.header_black {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #000000

}



.header_black_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color: #333333

}



.header_black_lg a {

	color: #336699;

	font-size: 16px;

	text-decoration:underline;

}



.header_gray_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	color: #999999

}



.solidline_table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

	border: 1px solid #CCCCCC;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

	list-style-type: none;

	text-align: left;

}

.solidline_table a {

	color: #336699;

	text-decoration: underline;

}

.solidline_table a:hover {

	text-decoration: none;

}



.supersmallfont {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 6px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

}



.portlet_red_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	font-variant: normal;

	text-transform: uppercase;

	color: CC3333;

}



/* Agent Locator Styles  */

.searchselect

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 8px;

	width: 150px;

	border-width: 1px;

	border-color: #333333;

}

.searchzipcodetext

{

	font-family: Arial;

	font-size: 10px;

}

.searchzipcodetext2

{

	font-family: Arial;

	font-size: 10px;

	padding-top: 2px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	height: 19px;

	width: 70px;

	border-width: 1px;

	border-style: solid;

	border-color: #7F9DBE;



}

.searchzipcodetextOrig

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 15px;

	width: 70px;

	border-width: 1px;

	border-color: #333333;

}

.tdzipsearch

{

	font-family: Arial;

	font-size: 11px;

	padding-top: 2.5px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

}

.findzipimage

{

	padding-top: 2.0px;

	padding-bottom: 0px;

	padding-left: 4px;

	padding-right: 2px;

}

.findzipimageOrig

{

	padding-top: 5.0px;

	padding-bottom: 0px;

	padding-left: 4px;

	padding-right: 2px;

}



.searchbox

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 2px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 19px;

	width: 150px;

	border-width: 1px;

	border-color: #7F9DBE;



}

.searchboxORIG

{

	font-family: Arial;

	font-size: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	padding-right: 2px;

	border-style: solid;

	height: 15px;

	width: 150px;

	border-width: 1px;

	border-color: #333333;

}



#link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	color: #000000;

}



#link a{

	color: #336699;

	text-decoration: underline;

}



#link a:hover {

	text-decoration: none;

}



#pressdate {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-style: normal;

	font-weight: normal;

	color: #666666;

	margin-top: 10px;

	text-transform: uppercase	

}



.asterisk {

	font-family:arial,helvetica;

	font-size:10px;

	line-height: normal;

	color:#CC0000;

}



/* 

-------------------------------------------------------------

-- Styles created after migration to upgraded VCM, 01/09   --

-------------------------------------------------------------

*/



.bulletedlist {

	margin: 0 0 0 16;

	color:#000000;

	font-size:12px;

	line-height:15px;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

}



.bulletedlist a { 

	font-size: 12px; 

	color: #336699; 

}



.bulletedlist a:hover { 

	text-decoration: none; 

}



/* 

-------------------------------------------------------------

-- Insurance Solutions                --

-------------------------------------------------------------

*/



.boxedbullet {

	margin: -10px 0 0px 16px;

	color:#000000;

	font-size:12px;

	line-height:15px;

	list-style-image: url(/vcm_content/CNA/internet/Static Images/arrow.gif);

}



.boxedbullet a { 

	font-size: 12px; 

	color: #336699; 

	text-decoration:underline

}



.boxedbullet a:hover { 

	text-decoration: none; 

}



/* 

-------------------------------------------------------------

-- Styles created for home page redesign, 05/09   --

-------------------------------------------------------------

*/



.DisplayRed {

	color:#cc0000;

	font-size:15px;

	font-weight:bold;

}



.date {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #666;

}



.ResourceChrome {

	padding:5 5 5 inherit;

	color:#000;

	text-transform:capitalize;

	background-color:#e8e8e8;

}

/* 

-------------------------------------------------------------

-- headline styles   --

-------------------------------------------------------------

*/

#header_red_lg {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: normal;

	color: #CC3333;

    	border-bottom: 1px solid #CCCCCC;

    	text-transform: uppercase;

	margin-top: 10px

	

}



#header_red_sm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;	

	color: #CC3333;

    border-bottom: 1px solid #CCCCCC;

	text-transform: uppercase

}



/* Insurance Solutions div IDs and classes */



#RightColumn {

	float:right;

	width: 155px;

	margin:0 0 15px 15px;

}

#RightColumn img { text-align: center; margin-bottom:-3 }



.GreyBox {

width: 100%;

padding: 7px;

background: #f7f7f7;

border: 1px #999 solid;

}



.GreyBorder {

width: 100%;

padding: 7px;

border: 1px #999 solid;

text-align:left;

margin-top:15px;

}



.ListTitle { font-weight:bold; margin-bottom:0; }

.GreyListTitle { font-size: 16px; margin-bottom:0; font-weight:bold; color: #999999; }

.RedListTitle { font-weight:bold; margin-bottom:0; color:#C00; }



.tagline {

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

}

.taglinered {  

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color:#C00; 

}

.taglinered sup {  font-size:9px;  }

.tagline a{

	font-size: 16px;

	font-style: normal;

	font-weight: bold;

	color:336699;

}



.ReverseRed {

	background-color:#C00;

	color:#FFF;

	font-weight: bold;

	padding:5px;

}



.ReverseRed a { color:#fff; font-weight: bold; text-decoration:underline }

.ReverseRed a:hover { color: #fff; text-decoration:none; }

.ReverseRed a:visited { color:#fff; }



.GradientColumn {

	background-image: url(images/GradientColumnBG.jpg);

	padding:5px;

	border-left:1px solid #999;

	vertical-align:top;

	border-top: 1px solid #999;

	border-right: 1px solid #999;

	border-bottom: 1px solid #999;

}



/*SuperScripts*/

.hedsuper{

font-size:10px;

margin-left: -3px;

vertical-align:top;

}



.SMsuper{

font-size:8px;

margin-left: -3px;

vertical-align:top;

}



/* added 12/6/10 */

.whitecopy {

	color: #ffffff;

}



.whitecopy a{

	color: #ffffff;

}



.whitecopy a:hover{

	color: #ffffff;

	text-decoration:none;

}



.whitecopy a:visited{

	color: #ffffff;

}



/* Banners */



#banner {

	width:732px;

	border:1px solid #999;

}



.BannerH1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#333;

}



.BannerH1 a {

	color: #36C;

	text-decoration:underline;

}



.BannerH1 a:hover {

	text-decoration:none;

}



/* HomePageBanner */



.BannerReverseRed {

	background-color:#C00;

	color:#FFF;

	font-weight: bold;

	padding:10px 0 10px 10px;

	font-size:14px;

}



#navcontainer

{

	margin: 0;



}



#navcontainer a

{

display: block;

color: #336699;

background-color: #e2e2e2;

height:20px;

padding-top: .4em;

padding-left:.6em;

padding-bottom:0px;

text-decoration: underline;

}



#navcontainer a:hover

{

background-color: #cccccc;

text-decoration:none;

}



div.BannerImageNav {

height: 79px;

width: 202px;

margin:0;

padding:0;

background-image:url('/vcm_content/CNA/internet/Static Images/Home/Banners/August 2011/FindAnAgent2.jpg');

}
div.BannerImageNavCanada {
	height: 60px;
	width: 197px;
	margin:0;
	padding:0;
	background-image:url('/vcm_content/canada/Home/Static Images/home/womanbotright2.jpg');
}



div.BannerImageNav a, div.nav a:link, div.nav a:visited {

display:block;

}
div.BannerImageNavCanada a, div.nav a:link, div.nav a:visited {
	display:block;
}



div.BannerImageNav img {

width:100%;

height:100%;

border:0;

}
div.BannerImageNavCanada img {
	width:100%;
	height:100%;
	border:0;
}



div.BannerImageNav a:hover img {

visibility:hidden;

}
div.BannerImageNavCanada a:hover img {
	visibility:hidden;
}



/* November 2011 Canada style test */

#canhomebanner {
	height: 270px;
	width: 792px;
}
.canhmleftcol {
	width: 300px;
	margin-right: 3px;
	height: 270px;
	float: left;
}
.canhmrightcol {
	float: left;
	height: 270px;
	width: 489px;
	background-repeat: no-repeat;
	background-image: url('/vcm_content/canada/Home/Static Images/home/womanrightbl.jpg');
}
.canhmtopred {
	/* [disabled]font-family: Arial, Helvetica, sans-serif; */
	/* [disabled]color: #FFF; */
	height: 45px;
	/* [disabled]padding-top: 15px; */
	/* [disabled]padding-right: 10px; */
	/* [disabled]padding-left: 10px; */
	background-image: url('/vcm_content/canada/Home/Static Images/home/redlabel.jpg');
}
.canhmlinks {
	background-color: #E9E9E9;
	/* [disabled]float: left; */
	margin-top: 5px;
	margin-bottom: 5px;
	width: 300px;
}

.canhmbotimage {
	background-repeat: no-repeat;
	height: 81px;
	background-image: url('/vcm_content/canada/Home/Static Images/home/mfr.jpg');
}
.canhmlinks p {
	margin-top: 3px;
	margin-bottom: 8px;
	margin-left: 7px;
}
.canhmfndagnt {
	background-repeat: no-repeat;
	width: 190px;
	height: 40px;
	float: right;
	margin-top: 210px;
	display: block;
}
.canhmfndagnt a img:hover {
	background-image: url('/vcm_content/canada/Home/Static Images/home/findagent2.jpg');
	background-repeat: no-repeat;
	display: block;
}
/* Risk Control Manufacturing landing page banner*/
.rcbannercontainer {
	border: 1px solid #999;
	width: 569px;
	height: 124px;
}
.rcbannercontainer img {
	float: left;
}
.rcbannercontainer a {
	text-align: right;
	padding-right: 20px;
}