/*
Copyright (c) 2008, PACCAR Inc. All rights reserved.
Code licensed under the BSD License:
/css/license.txt

Author: Draftfcb Chicago
Developer: d scott boyce
*/

/* more padding to accommodate larger widget tabs (usually found in screen.css) */
#content {
	padding-top:24px;
}

/* specials page */

.hero p.signup a {
	background:url('../img/templates/offers/spr-sign-up-for-preferred-dealer-savings-sp.png') no-repeat 0 0;
}
.hero p.call a {
	background:url('../img/templates/offers/spr-call-for-pricing-sp.png') no-repeat 0 0;
}
.hero p.profile a {
	background:url('../img/templates/offers/spr-select-a-preferred-dealer-for-savings-sp.png') no-repeat 0 0;
}

/* masthead */

/* usually found in screen-font-sizes.css */
#mainnav {
	/* font-size:116%; */
	font-size: 12px;
}

/* primary navigation */

#mainnav {
	margin:0; padding:0;
	position:absolute;
	left:154px; top:31px;
	width:580px; height:56px; overflow:hidden;
	border-bottom:2px solid #4f4f4f;
}
#mainnav li {
	list-style:none;
	display:inline;
	float:left;
	/* width:70px; */ height:56px;
	margin:0; padding:0 1px 0 0;
	background:url('../img/templates/global/spr-mainnav-border.png') no-repeat 100% 0; /* pushes right side border */
}
#mainnav li a { /* padding + line-height = 56px; */
	display:block;
	width:auto;
	margin: 0; padding: 26px 8px 22px 8px; /* allows width to flex depending on font-size */
	background:url('../img/templates/global/spr-mainnav-bg.png') no-repeat -4px 0;
	color:#366bd5;
	text-transform:uppercase;
	font-weight:bold;
	line-height:12px;
}
	#mainnav li a.single-line {
		margin: 0; padding: 26px 8px 6px 8px; /* allows width to flex depending on font-size */
		line-height:24px;
	}
	
	#mainnav li a,
	#mainnav li a:link,
	#mainnav li a:visited {
		background-position:-4px 0;
	}
	#mainnav li a:hover,
	#mainnav li a:focus,
	#mainnav li a:active {
		background-position:-4px -56px;
		color:#2050c9;
	}
#mainnav li strong {
	font-weight: bold;
	/* position:absolute; left:-9999em; hide me but keep me accessible! */
	/* height:0; width:0; overflow:hidden; opera needs a little extra convincing */
}

/* mainnav link styles */

/* sets active right border for all main level nav */
.home #mainnav li#mainnav00,
.specials #mainnav li#mainnav01,
.articles #mainnav li#mainnav02,
.tools #mainnav li#mainnav03,
.brands #mainnav li#mainnav04,
.service #mainnav li#mainnav05,
.dealer-info #mainnav li#mainnav06 {
	background-position:100% -112px;
}

.home #mainnav li#mainnav00 a:link,
.home #mainnav li#mainnav00 a:visited,
.home #mainnav li#mainnav00 a:hover,
.home #mainnav li#mainnav00 a:focus,
.home #mainnav li#mainnav00 a:active,
.specials #mainnav li#mainnav01 a:link,
.specials #mainnav li#mainnav01 a:visited,
.specials #mainnav li#mainnav01 a:hover,
.specials #mainnav li#mainnav01 a:focus,
.specials #mainnav li#mainnav01 a:active,
.articles #mainnav li#mainnav02 a:link,
.articles #mainnav li#mainnav02 a:visited,
.articles #mainnav li#mainnav02 a:hover,
.articles #mainnav li#mainnav02 a:focus,
.articles #mainnav li#mainnav02 a:active,
.tools #mainnav li#mainnav03 a:link,
.tools #mainnav li#mainnav03 a:visited,
.tools #mainnav li#mainnav03 a:hover,
.tools #mainnav li#mainnav03 a:focus,
.tools #mainnav li#mainnav03 a:active,
.brands #mainnav li#mainnav04 a:link,
.brands #mainnav li#mainnav04 a:visited,
.brands #mainnav li#mainnav04 a:hover,
.brands #mainnav li#mainnav04 a:focus,
.brands #mainnav li#mainnav04 a:active,
.service #mainnav li#mainnav05 a:link,
.service #mainnav li#mainnav05 a:visited,
.service #mainnav li#mainnav05 a:hover,
.service #mainnav li#mainnav05 a:focus,
.service #mainnav li#mainnav05 a:active,
.dealer-info #mainnav li#mainnav06 a:link,
.dealer-info #mainnav li#mainnav06 a:visited,
.dealer-info #mainnav li#mainnav06 a:hover,
.dealer-info #mainnav li#mainnav06 a:focus,
.dealer-info #mainnav li#mainnav06 a:active {
	background-position:-4px -112px;
}


/* alternate images for spanish */
#great-savings {
	margin:3.5em 0 2em 0;
	width:200px; height:179px; overflow:hidden;
	background:url('../img/templates/offers/spr-update-your-profile-sp.png') no-repeat center top;
	position:relative;
}
	#great-savings p.promo,
	#great-savings p a strong {
		position:absolute; left:-9999em; /* hide me but keep me accessible! */
		height:0; width:0; overflow:hidden; /* opera needs a little extra convincing */
	}
	#great-savings a,
	#great-savings a:link,
	#great-savings a:visited {
		display:block;
		position:absolute;
		left:22px; top:142px;
		width:159px; height:19px;
		background:url('../img/templates/offers/spr-update-your-profile-sp.png') no-repeat -24px -142px;
	}
	#great-savings a:hover,
	#great-savings a:focus {
		background-position:-24px -179px;
	}
	#great-savings a:active {
		background-position:-24px -198px;
	}