/* == GLOBAL LAYOUT ====================== */
/* Basic layout configuration */

html {
	height: 100%
}
body {
	font-family: Verdana, sans-serif;
	font-size: .8em;
	color: #fff;
	height: 100%;
	margin: 0;
}
div#container {
	position: relative;
	min-height: 100%;
	background: url('../images/contentBack.png') repeat-y 50%
}
* html div#container {
	height: 100%;
	background: url('../images/contentBack_ie.gif') repeat-y 50%
}
.clear {
	clear: both
}



div#masthead,
div#mainNav,
div#content,
div#footer {
	position: relative;
	width: 722px;
	margin: 0 auto
}
h3 {
	margin-bottom: 0	
}




body.splash {
	background: #636363 url('../images/flapBack.png') repeat-x
}
body.standard {
	background: #636363 url('../images/flapBack.png') repeat-x 0 -120px
}

/* == MASTHEAD CONFIGURATION ============= */
/* Masthead customizations */

div#masthead h1 {
	font-size: 1.7em;
	width: 698px;
	margin: 0 12px;
	padding-top: 30px
}
body.splash div#masthead {
	height: 200px;
}
body.standard div#masthead {
	height: 116px;	
}
body.splash div#masthead h1 a {
	position: relative;
	display: block;
	width: 698px;
	height: 170px
}
body.standard div#masthead h1 a {
	position: relative;
	display: block;
	width: 698px;
	height: 116px
}
div#masthead h1 a:hover {
	text-decoration: none	
}
body.splash div#masthead h1 a span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 698px;
	height: 170px;
	cursor: pointer;
	background: url('../images/homeMasthead.png') no-repeat
}
body.standard div#masthead h1 a span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 698px;
	height: 116px;
	cursor: pointer;
	background: url('../images/standardMasthead.png') no-repeat
}
div#masthead div.accessibility {
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	width: 125px	
}




hr.accessibility {
	display: none
}

/*
div#container {
	height: 100%;
	
}
* html div#container {
	
}
*/
a:link {
	color: #ffd200;
	text-decoration: none;
	outline: none
}
a:visited {
	color: #ffd200;
	text-decoration: none;
	outline: none
}
a:hover {
	color: #fff;
	text-decoration: underline;
	outline: none
}
a:active {
	outline: none
}

/* == SITE LINKS ========================= */
/* Move site links to the top */

div#sitelinks {
	position: absolute;
	top: 0;
	width: 678px;
	margin: 0 12px;
	padding: 10px 10px;
	border-bottom: 1px solid #fff;
	background: #515151
}
div#sitelinks div.phone {
	float: left	
}
div#sitelinks div.navigation {
	font-weight: 900;
	float: right	
}


/* == NAVIGATION BAR ===================== */
/* Setup navigation visuals */

div#navbar ul {
	margin: 0 1em;
	padding: 0;
	float: right
}
div#mainNav h2 {
	display: none
}


body.standard div#navbar {
	height: 84px;
	margin-top: -69px;
	margin-bottom: 69px;
	background: url('../images/nav/std_repeat.png') repeat-x 0
}
* html body.standard div#navbar {
	width: 100%;
	margin-top: -81px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/std_repeat_ie.png", sizingMethod="crop")
}
body.standard div#navbar ul li {
	position: relative;
	top: 5px;
	list-style: none;
	width: 74px;
	height: 84px;
	margin: 0 .5em;
	float: left;
}
* html body.standard div#navbar ul li {
	top: -12px
}

body.standard div#navbar li.bigtrucks a,
body.standard div#navbar li.commercial a,
body.standard div#navbar li.smalltrucks a,
body.standard div#navbar li.dealers a {
	position: relative;
	display: block;
	font-size: 1px;
	color: #646552;
	text-decoration: none;
	outline: none;
	width: 74px; /* 74px - padding */
	height: 34px; /* 84px - padding */
	padding: 25px 0
}
body.standard div#navbar li.bigtrucks a span,
body.standard div#navbar li.commercial a span,
body.standard div#navbar li.smalltrucks a span,
body.standard div#navbar li.dealers a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 74px;
	height: 84px;
	cursor: pointer
}
body.standard div#navbar li.bigtrucks a span {
	background: url('../images/nav/std_tractortrailer.png') no-repeat
}
body.standard div#navbar li.commercial a span {
	background: url('../images/nav/std_commercial.png') no-repeat
}
body.standard div#navbar li.smalltrucks a span {
	background: url('../images/nav/std_consumer.png') no-repeat
}
body.standard div#navbar li.dealers a span {
	background: url('../images/nav/std_dealers.png') no-repeat
}
* html body.standard div#navbar li.bigtrucks a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/std_tractortrailer.png", sizingMethod="crop")
}
* html body.standard div#navbar li.commercial a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/std_commercial.png", sizingMethod="crop")
}
* html body.standard div#navbar li.smalltrucks a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/std_consumer.png", sizingMethod="crop")
}
* html body.standard div#navbar li.dealers a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/std_dealers.png", sizingMethod="crop")
}


/* == HOME NAVIGATION ==================== */
/* Large scale home page navigation */

body.splash div#navbar {
	height: 118px;
	background: url('../images/nav/splash_repeat.png') repeat-x
}
* html body.splash div#navbar {
	width: 100%;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/splash_repeat_ie.png", sizingMethod="crop")
}

body.splash div#navbar ul li {
	position: relative;
	top: -20px;
	list-style: none;
	width: 124px;
	height: 118px;
	margin: 0 .5em;
	float: left;
}
body.splash div#navbar li.bigtrucks a,
body.splash div#navbar li.commercial a,
body.splash div#navbar li.smalltrucks a,
body.splash div#navbar li.dealers a {
	position: relative;
	display: block;
	font-size: 2px;
	text-decoration: none;
	outline: none;
	width: 34px; /* 124px - padding */
	height: 78px; /* 118px - padding */
	padding: 40px 20px
}
body.splash div#navbar li.bigtrucks a span,
body.splash div#navbar li.commercial a span,
body.splash div#navbar li.smalltrucks a span,
body.splash div#navbar li.dealers a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 124px;
	height: 118px;
	cursor: pointer
}
body.splash div#navbar li.bigtrucks a span {
	background: url('../images/nav/splash_tractortrailer.png') no-repeat
}
body.splash div#navbar li.commercial a span {
	background: url('../images/nav/splash_commercial.png') no-repeat
}
body.splash div#navbar li.smalltrucks a span {
	background: url('../images/nav/splash_consumer.png') no-repeat
}
body.splash div#navbar li.dealers a span {
	background: url('../images/nav/splash_dealers.png') no-repeat
}


* html body.splash div#navbar li.bigtrucks a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/splash_tractortrailer.png", sizingMethod="crop")
}
* html body.splash div#navbar li.commercial a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/splash_commercial.png", sizingMethod="crop")
}
* html body.splash div#navbar li.smalltrucks a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/splash_consumer.png", sizingMethod="crop")
}
* html body.splash div#navbar li.dealers a span {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/nav/splash_dealers.png", sizingMethod="crop")
}



body#home div#mainContent ul.categories {
	float: right;
	font-size: 12px;
	border-right: 1px solid #666;
	list-style: none;
	margin: 0;
	padding: 0
}
body#home div#mainContent ul.categories li {
	margin: 0;
	padding: 0;
	border-left: 1px solid #666;
	float: left
}
body#home div#mainContent ul.categories li a {
	display: block;
	text-align: center;
	cursor: pointer;
	width: 130px;
	height: 27px;
	margin: 0;
	padding-top: 130px
}
body#home div#mainContent ul.categories li a.hotstamp {
	background: url('../images/cat_hotstamp.png') no-repeat
}
body#home div#mainContent ul.categories li a.reflective {
	background: url('../images/cat_reflective.png') no-repeat
}
body#home div#mainContent ul.categories li a.stainless {
	background: url('../images/cat_stainless.png') no-repeat
}

* html body#home div#mainContent ul.categories li a.hotstamp {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cat_hotstamp.png", sizingMethod="crop")
}
* html body#home div#mainContent ul.categories li a.reflective {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cat_reflective.png", sizingMethod="crop")
}
* html body#home div#mainContent ul.categories li a.stainless {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cat_stainless.png", sizingMethod="crop")
}







div#wrapper,
div#secondary,
div#extra,
div#footer {
	width: 638px;
	margin: 0 auto;
	padding: 0 30px
}



body.splash div#wrapper {
	width: 638px;
	margin: 0 12px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: url('../images/gradient_medium.png') repeat-x	
}
body.splash div#mainContent {
	height: 157px
}
body.splash div#mainContent h2 {
	float: left;
	width: 230px;
	font-size: 14px;
	margin: 0;
	padding-top: 2em
}


div#content {
	padding-bottom: 3em
}
div#footer {
	position: relative;
	font-size: 1em;
	margin-top: -1.7em
}
div#footer p {
	font-size: .7em;
	margin: 0
}



div#secondary h3 {
	font-size: 1.1em
}



p.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: -3px 0 0 0;
}



.headline_photo {
	float: right;
	margin: 0 0 0 1em	
}


body#products .gallery {
	float: right;
	margin-left: 1em
}



body#products div.copy {
	float: left;
	width: 250px	
}
body#products div.store {
	clear: both;
	padding-top: 1.5em
}
body#products div.store a img {
	border: none;	
}
body#products div.store a {
	display: block;
	padding: 0 7px;
	background: #fff;
}
body#products div.store ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body#products div.store ul li {
	float: left;
	margin: 6px;
	padding: 0
}
body#products div.store ul li p {
	width: 115px;
	height: 2em;
	margin: 0 0 10px 0
}



body#products div.samples,
body#tractortrailer div.samples {
	float: right;
	width: 350px;
	margin-left: 15px;
	padding-top: 1.5em
}
body#tractortrailer div.samples .png {
	margin: 0 -2px
}

body#products div.samples img {
	margin: -.2em
}

body#products ul#reflective_color_legend {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}
body#products ul#reflective_color_legend li {
	line-height: 1.5em;
	margin-left: 1em;
	padding-left: 20px
}
body#products ul#reflective_color_legend li.red {
	background: url('../images/reflective/clr_red.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.neonGreen {
	background: url('../images/reflective/clr_neongreen.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.yellow {
	background: url('../images/reflective/clr_yellow.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.magenta {
	background: url('../images/reflective/clr_magenta.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.orange {
	background: url('../images/reflective/clr_orange.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.pink {
	background: url('../images/reflective/clr_pink.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.white {
	background: url('../images/reflective/clr_white.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.gold {
	background: url('../images/reflective/clr_gold.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.blue {
	background: url('../images/reflective/clr_blue.png') no-repeat 0 2px
}
body#products ul#reflective_color_legend li.tangerine {
	background: url('../images/reflective/clr_tangerine.png') no-repeat 0 2px
}