/* Minification failed. Returning unminified contents.
(5661,14): run-time error CSS1036: Expected expression, found '#'
 */
.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet {
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAF6UlEQVR4AezZWWxUZRiH8VcQEdxZEFFiUZBFUCIa1ABBDARDcCciYGKMqTEGww3SOcNSAwQTjOBiiIpEhRjAhRgXRC8MFxojEhAFZUGttVhaoSxlaW3n8W3yXZxm6vTrOMM5Q98n+V9MMu1pvl++uZhKuypghu49KaaTWGdZSYoVN6VD95nMpLNYZ9XNbdQR2od2k88O3Gm6Bh0t7H0p5Vwp2Ax3ajpu2tYbciFWwkTFO63DY6+JcI4USFaSyYpWp8N7SVZJKR3EinkBk9JxvZFXxhnZSjBaoWp1ZL0ES8WKYXMZp0AndORgy8WKFe5Yf1zvvSBWDEpys2LU6MjD5kmEWQlGKsJRHXlcqUSQVcItEnDEA6gAb7LhjvD9WO6yIEfICQI5A1nzGCYB1T4og5bBiFcyv2f6ujYhl4iVxwKG6qp8MK55HsqPwK0rMr9v/yEo3uCPrJstVh5KMER30Aeh31Ioq0FrHfjXw9CYghnrvYFTuqfEymFzGSwBlT4ARYr7u+K6GLmCVGvAGg2NMG0d/sgJnpScZLjXSkC5z8H3eQ72/k24Q8NfzvwFyK4qtuJSZKaubRPyE/K/Mtx+EvCHL+7uasId1t10w0scz/RzSzYzAfgKV30D3LPaG7lRkR8RK4tKKJKAMp+D7r0EfmmOe0x3m2itAc/ZxBjgAt1mXHWKPPkdb+QGSTJdrDaU5EoJ2OtzwD0WwY7KNNzbRfMFFg24WPdtGHnS221Cflgsj56hjwTs8TnY7oq7/QDhjutGicsb2AVcovsO18l6uPPNNiE/JFaGAq7Q7fY50G4LYVtz3FrdaNGyBXbIl+q24DqhyHes9EaulwR3SwtZs+ktAT/7HORliru1gnCndONFyx44Dfn7MPLYN7yR6yTJZAllJeguAT/4HOBFz8I3ZWm4E0TLFbBD7qn7EVdtHYx53R9ZN0ksrZRuErDN5+AuLIWvm+Oe1k0ULdfADrmX7idcR0/DyBXeyCdlLuMMOGCBz4F1ng+f7yFcve5e0fIFHELeiav6BAx70Rt5p0yhY3u/wR0kyarW/uX35b403PtFyzewQ75ctwtXzSkY8WqruHslSV8RscrL6TJ1bcvfWJ0/HzbtIdw/ugdFyzdwOOAq3T6fmzxwGQ3vbmO8iFioIWqYSsHMj9M/ljfuTsOdItoZBXYBfXX7cVXVwvXLm/8+fU3lcdCqdEMNGBbgUmRmfQISQKd5sGEn4VK6YtEiAXYBA3QVuA4q8hCHrDcafR1ul65jewfuovsCl7vJrNlOuEbdo6JFCuwCrtb9hqusBu56Cw4cI1y1briIWEBn3Ue0XKPuMdGiBg4H9NdV0HJ/6QZLOEPmPN0GmpfSPS5arIBdwHUtIFfoBsl/ZsgfhHCfFi2WwC5goO4AmvanbqBkzJA76tboZokWa2AXMEi3RTdAvDLkDqJFAhzB32xFD2wZsGXA0WfAlgFbBmwZsGXAlgFbBpzk04JaKb0iA9ZnF9x5SQAFtRKKIgPWZxfaeRmwAZ/BGbAB37eaG6MCbnq2Aed5czYyKirgpmcbsAHHZAZswN0Wwo7KeG1fFf2jAm56dtzOQ42yB+65mDhWFBUwUETMUiMDNmADbp/APRaTAh6I2bpGCNw1bufRZJQ1cPdF/NueHZsgDEBBGLbMGoIu4AZu5gLOZeEaYmEXeznF3jRPyEv4frgJvvJe3qTefY0AAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwb8rwADBgwYMGDAgAEDBgwYMGDAgAEDBgwYMGDAgAEDBgz4/sz1Nia/9hizA7zgklwy3RYwYMBzBRjw4bPjxAbAAizAAtwgwAIswAIswAIMGDBgARZgARZgAS4FWIAFWIAFWIABAwYswAIswAIswIUAC7AAC7AACzBgwIAFWIAFWIAFuBBgARZgARZgAQYMGPApQ99ZCdgWtzqwATbABtgAG2DbnxNb7zbRimsMLMACrDf2wWI/WasfQAAAABJRU5ErkJggg==);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAF4klEQVR4Ae3a/a+XdR3H8ec5HM45HDmKICoVohkZsxESRRCzcZM/2JKkdGR5MrSkleA0Pd00O4u5IVuNM2yYc6XSzCExU4oUNRPCJFdMUAhsYZpUGhscOHA4N8/WZzsL6HBxvofvdV3fa3yer//gsV3vH659KHzncBsJxUYhDzOEhCKQbORs+ip2wzgM+wvj+P9i35qAGLaHGcQSgKSTrxBLABJppZpYApCspoFYApBsZjSxBCD5OxOJJQBJG1cQSwCSLpqJJQCJ3MvgCGTinuSMCJS8LZwfgZL3FtMiUPIOcU0ESl4PLRHoRPsJtREoeRsYGYGS9yrvo6RmpbLaigWSfzOdErLs6+bLUMFA0sF1+QF1cz1UNlBYK9V5AHXyWSgEkKyiIWOgGh829Ki1lLcaxjCVK7mJRSxjBY+zgRf/u9pXcMB7jhEZAg32EUP3O6hMKOP5Iq2sZQeHMZXt5KKMgOpcY+iHVnFyjeQKlrCBdsxge5ieAVC9vzLUelI8H+A7bKIHM10H81IGGuKvDf1ggDxVTKOV1zG3/Yia1ICG+ltD32MgNTKfP2HuW0VDKkCNrjfUTOm9i6XswwrZJkaVHeh0f2fodkrtfO6jAytqrzG+rEDDfVG1x1sprZEs5RBW4PZxeT+Bbrf5hPu9arfzKaU6WjiAFbseWvoF1GW/6vYGSmkyW7Dit4xB5QHq9Br6Xx2t9GAhtp6zkoHsfNp1J9wX6H+jeR4LtJc4LxGopZZyNpN/YcG2mw9nBTSPLizgOmjKAujGgvJID3ekD7QYi7nGzkvmQtpA38Vi7iJf0TedlC7QTVjMfcY2QyvSBPpUW/PIBfbo9pls1XpAX2EdizeznStob3OJpQO0DB2YfE21q2GtnghpAm0Gou3T9tm6BGHQppA12HRVt17eboNlydNoLHsx2JtmL801OYcQmkC/QKLtQt9ydBW3wNpA30ci7Ur3WdolUMhbaBqNhf/8qQJ9Hkszs5wjaH9XkUobaAqtmFRdoGbDb3sWMgG6DIs5852knO82RaXer+P+qyb3eWeo7ZNBrRZvm1otY2QFdBjeHIb6hTne49Put12+9ObMoDdYmfy5UkF6AK6cCCr9aM2u9IddptcOYCG+FNDB5xLKCugO7G01TndFp/xgAntdYvrfdwVLnORt3q9Vx25F27DUjbGPxr6qxMgW6Cd2N+d6wLXedA+6nKbK73Lr/pJxzusvE/wZrvX0FOOgGyBxmF/dprXutYOj6nNdS6xyYnWp/dGcaGdhr5vDWQN9E1MXrUzfcA2j2qPj/l1J1uT9iPOeh8w1O7nCGUN9HzyGZ7ndo9qp0ucanU2r1xH+wdDu5wIeQDVVx0+/kd1i697RNv8thdn+Qz4Uv9p6DeOhHyApmBfq3OBu+3Nfd7nVELZAX3Nw4ZarYG8gG7GY1dlk6/Zm3/2Rk8jlB1QvT82dNAmQjkBVf8Mj957fdrefM7ZVhPKEuidvmDob06CXIGGbsX/bZDf8KAhfdbJhLIGmuZuQ084HHIGatiLvRvrRkP6qldbBXkAzbfD0N0OhryBGqrEMOd50FC7d1hPKGugBh8ydMh5hPIGGouI1d5lj6F1vptQ9kDvcKOhN5wMlQH0QcRGnzC03yZCeQDN9G1D6xwBFQI07FI8x02GdjgB8gJqttPQcmuhYoAumzvG7YZWejrkA1TrPYYO+SVCFQO0aM4bqj0uJJQH0LluSP7PkyeQU9QOmyAvoBm+Zegpz4LKA/qYB/wE5AXUe3m81zqoRKAPOYWcuvP9dxvqcD6h7IAKkaNU3eUlHLcI9EzS5YlAi62h/zUy89QCqqKUmvgHywsJlEHnsQYxAvXVIJo5gIhnPhiBju1iNmLvLn85Ah1ZPYs5jBGo72awEzEC9dVwHqQHI9DxWoAYgSLQQKteGIESu/qhCJTYtT+PQBEoAkWgCBSBkotAEehUWwSKQBEoAkWg/BeBIlAEikARKAJFoFmealu4gVLy1Gt5dkARKAL9BzujPSurTmu/AAAAAElFTkSuQmCC);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}
/*** Eye Title ***/
.widget-eye-title{
	color:#da0909 !important;
	font-weight:bold !important;
	background: url("http://www.moderntiredealer.com/Content/images/widgets/icon-eye.png") no-repeat 0 1px !important;
	padding: 0 0 0 33px !important;
    margin: 0 0 5px 0 !important;
    overflow: hidden !important;
    line-height: 140% !important;
    font-size: 14px !important;
}

/*** Bulb Title ***/
.widget-bulb-title{
	color:#da0909 !important;
	font-weight:bold !important;
	background: url("http://www.moderntiredealer.com//Content/images/widgets/icon-bulb.png") no-repeat 0 0 !important;
	padding:0 0 2px 20px !important;
    margin: 0 0 5px 0 !important;
    overflow: hidden !important;
    line-height: 140% !important;
    font-size: 14px !important;
}

/*** Full Width Box ***/
.widget-full-width-box{
	overflow:hidden !important;
	border:1px solid #dddddd !important;
	padding:20px 20px 5px 20px !important;
	margin:0 0 15px 0 !important;
}
.widget-full-width-box p{
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

/*** Left Box ***/
.widget-left-box{
	float:left !important;
	width:200px !important;
	overflow:hidden !important;
	border:1px solid #dddddd !important;
	margin:0 20px 15px 0 !important;
	padding:15px 20px 5px 20px !important;
	background:#f4f4f4 !important;
}
.widget-left-box p{
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

/*** Right Box ***/
.widget-right-box{
	float:right !important;
	width:200px !important;
	overflow:hidden !important;
	border:1px solid #dddddd !important;
	margin:0 0 15px 20px !important;
	padding:15px 20px 5px 20px !important;
	background:#f4f4f4 !important;
}
.widget-right-box p{
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

/*** See Also ***/
.widget-see-also{
    clear: left;
	overflow:hidden !important;
	border-top:1px solid #dddddd !important;
	border-bottom:1px solid #dddddd !important;
	/*padding:15px 0 0 0 !important;*/
    margin: 10px 0 20px 0 !important;
	font-weight:bold !important;
	font-style:italic !important;
    line-height: 1.4em !important;
    font-size: 18px !important;
	color:#555555;
}
.ui-mobile .widget-see-also{
    line-height: 1.3em !important;
	font-size: larger !important;
}
.widget-see-also p{
	font-weight:bold !important;
	font-style:italic !important;
	color:#555555 !important;
    padding: 0 !important;
    margin: 10px 0 10px 0 !important;
}
.widget-see-also a{
	font-weight:bold !important;
	font-style:italic !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
	text-decoration:none;
    font-size:18px;
}


/*** Quote ***/
blockquote{
	font-style:italic !important;
	color:#da0909 !important;
	border-left:#da0909 4px solid !important;
	padding:0 0 0 15px !important;
	margin:0 0 20px 0 !important;
    overflow: hidden !important;
}
blockquote p{
    padding: 0 !important;
    margin:  0 !important;
    line-height: 1.5em !important;
    font-size: 1.3em !important;
    color:#da0909;
}


/*** Section Header ***/
.section-header {
    font-size: 20px !important;
    line-height: 160%;
    color: #000000;
    margin:0 !important;
    padding:10px 0 5px 0 !important;
}

/*** Dig Deeper ***/
.widget-digdeeper{
	font-size:16px;
	border:1px solid #cccccc;
	width:120px;
	background-color:#ffffff;
	padding:105px 15px 20px 15px;
	margin:13px 20px 20px 0;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	-moz-box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	float:left;
	clear:both;
	background-image:url(http://www.moderntiredealer.com/Content/images/widgets/digdeeper-1-5-MTD.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
}
		
.widget-digdeeper  a{
	text-decoration:none;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#D91F26;
}	

.widget-digdeeper  a:hover{
	text-decoration:underline;
}
 

@media only screen and (max-width: 480px) {
    .widget-eye-title{
	    padding-top: 1px !important; /*padding adjustment for smaller font size on mobile*/
	    background: url("http://www.moderntiredealer.com/Content/images/widgets/icon-eye.svg") no-repeat 0 3px !important;
        background-size: 27px 16px !important;
        line-height: inherit !important;
        font-size: inherit !important;
    }
    .widget-bulb-title{
	    padding-top: 1px !important; /*padding adjustment for smaller font size on mobile*/
	    background: url("http://www.moderntiredealer.com/Content/images/widgets/icon-bulb.svg") no-repeat 0 1px !important;
        background-size: 13px 19px !important;
        line-height: inherit !important;
        font-size: inherit !important;
    }
    .widget-left-box{
	    float:none !important; /*no floating for mobile*/
	    width:auto !important;
	    margin:0 0 15px 0 !important;
    }
    .widget-right-box{
	    float:none !important; /*no floating for mobile*/
	    width:auto !important;
	    margin:0 0 15px 0 !important;
    }
    blockquote p{
	    line-height:1.5em !important;
	    font-size: 1.5em !important;
        color:#da0909;
    }
    .widget-digdeeper a{
	    float:left;
	    text-decoration:none;
	    font-size:16px;
	    font-family:Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    color:#D91F26;	
	    padding-left:120px;
    } 
    
    .widget-digdeeper{
	    font-size:16px;
	    border:1px solid #cccccc;
	    background-color:#ffffff;
	    padding:15px;
	    margin:13px 20px 20px 0;
	    -webkit-box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	    -moz-box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	    box-shadow: 4px 4px 0px 0px rgba(221,221,221,1);
	    float:left;
	    clear:both;
	    background:url(http://www.moderntiredealer.com/Content/images/widgets/digdeeper-mobile_MTD.gif) no-repeat top left;
	    background-size:135px;
	    min-height:45px;
        width: 90%;
    }
}

/*****************************************************
Reset
*****************************************************/
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,img {
	margin: 0;
	padding: 0;
	border: 0;
}
header, nav, section, article, figure, aside, footer {
   display:block;
}
ul,li,dl,dt,dd,ol{
	list-style:none;
}


/*****************************************************
General
*****************************************************/
body{
	font-family: "proxima-nova", helvetica, arial, san-serif;
	/*background:#1d2d5e;*/
}
.margin-40{
	margin:40px 0;
}
.margin-bottom{
	margin-bottom:40px;
}
.group{
	overflow:hidden;
}
.divider{
	border-top:1px solid #dddddd;
	margin:40px 0 0 0;
	padding-bottom:40px;
}
.divider-tb{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin: 0 0 20px 0;
	padding:10px 0;
}
.clear {
    clear: both;
}
.hide {
    display:none;
}

#body .left img{ max-width:100%;}

/*****************************************************
Fonts
*****************************************************/
@font-face {
  font-family: 'AvenirNextBold';
  src: url('../content/fonts/AvenirNext-Bold.eot'); /* IE9 Compat Modes */
  src: url('../content/fonts/AvenirNext-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../content/fonts/AvenirNext-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../content/fonts/AvenirNext-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../content/fonts/AvenirNext-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../content/fonts/AvenirNext-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}



h1,h2,h3,h4{
	line-height:125%;
}
h1{
	/**font-family: "AvenirNextBold", "proxima-nova", helvetica, arial, san-serif;*/
    font-family: "proxima-nova";
    font-weight: 800;
}
h2{
	font-size:24px;
}
h3{
	font-size:18px;
}
p{
	color:#444444;
	line-height:155%;
	font-size:18px;
}
.section-title-22{
	font-size:22px;
	margin:0 0 10px 0;
}
/*****************************************************
Links
*****************************************************/
a{
	color:#365db7;
	text-decoration:none;
}
.link-grey-16{
	color:#555555;
	text-decoration:underline;
	font-size:16px;
}
.link-grey-18{
	color:#333333;
	text-decoration:underline;
	font-size:18px;
}
/*****************************************************
Colors
*****************************************************/
.red {
	color:#da0909 !important;
}
.blue {
	color:#365db7 !important;
}
/*****************************************************
Buttons
*****************************************************/
/*** With Border ***/
.button{
	color:#365db7;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	text-transform:uppercase;
	text-align:center;
	padding:13px 20px;
	border:2px solid #365db7;
}
.button:hover,
.solid:hover{
	color:#ffffff;
	background:#da0909;
	border:2px solid #da0909;
}
.button:active,
.solid:active{
	background:#ad1c2a;
	border:2px solid #ad1c2a;
}

/*** Solid ***/
.solid{
	background:#365db7 !important;
	border:2px solid #365db7 !important;
	color:#ffffff;
}
.full-width{
	display:block;
}

/*** Custom ***/
.btn-like{
	/**float:left;**/
	padding-left:50px;
	padding-right:50px;
}
.btn-like:hover {
    background:#cf3137;
    border:#cf3137 2px solid;
}
.btn-like:active {
    background:#ad1c2a;
    border: #ad1c2a 2px solid;
}
.btn-like.liked {
    background:#365db7 !important;
    border: #365db7 2px solid !important;
    color: #ffffff !important;
    cursor: default;
}
.btn-share div{
	float:left;
	margin-top:5px;
}

/*** Share Popup ***/
.share-popup{
	position:absolute;
	padding:20px 30px;
	border:2px solid #365db7;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	text-transform:uppercase;
	text-align:center;
	width:140px;
    bottom: 50px;
    left: 40.5%;
    background: #ffffff;
}
.share-popup .group{
	margin-bottom:10px;
}
.share-popup .btn-close{
	position:absolute;
	top:22px;
	right:15px;
	background:url(../content/images/sprite-main.png) no-repeat -200px -100px;
	background-size:600px;
	width:12px;
	height:12px;
	font-size:0;
}
.share-popup .btn-close:hover {
    cursor: pointer;
}
/*****************************************************
Wrapper and Grid
*****************************************************/
/*** Wrapper ***/
.wrapper{
	overflow:hidden;
	width:1180px;
	padding:0 10px;
	margin:0 auto;
	/*background:#ffffff;*/
}
.wrapper-side {
    overflow:hidden;
}
.left{
	float:left;
	overflow:hidden;
	width:830px;
	/*background:#cccccc;*/
}
.right, .rightTop{
	float:right;
	overflow:hidden;
	width:300px;
}
.section{
	padding:60px 0;
}

/*** Grid ***/
.grid{
	overflow:hidden;
	margin-left:-4%;
}
.multi .col:first-child{
	margin-left:4%;
}
.col{
	float:left;
	margin:20px 0 20px 4%;
	/*background:#ffffff;*/
}
.grid-1of2{
	width:46%;
}
.grid-1of3{
	width:29.3%;
}
.grid-1of4{
	width:21%;
}
.grid-1of5{
	width:16%;
}
.grid-30{
	width:25.4%;
}
.grid-70{
	width:64.4%;
}
/*****************************************************
Banner
*****************************************************/
.banner-leaderboard-wrapper{
	padding:25px 0;
    position: relative;
}
.banner-leaderboard{
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.banner-300x250-list{
	overflow:hidden;
	background:url(../content/images/sponsor-pattern.gif) repeat;
	padding:20px;
	margin:0 0 40px 0;
	text-align:center;
    height: 250px;
}

.ad-shaft {
	position: relative;
	margin-bottom: 30px;
}
.ad-shaft-bottom {
	position: absolute;
	bottom: 0;
	height: 0;
	width: 100%;
}
.ad-stuck {
	position: fixed;
}
.ad-unstuck {
	position: absolute;
	top: auto !important;
	bottom: 0;
}
/*****************************************************
Form
*****************************************************/
input:not([type=radio]),
textarea{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ffffff;
	border:0;
	font-size:16px;
	outline:none;
	border:1px solid #dddddd;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:15px 20px;
	width:100%;
}
input:focus,
textarea:focus{
	border:1px solid #da0909;
}

/*****************************************************
HEADER
*****************************************************/
#body{
	margin-top: 115px; /*height of fixed header and nav*/
	overflow: hidden;
}
#header{
	position: fixed;
	width: 100%;
	z-index: 5999;
	top: 0;
	overflow:hidden;
	background:#292c32;
	border-bottom:3px solid #da0909;
}
#header .wrapper{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
#header .logo a{
	display:block;
	float:left;
	margin:13px 0;
	background:url(../content/images/sprite-main.png) no-repeat 0 0;
	background-size:600px;
	width:82px;
	height:44px;
	text-indent:-9999px;
}

/*** Search ***/
#search{
	float:none;
	margin: 12px 530px 0 120px;
	width: auto;
	height: 48px;
	overflow: hidden;
	position: relative;
}
#search input[type=text]{
	padding: 8px 60px 8px 18px;
    height: 48px;
}
#search input[type=submit]{
	background:url(../content/images/sprite-main.png) no-repeat -89px 12px;
	background-size:600px;
	width:46px;
    height: 48px;
	text-indent:-9999px;
	cursor:pointer;
	border-left:1px solid #dddddd;
	border-top:0;
	border-bottom:0;
	border-right:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}


/*** Popular Topics ***/
#popular-topics{
	float: right;
	color:#ffffff;
	margin: 26px 0 0 0;
	width: 500px;
    height: 25px;
    overflow: hidden;
}
#popular-topics li{
	float:left;
	margin: 0 0 5px 25px;
}
#popular-topics li:first-child{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	margin:2px 0 20px 0;
}
#popular-topics li a{
	color:#ffffff;
	text-decoration:underline;
	font-size:16px;
}


/*****************************************************
Nav
*****************************************************/
#nav{
	position: fixed;
	width: 100%;
	z-index: 5998;
	top: 73px;
	height: 42px;
	overflow: hidden;
	background:#dddddd;
}
#main-nav{
	overflow: hidden;
	float: left;
}
#main-nav li{
	float:left;
	margin-left:15px;
}
#main-nav li:first-child{
	margin:0;
}
#main-nav li a{
	font-size:16px;
	color:#292c32;
	padding:12px 12px 8px 12px;
	float:left;
	border-bottom:4px #dddddd solid;
}
#main-nav .selected{
	border-bottom: 4px #da0909 solid;
	font-weight:bold;
}
#main-nav li.nav-more a.selected{
	border-bottom: 4px transparent solid;
}
#main-nav li.nav-more{
	position:relative;
	padding-right:5px;
}
#main-nav li.nav-more a:before {
	content: '';
	position: absolute;
	right:0;
	top: 19px;
	border-top: 7px solid #da0909;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
#main-nav li.nav-more a:after {
	content: '';
	position: absolute;
	top: 19px;
	right: 2px;
	border-top: 5px solid #dddddd;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
#nav-more{
	position: fixed;
	width: 100%;
	z-index: 5998;
	top: 115px;
	background-color: #eeeeee;
	overflow: hidden;
}
#more-nav{
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #da0909;
}
#more-nav li{
	margin: 20px 30px;
}
#more-nav li a:link,
#more-nav li a:visited{
	color: #ffffff;
	text-decoration: none;
    font-weight:bold;
}
#more-nav li a:hover,
#more-nav li a:active{
	color: #cccccc;
	text-decoration: none;
}
#more-items{
	margin: 0 0 0 150px;
	padding: 0;
	list-style: none;
	height: 240px;
	overflow: hidden;
}
#more-items li{
	margin: 20px 30px;
	float: left;
	width: 190px;
    height: 200px;
}
#more-items li img{
	display: block;
	border: 0;
	margin: 0 0 10px 0;
}
#more-items li a{
	display: block;
	font-size: 16px;
	line-height: 140%;
}
#more-items li a:link,
#more-items li a:visited{
	color: #222222;
	text-decoration: none;
}
#more-items li a:hover,
#more-items li a:active{
	color: #222222;
	text-decoration: underline;
}
#menu{
	display: none;
	float: right;
	margin-top: 25px;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -150px -71px;
	background-size: 600px 600px;
	width: 45px;
	padding-left: 22px;
	color: #cccccc;
	font-size: 18px;
}
#menu-popover-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5999;
	top: 0;
	background-color: #da0909;
}
#menu-popover-close{
	position: fixed;
	z-index: 6001;
	top: 20px;
	right: 20px;
	width: 17px;
	height: 17px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -150px -100px;
	background-size: 600px 600px;
	background-color: #da0909;
}
#menu-popover {
	position: absolute;
	z-index: 6000;
	text-align: center;
	overflow: hidden;
	width: 100%;
	top: 15px;
	padding: 0 20px;
	box-sizing: border-box;
}
#menu-popover ul{
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: 2px solid #d96f64;
}
#menu-popover ul li{
	list-style: none;
	margin: 30px 0;
	padding: 0;
}
#menu-popover ul li a{
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
}
#menu-popover ul li a:hover{
	color: #ffffff;
	font-size: 18px;
	text-decoration: underline;
}
#menu-popover ul.social-media{
	display: block !important;
	float: none;
	width: 90px;
	height: 35px;
	border: 0;
	margin: 0 auto;
    margin-bottom: 30px;
}
#menu-popover ul.social-media li{
	margin: 0 5px;
	padding: 5px;
	height: 25px;
	float: left;
	background-color: #eeeeee;
	border-radius: 50%;
}
#menu-popover ul.social-media li a.fb {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -300px 0;
	background-size: 600px 600px;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 0;
}
#menu-popover ul.social-media li a.tw {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -350px 0;
	background-size: 600px 600px;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 0;
}
#menu-popover ul.social-media li a.google-plus {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -400px 0;
	background-size: 600px 600px;
	width: 25px;
	height: 25px;
	display: inline-block;
	margin: 0;
}

/*** Social Media ***/
#top-social-media{
	float:right;
	margin-top:9px;
}
#top-social-media li{
	float:left;
	margin-left:10px;
}
#top-social-media li:first-child{
	margin:0;
}
#top-social-media li a{
	text-indent:-9999px;
	display:block;
	float:left;
	background-size:600px;
	width:25px;
	height:25px;
}
.fb{
	background:url(../content/images/sprite-main.png) -150px 0 no-repeat;
}
.tw{
	background:url(../content/images/sprite-main.png) -200px 0 no-repeat;
}
.google-plus{
	background:url(../content/images/sprite-main.png) -250px 0 no-repeat;
}
.fb:hover{
	background:url(../content/images/sprite-main.png) -300px 0 no-repeat;
}
.tw:hover{
	background:url(../content/images/sprite-main.png) -350px 0 no-repeat;
}
.google-plus:hover{
	background:url(../content/images/sprite-main.png) -400px 0 no-repeat;
}

.tag-nav h1 {
    font-size:15px;
}
/*****************************************************
Fixed Header Style
*****************************************************/
#header.fixed{
	height: 73px;
	overflow: hidden;
}
#header.fixed #main-nav{
	margin: 14px 0 0 25px;
}
#header.fixed #main-nav li a{
	color:#cccccc;
	border:0;
}
#header.fixed #main-nav li a:hover,
#header.fixed #main-nav li.nav-more a.selected{
	background-color: transparent;
	border-bottom: 4px transparent solid;
}
#header.fixed #main-nav li a.selected:hover{
	background-color: transparent;
}
#header.fixed #main-nav .nav-more a:after{
	border-top: 5px solid #292c32;
}
#header.fixed #search{
	float: right;
	width: 159px;
	margin: 12px 0 0 35px;
}
#header.fixed #top-social-media{
	margin: 22px 0 0 20px;
}
#header.fixed #top-social-media li{
	float:left;
	margin-left:10px;
}
#header.fixed #top-social-media li:first-child{
	margin:0;
}
#header.fixed #top-social-media .fb,
#header.fixed #top-social-media .fb:hover{
	background-position:-450px 0;
}
#header.fixed #top-social-media .tw,
#header.fixed #top-social-media .tw:hover{
	background-position:-500px 0;
}
#header.fixed #top-social-media .google-plus,
#header.fixed #top-social-media .google-plus:hover{
	background-position:-550px 0;
}
#nav-more.fixed{
	top: 76px;
}


/*****************************************************
Sorting Nav
*****************************************************/
.sorting-nav{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:8px 0;
	margin-bottom:30px;
}
.ie8 .sorting-nav,
.ie9 .sorting-nav {
    height: 35px;
}
.sorting-nav .swiper-wrapper .swiper-slide{
	width: auto;
	height: auto;
	text-transform:uppercase;
	font-size:15px;
}
.ie8 .sorting-nav .swiper-wrapper .swiper-slide,
.ie9 .sorting-nav .swiper-wrapper .swiper-slide{
    float: left;
    margin-right: 20px;
}
.sorting-nav .swiper-wrapper .swiper-slide a{
	color:#000000;
	font-size:15px;
	display: block;
	padding: 7px 0;
}
.sorting-nav .swiper-wrapper .swiper-slide a.show-sub {
    display: block;
}

/*** Nav Heading ***/
.sorting-nav .swiper-wrapper .swiper-slide.heading{
}
.sorting-nav .swiper-wrapper .swiper-slide.heading h1,
.sorting-nav .swiper-wrapper .swiper-slide.heading h3{
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 0;
}

/*** Nav Selected ***/
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper{
    padding-left: 10px;
    padding-right: 0;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper > div{
	display: table;
    position: relative;
	padding:7px 18px;
	background:#da0909;
	color:#ffffff;
	transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper > div:before{
	position: absolute;
    content: '';
    top: 5px;
    left: -5px;
    width: 30%;
    height: 100%;
	z-index:-2;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper > div:after{
	position: absolute;
    content: '';
    top: 3px;
    left: -5px;
    width: 60%;
    height: 100%;
    background: #da0909;
    opacity: 0.6;
	z-index:-2;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper > div > span{
	display: inline-block;
	transform: skew(15deg);
    -o-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -webkit-transform: skew(15deg);
}

/*** Sub Nav ***/
.sorting-nav .swiper-wrapper .swiper-slide.has-sub > div {
    padding-left: 12px;
}
.sorting-nav .swiper-wrapper .swiper-slide.has-sub > div > span {
    padding-left: 15px;
}
.sorting-nav .swiper-wrapper .swiper-slide.has-sub > a{
	padding-left: 15px;
}
.sorting-nav .swiper-wrapper .swiper-slide.has-sub > a:before {
	content: '';
	position: absolute;
    left: 0;
	right: auto;
    top: 13px;
    border-top: 5px solid #222222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sorting-nav .swiper-wrapper .swiper-slide.has-sub > a:after {
	content: '';
	position: absolute;
	left: 2px;
    right: auto;
	top: 13px;
	border-top: 3px solid #ffffff;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper.has-sub > div > span > a{
	padding: 0;
	color: #ffffff;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper.has-sub > div > span > a:before {
	content: '';
	position: absolute;
	left: 0;
    right: auto;
    top: 6px;
    border-top: 5px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sorting-nav .swiper-wrapper .swiper-slide.selected-wrapper.has-sub > div > span > a:after {
	content: '';
	position: absolute;
	left: 2px;
    right: auto;
	top: 6px;
	border-top: 3px solid #da0909;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
}
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav {
    background: #ffffff;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 3px 2px #ccc;
    -moz-box-shadow: 1px 1px 3px 2px #ccc;
    box-shadow: 1px 1px 3px 2px #ccc;
    padding: 5px;
}
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav li a {
    padding: 10px 15px;
}
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav li a:link,
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav li a:visited {
    text-decoration: none;
}
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav li a:hover,
.sorting-nav .swiper-wrapper .swiper-slide ul.sub-nav li a:active {
    text-decoration: underline;
}

/*** Popover Sub Nav ***/
.sorting-nav .swiper-wrapper .swiper-slide a.show-sub-popover {
    display: none;
}
#subnav-popover-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5999;
	top: 0;
	background-color: #000000;
    opacity: 0.85;
}
#subnav-popover-close{
	position: fixed;
	z-index: 6001;
	top: 20px;
	right: 20px;
	width: 17px;
	height: 17px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -150px -100px;
	background-size: 600px 600px;
}
#subnav-popover {
	position: absolute;
	z-index: 6000;
	overflow: hidden;
	width: 100%;
	top: 15px;
	padding: 0 20px;
	box-sizing: border-box;
    text-transform: capitalize;
}
#subnav-popover h2{
    color: #ffffff;
    margin-right: 25px;
}
#subnav-popover ul{
	list-style: none;
    margin: 0 0 30px 15px;
    padding: 0;
}
#subnav-popover ul li{
	list-style: none;
    margin: 30px 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    font-style: italic;
}
#subnav-popover ul li a{
	color: #ffffff;
    font-size: 18px;
    font-style: normal;
}
#subnav-popover ul li a:link,
#subnav-popover ul li a:visited{
	color: #ffffff;
	text-decoration: underline;
}
#subnav-popover ul li a:hover,
#subnav-popover ul li a:active{
	color: #ffffff;
	text-decoration: none;
}

/*****************************************************
Story List
*****************************************************/
/*** Two Feature Stories ***/
.two-featured-stories{
	margin-top:-20px;
	margin-bottom:10px;
}
.two-featured-stories img{
	width:100%;
}
.one-featured-story{
	position:relative;
}
.one-featured-story a{
	display:block;
	cursor:pointer;
}
.one-featured-story a:hover{
	color:#365db7;
}
.one-featured-story h2{
	position:absolute;
	bottom:0;
	font-size:24px;
	color:#ffffff;
	text-shadow:1px 1px #000000;
	margin:0 20px 13px 20px;
}
.gradient{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(30%,rgba(0,0,0,0.3)), color-stop(70%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.8)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
    height: 125px;
}


/*** List ***/
.story-list{
	overflow:hidden;
	margin-top:10px;
    margin-bottom:20px;
}
.category{
	color:#999999;
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
}
.category a{
	text-decoration:none;
	font-size:14px;
	color:#aaaaaa;
}
.category a:hover{
	text-decoration:underline;
}
.story-list h2{
	line-height:125%;
	margin-bottom:5px;
}
.story-list h2 a{
	color:#000000;
}
.story-list h2 a:hover{
	color:#365db7;
}
.story-list p{
	color:#666666;
	font-size:16px;
}
.story-list-thumbnail{
	float:right;
	margin:0 0 15px 20px;
}
.sponsored-red{
	color:#cf3137 !important;
    text-transform: uppercase;
}
.postdate{
	color: #aaaaaa;
    font-size: 14px;
    font-weight: normal;
    padding-left: 7px;
    margin-left: 5px;
    border-left: 1px solid #dddddd;
}

/*****************************************************
Issue List
*****************************************************/
#issue-header{
    margin-bottom: 20px;
}
#issue-header.grid .col img{
    float: left;
    width: 135px;
}
#issue-header.grid .col div{
    margin-left: 145px;
}
#issue-header.grid .col h2{
    font-size: 20px;
    margin-bottom: 10px;
}
#issue-header.grid .col p{
    font-size: 15px;
}
#issue-header.grid .col .button{
    display: inline-block;
    font-size:15px;
    padding:10px 12px;
}
.issue-grid {
    margin-bottom: 20px;
}
.issue-grid .col {
    height: 315px;
    overflow: hidden;
    text-align: center;
}
.issue-grid .col img {
    margin-bottom: 5px;
    height: 286px;
}
.divider-tb.year {
    text-align: center;
    position: relative;
}
.divider-tb.year .jump {
    position: absolute;
    top: 16px;
    right: 0;
    font-size: 14px;
}
.divider-tb.year select {
    margin-left: 7px;
}

/*****************************************************
Issue Detail
*****************************************************/
#cover-box {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}
#cover-image {
    width: 210px;
    height: 286px;
    float: left;
    display: block;
    margin-bottom: 15px;
}
#cover-side {
    margin-left: 250px;
    overflow: hidden;
}
#cover-side h1 {
    font-size: 24px;
    margin: 5px 0;
}
#cover-side h1 a:link,
#cover-side h1 a:visited {
    color: #000000;
}
#cover-side h1 a:hover,
#cover-side h1 a:active {
    color: #365db7;
}
#cover-side .author {
    margin:5px 0;
    font-style:italic;
    display:block;
}
#cover-side p {
    color: #666666;
    margin-bottom: 15px;
}
#cover-side .button {
    display: inline-block;
    margin: 0 10px 15px 0;
}
#cover-story-heading {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.past-issues-link {
    float: right;
    margin: 3px;
    text-decoration:underline;
}
#issue-stories {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
#more-issues {
    overflow: hidden;
    margin-bottom: 30px;
}


/*****************************************************
Research List
*****************************************************/
.research-grid {
    margin-bottom: 20px;
}
.research-grid .col {
    height: 355px;
    overflow: hidden;
    text-align: center;
}
.research-grid .col a {
    display: block;
}
.research-grid .col a:link,
.research-grid .col a:visited {
    color: #000000;
}
.research-grid .col a:hover,
.research-grid .col a:active {
    color: #da0909;
}
.research-grid .col img {
    margin-bottom: 10px;
    height: 286px;
    border: 1px solid #dddddd;
}
.research-grid .col h3 {
    font-weight: bold;
    line-height: 140%;
}
.research-list {
    
}
.research-item {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}
.research-item a {
    display: block;
}
.research-item a:link h3,
.research-item a:visited h3 {
    color: #000000;
    text-decoration: underline;
}
.research-item a:hover h3,
.research-item a:active h3 {
    color: #da0909;
    text-decoration: none;
}
.research-item h3 {
    margin-bottom: 5px;
}
.research-item p {
    color: #666666;
    font-size: 15px;
}



/*****************************************************
Research Detail
*****************************************************/
#research-box {
    overflow: hidden;
    margin-bottom: 30px;
}
#research-box h4 {
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#research-box h1 {
    margin-bottom: 10px;
}
#research-box p {
    color: #666666;
    margin-bottom: 10px;
}
#research-box .button{
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 5px 15px;
    font-size: 15px;
}


/*****************************************************
Slide
*****************************************************/
#top-slider.swiper-container{
    margin-bottom: 30px;
}
.ie8 #top-slider.swiper-container {
    height: 250px;
    overflow: hidden;
}
.ie9 #top-slider.swiper-container {
    height: 250px;
}
#top-slider .swiper-slide{
	overflow:hidden;
	background:#292c32;
}
.ie8 #top-slider .swiper-slide,
.ie9 #top-slider .swiper-slide {
    width: 830px;
}
#top-slider .swiper-slide figure{
	float:left;
	width: 320px;
	height: 250px;
	margin-right:30px;
	overflow: hidden;
	background-position: center 25%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#top-slider .swiper-slide a{
	text-decoration:none;
}
#top-slider .swiper-slide a:hover .headline  h2{
	text-decoration:underline;
}
#top-slider .swiper-slide .headline{
	border-top:3px solid #da0909;
	padding:15px 30px;
	color:#ffffff;
    max-height: 80px;
}
#top-slider .swiper-slide .headline .category{
	color:#999999;
	font-size:14px;
}
#top-slider .swiper-slide .headline h2{
	font-size:27px;
	color:#ffffff;
	font-family: "proxima-nova", helvetica, arial, san-serif;
	line-height:36px;
	display:block;
	margin-bottom:5px;
    overflow: hidden;
    font-weight:800;
}
#top-slider .swiper-slide .headline p{
	color:#999999;
	font-size:18px;
    max-height: 43px;
    overflow: hidden;
    line-height: 140%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
#top-slider .swiper-slide .headline p.slide-read-more{
	font-size:18px;
	color:#999999;
	text-decoration:underline;
    max-height: 27px;
    overflow: hidden;
}

#top-slider .swiper-pagination{
    position: relative !important;
    bottom: 0 !important;
    margin-top: 10px !important;
}
#top-slider .swiper-pagination-bullet{
	width: 8px !important;
	height: 8px !important;
    background: #cccccc !important;
    border: 2px solid #cccccc !important;
    opacity: 1 !important;
}
#top-slider .swiper-pagination-bullet-active{
    background: transparent !important;
    border: 2px solid #da0909 !important;
}


/*****************************************************
Selected Topic
*****************************************************/
.selected-topic{
	border-left:#dddddd 1px solid;
	padding-left:2%;
}

/*** Header ***/
.selected-topic .header{
	transform: skew(-15deg);
    -o-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
	margin:0 10px;
}
.selected-topic .header h3{
	display: table;
    position: relative;
	padding:6px 18px;
	background:#ffffff;
	border:1px solid #da0909;
	font-size:18px;
}
.selected-topic .header h3:before{
	position: absolute;
    content: '';
    top: 5px;
    left: -3px;
    width: 30%;
    height: 100%;
	z-index:-2;
}
.selected-topic .header h3:after{
	position: absolute;
    content: '';
    top: 4px;
    left: -5px;
    width: 30%;
    height: 100%;
    background: #da0909;
	z-index:-2;
}
.selected-topic .header a{
	display: inline-block;
	transform: skew(15deg);
    -o-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -webkit-transform: skew(15deg);
	color:#000000;
}
.selected-topic .header a:hover{
	color:#da0909;
}

/*** List ***/
.selected-topic ul{
	margin-top:20px;
}
.selected-topic li{
	border-bottom:1px solid #dddddd;
	padding:10px 0 12px 0;
	margin-top:2px;
}
.selected-topic li a{
	color:#444444;
	font-size:18px;
	line-height:150%;
	display:block;
}
.selected-topic li a:hover{
	color:#365db7;
}
.selected-topic .sponsor{
	margin-top:15px;
	color:#aaaaaa;
	font-size:14px;
	line-height:180%;
}

/*****************************************************
Story
*****************************************************/
.story {
    color: #444;
    line-height: 155%;
    font-size: 18px;
}
.story p{
	margin:0 0 1em 0;
}
.story ul {
    list-style-type: disc;
    margin: 0 0 1em 0;
    padding: 0;
}
.story ul li {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    line-height: 160%;
    font-size:18px;
    color:#444444;
}
.story ol
{
    list-style-type: decimal;
    margin: 0 0 1em 0;
    padding: 0;
}
.story ol li
{
    list-style-type: decimal;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    line-height: 160%;
    font-size:18px;
    color:#444444;
}
.story-heading {
	width: 100%;
	max-width: 830px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
	padding: 0;
	overflow: hidden;
}
.story-heading h1 {
	margin: 5px 0 10px 0;
    font-size:32px;
}
.story-heading .about {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 16px;
	line-height: 1em;
	overflow: hidden;
	display: inline-block;
}
.story-heading .about .author {
	float: left;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin: 5px 10px 0 0;
	border-right: 1px solid #cccccc;
    color:#777777
}
.story-heading .about .social {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.story-heading .about .date {
	float: left;
	overflow: hidden;
	padding: 0 0 0 10px;
	margin: 5px 0 0 10px;
	border-left: 1px solid #cccccc;
}
.story-heading .about a:link,
.story-heading .about a:visited {
	color: #777777;
	text-decoration: underline;
}
.story-heading .about a:hover,
.story-heading .about a:active {
	color: #365db7;
	text-decoration: none;
}
.story-image {
	overflow: hidden;
	margin-bottom: 15px;
}
.story-image.story-image-left {
	float: left;
	margin-right: 30px;
}
.story-image.story-image-right {
	float: right;
	margin-left: 15px;
}
.story-image p {
	margin: 0;
	padding: 0;
}
.story-image img.wrapImageCMS {
	max-width: 100% !important;
	max-height: 540px;
}
.story-image .image-caption,
.story-image .image-caption p {
	color: #999999;
    font-size: 14px;
    line-height: 1.5em;
    text-align: left;
    margin: 0 0 5px 0;
    padding: 0;
}
.left .author {
	overflow: hidden;
	margin: 15px 0 20px 0;
}
.left .author .headshot {
	border-radius: 50%;
	width: 75px;
	height: 75px;
	float: left;
	margin: 0 15px 0 0;
}
.left .author .name {
	display: block;
	margin: 15px 0 5px 0;
	font-weight: bold;
	font-size: 18px;
}
.left .author .title {
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #999999;
}

/*.left ul {
    color: #444444;
    line-height: 155%;
    font-size: 18px;
    list-style: square;
    margin-bottom:20px;
}

.left li {
    padding-left:20px;
    margin-left:20px;
    list-style: square;
    margin-bottom:5px;
}*/

/*** Two Buttons ***/
.two-buttons{
	text-align:center;
	margin-top:40px;
	padding-bottom:60px;
    position:relative;
}
	
/*** Social Media ***/
a.social-coloricon-facebook {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -300px -25px;
	background-size: 600px 600px;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin: 0 2px;
}
a.social-coloricon-twitter {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -350px -25px;
	background-size: 600px 600px;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin: 0 2px;
}
a.social-coloricon-google {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -400px -25px;
	background-size: 600px 600px;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin: 0 2px;
}
a.social-coloricon-email {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
	background-position: -450px -25px;
	background-size: 600px 600px;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin: 0 2px;
}

/*****************************************************
More Stories
*****************************************************/
.more-stories{
	overflow:hidden;
}
.more-stories .category{
	font-size:14px;
}
.more-stories img{
	margin-bottom:10px;
}
.more-stories h3 a{
	font-size:18px;
	color:#000000;
	margin-top:3px;
}
.more-stories h3 a:hover{
	color:#365db7;
}
.more-stories article {
    height:220px;
}

/*****************************************************
Comment
*****************************************************/
.comment{
	overflow:hidden;
	margin:20px 0;
}
.comment ul{
	overflow:hidden;
	margin-bottom:5px;
}
.comment li{
	float:left;
	margin-right:10px;
}
.comment li:first-child{
	font-size:16px;
	font-weight:bold;
}
.comment li:last-child{
	color:#999999;
	font-size:14px;
}
.comment p{
	font-size:16px;
}
#commentSubmit .button {
    background:none;
}
#commentSubmit .button:hover {
    background:#da0909;
}
.comments h3 {
    font-size:16px;
    float:left;
}
.comments p {
    font-size:16px;
}
.comments .timeago {
    font-size:14px;
    color:#999999;
    font-weight:normal;
}
.comments-box {
    margin-top:20px;
}
/*****************************************************
Blog
*****************************************************/
.bob-blog{
	list-style-position: inside;
	width:175px;
	height:210px;
    background-repeat: no-repeat;
    background-size: 175px 210px;
}

.blog-title {
    width:100%;
    overflow:hidden;

}

.blog-title h4 {
    border-right:1px solid #dddddd;
    float:left;
}

.blog-title p {
    float:left;
    height:28px;
    line-height:8px;
}


.right-bob-headshot {
    font-size:0;
	width:32px;
	height:35px;
    background-repeat: no-repeat;
    background-size: 32px 35px;
    background-position:top;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border:1px solid #dddddd;
    margin-right: 14px;
    float: left;
}
.blog-list{
    margin-top:20px;
    overflow:hidden;
}
.blog-list article{
    max-width:720px
}
.blog-list h2 a{
	font-size:24px;
    color:#000000;
}
.blog-info{
    overflow:hidden;
    margin:5px 0 10px 0;
}
.blog-list figure{
    margin-bottom:10px;
}
.blog-info li{
    float:left;
    font-size:16px;
    color:#999999;
	padding-right:7px;
}
.blog-info li::before{
    content: '\b7';
	font-size:40px;
	margin: 3px 7px 0 0;
    float: left;
    line-height: 9px;
}
.blog-info li:first-child{
    list-style:none;
	margin:0 0 0 -5px;
} 
.blog-info li:first-child::before{
    content: '';
	
}

.blog-info a{
    color:#999999;
    text-decoration:underline;
}

/*****************************************************
Author
*****************************************************/
.author-list .col{
	margin-bottom:40px;
}
.author-list figure{
	float:left;
}
.author-list figure img {
    max-width:125px !important;
}
.author-list .group .group{
	float:left;
	margin:5px 0 0 20px;
}
.author-detail{
	margin-bottom:30px;
}
.author-detail figure img,
.author-list figure img{
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.author-detail h1{
	float:left;
	margin-bottom:5px;
}
.author-list h2{
	margin-bottom:5px;
}
.author-detail .group a{
	float:right;
}
.author-detail span,
.author-list span{
	font-size:16px;
	color:#999999;
}
.author-detail .social,
.author-list .social{
	margin:10px 0 5px 0;
}
.author-list p{
	margin-bottom:5px;
    font-size:16px;
}
.author-detail p{
	margin-bottom:5px;
}
.author-list h2 a{
	color:#000000;
}
.contributors h3{
	margin-top:40px;
}
.contributors ul{
	margin-top:20px;
}
.contributors li{
	margin-bottom:20px;
}

/*****************************************************
Search Result
*****************************************************/
.large-search{
	background:#292c32;
	overflow:hidden;
	padding:12px 20px;
}
.large-search h1{
	font-size:22px;
	color:#ffffff;
	float:left;
	margin:12px 0 0 0;
}
.large-search #search{
	float:right;
	margin:0;
	width:80%;
}
/*.search-result{
	padding:10px 0;
}
.search-result li{
	padding-left:15px;
}
.search-result li:first-child{
	color:#cc2229;
	margin:8px 0 0 5px;
}
.search-result li:first-child::before,
.search-result li:first-child::after{
	border:0;
}
.search-result li::before{
	content: '';
    position: absolute;
    left: 0;
    top: 14px;
    border-top: 6px solid #000000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.search-result li::after{
	content: '';
    position: absolute;
    top: 14px;
    left: 2px;
    border-top: 4px solid #ffffff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
.search-result .selected-wrapper::before,
.search-result .selected-wrapper::after{
	border:0;
}
.search-result select{
	border:0;
	background:none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font-size:16px;
	padding:7px 0;
	text-transform:uppercase;	
}
.search-result select:focus{
	outline:none;
}*/

/****************************************************
Products
*****************************************************/
.product-list h2{
	line-height:1.5em;
	margin:10px 0;
    font-size:18px;
	color:#000000;
}
.product-list .col {
    height:300px;
}
.product-list .category{
	text-transform:none;
}
.product-detail .two-buttons{
	text-align:inherit;
}
.grid-item-image {
    position: relative;
    width: 240px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
    background-color: #dddddd;
    border:1px solid #dddddd;
}
.product-detail figure img {
    max-width:220px !important;
}

/*****************************************************
Contact
*****************************************************/
.story-header p{
	color:#555555;
}
.story-heading li{
	float:left;
	margin-right:10px;
	padding-right:10px;
	color:#555555;
	font-size:18px;
	text-align:center;
	border-right:1px solid #999999;
}
.story-heading li:last-child{
	margin:0;
	padding:0;
	border:none;
}
.story-heading ul{
	width:380px;
	margin:0 auto;
}
.contact{
	text-align:center;
}
.contact input{
	width:50%;
}
.team h3{
	border-top:1px solid #dddddd;
	margin-top:40px;
	padding-top:40px;
}
.team .author-list{
	border:none;
}
#form181 input,
#form181 textarea{
	width:50%;
	margin-bottom:10px;
}
#form181 input[type=submit]{
	color:#365db7;
	border:2px solid #365db7;
	cursor:pointer;
}
#form181 input[type=submit]:hover{
	color:#ffffff;
	border:2px solid #da0909;
	background:#da0909;
}
.styled-select .ui-btn-inner.ui-btn-corner-all,
.buttons .ui-btn-inner.ui-btn-corner-all,
#form181 .ui-btn-inner.ui-btn-corner-all {
    display:none;
}
@media only screen and (max-width: 768px){
	#form181 input,
	#form181 textarea{
		width:90%;
	}
}


/*****************************************************
Advertise
*****************************************************/
.advertise h2{
	text-align:center;
}
.advertise .grid-1of2 figure{
	text-align:center;
}
.advertise .grid-1of2 a{
	font-size:18px;
	line-height:32px;
}
.advertise ul{
	margin-top:10px;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
	line-height:32px;
}
.advertise ul li{
	list-style:disc;
	margin-left:20px;
}
.advertise .grid-1of3{
	text-align:center;
}
.advertise .grid-1of3 h2,
.advertise .grid-1of3 a{
	font-size:18px;
}
.advertise .grid-1of3 img{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:5px;
    max-width:125px !important;
}
.advertise .grid-1of3 span{
	display:block;
	color:#777777;
}
#form182 input,
#form182 textarea{
	border-radius:5px !important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#ffffff;
	border:0;
	font-size:16px;
	outline:none;
	border:1px solid #dddddd;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:15px 20px;
	width:100%;
}

/****************************************************
Photo Gallery List 
*****************************************************/

.grid.photogallery-list{
    overflow: hidden;
}

.grid.photogallery-list .col.grid-1of3{
    height: 265px;
}

.photogallery-list .photo-med{
    position: relative;
    height: 180px;
    width: 240px;
    }

.photogallery-list img{
	border:1px solid #dddddd;
}

.photogallery-list h2 {
	line-height:1.3em;
	margin:0 0 15px 0;
    font-size:18px;
}

.photogallery-list h2 a{
	line-height:0.01em;
	margin:5px 0;
	color:#000000;
}

.photogallery-list .icon-photogallery-list{
	background: rgba(0, 0, 0, 0) url(../content/images/icon-photo.png) no-repeat scroll left bottom;
    position:absolute;
    height:43px;
    width:43px;
    bottom: 6px;
    left: 8px;
    z-index: 100; 
}

.video-list .icon-video-list{
	background: rgba(0, 0, 0, 0) url(../content/images/play-button.png) no-repeat scroll left bottom;
    position:absolute;
    height:43px;
    width:43px;
    bottom: 6px;
    left: 8px;
    z-index: 100; 
}

/*****************************************************
RIGHT
*****************************************************/
.right p, .rightTop p{
	color:#555555;
	font-size:16px;
}
.right .box, .rightTop .box {
	margin: 0 0 40px 0;
	padding: 0;
	width: 100%;
	line-height: 150%;
}
.right .box h4 {
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.rightTop .box h4 {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
}
.right .box .divider, .rightTop .box .divider{
	position: relative;
	height: 16px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
    clear: both;
}
.right .box .divider .line,.rightTop .box .divider .line {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 0;
	border-top: 2px solid #aaaaaa; 
	top: 45%;
}
.right .box .divider .box, .rightTop .box .divider .box {
	position: absolute;
	z-index: 2;
	width: 44px;
	height: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #da0909;
	-o-transform: skew(-25deg);
	-moz-transform: skew(-25deg);
	-webkit-transform: skew(-25deg);
	transform: skew(-25deg);
}
.right .box .divider .arrow, .rightTop .box .divider .arrow {
	position: absolute;
	z-index: 3;
	width: 14px;
	height: 100%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.right .box .divider .arrow:before, .rightTop .box .divider .arrow:before {
	content: '';
	position: absolute;
	top: 5px;
	border-top: 7px solid #ffffff;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
.right .box .divider .arrow:after, .rightTop .box .divider .arrow:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 2px;
	border-top: 5px solid #da0909;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
.right .box p, .rightTop .box p {
	margin: 0 0 10px 0;
	padding: 0;
}
.right .box p a, .rightTop .box p a, 
.right .box p a:visited,.rightTop .box p a:visited {
	color: #000000;
	text-decoration: underline;
}
.right .box p a:hover,.rightTop .box p a:hover,
.right .box p a:active,.rightTop .box p a:active {
	color: #da0909;
	text-decoration: none;
}
.right .box img.leftside, .rightTop .box img.leftside  {
	float: left;
	margin: 0 10px 0 0;
	border: 0;
}
.right .box ul,.rightTop .box ul,
.right .box ol, .rightTop .box ol {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.right .box ol li,.rightTop .box ol li {
	counter-increment: step-counter;
}
.right .box ol li::before {
	content: counter(step-counter);
	color: #da0909;
	font-size: 150%;
	float: left;
	margin: 3px 12px 0 0;
}

.rightTop .box ol li::before {
	color: #da0909;
	font-size: 150%;
	float: left;
	margin: 3px 12px 0 0;
}
.right .box li, .rightTop .box li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}
.rightTop .box li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #3C3D40;
	overflow: hidden;
}

.right .box li a, .rightTop .box li a {
	display: block;
	overflow: hidden;
}
.right .box li a:link,
.right .box li a:visited {
	color: #000000;
	text-decoration: none;
}
.rightTop .box li a:link,
.rightTop .box li a:visited {
	color: #C0BEBE;
	text-decoration: none;
}

.right .box li a:hover,.rightTop .box li a:hover,
.right .box li a:active, .rightTop .box li a:active {
	color: #365db7;
	text-decoration: none;
}

.event-date{
	display:block;
	font-size:16px;
	color:#999999;
}
.right .box .group h4, .rightTop .box .group h4{
	float:left;
}
.right-view-all{
	float:left;
	border-left:1px solid #dddddd;
	padding-left:9px;
	margin-left:9px;
}
.right .box .group span, .rightTop .box .group span{
	color:#999999;
	font-size:14px;
	font-style:italic;
	float:left;
	margin-top:25px;
}
.right-small-sponsor{
	float:right;
}
/*****************************************************
FOOTER
*****************************************************/
#footer{
	overflow:hidden;
	background:#292c32;
	color:#ffffff;
    position:relative;
}
#footer-magazine{
	overflow:hidden;
	float:left;
	width:54.23%;
}
#footer-nav{
	overflow:hidden;
	float:right;
	width:40.67%;
}
#footer-magazine .cover-box {
	float: left;
	width: 220px;
	height: 296px;
	margin: 0 20px 0 0;
}
#footer-magazine .cover-box a {
    display: block;
	position: relative;
	width:210px;
    height:286px;
}
#footer-magazine .cover-box .cover-print{
	width:210px;
    height:286px;
}
#footer-magazine .cover-box .cover-digital {
	position: absolute;
	z-index: 2;
	bottom: -10px;
	right: -10px;
	width: 160px;
	height: 225px;
	background: url(../content/images/sprite-main.png) no-repeat 0 -200px;
    background-size:600px;
}
#footer-magazine .features-box {
	overflow: hidden;
}
#footer-magazine .features-box h4 {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	padding: 0;
}
#footer-magazine .features-box h4 a {
    color: #aaaaaa;
}
#footer-magazine .features-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-magazine .features-box ul li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #555555;
}
#footer-magazine .features-box ul li a {
	font-size: 18px;
	font-weight: bold;
}
#footer-magazine .features-box ul li a:link,
#footer-magazine .features-box ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer-magazine .features-box ul li a:hover,
#footer-magazine .features-box ul li a:active {
	color: #ffffff;
	text-decoration: underline;
}
#footer-magazine .features-box .button {
	display: inline-block;
	width: 85%;
	margin: 0 5px 0 0;
    padding-top:12px;
    padding-bottom:12px;
}
#footer-nav .topics-box {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #555555;
	overflow: hidden;
}
#footer-nav .topics-box h4 {
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 15px 0;
	padding: 0;
}
#footer-nav .topics-box ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 50%;
	float: left;
}
#footer-nav .topics-box ul li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}
#footer-nav .topics-box ul li a {
	font-size: 15px;
	font-weight: normal;
}
#footer-nav .topics-box ul li a:link,
#footer-nav .topics-box ul li a:visited {
	color: #cccccc;
	text-decoration: none;
}
#footer-nav .topics-box ul li a:hover,
#footer-nav .topics-box ul li a:active {
	color: #ffffff;
	text-decoration: none;
}
#footer-nav .social-box {
	overflow: hidden;
}
#footer-nav .social-box h4 {
	float: left;
	margin: 7px 50px 0 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	color: #ffffff;
}
#footer-nav .social-box a.social-white-circle {
	float: left;
	margin: 0 10px 0 0;
}
/*** Newsletter Box ***/
#newsletter-box{
	overflow:hidden;
	background:url(../content/images/newsletter-subscription-bg.jpg) repeat-x;
	padding-top:55px;
	/*margin-top:60px;*/
    position:relative;
}
#newsletter-box .wrapper{
	width:700px;
	text-align:center;
	padding-bottom:67px;
	position:relative;
	z-index:1;
}
#newsletter-box-bg{
	background:url(../content/images/newsletter-bg.png) no-repeat;
    background-size:634px;
	position:absolute;
	bottom:-3px;
	width:634px;
	height:210px;
	z-index:-1;
	left:50%;
	margin-left:-45%;
}
#newsletter-box h4{
	font-family: "AvenirNextBold", "proxima-nova", helvetica, arial, san-serif;
	font-size:42px;
}
#newsletter-box p{
	color:#555555;
	margin:20px 0 35px 0;
}
#newsletter-box input[type=text]{
	padding:20px 25px;
	width:620px;
}
#newsletter-box input[type=submit]{
	padding:16px 25px;
	background:#365db7;
	color:#ffffff;
	text-transform:uppercase;
	margin-left:-130px;
	border:none;
	width:120px;
}
#current-news{
	margin:20px auto 0 auto;
	overflow:hidden;
	width:620px;
}
#current-news li{
	float:left;
	color:#ffffff;
	text-shadow:1px 1px #000000;
	margin-left:5px;
	line-height:24px;
}
#current-news li:first-child{
	margin-left:none;
}
#current-news a{
	color:#ffffff;
	text-decoration:underline;
}

/*** Social Media Footer ***/
a.social-white-circle {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #cccccc;
}
a.social-white-circle:hover {
	background-color: #ffffff;
}
a.social-darkicon-facebook {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
    background-position: -145px 5px;
    background-size: 600px 600px;
}
a.social-darkicon-twitter {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
    background-position: -195px 5px;
    background-size: 600px 600px;
}
a.social-darkicon-google {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../content/images/sprite-main.png);
	background-repeat: no-repeat;
    background-position: -244px 5px;
    background-size: 600px 600px;
}

/*** Copyright ***/
#copyright{
	background:#000000;
	border-top:1px solid #333333;
	padding:18px 0;
	color:#777777;
    position:relative;
}
/****************************************************
Subscription Services
*****************************************************/	
.wrapper-blue-outline-box{
	border:2px solid #2f7bbd;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:90px 12px 60px 12px;
	overflow:hidden;
	}	
	
h1.subscription-maintitle{
	color:#000000;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px 0;
	}	
	
h3.subscription-subtitle{
	color:#626262;
	font-size:24px;
	font-weight:normal;
	font-variant:normal;
	text-align:center;
	padding:0 0 65px 0;
	}	

h4.title-black{
	font-size:21px;
	line-height:120%;
	padding:0;
	margin:0;
	}

h6.title-blue{
	font-size:18px;
	color:#2f7bbd;
	line-height:120%;
	padding:0;
	margin:0;
	}

h4.title-blue{
	font-size:22px;
	color:#2f7bbd;
	line-height:120%;
	padding:0;
	margin:0;
	}	

a.title-blue{
	color:#2f7bbd;
	}	

a.title-blue:hover{
	text-decoration:underline;
	}		
		
	
p.reg{
	font-size:16px;
	color:#333333;
	padding: 7px 0 15px 0;	
	line-height: 160%;
	}		

p.small-gray{
	font-size:15px;
	color:#666666;
	padding: 4px 0;
	}

.gray-box{
    background: #f2f2f2;
    float: left;
    margin: 3px 0 -40px 2%;
    width: 36.3%;
    padding: 10px 10px 15px 15px;
    border-radius: 5px;
	}
	

.col.grid-1of3.bluebox{
	width:24%;	
	}
		
	
img.icons{
	display:block;
	margin:0 auto;
	padding:20px 27px 27px 0;
	}

img.arrow-right{
	display:inline-block;
	padding:3px 0 0 5px;
	}		

/****************************************************
Photo Gallery Detail
*****************************************************/


#header-photo-gallery{
	background:#242833;
	height:100px;
	overflow:hidden;
	padding:10px 0;
	}
#header-photo-gallery .logo-box{
	width:20%;	
	padding:20px 0 10px 0;
	overflow:hidden;
	float:left;
	}	
	
#header-photo-gallery .ad-box{
	width:65%;	
	padding:5px 0 10px 0;
	float:left;
	overflow:hidden;
	}	
		
	
#header-photo-gallery img.ad-photo-gallery{
	margin:0 auto;
	padding:0 100px 0 0;
	display:block;
	height:auto;
	max-width:100%;
	}

#header-photo-gallery img.logo-mtd-photogallery{
	padding:0 100px 0 10px;
	}

#photo-gallery-detail{
	background:#2F353E;
	padding:35px 0 10px 0;
	}
	
#photo-gallery-detail a{
	color:#959494;
	}
	
#photo-gallery-detail a:hover{
	text-decoration:underline;
	}	
		
	
#photo-gallery-detail h2{
	font-size:22px;
	color:#ffffff;
	text-align:center;
	float:left;
	}

#photo-gallery-detail h3{
	font-size:18px;
	font-variant:normal;
	font-weight:normal;
	color:#959494;
	float:left;
	}
	
#photo-gallery-detail img.arrow-sm-photogallery-detail{
	float:left;
	padding: 2px 10px 0 0;
	}

#photo-gallery-detail .view-thumbnail-box{
	overflow:hidden;
	float:right;
	}

#photo-gallery-detail .back-photo-gallerylist{
	overflow:hidden;
	float:left;
	}	
	
#photo-gallery-detail img.thumbnail-icon-photogallery{
	float:left;
	padding:0 5px 0 0;
	}	

#photo-gallery-detail h2.main-title-photogallery-detail{
	text-align: center;
    float: none;
	}

.photo-gallery-main-title {
    float:left;
    width:77%;
    }

#photo-gallery-main{
	margin:0px auto;
	padding:25px 0;
	background-color:#2F353E;
	}
	
#photo-gallery-main .wrapper{
	position:relative;
	}
	
#photo-gallery-main img.arrow-lg-prev{
	position:absolute;
	top:50%;
    left: 35px;
	z-index:100;
	margin-top:-35px
	}

#photo-gallery-main img.arrow-lg-next{
	position:absolute;
	top:50%;
    right: 35px;
	margin-top:-35px
	}

#photo-gallery-main img.photog-main{
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	position:relative;
	}	

	
#photo-gallery-main p{
	color:#ffffff;
	}
	
#photo-gallery-main	span.photo-gallery-readmmore{
	color:#3f9cec;
	text-decoration:underline;
	}

#photo-gallery-main	span.photo-gallery-readmmore a{
	color:#3f9cec;
	text-decoration:underline;
	}	

#photo-gallery-main .thumbnail-photogallery-detail{
	float:left;
	margin: 15px 20px 20px 20px;
	}	

#photo-gallery-main .thumbnail-photogallery-detail a.arrow-med-prev{	
	padding: 25px 6px 25px 0;
    float: left;
	}
	
#photo-gallery-main .thumbnail-photogallery-detail a.arrow-med-next{	
	padding: 25px 0 25px 6px;
    float: left;
	}
	
#photo-gallery-main .thumbnail-photogallery-detail img.thumbnail-photogallery{	
	margin:10px 5px;
    float: left;
	}	
	
#photo-gallery-description img.selected-thumbnail-photogallery{
	border:3px solid #cc2229;
	margin: 5px 5px;
	float:left;
	}	
		

#photo-gallery-description{
	margin:15px 0;
	}

	
#photo-gallery-description .btn-like.dark{
	color:#ffffff;
	border:2px solid #2f7bbd;
	padding:10px 40px;
	border-radius: 5px;
	text-transform:uppercase;
	cursor:pointer;
	margin:15px 0;
	font-size:15px;
	}

#photo-gallery-description .btn-share.dark{
	color:#ffffff;
	border:2px solid #2f7bbd;
	padding:10px 20px;
	border-radius: 5px;
	text-transform:uppercase;
	margin:15px 10px;
	cursor:pointer;
	font-size:15px;
	}	
	
	
#photo-gallery-description .col.grid-70.description{
	margin:5px 0 20px 5%;
	}

#photo-gallery-description .col.grid-70.description p{
	padding:0 0 0 30px;
	font-size:16px;
	}
	
#photo-gallery-description .col.grid-30.buttons-dark{
	margin: 20px 0 20px 5%;
	}		


#mobile-header-photogallery{
	display:none;
	}
	

#photo-gallery-thumbnails-main{
	background:#2F353E;
	padding:0;
	}
	
#photo-gallery-thumbnails-main img{
	max-width:100%;
	height:auto;
	}	

#photo-gallery-thumbnails-main .thumbnail-photogallery-box{
	width:100%;
	}
	
#photo-gallery-main .next-photogallery{
	background:#7f7f7f;
  	background:rgba(255,255,255,0.8);
	width:78%;
	position:absolute;
	z-index:1000;
	top: 20%;
    left:10%;
	padding:20px 10px;
	text-align:center;
	margin-top: -35px;
	}

#photo-gallery-main .next-photogallery h1{
	padding: 20px 0 40px 0;
	}	

	
#photo-gallery-main .next-photogallery h4{
	color: #7b7b7b;
    font-size: 21px;
    font-weight: normal;
    text-transform: uppercase;
	margin:25px 0 5px 0;
	}	

#photo-gallery-main .next-photogallery p{
	color: #555555;
	padding:40px 10px 30px 10px;
	line-height:30px;
	margin: 0 auto;
	width:80%;
	}		


#photo-gallery-main .next-photogallery .button-blueborder{
		background:#f4f4f4;
		padding: 12px 50px;
		}

#photo-gallery-main .next-photogallery a:hover.button-blueborder{
		color:#ffffff;
		background:#2f7bbd;
		}	

#photo-gallery-main #dim {
    -webkit-filter:brightness(50%);
    -moz-filter:brightness(50%);
	-ms-filter: brightness(50%);
	-o-filter: brightness(50%);
    filter: url(#brightness);
    filter:brightness(50%);
}			

/*
.overlay-main {
    opacity: .4;
    background-color: black;
    position: absolute;
	left:6.9%;
	top: 0%;
	height: 100%;
	width: 86.3%;
	z-index:100;
}
/*
/****************************************************
Tire Dealer of the Year
*****************************************************/

#wrappertop{
	background:#171A1F;
	}

#wrappertoptwo{
	background-image:url(../content/images/doty/bg-ontherise.jpg);
    background-position: right bottom;
	background-repeat:repeat-x;
    background-color:#303741;
	}


.wrapper.header{
	background-image:url(../content/images/doty/bg_about_header-2.jpg);
    background-position: right top;
	background-repeat:no-repeat;
	max-width:100%;
	-moz-box-shadow:    inset 0 0px 9000px #171A1F;
   -webkit-box-shadow: inset 0 0 155px #171A1F;
    box-shadow: inset 0 0 155px #171A1F;
	}

.wrapper.header.two{
	background-image:none;
    background-position: inherit;
	background-repeat:no-repeat;
	-moz-box-shadow:    none;
   -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 40px;
	}



.group.nav{
	padding:55px 0 37px 0;
	border-bottom:1px solid #393b3f;
	}

.group.nav.two{
	border-bottom:1px solid #d8d8d8;
	}

.group.nav.three{
	border-bottom:1px solid #6e6e6e;
    padding:40px 0 30px 0;
	}


h2.nav-title{
	font-size:28px;
	color:#cfcfcf;
	font-weight:500;
	font-family: "AvenirNext", helvetica, arial, san-serif;
	float:left;
	padding: 10px 0 0 10px;
	letter-spacing: 0.02em;
	}

h2.nav-title.two{
	color:#000000;
	}	
	

nav.nav-main{
	float:right;
	}

ul.links li { display: inline;  } 
	
ul.links a{
	font-size:20px;
	color:#cfcfcf;
	text-transform:uppercase;
	display:inline-block;
	float:left;
	font-family:"proxima-nova", helvetica, arial, san-serif;
	padding:10px 25px;
	margin: 0px 3px;
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 5px;
	font-weight:500;
	margin-top:5px;	
	}	


/*******Nav Two on White Background******/	
ul.links.two a{
	color:#000000;	
	border: 2px solid rgba(0, 0, 0, 0);
	}	
	
ul.links.two a:hover{
	color:#333333;
	}	

ul.links.two a.selected-nav-main{
	color:#333333;
	}	
	


ul.links a:hover{
	color:#cfcfcf;
	border:2px solid #ba1212;
	border-radius: 5px;
	}	


nav a:active {
	font-weight:500;
}


ul.links a.selected-nav-main{
	font-weight:500;
	color:#ffffff;
	border:2px solid #ba1212;
	}
	

.col.grid-70.contentbox{
	padding:39px 0 0 25px;
    width: 51%;
	}

h1.introheader{
	font-size:42px;
	font-family:"proxima-nova", helvetica, arial, san-serif;
	font-weight:600;
	padding-bottom:10px;
	color:#ffffff;
	letter-spacing: 0.0220em;
	}

p.intro{
	color:#c9c9c9;
	line-height:156%;
	letter-spacing: 0.0120em;
	}	
	
h3.introheader3{
	padding-top:50px;
	font-size:23px;
	color:#ffffff;
	font-weight:normal;
	letter-spacing: 0.0220em;
	line-height:158%;
	}

ul.categories{
	padding-top:15px;
	width:45%;
	float:left;
	letter-spacing: 0.03em;
	}	

ul.categories.left{
	padding-top:15px;
	float:left;
	width:45%;
	letter-spacing: 0.03em;
	}

ul.categories li{
	color:#c9c9c9;
	line-height:155%;
	font-size:18px;
	}	
	
span.numbers{
	border:1px solid #2f7bbd;
	font-size:18px;
	border-radius:50%;
	height:20px;
	width:20px;
	padding:3px 3px;
	line-height:19px;
	background:#1d1f23;
	margin:0 10px 10px 0;
	display: inline-block;
	text-align:center;
	}	
	

.col.grid-30.trophybox {
	width:35%;
	}	
	
	
h1.main,
h2.main{
	font-size:42px;
	font-family:"proxima-nova", helvetica, arial, san-serif;
	font-weight:bold;
	padding:15px 0;
	color:#000000;
	text-align:center;
	}
	
h1.main.two
h2.main.two{
	padding:15px 0 30px 0;
	
	}
		
	
h2.subheader{
	font-size:28px;
	color:#000000;
	padding:0 0 10px 0;
	}	



#winner{
	background:#eeeeee;
	padding:65px 0;
	}	
	
.winner-img{
	float:right;
    max-width: 100% !important;
	}
		

h4.subtitle{
	font-size:22px;
	font-variant:normal;
	font-weight:400;
	line-height: 160%;
	}

span.subtitle-two{
	font-size:22px;
	color:#555555;
	font-variant:normal;
	font-weight:400;
	padding-left:7px;
	}	

p.regular{
	color:#555555;
	line-height:156%;
	letter-spacing: 0.0120em;
	}

p.regular-two{
	color:#555555;
	line-height:156%;
	letter-spacing: 0.0120em;
	padding:20px 0 40px 0;
	}		

.wrapper.winner{
	border-bottom: 1px solid #999999;
    padding-bottom: 85px;
	}	
	

/*** Button Blue Border ***/
.button-blueborder{
	color:#2f7bbd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	text-transform:uppercase;
	text-align:center;
	padding:15px 65px;
	border:2px solid #2f7bbd;
	margin-top:10px;
}
.button-blueborder:hover,
.solid:hover{
	color:#ffffff;
	background:#2f7bbd;
	border:2px solid #2f7bbd;
}
.button-blueborder:active,
.solid:active{
	background:#ad1c2a;
	border:2px solid #ad1c2a;
}

#winner .button-blueborder {
    display: block;
    max-width: 78%;
}

.wrapper.pastwinners{
	padding:50px 0 15px 0;
	}

h2.subtitle-three{
	font-size:25px;
	font-variant:normal;
	font-weight:500;
	color:#555555;
	padding:20px 0;
	text-align:center;
	}	

.square-button-box {
	height:175px;	
	width:200px;
	background:#2f7bbd;
	}

a.square-button {
	background:#2f7bbd;
	color:#ffffff;
	text-align: center;
    vertical-align: middle;
	padding:76px 50px;
	margin:0 auto;
	display:block;
	text-decoration:underline;
	font-size:22px;
	font-variant:normal;
	font-weight:400;
	}
	
a.square-button:hover {
	text-decoration:underline;
	background:#ba1212;
	}	


.wrapper.sponsors{
	padding:65px 0 40px 0;
	}	

/***********************************
Sponsors
************************************/

.doylogo{
	width:180px;
	height:80px;
    padding:20px;
    text-align: center;
	}

/****************************************************
Form - Dealer of the Year
*****************************************************/			

.wrapper.form{
	padding:0px 0 35px 0;
	}

			
#form{
	background: #f3f8fb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f8fb 30%, #bdd2de 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#f3f8fb), color-stop(100%,#bdd2de)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3f8fb 30%,#bdd2de 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3f8fb 30%,#bdd2de 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3f8fb 30%,#bdd2de 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3f8fb 30%,#bdd2de 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f8fb', endColorstr='#bdd2de',GradientType=0 ); /* IE6-9 */
	padding:65px 0 45px 0;
    border-bottom: 1px solid #cdcdcd;
	}


.formbox-p-form{
    
}


.col.grid-70.form-paragraph{
    margin: 10px 0 0 100px;
	}
	
.wrapper-side.form{
	width:90%;
    margin-left:75px;
	}	

.hide{
    display: none;
}

#form177{
	float:left;
	clear:both;
    margin:30px 0 0 25px;
	}
	
.form-side-left{
	float: left;
    width: 46%;
    margin: 10px 0;
	}


.form-side-right{
    float: right;
    width: 46%;
    padding-left: 20px;
    margin: 10px 0;
	}	

.form-side-full{
	float: left;
    width: 100%;
    margin: 12px 0;
	}

.form-side-full.two{
    width: 55%;   
	}




input.field.text{
    margin: 0 10px 0 0px;
    padding: 10px;
    width: 83%;
	}
	
label.desc{
	font-size:22px;
	color:#181b20;
	font-weight:bold;
	float:left;
	}	

label.desc.fullw{
	float:left;
    width: 98%;
	}


#field11{
    height: 100px;
    }

.field.select.addr{
    width: 78%;
    font-size: 18px;
}


label.sublabel{
	font-size:19px;
	color:#181b20;
	font-weight:normal;
	}

label.sublabel.radio{
	padding-left: 10px;
	}

form li div label, form li span label {
    clear: both;
    display: block;
    line-height: 160%;
    margin: 0;
    padding-top: 3px;
    font-size: 22px;
}

#Field3{
    float:left;
}

#Field3-1{
    width:85%;
    float:left;
}

#Field3-2{
    width:100%;
    float:left;
}

span.formbox{
    float:left;
    }

span.formbox.name{
    width:45.5%;
    }

label.desc, legend.desc {
    display: block;
    font-weight: bold;
    line-height: 150%;
    margin: 0;
    padding: 10px 0 3px;
    white-space: normal;
    width: 100%;
    font-size: 22px;
}


#saveForm.btTxt.submit{
    display: block;
    background: #2f7bbd;
    text-transform:uppercase;
    color:#ffffff;
    font-size: 22px;
    cursor: pointer;
    width: 46%;
}

#saveForm.btTxt.submit:hover{
    background: #ba1212;
    
}
	
	
.left.city{
    width:100%;
    }

.left.zip{
    width:100%;
    }

select.field.select.medium {
    font-size: 17px;
    font-weight: normal;
    height: 40px;
    width:100%;
	padding-left: 7px;
   
}


.styled-select select {
   background: transparent;
   color: #000000;
   font-size:18px;
   width: 100%;
   padding: 4px;
   font-size: 18px;
   border: 0;
   border-radius: 4px;
    -webkit-border-radius: 5px;
   height: 34px;
  -webkit-appearance: none;
   -moz-appearance: none;
   appearance:none;
   }

.styled-select {
   width: 82%;
   height: 40px;
   overflow: hidden;
   background: url(../content/images/down_arrow_select_2.gif) no-repeat right #ffffff;
   border: 1px solid #dddddd;
    color: #999;
     border-radius: 4px;
    -webkit-border-radius: 5px;
   }
   
select::-ms-expand {
    display: none;
} 


.req{
    font-weight: 500;
    font-variant: normal;
    color:#cc0000;
    font-size: 19px;
    }

p.red{
	padding-top:15px;
	color:#cc0000;
	}

p.gray{
	color:#777777;
	padding-top:10px;
	}	


h2.subheader.regular{
	font-size:28px;
	color:#4e4e4e;
	font-weight:500;
	font-variant:normal;
	border-top:1px solid #b6b6b6;
	padding-top:15px;
	text-align:center;
	}	
	
textarea {
    font-family: "proxima-nova", helvetica, arial, san-serif;
}	


/****************************************************
Content  Right Sidebar-Left Column
****************************************************/

.wrapper.content{
	margin:50px auto;
	padding-bottom:20px;
	border-bottom:1px solid #d8d8d8;
	}
	
.category.two{
	font-size:18px;
	}	
	
h1.maintitle-two{
	font-size:36px;
	}	

h4.subtitle.gray{
	color:#777777;
	padding:0 0 30px 0;
	}	

h1.main-title{
	font-size:36px;
	color:#000000;
	padding:10px 0;
	}	
		
.left p{
	padding:0 0 10px 0;
	}
	
h5.subnav-title{
	font-size:20px;
	font-weight:bold;
	margin: 5px 0;
	}
		
.subnav-title a{
	color:#000000;	
	}	

.subnav-title a:hover{
	color:#000000;
	border-bottom:2px solid red;
	padding-bottom: 5px;		
	}	

a.subnav-title.selected{	
	color:#000000;
	border-bottom:2px solid red;
	padding-bottom: 5px;
	}	
	

.box-two{
	background-color:#eeeeee;
	}
	
.box-two.selected{
	background:none;
	}	

.right.sidebar, .rightTop.sidebar{
	width:320px;
	padding-left:10px;
	}

.right .box.sidebar, .rightTop .box.sidebar{
	padding: 14px 0 9px 10px;
    margin: 0 0 20px 0;
	}	
.right .box.sidebar .img-sidebar, .rightTop .box.sidebar .img-sidebar {
    width: 300px;
}

a.links-blue {
	font-size:16px;
	color:#2f7bbd;
	display:block;
	text-decoration:underline;
	padding-top: 5px;
    line-height: 140%;
	}
	

a.links-blue.selected{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}

.left.column{
	padding-left: 10px;
	}


/******************************************
Numbers Pagination
*******************************************/

.number-pagination{
	width: 82%;
    display: table;
    margin: 40px auto;
	}
	
ul.number-pagination{
	margin:0 auto;
	}	

a.numbers-gray{
	color:#555555;
	border: 1px solid #ffffff;
	display: inline-block;
    float: left;
	padding:7px 10px;
    margin: 0 5px;
	}
	
a.numbers-gray:hover{
	color:#000000;
	border: 1px solid #2f7bbd;
    border-radius: 4px;
	font-weight:bold;
	}			

li.number-selected a{
	color:#000000;
	font-weight:bold;
	border: 1px solid #2f7bbd;
    border-radius: 4px;
	}	
	
.next{
	color:#2f7bbd;
	display: inline-block;
    float: left;
	padding: 10px 10px;
    margin: 0 5px;
	}

.next:hover{
	text-decoration:underline;
	}			
	

.previous{
	color:#2f7bbd;
	display: inline-block;
    float: left;
	padding: 10px 10px;
    margin: 0 5px;
	}

.previous:hover{
	text-decoration:underline;
	}		

/******************************************
End Numbers Pagination
******************************************/

h6.year-red{
	color:#ba1212;
	font-size:18px;
	font-variant:normal;
	font-weight:normal;
	padding:15px 0 10px 0;
	}
	
h6.year-red.two{
	display:inline-block;
	float:left;
	line-height:150%;
	padding: 5px 25px 0 0;
	margin:0;
	}	

h3.name-title{
	font-size:24px;
	font-variant:normal;
	font-weight:600;
	}	

a.name-title{
	color:#000000;
	font-size:24px;
	font-variant:normal;
	font-weight:600;
	line-height:143%;
	}
	
a.name-title.two{
	display:inline-block;
	float:left;
	line-height:150%;
	padding:0;
	margin:0;
	}	
	
.company-name.two{
	display:inline-block;
	float:left;
	line-height:150%;
	padding:0;
	margin:0;
	}		

a.name-title:hover{
	text-decoration:underline;
	}				
	
h5.company-name{
	font-size:20px;
	color:#555555;
	font-variant:normal;
	font-weight:normal;
	line-height:140%;
	padding:10px 0;
	margin-bottom:35px;
	}	 
	 
a.links-blue.position {
	position:absolute;
	bottom:0;
	left:0;
	padding-top:20px;
	line-height:145%;
	}
	
a.links-blue.position.two {
	display:inline-block;
	float:left;
	position:static;
	padding: 8px 0 0 10px;
	margin:0;
	line-height:150%;
	}
	

.col.grid-1of5.boxes {
	position:relative;
	height: 385px;
	margin: 20px 0 50px 4%;
	}

.col.grid-1of5.boxes img {
    width: 200px;
}
	
.row-box{
	 vertical-align: bottom;
	 overflow:hidden;
	 margin-bottom: 25px;
	}	

.nametitle-companyname{
	width:50%;
	float: left;
	overflow:hidden;
	}	
	
.award{
	height:auto;
    max-width: 100% !important;
	}
	
.wrapper-side.two-columns{
	margin:30px 0;
	}	


a.comments-load-all {
    text-decoration: underline;
}
a.comments-load-all:hover {
    text-decoration: none;
    cursor: pointer;
}

 .col.grid-1of3.video-list {
        height:238px;
    }


   /********Tire Intelligence Graph******/
    .ti-chart-controls-section {
        width:30.5% !important;
        margin:10px auto !important;
    }

     .ti-chart-controls-section h6 {
        font-size:17px;
        font-weight:bold;
        padding-bottom:5px;
    }

    .ti-ddl select {
        width:100%;
    }

    .ti-donut-chart {
        width:32% !important;
        padding-bottom:15px;
    }






/*****************************************************
Whitepaper*******************************************/

whitepaper-list-wrapper{
	overflow:hidden;
	}

.header-whitepaper h1{
	text-align:center;
	padding:10px 0;
	font-size:32px;
	}

.grid-1of4.item{
	float:left;
	margin:2% 2% 5% 2%;
	}

.grid-1of4.item:nth-of-type(4n){
	margin-right:0;
	}	

.grid-1of4.item:nth-of-type(4n+1){
	clear:both;
	}		
	
.grid-1of4.item h3 a.whitepaper-title{
	color:#000000;
	font-size:16px;
	}	

.grid-1of4.item h3 a.whitepaper-title:hover{
	color:#265595;
	}		
	
.grid-1of4.item img{
	margin:0 0 9% 0;
	border: 1px solid #dddddd;
	box-shadow: 4px 4px 0 0 #dddddd;
	display:block;
	
	}	

.grid-70.story{
	width:79.4%;
	overflow:hidden;
	margin: 0px auto; 
	text-align: left;
	border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
	}	

a.whitepaper-title {
	color:#000000;
	}

a.whitepaper-title:hover {
	color:#265595;
	}	

.grid-70.story p{
 	color: #818181;
    font-size: 16px;
    margin: 1px 0 10px;
    padding: 0;	
	}

.grid-70.story .whitepaper-cover-box{
	float:left;
	}	
	
.grid-70.story img.whitepaper-cover{
 	width:215px;
	height:308px;
	border: 1px solid #dddddd;
	box-shadow: 4px 4px 0 0 #dddddd;
	margin-right:20px;
	margin-bottom:10px;
	display:block;
	}

.grid-70.story .description {
	overflow:hidden;
	}	


.grid-70.story .description p{
	float:left;
	width:52%;
	padding-bottom:25px;
	}	

a.button-download{
	background:#F5AE31;
	color:#ffffff;
	border-radius:4px;
	padding:12px 40px;
	clear:both;
	font-size:19px;
	text-align:center;
	width:70%;
	}	


a.button-download img.arrow-down{
	vertical-align: top;
    margin-top: -3px;
	}		

.whitepaper-section{
	margin:15px 0;	
	}
	
.view-more{
	width: 100%;
    clear: both;
    margin: 10px 5px;
	padding: 25px 0;
    text-align: center;
	}

a.view-more{
	color:#000000;
	font-size:15px;
	}		

a.view-more:hover{
	color:#365db7;
	text-decoration:underline;
	}	
	
nav.wp-subnav-wrapper{
	margin:0 auto;
	padding:0 2% 0 5%;
	}		
	
#wp-subnav {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 5px;
    list-style: none;
    border-top: 1px solid #dddddd;
	}
	
#wp-subnav li {
    float: left;
    list-style-type: none;
    padding: 10px 0;
}	

#wp-subnav .selected {
    background-color: #EDAA36;
    border: 1px solid #EDAA36;
    color: #fff;
}

#wp-subnav a:hover {
    background-color: #EDAA36;
    border: 1px solid #EDAA36;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
}

#wp-subnav a {
    display: block;
    padding: 5px 15px 5px 15px;
    text-align: center;
    color: #000000;
    float: left;
    margin-right: 7px;
    border: 1px solid #000000;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}	

.mainContent .single .list-text-short {
    float: left;
	}

.whitepaper-item {
    float:left;
	margin-right:5%;
	height: 175px; 
	width: 123px; 
	margin: 0 4% 0 2%
}	


.list-elem{
	overflow:hidden;
	padding:25px 0;
	max-width:690px;
	}

.whitepaper-list-wrapper .list-elem h3 a{
	font-size:18px;
	color:#000000;
	}	
	
.whitepaper-list-wrapper .list-elem h3 a:hover{
	color:#265597;
	}	

.whitepaper-list-desc  p{
	font-size:15px;
	color:#818181;
	}

.whitepaper-list-desc p.author{
	color:#818181;
	padding:0;
	margin:5px 0;
	}			
	

.whitepaper-item img {
    -moz-box-shadow: 4px 4px 0 0 #dddddd;
    -webkit-box-shadow: 4px 4px 0 0 #dddddd;
    box-shadow: 4px 4px 0 0 #dddddd;
	border-width:0px;
	height: 174px; 
	width: 122px; 
	border: 1px solid #dddddd
}	

.whitepaper-list-desc{
	float:left;
	width:41%;
	overflow:hidden;
	}
	
.button-download-wrapper{
	width:30%;
	float:left;
	margin-left:3%;
	}	
	
.whitepaper-list-wrapper{
	margin:30px 10px 25px 10px;
	overflow:hidden;
	}
	
	
/*** Whitepaper Form ***/
#whitepaper-form{
	overflow:hidden;
	background:#f4f4f4;
	border:1px solid #cccccc;
	padding:29px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin: 20px auto;
    width: 72.4%;
}

#whitepaper-form button, .btn-submit-wp{
	padding:10px 18px;
	background:#ffffff;
	color:#000000;
	font-size:15px;
	border:1px #cccccc solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
}
#whitepaper-form button.placeholder {
	color:#999999;
}
#whitepaper-form .full{
    width: 204% !important;
}
#whitepaper-form .half{
	width:100% !important;
}
#whitepaper-form .radio-buttons{
	float:left;
	margin-top:7px;
}
.radio-buttons label{
	margin: 3px 5px 0 0px;
	color:#777777;
}
#whitepaper-form .options{
	background: #ffffff;
	width:100% !important;
	height:39px;
	border:1px solid #cccccc;
	outline:none;
	color:#000000;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
#populate-form{
	font-size:14px;
	text-decoration:underline;
	background:url(/images/whitepapers-sprite.png) no-repeat 0 -100px;
	padding:5px 0 20px 25px;
}
#whitepaper-form #thank-you{
	font-size:16px;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
#whitepaper-form .btn-submit{
	font-size:15px;
	text-transform:uppercase;
	background:#EDAA36;
	color:#ffffff;
	border:0;
	margin: 10px 0 15px 0;
	width:46%;
	
}
#whitepaper-form .btn-submit:hover {
    cursor: pointer;
}

#whitepaper-form .reqinfo {
    padding: 5px;
    margin: 0;
    font-size: 13px; 
}
#whitepaper-form span.required {
    color: #cc0000;  
}
#whitepaper-form span.label {
    color: #666666;  
}

#whitepaper-form .foundinfo {
    padding: 5px 0 0 5px;
    color: #000000;
    font-size: 13px;
}
#whitepaper-form .foundinfo a {
    font-size: 13px !important;
    font-weight: bold !important;
}
#whitepaper-form .foundinfo a:link,
#whitepaper-form .foundinfo a:visited {
    text-decoration: underline !important;
}
#whitepaper-form .foundinfo a:hover,
#whitepaper-form .foundinfo a:active {
    text-decoration: none !important;
}

div.row {
  overflow: hidden;
  margin-bottom: 10px;
}

div.cell {
  float: left;
  width: 45%;
  margin: 5px 10px 5px 0px;
}

#whitepaper-form select.options.placeholder{
	width:204% !important;
	}

span.radio-btn-box{
	margin-right:2%;
	padding:0;
	width:26%;
	float:left;
	margin-bottom: 8px;
	}	

span.radio-btn-box input{
	padding:2px !important;
	width:22%;
	margin-right: 40px;
	margin-bottom: 5px;
	}	
	
span.radio-btn-box label{
	padding:2px !important;
	width:23%;
	margin-right:1%;
	height:auto;
	font-size:12px;
	
	}			

.post-leadfield{
	padding-left:10px;
	}	

/*** End Whitepaper Form ***/	

	
.left.w-column{
	width:85%;
	}		
/*****************************************************
Whitepaper End ***************************************/

/*****************************************************
Media Queries
*****************************************************/
@media only screen and (max-width: 1200px){
	/*** Wrappers ***/
	.wrapper{
		width:96%;
		padding:0 2%;
	}
	
	#footer-magazine .features-box .button{
		width:80%;
		margin:0 0 10px 0;
		padding-left:5%;
		padding-right:5%;
	}
	.left{
		width:70%;
	}
	#header.fixed #search{
		margin-left: 20px;
		width: 130px;
	}
	#header.fixed #search input[type=text]{
	    padding:8px 50px 8px 10px;
	}
	#header.fixed #top-social-media{
	    display: none;
	}
	#nav-more.fixed .wrapper{
		width: 100%;
		padding: 0;
	}
	
	/*** Images ***/
	.wide-thumbnail img,
	.two-featured-stories img{
		width:100%;
	}
    
	/******Tire Dealer of the Year ******/

	.col.grid-70.contentbox {
    	padding: 40px 0 0 5px;
    	width: 53%;
	  }
	
	h3.introheader3 {
		padding-top:20px;
		}
		
	ul.categories.left{
		width: 49%;
	}
	
	.left.column {
    	width:66%;
	}
	
	a.links-blue.position.two {
		width:27%;
		}

    /****Photo Gallery Detail*****/
	
       .photo-gallery-main-title {
        width:72%;
    }

	#photo-gallery-detail h2.main-title-photogallery-detail{
		margin-left:10px;
		}	
	
	#photo-gallery-main img.arrow-lg-prev {
		left: 20px;
		}

	#photo-gallery-main img.arrow-lg-next {
		right: 20px;
	}
    /****Whitepaper Sections*****/
	
	.grid-70.story .description p {
    	width: 58%;
	}

   
}
@media only screen and (max-width: 1060px){
	.left{
		width:65%;
	}
	.grid-1of3{
		width:46%;
	}
	.grid-1of5{
		width:29%;
	}
    #issue-header.grid .col img{
        display: none;
    }
    #issue-header.grid .col div{
        margin-left: 0;
    }
	#header.fixed #search{
		width: 52px;
		margin-left: 10px;
	}
	#header.fixed #search input[type=text]{
		display: none;
	}
	#header.fixed #search input[type=submit]{
		width: 52px;
		border-radius: 5px;
		background-color: #ffffff;
		background-position: -85px 14px;
	}
	#header.fixed #top-social-media{
	    display: none;
	}
    #header.fixed #main-nav li {
        margin-left: 10px;
    }
	table.story-image,
	table.story-image tbody,
	table.story-image tr,
	table.story-image td,
	table.story-image caption{
		display: block;
	}
	.story-image.story-image-left,
	.story-image.story-image-right {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
    
	/******Tire Dealer of the Year ******/

    .form-side-full.two{
        width: 65%; 
    }
    
    .form-side-left{
        width:45%;
    }
    
    .form-side-right{
        width:45%;
    }
	
	ul.links a{
		font-size:18px;
		}
	h2.nav-title{
		font-size:25px;
		}
	
	.left.column {
    	width:63%;
	}		
	
	h2.subtitle-three {
		padding: 15px 0;
		text-align: left;
	}
	
	.nametitle-companyname {
		width: 45%;
	}
	
	h3.name-title {
    	width: 81%
	}
	
	h5.company-name {
		width: 75%;
	}
    /****Photo Gallery Detail*****/

    .photo-gallery-main-title {
        width: 67%;
    }

	#photo-gallery-detail h2.main-title-photogallery-detail{
		margin-left:30px;
	}
	
	#photo-gallery-description .col.grid-70.description {
    	margin: 5px 0 20px 2%;
	}	
	
	#photo-gallery-description .col.grid-30.buttons-dark {
    	margin: 20px 0 20px 1%;
		width:32%;
	}
     
    
    /********Whitepaper********/
	
	
	.grid-1of4.item img {
		margin: 0 0 7% 0;
		max-width: 100%;
		height:auto;
	}
	
	.grid-70.story {
    	width: 90%;
		padding:0 10px 10px 10px;
	}
	
	#whitepaper-form{
		margin: 10px auto;
		width: 80%;
	}

}
@media only screen and (max-width: 960px){
	.left{
		width:100%;
	}
    .right, .rightTop {
        display:none;
    }
	.grid-1of3{
		width:29.3%;
	}
	.right .banner-300x250, .rightTop .banner-300x250{
		text-align:center;
		background: url(../content/images/sponsor-pattern.gif) repeat;
		padding: 20px 0;
		margin: 0 0 40px 0;
	}
    #issue-header.grid .col img{
        display: block;
    }
    #issue-header.grid .col div{
        margin-left: 135px;
    }
	#search{
		margin-right: 430px;
	}
    #popular-topics{
	    margin-top: 15px;
	    width: 400px;
        height: 45px;
    }
	#header.fixed{
		height: 65px !important;
	}
	#header.fixed #search{
		float: none !important;
		width: auto !important;
		margin-left: 50px !important;
		margin-right: 85px !important;
		height: 40px !important;
	}
	#header.fixed #search input[type=text]{
		display: inline;
		height: 40px;
		padding: 8px 50px 8px 10px;
	}
	#header.fixed #search input[type=submit]{
		width: 40px !important;
		height: 40px !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		background-position: -90px 11px !important;
	}
	#header.fixed #main-nav{
		display: none !important;
	}
	#header.fixed #top-social-media{
		display: none !important;
	}
	#header.fixed #menu{
		display: block !important;
		margin-top: 20px !important;
	}
	#nav-more.fixed {
		top: 68px;
	}
    #main-nav li {
        margin-left: 8px;
    }
	.right .box .divider,.rightTop .box .divider{
		margin-top:30px;
	}
	table.story-image{
		display: table;
	}
	table.story-image tbody{
		display: table-row-group;
	}
	table.story-image tr{
		display: table-row;
	}
	table.story-image td{
		display: table-cell;
	}
	table.story-image caption{
		display: table-caption;
	}
	.story-image.story-image-left {
		float: left;
		margin-right: 30px;
	}
	.story-image.story-image-right {
		float: right;
		margin-left: 15px;
	}

    
	/******Tire Dealer of the Year ******/

	.col.grid-70.contentbox {
		padding:25px 0 0 0px;
		width: 51%;
	}
	
	.col.grid-30.trophybox {
		width: 39%;
	}

	
	ul.categories {
		padding-right:7px;
		width:47%;
		}
		
	ul.categories li {
		font-size:17px;
		}	
	span.numbers {
		font-size:17px;
		}	
	
	ul.links a{
		font-size:17px;
		padding:10px 10px;
		}
		
	h2.nav-title{
		font-size:22px;
		padding:6px 0 0 10px;
		}	
			
	.left.column {
    	width: 53%;
		margin-bottom:40px;
	}

	.right.sidebar, .rightTop.sidebar {
	    display: block;
	}
	
	.number-pagination{
		width: 98%;
	}
	
	
	.col.grid-1of4.sponsors{
		margin: 20px 0 20px 4%;
	}
	
	.logo-1 {
    	background-position: 3% 0;
	}
	
	.logo-2 {
		background-position: 35.5% 0%;
	}
	
	.logo-3 {
   	 	background-position: 68.9% 0%;
	}
	
	.logo-4 {
    	background-position: 101% 0%;
	}

	.logo-5 {
    	background-position: 2% 13.5%;
	}
	
	.logo-6 {
    	background-position: 35.5% 13.5%;
	}
	
	.logo-7 {
    	background-position: 69% 13.5%;
	}
	
	.logo-8 {
    	background-position: 101% 13.5%;
	}
	
	.logo-9 {
		background-position: 2% 25.5%;
	}
	
	.logo-10 {
		background-position: 35% 25.5%;
	}
	
	.logo-11 {
		background-position: 70% 25.5%;
	}
	
	.logo-12 {
    	background-position: 100.9% 25.5%;
	}
	
	.logo-13 {
		background-position: 2% 38%;
	}
	
	.logo-14 {
		background-position: 35% 38%;
	}
	
	.logo-15 {
		background-position: 69% 37.9%;
	}
	
	.logo-16 {
		background-position: 100.6% 38%;
	}
	
	.logo-17 {
		background-position: 2.6% 50%;
	}
	
	.logo-18 {
    	background-position: 35% 50.3%;
	}
	
	.logo-19 {
    	background-position: 69.5% 50%;
	}
	
	.logo-20 {
    	background-position: 101.9% 50%;
	}
	
	.logo-21 {
    	background-position: 2.5% 62%;
	}
	
	.logo-22 {
		background-position: 35.4% 63%;
	}
	
	.logo-23 {
    	background-position: 69.5% 62.6%;
	}
	
	.logo-24 {
		background-position: 101.9% 0%;
	}
	
	.logo-25 {
		background-position: 2.6% 75%;
	}
	
	.logo-26 {
		background-position: 35.4% 75%;
	}

	.logo-27 {
		background-position: 69% 75%;
	}	
	
	.logo-28 {
    	background-position: 101.9% 62.55%;
	}
	
	.logo-29 {
		background-position: 2.6% 87.6%;
	}
	
	.logo-30 {
		background-position: 35.4% 88%;
	}
	
	.logo-31 {
		background-position: 69.5% 88%;
	}
	
	.logo-32 {
		background-position: 102.5% 75%;
	}
	
	.logo-33 {
		background-position: 1.6% 99.8%;
	}
    #header-photo-gallery img.ad-photo-gallery {
		margin: 0 auto;
		padding: 10px 100px 0 0;
	}
	
	#photo-gallery-main img.arrow-lg-next {
		 
    		right: 15px;
	}
	
	#photo-gallery-main img.arrow-lg-prev {
		    
    		left: 15px;
	}
	
	#photo-gallery-main .next-photogallery {
		top:10%;
		padding: 8px 10px 5px 10px;
		}

    .photo-gallery-main-title {
        width: 62%;
    }

    /********Whitepaper*********/
	
	a.button-download {
		padding: 12px 25px;
		width: 50%;
	}
}
@media only screen and (max-width: 768px){
	.grid-1of3{
		width:46%;
	}
	.grid-1of4{
		width:48%;
	}
    #issue-header.grid .col img{
        display: none;
    }
    #issue-header.grid .col div{
        margin-left: 0;
    }
    .issue-grid .grid-1of3,
    .research-grid .grid-1of3{
		width:29.3%;
	}
    .issue-grid .col img,
    .research-grid .col img {
        max-width: 100% !important;
        height: auto !important;
    }
    .research-grid .col{
        height: 365px;
	}
	
	#header{
		height: 65px;
	}
	#header .logo a{
		margin: 10px 0;
	}
	#header #search{
		float: none;
		width: auto ;
		margin-left: 100px;
		margin-right: 85px;
		height: 40px;
	}
	#header #search input[type=text]{
		display: inline;
		height: 40px;
		padding: 4px 50px 4px 10px;
	}
	#header #search input[type=submit]{
		width: 40px !important;
		height: 40px !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		background-position: -90px 11px !important;
	}
	#popular-topics{
		display: none !important;
	}
	#nav{
		display: none !important;
	}
	#main-nav{
		display: none !important;
	}
	#top-social-media{
		display: none !important;
	}
	#menu{
		display: block !important;
		margin-top: 20px !important;
	}
	#body{
		margin-top: 68px;
	}
	
	/*** Newsletter ***/
	#newsletter-box .wrapper{
		width:96%;
	}
	#newsletter-box input[type=text]{
		width:95%;
	}
	#current-news{
		width:100%;
	}
	
	/*** Footer ***/
	.section{
		padding:40px 0 20px 0;
	}
	#footer-magazine{
		width:100%;
		margin-bottom:20px;
		border-bottom:2px solid #555555;
	}
	#footer-nav{
		width:100%;
		margin:0;
	}
	
	/*** Banners ***/
	.banner-leaderboard-wrapper{
		margin:20px 2%;
	}
	.banner-leaderboard img{
		max-width:100% !important;
        height:auto;
	}
	
	table.story-image,
	table.story-image tbody,
	table.story-image tr,
	table.story-image td,
	table.story-image caption{
		display: block;
	}
	.story-image.story-image-left,
	.story-image.story-image-right {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

    

	/******Tire Dealer of the Year ******/

	.col.grid-70.contentbox {
		 padding: 12px 0 0 0px;
    	 width: 50%;
	}

	h2.nav-title {
		width:100%;
	}
	
	.group.nav {
		padding: 30px 0 30px 0;
		}
	
	
	nav.nav-main {
    	float: left;
    	padding: 25px 25px 0 5px;
	}
		
	.button-blueborder {
		padding:15px 45px;
	}
		
	span.numbers {
		font-size:15px;
	}
	
	ul.categories{
		width:90%;
	}
	
	ul.categories.left {
		width: 90%;
		padding: 0;
	}	
		
	ul.categories li {
		font-size:16px;
	}
	
	p.intro {
		font-size:17px;
	}	
	
	.col.grid-1of4.sponsors {
		width: 27%;
		margin: 20px 0 20px 6%;
	}
	
	.col.grid-70.form-paragraph {
    	margin: 10px 0 0 70px;
		width:90%;
	}		

	.wrapper-side.form {
		margin-left: 45px;
	}
	
	#saveForm.btTxt.submit{
		width:65%;
        margin-top:20px;
		}
	
	.left.column {
    	width:42%;
	}
	
	.number-pagination {
   	 width: 100%;
	}
	
	ul.number-pagination {
		font-size:15px;
		}
		
	.previous,.next {
		padding: 5px 5px;
		margin: 0 5px;	
		}
	
	a.numbers-gray {
		padding: 5px 5px;
		margin: 0 5px;
	}
	
	ul.number-pagination {
    font-size: 17px;
	}	
	
	h2.subtitle-three {
		padding: 15px 0;
		text-align: center;
	}	
	
	#form177{
   		margin:15px 0 0 25px;
	}
	
  
	
	.wrapper.header {
		padding-bottom:38px;
	}
	
	h6.year-red.two {
		padding: 5px 18px 0 0;
	}

	
	.nametitle-companyname {
    	width: 51%;
	}
	
	.col.grid-1of5.boxes {
		height: 440px;
		margin:20px 0 30px 4%;
	}
	
	a.links-blue.position.two {
		width: 25%;
	}

    /****Photo Gallery Detail*****/
	
	#header-photo-gallery img.ad-photo-gallery {
		padding: 20px 100px 0 20px;
	}
	
	#photo-gallery-detail h2.main-title-photogallery-detail{
		width:33%;
		margin-left:20px;
		margin-right:20px;
	}	
	
	#photo-gallery-detail .back-photo-gallerylist {
		width:30%;
	}
	
	#photo-gallery-detail h3.back-photo-gallerylist {
		width:45%;
	}
	
	#photo-gallery-detail a.back-photo-gallerylist {	
		width:97%;
	}
	
	#photo-gallery-description .col.grid-30.buttons-dark {
    	margin: 20px 0 20px 7%;
		width:95%;
	}
	
	#photo-gallery-description .col.grid-70.description{
		width:95%;
		}
	
	#header-photo-gallery {
		overflow:hidden;
		clear:both;
		background:##2F353E;
		padding:5px 0 0 0;
		height:auto;
		}
	
	#header-photo-gallery .logo-box {
		display:none;
		}	
		
	#header-photo-gallery img.logo-mtd-photogallery {
		
		}	
		
	#header-photo-gallery img.ad-photo-gallery {
		padding: 0;
		margin:0 auto;
		display:block;
		width:100%;
	}	
	
	#header-photo-gallery .ad-box {
		width:auto;
		padding:5px 0 10px 0;
		}
		
		
	#mobile-header-photogallery{
		display:inherit;
		background:#292C32;
	}
	
	
	#mobile-header-photogallery .ad-box{
		background:#2f353e;
		padding:10px 0;
		clear:both;
	}
	
	
	#mobile-header-photogallery img.ad-photo-gallery{
		max-width: 95%;
		margin: 0 auto;
		padding: 0;
		height: auto;
		display: block;
	}
	
	#mobile-header-photogallery	.nav-photogallery{
			background:#292c32;
			overflow:hidden;
		}

	#mobile-header-photogallery	.nav-photogallery img{
		margin: 0 auto;
		display: block;
		max-width:60%;
		height:auto;
		}	
	
	#mobile-header-photogallery .nav-photogallery a:last-child { border-right:none; }	
	#mobile-header-photogallery .nav-photogallery img.logo-mtd-mobile{
		max-width: 50%;
		padding-top:5px;
	}
		
	#mobile-header-photogallery	.nav-photogallery a{
		cursor: pointer;
		float: left;
		width: 17.5%;
		height:45px;
		border-right: 1px solid #696969;
		display:inline-block;
		padding: 10px 5px 15px 5px;
		margin: 2px 2px 0 2px;
		background:#292c32;
		}		
		
	#photo-gallery-detail {
		   display:none;
		}
	
	#photo-gallery-main .thumbnail-photogallery-detail {
		   display:none;
		}
	
	#photo-gallery-main img.arrow-lg-prev {
			display:none;
		}
		
	#photo-gallery-main img.arrow-lg-next {
		  display:none;
		}	
		
	
	#photo-gallery-main {
		padding: 0px 0 5px 0;
		}	
	
	#photo-gallery-main .wrapper {
		clear: both;
	}
	
	body.photogallery-background{
		background:#2F353E;
		}

	#photo-gallery-main .next-photogallery {
		top:9%;
		left:5%;
		width:88%;
		padding: 8px 10px 5px 10px;
		}
	
	#photo-gallery-main .next-photogallery p {
    	font-size:15px;
		line-height:27px;
	}
	
	#photo-gallery-main .next-photogallery h1 {
		padding: 5px 0 20px 0;
		font-size:33px;
	}


  /********Whitepaper********/
	
	.grid-1of4.item {
		width:29%;
	}
	
	.grid-1of4.item:nth-of-type(4n){
		margin-right:2%;
	}	

	.grid-1of4.item:nth-of-type(4n+1){
		clear:none;
		}
  
	.grid-1of4.item:nth-of-type(3n){
		margin-right:0;
	}	

	.grid-1of4.item:nth-of-type(3n+1){
		clear:both;
		}

	.grid-70.story {
		width:100%;
}
	
	#whitepaper-form {
		margin: 20px auto;
		width: 84%;
	}	
	
	#whitepaper-form .full {
    	width: 203% !important;
	}
	
	.button-download-wrapper {
		width: 31%;
	}
	
	a.button-download {
		padding: 12px 18px;
		}
	
	.whitepaper-list-desc {
		width: 37%;
	}	


}
@media only screen and (max-width: 620px){
	.story-heading .about .author {
		float: none;
		overflow: hidden;
		padding: 0;
		margin: 0;
		border-right: none;
	}
	.story-heading .about .social {
		float: none;
		overflow: hidden;
		padding: 0;
		margin: 10px 0;
	}
	.story-heading .about .date {
		float:none;
		overflow: hidden;
		padding: 0;
		margin: 0;
		border-left: none;
	}
	.two-featured-stories .grid-1of2,
	.author-list .grid-1of2,
	#winner .grid-1of2,
	.grid-70,
	.grid-30{
		width:100%;
	}
	.grid-30{
		border:0;
		padding:0;
		margin-top:0;
	}
    #issue-header.grid {
        margin-left: -4%;
    }
    #issue-header.grid .grid-1of2 {
        margin: 20px 0 20px 4%;
    }
    #issue-header.grid .col h2,
    #issue-header.grid .col p{
        display: none;
    }
    #issue-header.grid .col .button{
        display: block;
    }
    .issue-grid .grid-1of3,
    .research-grid .grid-1of3{
		width:46%;
	}
    #cover-image {
        float: none;
    }
    #cover-side {
        margin-left: 0;
    }

    /*** Blog ***/
	.bob-blog{
		width: 155px !important;
		height: 186px !important;
	    background-size: 155px 186px !important;
		margin: 20px auto 0 auto !important;
    	float: none;
        margin-top:0;
	}
	.blog-list img{
		max-width:100% !important;
	}

	.grid-70 h1{
		text-align:center;
	}
    
	#research-box .grid-70 h1{
		text-align:left;
	}

    /*** Products ***/
	.product-detail .two-buttons,
	.product-detail .category,
	.product-detail figure{
		text-align:center;
	}
    
    /*** Subscription Services ***/
	img.icons {
		padding: 20px 30px 20px 0;
	}
	
	p.reg {
		width:75%;
	}
	
	.col.grid-1of3.bluebox {
		width: 98%;
		float:none;
	}
	
	.gray-box {
		width:94%;
		float:none;
		margin:0;
		padding: 15px;
		}
	
	.wrapper-blue-outline-box {
		padding:38px 12px 40px 12px;
		}	
		
	h3.subscription-subtitle {
		padding: 0 0 20px 0;
		}	
		
	h1.subscription-maintitle{
		font-size:28px;
		}	
	
	/******Tire Dealer of the Year ******/
	
	.group.nav {
		 padding: 15px 0 15px 0;
		}
	
	.winner-img {
        float: none;
		margin: 0 auto;
		display: block;
	}
	
	
	.col.grid-1of5.boxes-three{
		width:100%;
	}
	
	
	.past-winners-img{
		float: none;
		margin: 0 auto;
		display: block;
		height:auto;
	}
	
	.square-button-box {
		float: none;
		margin: 0 auto;
		display: block;
	}
	
	p.regular-two {
		width:50%;
	}
	
	h2.main {
		font-size:32px;
		padding:40px 0 15px 0;
	}
	
	.col.grid-30.trophybox {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
		
	.award {
		margin: 0 auto;
		display: block;
		margin-top: 15px;
		height: auto;
		width:48%;
	}
	
	.col.grid-70.contentbox {
		padding: 0px 0px 10px 5px;
		width: 93%;
		margin-top:-47px;
		}
		
	.boxshadow {
		background-position: bottom left;
		height: 165px;
		width: 100%;
		position: static !important;	
	}
	
	.current-winner-content{
		text-align: center;
		padding-bottom:15px;
		}
	
	p.regular-two {
		width: 96%;
		text-align: center;
		padding: 20px 0 40px 0;
	}
	
	ul.links a {
    	font-size: 15px;
		padding: 5px 5px;
	}
	
	ul.categories{
		width:100%;
		padding:10px 0 0 0;
	}
	
	a.subnav-title.selected {
		border-bottom: none;
	}
		
	
	h2.nav-title {
    	font-size: 23px;
		font-weight:bold;
	}
	
	h1.introheader {
    	font-size: 36px;
	}

    
	.col.grid-70.form-paragraph {
		margin: 10px 0 0 20px;
	}

	.wrapper-side.form {
		margin:0;
		width:95%;
        padding:0 2% 0 4%;
        overflow:hidden;
		}

	.form-side-right {
		width: 100%;
		padding: 0;
		float: none;
	}    
    
	.form-side-left {
		width: 100%;
		padding: 0;
		float: none;
	}    
	
	.form-side-full.two {
		width: 82%;
	}
	
    form-side-left.drop-down {
        width:60%;

    }

    input.field.text{
        width: 95%;
	}
	
	#Field3 {
		/*width: 90%;*/
		float: left;
	}
	
	#Field3-1 {
		width: 90%;
		float: left;
	}
   
   .form-side-full{
    	margin: 5px 0;
	} 
	
	label.desc{
		padding:20px 0 10px;
	}    
    
	label.sublabel{
		margin-bottom:10px;
		}
	
	.left.column {
    	width: 96%;
    	padding-right: 10px;
		}
		
	.img-sidebar{
		display:none;
		}	
		
	.right.sidebar, .rightTop.sidebar{
		width: 100%;
		}	
		
	.wrapper.content {
		margin: 0px auto;
		margin-bottom:15px;
	}	
	
	.right .box.sidebar, .rightTop .box.sidebar {
		padding: 10px 0 4px 10px;
    	margin: 0 0 5px 0;
	}
	
	.box-two.selected {
		background: #dcdcdc;
	}
	
	.box-two {
		border-bottom: 1px solid #dcdcdc;
	}
	
	
	h1.main-title{
		font-size:28px;
		}
	
	.left.column {
		margin-top:20px;
		margin-bottom:40px;
		}	
	
	a.links-blue {
		padding-top: 8px;
		line-height: 100%;
		padding-bottom: 10px;
	}	
	
	h4.subtitle.gray {
		font-size:20px;
	}
	
	nav.nav-main {
		float: left;
		padding: 10px 25px 0 5px;	
	}	
	
	a.subnav-title {
		font-size:18px;
	}
	
	a.links-blue {
		font-size:15px;
	}
	
	
	a.name-title{
		font-size:20px;
		line-height:130%;
		padding:0;
		}
	
	.wrapper.header {
		padding-bottom:45px;
	}
	
	
	.col.grid-1of5.boxes {
		width:43%;
		height:360px;
	}
	
	h6.year-red {
		padding:10px 0 5px 0;
		}
	
	
	h3.name-title {
    	width: 100%;
	}
	
	h5.company-name {
    	width: 100%;
		font-size:18px;
		padding:5px 0;
		margin-bottom:5px;
	}
	
	.nametitle-companyname {
    	width: 80%;
		padding-top:2px;
	}
	
	a.links-blue.position.two {
		width: 100%;
		padding:0 0 0 55px;
	}
	
	
	.col.grid-1of4.sponsors {
		margin: 20px 0 20px 8%;
		width: 42%;
	}

    /******Photo Gallery****/
	
	#photo-gallery-description .col.grid-70.description p {
		width: 90%;
	}
	
	#mobile-header-photogallery	.nav-photogallery img{
		max-width:75%;
		height:auto;
		padding-top:2px;
		}	
		
	#mobile-header-photogallery .nav-photogallery img.logo-mtd-mobile{
		padding-top:7px;
	}	
	
	
	#mobile-header-photogallery .nav-photogallery a {
		float: left;
		width: 16.5%;
		height: 45px;
		padding: 15px 5px 15px 5px;
		margin: 0 3px 0 3px;
	}
	
	#photo-gallery-main .next-photogallery p {
    	font-size:15px;
		line-height:27px;
		width:90%;
		padding: 20px 10px 30px 10px;
		max-height:66px;
	}
	
	#photo-gallery-main .next-photogallery h4 {
		font-size:18px;
	}
	
	#photo-gallery-main .next-photogallery h1 {
			font-size:28px;
			width:90%;
			margin:0 auto;
	}
	
	#photo-gallery-main .next-photogallery {
		left: 2%;
		width: 95%;
		padding: 8px 10px 5px 10px;
		height: 100%;
	}		
	
	#photo-gallery-main .next-photogallery .button-blueborder {
		font-size:16px;
		padding:10px 20px;
		width:90%;
	}

    /********Tire Intelligence Graph******/
    .ti-donut-chart {
        width:70% !important;
        float:none !important;
        margin:10px auto !important;
    }

    .ti-chart-controls {
        width:90%  !important;
        margin:0 auto!important;
}
	
    /********Whitepaper********/
	
	.grid-1of4.item {
		width:46%;
		margin:2% 3% 2% 2%;
		height:345px;
	}
	
	
	.grid-1of4.item:nth-of-type(3n){
		margin-right:2%;
	}	

	.grid-1of4.item:nth-of-type(3n+1){
		clear:none;
		}
		
	
	.grid-1of4.item:nth-of-type(2n){
		margin-right:0 !important;
		}

        .grid-1of4.item:nth-of-type(2n+1)
        {
            clear: both!important;
        }
    
	
	.whitepaper-list-wrapper{
		padding:0 10px;
		margin: 15px 20px;
		overflow:hidden;
		}
	
	.button-download-wrapper {
		width: 100%;
		margin: 10px auto !important;
		display: block;
		text-align: center;
	}
	
	.grid-70.story .description p {
    	width: 42%;
	}
	
	.grid-70.story .whitepaper-cover-box {
		margin-bottom: 25px;
		}
	
	#whitepaper-form .full {
    	width:100% !important;
		}
		
	div.cell{
		width:100% !important;
		}	
		
	#whitepaper-form .half {
    	width: 100% !important;
	}
	
	#whitepaper-form .options{
		width:100% !important;
		margin:5px 0;
	}
	
	#whitepaper-form select.options.placeholder{
		width:100% !important;
	}	
	
	#whitepaper-form .btn-submit{
		width:100%;	
	}
	
	.left.w-column{
		width:100%;
		}
		
	.whitepaper-list-desc{
		width:100%;
		margin:5% 2% 0 2%;
		}	
		
	.whitepaper-item {
		margin:10px auto;
		float:none;
	}
	
	a.button-download {
		width: 84%;
		margin: 0 auto;
		text-align: center;
		display: block;
		margin-left:0;
	}
	
}
@media only screen and (max-width: 480px){
	/*** Wrappers ***/
	.wrapper{
		width:100%;
		padding:0;
	}
	#header .wrapper,
	#footer .wrapper,
	.wrapper-side{
		width:92%;
		padding:0 4%;
	}
	.grid{
		margin-left:0;
	}
	.grid-1of5{
		width:100%;
	}
	.wrapper-side .col{
		margin:20px 0;
	}
	#header .logo a{
	    display:block;
	    float:left;
	    margin:15px 0 0 0;
	    background:url(../content/images/sprite-main.png) no-repeat 0 0;
	    background-size:500px;
	    width:82px;
	    height:38px;
	    text-indent:-9999px;
    }
    #header #search{
		margin-left: 50px;
	}
	#newsletter-box .wrapper{
		width:92%;
		padding:4%;
	}
	
	/*** Slider **/
	#top-slider .swiper-slide{
		background:none;
		text-align:center;
		width: 88%;
	}
	#top-slider .swiper-slide figure{
		float:none;
		margin:0 auto;
		width: 100%;
		height: 200px;
	}
	#top-slider .swiper-slide a:hover .headline h2{
		text-decoration:none;
	}
	#top-slider .swiper-slide .headline{
		border-top:none;
		padding:10px 0 0 0;
		color:#000000;
		display:block;
		width: 90%;
		margin: 0 auto;
	}
	#top-slider .swiper-slide .headline .category{
		color:#999999;
		font-size:14px;
	}
	#top-slider .swiper-slide .headline h2{
		font-size:24px;
		color:#000000;
		font-family: "AvenirNextBold", "proxima-nova", helvetica, arial, san-serif;
		line-height:130%;
		display:block;
		margin-bottom:5px;
	}
	#top-slider .swiper-slide .headline p{
		display:none;
	}
	#top-slider .swiper-pagination-bullet{
		width: 6px !important;
		height: 6px !important;
	}
	
	.sorting-nav{
		padding-left: 4%;
		padding-right: 4%;
	}
    .sorting-nav .swiper-wrapper .swiper-slide a.show-sub {
        display: none;
    }
    .sorting-nav .swiper-wrapper .swiper-slide a.show-sub-popover {
        display: block;
    }
	
	.right, .rightTop{
		display:none;
	}
	.grid-1of3{
		width:96%;
		padding:0;
	}
    
    #issue-header.grid .col .button{
        padding: 10px;
    }
    .issue-grid,
    .research-grid {
        margin-left: -4%;
    }
    .issue-grid .grid-1of3,
    .research-grid .grid-1of3{
		width:46%;
	}
    .issue-grid .col{
        margin: 20px 0 20px 4%;
        height: 310px;
    }
    .research-grid .col{
        margin: 20px 0 20px 4%;
        height: 365px;
    }
    .issue-grid .col img,
    .research-grid .col img {
        max-width: 100% !important;
        height: auto;
    }
    .divider-tb.year h2 {
        display: none;
    }
    .divider-tb.year .jump {
        position: relative;
        top: 0;
    }
    .divider-tb.year .jump span {
        display: none;
    }
    .divider-tb.year .jump select {
        font-size: 18px;
        font-weight: bold;
    }
	
	.story-heading h1 {
		margin: 5px 0 10px 0;
		font-size:24px;
	}
	.story-list h2{
		font-size:20px;
	}
	.story-list img{
		max-width:125px !important;
        max-height:94px;
	}
	.wide-thumbnail img{
		max-width:100% !important;
	}
	.story-list p{
		display:none;
	}
	.button.margin-40{
		margin:0;
	}
	
    .large-search #search{
	    width:70%;
    }
	
	/*** Newsletter ***/
	#newsletter-box{
		margin:0;
		padding:40px 0 0 0;
	}
	#newsletter-box h4{
		font-size:28px;
	}
	#newsletter-box p{
		font-size:16px;
	}
	#newsletter-box-bg{
		left:20%;
	}
	
	/*** Footer ***/
	.features-box{
		width:100%;
	}
	#footer-magazine .cover-box{
		margin:0 auto;
	    margin-bottom: 15px;
		float:none;
	}
	#footer-magazine h4{
		text-align:center;
	}
	#footer-magazine .features-box .button {
		width:98%;
		padding: 10px 0;
		margin:0 auto 20px auto;
	}
	#copyright{
		font-size:13px;
		padding:8px 0;
	}

    
	
	/**********Tire Dealer of the Year*****/	
	ul.links a {
		padding: 6px 5px;
	}
	.col.grid-70.contentbox {
    	padding: 0px 0px 10px 5px;
	}
	
	.award {
		margin: 0 auto;
		display: block;
		margin-top: 5px;
		width: 68%;
		height: auto;
	}
	
	.col.grid-70.form-paragraph {
    	margin: 10px 0 0 40px;
	}
	
	#saveForm.btTxt.submit{
		width:82%;
	}
	
	.col.grid-1of5.boxes {
		width:45%;
		height:360px;
	}
	
	.logo-1, .logo-2, .logo-3, .logo-4 , .logo-5 , .logo-6 , .logo-7 , .logo-8 ,.logo-9,.logo-10,.logo-11,.logo-12,.logo-13,.logo-14
,.logo-15,.logo-16,.logo-17,.logo-18,.logo-19,.logo-20,.logo-21,.logo-22,.logo-23,.logo-24,.logo-25,.logo-26,.logo-27,.logo-28
,.logo-29,.logo-30,.logo-31,.logo-32,.logo-33{
	margin:0 auto;
	
	}
	
	
	.col.grid-1of4.sponsors{
		width:100%;
        margin-left: 0;
		float:none;
		display:block;
		text-align:center;
	}

    .doylogo {
        margin: 0 auto;
    }

    /********Subscription Services********/
    .col.grid-1of3.icon-box {
        text-align: center;
    }

    p.reg {
        text-align: center;
        margin: 0 auto;
    }

    img.icons {
        padding:0;
    }

    /******Photo Gallery****/
	
	#header-photo-gallery .logo-box {
		padding: 20px 0 10px 15px;
	}
	
	#photo-gallery-description .col.grid-30.buttons-dark{
		margin:20px 0 20px 10%;
		}
		
	#mobile-header-photogallery .nav-photogallery a {
		width: 14.5%;
		margin: 0px 3px 0px 3px;
		padding: 10px 5px 15px 5px;
		height:auto;
	}
	
	
	#photo-gallery-thumbnails-main img {
		margin: 0 auto;
		display: block;
		margin-left: 14%;
	}	
	
	#photo-gallery-thumbnails-main{
		padding:0;
	}
	
    /**********Whitepaper*******/
	
	
	.grid-70.story .whitepaper-cover-box {
			float:none;
			margin-bottom:5px;
	}
	
	.grid-70.story .description p {
		float: left;
		width: 100%;
		padding:20px 0;
	}
	
	.post-leadfield{
		padding-left:0;
	}
	
	
}
@media only screen and (max-width: 400px) {
    .issue-grid .col {
        height: 255px;
    }
    .research-grid .col {
        height: 315px;
    }
}
@media only screen and (max-width: 320px) {
    .issue-grid .col {
        height: 215px;
    }
    .large-search #search{
	    width:65%;
    }
}

/*MM added. We should make this part built into the page peel.*/
#peelback {
    position:fixed;
    top:0;
    right:0;
    z-index:9999 !important;
}


/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
    #header .logo a,
    #search input[type=submit],
    #menu,
    #menu-popover-close,
    #menu-popover ul.social-media li a.fb,
    #menu-popover ul.social-media li a.tw,
    #menu-popover ul.social-media li a.google-plus,
    .fb,
    .tw,
    .google-plus,
    .fb:hover,
    .tw:hover,
    .google-plus:hover,
    #subnav-popover-close,
    a.social-coloricon-facebook,
    a.social-coloricon-twitter,
    a.social-coloricon-google,
    a.social-coloricon-email,
    #footer-magazine .cover-box .cover-digital,
    a.social-darkicon-facebook,
    a.social-darkicon-twitter,
    a.social-darkicon-google{
	    background-image:url(../content/images/sprite-main@2x.png);
    }
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    
  width: 422px;
  position: fixed !important;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion:hover {
    color: #fff;
  background-color: #0097cf;
  cursor:pointer;
    }

.tt-suggestion p {
  margin: 0;
}

.twitter-typeahead {
    display:block !important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*****************************************************
Tire Intelligence
*****************************************************/
#ti-box {
    overflow: hidden;
    background: #e8e9f5;
    padding-top: 55px;
    position: relative;
}

#ti-box .wrapper {
    max-width: 700px;
    text-align: center;
    padding-bottom: 67px;
    position: relative;
    z-index: 1;
}

#ti-box h4 {
    font-family: "AvenirNextBold", "proxima-nova", helvetica, arial, san-serif;
    font-size: 42px;
}
.ti-chart-controls-box {
    padding:5px 15px !important;
    background-color:rgba(255, 255, 255, 0.4);
}
.ti-chart-controls {
    overflow:hidden;
    max-width: 700px;
    margin: 15px auto;
    padding-top:15px;
}

.ti-chart-controls-section {
    float: left;
    padding: 5px;
}

.ti-donut-chart {
    float: left;
    width: 30%;
}


.ti-chart {
    float: left;
    width: 100%;
}

.ti-ddl {
   overflow: hidden;
   background: url(../content/images/down_arrow_select_2.gif) no-repeat right #ffffff;
   border: 1px solid #dddddd;
   color: #999;
   border-radius: 4px;
   -webkit-border-radius: 5px;
}

.ti-ddl select {
   background: transparent;
   color: #000000;
   font-size:18px;
   padding: 4px;
   font-size: 18px;
   border: 0;
   border-radius: 4px;
   -webkit-border-radius: 5px;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance:none;
}

#ti-more-data {
    clear: both;
    padding-top: 50px;
}

.ti-submitbutton {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 5px;
}

.solid-red {
    background: #F7464A !important;
    border: 2px solid #F7464A !important;
    color: #ffffff;
}

#btnMoreData.button.solid-red.ui-link {
    padding:15px 50px;
}

#btnMoreData.button.solid-red.ui-link:hover {
    background: #000000 !important;
    border: 2px solid #000000 !important;
    color: #ffffff;
}

/*** General ***/
.ti-wrapper{
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
.ti-wrapper h2,
.help h2{
	color:#d40000;
	font-size:18px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	margin:50px 0 30px 0;
}

.ti-wrapper-form{
	width:500px;
}

/*** Logo ***/
.powered-by{
	overflow:hidden;
	border-bottom:1px solid #dddddd;
	padding:30px 0;
	text-align:center;
}
.powered-by span{
	font-size:12px;
	color:#999999;
}
.ti-wrapper .logo{
	text-indent:-9999px;
	background:url(/Content/images/tire-intelligence.png) no-repeat;
	width:130px;
	height:42px;
	display:inline-block;
}
#form233 #header{
    display:none;
}
/*** More Options ***/
.more-options{
	padding-bottom:50px;
	border-bottom:1px solid #dddddd;
}
.ti-wrapper .grid-1of2{
	float:left;
	width:48%;
	margin-right:4%;
	overflow:hidden;
}
.ti-wrapper .grid-1of2:last-child{
	margin-right:0;
}
.ti-wrapper .grid-1of2 ul{
	overflow:hidden;
	width:500px;
	color:#555555;
	margin:0;
}
.ti-wrapper .grid-1of2 ul li{
	float:left;
	width:50%;
	text-align:left;
	padding:10px 0 ;
}
.more-options a{
	margin: 20px 0 0 40px;
}

/*** Features ***/
.features{
	padding-bottom:50px;
	border-bottom:1px solid #dddddd;
}
.ti-wrapper .grid-1of3{
	float:left;
	width:32%;
	margin-right:2%;
}
.ti-wrapper .grid-1of3:nth-of-type(3n){
	margin-right:0;
}
.ti-wrapper .grid-1of3:nth-of-type(3n+1){
	clear:left;
}
.ti-wrapper h3{
	font-size:18px;
	text-align:center;
	margin:10px 0;
}
.features p{
	text-align:center;
	color:#555555;
	margin:0;
	padding:0;
}
.features img{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #dddddd;
}

/*** How Can We Help ***/
.help{
	width:540px;
	margin:0 auto;
	padding-bottom:50px;
}
.help li{
	padding:10px 0;
	color:#555555;
}

/*** About ***/
.about{
	text-align:center;
	padding:30px 0;
}
.about h1{
	font-size:30px;
	font-style:italic;
}

/* tire intelligence */
.ti-about{
	background:#e2d5f0 url(/Content/images/about.png) no-repeat top center;
	text-align:center;
	padding:30px 0;
}

/*** Media Query ***/
@media (max-width: 960px) {
	.ti-wrapper{
		width:100%;
	}
	.ti-wrapper .grid-1of3,
	.ti-wrapper .grid-1of2{
		float:none;
		clear:both;
		width:94%;
		padding-left:3%;
		padding-right:3%;
		text-align:center;
		margin-bottom:30px;
	}
	.ti-wrapper .grid-1of2 ul{
		width:auto;
	}
}