Comparison of Dealer Incentives and Loan Offers

Purchase Offer 1

Item	Cost
Purchase price:	$33,500
Cash incentive/rebate:	$0
Loan term (months):	48
Annual percentage rate (APR):	3.2
Monthly payment:	$725.33
Total cost:	$34,815.62

Purchase Offer 2

Item	Cost
Purchase price:	$33,500
Cash incentive/rebate:	$500
Loan term (months):	48
Annual percentage rate (APR):	4.1
Monthly payment:	$746.59
Total cost:	$35,836.15

The following style rules should be added to styles.css: The default fonts (in order of priority) should be Roboto, Helvetica, and sans-serif The heading "Comparison of Dealer Incentives and Loan Offers" should be 16px font using color #444444 and have centered text Define a container class whose contents is centered, has a 5 pixel margin, and defines a font size of 13px Each offer is defined in a

tag with the class offer. Define the offer class such that: o Each offer is displayed inline-block, with a fixed width of 400 pixels, a 4 pixel margin, and centered text Each offer has a 1 pixel solid border using color #cccccc with a radius of 1 pixel Each offer uses a shadow defined as: - box-shadow: Opx 2px 2px #dddddd, Opx Opx 5px #dddddd; The offer title is defined in a

tag with offerTitle class. Define the offerTitle class such that: The title uses 14px bold font with color #ffffff The title's background is colored #00b3b3 The title has no margin and 15 pixels of padding The offer contents are defined in a

tag with class offerContents. Define the offerContents class such that: * Each offer contents div has 20 pixels of padding, a 2 pixel border radius for the bottom border, and background colored #fafafa Define CSS rules such that all tables have the following styling: The table should have a width of 100%, background colored #ffffff, no border spacing, a shadow defined as: - box-shadow: Opx 2px 2px #dddddd, Opx Opx 5px #dddddd; o Header cells should use a 12px bold font with color #777777 Data cells should use a font lighter than normal weight with color #444444 Header cells should have 10 pixels of padding and no margin Data cells should have 10 pixels of padding on the left and right, 20 pixels of padding on top and bottom, and no margin Both header cells and data cells should left align text Both header cells and data cells should have a solid bottom border of 1 pixel using color #f1f1f1 Define a class finalValue that defines a bold font weight with color #2222ff Create a CSS stylesheet so the provided HTML produces the following web page: Comparison of Dealer Incentives and Loan Offers Purchase Offer 1 Purchase Offer 2 Item Cost Item Cost Purchase price: Purchase price: $33,500 $33,500 $500 Cash incentive/rebate: $0 Cash incentive/rebate: Loan term (months): Loan term (months): 48 48 Annual percentage rate (APR): Annual percentage rate (APR): 3.2 4.1 Monthly payment: $725.33 Monthly payment: $746.59 $34,815.62 Total cost: Total cost: $35,836.15