* 								{margin:0; padding:0;}
body							{background:#e6e6e3; margin:0; font-size:.7em; color:#333; text-align:center; voice-family: "\"}\""; voice-family:inherit; text-align:left;} /*ie5.5 needs align:center, however doesn't display correctly in editor so have to left align*/
body, select, input, textarea	{font-family:verdana, arial, helvetica, sans-serif; }
input, select, textarea, table	{font-size:1em;}

#frame 							{background:#fff; width:779px; margin:auto; padding-bottom:62px; text-align:left;} 
.header							{background:url(/images/bg_header.gif); width:779px ; height:99px;}
.header	.lft 					{float:left; width:474px; padding:19px 0 0 22px;}
.header .rgt					{float:right; padding:21px 22px 0 0; text-align:right;}
.editor 						{width:779px; margin:auto;} 

.header .rgt input.txt			{width:145px; vertical-align:top; min-height:20px;}
.header .rgt input.btn			{vertical-align:top;}
.header	.rgt img				{margin-bottom:10px;}


.bot-utility-links				{width:779px; margin:auto; height:53px; font-size:1em;  text-align:left;}
.bot-utility-links .lft			{float:left; width:482px; padding:19px 0 22px 22px;}
.bot-utility-links ul			{display:inline; list-style:none; margin:0; padding:0;}
.bot-utility-links ul li		{display:inline; background:none;}
.bot-utility-links .lft ul li	{padding:0 6px 0 0;}
.bot-utility-links .rgt			{float:right; width:250px; padding:19px 22px 20px 0; text-align:right;} 
.bot-utility-links .rgt a,		
.bot-utility-links .rgt a:hover	{color:#e44f3d;}
.bot-utility-links .rgt ul		{background:url(/images/icon_rss.gif) no-repeat right; padding:3px 20px 2px 0;}
.footer							{width:779px; w\idth:719px; margin:auto; background:#56aaec; padding:21px 30px 30px 30px; color:#fff; font-size:1em; text-align:center;}
.footer a,
.footer a:hover					{color:#fff;}

.lft-col						{width:492px; w\idth:470px; float:left; padding:0 0 0 22px;}
.rgt-col						{width:225px; float:right; padding:0 22px 0 0;}
p.top							{padding-bottom:10px;}
.full-col						{width:779px; w\idth:737px; padding:0 22px 0 22px; padd\ing:0 21px 0 21px;}

.full-col .col					{width:235px; float:left;}
.lft-col .col					{width:235px; float:left;}
.lft-col .col h2,
.lft-col .col ul				{width:230px;}

.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {height:1%;}

/*general*/
form							{display:inline;}
fieldset						{border:none;}
.fl 							{float: left;}
.fr 							{float: right;}
img 							{border:none;}
a 								{color:#0066cc; text-decoration:none;}
a:hover			 				{color:#0066cc; text-decoration:underline;}
.hide							{display:none;}
.cb								{clear:both;}
.gry							{color:#666;}

/*Headers*/
h1 img							{margin:0 7px 3px 0; vertical-align:middle;}
.rgt-col h2						{margin-bottom:11px !important;}
h2, .heading2					{color:#333;}
h2 a							{color:#333;}
p.p3							{margin-bottom:3px;}
p.p17							{margin-bottom:17px;}
.rgt-col h2						{font-size:1.4em !important;}

/*LISTS*/
ul								{padding:0 0 7px 1.4em; margin-bottom:.8em;}
ol								{padding:0 0 7px 3.2em; margin-bottom:.8em;}
ol li							{padding:0 0 .3em 0;}
ul li							{list-style:none; background:url(/images/bullet_blue_wh.gif) no-repeat left 5px; margin:0; padding:0 0 .3em .9em;}

ul.nav-list						{margin:0 0 4px 0; padding-left:0;}
ul.nav-list li					{list-style:none; background:none; padding:0; padding-bottom:.4em;}
.nav-list-but img				{margin-bottom:20px;}


ul.hor-link-list				{margin-bottom:22px; color:#0066cc; padding-left:0;}
ul.hor-link-list li,
table ul li						{display:inline; list-style:none; background:none; padding:0;}
ul.hor-link-list a				{border-right:solid 1px #0066cc; padding:0 7px 0 0; margin-right:.5em; line-height:150%;}
ul.hor-link-list a.on			{color:#003366; font-weight:bold;}

table ul						{padding:0; margin:-5px 0 0 0;}


/*navigation - utility links*/
.utility-links 					{width:779px; background:#e6e6e3;}
.utility-links ul.lft 			{float:left; padding:12px 0 8px 13px; margin:0;}
.utility-links ul.rgt 			{float:right; padding:4px 21px 0 0; margin:0;}
.utility-links ul li 			{float:left; list-style:none; margin-right:1px; padding:0; background:0;}
.utility-links ul li a 			{float:left; padding:0 8px 0 8px;}
.utility-links ul li.contact 	{background:url(/images/bg_utility_rgt.gif) no-repeat right top; padding:0;}
.utility-links ul li.contact a 	{background:url(/images/bg_utility_lft.gif) no-repeat left top; padding:0 15px 0 15px;}
.utility-links ul li.contact a strong,
.utility-links ul li a span 	{line-height:270%;}


/*navigation - main links*/
.main-links 					{width:779px; background:#56aaec; color:#fff; margin:0 0 23px 0; }
.main-links a 					{color:#fff; text-decoration:none;}
.main-links a:hover				{color:#003467; text-decoration:underline;}
.main-links ul.lft 				{float:left; font-weight:bold; padding:0; padding-left:27px; margin:0; width:512px; w\idth:485px; font-size:1.1em;}
.main-links ul.rgt 				{float:right; text-align:right; padding:0 15px 0 0; margin-bottom:0; width:267px;	w\idth:245px; }

.main-links ul li 				{display:inline; list-style:none; background:none; padding:0;}
.main-links ul li a 			{padding:0 7px 0 7px; line-height:255%; line-height:275%#; border-right:solid 1px #56aaec; border-left:solid 1px #fff; margin-left:-5px;}
.main-links ul.lft li a.on, 		
.main-links ul.lft li a:hover		{background:#82bdec; color:#333; border-left:solid 1px #fff; border-right:solid 1px #fff; padding-top:9px; padding-bottom:9px; text-decoration:none;}
.main-links ul.lft li a.on:hover	{color:#333; text-decoration:none;}
.main-links ul.rgt li a.on,
.main-links ul.rgt li a.on:hover	{color:#333; border-right:0!important;}

/*REMOVES THE LEFT BORDER FROM THE MAIN NAV OFF STATES
THIS DOES NOT WORK FOR IE BROWSERS
.main-links ul li a[href*="caseflow"],
.main-links ul li a[href*="document"] {border-left:solid 1px #56aaec;}
.main-links ul li a[href*="document"].on,
.main-links ul li a[href*="document"]:hover,
.main-links ul li a[href*="caseflow"].on,
.main-links ul li a[href*="caseflow"]:hover {border-right:solid 1px #fff;}
*/
.main-links ul li a.Productsratesfees, 
.main-links ul li a.Documentdownloads {border-left:solid 1px #56aaec;}


 
/*box with rounded corners - right hand column*/
.promo-bl-head,
.promo-wh-head,
.promo-wh,
.promo-bl,
.news-alert						{width:225px; margin-bottom:9px;}

.promo-bl-head					{background:#cce5f9 url(/images/bg_promo_btm.gif) no-repeat left bottom;}
.promo-bl-head h2				{background:url(/images/bg_h2_promo.gif) no-repeat; color:#fff; padding:.9em 0 1.1em 1.2em; margin-bottom:.3em!important;}
.promo-bl-head p				{padding:0 1.3em 0 1.4em;}
.promo-bl-head .img-links		{padding:1.2em 0 1.1em 1.4em;}
.promo-bl-head .img-links a img	{padding:0 .4em 0 0;}



.news-alert						{background:#e3f8d5 url(/images/bg_news_alert.gif) no-repeat left bottom; padding-bottom:21px; }
.news-alert h2					{background:url(/images/h2_news_alert_header.gif) no-repeat; color:#fff; padding:.9em 0 1.1em 1.2em; margin:0 0 .4em 0!important;}
.news-alert h3,
.news-alert .heading3			{font-weight:bold; margin:0 !important;}
.news-alert h3					{padding-left:1.2em;}
.news-alert p					{padding:0 1.3em 0 1.4em; margin:0;}
.news-alert .img-links			{padding:1.2em 0 1.8em 1.4em;}
.news-alert .img-links a img	{padding:0 .4em 0 0;}
.ta-rgt							{text-align:right; width:225px; margin-top:6px;}

.promo-wh-head					{background:url(/images/bg_promo_wh.gif) no-repeat left bottom;}
.promo-wh-head h2				{margin-bottom:.5em;}
.promo-wh-head p				{padding:0 1.3em 0 1.4em;}
.promo-wh-head .img-links		{padding:1.2em 0 1.8em 1.4em;}
.promo-wh-head .img-links a img	{padding:0 .4em 0 0;}

.promo-wh						{background:url(/images/bg_promo_wh.gif) no-repeat left bottom;}
.promo-wh div.top				{background:url(/images/bg_promo_wh_top.gif) no-repeat;}
.promo-wh ul					{margin:-13px 1.5em 13px 1.4em; padding:1.4em 0 1em 0!important; border-top:solid 1px #d2d4d5;}
.promo-wh ul li					{list-style-type:none; padding:0 .7em .4em 0; background:none;}				
.promo-wh ul li a img			{margin-top:10px;}
/*for icon box*/
.promo-wh h2					{padding:0 0 .4em 1em; margin:0; font-size:1.2em !important;}
.promo-wh h3					{padding:0 0 0 1em; margin:0; font-size:1.1em !important;}
.promo-wh .txt					{float:left; padding:0 .6em 1em .6em; color:#666; width:150px;}
.promo-wh .img					{float:left; padding:0 0 1em 1.1em; width:35px;}
.promo-wh .img-links			{padding:0 .5em 1.2em 1.4em;}
.promo-wh .img-links a img		{padding:0 .7em 0 0;}



.acrobat p						{padding:0 1.4em 0 1.4em;}
.acrobat a img					{margin:1.3em .5em 0 1.4em;}
.acrobat ol						{border-top:solid 1px #d2d4d5; margin:1.5em 1.2em 1.2em 1.4em; padding:1.3em 1.4em 1.2em 1.6em;}	
.acrobat ol li					{padding:0 0 .3em 0; background:none;}

.promo-bl						{background:url(/images/bg_promo_bl.gif) no-repeat left bottom; color:#666;}
.promo-bl div.top				{background:url(/images/bg_promo_bl_top.gif) no-repeat;}
.promo-bl h2					{padding:0 0 0 1em; margin-bottom:.2em!important; font-size:1.3em !important;}
.promo-bl p						{padding:0 1.3em 0 1.4em;}
.promo-bl .img-links			{padding:1em .5em 1.2em 1.4em;}
.promo-bl .img-links a img		{padding:0 .7em 0 0;}

.img-links ul					{padding:0; margin:0 0 0 -1px;}
.img-links ul li				{background:none; display:inline; padding:0; margin:0;}	

/*central content area*/
.main-grad-bl-bg				{background:url(/images/bg_blue_block.gif) no-repeat left bottom; width:471px; color:#fff; padding-bottom:1.3em; margin-bottom:.8em;}
.main-grad-bl-bg div.top		{background:url(/images/bg_blue_block_top.gif) no-repeat; padding-bottom:.5em;}
.main-grad-bl-bg h2,
.main-grad-bl-bg h3				{color:#fff;}

.main-grad-bl-bg ul li			{background:url(/images/bullet_blue.gif) no-repeat left 5px;}
.main-grad-bl-bg ul,
.main-grad-bl-bg p, 
.main-grad-bl-bg ol				{padding:0 0 0 1.2em; margin-bottom:0;}
.main-grad-bl-bg ol				{margin-left:22px;}
.main-grad-bl-bg a				{color:#fff; text-decoration:none;}
.main-grad-bl-bg a:hover		{color:#fff; text-decoration:underline;}

.main-bl-bg						{background:url(/images/bg_light_blue_block.gif) no-repeat left bottom; width:471px; padding-bottom:1.3em;  margin-bottom:.8em;}
.main-bl-bg div.top				{background:url(/images/bg_light_blue_block_top.gif) no-repeat; padding-bottom:.5em;}

.calc .main-bl-bg				{background:url(/images/bg_email_updates.gif) no-repeat left bottom; width:556px; padding-bottom:1.3em;  margin-bottom:.8em;}
.calc .main-bl-bg div.top		{background:url(/images/bg_email_updates_top.gif) no-repeat; padding-bottom:.5em;}

.main-bl-bg p,
.main-bl-bg ul,					
.main-bl-bg ol,
.main-bl-bg fieldset			{padding:0 0 0 1.2em; margin-bottom:0;}
.main-bl-bg ol					{margin-left:22px;}
.main-bl-bg h2,
.main-bl-bg h3					{padding:0 0 0 1.2em;}
.main-bl-bg fieldset p			{padding-left:0;}
.contact .main-bl-bg			{margin-bottom:1.6em;}


.find-sales-man					{background:url(/images/bg_findsalesman.gif) no-repeat right bottom; width:240px;  min-height:230px;  padding:0 0 12px 0; float:right;}
.con-multi-map					{background:#ddeefb url(/images/map_blue_cg.gif) no-repeat 334px 0;}
.con-multi-map .txt				{padding:0 0 1.2em 1.2em;}
.con-multi-map .form-con		{padding:0 0 0 1.2em;}
.con-multi-map h2				{padding:0 0 0 1em;}	
.main-bl-bg #place,
.find-sales-man #name,
.form-con #quicksearch,
.form-con #namesearch			{width:175px; height:17px;}
.main-bl-bg fieldset.radio,
.find-sales-man fieldset.radio		{margin:9px 0 0 0;}
.main-bl-bg fieldset.radio input,
.find-sales-man fieldset.radio input {vertical-align:middle;}

.find-sales-man fieldset 		{padding:0; margin:0 15px;}
.find-sales-man #place			{width:120px;}

.main-bl-bg .btn,
.find-sales-man	.btn			{margin-top:11px;}
.find-sales-man label			{color:#666;}


.find-sales-man .map-uk			{min-height:102px; background:url(/images/bg_h3_bdm.gif) no-repeat top right;}
.find-sales-man	h3				{padding:17px 15px 0 15px;}



.main-wh-bg					{background:url(/images/bg_main_white.gif) no-repeat left bottom; width:492px; padding-bottom:1.6em;  margin-bottom:.8em;}
.main-wh-bg div.top				{background:url(/images/bg_main_white_top.gif) no-repeat;}
.main-wh-bg p,
.main-wh-bg ul,					
.main-wh-bg ol					{padding:0 1.2em 0 1.2em; margin-bottom:0;}
.main-wh-bg h2					{padding:0 0 0 1.0em; margin-bottom:.4em;}
.main-wh-bg .heading2			{padding-bottom:.4em; font-weight:bold;}
.main-wh-bg p img				{margin-top:3px;}
.main-wh-bg ol					{margin-left:22px;}


.three-box-col					{float:left; margin-right:22px;}
.main-wh-bg-sm					{background:url(/images/bg_main_white_sm.gif) no-repeat left bottom; width:230px; padding-bottom:1.6em;  margin-bottom:.8em;}
.main-wh-bg-sm div.top			{background:url(/images/bg_main_white_top_sm.gif) no-repeat;}
.main-wh-bg-sm p,
.main-wh-bg-sm ul,				
.main-wh-bg-sm ol						{padding:0 0 0 1.2em; margin-bottom:0;}
.main-wh-bg-sm h2						{padding:0 0 0 1.2em; margin-bottom:.4em;}
.main-wh-bg-sm p img					{margin-top:3px;}
.main-wh-bg-sm ol						{margin-left:22px;}
.three-box-col h3						{margin-bottom:.55em;}	
.three-box-col .main-wh-bg-sm ul		{padding-right:.4em;}
.three-box-col .main-wh-bg-sm ul li		{background:none;}
.last									{margin-right:0;}



/* Tables */

/*User selectable tables - need to be referenced here for dropdown - all other styles in generic so they show in editor preview*/

table.ImmTS_Rates			{border-collapse:collapse;}
table.ImmTS_Popup			{border-collapse:collapse;}

/*Search - plugin*/
#searchBox									{padding:0 0 14px 70px;}
#searchBox input							{width:145px; padding:.2em 0 0 0 ;border:solid 1px #7f9db9;}
#searchBox .Button							{margin-left:10px;}
#searchBox label							{display:none;}
#searchBox img								{vertical-align:top;}

.sitemap ul			{padding-left:0;}
.sitemap ul li		{list-style:none; background:url(/images/bullet_dash.gif) no-repeat left 5px; margin:0; padding:0 0 .5em .9em;}
.sitemap ul li.sitemap-0	{background:none; font-size:1.2em; font-weight:bold; padding-left:0; margin-top:1em;}

.sitemap ul li.sitemap-b1,
.sitemap ul li.sitemap-2	{margin-left:1.1em;}

/* branch locator*/
input#pc,
input#town	{margin-right:2px;}

/*calculator*/
.calc label		{font-weight:bold;}
.calc fieldset	{margin:0 0 1.35em 0;}
.calc fieldset p {margin-top:.5em;}
.calc input.txt,
.calc select	{margin-top:.6em; border:solid 1px #7f9db9; height:18px;}
.calc .result	{font-size:1.2em; font-weight:bold; margin-bottom:.7em;}
.calc .result span {font-size:1.7em; color:#666; }
.calc ul		{padding:0;}
.calc ul li		{background:none; padding:0 0 .4em 0;}

/* Rss Feed Styles */
ul.rssFeed			{list-style:none; margin:0px; margin-bottom:20px; width:40em;}
ul.rssFeed li		{margin-bottom:.75em;}
ul.rssFeed a		{font-size:120%; font-weight:bold;}
ul.rssFeed .desc	{margin-bottom:.2em;}
ul.rssFeed .meta	{}

hr					{border:0; border-top:solid 1px #d2d4d5; height:0;} /*colour doesn't display correctly if done with background*/

/* IFA Avatar */
.avatar {padding:6px 0 0; background:#fff url(/images/bg-avatar-top.gif) no-repeat top center;}
.avatar .editable-copy {color:#fff; padding:7px 10px 6px; background:#00457d url(/images/bg-avatar-gradient.gif) repeat-x bottom left; border:solid 1px #d2d4d5; border-bottom:0;}
	.avatar .editable-copy h2 {display:inline !important; font-size:1em !important; font-weight:normal; color:#fff; margin:0 !important; padding:0 !important;}
	.avatar .editable-copy p {margin:0; padding:0;}
	.avatar .editable-copy p.btn {margin:4px 0 0; padding:0; float:right; clear:right;}
	.avatar .editable-copy a {color:#fff;}

.avatar .surround-flash {text-align:center; border:solid 1px #d2d4d5; border-top:0; border-bottom:0;}
	.avatar .surround-flash img, .avatar .surround-flash object, .avatar .surround-flash embed {display:block; margin:0 auto;}	
.avatar .surround-copy {padding:0 0 6px; background:url(/images/bg-avatar-btm.gif) no-repeat bottom center;}


/* Added 07/09/2009 for the Ask Claire module */
.ask-claire {background:none;}
	.ask-claire .avatar {background:url(/images/bg-ask-claire-top.gif) top center no-repeat;}
		.ask-claire .avatar h3 {font-size:1.45em !important; padding-top:10px; margin-bottom:12px !important;}
	
	.ask-claire .surround-copy {background:url(/images/bg-ask-claire-btm.gif) bottom center no-repeat;}
		.ask-claire .surround-copy .editable-copy {background-color:#57aaec; background-image:none; border:none; padding:9px 10px 6px 18px;}
			.avatar .surround-copy .editable-copy p.btn {margin-top:3px;}
	
/* Added 09/09/2009 for the Find Us module */
.find-bdm {width:100%; padding-bottom:10px;}
	.find-bdm .main-bl-bg {float:left; width:225px; height:185px; margin-right:20px; background-image:url(/images/bg_light_blue_block_find_bdm.gif);}
	.find-bdm .main-bl-bg div.top {background-image:url(/images/bg_light_blue_block_find_bdm_top.gif);}
		.find-bdm .main-bl-bg .form-con input {padding:3px 2px 0 2px;}
		.find-bdm .main-bl-bg select#bdm-contact-url {padding:4px 2px 4px 2px; width:175px; margin-bottom:3px;}
		
	.find-bdm .last {margin-right:0;}

.find-bdm-map {background:url(/images/map_cg_find_bdm.gif) 0px 40px no-repeat; height:240px;}