/*

Title:     GreenFormat master CSS file
Updated:   Feb. 20th, 2007
Author:    David Belson

*/
h
/* @group layout */

html,body {
  margin: 0;
  padding: 0 .5%;
  font-family: "Helvetica", "Arial", sans-serif;
  }

body {
  font-size: 62.5%;
  text-align: center;
  background: #ffffff;
	color: #000;
  }

div#container {
  max-width: 1000px;
  min-width: 760px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  font-size: 1.1em;
  background: #ffffff url("../images/bg_container.jpg") no-repeat left top;
  }

div#content {
  margin: 0 0 47px 50px;
  padding: 0 70px 0 0;
  background: url("../images/bg_content_right.jpg") no-repeat right top;
  }
div#wrapper {
  float: left;
  width: 1000px;
  padding: 0;
  background: url("../images/bg_content.jpg") no-repeat left top;
  }
div#wrapper2 {
  float: left;
  width: 100%;
  padding: 0;
  }
#interior {
  margin: 0 70px 47px 50px;
  }
  
div#extra {
  float: left;
  width: 49.9%;
  margin-bottom: 30px;
  /*background: url("../images/bg_extra.jpg") no-repeat left top;*/
  }
  
div#navigation {
  float: left;
  width: 50%;
  margin-bottom: 30px;
  }
    
#navigation li {
  font-size: 115%;
}

div#act_now_notice {
  width: 70%;
  margin-top: 10px;
  font-size: 115%;
  color: #ffffcc;
  font-weight: bold;
}

div#act_now_notice a {
	display: block;
	color: green;
	margin: 0 0 10px 0;
}

div#promotion_notice {
  margin: 20px 0px 0px 55px;
  font-size: 115%;
  color: #000000;
  font-weight: bold;
}

#header:after, #footer:after, #container:after, #searches:after, #company_product .box:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

hr {
  background: #72a647;
  }
#relative {
  position: relative;
  }

h1, h2, h3, h4, h5, h6, .link {
  font-family: "Helvetica", sans-serif;
  }

ul, li {
  margin: 0;
  padding: 0;
  }
a {
  outline: none;
  }
  
#sysmsg {
  font:bold 14px verdana; 
  color:black; 
  text-align:center;
  width:auto; 
  background:#ffd700;
  margin: 0 2px 0 2px; 
  line-height:1.3em;
  vertical-align:middle; 
  padding:2px 10px 2px 2px; 
  min-height:41px;
  border: 1px solid black; -moz-border-radius: 11px;
}  

div#step {
  margin: 20px 0 0 0;
}

#questionnaire .flex {
  width: 40%;
}

#questionnaire table {
  width: 95%;
}

.questionnaire-step {
  margin: 6px;
  display: inline;
  text-decoration: none;
}

.questionnaire-separator {
  color: #719D4C;
  padding: 4px;
  margin-top: 20px;
  margin-bottom: 8px;
  width: 95%;
  font-size: 20px;
  border-bottom: 1px solid #719D4C;
}

.questionnaire-introduction {
  font-size: 12px;
  color: #333;
  margin-bottom: 6px;
  width:95%;
}

.questionnaire-question {
  width: 95%;
  font-size: 15px;
  color: #444;
  padding-bottom: 6px;
}

.questionnaire-param {
  background-color: #eee;
  font-size: 12px;
  height: 30px;
  padding: 3px;
}

.questionnaire-paramlabel {
  padding: 6px;
  width: 30%;
  vertical-align: middle;
}

.questionnaire-paraminput {
  padding: 6px;
  background-color: #ddd;
  vertical-align: middle;
}

.question-grid .questionnaire-paraminput {
  width: auto;
}

.questionnaire-subseparator {
  color: #fff;
  background-color: #94B07D;
  padding: 4px;
  margin-top: 10px;
  margin-bottom: 8px;
  width: 95%;
  font-weight: bold;
  font-size: 12px;
}

.questionnaire-instructions {
  /* float: right;
  width: 26%; 
  margin-right: 20px;
  margin-top: 12px; */
  width: 95%;
  font-size: 12px; 
  line-height: 18px;
}

form {
  margin: 0;
  padding: 0;
  }

/* explanations for specific questions */
/*
.explanation {
	position: absolute;
	z-index: 100;
	background: rgb(148, 176, 125);
	border: 1px solid #eee;
	padding: 4px;
	float: right;
	right:  30px;
	width: 200px;
	font-size: 10pt;
	color: #FFF;
}*/

.explanation-cell {
	background: #eee;
	color: #444;
	padding-left: 6px;
	padding-right: 6px;
}

.explanation-standard {
	color: #666;
	font-size: 8pt;
}

.explanbox {
	position: relative;
}

.explanbutton {
	width: 15px;
	height: 15px;
	background: url(/images/infoButton.gif);
	display: block;
	float: right;
	border: none;
	cursor: pointer;
}

/* @end */

/*------------------------------------------------------------------------------*/

/* @group header */

div#header {
  height: 100px;
  margin: 0;
  padding: 0;
  border-bottom: 12px solid #72a647;
  background: url("../images/sites.jpg") no-repeat right top;
  }
#header .link img { 
        margin: 10px 0 0 50px; 
}
#header #sitelinks {top: 0px; right: 0px; float: right; width: 850px; height: 17px; }    

#header .sitefamilylink {
  margin: 0px 0 0 50px;
  width: 125px;
  height: 16px;
  float: right;
  white-space: nowrap;
  cursor:pointer;
}

div#sitetitle {
	clear: both;
	height: 64px;
	margin: 0 0 14px 0;
}

div#sitetitle h1 a {
	display: block;
	float: left;
	background: url(/images/green_format_logo.gif) no-repeat left bottom;
	text-indent: -9999em;
	width: 225px;
	height: 69px;
	margin: 0 0 0 50px;
}

div#sitetitle p {
	float: left;
	margin: 55px 0 0 10px;
	font-size: 12px;
}

#header .csilink img {
  float: right;
	margin: 15px 60px 0 0;
  }
div#header2 {
  height: 100px;
  margin: 0;
  padding: 0;
  border-bottom: 12px solid #72a647;
  background: url("../images/sites2.jpg") no-repeat right top;
  }
#header2 .link img {
  margin: 20px 0 0 50px;
  }

/* @end */

/*------------------------------------------------------------------------------*/

/* @group content */

#content p {
  margin: 0 15px 15px 0;
  line-height: 1.4;
  font-size: 120%;
  }

#content em {
  padding: 0 20px 0 0;
  }

img {
  border: none;
  }

form style {
  margin-top: 0;
  margin-bottom: 0;
  }

#content blockquote {
  margin: 15px;
  padding: 15px 5px 5px 5px;
  border: 5px dashed #eee;
  }

#content blockquote p {
  color: #DDA700;
  font-size: 170%;
  }

.center {
  text-align: center;
  margin: 0 auto;
  }

#content h1 {
  margin: 0;
  padding-top: 35px;
  font-size: 270%;
  color: #DDA700;
  font-weight: normal;
  }

#content h2 {
  margin: 10px;
  margin-bottom: 1px;
  font-size: 170%;
  font-weight: normal;
  }

#content h3 {
  margin: 10px;
  margin-bottom: 0;
  font-size: 130%;
  font-weight: bold;
  }

#content h4 {
  margin: 10px;
  margin-bottom: 0;
  padding-bottom: 1px;
  font-size: 140%;
  }
  
#content ul {
  padding: 0;
  list-style: none;
  font-size: 120%;
  }

#content ol {
  margin: 20px;
  margin-left: 40px;
  padding: 0;
  font-size: 120%;
  }

#content a {
  /*color: #DDA700;*/ /*original - orange*/
  /*color: #660000;*/ /*maroon*/
  color: blue;
  text-decoration: none;
  }

#content a:hover {
  /*color: #AE0A3C;*/
  color: #993333;
  }

#content a:active {
  color: #AE0A3C;
  }

.red {
  color: #FF0000;
  vertical-align: middle;
}

a#emphasis {
  text-decoration: underline;
  color: #f00;
}

.green {
  color: #81A100;
  vertical-align: middle;
}

span.yes-checked {
  height: 25px;
  background: url(/images/icons/green_check.gif) top left no-repeat;
  padding: 10px 0 10px 12px;
  font-weight: bold;
}

span.no-checked {
  height: 25px;
  background: url(/images/icons/red_check.gif) top left no-repeat;
  padding: 10px 0 10px 12px;
  font-weight: bold;
}

span.checked {
  height: 25px;
  background: url(/images/icons/black_check.gif) top left no-repeat;
  padding: 10px 0 10px 12px;
  font-weight: bold;  
}

span.unchecked {
  height: 25px;
  background: url(/images/icons/grey_check.gif) top left no-repeat;
  padding: 10px 0 10px 12px;
  color: #ddd;
}

.link {
  cursor: pointer;
  }
.csilink {
  cursor: pointer;
  }


/* @end */

/*------------------------------------------------------------------------------*/

/* @group product-listing */

.products_menu {
  margin: 0 0 10px 0;
  }
.products_menu li {
  display: inline;
  margin: 0 6px 0 0;
  padding: 0;
        float:left;
  }
.products_menu strong {
  color: #666666;
  font-size: 110%;
  }
.products_menu a {
  font-size: 90%;
  border-bottom: 1px solid;
  }
.share1 {
  position: relative;
        float:right;
  right: 0;
  bottom: 0;
  }
.share2 {
  position: relative;
        float:right;
  right: 50px;
  bottom: 30px;
  }
.report {
  float: right;
  
  }
.report img {
  vertical-align: -5px;
  }
.report a {
  border-bottom: 1px solid;
  }
.view {
  margin: 3px 5px 5px 0;
  text-align: right;
  }
.section {
  background-image: url(/images/product/tab_inactive.jpg);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  width: 100%;
  padding-top: 10px;
  position: relative;
  clear: left;
  }
.section-title {
  height: 19px;
  margin-left: 12px;
  background-image: url(/images/product/tab_inactive_title-left.gif);
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 1.2em;
  padding-left: 19px;
  cursor: pointer;
  position: relative;
  background-position:left top;
  padding-left: 16px;
  }
.section-title a {
  background-image: url(/images/product/tab_inactive_title-right.gif);
  background-position:right top;
  background-repeat:no-repeat;
  display: block;
  text-decoration: none;
  position: absolute;
  padding-right: 15px;
  padding-top: 0.2em;
  }

#active .section-title {
  background-image:url(/images/product/tab_active_title-left.gif) !important;
  background-position:left top;
  padding:0pt 0pt 0pt 16px;
  }
#active .section-title a {
  background-image: url(/images/product/tab_active_title-right.gif)  !important;
  background-position:right top;
  background-repeat:no-repeat;
  display:block;
  height:19px;
  padding-right:15px;
  padding-top:0.2em;
  position: absolute;
}
.section .data {
  margin-top: 15px;
  display: none;
  }

.section .data-freeform {
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
  }

.subsection {
  padding: 4px 30px 4px 15px;
  color: #333333;
  font-size: 120%;
  vertical-align: bottom;
  cursor: pointer;
  background: #CFD3CB url(/images/product/subtab_bg.gif) repeat-x 0 bottom;
  /* needed to prevent IE wonkiness */
  height: 14px;
  }
.subsection img {
  vertical-align: middle;
  }
.subsection2 {
  padding: 4px 30px 3px 30px;
  color: #333333;
  font-weight: bold;
  vertical-align: middle;
  background: #D1D1D1;
  /* needed to prevent IE wonkiness */
  height: 1em;
  line-height: 1em;
}
  
.product-description {
  font-size: 14px;
  line-height: 20px;
}

#product-image {
  margin-left: -5px;
  float: left; 
  padding-right: 22px;
  margin-bottom: 20px;
}

#product-image img {
  border: 5px solid #eee;
}

.mfr-contact {
  font-size: 12px;
  color: #666;
}

div.mfr-contact div {
  float: left;
  margin: 0 10px 0 0;
}

.data ul {
  margin: 5px 0 0 0;
  clear: left;
  float: left;
}
.data li {
  position: relative;
  margin: 0 0 0 0;
  padding: 3px 25px;
  width: auto;
}

ul#sale_mechanisms {
  margin: 0;
  width: 320px;
}

ul#sale_mechanisms li {
  width: 160px;
  float: left;
  display: block;
  padding: 0 0 0 0;
  font-size: .8em;
}

.data table {
  /* width: 100%; */
}
.data .gray {
  background: #F6F6F6;
  }
.data li img {
  margin: 0 5px 0 0;
  vertical-align: middle;
  }
.data input {
  cursor: pointer;
  }
.data .on {
  color: #333333;
  }
.data .off {
  color: #555;
  }
li .date {
  position: absolute;
  right: 25px;
  color: #666666;
  }

li .answerblock {
  color: #666666;
  float: left;
  width: 340px;
  border: 1px solid #333;
  }

li .column {
  width: 160px;
  color: #666666;
  float: left;
  }
li .column-2 {
  position: absolute;
  left: 280px;
  width: 120px;
  color: #666666;
  }
li .column-3 {
  position: absolute;
  left: 410px;
  width: 110px;
  color: #666666;
  }
li .column-4 {
  position: absolute;
  left: 530px;
  width: 110px;
  color: #666666;
  }
li .column-5 {
  position: absolute;
  left: 650px;
  width: 110px;
  color: #666666;
  }
li .column-6 {
  position: absolute;
  left: 780px;
  width: 110px;
  color: #666666;
  }
#active .data {
  display: block;
  }
#content #active .section-title a {
  color: #fff;
  }
#active {
  background-image: url(/images/product/tab_active.jpg) !important;
  }



/* @end */

/*------------------------------------------------------------------------------*/

/* @group menu */

div#menu {
  width: 100%;
  padding: 0 9px 0 0;
  list-style-type: none;
  }
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
#menu li {
  float: right;
  width: 7em;
  font-size: 120%;
  margin: 0 0 0 5px;
  background: #72a647;
  }
#menu li a {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  display: block;
  color: #ffffff;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
        /* 10.20.08 added height */
        height:12px;
  }
#menu li a:hover {
  color: #333333;
  }

/* @end */

/*------------------------------------------------------------------------------*/

/* @group searchbar */

div#searchbar {
  margin: 0;
  padding: 0;
  background: url("/images/bg_searchbar.jpg") repeat-y left top;
  }
#searches {
  margin: 0;
  padding: 5px 0 3px 50px;
  background: url("/images/bg_searchbar2.jpg") repeat-y right top;
  }
#searches .search1 {
  width: 90%;
  }
#searches .txt {
  width: 55%;
}

#searches .search2 {
  width: 49.9%;
  float: left;
  }

#searches .advancedlink {
  margin-left: 5px;
}

#searches h5 {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  }
#searches .txt {
  margin: 1px 5px;
  padding: 1px 4px;
  border: 1px solid #666666;
  font-size: 100%;
  color: #aaaaaa;
  }
#search, #search2 {
  display: inline;
  width: 56px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  color: #ffffff;
  }
#search input, #search2 input {
  /*margin: 0 0 5px 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle; */
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  text-align: center;
  vertical-align: middle;
  background-color: none;
  color: #fff;
  font-family: helvetica, arial, verdana;
  background-image: url('../images/button2.jpg');
  width: 55px;
  height: 15px;
  font-size: 11px;
}
                                  
/* @end */

/*------------------------------------------------------------------------------*/

/* @group footer */

div#footer {
  clear: both;
  margin: 5px 10px;
  padding: 0 0 20px 0;
  color: #999999;
  background: url("/images/bg_footer.jpg") repeat-x left top;
}

div#footer_left {
  float: left;
  margin: 0 0 0 30px;
}

#footer_right {
  float: right;
  margin: 0 30px 0 0;
}

#footer .contact {
  float: left;
  margin: 0;
  padding: 5px;
}

#footer h4 {
  display: inline;
  margin: 0;
  padding: 5px;
  background: #ffffff;
  color: #888888;
  font-size: 100%;
  font-weight: bold;
}

#footer p {
  margin: 2px 5px;
  line-height: 1.2em;
  font-size: 100%;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  color: #222;
}

/* @end */

/*------------------------------------------------------------------------------*/

/* @group landing page */

#sites {
  float: right;
  width: 469px;
  margin: 0;
  padding: 100px 0 0 0;
  background: url("../images/sites.jpg") no-repeat right top;
  }

#homepage_form {
  position: absolute;
  margin-left: 5px;
}

#tab2, #tab3 {
  width: 175px;
  margin: 0 0 0 40px;
  text-align: center;
  }

#tabs_home ul { margin-left:70px;font-size:12px; }

h5 {
  display: block;
  margin: 0 0 0 0;
  padding: 0 15px;
  font-size: 150%;
  color: /*#306b00*/;
  background: #ffffff;
  }

.greenbold { color:#306b00; font-weight:bold; }

#submit, #submit2 {
  display: inline;
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
  outline: none;
  color: #ffffff;
  }
#submit input, #submit2 input {
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: 0;
  text-align: center;
  vertical-align: middle;
  background-color: none;
  font-weight: bold;
  color: #fff;
  font-family: helvetica, arial, verdana;
  background-image: url('../images/button.jpg');
  width: 86px;
  height: 23px;
  font-size: 14px;
  }
  
.start { 
  color: #fff; 
  font-weight: bold; 
  font-family: helvetica, arial, verdana;
  width: 87px; 
  height: 23px;
  background: url(/images/button.jpg) no-repeat;
  vertical-align: middle; 
  padding: 2px 20px 0 28px; 
  margin-left: 54px;
}

.start a { 
  color:#fff; 
  font-weight: bold; 
  font-family: helvetica, arial, verdana;
  font-size:14px;text-decoration:none;
}
 
input#start {
  display: block;
  border: none;
  color: #fff;
  font: bold 14px helvetica, arial, verdana;
  background: url(/images/button.jpg) top left no-repeat;
  width: 87px;
  height: 23px;
  cursor: pointer;
  margin: 0 0 0 54px;
}

#navigation p, #extra p {
  margin: 5px 20px 5px 58px;
  padding: 0;
  font-size: 120%;
  line-height: 1.6em;
  font-family: "Helvetica", "Arial", sans-serif;
  text-align: left;
  }
#navigation p .txt, #extra p .txt {
  margin: 1px 0;
  padding: 1px 4px;
  border: 1px solid #666666;
  color: #aaaaaa;
  font-size: 13px;
  line-height: 14px;
  }
#callouts {
  float: right;
  /*width: 570px; */ /*- will be used for the new home page*/
  width: 490px;
  /*margin: 38px 0 15px 0;*/
  margin: 25px 0 15px 0;
  text-shadow: #444 2px 2px 3px;
        min-height:200px;
        /* height IE6 hack */
        height:200px;
         font-size: 120%;
        color:#fff;
  }
#callouts ul {
  list-style-type: square;   
  padding: 0px 0px 0px 20px;
}
#callouts #call_a {
  /*- will be used for the new home page*/
  /*margin: 0 10px 8px 10px;*/
  /*padding: 0px 0px 60px 0px; */
  float: left;
  /*font-size: 13px;*/
  /*width: 500px;*/
  width: 240px;
  }
#callouts #call_a ul {
  list-style-type: disc;
  font-size: 100%;
  padding: 0px 0px 0px 20px;
}
#callouts #call_b {
  float: right;
  width: 240px;
  }
#callouts h3 {
  margin: 0 5px 8px 10px;
  padding: 0 0 2px 0;
  color: #DFA500;
  font-weight: bold;
  font-size: 15px;
  border-bottom: 3px solid #6578AA;
  }
#callouts p {
  margin-left: 10px;
  color: #eeeeee;
  font-weight: normal;
  line-height: 1.3em;
  }
div#link_container {
  background: #FFFFFF;
  min-width: 760px;
  max-width: 1000px;
  margin: 0 auto;
}

div#bottom_links {
      float: left;
    width: 490px;
    margin: 0px 0 15px 300px;
}
      

p#bottom_links {
  margin-left: 10px;
  font-weight: normal;
  line-height: 1.3em;
  font-size: 13px;
  text-align: left;
}

/* @end */

/*------------------------------------------------------------------------------*/

/* @group form */

/*
form {
  margin: 10px;
  margin-right: 30px;
  padding: 0;
  }
*/
.text input {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: .2em;
  vertical-align: middle;
  color: #777777;
  }

.button
 {
  margin: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: .1em;
  cursor: pointer;
  color: #0D77D0;
  background: #eeeeee;
  vertical-align: middle;
  }

form a:hover .button {
  border: 1px solid #666666;
  color: #ffffff;
  background: #0D77D0;
  }

.error input {
  border: 1px solid #ff0000;
  }

.error {
  font-size: 125%;
  }
  
.formgroup {
  color: #555;
  font-size: 11px;
  background-color: #eee;
  padding: 4px;
  margin: 2px;
}

.formgroup-required {
  color: #fff;
  font-size: 11px;
  background-color: #aaa;
  padding: 4px;
  margin: 2px;
}


/* @end */
/*------------------------------------------------------------------------------*/

/* @group company products */

#company_product {
  float: right;
  width: 350px;
  }
/*#company_product .button img {
  position: absolute;
  left: -11px;
  top: 17%;
  border: 0;
  }*/

#products_list .box {
  display: block;
  width: 530px;
  margin: 0 0 0 7px;
  padding: 0 0 0 8px;
  /*background: url(/images/product/button_box.jpg) no-repeat left 45%;*/
  }

#products_list dl {
  float: left;
  width: 500px;
  display: inline;
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  }

#products_list dt {
  width: 415px;
  margin: 0 0 2px 0;
  padding: 0;
  color: #DDA700;
   font-size: 150%;
}

#products_list dt a {
	text-decoration: underline;
}

#products_list dd {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 1.2em;
  line-height: 1.1em;
  }
#products_list dd.image img {
  float: left;
  margin: 0 8px 0 0;
  border: 1px solid #ccc;
  }

#products_list dt a.manufacturer_link {
	font-size: 75%;
	color: #000;
}

.mfproduct .box {
  display: block;
  width: 330px;
  margin: 0 0 0 7px;
  padding: 0 0 0 8px;
  background: url(/images/product/button_box.jpg) no-repeat left 45%;
  font-size: 11px;
  }
.mfproduct .box a:hover dl {
  border: 1px solid #aaa;
  }

#company_product .box {
  display: block;
  width: 330px;
  margin: 0 0 0 7px;
  padding: 0 0 0 8px;
  }
#company_product .box a:hover dl {
  border: 1px solid #aaa;
  }
#company_product dl {
  float: left;
  width: 300px;
  display: inline;
  margin: 0 0 15px 0;
  padding: 15px;
  border: 1px solid #ccc;
  }
#company_product dt {
  float: right;
  width: 215px;
  margin: 0 0 2px 0;
  padding: 0;
  color: #DDA700;
  text-decoration: underline;
   font-size: 150%;
  }
#company_product dd {
  margin: 0;
  padding: 0;
  color: #666;
  line-height: 1.1em;
  }
#company_product dd.image img {
  float: left;
  margin: 0 8px 0 0;
  border: 1px solid #ccc;
  }

.admin-editlinks {
  padding: 2px;
  color: #333;
  background-color: #efefef;
  font-weight: normal;
  font-size: 10px;
  display: inline;
  float: right;
}

.admin-questionlabel {
  font-size: .95em;
  color: #888;
}

.admin-questiongroup  {
  padding: 10px;
  background-color: 4px;
}

.admin-questiongroup h2 {
  font-size: 1.5em;
}

.admin-parameter {
  font-size: .9em;
  padding: 6px;
  background-color: #eee;
  line-height: 1.1em;
  float: left;
  width: 155px;
  min-height: 4.4em;
  margin: 4px 4px 8px 4px;
}

.admin-edit {
  background-color: #BE6300;
  font-size: .9em;
  padding: 6px;
  line-height: 1.1em;
  color: #eee;
  margin: 0px 4px 8px 4px;
}

.admin-edit input,select {
  font-size: .9em;
  line-height: .95em;
}

.admin-paramdetails {
  color: #777;
}

.edit-controls {
  position: absolute;
  right: 25px;
}

.admin-question {
  padding: 12px;
  font-size: 1.3em;
  background-color: #eee;
}


/* @end */
/*------------------------------------------------------------------------------*/

/* @group shared */


.editable {
  
}

.editable-over {
  background-color: #FF9;
}

.warning {
  padding: 8px 8px 8px 16px;
  background-color: #BE6300;
  border: 1px solid #ddd;
  text-shadow: #333 2px 2px 1px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

.notice {
  padding: 8px 8px 8px 16px;
  background-color: #8C953A;
  border: 1px solid #ddd;
  text-shadow: #333 2px 2px 1px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}
.ref-table {  width: 95%; color: #666; vertical-align: top;  }
.ref-header { padding: 6px; text-align:center; background-color: #eee; font-weight:bold; }
.ref-td { vertical-align: top; border-bottom: 1px solid #eee; }
.ref-td1 { padding: 6px; width: 40%; vertical-align: top; background-color: #eee; }
.ref-td2 { padding: 6px; width: 30%;  vertical-align: top; background-color: #eee; }

/* 10.28.08 added comment form table styles */
.form-table {  width: 530px; padding:4px; vertical-align:top; }
.form-tdright { text-align:right; width:170px; vertical-align:top; }
.form-tdleft { text-align:left; }

/* -------------------------------------------------------------------------- */
/* MASTERFORMAT CSS

/*** BEGIN CENTER COLUMN ***/
/* All the content boxes belong to the content class. */
#nt-wrapper {
  /* background-color: #efefef; */
  width: 100%;
}

#nt-center {
  float: left; 
  width: 100%; 
  background-color: transparent;
  position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  z-index: 18;
  border-top: 2px solid #C4C4C4;
}

#breadcrumbs {
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:9px;
  color:#eee;
  background-color:#4E9324;
  padding:4px 18px 0px;
}


#breadcrumbs a {
  color:#eee;
}

#breadcrumbs a:hover {
  color:#333;
}

.current-title {
  color:#fff;
  background-color: transparent;
  font-size: 16px;
  width:100%;
}

.current-title input {
  font-size: 14px;
  background-color:#AA8171;
  color: #fff;  
}

.includes input {
  background-color:#AD9C90;
  color: #fff;  
  font-size: 10px; 
  line-height: 11px;
}

.current-title .left-column {
  padding-right:9px;
  padding-left:18px;
  font-weight:bold;
  text-align:right;
  vertical-align: top;
  width:82px;
}

.current-title .right-column {
  vertical-align: top;
}

.current-title .title {
  background-color:#4E9324;
}

.current-title .title td {
  padding-top:5px;
  padding-bottom:3px;
}
.current-title .includes td, .current-title .explanations td {
  background-color: #C1b3a0;
  font-size:9px;
  padding-top:6px;
  padding-bottom:5px;
  height:100%;
  vertical-align:top;
}

.current-title .includes td, .current-title .explanations td {
  border-bottom: 1px solid #cabeae;
}

/*** BEGIN LEFT COLUMN ***/

#left-column {
  width: 210px;              /* left column width */
  margin-left: -210px;       /* _negative_ left column width */
  float: left; 
  position: relative; 
  z-index: 10;
}


/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
  /*voice-family: "\"}\"";
  voice-family:inherit;
   width:202px; 
  }*/
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). 
body>#left-column {width:128px;}*/


#leftsearch {
  padding: 9px;
  margin: 22px 10px 10px 15px;
  border: 1px solid #aaa;
  width: 155px;
  font-size: 11px;
  display: none;
  float: left;
}

#leftsearch input {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}

#leftnav {
  padding:0px 2px 0px 0px;
  width:209px;
  margin-top: 12px;
  float: left;
  z-index: 50;
}

#leftnav ul {
  list-style:none;
  margin-left:10px;
  padding:0px;
}

#leftnav li {
  display:block;
}

#leftnav img {
  border: 0px;
}

#leftnav li a {
  display:block;
  background-repeat: repeat-x;
  background-position: bottom left;
  background-color: #fff;
  font-size: 10px;
  height: inherit;
  padding: 6px;
  padding-left: 18px;
}

#leftnav li.expanded {
  background-color: #E6DFCF;
  border-top: 2px #ccc solid;
  border-left: 0px #ccc solid;
  border-bottom: 1px #ccc solid;
}

#leftnav li.expanded a {
  position: relative;
  background-color: #E6DFCF;
}

#leftnav li.normal a {
  background-color: #f6f6f6;
  /* border: 2px 0px 2px 0px #ddd solid; */
  border: 0px;
  margin-left: 0px;
  color: #81A100;
}

#leftnav .left-arrow {
  top: 5px;
  right: -5px;
  position: absolute;
  /* border-left: 1px solid #4E9324; */
  z-index: 59;
}

#leftnav a:hover .plusminus {
  display: none;
}

#leftnav a:link .plusminus {
  display: inline;
}

#leftnav li.current a, #leftnav li a:hover {
  background-image: none;
  color: #efefef;
  position: relative;
  border-left: 0px solid #333;
  border-right: 0px solid #333;
}

#leftnav li.current a {
  border-top: 3px #ccc solid;
  border-bottom: 3px #ccc solid;
  background-color: #4E9324;
}

#leftnav li a:hover {
  background-color: #7E9C6A;
}

#leftnav li.normal .plusminus {
  display: inline;
}

.plusminus {
  margin-left: -14px;
  padding: 0px;
  margin-right: 4px;
  margin-top: 0px;
  vertical-align: middle;
}

.warning {
  padding: 8px 8px 8px 16px;
  background-color: #BE6300;
  border: 1px solid #ddd;
  text-shadow: #333 2px 2px 1px;
  color: #fff;
}

.notice {
  padding: 8px 8px 8px 16px;
  background-color: #8C953A;
  border: 1px solid #ddd;
  text-shadow: #333 2px 2px 1px;
  color: #fff;
}

/*#leftnav a:hover img {
  display: none;
}*/

/*** BEGIN RIGHT COLUMN ***/
/*#right-column {
  width: 180px;
   position: absolute;
  top: 114px;
  right: 10px; 
  background-color:#efefef;
  padding: 24px 10px 10px;
  z-index:1;*/
/* Again, the ugly brilliant hack. */
  /*voice-family: "\"}\"";
  voice-family:inherit;
  width:185px; 
}*/
/* Again, "be nice to Opera 5". 
body>#right-column {width:168px;}*/ 


#right-column {
  width: 180px;              /* right column width */
  margin-right: -195px;      /* _negative_ right column width */
  padding-top: 16px;
  padding-left: 15px;
  float: left; 
  position: relative; 
  z-index: 11;
}

#right-column div {
  padding:5px;
  background-color:#fff;
  font-size: 11px;
  line-height: 14px;
  color:#a5a5a5;
}


#right-column h3 {
  border-bottom:1px solid #efefef;
  font-size:13px;
  font-weight: normal;
  color:#a5a5a5;
  margin-top: 0px;
}


/*** BEGIN HEADER / TOPNAV ***/

#main {
  margin-top: 120px;
    min-width:786px;
     /*IE Dynamic Expression to set the width 
    width:expression(document.body.clientWidth < 800 ? "786px" : "100%" );*/
}

#header #mf-logo {
  position: relative;
  left: 170px;
}  

#header #csi-logo {
  position:absolute;
  top:33px;
  right: 180px;
}  

#header #csi-canada-logo {
  position:absolute;
  top:35px;
  right:45px;
}

#sizeselector {
  float: right;
}

#content {
  margin-left: 160px;
  margin-right: 160px;
  margin-bottom: 35px;
}

#saved_numbers li {
  display: block;
  margin-left: -20px;
}

#saved_numbers a {
  font-weight: bold;
}

#saved_searches li {
  display: block;
  margin-left: -20px;
}

#saved_searches a {
  font-weight: bold;
}

.content-sm {
  font-size: 12px;
  line-height: 18px;  
}

.content-md {
  font-size: 14px;
  line-height: 19px;  
}

.content-lg {
  font-size: 16px;
  line-height: 21px;  
}

#content h1 {
  font-size: 28px;
  color: #81A100;
  font-weight: normal;
  margin-bottom: 10px;
}

#footer {
  background-image: url('../images/layout/footerbg.gif');
  background-repeat: repeat-x;
  color: #888;
  clear: both;
  font: 10px verdana, helvetica, arial;
  text-align: left;
  margin: 40px 0px 40px 0px;
    min-width:786px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 800 ? "786px" : "100%" );
}

.footerblk {
  float: left;
  line-height: 13px;
}

.footerblk b {
  background-color: white;
  padding: 0px 6px 0px 6px;  
}

.footertext {
  padding: 0px 6px 0px 6px;
}

#front-image {
  margin: 10px;
  background-image: url('../images/front/imagebg.gif');
  text-align: center;
}

#front-buttons img {
  margin-left: 40px;
  margin-right: 20px;
}

#front-buttons a:hover {background-color: transparent;}
#front-stakeholders a:hover {background-color: transparent;}
#header a:hover {background-color: transparent;}

#front-stakeholders {
  clear: both;
  text-align: center;
}

#front-stakeholders img {
  margin-left: 20px;
  margin-right: 20px;
}

.front-blurb {
  margin-left: 25px;
  margin-right: 5px;
  margin-bottom: 30px;
  font-size: 10px;
  width: 20%;
  float: left;
  text-align: left;
  color: #777;
}

.front-blurb h3 {
  font-weight: bold;
  font-size: 12px;
  color: #81A100;
  margin-bottom: 0px;
}

.pulledbox {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  width: 260px;
  font-size: 10px;
  line-height: 13px;
  float: right;
  padding: 10px;
  margin: 10px;
}

.pulledbox form {
  display: inline;
}

.pulledbox h3 {
  font-size: 14px;
  color: #000;
  margin: 0px 0px 4px 0px;
}

.number {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  background-color: #efefef;
  color: black;
}

.highlightbox {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  background-color: #efefef;
  border: 1px solid #ddd;
  color: black;
}

.normalbox {
  font-weight: bold;
  font-size: 12px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: black;
}


number {
  font-weight: bolder;
  font-size: 11px;
  color: #222;
  text-transform: uppercase;
}

.icons {
  float: right;
  margin-right: 5px;
}

.icons img {
  border: 0px;
}

.icons a:hover {
  background-color: transparent;
}

div#loginForm {
  width: 455px;
  text-align: center;
}

#login h1 {
  line-height: 30px;
}

#login td {
  font-size: 11px;
  line-height: 13px;
  color: #444;
}

form label {
  font-size: 12px;
  color: #986d34;
  display: block;
  font-weight: bold;
}

form .radiotext {
  margin: 3px 5px 8px 4px; 
  float: left; 
  width: 110px;
  color: #666;
}

.numbersandtitles {
  color: #444;
  background-color: transparent;
  font-size: 12px;
  line-height: 20px;
}

.numbersandtitles a {
  color: #444;
}

.numbersandtitles_over {
  background-color: #eee;
  font-size: 12px;
  line-height: 20px;
}

.numbersandtitles_over a {
  color: #C88D00;
}

.numbersandtitles_over a:hover {
  background: transparent;
}

.numbersandtitles_over img {
  display: inline;
}

.numbersandtitles img {
  display: none;
}

.numbersandtitles input {
  background-color: #fff;
  color: #333;
}


.numbersandtitles .left-column {
  font-weight: bold;
}

.numbersandtitles .right-column {
  font-weight: normal;
}


.numbersandtitles_over .left-column {
  font-weight: bold;
}

.numbersandtitles_over .right-column {
  font-weight: normal;
}

.listseparator {
  margin-left: 86px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #999;
}

.separator-edit-controls {
  font-size: 12px;
}

.editcontrols {
  margin-left: 86px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #999;
}

.editcontrols a {
  font-size: 12px;
}

.editcontrolsform {
  font-size: 11px;
  color: #666;
}

a#cancelbox:hover {
  background:transparent;
}

.outer {
  border-left: 200px solid #efefef;  /* left column width */
  border-right: 210px solid #efefef; /* right column width */
  width: auto; 
  background-color: #fff; /* center column colour */
}

#bottom {
  height: 15px;
  background-color: #efefef;
  width: 100%;
}

form .submit {
  border: 0px;
  background: transparent;
}

form .note {
  color: #666;
}

.note {
  font-size: 10px;
  color: #666;
}

form .section {
  font-size: 12px;
  color: #777;
}

.textarea1 { font: 11px normal verdana }

.section table {
  font-size: 1.2em;
  padding: 5px;
}

.section table td p {
  font-size: 1em !important;
}

.section .rowlabel {
  width: 250px;
  padding-left: 30px;
  font-weight: bold;
}

.section .collabel {
  font-weight: bold;
  font-size: .86em;
  color: #000;
}

form .limited select {
  width: 150px;
}

#savedtrash {
  position: absolute; 
  left: 0px; 
  top: 0px; 
  z-index: 28;
}

.floatbox {
  /* display: none; */
  position: absolute;
  padding: 0px;
  z-index: 30;
}

.floatboxworking {
  position: absolute;
  z-index: 59;
  display: none;
  padding: 12px;
  font-size: 14px;
}

.floatboxcontent {
  padding: 12px;
  margin: 0px;
  /* since IE insists on displaying space above and below the float box */
  margin-top: -3px;
  margin-bottom: -4px;
  background-image: url('/images/floatingbox/bg.gif');
}

.floatboxcontent form {
  display: inline;
}

.floatboxcontent textarea {
  font-size: 10px;
  line-height: 11px;
  width: 100%;
}

.converter-oldnumber {
  background-color: #777;
  color: #eee;
  width: auto;
  padding: 2px;
  font-weight: bold;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 3px;
}

.converter-newnumber {
  margin-left: 20px;
  font-weight: bold;
}

#converter-results {
  max-height: 350px;
  overflow: auto;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
  /* because IE isn't smart enough to do overflow: auto with max-height */
}

<!--[if IE]>
#converter-results {
  height:expression( this.scrollHeight > 350? "350px" : "auto" );
}
<![endif]-->


input, textarea {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  background-color: #eee;
}

.nostyle {
  border: none;
  background-color: none;
}

.inner { margin: 0; width: 100%; }

.clear { clear: both; padding:0; margin:0; }

/*** ERRORS ****/
.fieldWithErrors textarea, .fieldWithErrors input, .fieldWithErrors select, input.copied {
  border:2px solid red;
}

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
#left-column { margin-right: 1px; }
#right-column { margin-left: 1px; }
#right-column p { padding-left: 10px; }
#nt-center { margin: 0 0px 0 -2px; }

#printheader {display: none; }

#usergreeting {
  font-size: 10px;
  padding: 4px;
  color: #BC4015;
  background-color: #eee;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 340px;
}

#usergreeting a {
  color: #BC4015;
  text-decoration: underline;
}

#fileslist {
  width: 80%;
}

.progressBar {
  display: none;
}

.progressBar .border {
  border: 1px solid #666;
  background-color: #e6e6e6;
  margin-top: 8px;
  margin-bottom: 8px;
}

.progressBar .border .background {
  background-color: #eee;
}

.progressBar .border .foreground {
  background-color: #4E9324;
  background-image: url('/images/icons/progress.gif');
  height: 14px;
}

fieldset {
  border: #999 1px solid;
  background-color: #f6f6f6;
}

legend {
  font-size: 12px;
}

#upload_wait {
  display: none;
}

.rchanged {
  background-color: #ffff99;
}

form .disabled {
  color: #333;
}

th {
  text-align: left;
  font-size: 1.2em;
  color: #666;
}

tr.mfproduct {
  background-color: #efefef;
  color: #222;
  padding: 10px;
}

div.mfproduct {
  padding: 5px;
}


.left {
  display: block;
  float: left;
}

.boolean {
  background: white;
  width: 26px;
  height: 30px;
}

.boolean img {
  margin-left: 10px;
}

.paramlabel {
  font-size: .8em;
  color: #000;
  text-transform: uppercase;
  display: block;
  padding-right: 20px;
}

/* added 2 classes 09.16.08 */
.infoBubble { height:0;background:#ffffff; padding:4px; border: 1px #000000 solid;visibility:hidden; }
.confirmMsg { color:#719D4C; font-size:20px; }

/* simple error_message class */
span.error_message {
  color: #ff0000; 
  font-stye: italic;
}

span.required {
	color: #f00;
}

div#commentForm input, div#commentForm select {
	margin: 0 0 1em 0;
}

div#errorExplanation {
	margin: 1em 0;
}

div#errorExplanation h2 {
	margin: 0;
	font-weight: bold;
}

div#errorExplanation p {
	margin: 0;
	font-style: italic;
}

div#errorExplanation ul li {
	margin: .1em 0 .1em 1em;
	color: #f00;
}

/* styles for the product email form */
div#email_form {
  float: right;
  width: 33%;
  clear: both;
}

div#email_form p, div#email_form input {
  font-size: 10px !important;
  margin: 0;
  text-align: right;
}

div#email_form label {
  display: inline;
}

div#email_form input {
  width: 170px;
  margin: .15em 0;
}

div#email_form textarea {
  width: 174px;
  margin: .15em 0;
  height: 50px;
  font-size: 10px;
}

div#email_form input#email_submit {
  width: auto;
  text-align: center;
}

div#step div.saveBox p.saveNotice {
  border: 1px solid #ddd;
  text-align: center;
  padding: 8px 0;
  margin: 20px 0 0 0;
  font-weight: bold;
  font-size: 120%;
}

/*****************************
CSS for the reference section, separated as to not interfere with other 
areas of the applicaion
*****************************/
div#reference em {
  padding: 0;
}

div#reference h2 {
  text-align: center;
}

div#reference h3 {
  margin: 10px 0 0 0;
}

div#reference h4 {
  font-size: 120%;
  margin: 5px 0 0 0;
  color: #666;
}

div#reference h5 {
  display: inline;
  font-size: 110%;
  padding: 0;
  color: #666;
}

div#reference div.h5 p {
  display: inline;
}

div#reference div.h5 {
  margin: 0 0 10px 10px;
}

div#reference p#index {
  text-align: center;
}

div#reference p.anchors {
  font-size: 90%;
}

div#reference ul#appendix2 {
  margin: 10px 0 20px 0;
}
div#reference ul#appendix2 li {
  font-size: 16px;
  margin: 0 0 10px 0;
}

div#reference ul#appendix2 ul {
  margin: 5px 0 0 0;
}

div#reference ul#appendix2 ul li {
  font-size: 12px;
  margin: 0 0 5px 10px;
}

div#reference ul#appendix3 {
  margin: 15px 0 0 0;
}

div#reference ul#appendix3 li {
  margin: 0 0 10px 10px;
}

.synopsis {
  margin: 0 0 0 0;
  color: #999999;
  font-size: 10px;
  line-height: 10px;
  float: left;
}
  
accordion_toggle_active .synopsis {
  display: none;
}

.subdata {
  margin-left: 30px;
}

.accordion_toggle {
			display: block;
			background-image: url(/images/product/tab_inactive.jpg);
      background-repeat: no-repeat;
      padding-bottom: 10px;
			height: 60px;
			padding: 0 10px 0 10px;
			line-height: 1.5em;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			color: #000000;
			cursor: pointer;
			margin: 10px 0 0 0;
		}
		
.accordion_toggle_active {
	background-image: url(/images/product/tab_active.jpg);
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
.accordion_content p {

}
	
.vertical_nested_toggle {
	display: block;
	background: #CFD3CB url(/images/product/subtab_bg.gif) repeat-x 0 bottom;
	padding: 0 0 0 10px;
	color: #000000;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	line-height: 
}

div#content div.vertical_container h2 {
  clear: both;
  font-size: 1.4em;
  margin: 10px 0 0 0;
}

div#content div.vertical_container h3 {
  margin: 0 0 0 0;
  font-weight: normal;
  font-size: 1.2em;
}

.vertical_nested_toggle_active {
  
}

.vertical_nested_content {

}

.moveplz {
  margin-left: 30px;
}

.inplaceeditor-empty {
  font-style: italic;
  color: #999;
}

div#product_options a.close {
	background: url(/images/product/close_all.jpg) no-repeat top left;
	width: 70px;
	height: 27px;
	display: block;
	float: right;
}

div#product_options a.open {
	background: url(/images/product/expand_all.jpg) no-repeat top left;
	width: 70px;
	height: 27px;
	display: block;
	float: right;
}

div#product_options a#dl_rtf {
	background: url(/images/product/download_rtf.jpg) no-repeat top left;
	width: 110px;
	height: 25px;
	display: block;
	float: right;
	text-indent: -9999em;
}

div#product_options a#dl_pdf {
	background: url(/images/product/download_pdf.jpg) no-repeat top left;
	width: 110px;
	height: 25px;
	display: block;
	float: right;
	text-indent: -9999em;
}

div#help {
  
}

div#help p {
  font-family: "Arial", "Helvetica" sans-serif;
  text-align: justify;
}

div#help h4,h5 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 13px;  
  font-weight: bold;
}

div#help h5 {
  text-decoration: underline;
}

div#help ul { list-style: none; margin-left:10px; }

tr#promo_codes td#pc_feedback {
	width: 60%;
	padding: 7px;
	text-align: right;
}

tr#promo_codes span#pc_messages {
	font-size: 1.3em;
}

tr#promo_codes .disabled {
	background: #ddd;
}

tr#promo_codes .error {
	background: #FFB6C1;
}

div#searchResults em {
  color: #81A100;
  padding: 0;
}

div#searchResults h2 {
  font-variant: small-caps;
}

div#searchResults h2 a {
  font-variant: normal;
  font-size: .6em;
  cursor: pointer;
}

div#productResults {
  color: #444;
  width: 800px;
  height: 510px;
  margin: 0 auto 2em;
  border: 1px solid #3e3e3e;
}

div#productResults div#productBoxes {
  height: 441px;
  overflow: hidden;
}

div#productResults div#productBoxes div {
  display: block;
  float: left;
  height: 130px;
  width: 375px;
  margin: 15px 0 0 15px;
  border: 1px solid #ccc;
  overflow: hidden;
}

div#productResults div#productControls {
  border-bottom: 1px solid #3e3e3e;
}

div#productResults div#productControls p {
  margin: 5px;
}

div#productResults div#productControls p a {
  cursor: pointer;
  margin: 0 5px;
  padding: 0 0 0 10px;
}

div#productResults div#productControls p a.asc {
  color: #81A100;
  background: url(/images/icons/sort-asc.gif) no-repeat top left;
}

div#productResults div#productControls p a.desc {
  color: #81A100;
  background: url(/images/icons/sort-desc.gif) no-repeat top left;
  padding: 0 0 0 10px;
}

div#productResults div#productBoxes h3 {
  margin: 5px 5px 0;
}

div#productResults div#productBoxes div img {
  width: 75px;
  height: 75px;
  border: 1px solid #ccc;
  float: left;
  margin: 0 5px;
}

div#productResults div#productBoxes div p {
  font-size: 1em;
  margin: 0 5px;
}

div#productResults div#productBoxes p.org a {
  color: #81A100;
}

div#productResults div#productBoxes a:hover {
  text-decoration: underline;
}

div#productResults div#paging {
  clear: both;
  padding: 15px 0 0 0;
  text-align: right;
}

div#productResults div#paging a {
  cursor: pointer;
}

div#productResults div#paging a.end {
  color: #ccc;
}

div#titleResults div.division {
  clear: both;
}

div#titleResults h3 {
  background: url(/images/product/tab_inactive.jpg) no-repeat top left;
  height: 45px;
  padding: 15px 0 0 15px;
  color: #1e1e1e;
  cursor: pointer;
  margin: 0;
}

div#titleResults h3 span {
  font-size: .6em;
}

div#titleResults div.products {
  width: 880px;
}

div#titleResults div.products div {
  float: left;
  width: 180px;
  height: 90px;
  overflow: hidden;
  margin: 0 0 10px 10px;
  border: 1px solid #ccc;
  padding: 3px;
}

div#titleResults div.products h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}

div#titleResults div.products p {
  font-size: .8em;
  margin: 0;
}

div#pla_box {
  width: 50%;
  height: 200px;
  overflow: auto;
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
}

div#pla_box ol li {
  font-weight: bold;
}

div#pla_box ol li ol {
  list-style-type: lower-alpha;
  margin: 0 20px;
  font-size: 12px;
}

div#pla_box ol li ol li {
  font-weight: normal;
  margin: 5px 0;
}

div#pla_box span.gf {
    color: #81A100;
}

h3#search_description {
  font-weight: normal;
}