/*
	TOM HARRIS AUTO FUEL ECONOMY MINI-SITE
*/



/* Structure
------------------------------------*/
*									{ margin: 0; padding: 0; font: 12px/18px arial, helvetica, sans-serif; }

html								{ height: 100%; }
body								{ padding-right: 21px; padding-bottom: 10px; background: #fff url('/template/fueleconomy/body-bg.jpg') no-repeat center top; }
div#container						{ width: 810px; height: 900px; margin-top: 10px; background: url('/template/fueleconomy/page-bg.jpg') no-repeat center top; }

h1#header							{ display: inline; float: left; width: 280px; height: 90px; margin: 0 0 0 5px; padding: 0; background: url('/template/fueleconomy/header.jpg'); text-indent: -9999px; }
h1#blurb							{ display: inline; float: left; width: 510px; height: 90px; margin: 0 0 0 10px; padding: 0; background: url('/template/fueleconomy/blurb.jpg'); text-indent: -9999px; }

h1#header a { display: block; height: 280px; height: 90px; }

div#main							{ display: inline; float: left; width: 330px; margin: 30px 0 0 30px; }
div#info							{ display: inline; float: left; width: 395px; margin: 30px 0 0 20px; }

div#frames							{ display: inline; float: left; width: 750px; height: 275px; margin: 15px 0 0 30px; background: url('/template/fueleconomy/frames.gif') no-repeat left top; }
div.frame							{ display: inline; float: left; margin-right: 30px; width: 360px; }
div.frame.last						{ margin: 0; }

div.content							{ margin: 0 1px 0 20px; height: 206px; overflow: auto; }

div#logos							{ display: inline; float: left; width: 750px; height: 90px; margin: 33px 0 0 30px; background: url('/template/fueleconomy/logos2.jpg'); }
div#logos a							{ display: inline; float: left; height: 90px; margin: 4px 0; text-indent: -9999px; }



/* Typography
------------------------------------*/
h2									{ margin: 0 0 15px 0; padding: 0; color: #000; font-size: 16px; font-weight: bold; line-height: 20px; }
.in-stock-count h2					{ line-height: 24px; }
h3									{ margin: 20px; color: #7dc242; font-size: 24px; font-weight: bold; }

p									{ margin: 0 0 15px 0; padding: 0; }

div.in-stock						{ display: inline; float: left; width: 290px; }
div.in-stock h2						{ margin-top: 20px; color: #7dc242; font-size: 36px; font-weight: bold; line-height: auto; }
div.in-stock p						{ margin: 0 0 45px 3px; font-size: 18px; font-weight: normal; line-height: auto; }
div.in-stock-count h2				{ float: left; width: 101px; height: 55px; padding: 35px 0 0 0; margin: 0; color: #fff; background: url('/template/fueleconomy/in-stock-bg.gif'); font-size: 36px; text-align: center; }
div.in-stock-count p				{ text-align: center; font-size: 11px; }

p#description						{ display: inline; float: left; width: 760px; height: 70px; margin: 4px 0 0 30px; background: url('/template/fueleconomy/description.gif') no-repeat left top; text-indent: -9999px; }

div.frame h3						{ margin: 20px 20px 0; }

div.content ul						{ margin-left: 20px; }
div.content ul li					{ margin: 0 0 10px 0; font-size: 14px; list-style: disc; }

a									{ outline: none; }