/*----------------------------------------Position Main Interface-------------------*/
#interface {
	margin: auto;
	width: 100%;
	}
	
	/*----------------------------------------Header-------------------------------*/	
	#wide-header{
		margin: 0px auto;
		padding: 0;
		width: 100%;
		height: 161px;
		background: url(../images/wide-header-image-bg.gif) top center no-repeat;
		}
		#header-container{
			margin: 0px auto;
			width: 900px;
			padding: 0;
			}
		#header {
			width: 900px;
			float: left;
			padding: 0;
			margin: 0;
			text-align: left;
			}
			#header-logo{	
				float: left;
				padding: 0;
				margin: 0;
				}
				#header-logo img{
					padding: 0;
					margin: 0;
					border: none;
					float: left;
					}
		
	/*----------------------------------------Horizontal menu-------------------------------*/	
	#wide-horizontal-menu{
		width: 100%;
		padding: 0;
		margin: 0;
		height: 32px;
		background-image: url(../images/wide-menu-image.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		}
			#horizontal-menu {
				margin: auto;
				width: 890px;
				height: 32px;
				background-image: url(../images/menu-telephone.jpg);
				background-position: top right;
				background-repeat: no-repeat;
				padding: 0;
				}
				#horizontal-menu img{
					float: left;
					}		
	
	/*---------------------------------------Content-----------------------------*/
		/*#wide-content-width{
			margin: auto;
			width: 1200px;
			padding: 0 0 0 0;
			border: solid 1px black;			
			}*/
		#wide-content{
			float: left;
			width: 100%;
			background-image: url(../images/wide-content-image.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			}
			#content-container-width{
				margin: auto;
				width: 890px;
				padding: 0;				
				}
			#content-container{
				float:left;
				padding: 0;
				}
				#content-wrapper{
					float: left;
					width: 890px;
					margin: 10px 0 10px 0;
					padding: 0 0 0 0;
					background-image: url(../images/content-background-repeat.gif);
					background-repeat: repeat-y;
					background-position: top;
					}
											
			/*----------------------------------------------Left Column-----------------------------------*/
			#left-column{
				float: left;
				width: 260px;
				padding: 0 10px 0 0;
				margin: 0 0 0 0;
				}
				#vertical-menu{
					float: left;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					}	
				#vertical-menu a{
					text-transform: uppercase;
					font-family:Arial, Helvetica, sans-serif;
					font-size:130%;
					text-decoration: none;
					color: #525252;	
					display: block;
					}
				#vertical-menu a:hover, #vertical-menu a:active, #vertical-menu a:focus{
					text-decoration: underline;
					}
				
				#left-menu{
					float:left;
					margin: 0 0 0 0;
					}
					.menu-img-border{
						float:left;
						width: 49px;
						height: 49px;
						margin: 4px 4px 3px 4px;
						padding-left: 0px;
						background-image: url(../images/menu-img-border.gif);
						background-repeat: no-repeat;
						background-position: top left;
						display:inline;
						}
						.menu-img{
							float: left;
							margin: 1px 1px 1px 1px;
							padding: 0 0 0 0;
							}
					.menu-text{
						float:left;
						width: 198px;
						margin: 20px 0 10px 0;
						text-transform:uppercase;
						font-size:110%;
						color: #525252;
						font-family:Arial, Helvetica, sans-serif;				
						}
					
					#left-menu .left-menu-repeat{
						float: left;
						width: 260px;
						margin: 0;
						padding: 0;
						background-image: url(../images/menu-repeat.gif);
						background-repeat: repeat-y;
						background-position: top left;
						}
					#left-menu .left-menu-bg{
						float: left;
						width: 260px;
						margin: 0;
						background-image: url(../images/menu-bg.gif);
						background-position: top left;
						background-repeat: no-repeat;
						}
					#left-menu .left-menu-bottom{
						float: left;
						width: 260px;
						height: 2px;
						margin: 0 0 10px 0;
						padding: 0 0 0 0;
						background-image: url(../images/menu-bottom.gif);
						background-repeat: no-repeat;
						background-position: top left;
						font-size: 0;
						}	
			
			/*----------------------------------------------Right Column-----------------------------------*/
			#right-column{
					float: right;
					width: 620px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					}
				#right-content{
					float: left;
					margin: 0 0 0 0;
					padding: 10px 10px 0 10px;
					}
				
				#slideshow{
					width: 600px;
					height: 250px;
					float: left;
					margin: 0 0 10px 0;
					overflow: hidden;
					}
					
					#right img {  
					padding: 5px;  
					border:  1px solid #ffffff;  
					background-color: #e8e3e3;  
					width:  488px; 
					height: 210px; 
					top:  0; 
					left: 0; 
					} 
				
				#right-content .cols{
					float: left;
					width: 600px;
					margin: 0 0 0 0;
					padding: 0 0 0 0;
					}
				
				.back-to-top{
					float: right;
					width: 80px;
					height: 15px;
					font-size: 80%;
					color: #415d79;
					text-decoration: underline;
					text-align: right;
					line-height: 110%;
					margin: 0 0 0 0;
					padding: 2px 0 0 0;
					background-image: url(../images/icons/up-arrow.gif);
					background-repeat: no-repeat;
					background-position: left;
					}
					
					/*----------Homepage / Exports--------*/
					#right-content .home-image{
					float: left;
					margin: 0 0 10px 0;
					padding: 0 0 0 0;
					}
					.big-container{
						float: left;
						width: 295px;
						margin: 0 10px 20px 0;
						padding: 0 0 0 0;
						background-image: url(../images/big-img-repeat.gif);
						background-repeat: repeat-y;
						background-position: top;
						}
					.big-container-right{
						float: left;
						width: 295px;
						margin: 0 0 20px 0;
						padding: 0 0 0 0;
						background-image: url(../images/big-img-repeat.gif);
						background-repeat: repeat-y;
						background-position: top;
						}
						.big-img-link{
							float: left;
							width: 295px;
							height: 223px;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							background-image: url(../images/big-img-bg.jpg);
							background-repeat: no-repeat;
							background-position: top;
							}
							.big-img{
								float: left;
								width: 285px;
								height: 213px;
								margin: 5px 5px 0 5px;
								padding: 0 0 0 0;
								}
						.big-img-text{
							float: left;
							width: 285px;
							margin: 0 0 0 0;
							padding: 0 5px 5px 5px;
							text-transform:uppercase;
							font-weight: bold;
							font-size: 120%;
							color: #006ca5;
							font-family:Arial, Helvetica, sans-serif;
							background-image: url(../images/big-img-bottom.gif);
							background-repeat: no-repeat;
							background-position: bottom;
							}

					/*----------Truck Categories--------*/
					.category-container{
						width: 194px;
						padding: 0;
						float: left;
						margin: 0 10px 10px 0;
						}
					.category-container-right{
						width: 185px;
						padding: 0;
						float: left;
						margin: 0 0 10px 0;
						}
						.category-thumb-image{
							float: left;
							width: 172px;
							height: 122px;
							margin: 0;
							padding: 9px 9px 9px 9px;
							border: 1px solid #dfe3e8;
							}
						.category-title-text{
								float: left;
								width: 580px;
								margin: 0 0 0 0;
								padding: 0 10px 0 10px;
								text-transform:uppercase;
								font-size: 140%;
								color: #fff;
								font-family:Arial, Helvetica, sans-serif;
								}
								
						.category-text-zone{
							float: left;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							}
							.category-repeat{
								width: 175px;
								margin: 0 0 0 0;
								padding: 0 0 0 0;
								background-image: url(../images/category-repeat.gif);
								background-repeat: repeat-y;
								background-position: top left;
								}
								.category-bg{
										width: 175px;
										height: 18px;
										margin: 0 0 0 0;
										padding: 0 0 0 0;
										background-image: url(../images/category-bg.gif);
										background-repeat: no-repeat;
										background-position: top left;
										}
										.category-text{
											width: 150px;
											margin: 0 0 0 0;
											padding: 5px 10px 0 10px;
											font-weight: bold;
											color: #393636;
											}
								.category-bottom{
									width: 175px;
									height: 9px;
									margin: 0 0 0 0;
									padding: 0 0 0 0;
									background-image: url(../images/category-bottom.gif);
									background-repeat: no-repeat;
									background-position: top left;
									background-color: #fff;
									}
							
					
					/*----------Listings--------*/
					.listing-container{
						float: left;
						width: 600px;
						margin: 0 0 10px 0;
						padding: 0 0 0 0;
						background-image: url(../images/listing-container-repeat.gif);
						background-repeat: repeat-y;
						background-position: top;
						}
						.listing-container-bg{
							float: left;
							width: 600px;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							background-image: url(../images/listing-container-bg.gif);
							background-repeat: no-repeat;
							background-position: top;
							}
						.listing-container-bottom{
							float: left;
							width: 600px;
							height: 1px;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							background-image: url(../images/listing-container-bottom.gif);
							background-repeat: no-repeat;
							background-position: bottom;
							}
						.listing-img-border{
							float: left;
							width: 172px;
							height: 122px;
							padding: 0 0 0 0;
							margin: 10px 0px 9px 10px;
							background-image: url(../images/listing-img-border.gif);
							background-repeat: no-repeat;
							background-position: top left;
							display: inline;
							}
							.listing-img{
								float: left;
								width: 170px;
								height: 120px;
								margin: 1px 0 0 1px;
								padding: 0 0 0 0;
								}
						.listing-description{
							float: left;
							width: 400px;
							margin: 0 0 0 8px;
							padding: 0 0 0 0;
							}
						.listing-title{
							float: left;
							width: 400px;
							margin: 10px 0 10px 0;
							padding: 0 0 0 0;
							font-size: 130%;
							font-family:Arial, Helvetica, sans-serif;							
							font-weight: bold;
							color: #0e5396;
							line-height: 100%;
							}
						.listing-text{
							float: left;
							width: 400px;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							font-size: 80%;
							color: #7c7c7c;
							line-height: 130%;
							}
						.listing-price{
							float: left;
							width: 400px;
							margin: 10px 0 10px 0;
							padding: 0 0 0 0;
							font-size: 130%;
							font-family:Arial, Helvetica, sans-serif;							
							font-weight: bold;
							color: #000;
							line-height: 100%;
							}
							.listing-price a{
								color: #000;
								}

					/*----------Product Details--------*/
					.product-title-container{
						float: left;
						width: 600px;
						margin: 0 0 10px 0;
						padding: 0 0 0 0;
						background-image: url(../images/product-title-repeat.gif);
						background-repeat: repeat-y;
						background-position: top left;
						background-color: #fff;
						}
						.product-title-content{
							float: left;
							width: 600px;
							margin: 0 0 0 0;
							padding: 10px 0 8px 0;
							background-image: url(../images/product-title-bg.gif);
							background-repeat: no-repeat;
							background-position: top;
							background-color: #fff;
							}
						.product-title-text{
							float: left;
							width: 430px;
							margin: 0 0 0 0;
							padding: 0 10px 0 10px;
							text-transform:uppercase;
							font-size: 140%;
							color: #fff;
							font-family:Arial, Helvetica, sans-serif;
							}
						.product-title-price{
							float: right;
							text-align: right;
							width: 140px;
							margin: 0 0 0 0;
							padding: 0 10px 0 0;
							font-family: Arial, Helvetica, sans-serif;
							text-transform:uppercase;
							font-weight: normal;
							font-size: 160%;
							line-height: 130%;
							color: #fff;
							}
						.product-title-bottom{
							float: left;
							width: 600px;
							height: 1px;
							margin: 0 0 0 0;
							padding: 0 0 0 0;
							background-image: url(../images/product-title-bottom.gif);
							background-repeat: no-repeat;
							background-position: top;
							background-color: #fff;
							font-size: 0;
							}
							.product-image{
								float: left;
								width: 580px;
								height: 425px;
								margin: 0 0 10px 0;
								padding: 9px 9px 9px 9px;
								border: 1px solid #dfe3e8;
								}
							.product-thumb-image{
								float: left;
								width: 173px;
								height: 122px;
								margin: 0 10px 10px 0;
								padding: 9px 9px 9px 9px;
								border: 1px solid #dfe3e8;
								}
							.product-thumb-image-right{
								float: left;
								width: 173px;
								height: 122px;
								margin: 0 0 10px 0;
								padding: 9px 9px 9px 9px;
								border: 1px solid #dfe3e8;
								}			
								.thumb-border{
									float: left;
									width: 170px;
									height: 120px;
									margin: 0;
									padding: 0;
									border: 1px solid #dfe3e8;
									}							
							.product-description{
								float: left;
								width: 580px;
								margin: 0 0 10px 0;
								padding: 9px 9px 9px 9px;
								border: 1px solid #dfe3e8;
								}
								.product-description-title{
									float: left;
									width: 580px;
									margin: 0 0 10px 0;
									padding: 0 0 0 0;
									background-color: #33699e;
									}
									.product-description-content{
										float: left;
										width: 580px;
										margin: 0 0 0 0;
										padding: 0 0 0 0;
										background-image: url(../images/product-description-title-bg.gif);
										background-repeat: repeat-x;
										background-position: top left;
										}
									.product-description-text{
										float: left;
										width: 560px;
										margin: 0 0 0 0;
										padding: 5px 10px 5px 10px;
										font-size: 90%;
										font-weight: bold;
										line-height: 110%;
										color: #fff;
										}
														
							.product-specsheet-bg{
									float: left;
									width: 580px;
									height: 52px;
									margin: 0 0 0 0;
									padding: 0 0 0 0;
									background-image: url(../images/specsheet-bg.gif);
									background-repeat: no-repeat;
									background-position: top left;
									background-color: #346ba0;
									}
								.product-specsheet-pdf{
										float: left;
										width: 530px;
										height: 18px;
										margin: 17px 10px 17px 10px;
										padding: 0 0 0 0;
										background-image: url(../images/icons/pdf.gif);
										background-repeat: no-repeat;
										background-position: left;
										}
									.product-specsheet-text{
											float: left;
											width: 225px;
											margin: 0 0 0 22px;
											padding: 0 0 0 0;
											font-size: 100%;
											font-weight: bold;
											color: #fff;
											background-image: url(../images/icons/right-arrow.gif);
											background-repeat: no-repeat;
											background-position: right;
											}
											.product-specsheet-text a{
												color: #fff;
												text-decoration: none;
												}
											.product-specsheet-text a:hover, a:active, a:focus{
												text-decoration: underline;
												}
		
						
						/*------------		Contact us		------------*/
						.contact-details{
							float: left;
							width: 580px;
							padding: 10px;
							margin: 10px 0 20px 0;
							}
							.contact-details ul{
								float: left;
								width: 500px;
								margin: 0 0 0 80px;
								padding: 0 0 15px 0;
								display: inline;
								}
								.contact-details ul li{
									float: left;
									width: 475px;
									padding: 0 0 0 25px;
									background-image: none;
									font-weight: normal;
									font-size: 130%;
									line-height: 150%;
									}
								.contact-details .postal-address{
									background: url(/templates/images/icons/address.gif) top left no-repeat transparent;
									}
								.contact-details .phone-number{
									background: url(/templates/images/icons/phone.gif) top left no-repeat transparent;
									}
								.contact-details .fax-number{
									background: url(/templates/images/icons/fax.gif) top left no-repeat transparent;
									}
								.contact-details .email-address{
									background: url(/templates/images/icons/email.gif) top left no-repeat transparent;
									}
								.contact-details .email-address li{
									padding: 0 0 2px 25px;
									}

/*---------------------------------------Footer-----------------------------*/
		#footer-menu{
			float: left;
			width: 890px;
			margin: 0;
			padding: 0 0 10px 0;
			background-image: url(../images/wide-footer-image.gif);
			background-position: bottom center;
			background-repeat: no-repeat;
			border-bottom-color: #000000;
		}
			#footer-text{
				float:right;
				width: 620px;
				}
			#footer{
				float: left;
				margin: 0 0 0 0px;
				padding: 7px 10px 5px 10px;
				color: #ffffff;
				font-size: 70%;
				text-align: left;
			}
				#footer a{
					text-decoration: none;
					color: #ffffff;
					text-align: left;
				}
				#footer a:hover, #footer a:active, #footer a:focus{
					text-decoration: underline;
				}
			#ne-web{
				float: right;
				margin: 0 0 0 0;
				padding: 7px 10px 5px 10px;
				background: transparent;
				color: #ffffff;
				font-size: 70%;
				text-align: right;
			}
				#ne-web a{
					text-decoration: none;
					color: #ffffff;
					background: transparent;
				}
				#ne-web a:hover, #footer a:active, #footer a:focus{
					text-decoration: underline;
				}

		/***************************************light box styles*********************************************/
		#lightbox{
			position: absolute;
			top: 40px;
			left: 0;
			width: 100%;
			z-index: 100;
			text-align: center;
			line-height: 0;
			}
		
		#lightbox a img{ border: none; }
		
		#outerImageContainer{
			position: relative;
			background-color: #fff;
			width: 250px;
			height: 250px;
			margin: 0 auto;
			}
		
		#imageContainer{
			padding: 10px;
			}
		
		#loading{
			position: absolute;
			top: 40%;
			left: 0%;
			height: 25%;
			width: 100%;
			text-align: center;
			line-height: 0;
			}
		#hoverNav{
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			z-index: 10;
			}
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}
		
		#prevLink, #nextLink{
			width: 49%;
			height: 100%;
			background: transparent url(/templates/images/blank.gif) no-repeat; /* Trick IE into showing hover */
			display: block;
			}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		
		#prevLink { background: url(/templates/images/prevlabel.gif) left 15% no-repeat; }
		#nextLink { background: url(/templates/images/nextlabel.gif) right 15% no-repeat; }
		
		
		#imageDataContainer{
			font: 10px Verdana, Helvetica, sans-serif;
			background-color: #fff;
			margin: 0 auto;
			line-height: 1.4em;
			overflow: auto;
			}
		
		#imageData{
			padding:0 10px;
			}
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
				
		#overlay{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			width: 100%;
			height: 500px;
			background-color: #000;
			filter:alpha(opacity=60);
			-moz-opacity: 0.6;
			opacity: 0.6;
			}
			
		
		.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}
		
		* html>body .clearfix {
			display: inline-block; 
			width: 100%;
			}
		
		* html .clearfix {
			/* Hides from IE-mac \*/
			height: 1%;
			/* End hide from IE-mac */
			}	
/******************************************************end lightbox styles************************************************/