﻿div.Package
{
	width				: 638px;
	padding				: 3px 0px 10px 0px;
	cursor				: pointer;
}

div.Package div.Top
{
	width				: 100%;
	background-position	: top right;
	background-repeat	: no-repeat;
}

div.Package div.Top td.Name
{
	font-size			: 16px;
	font-weight			: bold;
	color				: #777777;
	padding				: 48px 0px 0px 130px;
}

div.Package div.Top td.Price
{
	font-weight			: bold;
	color				: #777777;
	padding				: 45px 20px 0px 0px;
}

div.Package div.Top td.Price span.Price
{
	font-size			: 26px;
}

div.Package div.Top td.Price span.Unit
{
	font-size			: 16px;
}

div.Package div.Gold
{
	background-image	: url(/includes/images/order/packages/goldheader.png);
}

div.Package div.Silver
{
	background-image	: url(/includes/images/order/packages/silverheader.png);
}

div.Package div.Bronze
{
	background-image	: url(/includes/images/order/packages/bronzeheader.png);
}

div.Package div.Custom
{
	background-image	: url(/includes/images/order/packages/customheader.png);
}

div.Package div.Top td.Content
{
	padding				: 10px 20px 0px 130px;
}

div.Package div.Top td.Content div
{
	color				: #777777;
}

div.Package div.Bottom
{
	width				: 100%;
	height				: 46px;
	background-image	: url(/includes/images/order/packages/bottom.png);
	background-position	: bottom right;
	background-repeat	: no-repeat;
}

div.Package div.MostPopular
{
	font-size			: 16px;
	color				: #3A9DDD;
	padding				: 15px 0px 0px 68px;
}

div.Package div.MostPopular img
{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
}

div.Package div.MostPopular label
{
	padding				: 0px 0px 0px 0px;
	margin				: 0px 0px 0px 0px;
}

/* ========================= HIGHLIGHTED ========================= */

div.Package:hover div.Top td.Name
{
	color				: #000000;
}

div.Package:hover div.Top td.Price
{
	color				: #000000;
}

div.Package:hover div.Bottom
{
	background-image	: url(/includes/images/order/packages/bottomhighlighted.png);
}

div.Package:hover div.MostPopular
{
	color				: #1A75B0;
}

div.Package:hover div.Top td.Content div
{
	color				: #000000;
}

/* ========================= SELECTED ========================= */

div.Selected div.Top td.Name
{
	color				: #000000;
}

div.Selected div.Top td.Price
{
	color				: #000000;
}

div.Selected div.Bottom
{
	background-image	: url(/includes/images/order/packages/bottomselected.png) !important;
}

div.Selected div.MostPopular
{
	color				: #1A75B0;
}

div.Selected div.Top td.Content div
{
	color				: #000000;
}