/*
-----------------------------------------------
Yodel™ New Zealand 
Author: Adriana Watanabe
Version: 01 July 2008
Copyright Yodel™ 2008

V2 - Authored by Kashi Samaraweera 25th February 2009

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


#contentMainPrices {
	width: 580px;
	margin: 7px 0px 0px 15px;
	padding: 0px;
	float: left;
	position: relative;
}

p.priceNotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 4px;
}

#pricePkgsBox {
	width: 282px;
	height: 543px;
	position: relative;
	background-image: url(../images/pricesLeftBack.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	margin-top: 8px;
}

#packagesBox {
	margin-top: 40px;
	position: relative;
}

#packageHighlight {
	width: 282px;
	height: 89px;
	position: absolute;
	z-index: 2000;
	margin: 385px 0 0 -11px;
	background-color: none;
	opacity: 0;
	MozOpacity: 0; 
	KhtmlOpacity: 0; 
	filter: alpha(opacity=0);
}

#greenTag, #yellowTag, #blueTag, #goldTag {
	height: 78px;
	margin: 5px 0 5px 0;
}
	
#greenTag p, #yellowTag p, #blueTag p, #goldTag p {
	font-size: 10px;
	color: #555;
	line-height: 150%;
	}
	
.small {
font-size: 10px;
line-height: 1.5em;
}

.priceRow {
	width: 600px;
	height: 78px;
	margin: 0px 0px;
}

.priceRowPPD {
	font: Arial;
	font-size: 11.5pt;
	font-weight: bold;
	color: #333;
	line-height: 78px;
	vertical-align: middle;
	text-align: right;
	width: 83px;
	float: left;
	display: inline-block;
}

#pricePkgsBox a {
	color: #0033FF;
	border-bottom: 1px dashed #0033FF;
}

#pricePkgsBox a:hover {
	color: #faa21b;
	border-bottom: 1px solid #faa21b;
}

.bluePkg, .greenPkg, .yellowPkg, .goldPkg {
	width: 172px;
	height: 78px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFF;
	margin: 0px;
	line-height: 78px;
	vertical-align: middle;
	text-align: center;	
	display: inline-block;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;	
	opacity: 0.65; 
	MozOpacity: 0.65; 
	KhtmlOpacity: 0.65; 
	filter: alpha(opacity=65);	
	cursor: pointer;
/*	position: relative;
	
	z-index: 100;*/
}

.bluePkgStatic , .greenPkgStatic, .yellowPkgStatic, .goldPkgStatic {
	width: 172px;
	height: 78px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	margin: 0px;	
	line-height: 78px;
	vertical-align: middle;
	text-align: center;	
	display: inline-block;
	float: left;	
	background-position: 0px 0px;
	background-repeat: no-repeat;	
	opacity: 0.00; 
	MozOpacity: 0.00; 
	KhtmlOpacity: 0.00; 
	filter: alpha(opacity=00);
	
	cursor: default;
}

.greenPkgStatic {
	background-image: url(../images/greenBtn.png);
}

.yellowPkgStatic {
	background-image: url(../images/yellowBtn.png);
}

.bluePkgStatic {
	background-image: url(../images/blueBtn.png);
}

.goldPkgStatic {
	background-image: url(../images/goldBtn.png);
}

.bluePkgZoom, .greenPkgZoom, .yellowPkgZoom, .goldPkgZoom {
	width: 172px;
	height: 78px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #FFF;
	margin: 0px;
	line-height: 78px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	float: left;	
	background-position: 0px 0px;
	background-repeat: no-repeat;	
	opacity: 1.00; 
	MozOpacity: 1.00; 
	KhtmlOpacity: 1.00; 
	filter: alpha(opacity=100);	
	cursor: default;
/*	position: relative;
	
	z-index: 100;*/
}

.greenPkgZoom {
	background-image: url(../images/greenBtnZoom.png);
}

.yellowPkgZoom {
	background-image: url(../images/yellowBtnZoom.png);
}

.bluePkgZoom {
	background-image: url(../images/blueBtnZoom.png);
}

.goldPkgZoom {
	background-image: url(../images/goldBtnZoom.png);
}

.bluePkg div, .greenPkg div, .yellowPkg div, .goldPkg div {
	display: none;
}

.greenPkg {
	background-image: url(../images/greenBtn.png);
}

.yellowPkg {
	background-image: url(../images/yellowBtn.png);
}

.bluePkg {
	background-image: url(../images/blueBtn.png);
}

.goldPkg {
	background-image: url(../images/goldBtn.png);
}

.greenPkg:hover {
	background-image: url(../images/greenBtnOver.png);
}

.yellowPkg:hover {
	background-image: url(../images/yellowBtnOver.png);
}

.bluePkg:hover {
	background-image: url(../images/blueBtnOver.png);
}

.goldPkg:hover {
	background-image: url(../images/goldBtnOver.png);
}

#enquiryBox img {
	text-decoration: none;
}

#savingDiv, .savingText, .savingFigure {
margin: 15px 0 0 10px;
background: url(../images/piggy.jpg) no-repeat;
font-weight: bold;
vertical-align: middle;
text-align: left;
height: 70px;
padding: 4px 12px 16px 105px;
}

.savingText, .savingFigure {
line-height: 60px;
width: 220px;
}

#savingDiv {
width: 150px;
}

#savingDiv p {
line-height: 1.5em;
font-size: 11px;
}

.savingText {
	font-size: 12pt;
	color: #999;
}

.savingFigure {
	font-size: 16pt;
	color: #000;
}

/* ------------------------- The Pop-Up Form -------------------------- */
#formDiv {
	width: 460px;
	height: 196px;
	padding: 16px;
	position: absolute;
	top: 160px;
	right: 16px;
	z-index: 1000;
	background-image: url(../images/popupFormBack.png);
	background-repeat: no-repeat;
	background-position: center center;
	
	display: none;

}

	#formDiv h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		
		margin: -36px 8px 0px 8px;
	}
	
	#formDiv a {
		font-family: Arial, Helvetica, sans-serif;
		color: #faa21b;
		text-decoration: underline;
		cursor: pointer;
	}		

	#formDiv a:hover {
		font-family: Arial, Helvetica, sans-serif;
		color: #0066CC;
		text-decoration: none;
		
	}		

	.thankyouText {
		font-size: 12px;
		line-height: 150%;
		color: #333333;
		margin: 4px 16px;
	}
	
	#formDiv li {
		list-style: disc;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 120%;
		color: #333333;
		text-indent: 10px;
		margin: 0px 16px 0px 48px;
	}

	#pkgSpecifics {
		width: 120px;
		height: 116px;
		
		position: absolute;
		left: 16px;
		top: 40px;
	}
		#spendDiv {
			width: 30px;
			height: 46px;
			
			margin: 0px;
			padding: 12px 20px 0px 70px;
			
			background-image: url(../images/yellowAdSpend.png);
			background-position: left top;
			background-repeat: no-repeat;
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;
			
		}
	
		#timeDiv {
			width: 30px;
			height: 46px;
			
			margin: 0px;
			padding: 12px 20px 0px 70px;

			background-image: url(../images/adDuration.png);
			background-position: left top;
			background-repeat: no-repeat;	

			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			color: #FFFFFF;					
		}
			
	#pkgPrice {
		width: 82px;
		height: 26px;

		padding: 12px 10px 0px 70px;
		
		background-image: url(../images/pkgPrice.png);
		background-position: left top;
		background-repeat: no-repeat;		
	
		position: absolute;
		left: 16px;
		top: 156px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
		color: #FFFFFF;			
	}
	
	#pkgPrompt {
		width: 264px;
		height: 54px;

	
		padding: 0px 48px 0px 0px;
	
		position: absolute;
		right: 26px;
		top: 26px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		color: #333333;
		
		line-height: 16px;
	}
		#closeBtn {
			width: 48px;
			height: 20px;
			
			position: absolute;
			top: 0px;
			right: 0px;
			
			cursor: pointer;
			
			background-image: url(../images/closeBtn.png);
		}
		
		#closeBtn:hover {
			background-image: url(../images/closeBtnOver.png);
		}
		
		#okBtn {
			width: 92px;
			height: 36px;
			
			margin: 0px auto;			
			cursor: pointer;
			
			background-image: url(../images/okBtn.gif);
		}
		
		#okBtn:hover {
			background-image: url(../images/okBtnOver.gif);
		}		
	
	#pkgForm {
		width: 312px;
		height: 60px;
		
		position: absolute;
		right: 26px;
		top: 82px;
		line-height: 20px;
		vertical-align: middle;
		
		z-index: 500;
	}
	
	#pkgForm p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
		color: #333333;
		vertical-align: middle;
		
		z-index: 9999;
	}
	
	.nameForm {
		width: 308px;
		height: 16px;
		right: 0px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #999999;
		background-image: url(../images/nameFormBack.gif);
		background-position: left center;
		background-repeat: no-repeat;	
		
		line-height: 16px;
		padding: 5px 0px;
		vertical-align: middle;
		
		text-indent: 4px;
		
		float: right;

	}
	.contactForm {
		width: 308px;
		height: 16px;
		border: 1px solid #999999;
		
		font-family: Arial, Helvetica, sans-serif;		
		font-size: 12px;
		background-image: url(../images/contactFormBack.gif);		
		background-position: left center;
		background-repeat: no-repeat;		

		line-height: 16px;
		padding: 5px 0px;
		vertical-align: middle;
		
		text-indent: 4px;
		
		float: right;		
				
	}
	
	#submitForm {
		width: 268px;
		height: 52px;
		
		padding: 4px 0px 0px 0px;
		
		position: absolute;
		right: 26px;
		top: 144px;
	}
	
		.disclaimer {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 9px;
			color: #999999;
			
			line-height: 120%;
			padding-bottom: 6px;
			vertical-align: bottom;
			margin: 6px auto 2px auto;
		}
		
		.pkgFormBtn {
		
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			
			color: #333333;
			width: 80px;
			height: 20px;
			
			margin-top: 4px;
			
			border: 1px solid #999999;
		}
		
		#cancelDiv {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		
		#sendDiv {
			position: absolute;
			right: 0px;
			bottom: 0px;
		}