@charset "UTF-8";
body {
	font-family:sans-serif;
	font-size:.9em;
	line-height:120%;
}


#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:1.8em;
	margin:10px 0 20px 0;
	font-weight:bold;
	line-height:110%;
}

h2 {
	
	font-size:1.2em;
	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:bold;
	font-size:1.2em;
	line-height:120%;
}

.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: #999;  
}  
.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:1.4em;
	margin:10px 20px 20px 0px;
	font-weight:bold;
	line-height:110%;
}

#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;
	 }

}