/* ==== Font sizes for screen and print output ==== */
@media screen {
	a		{font-size:8pt}
	th		{font-size:8pt}
	td		{font-size:8pt}
	select	{font-size:8pt}
	.e		{font-size:9pt}
}

@media print {
	a		{font-size:6pt}
	th		{font-size:6pt}
	td		{font-size:6pt}
	select	{font-size:6pt}
	.e		{font-size:7pt}
}

/* ==== Default Colors and font styles ==== */
a		{font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
th		{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
td		{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal}
code	{font-family:Courier New, Fixed;}

.d		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:7pt; vertical-align:top; text-align:center; background-color:#FFFFFF}
.e		{background-color:#FFFFCC; font-weight:bold; text-align:right}
.pt8	{font-size:8pt}
.errMsg	{font-size:16px; color:#FF0000; text-align:center}

/* ==== This applies to "Choose Products to Compare" page ==== */
table.select        	{}	/* This applies to entire <table ... class="select"> where users pick which products to compare. In most cases, changes made here will affects all child <tr> and <td> tags it encloses. */
table.select tr	    	{background-color:#FFFFFF; vertical-align:bottom;}	/* This applies to all rows (<tr> tags) within table of "select" class. May override things set by previous line. Will propagate to all child <td>s */
table.select td	    	{}	/* This applies to all cells(<td> tags) within table of "select" class. May override things set by previous line. Will propagate to most tags and free-form text it encloses.*/
table.select a      	{font-size:9px;}        	/* This applies to all links (<a> tags) within table of "select" class. */
table.select img		{border:0px none;}      	/* This applies to all images (<img> tags) within table of "select" class. */

/* ==== This applies to "Show Comparison Results" page ==== */
table.results 	     	{}				/* This applies to entire <table ... class="results"> where comparison results are displayed. In most cases, changes made here will affects all child <tr> and <td> tags it encloses. */
table.results td      	{color:#666666}	/* This applies only to <td> tags inside class="results" table where comparison results are displayed.*/
table.results tr		{background-color:#FFFFFF;}	/* This applies to all rows (<tr> tags) within table of "results" class. May override things set by previous line. Will propagate to all child <td>s */
table.results tr.same	{background-color:#FFFFE0;}	/* overrides default bg color for rows of class "same" (having identical values) */
table.results img		{border: 0px none;}     	/* This applies to all images (<img> tags) within table of "results" class. */

/* ==== This is used only in back-end Administration tool ==== */
.tab1	{background-image:url(/global/img/574-1.gif); font-size:11px}
.tab2	{background-image:url(/global/img/574-2.gif); font-size:11px; text-align:center}
.tab3	{background-image:url(/global/img/574-3.gif); font-size:11px}
.tab4	{background-image:url(/global/img/574-4.gif); font-size:11px}

a.tab:link		{font-size:11px; color:#333333}
a.tab:visited	{font-size:11px; color:#333333}
a.tab:hover		{font-size:11px; color:#FF6600}