/*
Wrapper ------------------------- */

#xml { font-size:1em; color:#555; width: 540px; overflow:hidden; float: left; display: inline; margin: 0; padding: 0; background: #ccc url(../_img/middle_column_bg.gif) repeat-x; }

/*
Head ------------------------- */	

#xml-head{
	display:block;
	width:520px;
	}
	
#xml-head h2 {
	font-size:16px;
	font-weight:bold;
	margin:5px;
	}
	
#xml-head p {
	margin:10px;
	}
	
#xml-head img {
	float:right;
	display:inline;
	margin:5px 10px 20px 20px;
	}
	
/*
Content ------------------------- */

#xml-content {
	float:left;
	clear:both;
	margin:0;
	width:520px;
	}
	
/*
Overview ------------------------- */	

ul#xml-products {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 520px;
	}
	
#xml-content ul#xml-products li {
	float:left;
	width:140px;
	height:110px;
	font-size:12px;
	margin:0 5px 5px 0;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	}
	
#xml-content ul#xml-products li img {
	float:left;
	}
	
#xml-content ul#xml-products li:hover {
	border:1px solid #999;
	}
	
ul#xml-products li a {
	margin:5px;
	float:left;
	color:#666;
	}
	
ul#xml-products li a:hover {
	text-decoration:none;
	color:#369;
	}
	


/*
Listing ------------------------- */	

#xml-content h3 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 10px;
	clear:both;
	padding:10px;
	width:500px;
	}
	
#xml-content h4 {
	font-size:12px;
	font-weight:bold;
	margin:3px;
	}
	
#xml-content p {
	margin:10px;
	}
	
#xml-content ul {
	margin:10px 10px 10px 30px;
	clear:both;
	}

#xml-content table.xml-products-list {
	padding:0;
	margin:10px 0 10px 10px;
	float:left;
	clear:both;
	width:500px;
	}

#xml-content table.xml-products-list td {
	border-bottom:1px solid #999;
	padding:3px;
	}

#xml-content img {
	float:right;
	display:inline;
	margin:5px 10px 20px 20px;
	}


/*
Detail ------------------------- */	

div.xml-detail-block {
	float:left;
	margin:20px 0 0 0;
	}
	
div.xml-detail-block img {
	float:left;
	display:inline;
	margin:0 20px 0 0 ;
	}