body { width: 320px; margin: 0; padding: 0; background-color: #fff; }
body, td { font: 10pt "Trebuchet MS",arial,helvetica,sans-serif; }
textarea { font: 10pt arial,helvetica,sans-serif; }
form, h1, h2 { margin: 0; }
ul,ol { margin-bottom: 0; }
a { text-decoration: none; color: #039; }
a:hover { text-decoration: underline; color: #69c; }

ul.mobilist { list-style: none; margin: 0; padding: 0; border-top: 1px solid #999; }
	ul.mobilist li { margin: 0; padding: 0; background: url(//cdn.carcomplaints.com/mobile/img/homepage-linkbg.png) repeat-x 0 100%; border-bottom: 1px solid #999; }
		ul.mobilist li a { display: block; padding: 7px 23px; font-size: 13pt; }

#header div { position: relative; margin: 0 auto 4px; }
	#header div a#complainLink { position: absolute; right: 4px; display: block; width: 70px; margin: 0 0 7px; padding: 2px 7px; text-align: center; font-size: 0.8em; text-transform: uppercase; background-color: #eee; border-radius: 0 0 7px 7px; box-shadow: 0 0 3px #999; }
	#header div h1 { padding-top: 17px; }
		#header div h1 a { display: block; text-align: center; }
			#header div h1 a img { width: 277px; height: 150px; }
	#header div p { position: absolute; bottom: 14px; right: 0; width: 123px; height: 17px; margin: 1px 0; padding: 0; font: 7pt trebuchet ms,arial,helvetica,sans-serif; line-height: 17px; text-align: center; color: #666; }

/* xmas logo -- also change header.inc
			#header div h1 a img { height: 190px; }
*/

#content { clear: both; overflow: hidden; min-height: 165px; margin: 0 auto 23px; padding: 0; }
	#content h2 { margin: 14px 0; padding: 0 11px; font-size: 16pt; letter-spacing: 1px; color: #666; }
	#content > h3 { margin: 1em 0 4px; padding: 0 11px; color: #666; }
	#content p { margin: 1em 7px; }

	div.header,div#welcome { padding: 0 11px; }
		div.header h3,div#welcome h1 { margin: 7px 0; font-weight: bold; font-size: 14pt; color: #666; }

body.subnav div#container { padding-top: 49px; }
	ul#subnav { position: absolute; top: 0; width: 320px; height: 49px; overflow: hidden; list-style: none; margin: 0; padding: 0; background: url(/mobile/img/nav-bg.png) repeat-x 0 0; }
		ul#subnav li { float: left; margin: 11px 8px 0 6px; padding: 0; background: url(/mobile/img/nav-btn.png) no-repeat 0 0; }
		ul#subnav li:last-child { margin-right: 0; }
		ul#subnav li.back { background-image: url(/mobile/img/nav-btn-back.png); }
			ul#subnav li.back a { margin-left: 13px; }
			ul#subnav li a { display: block; height: 30px; margin: 0 -5px 0 9px; padding: 0 9px 0 0; font: bold 10pt/29px arial,helvetica,sans-serif; white-space: nowrap; color: #fff; background: url(/mobile/img/nav-btn.png) no-repeat 100% 0; }

	a.bhlcLink,a.bhrcLink { display: block; float: right; height: 20px; margin: 1px 7px; font-size: 8pt; line-height: 20px; font-weight: bold; }
	a.bhlcLink { padding-left: 34px; text-align: right; background: url(/img/cow_rt-tiny.gif) center left no-repeat; }
	a.bhrcLink { padding-right: 34px; text-align: left; background: url(/img/cow_lt-tiny.gif) center right no-repeat; }

	a.btn { display: block; background: url(/mobile/img/btn-grey.gif) no-repeat 0 0; }
		a.btn span { display: block; background: url(/mobile/img/btn-grey.gif) no-repeat 0 100%; }
			a.btn span span { background: url(/mobile/img/btn-grey.gif) no-repeat 100% 0; }
				a.btn span span span { padding: 1px 7px; font-weight: bold; color: #000; background: url(/mobile/img/btn-grey.gif) no-repeat 100% 100%; }

	.required { color: #900; }
	h4.fixme { background: url(/mobile/img/icon-wrench.png) no-repeat 0 0; }
		h4.fixme span { display: none; }
	label.fixme input,
	label.fixme select,
	label.fixme textarea { border: 2px solid #c00; }

	div.backtomain { position: absolute; left: 14px; top: 104px; }

	div#modelnote { margin: 11px 4px 4px; padding: 7px 23px 4px; color: #fff; background-color: #900; border-radius: 7px; box-shadow: 1px 1px 2px 0 #999; transition: background .25s ease-in-out; }
	div#modelnote.blue { background-color: #369; }
	div#modelnote.grey { background-color: rgba(0,0,0,0.5); }
		div#modelnote h3 { margin: 0; }
		div#modelnote a { display: block; color: #fff; font-weight: bold; text-decoration: none; }
			div#modelnote a p { margin: 0.5em 0; font-weight: bold; }
				div#modelnote a p strong { text-decoration: underline; }

.clearer { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }

footer { position: relative; margin: 0; clear: both; border-bottom: 1px solid #ccc; }

	div#footerlinks { margin: 0 0 0 14px; overflow: hidden; }
		div#footerlinks a { float: left; width: 105px; min-height: 25px; margin-right: 14px; padding: 2px 0 0 30px; line-height: 1em; font-size: 8pt; text-decoration: none; }
		div#footerlinks a.facebookLink { background: url(/mobile/img/icon-facebook.png) no-repeat 0 50%; }
		div#footerlinks a.twitterLink { background: url(/mobile/img/icon-twitter.png) no-repeat 0 50%; }
		div#footerlinks a.fullsite { width: auto; line-height: 24px; background: url(/mobile/img/icon-fullsite.png) no-repeat 0 50%; }

	div#footercontainer { width: 90%; margin: 37px auto 0; padding: 0; background: #eee url(/mobile/img/bg-footer.gif) no-repeat 0 0; }
		div#footercontainer div { overflow: hidden; margin: 0 0 0 16px; padding: 0 16px 0 0; background: url(/mobile/img/bg-footer.gif) no-repeat 100% 0; }
			div#footercontainer div h4 { float: left; margin: 4px 0 0; padding: 0 0 0 37px; height: 20px; font-size: 9pt; letter-spacing: 2px; line-height: 19px; background: url(/mobile/img/cow_rt-tiny.gif) no-repeat 0 50%; }
			div#footercontainer div em { float: right; width: 60px; margin: 2px 0 0 2%; font-size: 7pt; line-height: 1.2em; text-align: right; color: #666; }
			div#footercontainer div ul { list-style: none; position: absolute; bottom: 32px; left: 0; width: 100%; margin: 3px 0 0 0; padding: 0; text-align: center; }
				div#footercontainer div ul li { display: inline; font-size: 11px; text-transform: uppercase; }