﻿.planContainer
{
	text-align: middle;
	width: 372px;
}

.planContent
{
	margin: 0px 9px 9px 9px;
}

.plans
{
	float: left;
	background: url(images/productBack.gif) repeat-y;
	width: 372px;
}

.planHeader
{
	background: url(images/productTop.jpg);
	height: 21px;
	width: 372px;
}

.planFooter
{
	background: url(images/productFooter.gif);
	height: 16px;
	width: 372px;
}

.planTitle
{
	background: url(images/productHeader.jpg);
	height: 38px;
	width: 372px;
}

/* Plan Tabs */

#tabs {
	background:url(images/tab.png) repeat-x left bottom;
	width:100%;
	float:left;
}
#tabs ul {
	margin:0;
   	list-style:none;
	padding:10px 10px 0 10px;
}
#tabs a, #tabs strong, #tabs span {
	float:left;
   	display:block;
	color:#696969;
	padding:7px 20px 5px 11px;
	background: url(images/tab.png) no-repeat 100% 0px;
	text-decoration:none
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs li {
   float:left;
   background:url(images/tab.png) no-repeat 0px 0px;
   margin:0;
   padding:0 0 0 9px;
}
#tabs .current {
   background:url(images/tab.png) no-repeat 0 -41px;
}
#tabs .current a {
   background:url(images/tab.png) no-repeat 100% -41px;
	padding:7px 20px 5px 11px;
	color:#fff
}
#tabs a:hover {
	color:#00cfff
	}