/* Outlet  */

#Banner {
	margin: 1.75rem 0 0 0;
	padding: 1.75rem 1rem .5rem 1rem;
	position: relative;
	background-color: #398EB7;
	border-radius: 1rem 1rem 0 0;
}

#Banner  .icon {
	width: 100%;
	text-align: center;
	font-size: 0;
	position: absolute;
	top: -1.5rem; left: 0; right: 0;
}
#Banner .icon img {
	width: 3rem;
	height: 3rem;
	display: inline-block;
}

#Banner h1,
#Banner h2,
#OutletName {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-family: Tahoma, Verdana, Geneva, sans-serif;
}

#Banner h1 {
	margin: 0;
	font-size: 1rem;
	line-height: 1.25;
}
#Banner h2 {
	margin: 0 0 .25rem 0;
	color: rgba(255,255,255,.65);
	font-size: .6rem;
	text-transform: none;
	text-transform: capitalize;
}
#OutletName {
	padding: .2rem 0;
	font-size: .65rem;
}


#CalcContainer {
	margin: 0 0 .5rem 0;
	padding: .75rem;
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-radius: 0 0 1rem 1rem;
}

	#CalcContainer fieldset .row {
		margin: 0 0 .75rem 0;
		overflow: hidden;
	}

	#CalcContainer fieldset label {
		padding: 0 0 .25rem .1rem;
		display: block;
		text-align: left;
		font-size: .6rem;
		font-weight: normal;
		text-transform: uppercase;
		text-transform: none;
	}

	#CalcContainer .txt {
		padding: 8px 10px;
		display: block;
		border: solid 1px #cccccc;
		border-radius: 10px;
	}

	#CalcContainer select {
		width: 100%;
		display: block;
		border-radius: 10px;
	}


#CalcContainer fieldset .row .invalid {
	background-color: rgba(255,0,0,.05);
	border: solid 1px #cc0000;
}

	#CalcContainer fieldset .row .data {
		overflow: hidden;
		text-align: left;
	}

	#CalcContainer #CommissionControls {
		width: 100%;
		margin: 0 0 .75rem 0;
	}
		#CalcContainer #CommissionControls td {
			width: auto;
		}
		#CalcContainer #CommissionControls label {
			margin: 0;
			padding: 0;
			display: inline-block;
		}
		#CalcContainer #CommissionControls input {
			width: 65px;
			display: inline-block;
			text-align: left;
		}

	.tblInputs {
		border: none;
	}
	.tblInputs td {
		width: 46%;
		vertical-align: middle;
	}

		.tblInputs td div {
			padding: 10px;
			text-align: left;
			background-color: #dddddd;
			border: solid 1px #cccccc;
			border-radius: 10px;
		}

	.tblInputs td.or {
		width: 8%;
	}
	.tblInputs td.or span {
		padding: 5px 0;
		color: #ffffff;
		display: block;
		font-size: 11px;
		text-transform: uppercase;
		background-color: #666666;
	}

	



#CalcContainer .logoHolder {
	padding: .25rem;
	text-align: center;
}
	#CalcContainer .logoHolder span {
		display: block;
	}
	#CalcContainer .logoHolder img {
		display: inline-block;
		max-width: 200px;
		max-height: 100px;
	}




#CalcContainer .button {
	margin: 10px 0 0 0;
	padding: .25rem 1rem;
	color: #ffffff;
	display: block;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #00a3d1;
	background-color: #4089ad;
	border-radius: 10px;
}


#CalcContainer .disclaimer {
	max-width: 280px;
	margin: 1rem auto 0 auto;
	color: #cc0000;
	color: #2f4260;
	font-size: .5rem;
}

	#CalcContainer .disclaimer p,
	#CalcContainer .disclaimer a {
		color: #cc0000;
		color: #2f4260;
		font-size: .5rem;
	}



#CalcContainer #Results {
	margin: 0 0 .5rem 0;
	padding: .5rem .75rem;
	color: #ffffff;
	font-size: .75rem;
	background-color: #2F4260;
	background-image: radial-gradient(ellipse farthest-corner at 50% 50% , rgba(255,255,255,.25) 0%, #2F4260 80%);
	border-radius: 1rem;
}

	#CalcContainer #Results.invalid {
		background: none;
		background-color: #cc0000;
	}


	#CalcContainer #Results span {
		color: rgba(255,255,255,.7);
		font-size: .6rem;
		line-height: 1.5;
		display: block;
		font-family: Tahoma, Verdana, Geneva, sans-serif;
	}
		#CalcContainer #Results span b {
			color: #ffffff;
			font-size: .8rem;
			font-weight: bold;
		}
			#CalcContainer #Results span b.small {
				font-size: .6rem;
			}

#CalcContainer .error {
	padding: 1rem;
	color: #ffffff;
	display: inline-block;
	background-color: #cc0000;
	border: solid 1px #cc0000;
	border-radius: .25rem;
}

#CustomInformation {
	margin: .5rem 0;
	font-size: 11px;
}
	#CustomInformation p,
	#CustomInformation a,
	#CustomInformation li {
		font-size: inherit;
	}


#QuoteGenControls {
	margin: 20px 0;
	background-color: #2F4260;
	border-radius: 10px;
}

	#QuoteGenControls .txtRef {
		width: 140px;
		padding: 8px 10px;
		font-size: 14px;
		border: solid 1px #ffffff;
		border-radius: 10px;
	}

#QuoteGenControls a {
	margin: .5rem 0;
	padding: .5rem .752rem;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #2F4260;
	border-radius: 10px;
}
#QuoteGenControls.generating a {
	color: #666666;
	background-color: #dddddd;
}
#QuoteGenControls.download a {
	background-color: #00a3d1;
}

/* ----------------------------------------------- */