﻿/* ID selector (#) used to refer parts like <div id="elemMain">...</div> in the .htm page*/
#elemMain
{
	position: absolute;
	width: 130px;
}

/* Not used for now
#elemTopBar
{
	position: absolute;
	background-color: #CC99FF;
	height: 20px;
	width: 100%;
	top: 0;
}
*/

#elemSub
{
	position: absolute;
	width: 100%;
	top: 23px;
	background-color: #FFFFCC;
	border: thin #CC99FF solid;
	padding: 1.5px;
	color: #FFFFCC;
}

/* class selector (.) used to refer to class elements like <p class="cartButton">...</p> in the .htm page */
.cartButton
{
	text-align   : center;
	margin-top   : 7px;
	margin-bottom: 5px;
}

.viewButton
{
	text-align   : center;
	margin-top   : 7px;
	margin-bottom: 5px;
}
