.shadow
{
	/* needed for Internet explorer */
	height: 1em;
	filter: Shadow(color=#666666, 
	Direction=135, 
	Strength=5);

	/* Needed for Gecko */
	line-height: 2em;
	white-space: nowrap;
}

/* 
* used by browsers which know about
* :before to create the shadow 
*/
.shadow:before
{
	display: block;
	margin: 0 0 -2.12em 0.15em;
	padding: 0;
	color: #666666; 
}

#shadow_1:before
{
	content: 'Welcome to CartCompany.co.uk'; 
}
#second_2:before
{ 
	content: 'Welcome to CartCompany.co.uk'; 
}

/*\*/
html*.shadow
{
	[
		color:#a00000;/* required by Safari 
		* so that [] is correctly
		* begun. associated with
		* the property, yet hiding
		* it. Seen by IE6 */

		/* 
		* seen by IE6 and Safari, but hidden
		* from Gecko 
		*/
		text-shadow: #666666 5px 5px 5px; 
	]
	color:auto; /* resets color for IE6 */
}/**/

/* 
* end hack using dummy attribute selector
* for IE5 mac
*/
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before
{
	[
		color:#a00000;/* required by Safari. 
		seen by IE6 */

		/* 
		* seen by IE6 and Safari, but hidden
		* from Gecko 
		*/
		display: none;
	]
	color:auto; /* resets color for IE6 */
}/**/

/* 
* end hack using dummy attribute selector
* for IE5 mac
*/
.dummyend[id]
{
	clear: both;
}

a:link,a:visited,a:active
{
	color: gold;
}
a:hover
{
	background-color: #a00000;
}
body,hr
{
	color: gold;
	background-color: #800000;
	border-color: gold;
}
input, textarea
{
	color: gold;
	background-color: #800000;
	border-color: gold;
	width: 100%;
}
input:hover, textarea:hover
{
	background-color: #a00000;
}