/*=== Details ===*/

/* container */

#customDetails {
	background-color:#fff;
	margin: .5em;
	padding: 0;
 	width: 580px;
	
	}
	
* html #customDetails {
	width: 580px;
	}	
	
/* images */

#customDetails .mainImage {
	margin-bottom: 5px;
	display: block;
	}
	
#customDetails .mainImage img {
	border: 1px solid #EEEEEE;
	width: 578px;
	}
	
#customDetails .subImage {
	margin-bottom: 10px;
	padding-bottom: .5em;
	border-bottom: 1px solid #999;
	width: 580px; /* ALL browsers read this */
 	voice-family:"\"}\"";
 	voice-family:inherit;
 	width: 580px; /* IE 5.x wont read this line */
	}
	

#customDetails .subImage img {
	border: 1px solid #EEEEEE;
	height:100px;
	margin-right: 5px;
	width:155px;
	}
	
/* text */

#customDetails .description {
	margin: 1em 0 1em 0;
	padding: .5em 0 0 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	clear:both;
	width: 580px; /* ALL browsers read this */
 	voice-family:"\"}\"";
 	voice-family:inherit;
 	width: 580px; /* IE 5.x wont read this line */
	}
	
#customDetails .title {
	font-size:105%;
	font-weight:bold;
	color:#da251c;
	}

#customDetails p {
	margin: 5px 0 15px 0;
	}
	
#customDetails em {
	font-style:normal;
	font-weight:bold;
	}
	
/* overview */

#customDetails .overview {
	float:left;
	margin: 5px 0 10px 0;
	width: 400px;
	}

dl {
	margin: 5px 0 10px 0;
	padding: 0;
	width: 400px;
	}

dt  {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
	width: 150px;
	}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dd {
	float: left;
	margin: 0 0 0 0;
	padding: 2px;
	width: 230px;
	}
	
/* options */

#customDetails .options {
	float:right;
	width:160px;
	}

#customDetails ul {
	margin: 20px 0 20px 20px;
	padding: 0;
	}

#customDetails li {
	list-style: square;
	margin: 2px 0 0 0;
	}
	
/* lister */

#customDetails .lister {
	float:left;
	width: 400px;
	}
	
#customDetails .agent {
	float:left;
	width:160px;
	}