/* This style sheet is not a template. You may adapt elements of it for your own projects, the unique synthesis of layout, images, colors and typography herein is copyright (c) 2005 Consumers Price Guide and may not be duplicated without the expressed written consent of its owner. */

body {
	margin: 0;
	/* Trick padding-bottom to prevent content background from bleeding into footer IE(Win) bug) */
	padding: 0 0 25px 0;
	border: 0;
	font: 11px/15px verdana, sans-serif;
	color: #000;
	background: #fff url(../i/glines.gif);
	/* For old versions of IE */
	text-align: center;
}

img { border: 0; }

p { margin-top: 0; }

/* Fix a Mozilla bug that slices content when users resize window */
html { min-width: 770px; }


/* Banner ads */

p.bannerads {
	text-align: center;
	margin: 15px auto;
	}


/* Layout */

div#wrapper {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 770px;
	text-align: left;
	}

body.front div#wrapper {
	background: #ffc url(../i/cpgwrapper.gif) top left repeat-y;
	padding: 0;
	}
	
div#content {
	margin: 0 2px;
	padding: 0;
	border: 0;
	text-align: left;
	width: auto;
}

/* Prevent IE6(Win) from miscalculating width of layout and filling side of page with white lines \*/
* html div#content { margin-right: -5px; }
body#homepage div#header { clear: left; }
/* end hiding from mac ie5 */

div#header {
	position: relative;
	margin: 0;
	/* Pass to IE(Mac) the incorrect values it needs. */
	padding-top: 139px;
	/* Hide from Mac IE5. Other browsers read these. \*/
	padding: 0;
	height: 139px;
	/* Stop hiding from Mac IE5. */
	background: transparent url(../i/NuMainHead.jpg) top left no-repeat;
	width: 766px;
}

div#columns {
	margin: 0;
	/* Pass to IE(Mac) the following value to prevent it from swallowing chunks of the layout */
	/*padding-top: 35px;
	/* Hide from IE(Mac). Other browsers read these. \*/
	padding: 0;
	/* Stop hiding from Mac IE5. */
	border: 0;
	text-align: left;
	width: 766px;
}

div#col1 {
	text-align: left;
	background: transparent url(../i/topshade.gif) top left repeat-x;
	margin: 0;
	float: left;	
	display: inline;
	padding: 10px;
	position: relative;
	z-index: 1;
}

div#col1b {
	text-align: left;
	float: left;
	background: transparent url(../i/topshade.gif) top left repeat-x;
	margin: 0;
	padding-top: 10px;
	position: relative;
	width: 766px;
	}

body.front div#col1 {
	width: 578px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 558px;
	}

/* be kind to Opera */
html>body.front div#col1 { width: 558px; }

div#starburst {
	background: transparent url(../i/starburst.gif) top right no-repeat;
	width: 150px;
	height: 88px;
	float: right;
	display: inline;
	z-index: 100;
	}

#starburst p span {
	display:none;
	}
		
#col1 h1.giant {
	background: transparent url(../i/finally.gif) top left no-repeat;
	/* value for Mac ie5 */
	width: 408px;
	/* value for other browsers \*/
	width: 519px;
	/* stop hiding from mac ie5 */
	height: 188px;
	margin: 0;
	z-index: -100;
	}

h1.giant span {
	display:none;
	}
/* yet another win ie hack \*/
* html #col1 h1.giant {
	position: relative;
	float: left;
	margin-top: -88px;
	}
/* end hack */
	
h1.big span {
	display:none;
	}

div#callme {
	background: url(../i/callme.gif) top right no-repeat;
	width: 275px;
	height: 207px;
	float: right;
	padding-left: 4px;
	}
	
#callme p span {
	display: none;
	}

#col1 div#policies {
   margin-left: 45px;
	}

#policies p {
	text-decoration: underline;
	}

#policies p.note {
	font-size: 9px;
	font-style: italic;
	text-decoration: none;
	}

h1.big {
	font-size: 30pt/36pt;
	font-weight: bold;
	color: #009;
	font-style: oblique;
	margin-top: -25px;
	}

div#lineup {
	background: #ffc;
	margin: 15px 5px 15px 5px;
	}
	
h3.hype {
	padding: 12px 0px;
	font-size: 16px;
	}
	
h3.hype, p.center {
	text-align: center;
	}

#lineup h4 {
	font-size: 12px/16px;
	color: #009;
	}

#cpg {
	background: transparent url(../i/book1sm.gif) top left no-repeat;
	width: 88px;
	height: 147px;
	float: left;
	padding: 6px;
	}
		
#catonly {
	background: transparent url(../i/catsm.gif) top right no-repeat;
	width: 88px;
	height: 147px;
	float: right;
	padding: 6px 0px;
	display: inline;
	}
	
#trucks {
	background: transparent url(../i/trucksm.gif) top left no-repeat;
	width: 88px;
	height: 145px;
	float: left;
	padding: 6px;
	display: inline;
	}
	
#sng {
	background: transparent url(../i/sngsm.gif) top right no-repeat;
	width: 88px;
	height: 150px;
	float: right;
	padding: 6px 10px;
	display: inline;
	}

#catonly2, #sng2 {
	text-align: right;
	margin: 20px 0px;
	}

#sngcopy, #cpgcopy, #catcopy, #trkcopy {
	font-weight: bold;
	margin-bottom: 10px;
	}
		
#sngcopy ul, #cpgcopy ul, #catcopy ul, #trkcopy ul {
	list-style-type: square;
	}
	
#sngcopy h4 {	
	color: #c00;
	font: bolder italic 18pt/22pt Times, Georgia, serif;
	font-variant: small-caps;
	text-align: center;
	text-shadow: 1px 1px 3px #666;
	}
	
#sngbig h3.invisible {
	background: #ffc url(../i/sngbig.gif) top left no-repeat;
	display: block;
	float: left;
	width: 275px;
	height: 445px;
	}

#sngbig h3.invisible span {
	display: none;
	}
	
#book1 h3.nobook {
	background: #ffc url(../i/book1.gif) no-repeat left bottom;
	display: block;
	float: left;
	width: 230px;
	height: 385px;
	top: 580px;
	}
	
#book1 h3.nobook span {
	display: none;
	}
	
#models {
	display: block;
	float: right;	
	text-align: left;
	width: 280px;
	padding-left: 10px;
	}
	
#modelssng {
	float: right;
	text-align: left;
	width: 255px;
	padding-left: 20px;
	display: block;
	}

#book3 h3.nobook3 {
	background: #ffc url(../i/trucks.gif) top left no-repeat;
	display: block;
	float: left;
	width: 250px;
	height: 412px;
	}
	
#book3 h3.nobook3 span {
	display: none;
	}
	
#models3 {
	display: block;
	float: right;	
	text-align: left;
	width: 275px;
	}

#book2 h3.nobook2 {
	background: #ffc url(../i/book2.gif) top right no-repeat;
	display: block;
	float: right;
	padding-right: 15px;
	width: 230px;
	height: 385px;
	}
	
#book2 h3.nobook2 span {
	display: none;
	}
	
#models2 {
	display: block;
	float: left;	
	text-align: left;
	width: 275px;
	margin-left: 30px;
	}
	
#price {
	display: block;
	clear: right;
	text-align: center;
	padding: 30px 0 20px 100px;
	width: 149px;
	}
	
#price dt.disc, .save {
	list-style: none;
	font-size: 9px;
	color: #666;
	}
	
#price dt.disc {
	font-size: 9px;
	color: #666;
	text-decoration: line-through;
	}
	
#price3 {
	display: block;
	clear: right;
	text-align: center;
	padding: 20px 0 20px 110px;
	width: 149px;
	}
	
#price3 dt.disc, .save {
	list-style: none;
	font-size: 9px;
	color: #666;
	}
	
#price3 dt.disc {
	font-size: 9px;
	color: #666;
	text-decoration: line-through;
	}

#price2 {
	display: inline;
	clear: left;
	text-align: center;
	margin-left: 145px;
	padding: 20px 0 20px 50px;
	width: 139px;
	}
	
#price2 dt.disc, .save {
	list-style: none;
	font-size: 9px;
	color: #666;
	}
	
#price2 dt.disc {
	font-size: 9px;
	color: #666;
	text-decoration: line-through;
	}
	
#order {
	display: block;
	padding: 10px;
	text-align: center;
	}
	
#botban h3 { 
	background: transparent url(../i/head.gif) center bottom no-repeat;
	clear: both;
	width: 500px; 
	height: 50px;
	padding-top: 20px;
	padding-bottom: 0;
	margin-left: 33px;
	}

#botban h3 span {
	display: none;
	}

h1.guest {
	background: transparent url(../i/guesthead.gif) top left no-repeat;
	width: 303px;
	height: 180px;
	margin: 0;
	padding: 0;
	}
	
h1.guest span {
	display:none;
	}
	
#col1 h1.huge span {
	color: #009;
	}
	
div#welcome {
	background: transparent url(../i/digbook.gif) top right no-repeat;
	width: 240px;
	height: 130px;
	float: right;
	margin-top: -155px;
	display: inline;
	padding: 0;
	}
	
div#bucks {
	background: transparent url(../i/bucks.gif) top right no-repeat;
	width: 300px;
	height: 225px;
	float: right;
	padding: 6px 10px 6px 0px;
	display: inline;
	}


#col1 div#space {
	background: transparent url(../i/spacelink.gif) top right no-repeat;
	width: 280px;
	height: 210px;
	float: right;
	padding: 6px 0px 6px 10px;
	display: inline;
	}
	
#col1 div#brands {
	padding: 0px 0px 12px 0px;
	border: 0px;
	}
	
#brands ul.machinery, ul.trucks {
	margin: 0;
	padding: 0;
	text-align: justify;
	display: inline;
	}
	
.machinery li, .trucks li {
	font-size: 10px;
	margin: 0;
	padding: 0 10px;
	display: inline;
	border-right: 1px solid #333;
	}

#brands a:link, a:visited {
	font-weight: normal;
	color: #000;
	text-decoration: none;
	}
	
#brands a:hover, a:active {
	text-decoration: underline;
	color: #36f;
	}
	
p.mailform {
	padding: 25px;
	}

div#col2 {
	background: transparent url(../i/col2top.gif) top left repeat-x;
	text-align: center;
	padding: 10px;
	width: 188px;
	voice-family: "\"}\"";
	voice-family:inherit; 
	width: 168px;
	margin-left: 578px;
	}

/* Separate values for Opera */
html>body div#col2 {
	width: 168px;
	}

/* Trick IE(Win) into positioning sidebar content correctly \*/
* html div#col2 {
	padding-left: 7px;
 	background-image: none;
	}
/* stop hiding from mac ie 5 */
		
body div#col2 {
	margin-left: 578px;
	}
	
div#footer {
	clear: left;
	width: 766px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	border: 0;
	border-bottom: 2px solid #000;
	text-align: left;
	color: #333;
	background: #fc0 url(../i/footershad.gif) top left repeat-x;
	}
	
div#footercontent {
	background: #fc0 url(../i/helmet.gif) center left no-repeat;
	padding: 0 0 12px 56px;
	border: 0;
	}
	
div#footer p {
	margin: 5px 0 0 0;
	padding: 0;
	}
	
div#footer ul {
	margin: 0;
	padding: 0;
	display: inline;
	text-align: left;
	}
	
div#footer ul li {
	font-size: 10px;
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #333;
	list-style: none;
	display: inline;
	}

div#footer ul li.first, ul li.first.second {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#footer #cathome {
	float: right;
	display: inline;
	margin-top: -47px;
	margin-right: 5px;
	}	

/* Main nav */
div#navbar {
	clear: left;
	width: 766px;
	height: 38px;
	padding: 0;
	margin: 0;
	border-top: 4px #fc0 solid;
	}

div#navbar ul {
	width: 766px;
	height: 38px;
	background: url(../i/navbar2.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}

#navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

#navbar ul li, #navbar a {
	height: 38px;
	display: block;
	}

#navbar ul li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#nav1 {
	left: 0px;
	width: 170px;
	}

#nav2 {
	left: 171px;
	width: 230px;
	}

#nav3 {
	left: 402px;
	width: 173px;
	}

#nav4 {
	left: 573px;
	width: 75px;
	}

#nav5 {
	left: 651px;
	width: 115px;
	}

#nav1 a:hover { background: transparent url(../i/navbar2.gif) 0 -38px no-repeat; }
#nav2 a:hover { background: transparent url(../i/navbar2.gif) -171px -38px no-repeat; }
#nav3 a:hover { background: transparent url(../i/navbar2.gif) -402px -38px no-repeat; }
#nav4 a:hover { background: transparent url(../i/navbar2.gif) -573px -38px no-repeat; }
#nav5 a:hover { background: transparent url(../i/navbar2.gif) -651px -38px no-repeat; }

/* Header nav */
#submenu a {
	position: absolute;
	height: 9px;
	width: 73px;
	top: 66px;
	text-decoration: none;
	}

#submenu a i { display: none; }

a#home {
	left: 14px;
	width: 560px;
	height: 82px;
	top: 30px;
	}

a#home:hover { border: none; }

acronym {
	cursor: help;
	}

/* Where am I? */

body#guidespage #nav1 { background: transparent url(../i/navbar2.gif) 0 -38px no-repeat; }
body#serialspage #nav2 { background: transparent url(../i/navbar2.gif) -171px -38px no-repeat; }
body#orderpage #nav3 { background: transparent url(../i/navbar2.gif) -402px -38px no-repeat; }
body#shoppage #nav4 { background: transparent url(../i/navbar2.gif) -573px -38px no-repeat; }
body#homepage #nav5 { background: transparent url(../i/navbar2.gif) -651px -38px no-repeat; }

/* Default links */

a:link, a:visited	{
	background: transparent;
	font-weight: bold;
	color: #c00;
	text-decoration: none;
	}
	
a:hover	{
	color: #669;
	text-decoration: underline;
	}
		
a:active {
	color: #03f;
	text-decoration: none;
	}
	
#footer ul li.second a:link, li.second a:visited {
	color: #c90;
	text-decoration: none;
	}

#footer ul li.second a:hover {
	color: #669;
	text-decoration: underline;
	}
	

/* Type */

p { margin: 0 0 15px 0; }

p.contact {
	display: block;
	margin: 0 0 0 25px;
	}
	
h2 {
	font: 18px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	}
	
h3 {
	font: 16px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	}

h4 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
	
div#address ul.credits, #address li, li.caps .small {
	text-align: left;
	display:block;
	list-style: none;
	font: 10pt/12pt Times, Georgia, serif;
	margin: 0;
	padding: 0;
	}
		
#address li.caps {
	text-transform: uppercase;
	font-weight: bold;
	}
	
#address li.small {
	font-size: 8pt/12pt;
	text-transform: uppercase;
	margin-top: 25px;
	}
	
h1 { 
	font: 22px/26px Times, Georgia, serif;
	text-align: left;
	margin-top: 5px;
	line-height: 1.25em;
	font-weight: bold;
	}

div#col1 h2.subhead {
	font: 18px/22px Times, Georgia, serif;
	font-style: italic;
	font-weight: bold;
	color: #c00;
	}

#col1 h1.huge { font: 24px/30px Verdana, Arial, Helvetica, sans-serif; color: #c00; font-weight: bold; margin: 0; }
	
#col1 h2.blue {
	font: 18px/22px Times, Georgia, serif;
	font-weight: bold;
	font-style: italic;
	color: #009;
	margin: 5px;
	}
	
div#col2 p, div#promos h3 {
	color: #fff;
	background: transparent;
	font-size: 11px;
	}
	
div#col2 p {
	margin-bottom: 7px;
	}
	
div#promos img {
	margin: 5px 0;
	}

div#promos h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold;
	}

/* Photo dressing */

div#promos {
	padding: 0;
	border: 0;
	margin: 0 0 50px 0;
	}
	
div#promos img {
	background-color:#666;
	border: 1px solid #fff;
	padding: 0;
	}
	
/* Hacks */	

.floattainer	{
	float: left;
	margin: 0 10px 0 0;
	/* Start hack to work around IE(Win) broken box model */
	margin-right: 5px;
	ma\rgin-right: 10px;
	/* End hack */
	}
	
/*  Hide */

p.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* to correct IE5 (Mac) bug */
	}

/*  Add-ons */
div#atlas {
	background: transparent url(../i/atlas.gif) top right no-repeat;
	float: right;
	width: 275px;
	height: 237px;
	display: block;
	padding-left: 6px;
	}
	
div#sitemap {
	display: block;
	text-align: left;
	text-decoration: none;
	}
	
#sitemap ul li {
	list-style-type: none;
	padding-bottom: 5px;
	margin-left: -1.6em;
	}
	
#sitemap ul li a:link, #sitemap ul li a:visited {
	color: #000;
	font-weight: normal;
	}

#sitemap ul li a:hover {
	color: #c00;
	background: #fc3;
	font-weight: bold;
	text-decoration: underline;
	}

#sitemap ul li.pubs {
	font-weight: bold;
	}
	
#links h2.blue a:link, h2.blue a:visited {
	color: #009;
	text-decoration: none;
	}
	
#links h2.blue a:hover, h2.blue a:active {
	color: #669;
	text-decoration: underline;
	}
	
#advertisepage #promos p.ad4 {
	color: #fff;
	font-weight: bold;
	}
	
#validations {
	display: inline;
	text-align: center;
	text-decoration: none;
	}
	
#validations ul li {
	list-style: none;
	padding: 8px;
	display: inline;
	}