

body {background-color:#ffffff;color:#000000;font-family:Verdana, Arial, Helvetica, sans-serif;}
.bodynew	{background-color:#ffffff;color:#000000; margin:7px;font-family:Verdana, Arial, Helvetica, sans-serif;}

/* top and footer bar styles */
.logobg			{BACKGROUND-color:#000033}
.footerbg		{BACKGROUND-color:#333366} /** changed **/
.navbg			{BACKGROUND-color:#666699}
.spacerlight 	{BACKGROUND-color:#9999cc}
.spacerdark		{BACKGROUND-color:#333366}
.topbarbg		{width:100%; height:63px; background:url('/apps/standard/natwesttools/common/images/topbarbg.gif') repeat-x; text-align:left; padding:16px 20px; }

.orange {background:#FFC799; font-size:95%; }

P				{color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;}
p.whitetext 	{color:#ffffff; }
p.sectionTitle 	{color:#ffffff; font-size:larger; font-weight:bold;}
p.smalltext 	{color:#000000; font-size:smaller;}
p.boldtemp 		{color:#000000; font-weight:bold;}
.legals 		{color:#666666; font-size:smaller;}

.legal			{color:#666666; FONT-FAMILY:Verdana, Verdana, Arial, Helvetica, sans-serif;}
.compact	{margin-bottom:-7px;}

span.normal		{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; }
span.smalltext	{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:smaller;font-weight:bold;}
span.boldtext 	{font-weight:bold;}
span.smaller	{font-size:smaller;}

.btn 	{color:#000033; background-color:#ccccff;  font-weight:bold; font-size:8pt; font-family:Verdana, Arial, Helvetica; }

ul {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
ol {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}

h1 {font-weight:bold; color:#000000;}
h2 {font-weight:bold; color:#000000;}
h3 {font-weight:bold; color:#000000; font-style:italic;}

.head1 	{font-weight:bold; color:#336666; font-size:large;	font-style:normal;}
.head2 	{font-weight:bold; color:#336699; font-style:normal}
.rider 	{font-weight:bold; font-size:smaller; color:#555555; }
.head-tsub 	{font-size:smaller;}

/* table styles for mortgage tools */
td.morttool {background:#ffffff; color:#000000; font-size:73%; border-top: solid 1px #9999cc; border-bottom: solid 1px #9999cc; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc;}
td.morttool1 {background:#ccccff; color:#000000;font-size:73%; border-top: solid 1px #9999cc; border-bottom: solid 1px #9999cc; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc;}
th.morttool {background:#ccccff; color:#000000; font-size:73%; border-top: solid 1px #9999cc; border-bottom: solid 1px #9999cc; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc;}
h2.morttool {padding:0;  font-size:100%; FONT-WEIGHT:bold}
.input-table {background-color:#FFC799;font-size:130%; }
.indent		{padding-left:10px;}
.pad		{padding:0px 10px 5px 0px;}
.field 		{padding-top:10px;}
.amt		{font-weight:bold;}
.dots-top 	{background:#fff url('/apps/standard/natwesttools/common/images/dot1.gif') repeat-x 0 100%; }
.dots-bottom {background:#fff url('/apps/standard/natwesttools/common/images/dot1.gif') repeat-x 0 3px; }
.note		{color:#636363;}

/* headings for mortgage tools*/
.morttool1 {color:#000000;font-size:100%;FONT-WEIGHT:bold;display:inline;}
.morttool2 {font-size:73%;FONT-WEIGHT:bold;display:inline;}
.morttool3 {font-size:50%;FONT-WEIGHT:bold;display:inline;}
.results {font-size:240%;color:#000;display:inline;}

.invisible {display: none;}

.helptext-number {font-weight:bold;letter-spacing: -0.5mm}

/* table styles for loan Illustrator tools */
th.loantool {background:#ffffff; color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; font-size:73%; border-top: solid 1px #BFE6A3; border-right: solid 1px #BFE6A3;text-align: left;font-weight: normal;}
td.loantool {background:#BFE6A3; color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; font-size:73%;  border-bottom: solid 1px #fff; border-right: solid 1px #fff;}
td.loantool1 {background:#ffffff; color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; font-size:73%; border-top: solid 1px #9999cc; border-bottom: solid 1px #9999cc; border-left: solid 1px #9999cc; border-right: solid 1px #9999cc;}
h2.loantool {FONT-FAMILY: Verdana, Arial, Helvetica;FONT-WEIGHT:bold;display:inline;font-size:100%}


/* table styles for rates */
#ratestable	   		{color:#330000; font-size:1.5em; border:1px #65BE18 solid; width:90%; margin-bottom:15px;}
#ratestable td 		{border:2px #fff solid;}

table.data     	{border-collapse:collapse;}
table.data th  	{font-weight:normal; background: url('/apps/standard/natwesttools/mortgages/images/line_bg.gif') no-repeat 0 100%; border-bottom:1px #65BE18 solid; padding:0.9em 0.5em 0.4em 0.6em; text-align:left; vertical-align:bottom; }
table.data th.header {font-weight:bold; background:none; border:none; padding:0.6em 0.6em 0 0.6em; vertical-align:top; }
table.data th.first  {background:none;}
table.data td 	{vertical-align:top; background:#BFE6A3; padding:0.4em 0.5em 0.2em 0.6em; border:1px #65BE18 solid;}
table.data td.apr    {width:18%; background:#65BE18; font-weight:bold; color:#fff;}
table.data td.wide	{width:40%;}

#loantable	   	{color:#330000; font-size:1.5em; border:1px #65BE18 solid; margin-bottom:15px;}
#loantable td 	{border:2px #fff solid;}
table.loan     	{border-collapse:collapse;}
table.loan th  	{text-align:right; font-weight:normal; background: url('/apps/standard/natwesttools/common/images/vline_bg.gif') no-repeat 100% 0; padding:0.4em 0.5em 0.2em 0.6em; vertical-align:top; }
table.loan th.header {text-align:left; font-weight:bold; background:none; border:none; padding:0.6em 0.6em 0 0.6em; vertical-align:top; }
table.loan td 	{vertical-align:top; background:#BFE6A3; padding:0.4em 0.5em 0.2em 0.6em; border:1px #65BE18 solid;}

hr.green {color:#65BE18;height:1px;}

/*.button-left, .button-right{height:auto; width:auto; font-family: Verdana, Arial, Helvetica; font-size:100%;font-weight:bold; color:#FFFFFF; text-align:center; vertical-align:middle; background-color: #000033;border-bottom:1px solid #000033;border-right:1px solid #000033;border-top:1px solid #9999CC;border-left:1px solid #9999CC;overflow: visible;padding: 1px 5px 1px 5px;cursor:hand;}*/

.button-close {height:auto; width:auto; font-family: Verdana, Arial, Helvetica; font-size:100%;font-weight:bold; color:#000000; text-align:center; vertical-align:middle; background-color: #ccccff;border-bottom:1px solid #ccccff;border-right:1px solid #ccccff;border-top:1px solid #ccccff;border-left:1px solid #ccccff;overflow: visible;cursor:hand;}

/* Error Box */
.error-list{}
.error-list-item{line-height:1em;margin-left:15px;color:#cc0000;}
.error-box{font-family: Verdana, Arial, Helvetica;color:#cc0000;border: 2px solid #cc0000;padding:5px;margin-top:10px;width:480px}

/* Terms and Conditions - Accept Link */
.ab-box-arrow-personal{border:1px solid #CCCCFF;background-image:url('/apps/standard/common/images/ab_box_arrow_bg_personal.gif');background-repeat:no-repeat;padding-left:16px;cursor:hand}

.ab-box-header-txt{font-weight:bold;font-family:Verdana,Arial,Helvetica;}
.ab-box-header-txt a{font-weight:bold;color:#000000;text-decoration:none;}

.copy{font-family:Verdana,Arial,Helvetica;font-size:73%;color:#000000;}
.copy a{text-decoration:underline;font-weight:normal;color:#000000;}
.copy a:visited{text-decoration:underline;font-weight:normal;color:#666699;}
.copy a:hover{text-decoration:underline;font-weight:normal;color:#9999cc;}

TD 			  {color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; font-size:68%}
TH  		  {color:#000000; FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif; font-size:68%} 
td.th1 		{background:#ccccff; color:#000000; font-family:Verdana, Arial, Helvetica; font-weight:bold; vertical-align:top; }
.poptable 	  {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:20px; font-size:73%;}
.headercell   {background:#6699CC; valign:top; align:left; padding-right:2px; padding-left:10px; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bodycell  	  {background:#FFFFFF; valign:top; align:left; padding-right:2px; padding-left:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:smaller}
.hilitecell   {background:#EEEEEE; valign:top; align:left; padding-right:2px; padding-left:10px; font-weight:bold; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:smaller}
.hdrcellsmall {background:#6699CC; valign:top; align:left; padding-right:2px; padding-left:10px; font-size:smaller; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif;}

a:link		{color:#000000; text-decoration:underline;}
a:visited	{color:#333366; text-decoration:underline;}
a:active	{color:#666699; text-decoration:underline;}
a:hover		{color:#666699; text-decoration:underline;}

a.bbnd 		{font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; color:#000000; text-decoration:underline;}
a.pagelink 	{font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; color:#000000;}

div.Buttons		{position:absolute; z-index:6; top:59; left:402; visibility:visible}
div.divLogo		{position:absolute; z-index:1; top:0;  left:0;  visibility:visible}
div.Header 		{position:absolute; z-index:1; top:10; left:10; height:107; width:649; visibility:visible}
div.PopTitle 	{position:absolute; z-index:1; top:0;  left:50; visibility:visible}
div.PopHead 	{position:absolute; z-index:1; top:41; left:8;  visibility:visible}
div.Header1		{position:absolute; z-index:1; top:16; left:30; visibility:visible}
div.Header2		{position:absolute; z-index:1; top:62; left:30; visibility:visible}
div.PicBox 		{position:absolute; z-index:1; top:130; left:430; visibility:visible}
div.PopPicBox 	{position:absolute; z-index:1; top:110; left:413; visibility:visible}
div.Content		{position:absolute; z-index:5; top:110; left:37; width:480; visibility:visible}

div.PopHeading 	{position:absolute; z-index:1; top:43; left:44; visibility:visible}
div.PopContent	{position:absolute;z-index:5;top:90;left:50;width:480;visibility:visible}
div.PopTitle2 	{position:absolute; z-index:1; top:6; left:62; visibility:visible}
div.PopMain 	{position:absolute; z-index:5; top:56;left:70; width:480; visibility:visible}


/*.button-left, .button-right {background: url('/apps/standard/natwesttools/common/images/nwb_bcg3.gif') repeat-x 0 0 #D6D3E7; width:8em; font:bold 80% Verdana, Arial, Helvetica; color:#000; border:1px solid #7474aa; padding:0; margin:0 0 0 1em;}
*/
.t	{background: url('/apps/standard/natwesttools/common/images/btn_t.gif') repeat-x 0 0 #E6E6E8; width:5em; margin:1em 0em; position:relative;}
.b	{background: url('/apps/standard/natwesttools/common/images/btn_b.gif') repeat-x 0 100%; position:relative;}
.l	{background: url('/apps/standard/natwesttools/common/images/btn_s.gif') repeat-y 0 0; position:relative;}
.r	{background: url('/apps/standard/natwesttools/common/images/btn_s.gif') repeat-y 100% 0; position:relative; }
.tl	{background: url('/apps/standard/natwesttools/common/images/btncorner_tl.gif') no-repeat 0 0; position:relative;}
.tr	{background: url('/apps/standard/natwesttools/common/images/btncorner_tr.gif') no-repeat 100% 0; position:relative;}
.bl	{background: url('/apps/standard/natwesttools/common/images/btncorner_bl.gif') no-repeat 0 100%; position:relative;}
.br	{background: url('/apps/standard/natwesttools/common/images/btncorner_br.gif') no-repeat 100% 100%; position:relative; }


.btn1	{margin:1px; width:8em; color:#363636; border:none; cursor:hand; 
		 background-color:transparent; padding:0; font:normal 110% Arial, Helvetica; text-align:center;}
.btnwide	{margin:1px; width:12em; color:#363636; border:none; cursor:hand; 
		 background-color:transparent; padding:0; font:normal 110% Arial, Helvetica; text-align:center;}	 
.btn1close {margin:1px; width:8em; color:#363636; border:none; cursor:hand; 
		 background-color:transparent; padding:0; font:normal 110% Arial, Helvetica; text-align:center;}
 
		 
.t2		{background: url('/apps/standard/natwesttools/common/images/btn_t.gif') repeat-x 0 0 #E6E6E8; width:5em; margin-right:1em; position:relative;}
.b2		{background: url('/apps/standard/natwesttools/common/images/btn_b.gif') repeat-x 0 100%; position:relative;}
.l2		{background: url('/apps/standard/natwesttools/common/images/btn_s.gif') repeat-y 0 0; position:relative;}
.r2		{background: url('/apps/standard/natwesttools/common/images/btn_s.gif') repeat-y 100% 0; position:relative; }
.tl2	{background: url('/apps/standard/natwesttools/common/images/btncorner_b_tl.gif') no-repeat 0 0; position:relative;}
.tr2	{background: url('/apps/standard/natwesttools/common/images/btncorner_b_tr.gif') no-repeat 100% 0; position:relative;}
.bl2	{background: url('/apps/standard/natwesttools/common/images/btncorner_b_bl.gif') no-repeat 0 100%; position:relative;}
.br2	{background: url('/apps/standard/natwesttools/common/images/btncorner_b_br.gif') no-repeat 100% 100%; position:relative; }
		 
		 /* sHtml+='<div class="t"><div class="r"><div class="l"><div class="b"><div class="tl"><div class="tr"><div class="bl"><div class="br">';
sHtml+='</div></div></div></div></div></div></div></div>'; */
