/* 
#optincrusher { background: url(images/footer-optin.jpg) no-repeat center center #fff; bottom: 0; height: 142px; left:0; padding: 0; position: fixed; text-align: left; width:100%; z-index: 1000; }
 */

#optincrusher { background: transparent; bottom: 0; height: 146px; left:0; margin-bottom: -146px; padding: 0; position: fixed; text-align: left; width: 100%; z-index: 1000; }

#optincrusher .whitebackground { background-color: white; height: 100px; position: relative; top: 46px; z-index: 1; }
#optincrusher .imagebackground { background:  url(images/footer-optin.png) no-repeat center bottom transparent; height: 146px; position: relative; top: -100px; z-index: 2; }

#optincrusher .hidebutton { position: absolute; bottom: -2px; right: 15px; cursor: pointer; text-decoration: none; border:0; z-index: 5; }
#optincrusher img { margin: 0; }

#optinform { left: 0; margin: 0; position: relative; text-align: center; top: -153px; white-space: nowrap; width: 100%; z-index: 7; }
#optinform .submitbutton { border: none; cursor: pointer; border: outset 1px #ccc; background: #999; color: #222; font-weight: bold; padding: 0; width: 98px; }

#optinform form input { font-family: Arial; font-size: 15px; padding: 0; margin: 0; }
#optinform input[type=text] { background: transparent; border: none; box-shadow: none; height: 22px; left: 10px; margin-right: 7px; padding-left: 10px; position: relative; width: 170px; }
#optinform input[type=image] { left: 5px; position: relative; top: 0; }
#optinform input[name="email"] { margin-right: 5px; }

#optincrushershow { position: fixed; z-index: 1000; bottom: 0; margin: 0 0 -30px -10px; height: 30px; width: 100%; right: 15px; cursor: pointer; text-align: right; text-decoration: none; border: 0; }

#badges { margin: auto; max-width: 100%; position: relative; top: -15px; width: 1075px; }
#badges div { margin: 0; padding: 0; position: absolute; line-height: 1; right: 18px; text-align: left; }

#badges .pinterest { margin: 0; top: 49px; }
#badges .facebook { margin: 0; top: 76px; }
#badges .twitter { margin: 0; top: 103px; }
#badges .pinterest a,
#badges .facebook a,
#badges .twitter a { display:  block; }

#badges div a { background: transparent; height: 23px; width: 170px; }
#badges div a img { display: none; }

.rgm { position: absolute; }
.wjr { position: absolute; top: 5px; right: 0; }

/* try to match bootstrap breaks -- maybe */
@media screen and ( max-width:1075px ) {
	#optincrusher { background-position: center center; background-size: contain; }
	#optinform form { margin-left: 3%; }
	#optinform input[type="text"] { margin-right: 0.35%; width: 17%; }
}

@media screen and ( max-width:1045px ) {
	
}

@media screen and ( max-width:1025px ) {
	#badges .pinterest,
	#badges .facebook,
	#badges .twitter { width: 17%; }
	#badges .pinterest { right: 10px; top: -11px; }
	#badges .facebook { right: 10px; top: 16px; }
	#badges .twitter { right: 10px; }
}

@media screen and ( max-width:979px ){
	#optinform .submitbutton { top: 0; width: 78px; }
	#badges .facebook { top: 13px; }
	#badges .twitter { top: 37px; }
}

@media screen and ( max-width:770px ) {
	#optincrusher { display: none !important; }
}