body { margin: 0; padding: 0; background: #f0f0f0 url(//cdn2.carcomplaints.com/img/v1/bg-page.jpg) repeat 0 0; }
body, td { font: 10pt "Trebuchet MS",arial,helvetica,sans-serif; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section { display: block; }
a img {border: 0;}
figure {position: relative; text-align:center;font-size:0.8em;}
figure img {width: 100%;padding-bottom: 0.2em;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
textarea { font: 10pt arial,helvetica,sans-serif; }
form, h1, h2 { margin: 0; }
form input[type="submit"],button { text-shadow: 1px 1px 1px #fff; box-shadow: 2px 2px 7px 0 #999; }
input { color: #333; }
input[name="q"] { -webkit-appearance: none; }
input.blur { color: #999; }
ul,ol { margin-bottom: 0; }
form ::-webkit-input-placeholder { color: #999; }
form :-moz-placeholder { color: #999; }
form :-ms-input-placeholder { color: #999; }
p { line-height: 1.5; }
a { text-decoration: none; color: #06c; }
a:hover, a:active { outline: none; }
a:hover { text-decoration: underline; color: #69c; }
a:link { -webkit-tap-highlight-color: #EE7624; }
::-moz-selection { background: #369; color: #fff; text-shadow: none; }
::selection { background: #369; color: #fff; text-shadow: none; }

/* headings */
#content h2.primary,
article header h2 { margin: 0 0 7px; padding: 0 17px 7px; font: 30pt/1.1em 'geometric_slabserif_703Bdcond',Arial,sans-serif; text-transform: uppercase; color: #333; text-shadow: 1px 1px 2px #fff; background: url(/img/v1/divider-450.png) no-repeat 0 100%; }
#content h2.wide,
article header h2.wide { background-image: url(/img/v1/divider-875.png); }
#content h2.full,
article header h2.full { background-image: url(/img/v1/divider-1210.png); }
#content h3.heading,
article header h3.heading  { margin: 0 0 7px; font: 24pt 'geometric_slabserif_703Bdcond',Arial,sans-serif; text-transform: uppercase; color: #333; text-shadow: 1px 1px 1px #fff; }
#content h3.primary,
article header h3.primary { padding: 0 17px 7px; font-size: 28pt; background: url(/img/v1/divider-450.png) no-repeat 0 100%; }
#content h3.wide,
article header h3.wide { padding: 0 17px 7px; background: url(/img/v1/divider-875.png) no-repeat 0 100%; }
#content h3.medium,
article header h3.medium { font-size: 21pt; }
#content h3.small,
article header h3.small { font-size: 17pt; }
#content header h3 { margin: 0 7px 0 65px; padding: 0; font-size: 1.4em; color: #666; }

/* buttons */
a.button { display: block; width: 150px; margin: 0 auto; font: 1em/1 normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; text-align: center; text-shadow: 0 1px 1px #fff; }
a.button:hover { cursor: pointer; }
a.button.wide { width: 220px; }
a.simple {
	padding: 8px 0 9px; border: 1px solid #bbb; font-size: 12px; font-weight: bold; color: #333 !important; text-shadow: 0 1px 0 #fff;
	background: #e3e3e3; background: -moz-linear-gradient(0% 100% 90deg,#d3d3d3, #e3e3e3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#d3d3d3));
	border-radius: 3px; box-shadow: inset 0 0 1px 1px #f6f6f6; }
a.simple:hover {
	border-top: 1px solid #a1afbf; border-right: 1px solid #9caaba; border-bottom: 1px solid #96a3b3; border-left: 1px solid #9caaba; color: #222;
	background: #d9d9d9; background: -moz-linear-gradient(0% 100% 90deg,#e9e9e9, #d9d9d9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d9d9d9), to(#e9e9e9));
  box-shadow: inset 0 0 1px 1px #eaeaea; }
a.simple:active { border: 1px solid #8c98a7; color: #000; background: #d0d0d0 !important; box-shadow: inset 0 0 1px 1px #e3e3e3; }
a.simple.small { padding: 3px 0; font-size: 11px; }

div#modelnote { margin: 0 4px; padding: 7px 23px 4px; color: #fff; background-color: #900; border-radius: 0 0 7px 7px; box-shadow: 1px 1px 2px 0 #999; transition: background .25s ease-in-out; }
div#modelnote:hover { background-color: #700; }
div#modelnote.blue { background-color: #369; }
div#modelnote.blue:hover { background-color: #147; }
div#modelnote.grey { background-color: rgba(0,0,0,0.5); }
div#modelnote.grey:hover { background-color: rgba(0,0,0,0.7); }
	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; }

#secondary a.addcomplaint {
	width: 180px; margin: 1em auto; padding: 12px 0 14px; border: 1px solid #951100; font-size: 14px; font-weight: bold; text-shadow: 0px -1px 1px rgba(0,0,0,.8); color: #fff; vertical-align: baseline;
	background: #c63929; background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
	border-radius: 5px; box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333; }
#secondary a.addcomplaint:hover { background: #cb0500; background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601)); }
#secondary a.addcomplaint:active {
	background: #b30300; background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%); background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
	box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }

div#newsbar { padding: 7px; color: #fff; background-color: #900; }
	div#newsbar h2,
	div#newsbar h3 { margin: 0; font-size: 14pt; letter-spacing: 0.3em; }
	div#newsbar h2 { float: left; }
	div#newsbar h3 { float: right; }
	div#newsbar p { text-align: center; margin: 0 300px; }
		div#newsbar p a { /* font-family: courier new; */ font-size: 16pt; line-height: 1em; color: #fff; text-decoration: underline; }

	div#newsbar.soft { padding: 0; background-color: #369; }
		div#newsbar.soft p { margin: 0; }
			div#newsbar.soft p a { padding: 14px 80px 14px 0; font: 24px/47px 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 1px; }
			div#newsbar.rccpromo p a { background: url(//cdn.carcomplaints.com/img/adv/rentalcarcomplaints.com/logo-sm.png) no-repeat 100% 50%; }

div#headernote { min-width: 1250px; margin: 0; border-bottom: 2px solid #333; background: #369; /* Old browsers */
	background: -moz-linear-gradient(top, #336699 80%,#335f8a 90%,#334e6a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #336699 80%,#335f8a 90%,#334e6a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #336699 80%,#335f8a 90%,#334e6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#334e6a',GradientType=0 ); /* IE6-9 */
}

 div#headernote div { padding: 9px 4%; color: #fff; }
  div#headernote div figure { margin: 0; }
  div#headernote div p { margin: 7px 0 0; font-size: 1.4em; line-height: 1.3; font-weight: normal; text-align: center; text-shadow: 1px 1px 7px #333; }
  div#headernote div p:first-child { margin-top: 0; }
	div#headernote div p strong { display: block; margin: 0; font-size: 1.8em; letter-spacing: 1px; text-align: center; text-transform: uppercase; }
	div#headernote div p em { font-weight: bold; }
	div#headernote div p a { text-decoration: underline; color: #fff; }
	div#headernote div p span { white-space: nowrap; }
body.billboard div#headernote { min-width: 0; height: 90px; margin-right: 970px; }
	body.billboard div#headernote div p strong { font-size: 1.2em; }
div#billboard { float: right; background: rgba(0,0,0,0.6); border-bottom: 2px solid #000; }
	div#billboard .adbox { width: 970px; height: 90px; margin: 0 auto; padding: 0; box-shadow: 0 0 23px 0 #000; }
@media screen and (max-width: 1550px) {
	body.billboard div#headernote { display: none; }
	div#billboard { float: none; }
}

div#headernote.siteupdate { background: #900; }

div#upgradebrowser { display: none; padding: 23px; color: #fff; text-align: center; background-color: #900; border: 2px solid #333; border-width: 2px 0; }
 div#upgradebrowser h2 { font-size: 28pt; font-variant: small-caps; }
  div#upgradebrowser p { font-size: 12pt; margin: 2px; }
   div#upgradebrowser p strong { font-variant: small-caps; font-size: 13pt; }
 div#upgradebrowser p#upgradelinks { font-size: 14pt; font-weight: bold; }
  div#upgradebrowser p#upgradelinks a { color: #69f; text-decoration: underline; }

div#container.fixednav { margin-top: 223px; }
div#container.fixednav div#header { position: fixed; top: -178px; z-index: 4; width: 100%; }
	div#container.fixednav div#header h1 { top: 171px; width: 333px; height: 59px; z-index: -1; background-image: url(//cdn.carcomplaints.com/img/v1/bg-fixednav.png); }
		div#container.fixednav div#header h1 a { display: none; height: 59px; background-image: url(//cdn.carcomplaints.com/img/v1/logo-fixednav.png); }
	div#container.fixednav div#header ul#headernav { width: 100%; }
	div#header ul#headernav { transition: width 0.5s; }

@media (min-width: 1460px) {
		div#container.fixednav div#header h1 { z-index: 1; }
		div#container.fixednav div#header h1 a { display: block; }
}

div#header { position: relative; clear: right; min-width: 1250px; margin: 0 0 -7px; background: url(//cdn2.carcomplaints.com/img/v1/bg-header.jpg) repeat-x 50% 0; z-index: 1; }
 div#header > div { position: relative; overflow: hidden; height: 230px; margin: 0 auto; background: url(//cdn2.carcomplaints.com/img/v1/bg-nav.png) repeat-x 50% 100%; }
  div#header div h1 { position: absolute; top: 4px; left: 50%; height: 182px; margin-left: -166px; padding: 0; background: url(//cdn2.carcomplaints.com/img/v1/logo.png) no-repeat 0 0; }
		div#header div h1 a { display: block; width: 333px; height: 170px; }
		div#header div h1 strong,
		div#header div h1 em { display: none; }

/* xmas logo
  div#header div h1 { margin-left: -200px; background-image: url(//cdn2.carcomplaints.com/img/v1/logo-xmas.png); }
		div#header div h1 a { width: 400px; }
		div#container.fixednav div#header h1 a { width: auto; }
	div#header .news { background-image: url(/img/v1/bg-news-xmas.png); }
*/

  ul#headernav { position: relative; width: 1220px; height: 41px; margin: 177px auto 0; padding: 0; }
   ul#headernav li { float: left; margin: 0; padding: 8px 0; list-style: none; }
	   ul#headernav li.right { float: right; }
    ul#headernav li a { display: block; height: 22px; margin: 7px 4px 0; padding: 0 7px; font: 18px/41px georgia; color: #fff; background: url(/img/v1/nav.png) no-repeat 0 0; }
    ul#headernav li a:hover { }
    ul#headernav li#home a { margin-left: 35px; width: 47px; }
    ul#headernav li#home a:hover { margin-left: 35px; width: 47px; background-position: 0 -22px; }
    ul#headernav li#resources a { width: 100px; background-position: -69px 0; }
    ul#headernav li#resources a:hover { background-position: -69px -22px; }
    ul#headernav li#news a { width: 51px; background-position: -191px 0; }
    ul#headernav li#news a:hover { background-position: -191px -22px; }
    ul#headernav li#investigations a { width: 134px; background-position: -264px 0; }
    ul#headernav li#investigations a:hover { background-position: -264px -22px; }
    ul#headernav li#recalls a { width: 59px; background-position: -420px 0; }
    ul#headernav li#recalls a:hover { background-position: -420px -22px; }
		ul#headernav li#add a { width: 141px; background-position: -518px 0; }
		ul#headernav li#add a:hover { background-position: -518px -22px; }
    ul#headernav li#update a { width: 168px; background-position: -681px 0; }
    ul#headernav li#update a:hover { background-position: -681px -22px; }
    ul#headernav li#search a { width: 170px; background-position: -871px 0; }
    ul#headernav li#search a:hover { background-position: -871px -22px; }
     ul#headernav li a span { display: none; }

  form#listnav { position: absolute; bottom: 53px; right: 15%; margin: 0; padding: 3px 0 4px; font-size: 10pt; color: #333; background-color: rgba(0,0,0,0.1); box-shadow: 0 0 3px 0 #000 inset; border-radius: 7px 7px 0 0; }
  #listnav { background-color: #666; }
		form#listnav span { float: left; margin: 1px 0 0 11px; padding: 0; }
		form#listnav input[type=text] { float: left; width: 120px; margin: 1px 0 0 7px; padding: 1px 19px 1px 4px; font-size: 0.9em; font-weight: bold; border: 0; background: rgba(0,0,0,0.2) url(/img/v1/sb-expand-sm.png) no-repeat 100% 50%; border-radius: 4px; cursor: pointer; }
		#listnav input[type=text] { background: #ccc url(/img/v1/sb-expand-sm.png) no-repeat 100% 50%; } /* ie8 sucks */
		form#listnav ul { display: none; position: absolute; overflow: hidden; bottom: 5px; right: 60px; list-style: none; width: 123px; margin: 0; padding: 0; background-color: rgba(0,0,0,0.8); border-radius: 7px 7px 0 0; box-shadow: 1px -1px 3px 1px #fff; }
		#listnav ul { background-color: #999; } /* ie8 sucks */
			form#listnav li { margin: 0; padding: 0; }
				form#listnav li a { display: block; margin: 0; padding: 1px 4px; font-size: 9pt; color: #fff; }
				form#listnav li a:hover { text-decoration: none; background-color: #000; }
			form#listnav input[type=submit] { width: 30px; height: 20px; vertical-align: top; margin: 0 4px 0 7px; font-size: 0; color: transparent; border: 0; background: url(/img/v1/btn-go-sm.png) no-repeat 0 0; box-shadow: none; cursor: pointer; }

	#header .news { overflow: hidden; float: left; width: 400px; min-height: 160px; max-height: 165px; margin: 7px 23px 0 52px; padding: 0; font-family: geometric_slabserif_703Bdcond, Arial, sans-serif; text-shadow: 1px 1px 2px rgba(255,255,255,0.7); background: url(/img/v1/bg-news.png) 0 0 no-repeat; }
		#header .news h2 { margin: 25px 40px 10px; }
			#header .news h2 a { font: 32px geometric_slabserif_703Bdcond; text-transform: uppercase; color: #181818; text-shadow: 1px 1px 1px #ccc; }
		#header .news ul { list-style: none; max-height: 93px; margin: 0 40px; padding: 0; }
		#header .news li { margin-bottom: 10px; font: 21px geometric_706boldcondensedb; line-height: 1.1; color: #181818; text-shadow: 1px 1px 2px rgba(255,255,255,0.5); }
			#header .news li time { float: left; width: 60px; vertical-align: bottom; }
			#header .news li a { display: block; margin-left: 65px; color: inherit; }
			#header .news li a:hover { color: #369; text-decoration: none; }

		div#headerstatus { float: right; width: 300px; margin: 14px 23px 0; }
			div#headerstatus form { float: right; clear: right; width: 250px; height: 35px; background: url(/img/v1/search.png) no-repeat 0 0; }
				div#headerstatus form input { width: 205px; padding: 7px 4px 2px 40px; border: 0; background: 0; }

		p#loggedin { position: absolute; top: 0; right: 23px; display: none; margin:0; padding: 3px 4px; font-weight: bold; font-size: 0.8em; line-height: 1em; text-transform: uppercase; color: #fff; border-radius: 0 0 7px 7px; background-color: #666; }
		ul#loginnav { float: right; margin: 0 0 14px; padding: 0; list-style: none; }
			ul#loginnav li { margin: 0; padding: 0; float: left; color: #fff; text-shadow: 1px 1px 4px #000; }
				ul#loginnav li a { padding: 0 4px; font-size: 12pt; font-weight: bold; line-height: 22pt; color: #fff; }
				ul#loginnav li.hidden a { display: none; }
				ul#loginnav li span { font: bold 18pt/18pt times new roman; }

  div#headerlinks { float: right; clear: right; margin: 23px 7px 0; }
   div#headerlinks a { float: left; width: 36px; height: 36px; margin: 0 3px; background-position: 0 0; background-repeat: no-repeat; box-shadow: 0 0 3px #666 inset, 1px 1px 7px #333; }
		div#headerlinks a:hover { background-position: 0 -36px; }
		div#headerlinks em { display: none; }
   a.facebookLink { background-image: url(/img/header/icon-facebook.png); }
   a.twitterLink { background-image: url(/img/header/icon-twitter.png); }
   a.mobileLink { background-image: url(/img/header/icon-mobile.png); }

 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(/img/btn-grey.gif) no-repeat 0 0; }
  a.btn span { display: block; background: url(/img/btn-grey.gif) no-repeat 0 100%; }
   a.btn span span { background: url(/img/btn-grey.gif) no-repeat 100% 0; }
    a.btn span span span { padding: 1px 7px; font-size: 9pt; font-weight: bold; font-variant: small-caps; background: url(/img/btn-grey.gif) no-repeat 100% 100%; }

/* fancybox popup for vin & uservehicle complaints */
	div.hidden { display: none; }
	div.popupnote { margin: 0; padding: 14px 23px; color: #900; text-shadow: 1px 1px 1px #ccc; border: 1px solid #ccc; border-width: 1px 0; background: #eee url(/img/bg-noise.png) repeat 0 0; }
		div.popupnote h3 { margin: 7px 0; font-size: 16pt; font-weight: bold; border-bottom: 1px solid #666; }
		div.popupnote p { margin: 7px 14px; }

/* rounded section headers */
	div.header { overflow: hidden; }
		div.header h3 { float: left;  margin: 0; padding: 2px 27px 0; font-weight: bold; font-size: 14pt; color: #fff; text-align: center; white-space: nowrap; border-radius: 14px 14px 0 0; }
		div.red h3 { background-color: #900; }
		div.blue h3 { background-color: #369; }

 .abtableheader { font-size: 11pt; font-weight: bold; border: 1px solid #999; background-color: #eee; }
 .abtablecontent { border: 1px solid #ddd; background-color: #fff; }

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

/* newsbar */
 td.newsdate { font-weight: bold; font-size: 8pt; background-color: #ccc; }
 td.newstitle { }
  td.newstitle a { font-size: 8pt; }

/* news page */
 div.newsstory { padding: 7px 14px; background-color: #eee; border: 1px solid #966; }

/* problem words */
 div#problemlinks { width: 85%; margin: 14px auto 4px; font-size: 9pt; text-align: justify; }
  div#problemlinks a { white-space: nowrap; }

/* most pages */
#content { width: 1250px; margin: 0 auto; overflow: hidden; }
#primary { float: left; clear: left; width: 880px; margin: 0 0 3em; padding: 20px 0 0; }
#primary > h3 { margin: 0 0 1em 0; }
#graphcontainer h3 { margin-bottom: 0; }
#secondary { float: right; width: 350px; margin: 0; padding: 20px 0 0; text-align: center; }
#secondary #addbox { height: 135px; margin-bottom: 0.3em; padding: 7px 14px 4px; background: url(/img/v1/sidebar-section-bg.png) no-repeat 0 0; }
	#secondary #addbox p { margin-bottom: 0; font-size: 9pt; text-align: center; }
		#secondary #addbox p span { white-space: nowrap; }
		#secondary #addbox a { display: block; width: 209px; height: 47px; margin: 0 auto; background: url(/img/v1/btn-addcomplaint2.png) no-repeat 0 0; }
		#secondary #addbox a:hover { background-position: 0 -50px; }
			#secondary #addbox a span { display: none; }

/*
#secondary #addbox { border: 1px solid #ddcecc; background-color: #fce5e2; box-shadow: inset 0 0 1px 1px #fff; }
#secondary #addbox p { margin: 0 1em 1em; text-align: center; font-size: 0.9em; }
#secondary #addbox p:last-child { color: #444; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); }
*/
#secondary h4 { margin: 0 0 0.2em; }
#secondary .group { margin: 0 0 2em; text-align: left; }
#secondary p#autobeefad { margin: 4px 0 14px; }
	#secondary p#autobeefad a { width: 220px; margin: 0 auto; font-size: 12px; font-variant: small-caps; text-align: center; }
#secondary p#autobeefad a span { color: #000; }

/* ads */
.ad-widebanner { width: 748px; margin: 0 auto; padding: 9px 0 24px; text-align: center; background: url(/img/adv/border-widebanner.gif) top center no-repeat; }
.ad-banner { margin-top: 7px; padding: 9px 10px 24px; text-align: center; background: url(/img/adv/border-banner.gif) top center no-repeat; }
.leaderboard { width: 728px; height: 90px; margin: 14px auto; padding: 0; }

/* utility */
p.alert { padding: 0.5em 1em; border: 1px solid #aac2db; font-weight: bold; color: #233b52; background-color: #e6edf4; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.clearer { clear: both; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; }

/* #secondary box styles */
#secondary p.adheader { margin: 0 0 7px; font-size: 7pt; color: #999; text-align: center; border-bottom: 1px solid #ccc; }
#secondary .adbox { display: inline-block; min-width: 300px; min-height: 250px; margin-left: 6px; background-color: #f0f0f0; background-color: rgba(255,255,255,0.6); -moz-box-shadow: 1px 1px 3px 0 #999; -webkit-box-shadow: 1px 1px 3px 0 #999; box-shadow: 1px 1px 3px 0 #999; }
#secondary div.adbox.skyscraper { height: 600px; }
#secondary div.heading { width: 340px; margin-left: 6px; }
	#secondary div.heading h4 { margin: 0; padding: 4px 0 0; font: 14pt/46px 'geometric_slabserif_703Bdcond',Arial,sans-serif; text-transform: uppercase; text-align: center; white-space: nowrap; color: #666; background: url(/img/v1/sidebar-heading-bg.png) no-repeat 0 0; }
#secondary div.fb-like-box { min-height: 225px; padding-bottom: 4px; background-color: rgba(255,255,255,0.5); border-radius: 0 0 7px 7px; }

/* =searchbox --*/
#secondary #searchbox { height: 100px; margin-left: 3px; background: url(/img/v1/sidebar-search-bg.png) no-repeat 0 0; }
	#secondary #searchbox h4 { margin: 0 17px; padding: 11px 0 4px; font: 15pt 'geometric_slabserif_712Mda',Arial,helvetica,sans-serif; }
	#secondary #searchbox form { margin: 0 17px; }
		#secondary #searchbox fieldset { position: relative; width: 312px; height: 33px; margin: 0; padding: 0; border: 0; background: url(/img/v1/sidebar-search-box.png) no-repeat 0 0; }
			#secondary #searchbox fieldset input#q { display: block; height: 100%; padding: 0 50px 0 11px; line-height: 33px; border: 0; background: none; }
			#secondary #searchbox fieldset input[type=submit] { position: absolute; width: 50px; height: 33px; top: 0; right: 0; border: 0; background: none; box-shadow: none; cursor: pointer; }
	#secondary #searchbox p { margin: 1px 0 0; text-align: center; }
		#secondary #searchbox p em { font-size: 0.8em; color: #777; }

/* sharebar */
div#sharebar { overflow: hidden; min-width: 395px; z-index: 1; }
div#sharebar.wide { min-width: 505px; }
	div#sharebar em { float: left; padding-right: 7px; line-height: 36px; font-style: normal; font-size: 1.2em; font-weight: bold; opacity: 0.5; }
	div#sharebar a { float: left; width: 36px; height: 36px; margin: 0 3px; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; }
	div#sharebar a:hover { background-position: 0 -36px; }
	div#sharebar a.facebook { background-image: url(/img/social/btn-facebook.png); }
	div#sharebar a.twitter { background-image: url(/img/social/btn-twitter.png); }
	div#sharebar a.email { background-image: url(/img/social/btn-email.png); }
		div#sharebar a span { display: none; }
		div#sharebar a strong { display: block; padding-left: 45px; font: bold 10pt/36px arial,helvetica,sans-serif; text-align: center; color: #333; }

/* Google plusone */
#plusone { position: absolute; top: 180px; right: 11px; width: 97px; padding: 4px 11px 7px; font-size: 9pt; color: #fff; border-radius: 15px; background-color: #060; box-shadow: 0 0 7px 2px #fff; }
	#plusone div { float: right; margin-left: 4px; }

/* =footer --*/
footer[role="contentinfo"] { clear: both; min-width: 1250px; margin-top: 3em; margin-bottom: -53px; padding: 2em 0 0; color: #eee; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); background: #111 url(//cdn2.carcomplaints.com/img/v1/bg-footer.jpg) repeat-x 0 0; }
footer[role="contentinfo"] .wrap { position: relative; width: 1210px; margin: 0 auto; }
/* footer[role="contentinfo"] .hubcap { position: absolute; top: -60px; right: 0; display: block; width: 100px; height: 100px; background: transparent url(//cdn.carcomplaints.com/img/hubcap.png) repeat-x 0 0; } */

footer[role="contentinfo"] h4 { margin: 14px 0 7px; font-size: 19pt; font-weight: normal; }
footer[role="contentinfo"] a { font-weight: bold; color: #F9BE41; color: rgba(249,198,87, 0.85); }
footer[role="contentinfo"] a:hover { color: #069; }
footer[role="contentinfo"] p, footer[role="contentinfo"] li, footer[role="contentinfo"] dd { font-size: 12px; line-height: 1.3; }
footer[role="contentinfo"] section { float: left; width: 30%; margin: 0 4% 2em 0; }
footer[role="contentinfo"] section:last-child { width: 36%; margin-right: 0; }
footer[role="contentinfo"] section.toplinks { width: 24%; }

footer[role="contentinfo"] ul { list-style: none; padding: 0; }
footer[role="contentinfo"] .social li { float: left; width: 32px; height: 32px; margin-right: 2px; }
footer[role="contentinfo"] .social a { display: block; width: 100%; height: 100%; text-indent: -9999px; direction: ltr; background: url(//cdn.carcomplaints.com/img/icon-footer-social.png) no-repeat 0 0; opacity: 0.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
footer[role="contentinfo"] .social a:hover, footer[role="contentinfo"] ul.social li a:active { opacity: 0.98; }
footer[role="contentinfo"] .social .facebook { background-position: 0 0; }
footer[role="contentinfo"] .social .twitter { background-position: -32px 0; }
footer[role="contentinfo"] .social .gplus { background-position: -64px 0; }
footer[role="contentinfo"] .social .mobile { background-position: -96px 0; }
footer[role="contentinfo"] section dt { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; }
footer[role="contentinfo"] section dd { margin: 7px 0 14px; }

footer[role="contentinfo"] section.toplinks li a { display: block; width: 90%; padding: 2px 0 2px 10%; background: url(//cdn.carcomplaints.com/img/icon-footer-star.png) no-repeat 0 50%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
footer[role="contentinfo"] section.toplinks li a:hover { opacity: 0.98; }
footer[role="contentinfo"] section.toplinks li:first-child { border-top: 0; }

footer[role="contentinfo"] section.toplinks form#newsletter input[type=text] { width: 180px; padding: 0 7px; height: 29px; line-height: 29px; border: 1px solid #999; border-radius: 4px; box-shadow: inset 2px 2px 2px 0px #ccc; }
footer[role="contentinfo"] section.toplinks form#newsletter input[type=text]:focus { border-color: #99f; }
footer[role="contentinfo"] section.toplinks form#newsletter input[type=image] { vertical-align: top; }

footer[role="contentinfo"] section.copyright { clear: both; overflow: hidden; float: none; width: 100%; margin: 0; padding: 1.5em 0 1em 0; border: 4px solid #aa9313; border-width: 1px 0 0; text-shadow: -1px -1px 1px rgba(0,0,0,0.5); color: #ddd; background: #111 url(//cdn.carcomplaints.com/img/bg-footer-border.png) repeat-x 0 0; }
footer[role="contentinfo"] section.copyright h5 { position: absolute; top: 7px; right: 210px; margin: 0; padding: 0 38px 0 0; line-height: 20px; /* background: url(/img/cow_lt-tiny.gif) no-repeat 100% 50%; */ }
footer[role="contentinfo"] section.copyright h6 { position: absolute; top: -4px; right: 0; margin: 0; }
	footer[role="contentinfo"] section.copyright h6 a { display: block; width: 40px; height: 34px; margin: 3px; padding: 4px 40px 0 7px; font-size: 10px; line-height: 1.5em; color: #999; background: #090909 url(/img/icon-vermont.png) no-repeat 100% 50%; border-radius: 7px; box-shadow: 1px 1px 2px 0 #666,0 0 2px 1px #000 inset; opacity: 0.7; transition: background-color 1s; }
	footer[role="contentinfo"] section.copyright h6 a:hover { text-decoration: none; background-color: #030; }
footer[role="contentinfo"] section.copyright p { clear: left; float: left; margin: 0 5px 0 0; padding: 0; line-height: 1.6em; }
footer[role="contentinfo"] section.copyright p:last-child { float: none; width: 700px; margin: 0; font-size: 11px; font-style: italic; color: #d0d0d0; }
	footer[role="contentinfo"] section.copyright p:last-child span { white-space: nowrap; }
footer[role="contentinfo"] section.copyright ul { float: left; margin: 0; }
footer[role="contentinfo"] section.copyright li { float: left; margin-right: 5px; }
footer[role="contentinfo"] section.copyright li:before { content: "| "; }

/* =self-clearing */
 .group:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* fix iOS portrait page width bug when page height is less than viewport height */
@media only screen and (device-width:768px)and (orientation:portrait) {
	#container { min-height: 980px; }
}