/* CSS for Freemans Financial Services*/

*{margin:0; padding:0;}  /* clear all margins and padding */

/* -----------------------------------GENERIC CSS FOR FINANCIAL SERVICES---------------------------- */
#FS-01top {
	position:absolute;
	left:0px;
	top:0px;
	width:925px;
	height:156px;
	background:url(../pix/FinancialServices/FSlogo.gif) no-repeat top left;
	text-align:right;
	padding:28px 18px 0 0;
}

/* ----------------------------------- CSS FOR FINANCIAL SERVICES INTRO - NEW!! ---------------------------- */

#FSouter-start {
	position:relative;
	width:945px;
	height:910px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0 0 20px 0;
}

#FS-01top-start  {
	width:928px;
	height:156px;
	background:url(../pix/FinancialServices/FSlogo.gif) no-repeat top left;
	text-align:right;
	padding:28px 18px 0 0;
	clear:both;
	float:left;
	display: block;
}

/* ----------------------------------- FINANCIAL SERVICES INTRO - MENU-01 ---------------------------- */

#FS-02left-start  {
	float:left;
	display: block;
	width:305px;
	height:460px;            /* ----------- Change this depending on how many menu items there are!! ------ */
	background:url(../pix/FinancialServices/leftbg.gif) repeat-y right;
	margin-top:0px;
	padding:0 0 0 15px;
	text-align:left;
}

#fs-intro-mainmenu {
	float:left;
	width:305px;
	height:430px;			/* ----------- Change this depending on how many menu items there are!! ------ */
	padding:0 0 0 0;
	clear:both;
}

#fs-intro-mainmenu h1 {width:305px; background-color:#FF0000; text-indent:-999px; margin-bottom:0px;}

#fs-intro-mainmenu ul {list-style-type:none; width:305px; height:61px;}

#fs-intro-mainmenu ul li {float:left; display:inline;}

#fs-intro-mainmenu ul li.liLoans, #fs-intro-mainmenu ul li.liHomeInsu, #fs-intro-mainmenu ul li.liTravelInsu, #fs-intro-mainmenu ul li.liPetInsu, #fs-intro-mainmenu ul li.liMotorInsu, #fs-intro-mainmenu ul li.liCreditCards, #fs-intro-mainmenu ul li.liIdentityProtect {margin-bottom:4px; margin-left:0px;}

A#Loans
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-Loans.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#HomeInsu
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-HomeInsu.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#TravelInsu
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-TravelInsu.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#PetInsu
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-PetInsu.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#MotorInsu
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-MotorInsu.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#CreditCards
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-CreditCards.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}

A#IdentityProtect
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-IdentityProtection.gif);
	background-repeat:no-repeat;
    WIDTH: 275px;
    HEIGHT: 47px;
}


#fs-intro-mainmenu ul li a:hover {background-position: 100% 0%;}


/* ----------------------------------- FINANCIAL SERVICES INTRO - MENU-02 ---------------------------- */

#fs-intro-menu02 {
	float:left;
	width:300px;
	height:320px;
	padding:0px 0 0px 5px;
	margin:0px 0 0 0;
	clear:both;
	background:url(../pix/FinancialServices/leftbg.gif) repeat-y right;
}

#fs-intro-menu02 h1 {width:305px; background-color:#FF0000; text-indent:-999px; margin-bottom:0px;}

#fs-intro-menu02 ul {list-style-type:none; width:275px; height:33px;}

#fs-intro-menu02 ul li {float:left; display:inline;}

#fs-intro-menu02 ul li.liReplacement, #fs-intro-menu02 ul li.liExtra, #fs-intro-menu02 ul li.liFurniture, #fs-intro-menu02 ul li.liProtect {margin-bottom:8px; margin-left:0px;}

#fs-intro-menu02 ul li a:hover {background-position: 100% 0%;}

a#Replacement
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-PRC.gif);
    width:275px;
    height:43px;
}

A#Extra
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-Warranty.gif);
    width:275px;
    height:43px;
}

A#Furniture
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-Furniture.gif);
    width:275px;
    height:43px;
}

A#Protect
{
    background-position: 0% 0%;
    display: block;
    background-image: url(../pix/FinancialServices/Btn-Protect.gif);
    width:275px;
    height:43px;
}
.fs-intro-header h3
{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:25px;
	font-weight:bold;
}

/* ----------------------------------- FINANCIAL SERVICES INTRO - RIGHT-HAND CONTENT ---------------------------- */

#FS-right01-start, #FS-right02-start, #FS-right03-start, #FS-right04-start, #FS-right05-start, #FS-right06-start, #FS-right07-start, #FS-right-intro
{
	float:left;
	display: block;
	width:570px;
	height:640px;                            /* ----------- Change this depending on content of the page!! ------ */
	margin-top:0px;
	margin-bottom:30px;
	padding:0px 10px 0 25px;
	text-align:left;
}

#FS-right01-start h2
{
	width:76px;
	height:24px;
	text-indent:-999px;
	margin-bottom:10px;
	background-image:url(../pix/FinancialServices/Loans-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right01-start h3
{
	width:415px;
	height:25px;
	text-indent:-999px;
	margin-bottom:0px;
	background-image:url(../pix/FinancialServices/Loans-SubHeader.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right02-start h2
{
	width:353px;
	height:28px;
	text-indent:-999px;
	margin-bottom:0px;
	background-image:url(../pix/FinancialServices/HomeInsu-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right03-start h2
{
	width:220px;
	height:24px;
	text-indent:-999px;
	margin-bottom:20px;
	background-image:url(../pix/FinancialServices/TravelInsu-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right04-start h2
{
	width:185px;
	height:27px;
	text-indent:-999px;
	margin-bottom:20px;
	background-image:url(../pix/FinancialServices/PetInsu-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right05-start h2
{
	width:222px;
	height:22px;
	text-indent:-999px;
	margin-bottom:20px;
	background-image:url(../pix/FinancialServices/MotorInsu-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right06-start h2
{
	width:161px;
	height:22px;
	text-indent:-999px;
	margin-bottom:20px;
	background-image:url(../pix/FinancialServices/creditcards-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right06-start h3
{
	width:311px;
	height:22px;
	text-indent:-999px;
	margin-bottom:0px;
	background-image:url(../pix/FinancialServices/creditcards-SubHeader.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right07-start h2
{
	width:327px;
	height:29px;
	text-indent:-999px;
	margin-bottom:20px;
	background-image:url(../pix/FinancialServices/IdentityProtection-Header.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#FS-right01-start ul,
#FS-right02-start ul,
#FS-right03-start ul,
#FS-right04-start ul,
#FS-right05-start ul,
#FS-right06-start ul,
#FS-right07-start ul {padding:0px 0px 10px 0px;}

#FS-right01-start li {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 0px 0px 0px; line-height:14px; }
#FS-right02-start li {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 0px 0px 0px; line-height:13px; }
#FS-right03-start li,
#FS-right04-start li,
#FS-right05-start li,
#FS-right06-start li,
#FS-right07-start li {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:7px 0px 0px 0px; line-height:14px; }

#FS-right01-start p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 20px 0px; line-height:14px; clear:both;}
#FS-right02-start p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 0px 0px 0px; line-height:13px; clear:both;}
#FS-right03-start p,
#FS-right04-start p,
#FS-right05-start p,
#FS-right06-start p,
#FS-right07-start p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 20px 0px; line-height:14px; clear:both;}

#FS-right-intro p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0px 20px 0px; line-height:17px; clear:both;}

#FS-rightlink {
	float:left;
	width:260px;
	height:31px;
	padding:10px 0px 0px 0px;
	clear:both;
}

#FS-rightlink a {
	float:left;
	overflow:hidden;
	width:260px;
	height:31px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#FS-rightlink h3
{
	overflow:hidden;
	text-indent:-3000px;
	font-size:10px;
}


/* ----------------------------------- FINANCIAL SERVICES INTRO - FOOTER CONTENT ---------------------------- */

#FS-04footer-start
{
	float:left;
	width:945px;
	height:auto;
	background:url(../pix/FinancialServices/footer-intro.gif) no-repeat top #000000;
	padding:55px 0 5px 0;
	margin-top:5px;
	text-align: center;
	clear:both;
}




/* --------------------------PRODUCT REPLACEMENT COVER--------------------------- */

#FSouterPRC {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:700px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-02leftPRC {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:451px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
}

#FS-02leftPRCpop {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:381px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
}

#FS-03rightPRC {
	position:absolute;
	left:320px;
	top:184px;
	width:331px;
	height:451px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-03rightPRCpop {
	position:absolute;
	left:320px;
	top:184px;
	width:281px;
	height:381px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-04footerPRC {
	position:absolute;
	left:0px;
	top:636px;
	width:945px;
	height:65px;
}

#FS-04footerPRCpop {
	position:absolute;
	left:0px;
	top:570px;
	width:945px;
	height:65px;
}

li.PRC {
	/*list-style-image:url(../pix/FinancialServices/arrow.gif);*/
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
}

/* -------------------------- EXTRA WARRANTY COVER --------------------------- */

#FSouterEW {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:680px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-02leftEW {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:351px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#00B6BD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-03rightEW {
	position:absolute;
	left:320px;
	top:184px;
	width:301px;
	height:351px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-04footerEW {
	position:absolute;
	left:0px;
	top:536px;
	width:945px;
	height:65px;
}

#FS-05footerEW {
	position:absolute;
	left:0px;
	top:601px;
	width:925px;
	height:80px;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	padding:10px 0 0 18px;
	padding-right:18px;
	text-align:left;
}

.EWgreyText {
	color:#A3A3A3; 
	font-size:10px;
	line-height:11px;
}

/* -------------------------- FURNITURE PROTECTION --------------------------- */

#FSouterFP {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:630px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-02leftFP {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:301px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#00B6BD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-03rightFP {
	position:absolute;
	left:320px;
	top:184px;
	width:301px;
	height:301px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-04footerFP {
	position:absolute;
	left:0px;
	top:486px;
	width:945px;
	height:65px;
}

#FS-05footerFP {
	position:absolute;
	left:0px;
	top:551px;
	width:920px;
	height:80px;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	padding:10px 0 0 18px;
	padding-right:18px;
	text-align:left;
}

/* --------------------------PAYMENT PROTECTION--------------------------- */

#FSouterPP {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:700px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-02leftPP {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:451px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
}

#FS-02leftPPpop {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:381px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
}

#FS-03rightPP {
	position:absolute;
	left:320px;
	top:184px;
	width:331px;
	height:451px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-03rightPPpop {
	position:absolute;
	left:320px;
	top:184px;
	width:281px;
	height:381px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-04footerPP {
	position:absolute;
	left:0px;
	top:636px;
	width:945px;
	height:65px;
}

#FS-04footerPPpop {
	position:absolute;
	left:0px;
	top:570px;
	width:945px;
	height:65px;
}

li.PP {
	/*list-style-image:url(../pix/FinancialServices/arrow.gif);*/
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
}

/* -------------------------- RAC BREAKDOWN COVER --------------------------- */

#FSouterRAC {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:700px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-02leftRAC {
	position:absolute;
	left:0px;
	top:184px;
	width:282px;
	height:361px;
	background-image:url(../pix/FinancialServices/leftbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 20px 0 18px;
	text-align:left;
	color:#00B6BD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
}

#FS-03rightRAC {
	position:absolute;
	left:320px;
	top:184px;
	width:381px;
	height:361px;
	padding-left:25px;
	padding-right:18px;
	text-align:left;
}

#FS-04footerRAC {
	position:absolute;
	left:0px;
	top:546px;
	width:945px;
	height:65px;
	padding-left:18px;
}

#FS-05footerRAC {
	position:absolute;
	left:0px;
	top:611px;
	width:905px;
	height:90px;
	color:#A3A3A3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	padding:10px 0 0 18px;
	padding-right:18px;
	text-align:left;
}

.RACorange {
	color:#F7931D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
}

a.RACwhite { color:#FFFFFF;	font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; padding-left:5px; }
A.RACwhite:link{ color:#FFFFFF;	font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; }
A.RACwhite:active{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; }
A.RACwhite:visited{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; }
A.RACwhite:hover { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; text-decoration:underline; }

/* ----body# for popups from productdisplay --*/

BODY#blackbg
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url(../pix/FinancialServices/black.gif);
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: #000000
}