@charset "UTF-8";

#container {
	width:850px;
	border:1px solid #090;
	padding:10px;
	position:relative;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	 }
	
header {
	text-align:center;
}

h1 {
	font-size: 28px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	line-height: 100%;
}

h2 {
	
	font-size: 19px;
	color: #1F7BB0;
	margin: 5px 0;
	font-weight: bold;
}

.left-section {
	width:270px;
	float:left;
	padding-right:10px;
}

.middle-section {
	width:250px;
	float:left;
	padding:170px 15px 10px 15px;
	background-image:url(../custom/ep-bundel-bkgd-3.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

.right-section {
	width:270px;
	float:right;
}

.mobile-img {
	margin:5px 10px 10px 0;
	float:left;
}

.daypass-img {
	margin:5px 0px 10px 10px;
	float:right;
}


/* p {
	margin:0;
	padding:0;
}

 ul {
	margin:10px 0;
	padding:0;
} */

.left-section li, .middle-section li { 
	background-image:url(../custom/ep-check.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	padding:5px 0 5px 30px;
	font-weight:bold;
}

.left-section li:last-child, .middle-section li:last-child {
	background-image:none;
	font-weight:normal;
}

span {
	font-weight:normal;
	font-size: 19px;
	line-height:100%;
	font-style: normal;
}

.buttons { 
	text-align:center;
	padding:5px 0 0 0;
}

.clickcall {
	display:none
}


/*-- LOGIN FORM -- */
.loginform { 
	padding:10px;
	margin:50px 10px 10px 10px;
	border:1px solid #ccc;
}

.loginform ul {  
    padding: 0;  
    margin: 0;  
}  

.loginform li {  
	margin-top:5px;
} 

.loginform p { 
	margin:0; 
	padding:0; 
	font-size:.7em 
}

label {  
    display: block;  
    color: #2d2d2d;  
} 

.cf:after {  
    clear: both;  
} 

.cf {  
    *zoom: 1;  
}  

:focus {  
    outline: 0;  
}

.loginform input:not([type=submit]) {  
    padding: 3px;  
    margin: 0 10px 0 0;
	font-size:.6em;
	width:200px;  
    border: 1px solid rgba(0, 0, 0, 0.3);  
    border-radius: 3px;  
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;  
}  

.loginform input[type=submit] {  
    border: 1px solid rgba(0, 0, 0, 0.3);  
    background: #84C336; /* Old browsers */  
    padding: 3px;  
    margin:0px;
	font-size:.6em; 
    border-radius: 4px; 
}

@media all and (max-width:700px) {
	#container {
		width:100%;
		border:none;
		padding:10px;
		position:relative;
	}

	header {
		text-align:left;
	}

	h1 {
		font-size: 22px;
		margin: 10px 20px 20px 0px;
		font-weight: bold;
		line-height: 100%;
	}

	#logo img {
		width:70%;
		height:auto;
	}

	.left-section, .right-section {
		float:none;
		width:80%;
		margin:0 0 30px 15px;
	}

	.mobile-img, .daypass-img {
		display:none;
	}

	.middle-section {
		float:none;
		width:80%;
		margin:0 0 20px 0;
		padding:10px 15px;
		background-image:url(../custom/ep-bundel-bkgd-noimg.png);
		background-repeat:repeat-y;
	}

	.left-section li, .middle-section li { 
		background-image:none;
		padding:5px 0;
		font-weight:bold;
	}

	.middle-section li:last-child {
		background-image:url(../custom/ep-value-mobile.png);
		font-weight:normal;
		padding-left:100px;
		margin-left:-15px;
	}

	.clickcall {
		text-align:center;
		float:left;
		display:block;
		font-size:14px;
		line-height:100%;
		font-weight:bold;
	}

	.clickcall a{
		color:#093;
		font-size:16px;
	}
	.loginform { 
		padding:10px;
		margin:10px 0;
		border:1px solid #ccc;
	}

}