/* MOBILE SELECT OVERLAY */

/* NOTE: COLORS AND FONTS ARE EDITED IN THE .CSS FILES IN THE "colors" FOLDER */


.SOLbackground {
	width: 100%;
	height: 100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 1000;
	}
  
.SOLselect {
	position: absolute;
	top: 50%;
	left: 54%;
	width: 300px;
	height: 230px;
	margin-left: -158px;
	margin-top: -123px;
	z-index: 1002;
	text-align: center;
	}

.SOLinner	{ padding-top: 15px; }

.SOLclose	{
	position: absolute;
	top: 50%;
	left: 54%;
	width: 50px;
	height: 50px;
	margin-left: -183px;
	margin-top: -148px;
	padding: 0px;
	z-index: 1003;
	text-align: center;
	}

.SOLimage	{ display: block; margin: 0 auto; }


/* HIDE SELECT FOR NON-MOBILE */

div#SelectOverlay1, div#SelectOverlay2, div#SelectOverlay3 { display: none; }



/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS (482 or 652 DEFAULT)
***************/
@media handheld and (max-width: 652px),
   screen and (max-device-width: 652px),
   screen and (max-width: 652px) 
	{


div#SelectOverlay1, div#SelectOverlay2, div#SelectOverlay3 { display: block; }


	}
/***************
END Media Queries
***************/