@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: #000000;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;
	}

.finallink A:visited {
	color: #000000;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;} 
	
	.finallink A:active {
	color: #000000;
	font-size:28px;
	font-weight:bolder;
	text-decoration:underline;} 
	
	.mobilebtnchoices {
		display:none;
		font-family:Arial;
		font-size: 14 px;
			}
	
		.desktopbtnchoices {
		display:block;
		font-family:Arial;
		font-size: 14 px;
			}
	
	.panelchoice {
		height: 60px;
	}
	
.intro {
	
	color: #000000;
	text-align:left;
	font:Arial;
	font-size:14px;
	font-weight:bolder;
	
	
}
	
.mobileselect2 {
	height: 75px;
	width: 900px;
	
	}
	
	.mobileselect3 {
	height: 25px;
	width: 900px;
	
	}
	
	.formcontainer {
    width:1000px;
	margin:auto;
	background:#FFFFFF;
	}
	
	.tablecontainer {
		font-size:16px;
		font-weight:bold;
		color:#000000;
		font-family:Arial;
		
	}
	
	.full {
	 width:1000px;
	}
		
	.imgpadding {
		
		padding:5px;
	}

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

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

.bodylinks A:active {
	color: #317BEF;
	font-size:22px;
	text-decoration:underline;} 

.bodylinks A:link {
	color: #317BEF;
	font-size:22px;
	text-decoration:underline;
	}

.bodylinks A:visited {
	color: #317BEF;
	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;
	font-weight: bold;
}

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

.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%;
	
}

.resultsgeneration {
	width: 100%;
	
	
}


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

.resultslink {
	font-family:Arial;
	font-size:28px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color:#218DFF;

}

.finallink {
	font-family:Arial;
	font-size:28px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color:#FFAE00;
}

.finallinkblack {
	font-family:Arial;
	font-size:28px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	background-color:#FFFFFF;
}

.systemtable {
	width: 980px;
	font-family:Arial;
	font-size: 12;
	
}

.systemtablebig {
	width: 990px;
	font-family:Arial;
	font-size: 20px;
	
}

.systemheaderblack {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	width: 1000px;
}

.systemheaderblue {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	background-color:#007ee8;
	width: 980px;
}

.systemheaderleft {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
	color: #FFFFFF;
	width: 1000px;
}

.systemheaderintro {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	width: 1000px;
}

.systemheader {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	width: 1000px;
}

.systemheaderpanel {
	font-family:Arial;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	
}

.apartmentchoice {
	
	width: 510px;
	height: 87px;

	font-family:Arial;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #FF4F00;
}

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

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

.systemheaderburgandy {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	text-align: center;
	vertical-align:top;
	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:Arial;
	font-size: 10;
}

.bold {
	font-family:Arial;
	font-weight: bold;
}
	
.navi {
	width:121px;
	text-align:center;
	position:fixed;
	left:20px;
	z-index:1;
	float:left;
}

.sidetable {
	width:150px;
	font-family:Arial;
	
	font-weight: bold;
	font-size:12px;
	text-align:center;
	color: ffffff;
}

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

.dimensionstableheader {
	font-family: Arial;
	size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
	
.systemldheader {
	width:1000px;
	height:150px;
	background-image: url("SystemHeader.jpg");
}

.systemldheaderright {
	font-family:Arial;
	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;
	 background-color: #3366FF;
 
	
}

.imagebot {
	bottom: 0px;
}



.unitchoices {
	width: 990px;
	border-collapse: collapse;
	color: #FFFFFF;
	
}
	
.optionsbg {
 
	font: Arial;
	font-size:16px;
  background-color: #3366FF;
  width:990px;
}

#bigger { /* Change width and height */
width:1.5em;
height:1.5em;
}

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

#bigger3 { /* Change width and height */
width:3em;
height:3em;
vertical-align:middle;
align-content:center;
}

	.mobileselect2 {
	height: 100px;
	width: 700px;
	vertical-align:top;
	font:Arial;
	size: 20px;
	color: black;
		
	}