#packages
{
	width: 346px;
	height: 150px;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FF0000;
	overflow: hidden;
}


/* ===== PACKAGES LAYOUT ===== */


#packages ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#packages ul li
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}

div.packages
{
	display: block;
	overflow: hidden;
	height: 150px;
	width: 18px;
	position: relative;
	cursor: pointer;
}

#packages img 
{
	border: none;
	padding: 0px;
	margin: 0px;
}

#package1content
{
	background-color: #D62945;
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	height: 150px;
	width: 292px;
	position: relative;
	margin-left: 18px;
}

#package2content
{
	background-color: #CC0000;
	color: #FFFFFF;
	display: block;
	overflow: hidden;
	height: 150px;
	width: 292px;
	position: relative;
	margin-left: 18px;
}

#package3content
{
	background-color: #D62945;
	color: #fff;
	display: block;
	overflow: hidden;
	height: 150px;
	width: 292px;
	position: relative;
	margin-left: 18px;
}

#package4content
{
	background-color: #CC0000;
	color: #fff;
	display: block;
	overflow: hidden;
	height: 150px;
	width: 292px;
	position: relative;
	margin-left: 18px;
}

#package1
{
	width: 292px; /* first package to be displayed on page load needs width to be defined */
}

#packages ul li img
{
	position: absolute;
	z-index: 10;
	border: none;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

#p1img, #p2img, #p3img, #p4img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 120px;
}

/* ===== PACKAGES TEXT ===== */



#packages ul li span.pheading
{
	width: 140px;
	display: block;
	padding: 0;
	margin: 8px 0px 0px 126px;
	overflow: hidden;
	font-size: 1em;
}

#packages ul li span.pheading a, #packages ul li span.ptext a
{
	color: #FFFFFF;
}

#package1 span.pheading a, #packages ul li span.ptext a
{
	color: #FFFFFF !important;
}

#packages ul li span.pheading a:hover;
{
	text-decoration: underline;
}

#packages ul li span.ptext
{
	width: 140px;
	display: block;
	padding: 0;

	margin: -14px 0px 0px 126px;
	max-height: 150px;
	overflow: hidden;
	font-size: .9em;
}