

img, div, input { behavior: url("./style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:930px; background:#FFF; font:normal 14px arial; color:#000; }
div.wrapper { width:930px; margin:0 auto; text-align:left; background:#FFF; }

div.header { padding:20px 0; }
	div.header img.logo-nsb { float:left; padding-right:100px; }
	div.header table.contact { float:right; font-size:14px; color:#bf112d; margin:0 44px 0 0; }
		div.header table.contact td { padding:2px 5px; font-weight:bold; }
		div.header table.contact td label { color:#004b8d; text-transform:uppercase; }
		div.header table.contact td a { color:#bf112d; text-decoration:none; }
		div.header table.contact td a:hover { text-decoration:underline; }

div.page {  }
	div.page div.left { float:left; width:675px; background:url(../images/dots-vertical.gif) right 0 repeat-y; padding-right:20px; }
	div.page div.left h1 { background:url(../images/bg-header.gif) 0 0 no-repeat; padding:12px 0 0 15px; width:658px; height:84px; color:#FFF; font-size:28px; }

	ul.top-ten { margin:10px 0; width:672px;}
		ul.top-ten li { border-bottom:1px solid #ccc; cursor:pointer; }
			ul.top-ten li table { width:100%; }
				ul.top-ten li table td { padding:5px; vertical-align:bottom; }
				ul.top-ten li table td.number { width:15px; text-align:right; font-size:15px; font-weight:bold; }
				ul.top-ten li table td.phrase { width:608px; }
					ul.top-ten li table td.phrase a { color:#bf112d; font-size:12px; font-weight:bold; }
					ul.top-ten li table.active td.phrase a { color:#004b8d; }
				ul.top-ten li table td.open-close { width:50px; text-align:right; }

					ul.top-ten li table td.open-close span.open { display:none; color:#666; font-size:11px; text-transform:uppercase; padding:0 12px 0 0; background:url(../images/bg-arrow-down.gif) right 4px no-repeat; }
					ul.top-ten li table td.open-close span.close { display:none; color:#000; font-size:11px; text-transform:uppercase; padding:0 12px 0 0; background:url(../images/bg-arrow-up.gif) right 4px no-repeat; }
					
					ul.top-ten li table.closed td.open-close span.open { display:block; }
					ul.top-ten li table.open td.open-close span.close { display:block; }
		
		ul.top-ten div.content { height:125px; position:relative; cursor:auto; display:none; clear:left; padding:10px 10px 10px 30px; background:url(../images/bg-top-ten.jpg) 0 0 repeat-y; color:#666; }
		ul.top-ten div.content p { line-height:1.4em; }
		
		ul.top-ten li#shade-1 div.content { background:url(../images/bg-top-ten-01.jpg) 0 0 no-repeat; padding-right:300px; }
			ul.top-ten li#shade-1 div.content p { margin-top:15px; }
		ul.top-ten li#shade-2 div.content { background:url(../images/bg-top-ten-02.jpg) 20px 0 no-repeat; padding-right:220px; }
		ul.top-ten li#shade-3 div.content { background:url(../images/bg-top-ten-03.jpg) 0 bottom no-repeat; height:145px; }
		ul.top-ten li#shade-4 ul { list-style-type:disc; }
		ul.top-ten li#shade-4 li { border-bottom:0px; padding:5px;}
		ul.top-ten li#shade-4 div.content { background:url(../images/bg_paint.jpg) 0 bottom no-repeat; height:125px; }
		ul.top-ten li#shade-5 div.content { background:url(../images/bg-top-ten-05.jpg) 0 bottom no-repeat; height:145px; }
		ul.top-ten li#shade-6 div.content { background:url(../images/bg-top-ten-06.jpg) 0 0 no-repeat; padding-right:240px; }
		ul.top-ten li#shade-7 div.content { padding-right:280px; }
		ul.top-ten li#shade-8 div.content { background:url(../images/bg-top-ten-08.jpg) 0 0 no-repeat; padding-right:190px; }
		ul.top-ten li#shade-9 div.content { background:url(../images/bg-top-ten-09.jpg) 0 0 no-repeat; padding-right:240px; }
		ul.top-ten li#shade-10 div.content { padding-right:280px; }
		
		/* brand content*/
		div.branch-container { position:relative; }
			div.branch-container a.branch-trigger { display:block; margin:10px 0; cursor:pointer; }
		div.branch-content { font-size:11px; position:absolute; bottom:10px; left:125px; z-index:9; position:absolute; padding:8px; background:#FFF; border:1px solid #A30823; display:none; }
			div.branch-content h4 { background:#bf112d; padding:5px; color:#FFF; font-weight:bold; margin:0; }
			div.branch-content h4 a.tip-close { float:right; padding:0; margin:0 3px 0 0; color:#FFF; cursor:pointer; text-decoration:none; }
			div.branch-content h4 a.tip-close:hover { text-decoration:underline; }
			div.branch-content table { margin:8px 0; }
				div.branch-content table td { padding:5px 15px 5px 5px; }
	
	
	div.page div.right { float:right; width:212px; }
		div.page div.right ul.buttons {  }
		div.page div.right ul.buttons li { padding:0 0 10px 0; background:url(../images/bg-button-divider.gif) 14px bottom no-repeat; margin:0 0 10px 0; }
		div.page div.right ul.buttons a { font-size:10px; background:url(../images/bg-button.gif) 0 0 no-repeat; display:block; width:188px; height:16px; padding:10px 12px; color:#FFF; font-weight:bold; text-decoration:none; }
		div.page div.right ul.buttons a:hover { text-decoration:underline; }
		
		div.page div.right div.rates { background:url(../images/bg-rates-table.gif) right 0 repeat-y; }
			div.page div.right div.rates h2 { color:#004b8d; background:#FFF url(../images/bg-rates-h2.gif) 0 0 no-repeat; font-weight:bold; font-size:13px; padding:5px 12px 5px 12px; }
			div.page div.right div.rates h3 { color:#000; font-weight:bold; padding:5px 0 0 0; }
			div.page div.right div.rates table { border:1px solid #e5e5e5; border-width:0 1px; width:212px; font-size:11px; padding:6px; }
				div.rates table thead { }
				div.rates table thead td {  background:#999; color:#FFF; font-weight:bold; padding:2px; }
				div.rates table tbody { color:#666; }
				div.rates table tbody td {  padding:2px; }
				div.rates table tbody td.divider { padding:6px 0; background:url(../images/bg-rates-divider.png) 0 5px repeat-x; }
				div.rates table a { color:#666; text-decoration:underline; cursor:pointer; }
				div.rates table a:hover { color:#000; }
			div.rates div.bottom { background:#FFF url(../images/bg-rates-bottom.gif) 0 0 no-repeat; height:11px; }
			
			div.tip-anchor { position:relative; }
			a.tip-trigger {  }
			div.tip { z-index:9; position:absolute; bottom:0; right:10px; width:400px; padding:8px; background:#FFF; border:1px solid #A30823; display:none; }
				div.tip h4 { background:#bf112d; padding:5px; color:#FFF; font-weight:bold; margin:0; }
				div.tip h4 a.tip-close { float:right; margin:0 3px 0 0; color:#FFF; cursor:pointer; text-decoration:none; }
				div.tip h4 a.tip-close:hover { text-decoration:underline; }
				div.tip p { margin:5px 0; line-height:1.4em; }
				div.tip ul { margin:8px 0 8px 20px; list-style-type:disc; line-height:1.4em; }
			
div.footer { position:relative; margin:30px 0; background:url(../images/bg-footer.gif) 0 0 repeat-x; font-size:10px; height:55px; }
	div.footer p.copy { position:absolute; top:20px; left:15px; }
	div.footer p.equal { position:absolute; top:15px; right:135px; padding:15px 0 10px 75px; background:url(../images/bg-equal.gif) 0 0 no-repeat; }
	div.footer div.verisign { position:absolute; top:-8px; right:15px; }
	
	
	
