body, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #cdd9bf;
	width 980px;
	 }

table {
	border-collapse:collapse;
	margin:5px;
	background-color: #cdd9bf;
	font-size: 100%;
}

h1 {
	font-size: 200%;
	color: #000000;
	text-align: center;
	text-decoration:none;
	display: inline;
	font-weight: normal;
	}
	
h2{
	font-size: 130%;
	font-weight: normal;
}

h3{
	font-size: 120%;
	font-weight: normal;
}

h4{
	font-size: 110%;
}

td, th {
	padding-left:10px;
	padding-right:10px;
	border: 0px solid #DADADA;
	}

.mcnzmenu th{
	border: 0px;
	vertical-align: top;
	text-align: left;
	margin:10px;
	font-size: 90%;
	padding-right:30px;	
	}
	
.mcnzmenu td{
	border: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 90%;	
	}
	
.mcnzmenu p{
	color: black;
	font-size: 100%;
	text-decoration: none;
	}
	
.mcnzmenu a:link { color: black;}
.mcnzmenu a:visited { color: black;} 
.mcnzmenu a:hover { color: red;  text-decoration: none; background-color: #CCCCCC }
/*.mcnzmenu a:hover { color: black; font-size: 96%; font-weight: bold;  text-decoration: none; background-color: #CCCCCC }*/


.mcnzmenu a:active {color: black; font-size: 96%; text-decoration: none;} 	

.manulink{
	padding-left:0px;
	padding-right:10px;
	}
	
.mcnzmodellist td {
	border: 1px solid #DADADA;
	font-size: 90%;
	}
	
.mcnzmodellist strong {
	font-size: 120%;
	}	
	
.mcnzmodellist a:link { color: black; font-size: 100%}
.mcnzmodellist a:visited { color: black;  font-size: 100%} 
.mcnzmodellist a:hover { color: red; }
/*.mcnzmodellist a:hover { color: black; font-size: 96%;}*/
.mcnzmodellist a:active {color: black; font-size: 96%;; text-decoration: none;} 	
	
.mcnzstocklist th{
	border: 0px;
	vertical-align: top;
	text-align: left;
	margin:10px;
	font-size: 75%;
	}
		
.mcnzstocklist td {
	border: 1px solid #DADADA;
	vertical-align: top;
	text-align: left;
	font-size: 80%;		
	}
	
	
/*  http://flowplayer.org/tools/scrollable.html
    totally awesome thanks very much
    
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 960px;	
	height:75px;	
	
	
	/* custom decorations */
	padding:0px 0;	
	border:1px outset #ccc;
/*	background-color:#FFFFCC;		*/	
	background-color:#FFFFE0;	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:0px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	padding:0px 0px;
	font-size:75%;
	font-family: 'bitstream vera sans';
	border:1px outset #ccc;
	background-color: #ddd;
	margin-right: 0px;	
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#FFFFCC;
}

/* cssglobe tooltip 3 */
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/* http://james.padolsey.com */

#ModelPreview {
 /*   background: #222; */
 /*   -moz-border-radius: 10px; */
 /*   -webkit-border-radius: 10px; */
 /*   padding: 15px; */
    z-index: 99;
    border: none;
}

/* Text below image */
#ModelPreview span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}