﻿#quoteRequestForm{padding:10px;}
.divCategory
{
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 14px;        
    min-height:30px;
    font-size:27px;
    font-family: MyriadPro, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #222;    
    text-rendering: optimizeLegibility;
}

.divCategoryPrice
{
    line-height: 1.1;
    font-weight: normal;
    margin-bottom: 14px;        
    min-height:30px;
    font-size:23px;
    font-family: MyriadPro, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    color: #222;    
    text-rendering: optimizeLegibility;
}


.parent{padding-bottom:10px}
.child{padding:10px;}
.childoption{padding:2px;padding-left:20px;font-style:normal}
.option{float:left;}
.goption{float:left;}
.optionlabel {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;    
    }
    .goptionlabel {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;    
    }
.categoryheader {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    font-style:italic;
    margin-bottom:17px;
    }
  .categoryfooter {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 3.0;
    font-style:italic;  
    }
    
    .subcategory {font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    font-weight:bold;
    font-style:italic;
    }
  .optionDropdown
  {
     height:23px !important;
     margin-bottom:0px !important;
     float:left;
     width:80px;
     margin-left:30px;
     padding:0px !important;
  }
  .del
  {
      background: url(/content/images/Icons/delete.png) no-repeat center;
      width: 16px;
      height: 16px;
      float:left;
      cursor:pointer;
    
  }
  .workstation
  {
      font-weight:normal;
      font-style:normal;    
      margin-top:5px;  
  }
  
.callout {
    position: fixed;
    margin: 18px 0;
    /* padding: 18px 20px; */
    /* background-color: #eef4f9; */
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width:230px;    
    top:120px;
    left:63%;
    z-index:200;
}
.callout .notch {
    position: absolute;
    top: 10px;
    left: -11px;
    margin: 0;
    border-top: 10px solid transparent;
    border-left: 0;
    border-right: 10px solid #eef4f9;
    border-bottom: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-callout {  /* border: 1px solid #000; padding: 17px 19px; */ }
.border-callout .border-notch { border-right-color: #c5d9e8; top: 12px; }
.sticy
{
    position:fixed;
    top:0px;
    
}
.subcat
{
    width:200px;
}
.selectedworkstation
{
    margin-bottom:10px;
}

 #quoteParent
  {
    padding-left:30px;    
  }  


/* mobile (portrait and landscape) ----------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
 #quotegraphic
 {
    width:100%; 
    display:none;    
  }   

  #quoteParent
  {
    padding-left:0px;    
  }  
  
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) 
{
  #quotegraphic
  {
    width:100%;     
  }   
  
}
.reveal-modal-bg
{
    z-index:250 !important;
}

#customerdetail .columns {
    padding: 3px;
}
.graphicchild
{
    padding:5px;
}

.emailButton
{
 background: url(/content/images/widget/emailQuote.png) no-repeat center; 
 width:166px;
 height:26px;  
 cursor:pointer;
 margin-left:30px;
 margin-top:10px;
}
#quoteSummary tr {background-color:#fff !important}
#quoteSummary tr td {border-bottom:1px solid #E6E6E6 !important}
#quoteSummary tbody tr td {padding:7px\9;}
