@font-face { 
	font-family: FuturaStdCondensedBold;
	src: url('../font/FuturaStd-CondensedBold.eot#') format('eot'),
		url('../font/FuturaStd-CondensedBold.woff') format('woff'),
		url("../font/FuturaStd-CondensedBold.otf"); 	
}

@font-face { 
	font-family: SourceSansProRegular;
	src: url('../font/SourceSansPro-Regular.eot#') format('eot'),
		url('../font/SourceSansPro-Regular.woff') format('woff'),
		url("../font/SourceSansPro-Regular.otf"); 	
}

body{
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	color:#000;
}

.pageWrap{
	width:100%;
	min-width:800px;
}

.contentWrap{
	width:65%;
	margin:auto;
}

.head{
	height:120px;
	width:100%;
	
	-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.20);
	
	font-family:FuturaStdCondensedBold;
	color:#2e4d91;
	font-size: 30px;
}

.head .headline{
	text-transform:uppercase;
	float:right;
	line-height:120px;
	position:relative;
	right:4%;
}

.head .logoContainer{
	position:relative;
	float:left;
	top:15px;
	left:30px;
	width:185px;
	height:124px;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);	
}

.head .logoContainer img{
	width:100%
}

.pswLogoContainer{
	width:185px;
	height:124px;
	margin:auto;
	margin-top:25px;
}

.wsTippLogoContainer{
	width:400px;
	height:80px;
	margin:auto;
	margin-top:25px;
}


.emoContainer{
	width:95%;
	margin:auto;
	max-width:1080px;
	margin-top:65px;
}

.subHeadline{
	font-family:FuturaStdCondensedBold;
	color:#cd1719;	
	text-transform:uppercase;
	font-size: 1.75vw;
	margin:auto;
	margin-top:20px;
	text-align:center;
	
	width:95%;
	max-width:1080px;
}

.mainContent{
	width:95%;
	max-width:1080px;
	margin:auto;
	margin-top:40px;
}

.mainContent .textContainer{
	width:100%;
	float:left;
	font-family:SourceSansProRegular;
	color:#747474;
	font-size:16px;
	margin-bottom:30px;
}

.mainContent .imgContainer{
	width:30%;
	float:right;
	max-width:390px;
	margin-bottom:30px;
}

.dottedLine{
	width:95%;
	max-width:1080px;
	margin:auto;
	height:1px;
	border-top:1px dashed #747474;
	clear:both;
}

.shopSearchContainer{
	width:95%;
	max-width:1080px;
	margin:auto;
	margin-top:30px;
}

.shopSearchHeadline{
	text-transform:uppercase;
	font-family:FuturaStdCondensedBold;
	color:#2e4d91;
	text-align:center;
	font-size: 1.75vw;
}

.shopSearchSubHeadline{
	font-family:SourceSansProRegular;
	color:#747474;
	font-size:16px;
	margin-top:15px;
	text-align:center;
}

.searchFormContainer {
	margin-top:40px;
}

.searchFormContainer div.inputContainer{
	float:left;
	margin-bottom:40px;
}

.searchFormContainer div.inputContainer input,.searchFormContainer div.inputContainer select{
	width:calc(100% - 15px);
	margin-top:5px;	
	color:#747474;
	
	-webkit-box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.15);
	box-shadow:inset 0px 3px 3px 0px rgba(0,0,0,0.15);	
	background:none;
	text-indent:5px;
}

.searchFormContainer div.inputContainer input{
	height:25px;
}

.searchFormContainer div.inputContainer select{
	height:30px;
}

.searchFormContainer div.inputContainer label{
	font-family:SourceSansProRegular;
	color:#747474;
	font-size:16px;
}

#submitBtn{
	width:100%;
	text-transform:uppercase;
	font-family:FuturaStdCondensedBold;
	color:#fff;
	border:none;
	cursor:pointer;
	font-size: 1.75vw;
	
	background: #395697;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NTY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM5NTY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJlNGQ5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #395697 0%, #395697 50%, #2e4d91 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#395697), color-stop(50%,#395697), color-stop(50%,#2e4d91));
	background: -webkit-linear-gradient(top, #395697 0%,#395697 50%,#2e4d91 50%);
	background: -o-linear-gradient(top, #395697 0%,#395697 50%,#2e4d91 50%);
	background: -ms-linear-gradient(top, #395697 0%,#395697 50%,#2e4d91 50%);
	background: linear-gradient(to bottom, #395697 0%,#395697 50%,#2e4d91 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#395697', endColorstr='#2e4d91',GradientType=0 );	
	
	height:50px;
	line-height:50px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
}

.moreInfoContainer{
	height:350px;
}

.moreInfoHeadline{
	font-family:FuturaStdCondensedBold;
	color:#cd1719;	
	text-transform:uppercase;
	font-size: 1.75vw;
	margin:auto;
	margin-top:30px;
	text-align:center;
}

.footer{
	background:#4b4b4b;
	height:100px;
}

.footerText{
	font-family:SourceSansProRegular;
	font-size:12px;
	color:#fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
	width: 330px;
	position:relative;
	left:220px;
	top: -5px;
	float:left;
}

.footerTextRight{
	float:right;
	position:relative;
	right:20px;
	font-family:SourceSansProRegular;
	font-size:12px;
	color:#fff;
	top: -5px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.75);	
}

.footerTextRight a{
	color:#fff;
	font-family:SourceSansProRegular;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.75);	
	font-size:12px;
	text-decoration:none;
}

.copartsLogoContainer{
	width:175px;
	height:40px;
	position:relative;
	top:30px;
	left:30px;
}

@media only screen and (min-width: 0px) and (max-width: 900px){
	.footerTextRight{
		top:10px;
	}
}


@media only screen and (min-width: 0px) and (max-width: 1000px){
	.contentWrap{
		width:80%;
	}

	.head .logoContainer{
		width:135px;
		height:90px;
		left: 10px;
	}
	
	.head{
		height:90px;
		font-size: 16.5px;
	}
	
	.head .headline {
		line-height:90px;
	}
	
	.subHeadline ,.shopSearchHeadline{
		font-size: 20px;
	}
	
	.searchFormContainer div.inputContainer input, .searchFormContainer div.inputContainer select {
		width: calc(100% - 10px);
		text-indent:0;
	}
	
	.searchFormContainer div.inputContainer input{
		text-indent:5px;
	}
} 

@media only screen and (min-width: 1001px) and (max-width: 1300px){
	.contentWrap{
		width:70%;
	}
	
	.head .logoContainer{
		width:160px;
		height:107px;
		left: 20px;
	}
	
	.head{
		height:104px;
		font-size: 17.5px;
	}
	
	.head .headline {
		line-height:104px;
	}	
	
	.subHeadline ,.shopSearchHeadline{
		font-size: 22px;
	}	
	
	.searchFormContainer div.inputContainer input, .searchFormContainer div.inputContainer select {
		width: calc(100% - 10px);
		text-indent:0;
	}
	
	.searchFormContainer div.inputContainer input{
		text-indent:5px;
	}	
}

@media only screen and (min-width: 1301px) and (max-width: 1700px){
	.contentWrap{
		width:70%;
	}
	
	.head{
		font-size: 22.5px;
	}

	.subHeadline ,.shopSearchHeadline{
		font-size: 25px;
	}		
}