body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #ffffff;
	color: #676767;
	font-family: arial, sans-serif;
	font-size: 100%;
	text-align: left;
}

.divclear
{
   	clear: both;
   	display: block;
   	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

a:link
{
	color: #676767;
	text-decoration: none;
}

a:visited 
{
	color: #676767;
	text-decoration: none;
} 

a:active 
{
	color: #676767;
	text-decoration: none;
} 

a:hover 
{
	color: #676767;
	text-decoration: underline;
}

/* - not sure what to call it but it's the popup layer bit - */

#product_popup
{
	width: 620px;
	text-align:left;
	font-size: 80%;
	border: 1px solid #dfdcd5;
	background-color: #ffffff;
}

#popup_header
{
	background-color: #fff;
	color: #676767;
	text-align: left;
	text-transform: uppercase;
	padding: 9px;
	background-image: url('../images/elements/bg_main.gif');
	background-repeat: repeat-x;
}

#product_title
{
	width: 400px;
	float: left;
	font-size: 85%;
	text-align: left;
}

#close
{
	float: right;
	text-align: right;
}


#product_image_div
{
	background-color: #f6f5f1;
	font-weight: normal;
	font-size: 75%;
	border: 1px solid #d1cec6;
	text-align: center;
	margin: 0px 9px;
}

a.popbutton, a.popbutton:link, a.popbutton:active, a.popbutton:visited, a.popbutton:hover
{
    display: block;
	text-transform: uppercase;
	color: #a29e90;
	background-color: #e9e6db;
	border: 1px solid #d1cec6;
	text-align: right;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 5px 0px 5px;
	margin: 0px 2px 0px 2px;
}

#popup_controls
{
	padding: 5px;
	font-size: 90%;
}

#pagination
{
	width: 50%;
	float: left;
	text-align: center;
	color: #a29e90;
}

#direction
{
	width: 50%;
	float: right;
	text-align: center;
	color: #a29e90;
}