/* liquidint.com */
/* Created: January 22, 2009 */
/* Modified: January 12, 2012 */

body {
background: #000 url(../image/layout/background.png) repeat-x fixed;
font: normal 12px Helvetica, Arial, sans-serif;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }

.clear { clear: both; }

img.floatleft	 { float: left; }
img.floatright	 { float: right; }

#content img.floatleft	 { float: left; padding: 10px; padding-left: 0; }
#content img.floatright  { float: right; padding: 10px; }

/* subpage structure */

#container {
background: #FFF;
color: #000;
margin: 0 auto;
width: 1000px;
}

/* ------------------------------------------- */
/* -------------->>> HEADER <<< -------------- */
/* ------------------------------------------- */

#header {
clear: both;
}

	#header #dp { /* header - diamond plate area */
	background: url(../image/header/diamondplate.jpg) no-repeat;
	clear: both;
	color: #FFF;
	font-size: 85%;
	height: 62px;
	padding: 10px;
	}
	
		#header a {
		color: #FFF;
		text-decoration: none;
		}
		
			#header a:hover {
			text-decoration: underline;
			}
	
		#header .logo { float: left; }
	
		#headtools {
		float: right;
		text-align: right;
		width: 600px;
		}
		
			#headtools #search {
			float: right;
			margin-left: 10px;
			}
			
				#search input {
				background: url(../image/header/searchbox.png) no-repeat;
				border: 0;
				font: 95% Helvetica, Arial, sans-serif;
				height: 15px;
				padding: 3px;
				width: 110px;
				}
		
			/*#header a.dp_dealerlocator {
			background: url(../image/header/dealerlocator.gif) no-repeat;
			display: block;
			float: right;
			height: 21px;
			width: 107px;
			}
		
				#header a.dp_dealerlocator:hover, #header a.dp_trucklocator:hover {
				background-position: 0 -21px;
				text-decoration: none;
				}*/
				
			#header a.dp_dealerlocator {
			background: url(../image/header/dealerlocator_large.gif) no-repeat;
			display: block;
			float: right;
			height: 26px;
			width: 135px;
			margin-top: 10px;
			}
		
				#header a.dp_dealerlocator:hover, #header a.dp_trucklocator:hover {
				background-position: 0 -26px;
				text-decoration: none;
				}
		
			/*#header a.dp_trucklocator {
			background: url(../image/header/trucklocator.gif) no-repeat;
			display: block;
			float: right;
			height: 21px;
			margin-left: 10px;
			width: 107px;
			}*/
			
			#header a.dp_trucklocator {
			background: url(../image/header/trucklocator_large.gif) no-repeat;
			display: block;
			float: right;
			height: 26px;
			margin-left: 10px;
			width: 135px;
			margin-top: 10px;
			}
			
			#header #social {
				display: block;
				float: right;
				height: 28px;
				width: 116px;
				margin-left: 20px;
				padding: 10px 10px 10px 5px;
				background: url(../image/social_bg.png) no-repeat 0 0;
			}
			
				#header #social .site {
					float: left;
					padding-left: 5px;
				}

					#header #social .site a {
						display: block;
						height: 24px;
						width: 24px;
						text-indent: -9001px;
					}
				
					#header #social .dp_youtube a { background: url(../image/social_yt.png) no-repeat 0 0; }
					#header #social .dp_facebook a { background: url(../image/social_fb.png) no-repeat 0 0; }
					#header #social .dp_twitter a { background: url(../image/social_tw.png) no-repeat 0 0; }
					#header #social .dp_flickr a { background: url(../image/social_fr.png) no-repeat 0 0; }
			
			#headtools ul {
			clear: both;
			margin-bottom: 10px;
			}
			
			#headtools li {
			border-left: 1px solid #FFF;
			display: inline;
			padding: 0 5px;
			}
			
			#headtools li.first { border: none; }
	
	.subpage #content ul li { background:url(../image/bullet_black_square.gif) no-repeat 6px 6px; clear: both; }
	.subpage #content ul { padding-bottom: 6px; }
	
	#header #mainnav {
	clear: both;
	height: 29px;
	}
	
		#header #mainnav img {
		float: left;
		}
		
		.subpage #header #mainnav a.navproducts {
		background: url(../image/header/nav/nav_products.jpg) no-repeat;
		display: block;
		float: left;
		height: 29px;
		width: 83px;
		}
		
			.subpage #header #mainnav a.navproducts:hover {
			background-position: 0 -29px;
			}
			
		.subpage #header #mainnav a.navproductsVenezuela {
		background: url(../image/header/nav/venezuela_nav_products.gif) no-repeat;
		display: block;
		float: left;
		height: 29px;
		width: 114px;
		}
		
			.subpage #header #mainnav a.navproductsVenezuela:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navparts {
		background: url(../image/header/nav/nav_parts.jpg) no-repeat;
		display: block;
		float: left;
		height: 29px;
		width: 117px;
		}
			
			.subpage #header #mainnav a.navparts:hover {
			background-position: 0 -29px;
			}
			
		.subpage #header #mainnav a.navpartsVenezuela {
		background: url(../image/header/nav/venezuela_nav_parts.gif) no-repeat;
		display: block;
		float: left;
		height: 29px;
		width: 123px;
		}
			
			.subpage #header #mainnav a.navpartsVenezuela:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navleasing {
		background: url(../image/header/nav/nav_leasing.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 69px;
		}
		
			.subpage #header #mainnav a.navleasing:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navtraining {
		background: url(../image/header/nav/nav_training.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 74px;
		}
		
			.subpage #header #mainnav a.navtraining:hover {
			background-position: 0 -29px;
			}
			
		.subpage #header #mainnav a.navtrainingVenezuela {
		background: url(../image/header/nav/venezuela_nav_training.gif);
		display: block;
		float: left;
		height: 29px;
		width: 119px;
		}
		
			.subpage #header #mainnav a.navtrainingVenezuela:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navnews {
		background: url(../image/header/nav/nav_news.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 100px;
		}
		
			.subpage #header #mainnav a.navnews:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navnewsVenezuela {
		background: url(../image/header/nav/venezuela_nav_news.gif);
		display: block;
		float: left;
		height: 29px;
		width: 201px;
		}
		
			.subpage #header #mainnav a.navnewsVenezuela:hover {
			background-position: 0 -29px;
			}
			
		.subpage #header #mainnav a.navmackshop {
		background: url(../image/header/nav/nav_mackshop.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 86px;
		}
		
			.subpage #header #mainnav a.navmackshop:hover {
			background-position: 0 -29px;
			}
			
		.subpage #header #mainnav a.navmackshopVenezuela {
		background: url(../image/header/nav/venezuela_nav_mackshop.gif);
		display: block;
		float: left;
		height: 29px;
		width: 113px;
		}
		
			.subpage #header #mainnav a.navmackshopVenezuela:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navcorporate {
		background: url(../image/header/nav/nav_corporate.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 87px;
		}
		
			.subpage #header #mainnav a.navcorporate:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navcorporateVenezuela {
		background: url(../image/header/nav/venezuela_nav_corporate.gif);
		display: block;
		float: left;
		height: 29px;
		width: 92px;
		}
		
		
			.subpage #header #mainnav a.navcorporateVenezuela:hover {
			background-position: 0 -29px;
			}
		
		.subpage #header #mainnav a.navfinancial {
		background: url(../image/header/nav/nav_financial.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 132px;
		}
		
			.subpage #header #mainnav a.navfinancial:hover {
			background-position: 0 -29px;
			}
			

		
		.subpage #header #mainnav { background: url(../image/header/nav/nav_cap.jpg) left top; }
		.subpage #header #mainnav img { display: none; }
		
		.subpage #header #mainnav a.navinternational {
		background: url(../image/header/nav/nav_international.jpg);
		display: block;
		float: left;
		height: 29px;
		width: 143px;
		}
		
			.subpage #header #mainnav a.navinternational:hover {
			background-position: 0 -29px;
			}

	
	#header #macknav { /* red mack grille-shaped navigation */
	clear: both;
	height: 59px;
	}
	
		
		#macknav a.mn_highway {
		background: url(../image/header/highway.jpg) no-repeat;
		display: block;
		float: left;
		height: 39px;
		text-decoration: none;
		width: 199px;
		}
		
			#macknav a.mn_highway:hover, #macknav a.mn_heavyhaul:hover, #macknav a.mn_powertrain:hover, #macknav a.mn_construction:hover, #macknav a.mn_refuse:hover {
			background-position: 0 -39px;
			text-decoration: none;
			}
			
		#macknav a.mn_heavyhaul {
		background: url(../image/header/heavyhaul.jpg) no-repeat;
		display: block;
		float: left;
		height: 39px;
		text-decoration: none;
		width: 199px;
		}
		
		#macknav a.mn_powertrain {
		background: url(../image/header/powertrain.jpg) no-repeat;
		display: block;
		float: left;
		height: 59px;
		text-decoration: none;
		width: 201px;
		}
		
			#macknav a.mn_powertrain:hover {
			background-position: 0 -62px;
			}
		
		#macknav a.mn_construction {
		background: url(../image/header/construction.jpg) no-repeat;
		display: block;
		float: left;
		height: 39px;
		text-decoration: none;
		width: 201px;
		}
		
		#macknav a.mn_refuse {
		background: url(../image/header/refuse.jpg) no-repeat;
		display: block;
		float: left;
		height: 39px;
		text-decoration: none;
		width: 200px;
		}
		
/* ------------------------------------------- */
/* -------------->>> FOOTER <<< -------------- */
/* ------------------------------------------- */

#footer {
border-top: 1px solid #cacaca;
clear: both;
color: #444;
font-size: 90%;
margin: 15px;
margin-bottom: 0;
padding: 3px 0 20px;
text-align: center;
}

	#footer a {
	color: #707070;
	}
	
	#footer ul {
	margin-top: 5px;
	}
	
	#footer li {
	border-left: 1px solid #707070;
	display: inline;
	padding: 0 5px;
	}
	
		#footer li.first {
		border: none;
		padding-left: 0;
		}
		
	#footer p {
	font-size: 90%;
	line-height: 16px;
	margin-top: 15px;
	}
	
/* ------------------------------------------- */
/* ------------>>> SUB - MAIN <<< ------------ */
/* ------------------------------------------- */

#main {
clear: both;
padding: 15px;
padding-top: 5px;
}

#navbar {
float: left;
padding-right: 15px;
width: 172px;
}

	#navbar p {
	padding: 5px 0;
	}
	
	#navbar a {
	color: #093264;
	}
	
	#navbar ul {
	font-size: 90%;
	margin-bottom: 25px;
	}
	
	#navbar li {
	padding-top: 10px;
	}

#content {
float: left;
overflow: hidden;
width: 583px;
}

	#content.nosidebar {
	width: 783px;
	}

	#content a {
	color: #515050;
	text-decoration: underline;
	}
	
		#content a:hover {
		color: #000;
		}
	
	#content p {
	line-height: 18px;
	padding: 7px 0;
	}
	
	#content li {
	padding-left: 20px;
	}

#sidebar {
float: left;
width: 180px;
padding-left: 20px;
}

	#sidebar img {
	margin-bottom: 25px;
	}
	
/* ------------------------------------------- */
/* ---------->>> SUB - PRODUCTS <<< ---------- */
/* ------------------------------------------- */

ul.productsnav {
background: #000 url(../image/layout/products_navback.jpg) repeat-x;
color: #FFF;
padding: 10px;
}

	#navbar ul.productsnav li {
	border-top: 1px solid #545454;
	padding: 5px 0;
	}
	
		ul.productsnav li.first {
		border: none;
		}
	
	.productspage #navbar ul.productsnav a {
	color: #FFF;
	}

.otherproducts {
background: #F0EBE1;
border: 1px solid #B8B8B8;
clear: both;
padding: 8px;
padding-bottom: 0;
margin-bottom: 15px;
}

	ul.arrow {
	}
	
	ul.arrow li {
	background: url(../image/layout/arrow_gt_dblue.gif) no-repeat 10px 13px;
	padding-left: 18px;
	}
	
.productspage #navbar {
padding-right: 33px;
width: 154px;
}

	.productspage #navbar img {
	padding-top: 5px;
	}


.int {
background: url(../image/int.gif) no-repeat;
clear: both;
font: bold 95% Helvetica, Arial, sans-serif;
margin-top: 15px;
padding-left: 16px;
}

.productspage #sidebar {
width: 184px;
padding-left: 16px;
}

#sidebar img.tight {
margin-bottom: 0;
}	

#sidebar .quote {
background: #e8e7e7;
border: 1px solid #bababa;
clear: both;
font-size: 120%;
margin-bottom: 15px;
padding: 5px 10px;
width: 162px;
}

	#sidebar .quote input, #sidebar .quote textarea, #sidebar .quote select {
	border: 1px solid #9b9b9b;
	color: #777777;
	font: normal 85% Helvetica, Arial, sans-serif;
	margin-top: 2px;
	padding: 1px;
	width: 158px;
	}
	
	#sidebar .quote .button {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	}


.othertrucks {
background: #e2e2e2 url(../image/layout/red_bar_mid.gif) no-repeat top center;
clear: both;
height: 200px;
margin-top: 20px;
padding-top: 13px;
width: 572px;
}

	.othertrucks .otherright {
	float: left;
	padding: 20px 10px 0 0;
	width: 306px;
	}

	.othertrucks img {
	float: left;
	/*width: 246px;*/
	}

	.othertrucks li {
	display: inline;
	border-left: 1px solid #000;
	padding: 0 3px;
	}
	
	.othertrucks li.first {
	border: none;
	padding: 0;
	}
	
	#content .othertrucks a {
	color: #000;
	text-decoration: none;
	}
	
		#content .othertrucks a:hover {
		text-decoration: underline;
		}
		
	#content .othertrucks img.redbar {
	clear: both;
	float: none;
	}





/* headings */

.productspage h1 {
color: #585858;
font: normal 220% Helvetica, Arial, sans-serif;
margin-bottom: 10px;
/*margin-top: -7px;*/
}

.productspage h2 {
color: #990000;
font: normal 175% Helvetica, Arial, sans-serif;
}

.productspage h3 {
color: #6d6d6d;
font: normal 135% Helvetica, Arial, sans-serif;
}

.subpage h4 {
color: #585858;
font: normal 140% Helvetica, Arial, sans-serif;
}

.subpage #container #main #content table tbody tr td a.partslinks { 
color: #990000;
text-decoration: none;
}

/* Mack International */
#InternationalMap {margin-left: -50px; margin-top: -50px;}
#InternationalMap img {border: none;}
#InternationalMap .pointer {cursor: pointer; cursor: hand;}
#InternationalMap #hoverbutton {position: absolute; display: none; cursor: hand; cursor: pointer;}
#InternationalMap #hoverlabel {position: absolute; display: none;}
#InternationalMap .HLleft {float: left; background: url(../../international/map_rollover_left.png) no-repeat; width: 16px; height: 39px;}
#InternationalMap #HLcontent {float: left; background: url(../../international/map_rollover_mid.png) repeat-x; height: 39px;font: bold 14px Arial; color: white; padding: 4px 7px 0 0;}
#InternationalMap .HLright {float: left; background: url(../../international/map_rollover_right.png) no-repeat; width: 16px; height: 39px;}
#InternationalMap #country {background: url(../../international/white_round_back.png) no-repeat; position: absolute; display: none; width: 708px; top: 10px; left: 50px; padding: 50px;}
#InternationalMap #country div {float: left;}
#InternationalMap .countrycontent {background-color: white; width: 608px;}
#InternationalMap .countrytop {width: 608px; background: url(../../international/popup_shadow.png); height: 214px;}
#InternationalMap #countryheader {width: 608px; padding: 5px 10px; font: bold 24px Arial;}
#InternationalMap #countryimage {padding: 5px;}
#InternationalMap .countryclose {padding: 5px 5px 29px 55px; cursor: hand; cursor: pointer;}
#InternationalMap #countryframe {border: none; width: 608px; height: 400px;}
/* New 2011 */
.nailocations {
	background-image: url(../../nai/locations_bg.jpg); 
	padding: 0; 	 
	width: 572px; 	 
	height: 173px; 
	overflow: hidden; 
	margin-bottom: 16px;}	
#content .nailocations p{	 
	padding: 20px;}
#content .nailocations img{	 
	float: left;
	padding-right: 20px;}
#content .nailocations .floatright{
	background-image: url(../../nai/locations_map.jpg);
	background-repeat: no-repeat;
	float: right;
	padding-left: 20px;}
#content h3 {
    color: #3b3b3b;
    font: 180% Helvetica,Arial,sans-serif;
    margin: 10px 0 10px 0;
}
#content h4 {
    color: #990000;
    font: 165% Helvetica,Arial,sans-serif;
	margin: 10px 0 10px 0;
}
.anchor {
background:#ffffff; 
padding:15px 0 12px 0;
margin: 8px 0 14px 0;
border: 1px;
border-style:solid none solid;
border-color:#cfcfcf;
width: 100%;
}
#content .anchor a { 
text-decoration: none;
color: #3b3b3b; 
}
#content .anchor a:hover { 
text-decoration: none;
color: #9a0000; 
}
table.sample {
	border-width: 0;
	border-style: solid;
	border-color: #3b3b3b;
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px 1px 0 1px;
	padding: 8px;
	border-style: solid;
	border-color: #3b3b3b;
	background-color: #3b3b3b;
	color: #ffffff;
	font-weight: bold;
}
table.sample td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #e6e6e6;
}
div.samplecontainer 
{
    border-width: 2px;
    border-style: solid;
    border-color: #3b3b3b;
    width: 576px;
}
.sample a { 
text-decoration: none;
color: #3b3b3b; 
}
.sample a:hover { 
text-decoration: underline;
color: #9a0000; 
}
.naitraininglink {
	background-image: url(../../nai/training_link_bg.jpg); 
	padding: 13px; 	 
	width: 249px; 	 
	height: 99px; 
	overflow: hidden; 
	margin-bottom: 10px;
	margin-right: 10px;
}
#naitraininglink_table td
{
    padding: 0;
    font-size: 11px;
}
#naitraininglink_table td h3
{
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}
#naitraininglink_table .traininglinkimage
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}|
#naitraininglink_table .traininglinktext 
{
    float: right;
}
#naitraininglink_table .more 
{
    margin-top: 5px;
}
.cfdiv_container
{
    width: 580px;
}
div.cfdiv_topimg
{
    height: 3px;
    width: 580px;
}
div.cfdiv_title
{
    background-color: #3b3b3b;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px 5px 5px;
}
a.top:link
{
    color: #ffffff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}
a.top:hover
{
    text-decoration: underline !important;
}
div.cfdiv_content
{
    color: #1b1b1b !important;
    background-color: #eeeeee;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #d0d0d0;
    padding: 0 5px 0 5px;
}
div.cfdiv_content a 
{
    color: #1b1b1b !important;
}
div.cfdiv_bottomimg
{
    height: 3px;
    width: 580px;
}
.right
{
    float: right;
}
.center
{
    margin: auto;
}
a.staffname:link
{
    font-weight: 700 !important;
    text-decoration: none !important;
}
a.staffname:hover
{
    color: #990000 !important;
}
a.staffemail:link
{
    text-decoration: none !important;
}
a.staffemail:hover
{
    color: #990000 !important;
}

/* Content feature DIV */
.cfdiv_container
{
    width: 580px;
}
div.cfdiv_topimg
{
    height: 3px;
    width: 580px;
}
div.cfdiv_title
{
    background-color: #3b3b3b;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 5px 5px 5px;
}
div.cfdiv_content
{
    color: #1b1b1b !important;
    background-color: #eeeeee;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #d0d0d0;
    padding: 0 5px 0 5px;
}
div.cfdiv_bottomimg
{
    height: 3px;
    width: 580px;
}

/* Tooltips */
.tooltip
{
    display: none;
    position: absolute;
}
.tooltip_markup
{
    display: none;
}
.tooltip_topimg
{
    height: 12px;
    width: 281px;
}
.tooltip_bottomimg
{
    height: 12px;
    width: 281px;
}
.tooltip_content
{
    color: #1b1b1b;
    background-image: url(../../nai/image/tooltip_contentbg.png);
    background-repeat: no-repeat;
    padding: 10px;
}
.tooltip_arrow
{
    margin-top: 87px;
}

/* Contact Form */

td.contactfieldname
{
    color: #000000;
    font-size: 11px;
    width: 100px;
    padding-right: 10px;
}
td.contactfield
{
    width: 200px;
    vertical-align: top;
}
td.contactspacer
{
    width: 40px;
}
td.contactnormalized
{
    height: 20px;
}
td.contactpad
{
    height: 425px;
}
input.textbox
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    border-style: solid;
    border-width: 1px;
    border-color: #3b3b3b;
    width: 200px;
}
span.courseselectheader 
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    color: #5f5f5f;
}
span.coursesection
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
}
label.coursename
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;    
}
select.selectbox
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    border-style: solid;
    border-width: 1px;
    border-color: #3b3b3b;
    width: 200px;
}
option.instruction
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    color: #5f5f5f;
}
option.location
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
}
optgroup.coursegroup
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
}
option.course
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
}
span.gray
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    color: #5f5f5f;
}
input.contactformbutton
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    background-color: #7f7f7f;
}
td.contactformbuttons
{
    text-align: center;
}

/* Added 01-19-2012 - Unsure if it will break something */
.subpage { position: static; }