/* page (background colors) */
body {
  background: -webkit-linear-gradient(#ffffff 150px, #d2d2d2);
  background: -o-linear-gradient(#ffffff 150px, #d2d2d2);
  background: -moz-linear-gradient(#ffffff 150px, #d2d2d2);
  background: linear-gradient(#ffffff 150px, #d2d2d2);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#d2d2d2');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#logo {
	background-color: #fff;
	background-image: url("graphics/header_logo.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	height: 150px;
}

#logo img {
	display: none;
}

#spacer {
	background-color: inherit;
}

/* primary buttons (year, make/model, part) */
div.select {
	color:#535353;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #b8b8b8;
  background: -webkit-linear-gradient(#f2f2f2, #d6d6d6);
  background: -o-linear-gradient(#f2f2f2, #d6d6d6);
  background: -moz-linear-gradient(#f2f2f2, #d6d6d6);
  background: linear-gradient(#f2f2f2, #d6d6d6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#d6d6d6');
}

/* main buttons (new color after selection is made) */
div.selectActive {
	color:#3c72af;
}

/* secondary buttons (make, part group) */
div.selectSecondary {
	color:#535353;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #bababa;
  background: -webkit-linear-gradient(#f0f0f0, #d4d4d4);
  background: -o-linear-gradient(#f0f0f0, #d4d4d4);
  background: -moz-linear-gradient(#f0f0f0, #d4d4d4);
  background: linear-gradient(#f0f0f0, #d4d4d4);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0f0f0', endColorstr='#d4d4d4');
}

/* tertiary buttons (year, model, part) */
.container input[type=button], .container button {
	color:#3c72af;
	background-color:#ededed;
	border-bottom:1px solid #cecece;
}

/* in section search box */
.container input[type=text] {
	color:#373737;
	background-color:#dcdcdc;
	border:1px solid #a3a3a3;
}

.searchContainer {
	background-color:#c3c3c3;
	border-bottom:1px solid #979797;
}

/* main search button */
input.search {
  text-shadow: 1px 1px 1px #0e2d4a;
  color: #ffffff;
  border: 1px solid #2269aa;
  background: -webkit-linear-gradient(#72b4f1, #2269aa);
  background: -o-linear-gradient(#72b4f1, #2269aa);
  background: -moz-linear-gradient(#72b4f1, #2269aa);
  background: linear-gradient(#72b4f1, #2269aa);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#72b4f1', endColorstr='#2269aa');
}

span.footer {
  color: #808080;
}

.footer a {
  color: #565656;
}

/* menu button (hamburger) */
div.mobileNav {
  background: -webkit-linear-gradient(#ffffff, #efefef);
  background: -o-linear-gradient(#ffffff, #efefef);
  background: -moz-linear-gradient(#ffffff, #efefef);
  background: linear-gradient(#ffffff, #efefef);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#efefef');
	border:1px solid #d8d8d8;
}

div.mobileNav div {
  background-color: #3c72af;
  border: 1px solid #3c72af;
}

/* menu links */
a.mobile_dropdown {
	color:#3c72af;
	background-color:#ededed;
	border-bottom:1px solid #cecece;
}

/* menu shadow */
#nav-expand {
	-webkit-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 7px rgba(0,0,0,0.5);
}

@media ( min-width : 400px) {
	/* primary button left and right borders for larger screens */
	div.select {
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #b9c1c9;
	}
	/* secondary button left and right borders for larger screens */
	div.selectSecondary {
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #b9c1c9;
	}
}

/* interchange make/model/part title */
div.header {
	color:#535353;
}

/* interchange section title */
div.header2 {
	color:#535353;
}

/* divider line */
hr {
  color: #f7f7f7;
  border-top: dotted 1px #6c6c6c;
}

/* interchange option (unselected) */
.interchangeOption {
	color:#535353;
	background-color:#efefef;
	border:2px solid #d6d6d6;
}

/* interchange option with wheel image (unselected) */
.interchangeOptionWheel {
	color:#535353;
	background-color:#efefef;
	border:2px solid #d6d6d6;
}

/* interchange option (selected) */
.interchangeSelection {
	color:#3c72af;
	background-color:#ffffff;
	border:2px solid #d1cdcd;
}

/* interchange option with wheel image (selected) */
.interchangeSelectionWheel {
	color:#3c72af;
	background-color:#ffffff;
	border:2px solid #d1cdcd;
}