/* Any CSS for promo content for TopBody should look like below,
to prevent conflicts with other elementIDs or classNames which may be in use elsewhere.

#promo .topbody #yourElementIDGoesHere {
	attribute: value;
}

or

#promo .topbody .yourClassNameGoesHere {
	attribute: value;
}

This is already defined in a separate css file:
#promo .topbody {
	width:511px;
	height:198px;
}

Anything for DisplayArea2 on the home page should look like this:

#homeDisplayArea2 #yourElementIDGoesHere {
	attribute: value;
}

or

#homeDisplayArea2 .yourClassNameGoesHere {
	attribute: value;
}

This is already defined in a separate css file:
#homeDisplayArea2 {
	float:left;
	position:absolute;
	top:10px;
	right:10px;
	width:246px;
	height:382px;
}
*/

#homeDisplayArea2 {
	float:left;
	position:absolute;
	top:10px;
	right:10px;
	width:246px;
	height:382px;
	border: 1px solid #A5A5A5;
}
#homeDisplayArea2 #buy {
	position:relative;
	top:164px;
	left:50px;
	padding-right:60px;
	float:left;
}
#homeDisplayArea2 #sell {
	position:relative;
	top:164px;
}
#homeDisplayArea2 #kit {
	position:absolute;
	top:205px;
	left:0px;
	width:246px;
	height:180px;
	BACKGROUND-COLOR: #000000;
	color: #ffffff;
	text-align: center;
	font-size: 19px;
}