* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.news-headline {
   padding-bottom: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 13px;
  color: #555555;
  text-decoration: none
  
  }

.news-headline a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #1E518C;
  }

.news-headline a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  }  
  
span.news_date {
    font-size: 7pt;
    color: #999;
}  

.smalltext,
.folder-name {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 12px
}
  
.smalltext a,
.folder-name a,
.phone_fax_email a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #1E518C;
  text-decoration: none;
  }

.smalltext a:hover,
.folder-name a:hover,
.phone_fax_email a:hover  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #1E518C;
  text-decoration: none;
  }
  
 
.smalltextwhite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 12px
  }
  
.smalltextwhite a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  color: #FFFFFF
  }

.smalltextwhite a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #c90000;
  text-decoration: none;
  background-color: #FFFFFF;
  }
  
.smalltext_splash {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  line-height: 12px
  }
  
.smalltext_splash a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF
  }

.smalltext_splash a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FF0000
  }

.smalltextfooter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #555;
  line-height: 16px;
}
  
.smalltextfooter a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #555;
  font-weight: bold;
  text-decoration: none;
  }

.smalltextfooter a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  background-color: #1E518C;
  }
  
  
.smalltext input {
  width: 40px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  height: 19px;
  border: 1px #999 solid;
  }
  
.save-password,
.note {
    font-size: 9px;
}

.save-password {
    color: #555;
}
  
.folder-name {
    text-transform: uppercase;
}

.poll-question {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000
  }


.plaintext {

  color: #000000;
  line-height: 15px;
  text-align: justify;
}

.plaintext td,
div.plaintext,
span.plaintext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.plaintext li {
    font-size: 11px;
}

.plaintext h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #444;
  line-height: 14px;
  padding-bottom: 10px;
  text-align: left;
  }
 
 .plaintext h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 15px;
  text-align: justify;
  }

.plaintext_nj {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: 15px;
  }

.news-date {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 10px
  }

.listing {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #1E518C;
  text-decoration: none;
  line-height: 8pt; padding-bottom: 5px; text-transform: lowercase}

td.listing {
    padding-right: 10px;
}
.listing a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none
  }

.listing a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #1E518C;
  text-decoration: none
  }

.location {
   color: #1E518C;
}

.location .desc {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.location-header,
.price-book-header {
   color: #1E518C;
   font-weight: bold;
}

table.location {
    width: 100%;
}

table.location td.title {
    font-weigth: bold;
}

table.location td.desc {
    color: #000;
}

table.location td.top {
    font-size: x-small;
    padding-bottom: 20px;
}

table.location hr {
    width: 100%;
    color: #999;
    height: 1px;
}

.news-bullet {
   line-height: 10px;
}

.plaintext a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #1E518C;
  text-decoration: none
  }

.plaintext a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #1E518C
  }

.plaintext_nj a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #1E518C;
  text-decoration: none
  }


.plaintext_nj a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #1E518C
  }


.form-fields {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-align: right;
  width: 200px
}


.form-answers {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  width: 220px
}

.form-answers-long {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}


.form-answers input {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  height: 19px;
  /*border: 1px #1E518C solid;*/
  border: 1px #999 solid;
  }
  
  

.form-answers-ro {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
  color: #000000;
  border: 0px;
  }

.form-answers-ro input {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  /*border: 0px;*/
  border: 1px #999 solid;
  }

.form-answers textarea {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: #999;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  height: 75px
  }

.form-answers textarea.wide {
  width: 460px;
}


.listing-smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #1E518C;
  margin-top: 5px
  }


.folder-text
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  padding-top: 4px;
  text-align: center;
  letter-spacing: -1px
}

.folder-text.red {
    color: black;
}




.folder-text a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  padding-top: 4px;
  text-align: center;
  letter-spacing: -1px 
; text-transform: lowercase  }


.folder-text a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  padding-top: 4px;
  text-align: center;
  letter-spacing: -1px 
; text-transform: lowercase  } 

.folder-label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 12px;
  text-transform: uppercase;
}

.folder-label a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  line-height: 12px;
  text-transform: uppercase;
}

.folder-label a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;
  background-color: #1E518C;
  text-decoration: none;
  line-height: 12px;
  text-transform: uppercase;
}

.survey-fields {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  width: 200px
  }


.survey-answers {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  width: 220px
  }

.survey-answers input {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  height: 19px;
  border: 1px #6699CC solid
  }
  

.survey-answers textarea {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: #999;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  height: 75px
  }

.form-answers select { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    border: #999; 
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    width: 230px
    }
    
.manager input { 
    width: 168px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #000000; 
    font-size: 10px; 
    height: 19px; 
    border: 1px #999 solid;
}
    



.popup-fields {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-align: right;
  }
  
.popup-answers {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  width: 160px
  }
 
.popup-answers input {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  height: 19px;
  border: 1px #000000 solid;
  }

.popup-answers-nosize {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 10px;
  }


.popup-answers textarea {
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: #999;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  height: 75px
  }
  

.popup-answers select { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    border: #999; 
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px; 
    width: 230px
    }
      




.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold}
.smalltextfooter-splash { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; line-height: 16px }
.smalltextfooter-splash a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
.smalltextfooter-splash a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; background-color: #FFFFFF; }






.product { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 10px}
.product_lbs {color:#555555;}

.text-over {
    background-color: #CCCCCC;
}smalltext input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 12px; border: 1px #999 solid; }
code {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #000000; text-decoration: none}

a.folder {
    padding: 0;
    margin: 0;
}

a.folder img {
    padding: 0;
    margin: 0;
    border-style: none;
}

div.background {
    margin: 0 auto;
    width: 780px;
    text-align: center;
    background-repeat: repeat-y;
}

.main-content, .main-body {    
    text-align: center;
    border-style: none;
    background-color: #FFFFFF;
    border-collapse: collapse;    
    margin: 0 auto;
}

.main-content {
    width: 736px;    
}

.main-body {
    border-spacing: 12px; 
    margin-top: 16px;
    width: 736px;
    text-align: left;
    background-color: white;
}

.main-body .column {
    width: 33%;
}

table.header {
    margin-top: 12px;
    border-collapse: collapse;
    width: 736px;
}

td.navigation-fill {
    height: 16px;
    background-color: #373737;
    margin: 0 0 0 0;
}

td.navigation-main {
    width: 100%;
    height: 23px;
    vertical-align: bottom;
    padding: 0 0 0 0;
    background: none;
}

table.navigation-main,
table.navigation-sub {
    width: 100%;
    border-collapse: collapse;    
    margin: 0 0 0 0;
}

table.navigation-main td {
    padding: 0 0 0 0;
}

a.navigation-main {
    margin: 0; 
    text-decoration: none; 
    padding: 0; 
    clear: all;
    border-style: none;
}

body.main {
    text-align: center;
    background-color: #DEE8F2;
}

.emphasis {
    font-weight: bold;
}

.radio-button {
    vertical-align: top;
}

#catalogue-legend {
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 16px;
}

#catalogue-folder-bar {
    width: 239px;
}

.listing-legend,
.sort-listing {
    text-align: right;
    vertical-align: bottom;
    white-space: nowrap;
}

table.box {
    margin-bottom: 15px;
    border-spacing: 3px;
    vertical-align: top;
}

table.box td {
    padding: 0 0 0 0;
}

table.box .bullet {
    width: 10px;
}


.box td.news-headline {
/*    width: 100%;*/
}

td.tab-section {
    vertical-align: top;
    padding-bottom: 16px;
}

#user-selector {
}

.region-label {
    font-weight: bold;
}

.actions { 
    padding-bottom: 1ex;
    padding-left: 12px;
}



table#product-list {
    margin-top: 16px;
    width: 100%;
    border-spacing: 1px;
}

.compact { 
    margin: 0 0 0 0;
}

.section-header {
    padding-bottom: 10px;
}

.username { 
    border-style: none;
    border-collapse: colapse;
    margin-top: 5px;
    width: 100%;
}
.username td {
    padding: 0;
}

.product-listing, .product-listing td {
    border: 1px solid #bcbcbc;
    margin-top: 10px;
}
.product-listing {
    border-collapse: collapse;
}

.product-listing td {
    padding: 2px;
}


.product-listing .description {
    width: 150px !important;
    color: red;
    text-align: left;
}
#products-navbottom { 
    width: 100%; 
    border-style: none;
    border-collapse: collapse; 
}

#products-navbottom td {
    padding: 0;
}

/** In other places, the padding is still handled by print_pixel */
.main-title {
    margin-bottom: 12px;
}

.undecorated {
    text-decoration: none;
}

#news-item-list {
    width: 450px;
    margin-top: 12px;
    border-style: none;
    border-spacing: 3px;
    vertical-align: top;
}

#news-item-wrap {
    width: 450px;
    border-style: none; 
    border-collapse: collapse;   
    vertical-align: top;
}

#news-item-list td {
    padding: 0;
}

#container-main {
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    border-style: none;
    border-collapse: collapse;
}

#container-main td {
    padding: 0;
}

#home-content {
    margin-top: 10px;
}

/* It will appear slightly lower than an ordinary superscript */
.superscript {
    vertical-align: text-top;
    /*
    position: relative;
    top: 3px;*/
    font-size: 9px;
}

.order-column {
    color: #CC0000;
}

#bottom-note {
    margin-top: 3px;
    margin-bottom: 5px;
}

#order-comments {
	width: 100%;
	float: left;
}

.floating-legend {
    float: right;
    padding-left: 20px;
}
#order-info {
  	clear: left;
}

.folder-list {
    width: 239px;
    border-spacing: 4px;
    border-style: none;
}

.folder-list td {
    padding: 0;
}

#quick_add_cell {
   position: relative;
   text-align: left;
   vertical-align: middle;
   padding-right: 20px;
}

div.quick-add {
   width: 150px;
   height: 32px;
   border: solid 1px #649ACC;
   background-color: #e6e6e6;
   position: relative;
}

.quick-add form {
   width: 100%;
   margin: 0 0 0 0;   
   padding-top: 0;
}

.quick-add .product-code {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 10px;
   border: solid 1px #649ACC;
   width: 50px;
   position: absolute;
   top: 5px;
   left: 5px;
   height: 21px;
}

.quick-add .add-button {
   position: absolute;
   top: 5px;
   right: 5px;
}

#breaks {
   position:absolute;
   top:100px;
   left:100px;
   visibility:hidden;
   background-color: #ECF2F7;
   border: 1px solid #6699CC;
   text-align: left;
   padding-left:10px;
   padding-right:10px;
   padding-top:10px;
   padding-bottom:0px;
   width: 260px;
   height: 140px;
   z-index: 100;
}

.price-breaks {
   width: 100%;
}

.price-breaks td {
   white-space: nowrap;
}

.price-breaks th.quantity {
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;
}

.price-breaks td.quantity {
   text-align: right;
}

.pack-size {
   text-align: center;
}

.close-button {
   position: absolute;
   top: 5px;
   right: 5px;
}

#pleaseWait {
   z-index:1;
   font-family:verdana,arial,helvetica;
   color:black;
   font-size:12px;
   text-align:center;
   position:absolute;
   top:0px;
   left:0px;
   width:200px;
   height:125px;
   padding:4px;
   background-color:transparent;
}

.catalogue-cart {
   margin-top: 0;
}

.special-emphasis {
	text-transform: uppercase;
	font-weight: bold;
}

.footer-start {
      padding-top: 10px;
}

.important {
	color: red;
	font-weight: bold;
}

#home-demo-link {
    margin-bottom: 22px;
}

#tutorial-box .tutorial-section {
    margin-bottom: 10px;
}

#tutorial-box {
    margin-bottom: 30px;
}

#product-listing-frame {
    border: 0 none;
}

/* This style class only works in Internet Explorer */
.branded-scrollbars {
    scrollbar-arrow-color:       #FFFFFF;
    scrollbar-3dlight-color:     #e8e8e8;
    scrollbar-highlight-color:   #FFFFFF;
    scrollbar-face-color:        #d8d8d8;
    scrollbar-shadow-color:      #c0c0c0;
    scrollbar-track-color:       #FFFFFF;
    scrollbar-darkshadow-color:  #DDDCDC;
}
table.phone_fax_email tr td .value * {
    font-size: 10px;
}

table.phone_fax_email {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
 
table.phone_fax_email tr td {
    padding: 4px;
}
 
table.phone_fax_email tr td.label {
    font-weight: bold;
}

.pitch {
    color: navy;
}