#DeskMainMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  background-color: #E8F3FE;
  border: 1px solid grey;
  box-shadow: 0px 0px 9px #888888;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}


#DeskFlangeMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: -1px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 1px solid grey;
  box-shadow: 0px 0px 9px #888888;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

#DeskFittingsMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

#DeskGasketsMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

#DeskValvesMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}


#DeskPipeMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

#DeskNutsMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

	#DeskSupportBox {
	position: absolute;
	margin: auto;
	top: -20px;
	left: 0;
	right: 0;
	padding: 20px;
	background-color: #E8F3FE;
	border: 0px;
	box-shadow: 0px 0px 4px #444444;
	height: 0px;
	width: 410px;	
	border-radius: 7px 0px 7px 7px;
	display: block;
	overflow: hidden;
	z-index:1;
	overflow-y: auto;
	overflow-x: auto;
}

	#DeskSettingsBox {
	position: absolute;
	margin: auto;
	top: 200px;
	left: 0;
	right: 0;
	background-color: #ffffff;
	border: 1px solid grey;
  box-shadow: 0px 0px 4px #888888;
	height: 325px;
	width: 300px;	
	border-radius: 3px 3px 3px 3px;
	display: none;
	overflow: hidden;
	z-index:1;
}

	#ActivateBox {
	position: absolute;
	margin: auto;
	top: 200px;
	left: 0;
	right: 0;
	background-color: #ffffff;
	border: 1px solid grey;
	box-shadow: 0px 0px 4px #888888;
	height: 230px;
	width: 300px;	
	border-radius: 3px 3px 3px 3px;
	display: none;
	overflow: hidden;
	z-index:1;
}


#DeskMenuMask {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0x;
  top: 0px;
  background-color: black;
 opacity: 10%;
  display: none;
}			
	
#PhoneMainMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 25px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  background-color: #E8F3FE;
  border: 1px solid grey;
  box-shadow: 0px 0px 9px #888888;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}	

#PhoneFlangeMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 25px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 1px solid grey;
  box-shadow: 0px 0px 9px #888888;
  padding-top: 20px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}



#PhoneFittingsMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 10px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 40px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}

#PhoneGasketsMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 10px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 40px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}


#PhoneValvesMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 10px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 40px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}	

#PhonePipeMenu {
  position: fixed;
  height: 100%;
  left: 0px;
  top: 10px;
  vertical-align: top;
  padding: 0;
  margin: 0;
  width: 0px;
  background-color: #E8F3FE;
  border: 0px solid black;
  box-shadow: 0px 0px 4px #444444;
  padding-top: 40px;
  color: #C0C0C0;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: left;
  display: block;
  overflow-y: auto;
}	

	#PhoneSupportBox {
	position: absolute;
	margin: auto;
	top: 60;
	left: 0;
	right: 0;
	background-color: #E8F3FE;
	border: 0px solid black;
	box-shadow: 0px 0px 4px #444444;
	height: 0px;
	width: 70%;	
	border-radius: 0px 0px 7px 7px;
	overflow: hidden;
	display: block;
	z-index:1;
}

	#PhoneSettingsBox {
	position: absolute;
	margin: auto;
	top: 60;
	left: 0;
	right: 0;
	background-color: #E8F3FE;
	border: 0px solid black;
	box-shadow: 0px 0px 4px #444444;
	height: 0px;
	width: 70%;	
	border-radius: 0px 0px 7px 7px;
	overflow: hidden;
	display: none;
	z-index:1;
}

	#PhoneActivateBox {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	background-color: #ff0000;
	border: 0px solid black;
	box-shadow: 0px 0px 4px #444444;
	height: 0px;
	width: 70%;	
	border-radius: 0px 0px 7px 7px;
	overflow: hidden;
	display: block;
	z-index:1;
}
	

#PhoneMenuMask {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: black;
 opacity: 10%;
  display: none;
}
			
	/* ------------------------------------------------------------------------------------------------------------------------------------ */
	@media only screen and (max-width: 640px) {

	#PhoneSettingsBox {
	position: absolute;
	margin: auto;
	top: 60;
	left: 0;
	right: 0;
	background-color: #E8F3FE;
	border: 0px solid black;
	box-shadow: 0px 0px 4px #444444;
	height: 0px;
	width: 70%;	
	border-radius: 0px 0px 7px 7px;
	overflow: hidden;
	display: none;
	z-index:1;
}

	}