@import url("generic.css");

.logo_PF					{	text-decoration:none; left:30px; width:580px; height:62px; position:absolute; text-indent:-9999px; background: url(../images/jsLogo.gif); top:28px; left:40px; 	}

.telephone					{	background:url(../images/jsTel.gif) left top; width:202px;}	

.menu a:hover span.left, 
.menu a.on span.left					{	background: url(../images/js_tab.gif) bottom left no-repeat;}
.menu a:hover span.right,
.menu a.on span.right					{	background: url(../images/js_tab.gif) bottom right no-repeat;}

.menu a.home							{	background:url(../images/js_iconHome.gif) center left no-repeat;}
.menu a.home:hover						{	background:url(../images/iconHome.gif) center right no-repeat;}
	
.menu a.homeNew	span.iconHome			{	background:url(../images/js_iconHome.gif); width:21px; height:19px;}
.menu a.homeNew:hover span.iconHome		{	background:url(../images/js_iconHome.gif) center right no-repeat;}	
		
.menu a.on span.iconHome				{	background:url(../images/js_iconHome.gif) center right no-repeat;}

.newsHeader								{	background:url(../images/js_latestNews.png) no-repeat;}

.newsItem								{	background:url(../images/js_newsGrad.png) repeat-x bottom left;}	
.newsItem:hover							{	background:url(../images/js_newsGrad.png) repeat-x top left;}

.menu									{	background:url(../images/js_menuGrad.gif) repeat-x;}
.menu a:hover, .menu a.on				{	background: url(../images/js_tabGrad.gif) repeat-x; color:#FFFFFF;}

.menu a:hover span.arrow,
.menu a.on span.arrow					{	width:8px; height:12px; background:url(../images/js_arrow_White.gif) no-repeat;}

#leftNav .menu ul li a:hover			{	background:#d00018 url(../images/js_arrowSideNavOver.gif) no-repeat 5px 10px; color:#FFFFFF;}

#leftNav .menu ul .sideNavLiOn a		{	background:#d00018 url(../images/js_arrowSideNavOver.gif) no-repeat 5px 10px; color:#FFFFFF; }
#newsFeed a								{	background:url(../images/js_arrowNews.gif) 2px 2px  no-repeat; }

.ulList	span							{	background-image:url(../images/js_arrow_listPink.gif);}
.driver	li								{	background-image:url(../images/js_arrow_listPink.gif);}		
#content ul li							{	background:url(../images/js_arrow_listPink.gif) no-repeat 0 3px;}

#leftNav .menu							{	background:#f1f1f1 url(../images/LeftNavGradRed.gif) repeat-x top;}

.driverLink								{	background:url(../images/js_driverTabsRed.gif) no-repeat; }
.driver:hover .driverLink				{	background:url(../images/js_driverTabsRed.gif) no-repeat right; }

.financial span							{	background:url(../images/js_financialNews.gif) no-repeat; }
/*
.whyPf span								{	background:url(../images/js_whyPf.gif) no-repeat; }
.calculators span						{	background:url(../images/js_calculators.gif) no-repeat; }
*/
.bestBuys span							{	background:url(../images/js_bestBuys.gif) no-repeat; }
.blog span							    {	background:url(../images/Blog_white.gif) no-repeat; }

.mortgage span								{	background:url(../images/mortgage_title.png) no-repeat; }
.remortgage span						{	background:url(../images/remortgage_title.png) 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 .financial span			{	background:url(../images/js_financialNews.gif) right no-repeat; }
.driver:hover .whyPf span				{	background:url(../images/js_whyPf.gif) right no-repeat; }
.driver:hover .calculators span			{	background:url(../images/js_calculators.gif) right no-repeat; }
.driver:hover .bestBuys span			{	background:url(../images/js_bestBuys.gif) right no-repeat; }
.driver:hover .blog span			    {	background:url(../images/BlogJS.gif) right no-repeat; }

h1, h2										{	color:#d5001a;}

.newsItem span span						{	color:#feb6bf; }
.newsItem:hover span span				{	color:#feb6bf; }
a:hover									{	color:#000000;}

.navUpper a:hover	                    {	color:#fff;}