.spacer 
{
	width: 100%;
	height: 10px;
	clear: both;
}

html {
    overflow-y: scroll;
}
body 
{
	/* background-image: url(''); */
	background-color: #FFFFFF;
	background: url(../Images/retailauto-bg2.png);
	background-attachment: fixed;
	/* background-position: center center; */
	background-size: 100% 100%;
	color: #000305;
	font-size: 87.5%; 
	font-family: Arial, 'Lucida Sans Unicode';
	line-height: 1.5;
	text-align: left;
}

h2 
{
	font-size: 18px;
	color: #F90000;
}

a 
{
	text-decoration: none;
}

	a:link, a:visited
	{
		color: #F90000;
	}

	a:hover a:active
	{
		background-color: #F90000;
		color: #FFF;
	}

.body
{
	margin: 0px auto;
	width: 70%;
	clear: both;
}

	.mainHeader .logo 
	{
		width: 45%;
		height: auto;
		margin: 2% 0px;
	}

	.mainHeader nav
	{
		/*height: 40px;
		clear: both;
		color: #F90000;*/
		/* background-color: #FFA4A4; */
		/*background-color: #000;*/
		clear: both;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5OCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijg2LjUlIiB4Mj0iNTAlIiB5Mj0iMTMuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDIwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzI3MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTgiIGhlaWdodD0iNDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
		background-image: -moz-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
		background-image: -o-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
		background-image: -webkit-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
		background-image: linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	}
		.navImage
		{
			float: left;
			position: relative;
			top: -5px;
			left: -5px;
		}
		
		.social
		{
			float: right;
			margin: 2% 1%;
			
		}	
			.social a
			{
				width: 52px;
				height: 52px;
				margin-left: 5px;
				background-repeat: no-repeat;
			}	
			
			.social .facebook:link, .social .twitter:link, .social .linkedin:link,
			.social .facebook:visited, .social .twitter:visited, .social .linkedin:visited {
				background-position: 0px 0px;  
				float: left;
			}
			.social .facebook:hover, .social .twitter:hover, .social .linkedin:hover,
			.social .facebook:active, .social .twitter:active, .social .linkedin:active {
				background-position: 0px 1px;  
				float: left;
			}
			
			.facebook {
				background-image: url('../Images/Social/facebook.png');
			}
			
			.twitter {
				background-image: url('../Images/Social/twitter.png');
			}
			
			.linkedin {
				background-image: url('../Images/Social/linkedin.png');
			}
		
		.mainHeader nav ul
		{
			list-style: none;
			margin: 0px auto;
			display: table;
			margin: 0px auto;
		}

			.mainHeader nav ul li
			{
				float: left;
				display: inline;
			}

				.mainHeader nav a:link, .mainHeader nav a:visited
				{
					color: #FFF;
					display: inline-block;
					padding: 10px 25px 10px 45px;
					height: 20px;
				}

				.mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav .active a:link, .mainHeader nav .active a:visited 
				{
					background-color: #F90000;
					text-shadow: none;
					background-position: 5px -30px; 
				}
				
				.link1
				{
					
					background-image: url('../Images/Menu/home.png');
					background-repeat: no-repeat;
					background-position: 5px 6px; 
				}
				
				.link2
				{
					background-image: url('../Images/Menu/about.png');
					background-repeat: no-repeat;
					background-position: 5px 6px; 
				}
				
				.link3
				{
					background-image: url('../Images/Menu/accommodation.png');
					background-repeat: no-repeat;
					background-position: 5px 6px; 
				}
				
				.link4
				{
					background-image: url('../Images/Menu/queries.png');
					background-repeat: no-repeat;
					background-position: 5px 6px; 
				}
				
				.link5
				{
					background-image: url('../Images/Menu/contact.png');
					background-repeat: no-repeat;
					background-position: 5px 6px; 
				}
.carIamges 
{
	max-width: 100%;
	min-width: 100%;
}

.imageSpacer
{
	width: 100%;
	height: 70px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../Images/Automotive.jpg');
	margin-top: 1%;
}
	
.mainContent
{
	line-height: 25px;
}

	.content
	{
		width: 70%;
		float: left;
		margin-bottom: 1%;
		margin-top: 1%;
	}
	
	.contentLarge 
	{
		width: 100%;
		margin-top: 1%;
	}
	
	.googleMaps
	{
		width: 100%;
		height: 300px;
		margin: 0px 0px;
	}
	
		.topContent
		{
			background-color: #FFF;
			padding: 3% 5%;
			
			text-align: justify;
			/* background: url(../Images/bg.jpg); */
			/* background-size: cover; */
		}
		
		.contentText
		{
			width: 50%;
			float: left;
			
		}
		
		.bottomContent
		{
			background-color: #FFF;
			padding: 3% 5%;
			margin-top: 2%;
			background: url(../Images/bg.jpg);
			background-size: cover;
		}
				
			.post-info
			{
				font-style: italic;
				color: #999;
				font-size: 90%;
				display:none;
			}
		
		.top-sidebar
		{
			width: 21%;
			float: left;
			margin: 1% 0px 2% 2%;
			padding: 2% 3%;
			background-color: #FFF;
		}
		
		.middle-sidebar
		{
			width: 21%;
			float: left;
			margin: 0px 0px 2% 2%;
			padding: 2% 3%;
			background-color: #FFF;
		}
		
		.bottom-sidebar
		{
			width: 21%;
			float: left;
			margin: 0px 0px 2% 2%;
			padding: 2% 3%;
			background-color: #FFF;
		}
		
.mainFooter
{
	width: 100%;
	float: left;
	/*background-color: #000;*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5OCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijg2LjUlIiB4Mj0iNTAlIiB5Mj0iMTMuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDIwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzI3MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTgiIGhlaWdodD0iNDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	padding: 2% 0px;
}

.mainFooter p 
{
	width:  92%;
	margin: 10px auto;
	color: #FFF;
	text-align: center;
}

.expand 
{
    background-image: url('../Images/collapse.png');
    background-repeat: no-repeat;
	background-position: 0px 3px;
}

.collapse 
{
    background-image: url('../Images/expand.png');
    background-repeat: no-repeat;
}


.accordionItems
{
	font-size: 13px;
	color: #000;
	/*background-image: url('../Images/bg2.png');*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5OCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijg2LjUlIiB4Mj0iNTAlIiB5Mj0iMTMuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDIwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzI3MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTgiIGhlaWdodD0iNDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	background-image: linear-gradient(bottom, #020000 13.5%, #727272 86.5%); /* gradient overlay */
	text-align:center;
	color: Red; 
	cursor: pointer;
}

.accordionItems:hover 
{
	/*background-image: url('../Images/bg3.png');*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5OCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijg2LjUlIiB4Mj0iNTAlIiB5Mj0iMTMuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQxYzI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY4ZThlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTgiIGhlaWdodD0iNDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	color: white;
}

.accordionItemActive
{
	/*background-image: url('../Images/bg3.png');*/
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDU5OCA0MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9Ijg2LjUlIiB4Mj0iNTAlIiB5Mj0iMTMuNSUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQxYzI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY4ZThlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSI1OTgiIGhlaWdodD0iNDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
	background-image: -moz-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: -o-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: -webkit-linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	background-image: linear-gradient(bottom, #ed1c24 13.5%, #ff8e8e 86.5%); /* gradient overlay */
	color: white;
}


.PartImage
{
	width: 50px;
	height: 50px;
	margin: 0px 20px;
}

.accordion table 
{
	width: 100%; 
	text-align: center;
}

.accordion table tr
{
	border: 1px solid black;
}

.accordion table tr td
{
	width: 50%;
	vertical-align:middle;
}

.ProductSelection
{
	width: 100%;
}

	.Manufacturers
	{
		width: 100%;
		height: 100%;
		
	}
		.ManuItem
		{
			margin: 0px 2%;
			cursor: pointer;
		}
	
	.Parts
	{
		display: none;
	}	

	.ContactTable 
	{
		float: left;
		margin: 0px 2%;
		/* width: 10%; */
	}
		.ContactTable 
		{
			width: 46%;
		}
		
		.colOne
		{
			width:30%;
			vertical-align: top;
		}
		
		.colTwo
		{
			width:70%;
		}
		
		.ContactTable tr td input, .ContactTable tr td textarea, .ContactTable tr td label
		{
			width: 100%;
		}

@media only screen and (min-width: 150px) and (max-width: 1000px)
{
	.ContactTable 
	{
		width: 100%;
		margin: 2% 0px;
	}
}

@media only screen and (min-width: 150px) and (max-width: 796px)
{
	.mainHeader nav
	{
		/* height: 80px; */
	}
	.SelectedManufacturer
	{
		width: 80%;
	}
}

@media only screen and (min-width: 150px) and (max-width: 701px)
{
	.ContactTable 
	{
		width: 100%;
		margin: 2% 0px;
		font-size: 12px;
	}
	
	body 
	{
		/* background-image: url(''); */
		background-color: #FFFFFF;
		background: url("");
		background-attachment: fixed;
		/* background-position: center center; */
		background-size: 80% 80%;
		/* background-position: 0 -20% 0 0; */
		color: #000305;
		font-size: 87.5%; 
		font-family: Arial, 'Lucida Sans Unicode';
		line-height: 1.5;
		text-align: left;
	}


	.body
	{
		width: 90%;
		font-size: 95%;
	}
	
	.mainHeader .logo
	{
		width: 100%;
	}
	
	.mainHeader nav
	{
		height: 160px;
	}

		.mainHeader nav ul
		{
			padding-left: 0px;
			width: 100%;
		}

			.mainHeader nav ul li
			{
				width: 100%;
				text-align: center;
			}

				.mainHeader nav a:link, .mainHeader nav a:visited
				{
					padding: 10px 25px;
					display: block;
				}
			
	.content
	{
		width: 100%;
		float: left;
		margin-top: 2%;
	}
	
		.topContent
		{
			margin-bottom: 4%;
		}
		
		.bottomContent
		{
			margin-top: 3%;
		}
	
			.post-info
			{
				display: none;
			}
			
		.top-sidebar, .middle-sidebar, .bottom-sidebar
		{
			width: 94%;
			margin: 2% 0px 3% 0px;
			padding: 2% 3%;
		}
}