/* header
----------------------------------------------- */

	#PackageSummary {
		margin-left: 10px;

	}

	#PackageSummary #Header {
		border-bottom: 1px solid #217DCB;
	}

	#PackageSummary #Header h3 {
		margin: 2px 20px;
		Font-Family: Verdana;
		Font-Size: 16px;
		Font-Weight: Bold;
		Color: #217DCB;
	}

	#PackageSummary #Main {
		height: 120px;
	}

	#PackageSummary #Main-Lin {
		height: 120px;

		background: url(../../images/plans/background_linux.gif) no-repeat top right;
	}

	#PackageSummary #Main-Win {
		height: 120px;

		background: url(../../images/plans/background_windows.gif) no-repeat top right;
	}

	#PackageSummary #Main-CF {
		height: 120px;

		background: url(../../images/plans/background_coldfusion.gif) no-repeat top right;
	}

	#PackageSummary #Main ul, #PackageSummary #Main-Lin ul, #PackageSummary #Main-Win ul, #PackageSummary #Main-CF ul {
		margin-top: 10px;
		margin-bottom: 10px;
		list-style-image: url(../../images/bullet.gif);
	}

	#PackageSummary #Main #Left, #PackageSummary #Main-Lin #Left, #PackageSummary #Main-Win #Left, #PackageSummary #Main-CF #Left {
		float: left;
		width: 50%;
	}

	#PackageSummary #Main #Right, #PackageSummary #Main-Lin #Right, #PackageSummary #Main-Win #Right, #PackageSummary #Main-CF #Right {
		float: right;
		width: 50%;
	}

/* Package Details
----------------------------------------------- */

	#PackageDetails {
		margin-left: 10px;
		width: 582px;
	}

	#PackageDetails div.PackageBox {
		float: left;
		margin: 0px 0px 5px 5px;
		width: 187px;
	}

	#PackageDetails div.PackageBox div.Header {
		position: relative;
		background: #4E76A4 url(/images/plans/box/corner.gif) no-repeat top left;

		padding: 3px 0px 0px 15px;

		height: 24px;

		font-family: Arial;
		Font-Size: 14px;
		Font-Weight: bold;
		color: #FFFFFF;
	}

	#PackageDetails div.PackageBox div.Header A {

		font-family: Arial;
		Font-Size: 14px;
		Font-Weight: bold;
		color: #FFFFFF;
		Text-Decoration: None;
	}
	

	#PackageDetails div.PackageBox div.SubHeader {

		background-color: #b7e24a;
		border-left: 1px solid #7ba315;
		border-right: 1px solid #7ba315;

		padding: 2px 5px 0px 0px;

		height: 20px;

		text-align: center;

		font-family: Arial;
		Font-Size: 12px;
		Font-Weight: bold;
		color: #FFFFFF;
	}

	#PackageDetails div.PackageBox div.Details {
		background-color: #F5F5F5;
		border-left: 1px solid #7ba315;
		border-right: 1px solid #7ba315;
	}

	#PackageDetails div.PackageBox div.Details ul {
		list-style-image: url(../../images/bullet.gif);
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#PackageDetails div.PackageBox div.button A {
		Padding: 2px;

		background-color: #F5F5F5;
		border-left: 1px solid #7ba315;
		border-right: 1px solid #7ba315;

		text-align: center;

		font-family: Arial;
		Font-Size: 12px;
		Font-Weight: bold;
		color: #4E76A4;

		Display: Block;
	}

	#PackageDetails div.PackageBox div.button A:Hover {
		background-color: #DFDFDF;

		color: #5CA6E5;
	}



	#PackageDetails div.PackageBox div.buy A {
		Padding: 2px;

		background-color: #CBF561;
		border: 1px solid #9AC823;

		text-align: center;

		font-family: Arial;
		Font-Size: 12px;
		Font-Weight: bold;
		color: #83a722;

		Display: Block;
	}

	#PackageDetails div.PackageBox div.buy A:Hover {

		background-color: #b7e24a;
		border: 1px solid #7ba315;

		color: #880000;
	}


/* Hosting Plan Page Stuff
----------------------------------------------- */

	#PlanPage {
		margin: 0px 2px;
		Width: 410px;

		float: left;
	}

	#PlanPage table.PlanTable {
		width: 100%;
	}

	#PlanPage table.PlanTable tr.tableHeader, #PlanPage table.PlanTable td.tableHeader {

		background-color: #4E76A4;

		text-align: left;

		font-family: Arial;
		Font-Size: 14px;
		Font-Weight: bold;
		color: #FFFFFF;
	}


	#PlanPage table.PlanTable tr.tableRowOdd {
		background-color: #F5F5F5;
	}

	#PlanPage table.PlanTable tr.tableRowEven {
		background-color: #eeeeee;
	}


	#PlanPage table.PlanTable td.tableRowTitle {
		width: 60%;

		text-align: left;

		font-family: Verdana;
		Font-Size: 12px;
		Font-Weight: bold;
		color: #22476F;
	}

	#PlanPage table.PlanTable td.tableRowText {
		width: 40%;

		text-align: center;

		font-family: Arial;
		Font-Size: 12px;
		color: #000000;
	}




	#PageSidebar {
		width: 150px;

		float: left;

		font-family: Arial;
		Font-Size: 12px;
		color: #000000;
	}

	
	#PageSidebar A {
		font-family: Arial;
		Font-Size: 12px;
		color: #000000;
	}


	#PageSidebar ul {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-image: url(../../images/bullet.gif);

	}