body
{
    background: #000;
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
}

div#wrap
{
    width: 982px;
    margin: 0px auto;
    text-align: left;
}

#header
{
	width: 982px;
	height: 103px;
	background: url('Images/Header.jpg') no-repeat;
	margin: 0px;
}
#nav
{
	width: 982px;
	height: 46px;
	background: url('Images/NavMenu.gif') no-repeat;
	margin: 0px;
}

#nav div
{
	margin: 27px 0px 0px 0px;
	padding: 0px 0px 0px 38px;
	width: 110px;
	float: left;
}

#nav div.searchwrap
{
	margin: 0px;
	padding: 0px;
	width: auto;
	float: left;
}

#nav div.search
{
	width: auto;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#nav img
{
	border: none;
}

#nav a
{
	color: #fff;
	text-decoration: none;
	font-family: Avalon, Arial;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#nav a:hover
{
	color: #000;
}


#content
{
	width: 982px;
	height: 444px;
	background: url('Images/Content.jpg') no-repeat;
	margin: 0px;
}

#content div.bg
{
	width: 962px; 
	height: 444px; 
	margin: 0px 10px 0px 10px; 
	padding: 0px; 
}

#content div.bgie6
{
	width: 962px; 
	height: 444px; 
	margin: 0px 10px 0px 10px; 
	padding: 0px; 
	background: none;
}



#content div.wrap
{
	width: expression(document.body.clientWidth > 300 ? "300px" : "auto");
	min-width: 150px;
	max-width: 300px;
	float: left;
	margin: 0px;
	padding: 0px 15px 0px 0px;
}

#content div.wrap p
{
	font-size: 10pt;
	/*margin: 0px 0px 0px 85px;*/
}

#content div.product
{
	height: 90px;
	margin: 0px;
	padding: 0px;
}

#content img.cat
{
	/*clear: both;*/
	float: left;
	width: 75px;
	height: 75px;
	border: solid 1px #828282;
	margin-right: 8px;
}

#content img.productthumb
{
	/*clear: both;*/
	float: left;
	width: 75px;
	height: 75px;
	border: solid 1px #828282;
	margin-right: 8px;
}

#content div.productwrap
{
	float: left;
	width: /*762*/712px;
	margin: 0px;
	padding: 0px;
}

#content img.product
{
	float: left;
	width: 300px;
	height: 204px;
	margin: 0px 8px 8px 0px;
	border: solid 1px #828282;
}

#content p.productcode
{
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 0px;
}

#content p.productname
{
	font-size: 13pt;
	font-weight: bold;
}

#content p.productdesc
{
	color: #000;
}

#content div.productsupplier
{
	float: left;
	width: 230px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#content p.productsupplier
{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 0px;
}

#content img.productsupplier
{
	border: solid 1px #828282;
}

#content div.productsuggwrap
{
	clear: both;
	margin: 0px;
	padding: 0px;
}

#content p.productsuggwrap
{
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

#content div.productsugg
{
	float: left;
	width: 184px;
	text-align: center;
	font-size: 8pt;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#content img.productsugg
{
	width: 75px;
	height: 75px;
	border: solid 1px #828282;
}

#content div.searchproduct
{
	clear: both;
	margin: 0px 0px 8px 0px;
	font-size: 10pt;
}

div { font-family: "trebuchet ms", helvetica, sans-serif; font-size: 11pt; color: #000; margin: 0px; margin-bottom: 8pt }

a { color: #0059A6 }
p { font-family: "trebuchet ms", helvetica, sans-serif; font-size: 11pt; color: #000; margin: 0px; margin-bottom: 8pt }

h1 { font-family: "trebuchet ms", helvetica, sans-serif; font-size: 13pt; color: #000; margin: 0px; margin-bottom: 9pt }

table { border: none }

h3.admin { font-family: Arial; font-size: 14pt; color: #000; margin: 0px; padding-bottom: 10pt }

.admintheader { font-family: Arial; font-size: 10pt; color: #000; margin: 0px; padding-bottom: 10px; font-weight: bold; padding-right: 15px }
.admintable { font-family: Arial; font-size: 10pt; color: #000; margin: 0px; padding: 8px; padding-left: 0px; padding-right: 15px }
p.adminmessage { font-family: Arial; font-size: 12pt; color: Red; margin: 0px; padding-bottom: 10pt }

span.admin
{
	display: block;
	font-weight: bold;
}

input.admin, select.admin
{
	display: block;
	margin: 2px 0px 8px 0px;
}