/* liquidint.com */
/* Created: January 22, 2009 */

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;
			}
		
				#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;
			}
			
			#header #social {
				display: block;
				float: right;
				height: 44px;
				width: 140px;
				margin-left: 10px;
			}
			#header #social a.dp_youtube {
			background: url(../image/header/mt_youtube.gif) no-repeat;
			display: block;
			height: 22px;
			width: 140px;
			}
		
				#header #social a.dp_youtube:hover, #header #social a.dp_facebook:hover {
				background-position: 0 -22px;
				text-decoration: none;
				}
				
			#header #social a.dp_facebook{
			background: url(../image/header/mt_facebook.gif) no-repeat;
			display: block;
			height: 22px;
			width: 140px;
			}
			
			#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;}