/*
	Website Name: Sam's Auto Salvage
	Designed by: Katherine Leonard, Car-Part.com
	Modified by: DESIGNER_NAME
	Last updated: 31 May 2017
*/

/* Eric Meyer's Reset CSS v2.0 - cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* "Beat THAT ClearFix!" by Thierry Koblentz - cssmojo.com */
.btcf:after{content:"";display:table;clear: both}

/* "Frustration Fixes" by Katherine Leonard - kat-and-mouse.com */
html,body{height:100%;overflow:auto}a{color:inherit}strong,b,bold{font-weight:700}em,i,italic{font-style:italic}.left{float:left;text-align:left}.center{display:block;float:none;margin:0auto;text-align:center}.right{float:right;text-align:right}a[href^="tel"],.noU{text-decoration:none}.showU{text-decoration:underline}

body {
	background-color: #fff;
	color: #000;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.125em;
}
a, .rtt, #sidebarLinks a {
	color: inherit;
}
a:hover, .rtt:hover, #sidebarLinks a:hover, .showU.jlink:hover, .jlink.showU:hover {
	color: #06c;
}
#etHeader {
	background-color: #fff;
	color: #000;
	padding-top: 2em;
	padding-bottom: 20px;
	text-align: center;
}
#logo, #info {
	display: inline-block;
		vertical-align: middle;
}
#logo {
	max-width: 250px;
	margin-right: 3em;
}
#logo img {
	display: block;
		width: 100%;
		height: auto;
}
h1#bizName {
	color: #c00;
	font-family: "Titillium Web", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: .5em;	
	text-shadow: 2px 2px 2px #666;
	text-transform: uppercase;
}
#address, #nydmv  {
	margin-bottom: 1em;
}
#address {
	font-weight: 700;
}
#nydmv {
	margin-top: -1em;
}
#bizHours {
	background: #06c;
	background: -moz-linear-gradient(top, #08e 0%, #06c 49%, #05b 51%, #039 100%);
	background: -webkit-linear-gradient(top, #08e 0%,#06c 49%,#05b 51%,#039 100%);
	background: linear-gradient(to bottom, #08e 0%,#06c 49%,#05b 51%,#039 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08e', endColorstr='#039',GradientType=0 );
	color: #fff;
	font-weight: 700;
	padding: .3rem 0;
	position: relative;
	text-align: center;
}
#bizHours .hours {
	font-weight: 700;
}
#bizHours .hours::after {
	content: ":";
	padding-right: 1em;
}
#bizHours .wkdy::after {
	content: "\25aa";
	padding: 0 1em;
}

#main {
	background-color: #eee;
	min-height: 400px;
	padding: 1em;
	text-align: center;
}

#partImages {
	display: block;
		max-width: 400px;
	margin: auto;
	margin-bottom: 1em;
}

#partImages .feature-image img {
	display: none;
		max-width: 100%;
		height: auto;
}
#partImages .feature-image img.selected {
	display: block;
}

#sidebar, #content {
	display: inline-block;
		vertical-align: top;
	text-align: left;
}
#sidebar {
	margin-right: 1em;
	margin-bottom: 1.5em;
	width: 250px;		
}

#sidebar, .content-area {
	background-color: #fff;
	border: 1px solid #000;	
	box-shadow: 2px 2px 2px #333;
	color: #000;
	padding: .5em;
}
#sidebar .label {
	font-weight: 700;
}
#sidebarLinks {
	margin-top: 20px;
	padding: 5px;
}
#sidebarLinks ul {
	list-style-type: square;
	list-style-position: inside;
	margin-top: 5px;
	margin-left: 15px;
}
#sidebarLinks a {
	color: inherit;
	text-decoration: none;
}
#interchange {
	padding-top: 1em;
}

#content {
	max-width: 650px;
}

.content-area {
	margin-bottom: 1.5em;
	padding-bottom: .75em;
	position: relative;
}
.content-area h1 {
	background: #06c;
	background: -moz-linear-gradient(top, #08e 0%, #06c 49%, #05b 51%, #039 100%);
	background: -webkit-linear-gradient(top, #08e 0%,#06c 49%,#05b 51%,#039 100%);
	background: linear-gradient(to bottom, #08e 0%,#06c 49%,#05b 51%,#039 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08e', endColorstr='#039',GradientType=0 );
	color: #fff;
	font-weight: 700;
	margin: -.5em -.5em .5em -.5em;
	padding: 0.5em;
	text-shadow: 1px 1px 1px #333;
}
.content-area h2 {
	font-size: 1.125em;
	font-weight: 700;
	margin-top: 1.5rem;
}
.content-area h3 {
	font-size: 1em;
	font-weight: 700;
	margin-top: .75rem;
}

.content-area ol, .content-area p, .content-area ul {
	padding: 5px 0;
}
.content-area ul {
	list-style-type: disc;
}
.content-area ul ul {
	list-style-type: circle;
}
.content-area ol {
	list-style-type: decimal;
}
.content-area ol ol {
	list-style-type: lower-roman;
}
.content-area ul li, .content-area ol li {
	margin-left: 30px;
}
.content-area dt {
	display: inline-block;
	font-weight: 700;
}
.content-area dd {
	margin-bottom: 10px;
}
.content-area .def-table  {
	margin:  10px 30px;
}
.content-area .def-table td, .content-area .def-table th {
	border: 1px solid #999;
	padding: 3px;
}
.content-area .def-table th {
	background-color: #999;
	color: #fff;
	font-weight: 700;
}

#footer {
	border-top: 2px solid #000;
	font-size: .8em;
	padding: 2em 0;
	text-align: center;
}
#cmLogo {
	background-image: url("https://templates.car-part.com/assets/graphics/checkmate_logo.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
		width: 200px;
		height: 40px;
		vertical-align: middle;
	font-size: 0;
}


.container {
	margin: auto;
	max-width: 1000px;
}
.left {
	float: left;
	text-align: left;
}
.center {
	float: none;
	text-align: center;
}
.right {
	float: right;
	text-align: right;
}
.red {
	color: #c00;
	font-weight: 700;
}

@media screen and (max-width: 999px) {
	#sidebar, #content {
		clear: both;
		display: block;
			min-width: inherit;
			width: auto;
			max-width: 100%;
		margin: 1em auto;
	}	
}

@media screen and (max-width: 799px) {
	#logo, #info {
		display: block;
		margin: auto;
	}
	#logo {
		margin-bottom: 1em;
	}
	h1#bizName {
		font-size: 2em;
	}
	#bizHours .block {
		display: block;
	}
	#bizHours .hours::after, #bizHours .wkdy::after {
		content: "";
		padding: 0;
	}
}