body { margin: 0; padding: 0; color: #333; background: #fff; font-family: Arial,sans-serif; font-size: 80%; }

a { color: #000; }
a:hover { color: #22345f; }
a:active { outline: none; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: bold; }
h1 { font-size: 2em; line-height: 1em; padding: 0 0 0 6px; border-left: 12px solid #587cab; }
h2 { font-size: 1.5em; padding: 0; margin: 0; }

input.text, textarea, select { margin-top: 0.25em; margin-bottom: 0.25em; border: 1px solid #ccc; }
input.text { width: 88%; }
textarea { width: 88%; height: 8em; }
label { font-weight: normal; }

.required { color: #f00; font-size: 80%; }

#header { background-color: #22345f; }
#header form { padding: 0.25em 0.5em; }
#header form select { font-size: 0.8em; }

#global-menu { padding-top: 4.5em; }
#global-menu form { float: right; }
#global-menu a { float: right; font-size: 1em; color: #fff; text-decoration: none; margin-left: 0; margin-top: 0.25em; padding-left: 0.25em; border-left: 1px solid #22345f; }
#global-menu a:hover { border-left: 1px solid #fff; }

#drivers { background-color: #587cab; padding: 1em 0; border-top: 4px solid #000; border-bottom: 4px solid #000; }

#dynamic-information { padding-top: 1em; }

#sidebar h2 { line-height: 1em; padding: 0 0 0 6px; border-left: 12px solid #587cab; }
#sidebar ul { list-style: none; padding: 0; margin: 0 0 2em 0; }
#sidebar ul li { margin: 0.5em 0; }
#sidebar ul li a { border-left: 12px solid #80a1cb; padding-left: 6px; }
#sidebar ul li a:hover { border-left: 12px solid #bed0e7; }

#content h1 { margin-bottom: 1em; }
#content ul { margin-top: -1em; } /* This is a hack */
#content .error ul, #content .notice ul, #content .success ul { margin-top: 1em; } /* This is reversing a hack */

img.product { padding: 1px; border: 1px solid #000; }
a:hover img.product { padding: 0; border: 2px solid #22345f; }

#footer { background-color: #22345f; color: #fff; padding: 0; margin-top: 1em; border-top: 8px solid #000; }
#footer * { text-align: center; }
#footer ul { margin: 0; padding: 0; }
#footer ul li { display: inline; padding-right: 10px; margin: 0; }
#footer ul li a { color: #fff; font-family: Arial,sans-serif; }



/* --------------------------------------------------------------
This is based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button {
	display: block;
	float: left;
	margin: 0 0.583em 0.667em 0;
	padding: 5px 10px 5px 7px; /* Links */
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #f5f5f5;
	font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
}

button {
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 7px; /* IE6 */
}

button[type] {
	padding: 4px 10px 4px 7px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html button[type] {
	padding: 4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
	float: none;
}

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #529214; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }