/*****************************************************************************
 * HEADERS                                                                   *
 *****************************************************************************/
#demoBox .demo {
	background: url(../images/hdr-prod-demo.png) no-repeat right;
	margin-top: 4px;
}
#updatesBox .updates {
	background: url(../images/hdr-prod-updates.png) no-repeat right;
	margin-top: 4px;
}
#updatesBox .quickGlance {
	background: url(../images/hdr-demo-quick-glance.png) no-repeat right;
	margin-top: 8px;
}


.packageBox .packageBlue, 
.packageBox .packageRed, 
.packageBox .packageGreen {
	margin-left: 24px;
	margin-top: 11px;
}
/* BE SURE TO CHANGE THE PACKAGE IMAGE NAMES IN IE-TRANSFIX.CSS */
.packageBox .packageBlue 	{ background: url(../images/hdr-prod-blue-package-title.png) no-repeat; }
.packageBox .packageRed 	{ background: url(../images/hdr-prod-red-package-title.png) no-repeat; }
.packageBox .packageGreen 	{ background: url(../images/hdr-prod-green-package-title.png) no-repeat; }

/*****************************************************************************
 * PACKAGE BOX                                                               *
 *****************************************************************************/
.packageBox {
	
}
.blueBG, .redBG, .greenBG {
	background: #050505 bottom repeat-x;
} 
.blueBG 	{ background-image: url(../images/prod-bg-blue.png); }
.redBG 		{ background-image: url(../images/prod-bg-red.png); }
.greenBG 	{ background-image: url(../images/prod-bg-green.png); }
.packageBox .content {
	margin-top: 8px;
	margin-bottom: 10px;
	overflow: hidden;
}
.packageBox .content p {
	margin: 0px;
	margin-top: 8px;
}
.packageBox .content ul {
	padding-left: 15px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #f28d23;
	float: left;
	width: 193px;
}
.packageBox .content li {
	font-size: 8pt;
	margin-bottom: 6px;
	margin-right: 40px;
}
.packageBox .butn-prod-demo img,
.packageBox .butn-prod-signup img {
	border: 1px solid #464646;
}
.packageBox .butn-prod-demo { float: left; }
.packageBox .butn-prod-signup { float: right; }
.packageBox .mainButtons {
	margin-top: 20px;
}
/*****************************************************************************
 * DEMO BOX                                                                  *
 *****************************************************************************/
#demoBox .content {
	margin-top: 10px;
}
#demoBox .boxFeature {
	margin-bottom: 10px;
}
#demoBox .boxFeatureContent {
	text-align: right;
}

/*****************************************************************************
 * UPDATES BOX                                                               *
 *****************************************************************************/
#updatesBox {
	background: #1b1b1b;
}
#updatesBox .content {
	margin-top: 8px;
}
#updatesBox #updatesHeader {
	margin-left: 4px;
	width: 351px;
	background: url(../images/prod-update-bg.png) bottom repeat-x;
}
#updatesBox #updatesHeader .content {
	text-align: right;
	padding-bottom: 14px;
	margin-bottom: 0px;
}
#updatesBox #updatesHeader .boxFeature {
	float: left;
}
#updatesBox #updatesHeader .boxFeatureContent {
	width: 222px;
	margin-left: 14px;
	float: left;
	text-align: left;
}
/* REPEATING UPDATE INFO BOX */
#updatesBox #updateInfo {
	background: none;
}
#updatesBox #updateInfo .viewAll {
	text-align: right;
}
#updatesBox #updateInfo .stat {
	clear: both;
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../images/ellipsis-dark-grey.gif) bottom repeat-x;
}
#updatesBox #updateInfo ul {
	list-style: none;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}
#updatesBox #updateInfo li {
	display: block;
	margin-bottom: 10px;
}
#updatesBox #updateInfo .boxFeature {
	float: left;
}
#updatesBox #updateInfo .boxFeatureContent {
	float: left;
	width: 147px;
	margin-left: 10px;
}
.packageBox .packageTitle {
	height: 20px;
	width: 427px ;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}