* {
	font-family: sans-serif;
	text-rendering: auto !important;
}

body {
	background-color: #EAEAEA;
}
p{
	/* if margin-bottom changes - change marg-top on prod info ul! */
}
li {
	list-style: none;
}
.cf {
	clear: both;
}
.pad {
	padding: 0 16px;
}
.text-center {
	text-align: center;
}
.yellow-button {
	-moz-box-shadow:    1px 1px 1px black;
	-webkit-box-shadow: 1px 1px 1px black;
	box-shadow:         1px 1px 1px black;
	background-color: #828282;
	color: #FFFFFF;
	text-transform: uppercase;
	font-style: italic;
	font-size: 1em;
	line-height: 22px;
	border-radius: 6px;
	border-right: solid 1px gray;
	border-bottom: solid 1px gray;
	border-top: solid 1px #E2E5F0;
	border-left: solid 1px #E2E5F0;
	text-align: center;
	padding: 10px;
	-moz-box-shadow:    inset 0 0 10px #FFF;
   	-webkit-box-shadow: inset 0 0 10px #FFF;
   	box-shadow:         inset 0 0 10px #FFF;
}


	.yellow-button:hover {
		color:white;
		background-color: #828282;
  		border-top: solid 1px rgb(166, 166, 166);
		border-left: solid 1px rgb(166, 166, 166);
  		-moz-box-shadow:    inset 0 0 10px #fff;
	   -webkit-box-shadow: inset 0 0 10px #fff;
	   box-shadow:         inset 0 0 10px #fff;
	}


.big-bottom-spaced {
	margin: 100px auto 200px !important;
/* 	margin-bottom: 100px !important; */
}

/* header styles */


h1 {
	color: white;
	text-align: right;
	font-size: 2.5em;
	font-style: italic;
	padding-top:10px;
	font-family: "franklin-gothic-urw";
	font-weight:bold;
}

#header-wrapper {
	background-color: #233DBE;
	-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;

background: #150dc2; /* Old browsers */
background: -moz-linear-gradient(top,  #150dc2 0%, #0e0983 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#150dc2), color-stop(100%,#0e0983)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* IE10+ */
background: linear-gradient(to bottom,  #150dc2 0%,#0e0983 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#150dc2', endColorstr='#0e0983',GradientType=0 ); /* IE6-9 */

}

#header-logo {
	padding-top: 25px;
	max-width: 220px;
}

nav {
	text-align: right;
}
	
	nav li {
		list-style: none;
		display: inline-block;
		zoom: 1;
    	*display: inline;
		padding-left: 39px;
		padding-right: 0;
	}
	
		nav li > a {
			color: #C0C0C0;
			font-size: 20px;
			padding-top: 3px;
			
		}
		
			nav li > a:hover {
				color: white;
				
			}

.active a {
	color: white;
}
/* END header styles */

/* homepage styles */

#top-copy {
	background-color: #ffffff;
}

#top-copy p {
	padding: 48px 5%;
	font-weight: bold;
	font-size: 23px;
}

#block-grid-wrapper {
	margin: 0 10px;
}

#block-grid-wrapper li {
	text-align:center;
}

	
	.inner {
		background-color: silver;
		padding-top: 10px;
		min-height: 391px;
		height: auto;
	}
	
		.inner:hover {
			-moz-box-shadow:    2px 2px 3px black;
  			-webkit-box-shadow: 2px 2px 3px black;
  			box-shadow:         2px 2px 3px black;
		}
		
		.inner .prod-title {
			width: 95%;
		}
	
	.prod-title {
		background-color:white;
		color: black;
		margin: 15px 20px 5px 0px;
		text-align: left;
		padding: 5px 10px;
	}
	
	
	#block-grid-wrapper li img {
		padding: 25px 5%;
		width:100%;
	}

#adapter-search {
	/* 
height: 330px;
	width: 300px;
 */
}
	#adapter-search a {
		color: #373737;
	}
		#adapter-search a:hover {
			color: white;
		}

	#adapter-search div {
		text-transform: uppercase;
		font-size: 2em;
		background-color: #ffc425;
		border-top: 8px solid #e31837;
		border-bottom: 8px solid #e31837;
		margin: 10%; 
		padding: 20px 0;
	}
#adapter-search-button{
	text-align:	center;
}
.adapter-search-button {
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin: 0 0 20px 0;
	}
	
/* END homepage styles */


/* product page styles */

.language-link {
	background-color:#BEC0C2;
	color: #e31837;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
	margin: 20px auto;
	padding: 10px 0 7px;
	-moz-box-shadow:    2px 2px 2px black;
	-webkit-box-shadow: 2px 2px 2px black;
	box-shadow:         2px 2px 2px black;
	
}

	.language-link:hover {
		color: white;
		-moz-box-shadow:    3px 3px 3px black;
  		-webkit-box-shadow: 3px 3px 3px black;
  		box-shadow:         3px 3px 3px black;
	}

.product-info {
	background-color: white;
	padding-left: 0;
}

	.product-info .prod-title {
		display: inline-block;
		zoom: 1;
    *display: inline;
		font-size: 3.5em;
		font-weight: lighter;
		padding: 20px 30px ;
		margin: 30px 0;
	}

	.product-info p {
		font-size: 1.5em;
	}
	.product-info ul{
		padding-left: 15px;
		margin-top: -1em;
		font-size: 1.2em;
	}
	.product-info li{
		list-style-type: square;
	}	
		.product-description {
			margin: 0 auto;
			padding: 0 50px;
		}
		.product-description h3 {
			color:;
		}

	.product-info-img {
		margin: auto 30px;
		border: 3px solid #6D6E71;
	}
	.cutaway-image {
		display: block;
		margin: 0 auto;
		padding: 0 25px 40px;
		max-width: 390px;
		width: 100%;
	}
	
	.product-instructions {
		margin-top: 50px;
	}
		.product-info h4 {
			padding: 30px;
			font-size: 2.5em;
			font-weight: lighter;
		}
	
	
		/* PLACEHOLDER STYLING */
		.video	{
			clear: both;
			margin: 40px auto;
		}
		
		.repair-info {
			text-align: center;
			padding: 40px;
		}
		
		.repair-info-button {
			margin: 40px;
			display: inline-block;
			zoom: 1;
    		*display: inline;
			/* VV	generic yellow button VV	 */
		/* 
	background-color:#ffc425;
			color: #e31837;
			font-size: 1.9em;
			text-align: center;
			padding: 10px;
			-moz-box-shadow:    2px 2px 2px grey;
  			-webkit-box-shadow: 2px 2px 2px grey;
  			box-shadow:         2px 2px 2px grey	;
 */
		}
		
			.repair-info-button:hover {
				/* 
-moz-box-shadow:    3px 3px 3px grey;
  				-webkit-box-shadow: 3px 3px 3px grey;
  				box-shadow:         3px 3px 3px grey	;
 */
			}
			
			.hidden {
				display: none;
			}
			
			.hidden img {
				margin: 15px auto;
			}
	
/* END product page styles */

/* adapter page styles */

.adapter-title {
	margin: 30px auto;
	text-align: center;
	font-size: 2.8em;
	color:#e31837;
	
}

.adapter-info-img {
	margin: 0 auto;
	padding: 0 30px;
}

/* END adapter page styles */

/* adapter search page styles */

.adapter-search {
	background-color: white;
	margin: 20px;
	padding-bottom: 40px;
}

	.adapter-search h3 {
		font-size: 1.5em;
		padding: 20px 0;
	}

	.search {
		/* 	unique to this button	 */
		margin: 30px auto;
		border: none !important;
		display:block;

	}
		
		
.search-result {
	background-color: white;
	padding: 25px 0;
	margin: 40px auto;

}

	/* 
.search-result:hover {
		-moz-box-shadow:    3px 3px 3px black;
  		-webkit-box-shadow: 3px 3px 3px black;
  		box-shadow:         3px 3px 3px black;
	}
 */

	.search-result .prod-title {
		font-size: 2em;
		padding: 10px;
	}
	
	.adapter-num {
		margin: 40px 25px;
	}
	
		.adapter-num p {
			color:#4D4D4D;
			font-size: 1.4375em;
		}
		
		.adapter-num h5 {
			color:#BEC0C2;
			font-size: 1.5em;
		}
.main-image {
	padding: 15px;
}
.more-info{
	color: #A5A7AA;
	font-size: 1.3em;
}
.more-info:hover {
	color: #4D4D4D;
}
#search-another {
	text-align:center;
	margin: 50px auto;
}

/*	#search-another .yellow-button {
		-moz-box-shadow:    2px 2px 2px black;
		-webkit-box-shadow: 2px 2px 2px black;
		box-shadow:         2px 2px 2px black;
	}*/

.underlined {
	border-bottom: 1px solid black;
	height: 30px;
}

#or {
	margin-top: 10%;
	font-size: 2em;
}

#adapter-guide div {
	max-width: 250px;
	margin-top: 25%;
	/*margin-left:-25px;*/
	/*-moz-box-shadow:    1px 1px 1px black;
	-webkit-box-shadow: 1px 1px 1px black;
	box-shadow:         1px 1px 1px black;*/
	
}

/*	#adapter-guide div:hover {
		-moz-box-shadow:    3px 3px 3px black;
  		-webkit-box-shadow: 3px 3px 3px black;
  		box-shadow:         3px 3px 3px black;

	}*/



/* END adapter search page styles */

/* instruction manuals page styles */

#manuals-top-copy p {
	font-size: 1.5em;
	padding-top: 20px;
}

.manuals-wrapper {
	background-color: white;
	text-align: center;
	padding: 20px;
}

	.manuals-wrapper li {
		margin: 20px;
	}
	
		.manuals-wrapper li h4 {
			margin: 50px auto;
		}
		
	

/* END instruction manuals page styles */
	
.footer {
	text-align: center;
	color: white;
	font-size: 18px;
	padding: 50px 0;
		background-color: #233DBE;
	-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;

background: #150dc2; /* Old browsers */
background: -moz-linear-gradient(top,  #150dc2 0%, #0e0983 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#150dc2), color-stop(100%,#0e0983)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #150dc2 0%,#0e0983 100%); /* IE10+ */
background: linear-gradient(to bottom,  #150dc2 0%,#0e0983 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#150dc2', endColorstr='#0e0983',GradientType=0 ); /* IE6-9 */

}

/* foundation breakpoint */
@media (max-width: 768px) {
	
	nav li {
		padding:5px 10px;
	}
		nav li a {
			/* font-size: 2em; */
		}
		
	#adapter-guide div {
		margin: 5% auto;
	}
	
	#or {
		margin:5% 0;
		text-align: center;
	}
	
	.big-bottom-spaced {
		margin: 50px 0 100px !important;
	}
	
	
	
}


/* extra small screen breakpoint */
@media (max-width: 500px) {

	h1 {
		font-size: 2.4em;
		padding-top: 0;
		margin-top: 0;
	}
	
	nav li {
		padding:5px;
	}
		nav li a {
		/* 	font-size: 1.2em; */
		}
	
	
	.big-bottom-spaced {
		margin: 0 0 100px 0 !important;
	}

	#block-grid-wrapper li {
		margin: 0 auto;
		display: block;
		width:85%;
		float: none;
	}
	.adapter-info-img {
		padding: 0 10px;
	}
	.product-info p {
		font-size: 1.2em;
	}
	.product-description {
			padding: 0 25px;
		}

}