/*
-----------------------------------------------
Milestone Distributors Stylesheet 
DETAIL PAGE STYLESHEET
Work by Brian Zerangue / Jeff Dawson
Client: Milestone Distributors, Inc.
Website: http://www.milestonedist.com
Revision Date: Wednesday, October 20, 2004
Revision Version: #1
-----------------------------------------------
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background:#EEEEEE url(../images/layout/body_greygradient.jpg) repeat-x; 
}

dl dd { margin-left: 0; }

/*  LAYOUT --------------------------------- */
#pagecontainer { 
	width: 740px; 
	margin: 0 auto; 
	background-color: #E4E7FF; 
	background: #EEEEEE url(../images/layout/pgcontainer-topback.jpg) top no-repeat;
	}
#pagewrap { 
	width: 720px;
	margin: 0 7px 0 7px;
	padding: 0 3px 0 3px; /*
	background: url(../images/layout/wrap-border.jpg) repeat-y; */
	/* IE 5 Box Model Fix */
	voice-family: "\"}\""; 
    voice-family:inherit;
    width: 714px;
	 }
/* Be Nice to Opera - Box Model Fix */
html>body #pagewrap { width: 714px; }

#header {
	width: 720px;
	height: 140px;
	margin: 0;
	padding: 0;
}

/* NAVBAR ------------------------------------- */
#navbar { 
	float:left; 
	width: 720px; 
	margin:0; 
	height: 20px; 
	padding: 3px 0 3px 0; 
	background-color: #666666;
	}
#navbar ul { 
	margin: 0 0 0 10px; 
	padding: 0; 
	list-style-type: none; 
	}
#navbar ul li { 
	list-style-type: none; 
	display: inline; 
	margin-left: 3px; 
	margin-right: 3px; }
#navbar a { 
	font-weight: bold; 
	color: #FFFFFF; 
	text-decoration: none; 
	}
#navbar a:hover { 
	font-weight: bold; 
	color: #DDDDDD; 
	text-decoration:none; 
	}
#navspacer {
	float:left;
	width: 720px;
	height: 10px;
	text-align:right;
	background: url(../images/layout/detail-back.jpg) repeat-y;
}	

/* PAGE STRUCTURE ----------------------------- */
#content {
	float: left;
	width: 720px;
	margin: 0;
	padding: 0;
	background: url(../images/layout/detail-back.jpg) repeat-y;
	}
	
#sidebar { 
	display: inline;
	float: left;
	width: 210px; 
	margin: 0 12px 0 12px;
	padding: 8px 0 8px 0;
}
#side1detail h4 { 
	margin: 0 0 4px 0; 
	background: url(../images/layout/emailupdate.gif) no-repeat; 
	height: 23px; 
	width: 178px;
	}
#side1detail h4 span { 
	display:none; 
	}
#side1detail p { margin: 2px 0 6px 0; }

#maincolumn {  
	display: inline;
	float: right;
	width: 486px;
	margin: 0; 
	padding: 0 0 8px 0; 
	background: url(../images/layout/feature-back-fade.jpg) left repeat-y; 
}

#maincolumn:after {
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden;
}

/* Hides from IE-mac \*/
* html #maincolumn {height: 1%;}
/* End hide from IE-mac */

#maincontent {  
	width: 486px;
	margin: 0;
	padding: 8px 0 16px 0;
	background: url(../images/layout/feature-back-fade.jpg) repeat-y;
}
#mc1 {  
	width: 450px;
	margin: 0 10px 0 25px;
	padding: 0 0 12px 0;
	background: url(../images/layout/featureback.gif);
}
#mc1 h3 { margin: 0 0 8px 0; font-size: 18px; color:#CC6600;}
#mc1 p { margin: 2px 0 8px 0; }


#altcontent { 
	width: 461px;
	margin: 0 0 0 25px;
	padding: 0;
	
}
#ac1 {
	float: left; 
	width: 205px;
	margin: 0 15px 0 0;
	padding: 0;
} 
#ac1 dl dt { font-size: 14px; font-weight: bold; color: #003366; }
#ac1 dl dd { margin-left: 0; }
#ac1 h4 { margin: 8px 0 8px 0; background: url(../images/layout/detailevents.gif) no-repeat; height: 23px; width: 178px;}
#ac1 h4 span { display:none; } 
#ac2 {
	float: left; 
	width: 205px;
	margin: 0 0 0 18px;
	padding: 0;
}
#ac2 h4 { margin: 8px 0 8px 0; background: url(../images/layout/detailliterature.gif) no-repeat; height: 23px; width: 178px; }
#ac2 h4 span { display:none; } 
.ac2img { 
	float: left; 
	display: inline;
	margin: 0 5px 10px 5px; 
	padding: 0; 
}
#footer { 
	clear: both; 
	width: 720px; 
	margin: 0; 
	font-size: 10px; 
	padding: 10px; 
	background-color:#CCCCCC;
	/* IE 5 Box Model Fix */
	voice-family: "\"}\""; 
    voice-family:inherit;
    width: 700px;
	 }
/* Be Nice to Opera - Box Model Fix */
html>body #footer { width: 700px; }

/* LINKS --------------------------------- */
a { 
	color: #336699; 
	text-decoration: underline; 
	}
a:hover {
	text-decoration: none; 
	}

/* MISC ---------------------------------- */
.postedon {
	color: #999999;
	font-size: 10px;
}

/* SHOWROOM ------------------------------ */
#showroom dl { margin: 5px 0 20px 0; }
#showroom dl dt {
	font-size: 14px; font-weight: bold; margin: 10px 0 0 0;
}
#showroom dl dd {
	margin: 0;  
}
#showroom dl dd dl{
	margin:10px 0 10px 0;
}
#showroom dl dd dl dt{
	font-size: 12px; font-weight: bold;  margin: 5px 0 0 0;
}
#showroom dl dd dl dd{
	margin: 0; 
}

.s2img { 
	float: left; 
	display: inline;
	margin: 0 5px 10px 5px; 
	padding: 0; 
}