/* 
	/index.css 
*/
#main {
	/* top:2em; Needed only if both navs are implemented */
	margin:0;
	padding: 0;
}

.header {
	background:inherit;
	margin: 0 0 0em 0;
	padding: 0.4em 1em 0.2em 2em;

	border:0px solid red;
	height:8em;
}
.header h1, h2 {
	margin: 0;
	padding: 0;
}
.logo {
	font-size: 1.4em;
}
.logo .address {
	font-size: 0.6em;
}
.desc {
	font-size: 1.2em;
	text-align: right;
}
.desc ul {
	list-style-type: none ;
}

.ui-menu {
	width: 180px;
}

.footer {
	margin:4em 0 0 0;
	padding: 0em 0 0 0;
	width:100%;
	height: 14em;
	border: none;
	background:#333333;
	font-size: 1.2em;
}
.mainlinks {
	background:#333333;
	text-align:left;
}
.footer h2 {
	font-size: 0.8em;
	text-align: center;
	color: gray;
	margin: 0.2em 0 0 0;
}
.register {
	background:#333333;
	text-align:right;
}

.pageHeader {
	margin: 0 0 1em 0;
}

.pageHeader h1, h2 {
	margin: 0;
	padding: 0;
}
.pageHeader h2 {
	text-align: right;
}
@media only screen and (max-width: 500px) {
	
	.pageHeader h1 {
		font-size: 1.4em;
	}
	.pageHeader h2 {
		font-size: 1.2em;
		text-align: right;
	}

}
.products {
	
}


/* Slideout */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position:relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
/* slideout */