td                             { font-size: 11px; }
th                             { background-color:#CCCCCC; font-size:11px; }
#header_stripe                 { margin: 10px 0 0; height: 55px; background-color: #f0f0f0; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; position: relative; } 
#header_stripe img             { padding: 6px 20px 6px 20px; background-color: white; float: left; margin-right: 25px; border: none; }
#header_stripe h2 a            { font-size: 12px; } 
.header                        { background-color: #cccccc; }
.textbox                       {  text-align:left; margin: 0px; padding: 0px; }
.textboxe                      { background-color: transparent; text-align:left; } 
.error                         { background-color: #FFFFBB; }    
.comments                      { background : #CCCCCC; border: #F26532 2px solid; padding: 6px 6px 6px 30px; margin:20px 0px 20px 0px; }
.comment0                      { background : #EEEEEE; border: #F26532 1px solid; padding: 6px; }
#comment2                      { list-style:none; font-weight:bold;} 
input.button                   { margin-top: 0px; border: 0px; } 
.odd                           { background-color:#f4f4f4; font-size: 11px; padding-top: 25px;}
.even                          { background-color:#f0f0f0; font-size: 11px; padding-top: 25px;}
.imagelink                     { text-decoration: underline; background-image:none; cursor: pointer; margin: 0px; padding: 0px; }  
.imagelink:hover               { background-image:none; cursor: pointer; margin:  0px; padding: 0px; }
#subbody .noarrowb             { color: #0033FF; padding: 0px; background: none; text-align: left; font-weight:bold; }
#subbody .noarrowb:visited     { color: #0033FF; padding: 0px; background: none; text-align: left; font-weight:bold; } 
#subbody .noarrowb:hover       { color: #000099; padding: 0px; background: none; text-align: left; font-weight:bold; }
div.webfamily                  { margin: 0; }
div.webfamily div.col-sm-12    { background: #768794; color:#FFFFFF; text-align:center; font-size:14px; font-variant:small-caps; padding: 5px 0 5px 0;margin-top: 30px; }
.nodisc                        { list-style:none; }
.ordertable                    { width:867px; }
#confirmation                  { line-height:18px; font-size:14px; width:520px; }
.normal                        { list-style:disc; }
ul                             { margin-left: 20px; margin-bottom: 10px;} 
.col-md-3 #text-search         { float: left;  border: 0; background: #F4F4F4; padding: 6px 0 6px 5px; }
th                             { text-align: center; } 
#scroll                        { height: auto; overflow:visible; border: 0px; }

#sp_alert                      { display: none; } 
.desktop                       { display: none; }
.mobile                        { display: inline-block; font-weight: bold;}
.finishes                      { width: 80%; }
.admin-search-box .text-search { color: black;position:relative; top: -11px;  background: #F4F4F4; height: 32px; border: 0; padding: 5px; }
#subpage .admin-search-box     { text-align: center;background: #5B5B5D;padding: 0px 10px 10px 10px;border: 2px solid black; color: white; }
#subpage .admin-search-box h2  { color: white;border-bottom: 1px solid white; padding: 5px 0 5px 0; }
.newrow                        { background: #768794; color: white; border-top: 1px solid #cccccc; padding: 4px; }
.newrow a                      { background: #F16532; color: white; font-size: 11px; padding: 5px 10px 5px 10px; }
.newrow a:hover                { background: #F28552; text-decoration: none; }
.newrow input                  { color:black; font-size: 11px; padding: 2px; }
.est-shipping                  { margin-top: 20px; }
.bold                          { font-weight:bold; }
.narrow-header                 { margin:2px; width: 560px; background: none; } 

@media (min-width: 992px)  {
  #subpage ul.webfamilies                { position: absolute; list-style: none;font-size: 12px;  z-index: 200; }
  #subpage ul.webfamilies > li > a       { display: block; padding: 3px;  color: #5f6062; }
  #subpage ul.webfamilies li             { padding: 0px; margin: 0px; }
  #subpage ul.webfamilies ul             { position: relative; left: 15px; display: none; width: 155px; list-style: none; background-color: #f26532; margin: 0; padding: 0; }
  #subpage ul.webfamilies ul li a        { display: block; text-transform:capitalize; text-decoration:none; padding: 5px; background: #f28552; }

  #subpage ul.webfamilies li:hover       { background-color:transparent; }

  #subpage ul.webfamilies li:hover a     { color: white; background-color: #f28552; text-decoration:none; }
  #subpage ul.webfamilies li:hover a:hover { color: white; background-color: #F26532; text-decoration:none; }
 
  #subpage ul.webfamilies li:hover ul    { display: block; }
  #subpage ul.webfamilies > li:hover > a { background-color:#F26532; }
  #scroll                                { width: 100%; height: 300px; overflow:scroll; z-index: 100; }
  .desktop                               { display: block; }  
  .mobile                                { display: none; } 
  .price                                 { text-align:right; }
  .finishes                              { width: 100%; }
  .finishes select                       { width: 100%; }
  .odd                                   { padding-top: 5px;}
  .even                                  { padding-top: 5px;}
  
}