/*SET GENERIC ELEMENTS*/
body		{margin:0; padding:0; background:#FFF; color:#999; font: 11px Verdana; min-width:1000px;}

/*TOTAL WIDTH CONTAINER FOR THE 3-COLUMNS LAYOUT*/
#wrap		{background:#FFF; margin:0 auto; width:1000px;}

/*LAYOUT'S POSITIONING - CURRENTLY WORKS IN IE AND FIREFOX*/
#header 		{width:1000px; height: 80px; background-image: url(c3images/header.jpg)}
#top		{background:#FFF; padding-top:10px; height: 30px; text-align: left}
#left 		{background:#FFF; float:left; width:199px; clear:left; height: 450px; border-right: 1px solid #CCC}
#main		{background:#FFF; float: left; width:600px; clear: none; height: 450px}
#right 		{background:#FFF; float: left; width:199px; clear:  none; height: 450px; border-left: 1px solid #CCC;}
#footer	 	{background:#FFF; clear:both; text-align: center; height:30px; border-top: 1px solid #CCC;}

/*LAYOUT'S MARGINS AND PADDINGS - DO NOT CHANGE IF UNNECESSARY*/

.headerlinks	{text-align: right; padding-top: 10px; padding-right: 10px}
#top ul		{margin:0; padding:0; list-style:none;}
#top li		{display:inline; margin:0; padding:0;}
#footer p 	{padding:5px; margin:0;}
#main h2, #main p	{padding-left: 10px; padding-right: 10px}
#left h2,#left p	{padding-righft: 10px; margin-top: 0px}
#right h2,#right p	{padding-left: 10px; margin-top: 0px}

/*FONT TYPE CONTROL*/
h2 		{font: 13px Arial; font-weight: bold}
p 		{font: 11px Verdana; font-weight: normal}

/*FONT COLORS CONTROL*/
.blue 		{color: #3366CC}
.yellow  		{color: #FFCC00}
.green 		{color: #66CC00}
.babyblue 	{color: #0099CC}

/*LINKS*/
A 		{font: 11px Verdana; color: #3366CC; text-decoration: none}
A:hover 		{color: #6EBB1F; text-decoration: underline}
A.producttitle 	{font: 12px Arial; color: #0099CC; font-weight: bold; text-decoration: none}
A.producttitle:hover{color: #3366CC; text-decoration: underline}

/*PRODUCT LAYOUT*/

.productcontainer	{width: 300px; height: 120px; float: left}
.imagealignment 	{padding-right: 10px; padding-top: 0px}

