@import url("cms.css");

body									{	font-family: Arial, Helvetica, sans-serif; 
											background:#c8c8c8 url(../images/background.jpg) top center fixed; color:#6b6b6b; font-size:0.8em; line-height:1.5em;}

*										{	margin:0px;	padding:0; border-collapse:collapse; list-style:none; vertical-align:top;}



iframe#cals								{	width:100%; height:550px; border:none;}
iframe.ticker							{	background:none; width:960px;}



/* H1 - H6 Headers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1										{	font-size:1.8em; padding:0 0 0.3em 0; font-weight:normal; color:#090e7d;}
h2										{	font-size:1.3em; padding:0.5em 0 0 0; color:#090e7d; }
h3										{	font-size:1em; padding:0 0 0em 0; color:#090e7d; }
h4										{	font-size:1.4em; padding:0 0 0.3em 0; font-weight:normal;}



.siteMap								{	 float:left; padding:2em 0 0 0 }


.smHeader								{	font-size:1.3em; padding:0 0 0.3em 0; font-weight:normal;text-decoration:none; color:#090e7d; }
.smHeader:hover							{	text-decoration:underline;}


.siteMap ul 							{	/*border:1px solid red; */ min-height:150px; width:230px;  }
.siteMap ul a							{	text-decoration:none;}
.siteMap ul a:hover						{	text-decoration:underline;}

/* Anchors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a										{	color:#090e7d; outline:none;}
a:hover									{	color:#6b6b6b;}

a img									{	border:none;}

p										{	padding:0.5em 0; }
.para									{	padding:0em 0 0.2em 0; display:block; }


ol										{	padding:0.5em 0 0.5em 0.5em;}
ol li									{	line-height:1.22em; list-style-type:decimal; margin:0 0 0.5em 1.5em;}

ol ul li								{	list-style-type:none;}

ul										{	padding:0.5em 0 0.5em 0;}
li										{	padding:0 0 0 1em; margin:0 0 0.5em 0; line-height:1.22em; background-repeat: no-repeat; background-position:0px 4px }

.ulList									{	padding:0.5em 0 0.5em 0;}
.ulList	span							{	padding:0 0 0 1em; margin:0 0 0.5em 0; line-height:1.22em;background-image:url(../images/arrow_listBlue.gif); background-repeat: no-repeat; background-position:0px 4px; float:left; clear:both; display:block;}

ul ul									{	padding:0; margin:0.5em 0;}
ul ul li								{	line-height:1em;}

table									{	/*border:1px solid #dcdcdc*/	}
table tr th								{	color:#090e7d;  border:1px solid #dcdcdc; border-bottom:1px solid #fff;background:url(../images/tableThGrad.gif) repeat-x bottom left;
											padding:0.7em 0.5em ; text-align:left; /*background:#f1f1f1; */}
table tr td								{	border:1px solid #fff; padding:0.5em; background:#f1f1f1;}


/* Floats ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left									{	float:left;}
.right									{	float:right;}

.strong									{	font-weight:bold;}

/* Clears ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.clear								{	clear:both; display:block; height:1px;}
div.hr									{	background:#c9c9c9; border-bottom:2px solid #fff; display:block; height:1px; margin:2em 0 0.5em 0; clear:both;}


/* Corners ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.TL, .TR, .BL, .BR						{	background-image: url(../images/corners.gif); width:9px; height:9px; display:block; font-size:1px; position:absolute; overflow:hidden; line-height:1px}

.TL										{	background-position:top left; top:0px; left:0px;}
.TR										{	background-position:top right; top:0px; right:0px;}
.BL										{	background-position:bottom left; bottom:0px; left:0px;}
.BR										{	background-position:bottom right; bottom:0px; right:0px;}

/* Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


form.contact							{	display:block; float:left; clear:left; margin-bottom:20px;}
form.contact div						{	min-height:50px; display:block; clear:right;}

form.contact label						{	float:left; display:block; margin-bottom:2px; width:700px; clear:both;}
form.contact input.name					{	float:left; margin-bottom:20px; width:230px; clear:both;}
form.contact textarea.address			{	float:left; margin-bottom:20px; width:230px; clear:both;}
form.contact input.tel					{	float:left; margin-bottom:20px; width:230px; clear:both;}
form.contact input.email				{	float:left; margin-bottom:20px; width:230px; clear:both}
form.contact input.submit				{	float:left; margin-bottom:20px; clear:both;}
form.contact input.checkbox				{	float:left; display:block;}
.checkBoxDiv div						{	height:10px; min-height:20px!important; line-height:12px;}



#wrapper								{	/*min-height:800px; */width:950px; margin:10px auto 10px auto; background:#FFFFFF; position:relative; 
											
											-webkit-box-shadow: rgb(136, 136, 136) 0px 1px 5px;
											-moz-box-shadow:0px 0px 5px #888888;
											
											-moz-border-radius:10px;
											-webkit-border-radius:10px;}

#header									{	height:108px; background:url(../images/headerGrad.gif) repeat-x; 
											-moz-border-radius-topright:10px;
											-moz-border-radius-topleft:10px;
											-webkit-border-top-right-radius:10px; 
											-webkit-border-top-left-radius:10px;
										}
.navUpper								{	width:312px; padding:0; height:37px; background:url(../images/navUpper.gif) no-repeat; position:absolute; right:18px; top:0px; text-align:center; }
.navUpper li							{	text-align:center; padding:0; display:inline-block;}										
.navUpper a								{	color:#FFFFFF; text-decoration:none; margin:10px 9px; text-align:center; display:inline-block }
.navUpper a:hover						{	text-decoration:underline;}

.menu									{	height:49px; background:url(../images/menuGrad.gif) repeat-x; position:relative; z-index:443 }

.menu ul								{	padding:0; float:left; width:720px; margin-left:20px; position:relative; z-index:3;}

.menu li								{	float:left; padding:0; position:relative; }
.menu a									{	text-decoration:none; margin-top:6px; padding:0 18px 0 20px; line-height:34px; display:inline-block; position:relative; color:#090e7d;}
.menu a:hover, .menu a.on				{	background: url(../images/tabGrad.gif) repeat-x; color:#FFFFFF;}
						
.menu a span.left						{	position:absolute; height:33px; width:34px;  bottom:1px; left:-7px;  z-index:2; font-size:1px; cursor:pointer;}
.menu a span.right						{	position:absolute; height:33px; width:34px; bottom:1px;  right:-7px; z-index:2; font-size:1px; cursor:pointer;}

.menu a:hover span.left, 
.menu a.on span.left					{	position:absolute; height:33px; width:34px; background: url(../images/tab.gif) bottom left no-repeat; bottom:1px; left:-17px; z-index:2}
.menu a:hover span.right,
.menu a.on span.right					{	position:absolute; height:33px; width:34px; background: url(../images/tab.gif) bottom right no-repeat; bottom:1px;  right:-17px; z-index:2; }

.menu a.home							{	width:21px; padding:0; margin-left:31px; height:28px; background:url(../images/iconHome.gif) center left no-repeat; float:left; text-indent:-9999px; display:block;  }
.menu a.home:hover						{	background:url(../images/iconHome.gif) center right no-repeat;}
	
.menu a.homeNew							{	text-indent:-9999px; width:21px; position:relative; padding-left:18px; display:block;}	
.menu a.homeNew	span.iconHome			{	background:url(../images/iconHome.gif); width:21px; height:19px;  display:block; position:absolute; top:5px; left:18px;}
.menu a.homeNew:hover span.iconHome		{	background:url(../images/iconHome.gif) center right no-repeat;}	
	
	
.menu a.on span.iconHome				{	background:url(../images/iconHome.gif) center right no-repeat; width:21px; height:19px; display:block; position:absolute; top:5px;}
		
.menu a span.arrow						{	width:8px; height:12px; background:none; position:absolute; z-index:10; text-indent:-9999px;}	
.menu a:hover span.arrow,
.menu a.on span.arrow					{	width:8px; height:12px; background:url(../images/arrow_White.gif) no-repeat; position:absolute; left:10px; top:11px; z-index:10; text-indent:-9999px;}	
	

	



ul.subnav								{	display:none; width:170px; /*border-right:1px solid #333; border-bottom:2px solid #333;*/ left:0px; top:40px; float:left; position:absolute;  
											margin:0; z-index:1; background:#FFF;}
										
							
			
ul.subnav ul							{	width:auto; margin:0; padding:0; background:#f1f1f1; width:150px; }

ul.subnav li							{	padding:0; margin:0;}	


ul.subnav a								{	padding:0.5em 5px; margin:0; width:140px; height:auto; background:none; line-height:1.5em;}

ul.subnav a:hover						{	padding:0.5em 5px; margin:0; width:140px; height:auto; background:none #2161a2;}


ul.subnav ul li a						{	float:left; display:block; width:130px; margin:0; padding:0.5em 5px 0.5em 15px; font-size:0.85em; /*line-height:1.7em; */}	
ul.subnav ul li a:hover					{	float:left; display:block; width:140px; margin:0; padding:0.5em 5px; font-size:0.85em; /*line-height:1.7em; */}		
			
			
			
			
										
ul#topNav li:hover ul.subnav			{	display:; position:absolute; top:40px; left:0px; width:150px;}
ul.subnav:hover							{	display:block;}

									

/*




ul.topnav li ul.subnav li				{	clear:both; width:150px; height:auto!important; background:none!important; position:relative; border:1px solid red  }

html ul.topnav li ul.subnav li a 		{	padding:0.5em 3px 0.5em 10px; font-size:0.85em; height:auto!important; line-height:1.3em!important; float:left; width:146px!important; display:block; border:none!important; 
											background-color:#666666!important; background-image:none!important; text-shadow:none!important; text-align:left; color:#FFFFFF!important;}
											
html ul.topnav li ul.subnav li.clear a 	{	color:#00FF00; }

html ul.topnav li ul.subnav li a:hover 	{	background: #e8e6d1!important; color:#7f7f7f!important; }


*/

									
.logo_PF								{	text-decoration:none; width:229px; height:53px; position:absolute; text-indent:-9999px; background:url(../images/logo_PF.gif) no-repeat; top:31px; left:40px; 	}

.strapline								{	text-decoration:none; width:333px; height:35px; position:absolute; top:45px; left:312px; 	}

.telephone								{	position:absolute; width:198px; height:22px; display:block; 
                                            background:url(../images/telephoneNo.gif); right:70px; top:50px; text-indent:-9999px}									

#header .email	a						{	position:absolute; width:198px; height:23px; display:block; 
                                            right:70px; top:78px;background:url(../images/emailPF198x23.gif);text-indent:-9999px}

#header .emailJS a						{	position:absolute; width:254px; height:23px; display:block; 
                                            right:20px; top:78px;background:url(../images/emailJS254x23.gif);text-indent:-9999px}
																
form#searchform							{	width:160px; height:25px; line-height:25px; position:absolute; top:8px; right:28px; display:block;}	

#searchInput							{	width:140px; height:17px; background:url(../images/searchBox.gif); padding:5px 10px 3px 10px;  border:none; color:#090e7d;}									

#searchSubmit							{	width:15px; height:16px; outline:none; background: url(../images/zoom.gif); border:none; cursor:pointer; position:absolute; right:7px; top:5px;}



#flashBanner							{	padding:10px 10px 0px 10px; background:#fff; position:relative; height:299px;}

#flashBanner .flash						{	 z-index:1; position:relative; height:299px; width:930px; background:url(../images/driverGradFlash.gif) repeat-x;	}



#newsOverlay							{	width:244px; height:299px; position:absolute; display:block; top:10px; right:30px; z-index:222;}


#body									{	background:#FFFFFF; min-height:400px; position:relative; z-index:1;}




#newsFeed								{	height:30px; background:#fff; padding:0 10px; font-size:0.85em; line-height:30px; position:relative; overflow:hidden;}
marquee									{	position:absolute; width:820px; height:30px; top:0px; left:100px; z-index:100;}
marquee a								{	position:relative; float:none;}
marquee a:hover							{	position:relative; text-decoration:underline; float:none; left:0; top:0}


#newsFeed p								{	padding:0;}
#newsFeed b								{	color:#090e7d;}
#newsFeed a								{	text-decoration:none; padding:0 10px 0 12px; background:url(../images/arrowNews.gif) 2px 2px  no-repeat; }
#newsFeed a:hover						{	text-decoration:underline;}

#driverWrap								{	height:213px; background:url(../images/driverGrad.jpg) repeat-x;}
#driverBar								{	height:10px; background:url(../images/driverGrad.jpg) repeat-x;}


.driver									{	height:144px; width:205px; padding:48px 10px 0px 10px; 
											background-color:#fff; background-image: url(../images/driverGrad.gif); background-repeat:repeat-x; background-position:bottom left; display:block; float:left; 
											margin: 10px 0 0 10px; overflow:hidden;
											-moz-border-radius:7px; position:relative; 
											-webkit-border-radius:7px; text-decoration:none;
											font-size:0.90em;}
											
.driver img                             {   float:left; margin:0 5px 5px 0; }		
											
.driver:hover							{	background-image: url(../images/driverGradOver.gif);
											-webkit-box-shadow: rgb(50, 50, 50) 0px 0px 50px;
											}											
											
.driver	li								{	background-image:url(../images/arrow_listBlue.gif);}											
											
.driverLink								{	height:38px; background:url(../images/driverTabs.gif) no-repeat; display:block; text-indent:-9999px; position:absolute; width:225px; left:0; top:0;
											-moz-border-radius-topright:6px;
											-moz-border-radius-topleft:6px;
											-webkit-border-top-right-radius:6px; 
											-webkit-border-top-left-radius:6px;
										}

.driver:hover .driverLink				{	background:url(../images/driverTabs.gif) no-repeat right; }
.driverLink span						{	width:162px; height:18px; display:block; position:absolute; top:13px; left:10px; }										

.financial span							{	background:url(../images/financialNews.gif) no-repeat; }

/*
.whyPf span								{	background:url(../images/whyPf.gif) no-repeat; }
.calculators span						{	background:url(../images/calculators.gif) no-repeat; }
*/

.financial span							{	background:url(../images/financialNews.png) no-repeat; }
.informed span							{	background:url(../images/keep_informed_title.png) no-repeat; }
.mortgage span							{	background:url(../images/mortgage_title.png) no-repeat; }
.remortgage span						{	background:url(../images/remortgage_title.png) no-repeat; }
.blog span							    {	background:url(../images/viewpoint_title2.png) no-repeat; }
.bestbuys span							{	background:url(../images/best_buys_title.png) no-repeat; }

.testimonials span						{	background:url(../images/testimonials_title.png) no-repeat; }
.casestudies span						{	background:url(../images/case_study_title.png) no-repeat; }
 

.driver:hover .financial span			{	background:url(../images/financialNews.png) right no-repeat; }
.driver:hover .informed span			{	background:url(../images/keep_informed_title.png) right no-repeat; }
.driver:hover .bestbuys span			{	background:url(../images/best_buys_title.png) right no-repeat; }
.driver:hover .mortgage span		    {	background:url(../images/mortgage_title.png) right no-repeat; }
.driver:hover .remortgage span			{	background:url(../images/remortgage_title.png) right no-repeat; }
.driver:hover .blog span			    {	background:url(../images/viewpoint_title2.png) right no-repeat; }

.driver:hover .testimonials span		{	background:url(../images/testimonials_title.png) right no-repeat; }
.driver:hover .casestudies span		{	background:url(../images/case_study_title.png) right no-repeat; }

/*
.driver:hover .whyPf span				{	background:url(../images/whyPf.gif) right no-repeat; }
.driver:hover .calculators span			{	background:url(../images/calculators.gif) right no-repeat; }
.driver:hover .bestBuys span			{	background:url(../images/bestBuys.gif) right no-repeat; }
*/

.iconCalc								{	width:54px; height:55px; background:url(../images/iconCalc.jpg); position:absolute; bottom:10px; right:10px;}


#footer									{	height:87px; height:107px; background:url(../images/footerGrad.gif) repeat-x #c8c8c8; padding:10px 20px;
											-moz-border-radius-bottomright:10px;
											-moz-border-radius-bottomleft:10px;
											-webkit-border-bottom-right-radius:10px; 
											-webkit-border-bottom-left-radius:10px;
										}
#footer	p								{	text-align:center; font-size:0.80em; line-height:1.2em}






.newsHeader								{	height:47px; width:244px; background:url(../images/latestNews.png) no-repeat; text-indent:-9999px; font-size:1px; display:block;}


.newsItem								{	height:64px; background:url(../images/newsGrad.png) repeat-x bottom left; font-size:0.85em; line-height:1.4em; 
											display:block; text-decoration:none; color:#FFFFFF; padding:10px 1.5em 10px 1.5em; overflow:hidden; text-align:;}	
											
																
.newsItem:hover							{	background:url(../images/newsGrad.png) repeat-x top left;}


.newsItem span							{	display:block; padding-right:3.5em; font-size:1.1em; position:relative; }

.newsItem:hover span					{	color:#fff;  }

.newsItem span span						{	color:#ffd8c0; font-size:0.9em; margin-top:0.5em; padding:1.3em 0.5em 0 0;  text-align:right; display:block; position:absolute; top:30px; right:30px; }
.newsItem:hover span span				{	color:#ffd8c0; }







#leftNav								{	float:left; min-height:300px; position:relative;}

#leftNav .menu							{	width:181px; min-height:132px; height:auto; background:#f1f1f1 url(../images/leftNavGrad.gif) repeat-x top; margin:10px 10px 0 10px;
											padding:0 0 20px 0; position:relative; clear:both;
											
											-moz-border-radius-bottomright:7px;
											-moz-border-radius-bottomleft:7px;
											-webkit-border-bottom-right-radius:7px; 
											-webkit-border-bottom-left-radius:7px;		
																				
										}
										
										
										
#leftNav .calculators, .sideNav_About, .sideNav_Calculators, .sideNav_News, .sideNav_Best_Buys, .sideNav_My_Private_Finance, 
.sideNav_Contact, .sideNav_PARTNERS, .sideNav_Best_buys, .sideNav_Legal, .sideNav_Office, .sideNav_sitemap, .sideNav_Search, .sideNav_Disclaimer, .sideNav_Register,
.sideNav_Remortgage,.sideNav_Mortgage
	
										{	height:42px; border-bottom:1px solid #fff; font-size:1px; text-decoration:none; display:block; text-indent:-9999px; 
											background-repeat:no-repeat; background-position:10px 13px;
										}
											
.sideNav_About							{	background-image: url(../images/leftNavHeader_about.gif);}
.sideNav_Calculators					{	background-image: url(../images/leftNavHeader_calculators.gif);}	
.sideNav_News							{	background-image: url(../images/leftNavHeader_news.gif);}
.sideNav_Best_buys						{	background-image: url(../images/leftNavHeader_buys.gif);}	
.sideNav_My_Private_Finance				{	background-image: url(../images/leftNavHeader_mypf.gif);}
.sideNav_Contact						{	background-image: url(../images/leftNavHeader_contact.gif);}
.sideNav_PARTNERS						{	background-image: url(../images/leftNavHeader_partners.gif);}
.sideNav_Legal							{	background-image: url(../images/leftNavHeader_legal.gif);}
.sideNav_Office							{	background-image: url(../images/leftNavHeader_office.gif);}
.sideNav_sitemap						{	background-image: url(../images/leftNavHeader_sitemap.gif);}
.sideNav_Search							{	background-image: url(../images/leftNavHeader_Search.gif);}
.sideNav_Disclaimer                     {	background-image: url(../images/leftNavHeader_disclaimer.gif);}
.sideNav_Register                       {	background-image: url(../images/leftNavHeader_register.gif);}

.sideNav_Remortgage                       {	background-image: url(../images/leftNavHeader_remortgage.png);}
.sideNav_Mortgage                      {	background-image: url(../images/leftNavHeader_mortgage.png);}

										
/*#leftNav .calculators:hover			{	background:none; background: url(../images/leftNavHeader_calculators.gif) no-repeat 10px 13px;}*/										


#leftNav .menu ul						{	padding:0; margin:0; width:181px; }

#leftNav .menu ul li					{	padding:0; margin:0; width:181px; }

#leftNav .menu ul li a					{	border-bottom:1px solid #fff;  line-height:1.6em;  text-decoration:none; display:block; padding:0.4em 0 0.4em 1.7em; 
											margin:0; background: url(../images/arrowSideNav.gif) no-repeat 5px 10px; background:none;}
											
#leftNav .menu ul li a:hover			{	background:#103774 url(../images/arrowSideNavOver.gif) no-repeat 5px 10px; color:#FFFFFF;}


#leftNav .menu ul .sideNavLiOn a		{	background:#103774 url(../images/arrowSideNavOver.gif) no-repeat 5px 10px; color:#FFFFFF; }
#leftNav .menu ul ul.sideNavLev2 li a		{	background:#dedede; background-color:#dedede; padding:0.4em 0.4em 0.4em 2em; margin:0; font-size:0.85em; color:#6b6b6b; text-decoration:none;  line-height:1.5em; border-bottom:none; }

#leftNav .menu ul li ul li.sideNavLiOn a		{	background:#dedede !important; text-decoration:underline;}


#leftNav .menu ul ul					{	border-bottom:1px solid #fff; /*background:url(../images/driverGrad.jpg) top left repeat-x;*/ }



#leftNav .menu ul ul li					{	}



#leftNav .menu ul ul li	a				{	background:none; padding:0.4em 0.4em 0.4em 2em; margin:0; font-size:0.85em; color:#6b6b6b; line-height:1.5em; border-bottom:none;}
#leftNav .menu ul ul li a:hover			{	background:none; color:#6b6b6b; text-decoration:underline; 	}





#banner,
#banner_About,
#banner_Calculators,
#banner_News,
#banner_Best_buys,
#banner_My_Private_Finance,
#banner_Contact,
#banner_TOP_NAVIGATION,
#banner_PARTNERS,
#banner_Office,					
#banner_								{	height:150px; float:left; width:739px; margin:10px 0;}



#banner_About							{	background: url(../images/contentAbout.jpg); }
#banner_Calculators						{	background: url(../images/contentCalculators.jpg); }
#banner_News							{	background: url(../images/contentNews.jpg);}
#banner_Best_buys						{	background:url(../images/contentBuys.jpg);}
#banner_My_Private_Finance				{	background:url(../images/contentMypf.jpg);}
#banner_Contact							{	background:url(../images/contentContact.jpg);}
#banner_TOP_NAVIGATION					{	background:url(../images/contentContact.jpg);}
#banner_PARTNERS        				{	background:url(../images/contentContact.jpg);}
#banner_Office                          {	background:url(../images/contentMypf.jpg);}
#banner_								{	background:url(../images/contentContact.jpg);}

#content,#contentFullWidth				{	float:left; min-height:400px;position:relative;}

#content								{	width:679px;padding:0.5em 40px 2em 20px; }
#contentFullWidth                       {	width:950px;padding:0; }

#content ul, #content ol				{	margin-left:-12px;}
#content ul li							{	background:url(../images/arrow_listBlue.gif) no-repeat 0 3px;}
#content ol li							{	margin-left:6px; padding-left:0;}




.intro									{	font-weight:bold;}

.smallPrint								{	font-size:0.8em; width:240px; display:inline; position:relative; top:170px; left:5px; position:absolute;  }
.smallPrint	span						{	text-decoration:underline; position:relative; }


table#search							{	width:95%;}

div.newsSeparator						{	min-height:100px; padding:0.5em 0 1em 0; border-top:1px solid #ccc; margin:1em 0}


#portalLogin div input 
                                        {width:150px;}
                                        
.error                             {color:red;}

#contacts tr:nth-child(odd) td  {
	background-color:#F1F1F1;height:20px;
	}

#contacts tr:nth-child(even) td  {
	background-color:#fff;height:20px;
	}

/* Browser Hacks :) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Super Safari ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*ul.subnav li a 							{	width:131px; }*/

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ THE BROWSER OF PAIN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ IE SUX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

*html #selector							{	background:url(../images/ie6/menuEdgesLeftIE6.png); behavior: url(css/iepngfix.htc);}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Seven Hell ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



html>body ul.className 					{	*top:5px; *left:9px; *position:absolute; *background:url(../images/cornersDarkGrey.png) top left;}


/* Browser Hacks Ends :) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Super Safari ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul li								{	line-height:1.3em;	}


}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Seven Hell ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html>body ul ul							{	*padding:0;}


/* ~~~~~~~~~~~~~~~~ Eight's At it too! ADD \9 to the end ~~~~~~~~~~~~~~~~ */

#className								{	background:url(../images/menuEdgesIE7.png) top left\9;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ ADMIN EDIT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#admin											{	background: #999999; border-bottom: 1px solid #000000; height: 16px; line-height: 16px; padding: 2px 20px; font-size: 11px;}
#admin a, #admin p								{	color: #FFFFFF !important; border: 0px !important; }
#admin a:hover     								{	text-decoration: underline !important; border: 0px !important; }
#admin a.editHome								{	background: url(/images/admin_home.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; }
#admin a.editPage								{	background: url(/images/admin_edit.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; }
#admin a.xmlView								{	background: url(/images/admin_xml.png) no-repeat !important; padding: 2px 0px 2px 20px !important; margin: 1px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */