* {
  margin:0;
	}

html {
  overflow-y: scroll;
	font-size:62.5%;
}
body {
	font-family: 'Open Sans', sans-serif;
	color:#333;	
  background-color:#fff;
	}

a:link {
	text-decoration: none;
	color: #333;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}

#wrapper {
	width:100%;
	box-sizing: border-box;
	margin:auto;
	border:0px solid #666;
  }

#pageheader {
  background-color:#fff;
	font-size:1.5rem;
  }

#pagecontent {
	overflow:auto;
	border:0px solid blue;
	font-size:1.3rem;
	padding:1%;
	}
#pagecontent a:link {
	text-decoration: none;
	color: #333;
}
#pagecontent a:visited {
	text-decoration: none;
	color: #333;
}
#pagecontent a:hover {
	text-decoration: underline;
	color: blue;
}

.product_panel {
	border:1px solid #ddd;
	padding:1%;
  	background-color:#eee;
	float:left;
	margin-bottom:10px;
	width:90%;
	border-radius:10px;
	}


#pagefooter {
	margin-top:50px;
  display:none;
  font-size:12px;
  font-size:1.2rem;
  border:0px solid #666666;
  border-top-width:0px;
  border-bottom-width:0px;
  padding:1.0151515%;
  }
#pagefooter a:link {
	text-decoration: none;
	color: #333;
}
#pagefooter a:visited {
	text-decoration: none;
	color: #333;
}
#pagefooter a:hover {
	text-decoration: none;
	color: #999;
}


hr {
	width:100%;
  border:0;
  background-color:#ccc;
  height:1px;
	margin-top:5px;
	margin-bottom:10px;
  }

#copyright {
  margin:auto;
	margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  font-size:1.1rem;
  }



#teltext {
  float:right;
	font-size:25px;
  font-size:2.5rem;
	padding:10px;
  }

.headerlogo {
	width:150px;
  float:left;
  border:0;
	padding:20px;
  }


#page_title {
	padding:10px;
	height:40px;
	margin-bottom:10px;
  border:0px solid #eee;
	border-bottom-width:1px;
	}
	
.content_image{
	float:right;
	margin-left:2%;
	width:24%;
	}
	

.footerpanel {
  margin-right:80px;
  float:left;
  border:0px solid #999999;
  border-radius:6px;
}

#copyright hr {
  border:0;
	margin:auto;
	margin-bottom:5px;
  height:1px;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
  }

p, ul, li, form, td, th{
	margin:0;
	}

p {
	margin-bottom:10px;
 }
	
h1 {
	font-size: 2.2rem;
	margin-top:5px;
	margin-bottom:5px;
	}

h2 {
	font-size: 1.5rem;
	margin-bottom:5px;
	}


/* Responsive design CSS */

/* For screen sizes less than 800px wide...*/
@media only screen and (max-width : 800px) {  

	}

/* For screen sizes less than 480px wide...*/
@media only screen and (max-width : 480px) {  

	.content_image{
		width:48%;
		}
	.content_panel {
		padding-top:10px;
		float:none;
		clear:both;
		width:100%;
		}

	#teltext {
		padding:5px;
		font-size:18px;
		font-size:1.8rem;
		}

	.headerlogo {
		width:120px;
		}







  nav {
    z-index:100;
		float:none;
		clear:both;
		height: auto;		
		border-bottom: 0;  
		}  
  nav ul {
		display: none;  
		}  
  nav li {
		background: #455868;
		display: block;  
		float: none;  
		width: 100%;  
		position: relative;  
		}  
  nav li a {  
		border-bottom: 1px solid #576979;  
    }  
  nav a , nav a:link, nav a:visited{
		color:#fff;
		text-align: left;  
		width: 100%;  
		text-indent: 20px;  
		}  
	nav a:hover, nav a:active {
		background-color: #8c99a4;  
		text-decoration: none;
		color:#fff;
		}
  nav a#pull {  
    display: block;  
    background-color: #455868;  
    width: 100%;  
    position: relative;  
    }  
  nav a#pull:after {  
		content:"";  
		background: url('images/nav-icon.png') no-repeat;  
    width: 30px;  
    height: 30px;  
    display: inline-block;  
    position: absolute;  
    top: 10px;  
		}  
	} 
	
	
	
	
	
	
	

#loginstatus {
  float:right;
  margin-right:10px;
  margin-top:5px;
  }

img {
	display:block;
	}

.errtxt {
	font-weight:bold;
	color:red;
	}

#form_box {
  margin:auto;
  background-color:#aaa;
  border:1px solid gray;
  border-radius:10px;
  box-shadow: 0 8px 6px -6px black;
}

legend {
  padding:10px;
  font-size:1.5rem;
  font-weight:bold;
  }
label {
  width:100px;
  float:left;
  padding-top:5px;
  text-align:right;
  margin-right:0.5em;
  display:block;
}