* { font-family: Calibri, Arial, Sans-Serif; margin: 0; padding: 0;text-align: left; }
body { background-color: #666; background-image: url(images/background.jpg); background-repeat: repeat-x; font-size: 10pt; text-align: left; }
.clear { clear: both; }
.subtle { color: #666; }
kbd { color: #555; font-family: monospace; }
h2 { color: black; font-size: 1.7em; font-weight: bold; }
h3 { color: black; font-size: 1.4em; font-weight: bold; }
h4 { color: black; font-size: 1.3em; font-weight: normal; }
p, ul, ol, dl { margin: 1em 0; }
p, ul, ol { line-height: 1.5em; }
ul, ol { padding-left: 2em; }
li { margin: 0.5em 0; }
a:link, a:visited { color: #444; text-decoration: none; }
a:hover, a:active { color: #039; }
img { border: none; }
#error-message { background-color: #ffc; margin: 0; padding: 0.5em; width: 100%; }
#body { background-color: #fff; border: 6px solid #eee; margin: 30px auto; padding: 10px; width: 780px; }
#nav { background-image: url(images/logo.png); background-repeat: no-repeat; background-position: center right; height: 50px; margin-bottom: 10px; position: relative; z-index: 2; }
#search { float: right; margin-right: 110px; }
#menu { float: left; height: 50px; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 2; }
#menu li { float: left; margin: 0; padding: 0; text-transform: lowercase; }
#menu li a { line-height: 50px; padding: 0.4em; text-decoration: none; }
#menu li a:link, #menu li a:visited { color: #000; }
#menu li a:hover, #menu li a:active, #menu li:hover a, #menu li:hover a, #menu li.menu-hover a { background-color: #eee; color: #666; }
#menu li a#nav-item-1:hover, #menu li a#nav-item-1:active, #menu li:hover a#nav-item-1, #menu li:hover a#nav-item-1, #menu li.menu-hover a#nav-item-1
{
	background-color:#87d3ff;
	color:#666666;
}

#menu li a#nav-item-2:hover, #menu li a#nav-item-2:active, #menu li:hover a#nav-item-2, #menu li:hover a#nav-item-2, #menu li.menu-hover a#nav-item-2
{
	background-color:#a187ff;
	color:#666666;
}

#menu li a#nav-item-3:hover, #menu li a#nav-item-3:active, #menu li:hover a#nav-item-3, #menu li:hover a#nav-item-3, #menu li.menu-hover a#nav-item-3
{
	background-color:#ff8787;
	color:#666666;
}

#menu li a#nav-item-4:hover, #menu li a#nav-item-4:active, #menu li:hover a#nav-item-4, #menu li:hover a#nav-item-4, #menu li.menu-hover a#nav-item-4
{
	background-color:#ffe487;
	color:#666666;
}

#menu li a#nav-item-5:hover, #menu li a#nav-item-5:active, #menu li:hover a#nav-item-5, #menu li:hover a#nav-item-5, #menu li.menu-hover a#nav-item-5
{
	background-color:#b7ff87;
	color:#666666;
}

#menu li a#nav-item-6:hover, #menu li a#nav-item-6:active, #menu li:hover a#nav-item-6, #menu li:hover a#nav-item-6, #menu li.menu-hover a#nav-item-6
{
	background-color:#87ffce;
	color:#666666;
}

/* Suckerfish styling*/

#menu, #menu ul { list-style: none; margin: 0; padding: 0; }
#menu ul { background-color: #fff; border: 1px solid #ccc; left: -999em; margin-top: -12px; padding: 0 0.5em; position: absolute; }
#menu li:hover ul, #menu li.menu-hover ul { display: block; left: auto; }
#menu ul li { border-top: 1px dotted #ccc; float: none; height: 2em; margin: 0; padding: 0; text-transform: none; }
#menu ul li:first-child { border-top: none; }
#menu ul li a { display: block; height: 2em; line-height: 2em; margin: 0; padding: 0; }
#menu ul li a:link, #menu ul li a:visited { background-color: transparent; border: none; color: #444; }
#menu ul li a:hover, #menu ul li a:active { border: none; background-color: transparent; color: #039; }
#menu ul.small { width: 10em; }
#search p { margin: 0; padding: 0; }
#search input { background-color: #fff; background-image: url(images/input.png); background-repeat: repeat-x; border: 1px solid #ddd; color: #666; font-size: 11pt; font-weight: bold; height: 16px; margin: 11px 25px 0 0; padding: 5px; width: 10em; }
#search input:hover { background-color: #fff; background-image: none; }
input.text { background-color: #fff; background-image: url(images/input.png); background-repeat: repeat-x; border: 1px solid #ddd; color: #666; font-size: 10pt; height: 16px; padding: 5px; }
input.replaceable:hover { background-color: #fff; background-image: none; }
input.active, #search input.active { color: #000; }
#footer { border-top: 1px solid #ccc; clear: both; color: #666; font-size: 0.8em; margin: 2em 0 0 0; padding: 10px 0 0 0; text-align: center; }
#header { background: #c9c8c8 url(images/header.png) repeat-x 0 0; color: #fff; height: 200px; }
#header h2 { color: #fff; font-size: 1.7em; font-weight: normal; text-transform: uppercase; position: relative; text-align: left; }
#header .column1 p { line-height: 1.1em; margin: 1em 0; }
.column1 { float: left; margin: 0; width: 420px; }
.column2 { float: right; margin: 0; width: 359px; }
#header .column1 { border-right: 1px solid #fff; height: 185px; overflow: hidden; padding: 15px 15px 0 15px; width: 390px; }
#header .column2 { height: 200px; overflow: hidden; }
#content .column1 { padding: 20px 20px 0 10px; width: 390px; }
#content .column2 { border-left: 1px solid #ccc; padding: 20px 10px 20px 20px; width: 329px; }
dl.product-categories dt { float: left; font-weight: bold; width: 70%; padding: 0.25em 0; }
dl.product-categories dd { color: #666; padding: 0.25em 0; margin-left: 70%; text-align: right; width: 30%; }
ul.product-codes { list-style: none; padding: 0; text-align: left; }
ul.product-codes li { border-top: 1px dotted #ccc; margin: 0; padding: 0.25em 0; }
ul.product-codes li:first-child { border-top: none; padding-top: 0; }
ul.product-codes a { display: block; padding: 0.25em 0.5em; }
ul.product-codes a:hover, ul.product-codes a:active { background-color: #eee; }
ul.product-codes .code { display: block; float: left; font-weight: bold; width: 6em; }
ul.product-codes .name { display: block; margin-left: 7.5em; font-size: 80%; text-transform: uppercase; }
.peripheral-menu { background-image: url(images/cms-menu-background.png); background-repeat: repeat-y; list-style: none; padding: 0; }
.peripheral-menu li { margin: 0; }
.peripheral-menu li a { border-top: 1px dotted #ccc; display: block; margin: 0; padding: 0.5em; }
.peripheral-menu li:first-child a { border-top: none; }