@charset "utf-8";
/* CSS Document */

/*Part Div Class Section */

.box {
	font:Arial;
	font-size:14px;
	position:relative;
	top: 0;
	}

/* unvisited link */
.email {
	color: #FF0000;
}


.finallink A:link {
	color: #FFFFFF;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;
	}

.finallink A:visited {
	color: #FFFFFF;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;} 
	
	.finallink A:active {
	color: #FFFFFF;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;} 
	

.systemlinks A:link {
	color: #8DFFF9;
	font-size:22px;
	text-decoration:underline;
	}

.systemlinks A:visited {
	color: #FFFFFF;
	font-size:22px;
	text-decoration:underline;} 

.systemlinks A:active {
	color: #FFFFFF;
	font-size:22px;
	text-decoration:underline;} 


a:link {
    
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
}

/* visited link */
a:visited {
    color: #FFFFFF;
}



/* selected link */
a:active {
	color: #1E70AC;
	text-align: left;
}

.background-switch {
  text-align: center;
   max-width: 150px;
  font-size: 1.5em;
  color: #ffffff;
  border-radius: 5px;
  background-color: #7C080A;
}
.background-switch:hover {
  background-color: #B52E30;
  color: white;
  
}

.tablecontainer {
		font-size:24px;
		font-weight:bold;
		color:#000000;
		font-family:Arial;
		
	}

	
	.steps {
		display:none;
		
	}
	
	.mobilebtnchoices {
		display:block;
		font-family:Arial;
		font-size: 14 px;
	}
	
		.desktopbtnchoices {
		display:none;
		font-family:Arial;
		font-size: 14 px;
			}
	

.mobileselect {
	height: 80px;
	width: 400px;
	
	}
	
	.mobileselect2 {
	height: 100px;
	width: 900px;
	
	}
	
	.mobileselect3 {
	height: 80px;
	width: 900px;
	
	}
	
	.mobilechoicesrow {
		padding: 20px;
		height: 200px;
	}
	
.mobileselectpanel {
	height: 80px;
	width: 250px;
	}

select{
	font-size: 26px;
	text-decoration:underline;
	font-weight:bold;
}

.background-switchsmall {
  max-width: 750px;
  max-height: 100px;
  font-size: 1.5em;
  color: #ffffff;
  border-radius: 5px;
  background-color: #7C080A;
}
.background-switchsmall:hover {
  background-color: #B52E30;
  color: white;
  
}

.buffer {
	height: 50px;
}

.dimensions {
	width: 80%;
	
}

.submitbtn {
	height: 100px;
	width: 980px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-image:url(CLICK-generate.png);
	
}

.resultslink {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #009BFF;

}

.finallink {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:28px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #009BFF;
}

.systemtable {
	width: 1000px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10;
	
}

.systemtablebig {
	width: 990px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 20px;
	
}

.systemheaderblack {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	width: 1000px;
}

.systemheaderblue {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	background-color:#007ee8;
	width: 1000px;
}

.systemheader {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 1000px;
}

.apartmentchoice {
	background-image:url(bluebtn.jpg);
	width: 510px;
	height: 87px;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.insidelinks {
	
	width: 244px;
	height: 87px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
}

.systemheaderblack {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	width: 1000px;
	
}

.systemheaderblacktitle {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	width: 1000px;
	
}

.systemheaderburgandy {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	text-align: center;
	background-color:#B52E30;
	color: #FFFFFF;
	width: 990px;
} 



.systemheadersteps {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	color: #FFFFFF;
}

.systemheaderld {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	text-align: right;
	color: #0077BF;
}

.systemdisplaytable {
	background-image: url("Systembg.jpg");
	width: 1000px;
	border: 0;
	padding: 0;
	border-spacing: 0;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 10;
}

.bold {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
	
.navi {
	width:121px;
	text-align:center;
	position:fixed;
	left:20px;
	z-index:1;
	float:left;
}

.sidetable {
	width:150px;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	
	font-weight: bold;
	font-size:12px;
	text-align:center;
	color: ffffff;
}

.sidecell {
	height:100px;
	background-image: url("side-navi.png");
}

.dimensionstableheader {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
	
.systemldheader {
	width:1000px;
	height:150px;
	background-image: url("SystemHeader.jpg");
}

.systemldheaderright {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: right;
	
}

.substituetransformer {
	background-color: #CFDCF2;
	text-align:center;
	position: inherit;

	width: 300px;
	height: 170px;

		
}

.substitutediv {
	background-color: #CFDCF2;
	width: 160px;
	
}

.altlinks {
	color: #005CFF;
}

.paneltable {
	width: 990px;
	border: #000000;
    padding: 0px;
	color: #FFFFFF;
	font:Arial;
	font-size: 16px;
	 background-color: #3366FF;
 
	
}

.imagebot {
	bottom: 0px;
}

.intro {
	
	color: #000000;
	text-align:left;
	font:Arial;
	font-size:30px;
	font-weight:bolder;
	padding: 25px;
	
	
}

.unitchoices {
	width: 990px;
	border-collapse: collapse;
	color: #FFFFFF;
	text-align:left;
	font:Arial;
	font-size:60px;
	font-weight:bolder;
	margin-left: 10px;
	padding: 10px;
	
	
}

.panelchoice {
		height: 100px;
	}
	
	
.optionsbg {
 
  font: Arial;
   font-size:20px;
  background-color: #3366FF;
  width:990px;
}


#bigger { /* Change width and height */
width:6em;
height:6em;
padding: 10px;
}

#bigger2 { /* Change width and height */
width:6em;
height:6em;
}