.maincontainer {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: solid 1px #ccc;
}
.header {
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 10px;
}
.spaceOuter {
	padding: 10px 10px 10px 10px;
}
.spaceInner {
	padding: 10px;
}
.center {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 1px;
}
.Standards {
	width: 75%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
.PRCalc,.PRCalc2 {
	width: 90%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}
.Lcontainer {
	text-align: left;background-color:#FFF;
}
.SubHeaderStrong {
	background-color: #FC3;
	font-size: 16px;
	color: #000;
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-weight: 400;
}
div.Standards div.SubHeaderStrong {
	background-color: #000;
	color: #FFCC33;
}
.Row {
	background-color: #FFF;
}
.ARow {
	background-color: #efefef;
}
.Row .LeftCell, .ARow .LeftCell {
	width: 50%;
	float: left;
}
.Row .RightCell, .ARow .RightCell {
	float: left;
}
.content {
	background-color: #fff;
	background-image: url("bkgContentNew-Content.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #666;
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	font-weight: 300;
}
.CellPR {
	width: 16.66%;
	float: left;
	text-align: center;
}
.height15 {
	min-height: 20px;
}
.height30 {
	min-height: 30px;
}
.height60 {
	min-height: 60px;
}
.Con-kw-kva {
	width: 49%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.Con-kva-kw {
	width: 49%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
.Cell3 {
	width: 33.33%;
	float: left;
	text-align: center;
}
.EmptyContainer {
}
.Con-kw-HP {
	width: 49%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.Con-DOL-kw {
	width: 49%;
	border: 1px solid #ccc;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
/* * * * * * * Post Dev CSS Additions * * * * * * * * * */

.bkgBlack { background-color:#000;color:#FC0; }
.bkgGray1 { background-color:#FC0;color:#000; }
.bkgGray2 { background-color:#f6cf73;color:#000;}
.bkgGray3 { background-color:#fc0;color:#000;}
.bkgGray4 { background-color:#f6cf73;color:#000;}
.SubHeaderStrong { text-align:center; }

input[type=text] {
	width: 100%;
	border-radius: 3px;
	height: 25px;
	font-size: 20px;
	text-align: center;
	border:1px solid #ccc;
}
input[type=button] {
	font-size: 12px;
	padding: 4px 50px 4px 10px;
	text-align: left;
	border: solid 1px #999;
	background-color:#b00e0e;
		text-decoration: none;
	color: #FFF;
	font-weight: normal;
	width: 110px;
	background-image: url(/portals/0/skins/responsive/Images/bkgimgArrowWhite-right.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}

input[type=button]:hover { background-position: 90% center; }

span.label {
	font-size: 18px;
}
.Lcontainer {
	background-color: #FFF;
}
div.PRCalc div.wrapper {
	float: left;
	width: 15%;
	height: 75px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin-left:1%
}

div.PRCalc2 div.wrapper {
	float: left;
	width: 15%;
	height: 75px;
	text-align: center;
	padding: 10px 1% 10px 1%;
	margin-left:2%;
}

div.PRCalc2 div.wrapper.calculate span.label { margin-bottom:18px; }

div.Con-DOL-kw { background-color:#FFF; }


div.Con-DOL-kw center div.wrapper.calculate span.label { padding-bottom:15px;}

div.Con-kva-kw div.wrapper, div.Con-kw-kva div.wrapper, div.Con-kw-HP div.wrapper, div.Con-DOL-kw div.wrapper {
	float: left;
	width: 30%;
	height: 55px;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin-left:2%
}

div.Con-kva-kw div.wrapper, div.Con-kw-kva div.wrapper, div.Con-kw-HP div.wrapper { padding-bottom:15px; }


div.Con-DOL-kw div.wrapper { padding-bottom:20px; }


div.Con-DOL-kw div.wrapper.calculate, div.PRCalc2 div.wrapper.calculate  { height:45;margin-top:10px;margin-bottom:10px;}


@media screen and (max-width:960px) {
div.PRCalc div.wrapper {
	float: left;
	width: 30%;
}

div.Con-kva-kw div.wrapper.calculate, div.Con-kw-kva div.wrapper.calculate, div.Con-kw-HP div.wrapper.calculate { padding-top:0px;}

div.PRCalc2 div.wrapper {
	float: left;
	width: 49%;
}

}

@media screen and (max-width:675px) {
input {
	height: 40px;
	border-radius: 3px;
	font-size: 22px;
	color: #666;
}
input[type=text] {
	text-align: center; height:40px;
}
.content {
	padding: 10px;
}
.spaceOuter {
	padding: 10px;
}
.Row .LeftCell, .ARow .LeftCell {
	width: 80%;
	float: left;
}
.Row .RightCell, .ARow .RightCell {
	float: left;
}
.PRCalc {
	width: 100%;
}

.PRCalc2 {
	width: 100%;
}

div.PRCalc2 div.wrapper { float:none;width:75%;margin: 0px auto 0px auto; }

div.PRCalc div.wrapper {
	margin: 10px 0px 10px 1%;
	width: 48%;
}
div.PRCalc div.wrapper.calculate {
	valign: middle;width:75%;margin:0px auto 0px auto !important;float:none;clear:both;
}
div.PRCalc div.wrapper.calculate input {
	
}
.header {
	padding: 10px;
}
.Standards {
	width: inherit;
}
.Con-kw-kva, .Con-kva-kw, .Con-kw-HP, .Con-DOL-kw {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
div.Con-kva-kw div.wrapper, div.Con-kw-kva div.wrapper, div.Con-kw-HP div.wrapper, div.Con-DOL-kw div.wrapper {
	float:none;width:75%;margin: 0px auto 0px auto;	
}

input[type=button] { float:none;width:100%;height:50px; text-transform:uppercase;font-size:18px;}

}

/* * * * * * * * * * * * * * * * */
