/**
* Customer web site CSS
*
* Copyright (c)2008 44 Interactive. All Rights Reserved.
*
* SVN File: $Id: styles.css 217 2008-07-28 19:06:27Z Mike Neugebauer $
* @author $Author: Mike Neugebauer $
* @version $Revision: 217 $
* @lastrevision $Date: 2008-07-28 14:06:27 -0500 (Mon, 28 Jul 2008) $
* @modifiedby $LastChangedBy: Mike Neugebauer $
* @lastmodified $LastChangedDate: 2008-07-28 14:06:27 -0500 (Mon, 28 Jul 2008) $
* @filesource $URL: svn+ssh://miken@svnhost.44i-dev.com/svnhome/base/branches/cbp/cust_skeleton/css/styles.css $
*/

 * { margin: 0;
	padding: 0;
	border: 0;
	outline:none;
}

html {
	font-size: 62.5%;
	height:100%;
	width:100%
}

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	background:#3c3c3c;
	color:#666666;
	height:100%;
	width:100%;
}

/*
#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden;}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background:url(loading.gif);color:#000}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}*/

h1, h2, h3, h4, h5 {
	color:#666666;
	font-weight:normal;
}

h1 {
    font-size: 2.1em;
	margin-bottom:8px;
}

h2 {
    font-size: 1.9em;
}

h3 {
    font-size: 1.7em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.3em;
}

a:link {
	color:#0c3d61;
	text-decoration: underline;
}

a:visited {
	color:#859eb0;
	text-decoration: underline;
}

a:hover {
	color:#5d7a90;
	text-decoration: none;
}

a:active {
	color:#000000;
	text-decoration: underline;
}

p {
	line-height:1.6em;
	margin-bottom:10px;
}





/*----------------------------------------------------------- MAIN LAYOUT STYLES -----------------------------------------------------------*/

#hwrap {
	width:100%;
	height:78px;
	position:relative;
	z-index:100;
	background:url(/_cust/images/hbg.jpg) repeat-x;
}

#hleft {
	width:40%;
	height:78px;
	background:url(/_cust/images/hleftbg.jpg) repeat-x;
	position:absolute;
	z-index:125;
	top:0;
	left:0;
}

#header {
	width:968px;
	margin:0 auto;
	height:78px;
	position:relative;
	z-index:150;
	background:url(/_cust/images/hbg.jpg) repeat-x;
}

#header img.logo {
	float:left;
}

#nav {
	width:528px;
	height:35px;
	margin:23px 0 0 0px;
	float:left;
}

#container {
	width:968px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#cwrap {
	width:836px;
	float:left;
}

#sidebar {
	width:120px;
	float:right;
	padding-top:8px;
}

#contenttop {
	width:836px;
	background:url(/_cust/images/contenttop.png) no-repeat;
	height:20px;
}

#contentbtm {
	width:836px;
	background:url(/_cust/images/contentbtm.png) no-repeat;
	height:15px;
}

#content {
	width:777px;
	padding:0 32px 0 28px;
	background:url(/_cust/images/contenttile.png) repeat-y;
}

#wrap {
	width:560px;
	float:left;
}

#panels {
	width:172px;
	float:right;
}

#panels img {
	margin-bottom:18px;
}

#search {
	width:560px;
	background:url(/_cust/images/searchbg.jpg) 0 36px  repeat-x #415f8e;
	z-index:100;
	height: 84px;
}

#searchspon {
	width:560px;
	background:url(/_cust/images/searchbg.jpg) 0 36px  repeat-x #415f8e;
	z-index:100;
	height: 84px;
}

input.search {
	width:522px;
	height:18px;
	background:url(/_cust/images/searchbox.jpg) no-repeat;
	/*line-height:30px;*/
	font-size:1.4em;
	padding:6px 6px;
	margin:4px 0 16px 13px;
	color:#333333;
}

a.adsearchbtn, a.adsearchbtn:visited {
	width:146px;
	height:32px;
	display:block;
	position:relative;
	z-index:500;
	float:right;
	margin:3px 10px -35px 0;
	background:url(/_cust/images/advancedSearchBtnBG.png) no-repeat top;
	text-indent:-9999px;
}

a.adsearchbtn:hover {
	background-position:bottom;
}



#initial_autos
	{
	width:560px;
	z-index:120;
	margin-bottom:0px;
	}

#copy_pusher
	{
		margin-top: 30px;
	}

.listing {
	background-color:#f2f2f2;
	padding:6px;
	margin-bottom:12px;
	color:#333333;
	cursor:pointer;
	z-index: 120;
}

.listing:hover {

	background-color:#e8e8e8;
}

.listing img {
	border:solid 1px #999999;
	float:left;
	margin-right:6px;
}

.listing a:hover img {
	border:solid 1px #415f8e;
}

.listing h1 {
	font-size:1.2em;
	color:#333333;
	color:#222222;
	/*padding:3px 6px;
	background-color:#d6d6d6;*/
	padding-bottom:3px;
	float:left;
	margin-bottom:6px;
	font-weight:bold;
	border-bottom:dotted 1px #666666;
}

.listing h1 a, .listing h1 a:visited {
	color:#000000;
	text-decoration:none;
}

.listing h1 a:hover {
	color:#415f8e;
	text-decoration:none;
}

.listing h1.title {
	width:357px;
}

.listing h1.price {
	float:right;
	text-align:right;
	width:108px;
}

.listing ul.att {
	list-style:none;
	width:175px;
	float:left;
}

.listing ul.dealer {
	list-style:none;
	width:250px;
	float:right;
}

.lighter {
	color:#666666;
}

#paginationholder {
	width:560px;
	height:32px;
	background:url(/_cust/images/pagebar.jpg) no-repeat;
	color:#CCCCCC;

}


#pagination {
	margin-left: 120px;
        }

.pagination a {

	margin-top: 3px;
	margin-bottom: 2px;
    text-decoration: none;
	border: solid 1px #AAE;
	background-color: #ccc;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    text-align: center;
    padding: 0.08em 0.15em;

    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
	margin-top: 3px;
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}



#copy {
	width:560px;
}

#copy h1 {
	font-style:italic;
	border-bottom:solid 1px #666666;
	color:#666666;
}

.ad {
	width:120px;
	height:90px;
	background-color:#000000;
	color:#999999;
	text-align:center;
	margin-bottom:18px;
}

.ad p {
	line-height:90px;
}

/*-------------- SEARCH ------------------------*/

#home #content {
}


#page_change_panel {
	margin-left: 12px;
	margin-bottom: 8px;
}

.page_control {
	border: 1px solid #333;
}


/*-------------- ADV SEARCH ------------------------*/

#advsearch {
	width:560px;
	background:url(/_cust/images/searchbg.jpg) 0 36px  repeat-x #415f8e;
	position:relative;
	z-index:100;
	height: 244px;
	color: #fff;
	font-size: 1.0em;
}

#advsearch ul  {
	padding-left: 6px;
	padding-right: 4px;
}

#advsearch ul li {
	padding-right: 12px;
	list-style:none;
	float:left;
	margin-bottom: 12px;


}



a.advsearchbutton, a.advsearchbutton:visited {
	width:107px;
	height:26px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/searchBtnBG.png) no-repeat top;
	cursor:pointer;
	margin:8px 0 4px 227px;
}

a.advsearchbutton:hover {
	background-position:bottom;
}

#advsearch select {
	width:150px;
}

#advsearch select option {
	margin:2px 0;
	padding:2px 4px;
}

#advsearch select option:hover {
	background:#CCCCCC;
}

#used_model_swap {
	width: 150px;
}


/*-------------- DEALER PAGES ------------------------*/

.dealer_summary {
	width:548px;
	background-color: #ccc;
	background-color:#ebebeb;
	/*height: 108px;*/
	color: #000;
	font-size: 1.0em;
	margin-bottom: 24px;
	cursor: pointer;
	padding:6px;
}

.dealer_summary h2 {
	padding-top: 4px;
	color: #333333;
	font-size: 1.4em;
	font-weight:bold;
}

.dealer_summary img {
	float: left;
	margin-right: 12px;
}

.dealer_summary a {
	margin-left: 164px;
}

.dealer_detail {
	text-align: center;
	width:560px;
	background-color: #fff; 
	color: #000;
	font-size: 1.0em; 
}


a.viewdealerinfo, a.viewdealerinfo:visited {
	width:339px;
	height:26px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/viewDealerInfoBtn.png) no-repeat top;
	margin-top:8px;
}


a.viewdealerinfo:hover {
	background-position:bottom;
}


/*----------------------------------------------------------- DETAIL STYLES -----------------------------------------------------------*/

img.copyphoto {
	float: left;
	margin-right: 12px;
}



body#detail #contenttop {
	width:968px;
	background:url(/_cust/images/contenttopwide.png) no-repeat;
	height:20px;
}

body#detail #contentbtm {
	width:968px;
	background:url(/_cust/images/contentbtmwide.png) no-repeat;
	height:15px;
}

body#detail #content {
	width:908px;
	padding:0 32px 0 28px;
	background:url(/_cust/images/contenttilewide.png) repeat-y;
}

#left {
	width:302px;
	float:left;
	margin-right:28px;
}

#left h1.desc {
	font-style:italic;
	border-bottom:solid 1px #999999;
}


#middle {
	width:264px;
	float:left;
	margin-right:20px
}

#right {
	float:right;
	width:290px;
	text-align:center;
}

#right img.dealerlogo {
	margin-bottom:12px;
}

#right ul {
	list-style:none;
	margin-bottom:18px;
}

#right h1.morelistings {
	font-size:1.5em;
	text-align:left;
	border-bottom:dotted 1px #666666;
}

#slideshow {
	width:320px;
	height:300px;
	margin-bottom:18px;
}


.box {
	background: url(../images/boxbg.jpg) repeat-x #eeeeee;
	width:276px;
	margin-bottom:18px;
	color:#333333;
	padding-bottom:10px;
}

.box h1.details {
	background:url(../images/detailshead.jpg) no-repeat;
	width:276px;
	height:29px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.box h1.features {
	background:url(../images/featureshead.jpg) no-repeat;
	width:276px;
	height:29px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.box ul {
	margin:0 10px 0 12px;
	list-style:none;
}

.box ul li {
	padding:2px 0;
	border-bottom:dotted 1px #999999;
}




.minilisting {
	background-color:#f2f2f2;
	padding:6px;
	margin-bottom:12px;
	color:#333333;
	cursor:pointer;
	text-align:left;
}

.minilisting:hover {

	background-color:#e8e8e8;
}

.minilisting img {
	border:solid 1px #999999;
	float:left;
	margin-right:6px;
}

.minilisting a:hover img {
	border:solid 1px #415f8e;
}

.minilisting h2 {
	font-size:1.0em;
	color:#333333;
	color:#222222;
	padding-bottom:3px;
	float:left;
	margin-bottom:4px;
	font-weight:bold;
}

.minilisting h2 a, .minilisting h2 a:visited {
	color:#000000;
	text-decoration:none;
}

.minilisting h2 a:hover {
	color:#415f8e;
	text-decoration:none;
}

.minilisting h2.title {
	width:200px;
}

.minilisting h2.price {
	float:right;
	text-align:right;
	/*width:108px;*/
}

.minilisting ul.att {
	list-style:none;
	width:175px;
	float:left;
}

.minilisting ul.dealer {
	list-style:none;
	width:250px;
	float:right;
}

#emailAdPanel {
	margin-top: 12px;
	margin-bottom: 8px;
	padding: 4px;
	/*border: 1px solid #ccc;*/
	background-color:#eae9e9;
	visibility: hidden;
	display: none;
}

body#detailEmail #emailAdPanel {
	visibility: visible;
	display: block;
}

body#detail_print body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	background:#fff;
	color:#000;
	height:100%;
	width:100%;
}

#contentprint {
	margin: 4px;
	width:777px;
	padding: 4px 32px 4px 28px;
	background-color: #fff;
}


a.email, a.email:visited {
	background:url(/_cust/images/emailBtnBG.png) no-repeat top;
	width:181px;
	height:32px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:-12px;
}

a.print, a.print:visited {
	background:url(/_cust/images/printBtnBG.png) no-repeat top;
	width:181px;
	height:32px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

a.email:hover, a.print:hover {
	background-position:bottom;
}

a.viewlistings, a.viewlistings:visited {
	background:url(../images/viewBtnBG.png) no-repeat top;
	width:290px;
	height:26px;
	text-transform:uppercase;
	text-align:center;
	overflow:hidden;
	line-height:26px;
	font-size:1.1em;
	color:#ebebeb;
	display:block;
	text-decoration:none;
}

a.viewlistings:hover {
	background-position:bottom;
	color:#FFFFFF;
}

a.viewfeatures, a.viewfeatures:visited {
	margin-left: 4px;
	margin-top: 6px;
	background:url(../images/viewBtnBG.png) no-repeat top;
	width:240px;
	height:26px;
	text-transform:uppercase;
	text-align:center;
	overflow:hidden;
	line-height:26px;
	font-size:1.1em;
	color:#ebebeb;
	display:block;
	text-decoration:none;
}

a.viewlistings:hover {
	background-position:bottom;
	color:#FFFFFF;
}





/*----------------------------------------------------------- DETAIL STYLES -----------------------------------------------------------*/


#imageOptions li {
	margin-top: 4px;
	margin-right: 4px;
	position: relative;
	list-style:none;
	float: left;
}

#loader img
{
     height: 240px;
    width: 320px;
}


.loading
{
    height: 240px;
    width: 320px;
}



ul.printdealerdata {
	list-style:none;
	margin-left: 24px;
	margin-bottom:18px;
}

#vehicle_head {
	width:605px;
	/*background-color:#CCCCCC;*/
}

h1.vehicle_head {
	width:470px;
	float:left;
}

h1.vehicle_price {
	width:135px;
	float:right;
	text-align:right;
}


/*----------------------------------------------------------- NAVIGATION STYLES -----------------------------------------------------------*/



#nav ul li {
	list-style:none;
	float:left;
}

#nav ul li a {
	display:block;
	overflow:hidden;
	text-indent:-9000px;
	height:35px;
}

a.searchBtn, a.searchBtn:visited {
	width:85px;
	background:url(/_cust/images/searchBtn.jpg) top no-repeat;
}

a.dealersBtn, a.dealersBtn:visited {
	width:89px;
	background:url(/_cust/images/dealersBtn.jpg) top no-repeat;
}

a.magBtn, a.magBtn:visited {
	width:99px;
	background:url(/_cust/images/magBtn.jpg) top no-repeat;
}

a.forumBtn, a.forumBtn:visited {
	width:79px;
	background:url(/_cust/images/forumBtn.jpg) top no-repeat;
}

a.aboutBtn, a.aboutBtn:visited {
	width:79px;
	background:url(/_cust/images/aboutBtn.jpg) top no-repeat;
}


a.contactBtn, a.contactBtn:visited {
	width:97px;
	background:url(/_cust/images/contactBtn.jpg) top no-repeat;
}


#nav a.searchBtn:hover,
#nav a.dealersBtn:hover,
#nav a.magBtn:hover,
#nav a.forumBtn:hover,
#nav a.aboutBtn:hover,
#nav a.contactBtn:hover {
	background-position:center;
}


body#searchPage #nav a.searchBtn,
body#dealersPage #nav a.dealersBtn,
body#magazinePage #nav a.magBtn,
body#forumPage #nav a.forumBtn,
body#aboutPage #nav a.aboutBtn,
body#contactPage #nav a.contactBtn {
	background-position:bottom;
	cursor:default;
}



/*-----------------------------------------------------------  PANEL BUTTONS ----------------------------------------*/

a.advertisebutton {
	width:172px;
	height:82px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/advertisebutton.jpg) no-repeat;
	margin-bottom:18px;
}


a.dealersbutton {
	width:172px;
	height:95px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/dealersbutton.jpg) no-repeat;
	margin-bottom:18px;
}

a.forumbutton {
	width:172px;
	height:95px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/forumbutton.jpg) no-repeat;
	margin-bottom:18px;
}

a.magbutton {
	width:172px;
	height:90px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/magbutton.jpg) no-repeat;
	margin-bottom:18px;
}


a.sellbutton {
	width:172px;
	height:82px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/_cust/images/sellbutton.jpg) no-repeat;
	margin-bottom:18px;
}



body#advertisePage a.advertisebutton,
body#dealersPage a.dealersbutton,
body#forumPage a.forumbutton,
body#magazinePage a.magbutton,
body#sellPage a.sellbutton {
	display:none;
}



/*----------------------------------------------------------- MAGAZINE STYLES-------------------------------------------------*/

#flasharea {
	text-align: center;
	margin-bottom: 10px;
}



/*----------------------------------------------------------- DYNAMIC SEARCH STYLES-------------------------------------------------*/

#live-search-results {
	margin-top: 20px;	
	min-height: 400px;
}

.live-search-results {
	margin-top: 42px;
	margin-left: -22px;
	/* background-color: yellow; */
	z-index: 200;
	width: 560px;
	height: 382px;
	padding: 4px;
}

.results_header {
	font-size: 1.2em;
	text-decoration: underline;
}

a.autoresult, a.autoresult:visited {
	width: 510px;
	height: 40px;
	margin-bottom: 16px;
	text-align: left;
	background-color: #76F56A;
	color: black;
	display:block;
	overflow:hidden;
	padding: 4px;
}

a.autoresult:hover {
	cursor: pointer;
	background-color: #CBF5C7;
}

.empty_auto_result {
	width: 550px;
	height: 60px;
	background-color: #ffffff;
	margin-bottom: 16px;
	display:block;
	overflow:hidden;
	padding: 4px;
}

#res_total_show {
	margin-top: 0px;
	font-size: 1.3em;
}

#res_holder
{
	position: relative;
	display: block;
}

#currPageNumHolder
{
	position: relative;
}

a.resnav, a.resnav:visited {
	font-size: 1.4em;
	text-decoration:none;
	color:#ddd;
}

a.resnav:hover {
	color:#fff;
}

#results {
		position: absolute;
		left: 180px;
		top: 180px;
}

.noresults {
	z-index: 800;
	text-align: center;
	background-color:#f2f2f2;
	height: 440px;
	font-size: 1.4em;
	color: blue;
	margin-top: -12px;
	margin-left: -2px;
	padding-top: 18px;
}

/*----------------------------------------------------------- CALCULATOR -----------------------------------------------------------*/

#paycalcpanel {
	 position: relative;
	 /*border: 1px solid #000000;*/
	 padding: 8px;
	 margin: 10px 0 18px 0;
	 background-color:#f2f2f2;
}

#paycalcpanel p {
	margin-bottom:4px;
}

#paycalcpanel img {
	margin:-8px 0 6px -8px;
}

#paycalcpanel input {
	border: 1px solid #666666;
	padding:4px;
	margin-bottom:12px;
	color:#666666;
}

.paycalcattr {
	color:#666666;
	font-size:1.3em;
}

#paycalcpanel input.calculate {
	background:url(/_cust/images/calcBtn.jpg) top;
	border:none;
	width:100px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 0 0 30px;
	cursor:pointer;
	padding:0;
}

#paycalcpanel input.calculate:hover {
	background-position:bottom;
}


#searchauto {
	z-index: 1000;
}


/*----------------------------------------------------------- BACKGROUND STYLES -----------------------------------------------------------*/

#flashbackground {
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	height:100%;
	z-index:10;
}

#flashbg{
	width:100%;
	height:100%;
	z-index: 1;
}


div > div#flashbackground {
	position: fixed;
}

div > div#flashbackground {
	position: fixed;
}

pre.fixit {
	overflow:auto;
	border-left:1px dashed #000;
	border-right:1px dashed #000;
	padding-left:2px;
}


/*----------------------------------------------------- FOOTER STYLES ---------------------------------------------*/


#footer {
	width:820px;
	float:left;
	margin:12px 8px;
	text-align:center;
	color:#FFFFFF;
}

#footer ul {
	list-style:none;
}

#footer ul li {
	float:left;
	margin-right:12px;
	color:#FFFFFF;
}

#footer ul li.fortyfour {
	float:right;
	margin-right:0px;
}

#footer ul li a {
	color:#FFFFFF;
}

#footer a, #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


/*----------------------------------------------------- CONTACT ---------------------------------------------*/

#contactinfo {
	margin-top: 22px;
	float: right;
}


input.ffi  {
	border: 1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding:3px 5px;
	background:url(/_cust/images/inputBG.png) #FFFFFF repeat-x top;
}

td.imagev input {
	margin-left: 2px;
	height: 26px;
	font-size: 1.7em;
	border: 1px solid #666666;
	background:url(/_cust/images/inputBG.png) #FFFFFF repeat-x top;
}

textarea.ffi {
	border: 1px solid #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	padding:3px 5px;
	background:url(/_cust/images/inputBG.png) #FFFFFF repeat-x top;
}

.error_msg
{
	border: 1px solid #ff0000;
	color: #ff0000;
	background-color: #FDD0D0;
	font-weight: 900;
	padding: 4px;
	text-align: center;
}

.success_msg
{
	border: 1px solid #00ff00;
	color: #009900;
	background-color: #ffffff;
	font-weight: 900;
	padding: 4px;
	text-align: center;
}

.form_msg_width
{
	width: 240px;
}

a.buttonlink, a.buttonlink:visited {
	/*padding:3px 6px;
	border:solid 1px #b5131c;
	text-decoration:none;
	text-transform:uppercase;
	color:#b5131c;*/
	width:107px;
	height:26px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/submitBtnBG.png) no-repeat top;
}

a.buttonlink:hover {
	background-color:#b5131c;
	color:#fff;
	background-position:bottom;
}



/*-------------------------------------- --- WORD VERIFICATION --------------------------------------------------------*/

.word_verification_msg {
}

input.word_verification {
	margin-left: 2px;
	height: 26px;
	font-size: 1.7em;
	border: 1px solid #666666;
}

img.word_verification {
	border:none;
}

/*----------------------------------------------------------- SITEMAP -----------------------------------------------------------*/


#sitemap_disp
{
	font-size: 1.2em;
	margin-left: 20px;
}

#sitemap_disp ul li
{
	margin-left: 24px;
}

/*----------------------------------------------------------- CLEARFIX -----------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}