@charset "UTF-8";
/* CSS Document */

body{
			padding:0;
			margin:0;
			font-family: "proxima-nova",sans-serif;
			background: #ffffff url("../images/tesselation-background.jpg")center top fixed no-repeat;
			background-size: cover;
		}

#store1, #store2, #store3, #store4, #store5, #store6, #store7, #store8, #store9, #store10, #store11, #store12, #store13, #store14, #store15, #store16, #store17, #store18, #store19, #store20, #store21, #store22, #store23, #store24, #store25, #store26, #store27, #store28, #store29, #store30, #store31, #store32, #store33, #store34, #store35, #store36, #store37, #store38, #store39, #store40, #store41, #store42, #store43, #store44, #store45, #store46, #store47, #store48, #store49, #store50, #store51, #store52{
			display:none;
		}
		
		#selectorContainer{
			width: 25%;
		}
		
		#locationSelector{
			float:left;
		}
		
		.linkHolder a{
			text-decoration:none;
			color:white;
		}
		
		.linkHolder{
			width: 21em;
			float: right;
			margin-top:1.5em;
		}
		
		.launchButton{
			background: #f05c22;
			padding:7%;
			text-align: center;
			width:100%;
			border-radius: 50px;
			font-weight:bold;
		}
		
		.launchButton:hover{
			background: #ff6528;
		}

		
		a{
			text-decoration:none;
		}
		
		#topBox{
			background-color:white;
			height: 4.0em;
			padding-left: 5%;
			padding-top: 1.5%;
			box-shadow: 0px 2px 3px rgba(0,0,0, 0.2);
		}
		
		#GoAutoLogo{
			float:left;
			height: 65%;
		}
		
		#contentArea{
			padding: 4% 3% 4% 5%;
		}
		
		.leftDiv{
			color: #FFFFFF;
			font-size: 2.3em;
			font-weight:400;
			float:left;
			background: #444444;
			padding: 1.5% 6% 1.0% 1%;
			line-height: 1.0;
			width: 35%;
			border-bottom: 4px solid #222222;
		}
		
		.rightDiv{
			float:right;
			margin-right:5%;
			width: 35%;
			text-align:center;
		}
		
		#footer {
		   position:fixed;
		   left:0px;
		   bottom:0px;
		   height:30px;
		   width:100%;
			padding: 1% 0 0.5% 0;
		   background:#444444;
			color:white;
			text-align: center;
			font-family: calibri, verdana, arial, helvetica, sans-serif;
			font-weight:bold;
		}
		
		.selectText{
			width:100%;
			text-align:center;
			font-size: 20px;
			font-weight: bold;
			margin-bottom:10px;
			color:white;
		}

		.titleSub{
			font-size: 0.5em;
			color: #c9c9c9;
			font-weight: normal;
		}

		/* IE 6 */
		* html #footer {
		   position:absolute;
		   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
		}

		
		

	
		/* BUTTONS */
			.button{
				color: #333333;
				font-weight: bold;
				border: 1px solid #333333;
				padding:0.5em 1.2em 0.5em 1.2em;
				/*GRADIENT SETTINGS*/
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,f4f4f4+50 */
				background: #eeeeee; /* Old browsers */
				background: -webkit-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: -o-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: linear-gradient(#ffffff 49%, #f4f4f4 50%); /* FF3.6-15 */
				 /* Chrome10-25,Safari5.1-6 */
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
				/* END GRADIENT SETTINGS */

			}

			.button2{
				color: #002a31;
				font-weight: bold;
				text-align: center;
				border-radius: 5px;
				border: 1px solid #555;
				padding:0.5em 1.2em 0.5em 1.2em;
				/*GRADIENT SETTINGS*/
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,f4f4f4+50 */
				background: #f6f6f6; /* Old browsers */
				background: -webkit-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: -o-linear-gradient(#ffffff 49%, #f4f4f4 50%);
				background: linear-gradient(#ffffff 49%, #f4f4f4 50%);  
				 /* Chrome10-25,Safari5.1-6 */
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );*/ /* IE6-9 */
				/* END GRADIENT SETTINGS */

			}
		
			/* ADMIN Button */
		
				.mainButton{
					float:right;
					margin: 0px 5% 0 5%;
				}
		
				.mainButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #239FC4; /* Old browsers */
					background: -moz-linear-gradient(top,  #239FC4 49%, #0e7492 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #239FC4 49%,#0e7492 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #239FC4 49%,#0e7492 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a27e', endColorstr='#e65300',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}
		
			/* END ADMIN BUTTON */
			/* ----------------*/		
			/* ACCESS BUTTONS */
		
				
		
				.buttonHolder{
					line-height: 2em;
					margin-bottom: 3%;
				}

				.logoButtonHolder{
					margin-bottom: 3%;
					text-align:center;
				}
		
				.accessButton{
					font-size: 2em;
					padding:3% 6% 2% 6%;
					clear: right;
					width: 100%;
					text-align:center;
				}
		
				.accessButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #002a31; /* Old browsers */
					background: -moz-linear-gradient(top,  #004b57 49%, #002a31 52%); /* FF3.6-15 */
					background: -webkit-linear-gradient(top,  #004b57 49%,#002a31 52%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to bottom,  #004b57 49%,#002a31 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a27e', endColorstr='#e65300',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}

				.logoButton:hover{
					color:#ffffff;
					/*GRADIENT SETTINGS*/
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5a27e+49,e65300+52 */
					background: #FFFFFF; /* Old browsers */
					background: -moz-linear-gradient(top,  #ebebeb 49%, #dv3d3d3 52%); 
					background: -webkit-linear-gradient(top,  #ebebeb 49%,#d3d3d3 52%); 
					background: linear-gradient(to bottom,  #ebebeb 49%,#d3d3d3 52%); 
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
					/* END GRADIENT SETTINGS */

				}

				.instructions{
					font-size: 0.5em;
					color: #777777;
				}

				.accessButton:hover .instructions{
					color: #eeeeee;
				}

				.logoButton:hover .instructions{
					color: #eeeeee;
				}
		
			/* END ACCESS BUTTONS */
		
		
	/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1000px) {
		
		#selectorContainer{
			width: 100%;
		}
		
		#locationSelector{
			width:96%;
			padding-left:2%;
		}
		
		
		
		#showLocation{
			width:100%;
		}
		
		.linkHolder{
			width: 87%;
			float: none;
			margin-top:1.5em;
		}
		
		.launchButton{
			background: #f05c22;
			padding:7%;
			text-align: center;
			width:100%;
			border-radius: 50px;
			font-weight:bold;
			font-size: 1.5em;
		}
		
		
		.leftDiv{
			font-size: 3.5em;
			width: 100%;
			padding: 1.5% 0 1.5% 0;
			border-radius: 5px;
			text-align:center;
			margin-bottom: 8%;
		}
		
		.rightDiv{
			float:none;
			clear:both;
			margin-top:2%;
			width: 100%;
		}
		
		.buttonHolder{
			line-height: 4em;
			margin-bottom: 5%;
		}
		
		.accessButton{
			font-size: 3em;
			padding:1% 6% 1% 6%;
			clear: right;
			margin-right: 5%;
			width: 88%;
			text-align:center;
		}
		
		.logoButton{
			font-size: 3em;
			padding:1% 6% 1% 6%;
			margin-right: 5%;
			width: 88%;
			text-align:center;
			clear: right;
		}
		
		.instructions{
			font-size: 22px;
			color: #777777;
			line-height:0.5em;
		}
		#footer {
		   height:50px;
			padding: 4% 5%; 0% 5%;
			font-size: 25px;
		}
		
		#footerContainer{
			width: 89%;
		}
		
    }
		
		/* Large Devices, Wide Screens */
    @media only screen and (max-width : 615px) {
	
		#selectorContainer{
			width: 98%;
		}
		
		#locationSelector{
			float:left;
		}
		
		.leftDiv{
			font-size: 1.5em;
			float:left;
			width: 98%;
			padding: 1.5% 0 1.5% 0;
			border-radius: 5px;
			text-align:center;
		}
		
		.buttonHolder{
			line-height: 2em;
			margin-bottom: 3%;
		}
		
		.accessButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		.logoButton{
			font-size: 1.5em;
			padding:1% 6% 1% 6%;
			clear: right;
			width: 85%;
			text-align:center;
		}
		
		#footer {
			font-size: 18px;
		}
		
	}