body {font: normal 11px Verdana ; margin: 5px 5px 0 5px; padding: 0 0 0 0; background-color: #ecece0; min-width: 770px }
h1 {font-size: 18px; margin: 0 0 5px 0;}
h2 {font-size: 16px; margin: 0 0 5px 0;}
h3 {font-size: 14px; margin: 0 0 3px 0;}
p {margin: 3px 0 5px 0; padding: 0 0 0 0;}
a {color: #333; text-decoration: none; border-bottom: dotted 1px #333}
a:hover {border-bottom: solid 1px #333}
hr {
	margin: 15px 0 15px 0;	
}
table {
	font-size: 12px;
	font-family: Verdana "sans serif";
	width: 580px;
}
.hidden {display: none;}

form a {border: none;}

/*  This is the popup-section  */
#collections {
	float: left;
	padding-bottom: 16px;
	background: url(../img/navbottom.gif) bottom no-repeat;
}

#collections ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
#collections ul li {
	position: relative;
	}

#collections li ul {
	position: absolute;	
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* For collections that cover several columns */

#collections li ul.col2 {
	position: absolute;	
	left: 149px; /* Set 1px less than menu width */
	margin-left: 149px;
	top: 0;
	display: none;
}

#collections li ul.col3 {
	position: absolute;	
	left: 149px; /* Set 1px less than menu width */
	margin-left: 299px;
	top: 0;
	display: none;
}

#collections li ul.col4 {
	position: absolute;	
	left: 149px; /* Set 1px less than menu width */
	margin-left: 449px;
	top: 0;
	display: none;
}

#collections li ul.col5 {
	position: absolute;	
	left: 149px; /* Set 1px less than menu width */
	margin-left: 599px;
	top: 0;
	display: none;
}

/* Styles for Menu Items */
#collections ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #333; /* IE6 Bug */
	padding: 3px 3px 3px 10px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000; /* IE6 Bug */
	border-bottom: 0;
	}

#collections ul li a:hover {background-color: #444}
	
/* Holly Hack. IE Requirement \*/
* html #collections ul li { float: left; height: 1%; }
* html #collections ul li a { height: 1%; }
/* End */

#collections li:hover ul, #collections li.over ul { display: block;} /* The magic */

/*  End of popup section. Phew!  */

#header {
	font-family: "Century Gothic", sans-serif;
	background: url(../img/logo_background.gif) #333;
	color: White;
	width: auto;
	padding: 0 0 3px 10px;
	margin: 0 0 0 0;
}
#header h1 {font-size: 40px; font-weight:normal; padding: 0 0 0 0; margin: 0 0 0 0; color: Silver;}
#header h2 {font-size: 16px; font-weight:normal; padding: 0 0 0 0; margin: 0 0 0 0; color: Silver;}
#header a {color: White;}
#header img {float: left; }
#header img.r {float: right; margin-right: 10px;}

#links ul {padding: 0 0 0 0; margin: 0 0 0 0; display: inline}
#links li {display: inline}
#links {
	background-color: #333;
	width: auto;
	padding: 3px 0 5px 7px;
	margin: 0 0 0 0;
	border-top: 1px solid #ecece0;
	color: white;
}
#links a {
	color: White;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}

#links a:hover {
	color: Black;
	background-color: White;
}

#search {display: inline; width: auto; text-align: right; margin: 0 0 0 30px; padding: 0 0 0 0;}
#search button {height:14px; font-size: 10px; margin: 0 0 0 5px; border: none;}
#search input {height:14px; width: 110px; font-size: 10px; margin: 0 0 0 0; padding: 0 1px 0 1px; border: none;}

form {display: inline; text-align: right; width: auto; padding: 0 0 0 0; margin: 0 0 0 0}

.content {
	margin: 3px 0 0 154px;
	background: url(../img/info_background.gif) left repeat-y;
	text-align: justify;
	font-size: 12px;
	line-height:1.3;
	max-width: 80em;
/*	width:expression( 
    document.body.clientWidth > (800/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "80em":
        "auto" );
*/
}

.content li {margin-bottom: 10px;}

.content ul {margin-bottom: 20px;}

.content_inner {
	background: url(../img/head_background_left.gif) top left no-repeat;
	padding: 10px 10px 10px 10px;
}

.footer {
	margin: -5px 0 0 154px;
	background: url(../img/info_background.gif) left repeat-y;		
}

.footer_inner {
	background: url(../img/foot_background_left.gif) bottom left no-repeat;
	padding: 10px 10px 10px 10px;
    z-index:2;
}

#nav {
	border-top: solid 1px #ecece0;

}

.notice {
	background-color: #333;
	padding:5px 0px 5px 10px;
	font-size: 10px;
	color: white;
}

.notice a {color: white; text-decoration:  none; }
.notice a:hover {color: black; background-color: white;}

.address {
	position:absolute;
	top:15px;
	left:390px;	
	font-size: 14px;
	width: 300px;
	height: 65px;
}

.address p {margin: 0 0 0 0; padding: 0 0 0 0; text-align: center}



#items {
	margin: 0 0 0 154px;
	padding: 0 0 0  0;
	font-size: 11px;
	max-width: 100em;
	/*
	width:expression( 
    document.body.clientWidth > (800/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "100em":
        "auto" );
*/
}

.item {
	float: left;
	width: 239px;
	height: 170px;
	/* background: url(../img/item_background.gif) left no-repeat; */
        background: url(../img/jazpanel.gif) left no-repeat;
	margin: 5px 5px 0 0;
	padding: 0 0 0 0;
}

.item_name {
	text-align: center;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #333;
	font-weight: bold;
}

.item_pic {
	float:right;
	margin: 5px 5px 10px 0;
}
.item_pic img {border: 2px solid white;}

.item_description {
	margin: 5px;
	width: 132px;
	text-align: right;
}

.item_description a {border: none;}

.item_prices { 
	clear:right;
	padding: 3px 0 3px 0;
	color: White;
	background-color: #333;
	text-align:right;
}

.item_rrp {
	display: inline; 
	text-decoration: line-through;
	margin: 0 5px 0 0;
}

.item_price {
	display: inline; 
	margin: 0 5px 0 0;
}

.item_collection {
	font-size: 10px;
	margin: 0 0 0 5px ;
}
.td_chat_name {
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 3px solid #444444;
	border-bottom: 3px solid #444444;
	vertical-align: top;
	width: 150px;
	padding: 4px;
	background-color: white;
}
.td_chat_text{
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 3px solid #444444;
	border-bottom: 3px solid #444444;
	vertical-align: top;
	width: 500px;
	padding: 4px;
	background-color: white;
}

.chat_name
{
	font-size: 13px;
	font-weight: bold;
}

.chat_edit {
	text-align: right;
}

.photo{
	border: 10px solid white;
}

.imgleft {
float: left;
margin: 5px 20px 20px 20px;
border: solid 10px #333333;
}
.imgright {
float: right;
margin: 5px 20px 20px 20px;
border: solid 10px #333333;
}

.small{
	font-size: 10px;
}