html, body { font-family: "Verdana", sans-serif; font-size: 10pt; }

h1 { font-size: 15pt; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }
h5 { font-size: 10pt; }

div#main table { width: 100%; border-collapse: collapse; }
div#main table, div#main table td { border: 1px solid gray; }
div#main table thead { text-align: center; font-weight: bold; }
div#main table td.right { text-align: right; }
div#main table thead a { text-decoration: none; }


img.product { max-width: 100%; overflow: scroll; }
h2#path-head, h2#languages-head, h2#categories-head { display: none; }

@media screen
{
	.errors { color: red; }

	body { margin: 0; }

	div#header { background-color: #CCEEFF; overflow: hidden; width: 100%; background-image: url("../images/header.jpg"); }
	div#header h1 { padding: 0; margin: 30px 0 0 30px; }
	div#header h2 { padding: 0; margin: 0 0 30px 30px; }
	img#uab-logo { display: block; width: 305px; height: 20px; }
	img#member-logo { display: block; width: 195px; height: 17px; margin: 3px 0 0 105px; }

	div#menu h2 { display: none; }

	div#menu ul { float: left; padding: 0; margin: 0; overflow: hidden; width: 100%; text-align: center; font-weight: bold; background-color: #006699; border-top: 4px solid white; border-bottom: 4px solid white; }
	div#menu ul li { float: left; width: 14.25%; display: block; }
	div#menu ul li a { text-decoration: none; display: block; width: 100%; padding-top: 5%; padding-bottom: 5%; font-weight: bold; color: white; }
	div#menu ul li a:hover { background-color: white; color: #006699; }

	div#navigation { clear: both; overflow: hidden; width: 100%; padding: 0; background-color: #CCEEFF; border-bottom: 2px solid #006699; }

	ul#path { float: left; padding: 0.7%; margin: 0; width: 70%; }
	ul#path li { display: inline; margin: 0; padding: 0; }
	ul#path li a { margin-left: 2px; margin-right: 2px; }
	ul#path li:before { display: marker; content: " > "; }
	ul#path li:first-child:before { content: ""; }

	ul#languages { float: right; text-align: right; padding: 0.6%; margin: 0; width: 10%; }
	ul#languages li { display: inline; margin: 0; padding: 0; }
	ul#languages li a { margin-left: 2px; margin-right: 2px; }

	/*
	form#search-form { float: right; width: 20%; text-align: right; margin: 0; padding-right: 1%; }
	form#search-form p { padding: 0; margin: 0; }
	form#search-form button { color: #006699; }
	*/

	input#name, input#website, input#title { width: 35%; }

	form#comment-form label, form#comment-form input { display: block; float: left; margin-bottom: 5px; }
	form#comment-form label { width: 15%; }
	form#comment-form textarea { width: 50%; }
	form#comment-form br { clear: left; }

	form#product-search-form label, form#product-search-form input { display: block; float: left; margin-bottom: 5px; }
	form#product-search-form label { width: 15%; }
	form#product-search-form br { clear: left; }

	div#main { margin: 0 20%; text-align: justify; }
	div#main table thead { background-color: #CCEEFF; color: #006699; }
	div#main table tbody tr:hover { background-color: #E0E0E0; }
	div#main table tr.even { background-color: #F0F0F0; }
	div#main table thead a, div#main table tbody a { display: block; width: 100%; }

	ul#left { float: left; width: 15%; color:white; background-color: #006699; margin: 0; padding-left: 3%; padding-top: 1%; padding-bottom: 1%; }
	ul#left a { color: white; text-decoration: none; display: block; width: 90%; }
	ul#left a:hover { background-color: white; color: #006699; }

	div#footer { margin-right: 20%; margin-top:3%; text-align: right; font-size: smaller; }

	button { color: #006699; }
}

@media print
{
	div#footer, div#menu, div#navigation, ul#left { display: none; }
	div#main table tbody a { text-decoration: none; }
}