#designContainer {
	width: 780px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	clear: both;
	background-color: #DDD;
	background-image: url(../../images/component/balloonDesigner/design-container-top-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

	#designContainerBottomLeft {
		width: 16px;
		height: 16px;
		background-image: url(../../images/component/balloonDesigner/design-container-bottom-left.gif);
		position: absolute;
		bottom: 0px;
		left: 0px;
	}
	
	#designContainer form {
		margin: 0px;
		padding: 0px;
	}

#balloonDisplay {
	width: 342px;
	height: 490px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 15px;
	left: 15px;
	text-align: center;
}

	#balloonDisplay img#balloonImage {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		border: 3px solid #CCC;
	}

	#balloonIdent {
		color: #333;
		font-size: 24px;
		font-weight: bold;
	}

#balloonOptions {
	width: 396px;
	height: 750px;
	padding: 5px 5px 0px 5px;
	float: right;
	overflow: auto;
	background-color: #EEE;
	background-image: url(../../images/component/balloonDesigner/balloon-options-bottom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#balloonPrice {
	width: 406px;
	height: 31px;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	float: right;
	background-image: url(../../images/component/balloonDesigner/price-bg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

	#priceSpan2 {
		margin-right: 40px;
	}

#balloonOptions .jssPageSubHeading {
	margin: 0px 0px 10px 0px;
	padding: 2px;
	background-color: transparent;
	background-image: none;
	color: #0073B6;
	font-size: 18px;
}

.help {
	padding: 3px;
	border: 1px solid #C00;
}

.helpTip {
	cursor: pointer;
}

#qtyError {
	color: #C00;
	font-weight: bold;
}

.previousNext {
	padding: 0px 0px 5px 0px;
	clear: both;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

	.previousNext a {
		margin: 0px 0px 0px 20px;
	}
	
/* FORM ELEMENTS -----------------------------------------------*/
#balloonOptions select {
	width: 100px;
	padding: 0px;
}


/* THE DESIGN --------------------------------------------------*/
#tabContainer {
	margin: 10px 0px 10px 0px;
	padding: 3px 0px;
	clear: both;
	border-bottom: 2px solid #C00;
}

#side1link, #side2link {
	width: 50px;
	padding: 3px;
	margin: 0px 5px 0px 0px;
	text-align: center;
}

.sideLinkCurrent {
	border-top: 1px solid #C00;
	border-right: 1px solid #C00;
	border-left: 1px solid #C00;
	background-color: #C00;
	color: #FFF;
	font-weight: bold;
}
	
	a.sideLinkCurrent:hover {
		color: #FFF;
	}

.sideLinkOther {
	border-top: 1px solid #C00;
	border-right: 1px solid #C00;
	border-left: 1px solid #C00;
	background-color: #06C;
	color: #FFF;
	font-weight: normal;
}

	a.sideLinkOther:hover {
		color: #FFF;
	}
	
#optionsSide1, #optionsSide2 {
	margin: 3px 0px 0px 0px;
	padding: 0px;
	clear: both;
}
	
iframe#logo1, iframe#logo2 {
	width: 240px;
	height: 65px;
	border: 0px solid #EEE;
}

/* GAS CALCULATOR ----------------------------------------------*/

#divGasCalculatorBg {
	width: 391px;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	background-color: #EEE;
	border: 1px solid #333;
}

.gasCalcTitle {
	margin: 0px 0px 5px 0px;
	padding: 3px;
	background-color: #A3CAF5;
	border-bottom: 1px solid #333;
	color: #036;
}

.gasCalcTotal, .gasCalcTotalInflate {
	width: 230px;
	clear: both;
	padding: 2px 0px 2px 5px;
	font-weight:bold;
}

.gasCalcTotal div, .gasCalcTotalInflate div {
	float: left;
}

.gasCalcTotal span, .gasCalcTotalInflate span {
	float: right;
}

.gasTotalsContainer {
	margin: 0px 0px 0px 0px;
	clear: both;
	border-top: 1px solid #999;
}

.gasCalcTotalInflate {
	font-size: 16px;
}

.gasTotalRed {
	color: #C00;
}

.gasTotalGreen {
	color: #090;
}
	
/* DATE PICKER -------------------------------------------------*/

#datepicker {
	background-color: #FFF;
	border: 1px solid #AD0004;
}

#datepicker table {
	width: 170px;
	font-size: 11px;
}

	#datepicker table td.dpDayTD {
		font-weight: bold;
	}

	#datepicker table td.dpTDHover {
		cursor: pointer;
	}