#container-bg-pages {
			margin-top: -60px;
			height:auto;
			width:75%;
			padding:0;
			border:0px;
			/*background: white;*/
			color:#333;
			float:left;
		}
		.refineBox{
			float:left;
			width:10%;
			padding:0 4px 200px 20px;
			border-right:1px solid #666;
			margin:20px 40px 100px 10px;
		}
		.searchInput{
			width:100%;
			position:absolute;
			top:150px;
			text-align:center;
		}
		.searchForm input[type=text]{
			padding: 12px 20px;
			margin: 8px 0;
			border: 2px solid black;
			box-sizing: border-box;
			width:45%;
		}
		.searchButton{
			padding:11px 20px;
			background-color:green;
			color:white;
			font-weight:bold;
			border:2px solid white;
			border-radius: 20px;
			box-shadow:6px 6px 6px #444;
		}
		.results td{
			padding:2px 8px;
		}
		.results{
			border:1px solid red;
		}
		.productBoxHolder{
			/*border:1px solid #DDD;*/
			width:100%;
			min-height:120px;
			margin:10px 20px 0 0;
			float:none;
		}
		.productBox{
			width:100%;
			
		}
		.productBoxHeader{
			width:100%;
			padding:4px 20px;
			background-image: linear-gradient(#FEA348, #FE8429);
			color:white;
			
		}
		.chemicalID{
			font-weight:bold;
			font-size:1.6em;
		}
		.formHeader{
			/*width:100%;
			background-image: linear-gradient(#9DF6FE, #90E1E8);*/
			background-color:#EEE; 
			padding:8px 20px;
			font-weight:bold;
			text-align:left;
			font-size:.9em;
			border:1px solid #DDD;
		}
		.detailTable{
			font-size:.9em;
			width:99%;
			
		}
		.detailTable th{
			text-align:left;
			padding: 2px 10px;
		}
		.detailTable td{
			padding: 2px 10px;	
		}
		
		.refineTable td{
			padding:2px 6px;
			font-size:.8em;
		}
		.refineButtons{
			font-size:.8em;
			font-weight:bold;
			background-color:green;
			color:white;
			padding:2px 26px;
			border-radius:10px;
		}
		#openFormClickHere{
			cursor:pointer;
			color:blue;
		}
		.redText{
			color:red;
			font-weight:bold;
		}
		.blink_me {
		  animation: blinker 1s linear infinite;
		}

		@keyframes blinker {
		  50% {
			opacity: 0;
		  }
		}
		@media all and (max-width : 600px) {
			#top-banner-bg-pages {
				position:relative;
				top:-70px;
				z-index:-1;
				height:200px;
				width:auto;
				/*background-repeat:no-repeat;*/
				background-size: cover;
				background-position: right;
				overflow:hidden;
				padding-top:0px; /* set to 100px to prevent overlap from navigation bar */
			}
			.searchForm input[type=text]{
				width:80%;
			}
		}
		#requestFormArea{
			border:1px solid #777;
			background-color:#EEE;
			width:60%;
			padding:20px;
			margin-top:10px;
			display:none;
		}
		/*------------------------------------*\
			$FORMS
		\*------------------------------------*/

		.leadContactForm label {
		  display: block;
		  padding: 6px 0 6px 0;
		  font-family: "arial";
		}
		.leadContactForm button, .leadContactForm input, .leadContactForm select, .leadContactForm textarea {
		  font-family: "arial";
		  font-size: 100%;
		  margin: 0;
		}
		.leadContactForm input, .leadContactForm textarea {
		  width: 90%;
		  border: 1px solid gray;
		  padding: 0.5rem 0.65rem;
		}
		.leadContactForm input[type=text], .leadContactForm input[type=search], .leadContactForm input[type=url], .leadContactForm input[type=number], .leadContactForm textarea {
		  -webkit-appearance: none;
		}
		.leadContactForm button, .leadContactForm input[type="button"] {
		  padding: 0.5rem;
		  background: #00E33D;
		  border: 1px solid black;
		  cursor: pointer;
		  margin-top:12px;
		  margin-bottom:12px;
		  width:90%;
		}
		.leadContactForm input[type="checkbox"],
		.leadContactForm input[type="radio"] {
		  width: auto;
		  margin-right: 0.3em;
		}
		.leadContactForm input[type="search"] {
		  -webkit-appearance: none;
		  border-radius: 0;
		}
		.leadContactForm input[type="search"]::-webkit-search-cancel-button,
		.leadContactForm input[type="search"]::-webkit-search-decoration {
		  -webkit-appearance: none;
		}

		.leadContactForm .inline-form fieldset, .leadContactForm .inline-form .inline-container {
		  position: relative;
		}
		.leadContactForm .inline-form input[type=submit], .leadContactForm .inline-form button, .leadContactForm .inline-form .btn {
		  font-size: 0.875em;
		  padding: 0.65rem 1.3rem;
		  background: #333333;
		  position: absolute;
		  top: 0;
		  right: 0;
		  z-index: 1;
		  width: auto;
		}
		.inline-form input[type=submit]:hover, .inline-form input[type=submit]:focus, .inline-form button:hover, .inline-form button:focus, .inline-form .btn:hover, .inline-form .btn:focus {
		  background: gray;
		  color: white;
		}

		.inline-search-results-form {
		  width: 100%;
		}
		.has-error {
		  border-color: red;
		}

		.is-valid {
		  border-color: #089e00;
		}
		.leadContactForm input:required {
			box-shadow:none;
		}
		.leadContactForm input:invalid {
			box-shadow:0 0 3px red;
		}
		
		.formBox {
			width:400px;
			margin: 15px 0 0 37px;
			padding:0 0 0 24px ;
			background-color:#FFF;
		}
	/* Periodic Table Search */	
		.elemetsTable {
			width:90%;
			margin: 0 auto;
		}
		.elemetsTable td {
			border:1px solid #444;
			padding:2px 4px;
			width:4%;
		}
		
		.elementLetter {
			font-size:1.2em;
			font-weight:bold;
		}
		.elementName {
			font-size:.7em;
		}
		.chemicalClick {
			cursor:pointer;
		}
		.selectionArea {
			clear:both;
			width:100%;
			text-align:center;
			margin-top:10px;
		}
		.resultsTable {
			width:30%;
			margin: 0 auto;
		}
		.periodicButtons{
			font-size:1em;
			font-weight:bold;
			padding:4px 26px;
			border-radius:10px;
		}
		.greenButton{
			background-color:green;
			color:white;
		}
		.redButton{
			background-color:red;
			color:white;
		}
		.orangeButton{
			background-color:orange;
			color:black;
		}