/*** DARO STOCKISTS TEMPLATE LAYOUT ***/
* { margin: 0; padding: 0; }
html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; background-color: #fff; color: #646464; }
body { width: 800px; margin: 0 auto; text-align: left; }

iframe, a img, fieldset, form, table { border: 0; }
legend { color: #000; }
button, select, textarea, input { font-size: 100%; }
table { border-collapse: collapse; }
caption, th, td { text-align: left; }
dd, dt, li, dl, ul { list-style: none; }

h2, h3, h4, h5 { clear: left; margin: 0; padding: 0; color: #000;}

h1 { font-size: 180%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

hr {
	margin: 7px 0px 7px 0px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000;
}

p { padding: .4em 5px; }

a:link { color: #009; text-decoration: none; }
a:visited { color: #009; text-decoration: none; }
a:hover { color: #009; text-decoration: none; }

img, img a { border : none }

ul { list-style: none; }




.pageMenu { float: left; }
.pageContent { display: block; position: relative; float: left; width: 560px; border: 1px solid #eee; padding: 15px; background-color: #eee; }
.pageContentHide { display: none; }
.newLine { 
	clear: left;
}
.menuOn { 
	background-color: #eee; 
	position: relative; 
	float: left; 
	width: 120px; 
	border: 1px solid #eee; 
	padding: 5px; 
	font-size: 11px; 
	font-weight: bold;  
	text-align: center;
}
.menuOff { 
	position: relative; 
	float: left; 
	width: 120px; 
	border: 1px solid #eee; 
	padding: 5px; 
	font-size: 11px; 
	font-weight: bold; 
	text-align: center;
}
.red {
	color: #c00;
}