body {padding: 0; margin: 0; font-family: Arial, "MS Trebuchet", sans-serif; background-color:#DDD;}
#header, #content, #footer {padding: 20px; margin: 0 auto; width: 880px; background-color: #FFF;}
#menu {background-color: #2c66b4; padding: 2px; margin: 0 auto; width: 936px; border-bottom: 1px solid #153158;border-top: 1px solid #153158;}
#adminmenu {background-color: #cd0118; padding: 2px; margin: 0 auto; width: 936px;border-bottom: 1px solid #7E0110;border-top: 1px solid #7E0110;}
#menu ul li {display: inline; padding-right: 20px; margin-right: 20px; border-right: 1px solid white; color: white;}
#adminmenu ul li {display: inline; padding-right: 10px; margin-right: 10px; border-right: 1px solid white; color: white;}
#menu a, #adminmenu a {color: white;}
#maincontent {width: 620px; float: left;}

.pr_ul {margin: 0; padding: 0;}
.pr_item {padding: 0.5em; list-style-type: none; border-bottom: 1px solid #AAA;}
.pr_item a {text-decoration: none;}

/* Fix Browser Issues in IE / Firefox. */
textarea {width: 240px; height: 240px;}
input {margin-bottom: 0.5em;}

/* Allow Setting of font sizes by class */
.xlarge {font-size: 1.5em; margin-top: 0;}
.large {font-size: 1.2em; margin-top: 0;}
.normal {font-size: 1em; margin-top: 0;}
.small {font-size: 0.9em; margin-top: 0;}
.xsmall {font-size: 0.7em; margin-top: 0;}

/* Display Products Hierachy */
#maincontent ul {padding-left: 0;}
#maincontent ul ul {padding-left: 2em;}
#maincontent ul ul h2 {font-size: 140%;}
#maincontent ul ul ul {padding-left: 2em;}
#maincontent ul ul ul h2 {font-size: 130%;}
#maincontent li {list-style: none;}

#sb{margin-left: 640px; width: 240px; padding: 0;}
.sidebar { background-color: #DAEEFF; padding: 20px; margin-top:20px;}
.newsletter { background-color: #CBDDEE; padding: 10px 20px; margin-bottom: 20px;}
.latestpr { background-color: #DDD; padding: 20px; margin-top: 20px; margin-bottom: 20px;}
.latestpr h2, .search h2 {color: #666; margin-top: 0;}
.search { background-color: #DDD; padding: 20px 20px 10px 20px; margin-bottom: 20px;}
#footer{background-color: #EEE; font-size:0.85em;}

#showstruct { margin: 10px 10px 10px 0; background-color: #FFF; border: 10px solid #DDD; padding: 20px; width: 50%;}
#showstruct li { padding: 20px 0 20px 0; list-style-type: none;}

.product {margin: 0 20px 20px 0; padding: 10px; border: 1px solid #DDD; width: 163px;}

.floatleft {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #DDD; width: 163px;}
.floatleft img { align: center;}

.floatimg {float:left; padding: 5px; border: 1px solid #DDD; margin: 0 1em 1em 0; background-color: white;}

.clearboth {clear:both; font-size: 1px; height: 1px;}
.cleared {clear:both;}
.centered {text-align: center;}
.cleared h2 {background-color: #EEE; padding: 0.25em;}

.categories {font-size: 0.85em; padding: 1em; background-color: #EEE; margin-top: 1em;}
.tools {font-size: 0.85em; padding: 10px; background-color: #FFF0F0; border: 1px solid #FFC0C0; margin-top: 10px; width: 5em; text-align: center;}

#leftcolumn {float: left; width: 45%;}
#rightcolumn {float: right; width: 45%; margin-right: 20px;}

/* ROW CLASS for CSS faux tables.*/
.row {clear: both; margin: 1em 0 1em 0;}
.pr_row {clear: both; margin: 1em 0 1em 0; border-bottom: 1px solid #EEE;}
.green {background-color: lightgreen; padding: 0.5em;}
.green img {float: left; margin: 0 0.5em 0.5em 0;}
.green h3 {color: green; margin-bottom: 0;}
.green p { margin-top: 0.5em;}

h1,h3,h5 {color: #36C;}
h2,h4,h6 {color: #000;}

#headeraddress{float: right; margin-right: 20px; text-align: right;}

/* Calculator CSS */
#result, #config_display {padding: 1em; border: 1px solid #DDD;}
.result_table {margin: 0 0 10px 0;}
.result_td {padding: 10px;}
.saving { border-collapse:false;	border-top: 1px solid #36C;border-bottom: 1px solid #36C;}
.errors {border: 1px solid #F00; background-color: #FFF0F0; margin-bottom: 1em; padding: 1em;}

/* Calculator Forms CSS*/
#result label {width: 50%; padding: 0.5em; float: left; background-color: #EEE; color: #666; text-align: right;}
#result input, #result select { font-size: 14px; margin: 0.25em 0 0.25em 1em;}

/* Admin Elements*/
.actions_right {float: right; background-color: #FFF0F0; border: 1px solid #F00; padding: 10px; font-size: 0.7em;}
.actions {background-color: #FFF0F0; border: 1px solid #F00; padding: 10px; font-size: 0.7em; text-align: center;}

.new {float: right; background-color: #C6FFC9; border: 1px solid #00FF13; padding: 10px; font-size: 1em;}
/*Scaffolds!*/
a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation ul {
  margin-left: 20px;
}


#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#notice {border-top: 1px solid #ADD76B; border-bottom: 1px solid #ADD76B; background-color: #CBEBA5; padding: 0.75em;}
#warning {border-top: 1px solid #D76454; border-bottom: 1px solid #D76454; background-color: #EBB5A3; padding: 0.75em;}