body, html{color: #2D5188;font-family: 'Roboto', Arial, sans-serif;}
.container{width:1120px;padding:0}
a.haveuscall{color: #4d4d4d;font-family: 'Source Sans Pro', sans-serif, 'Arial';font-size: 19px;}
a.phonenumber{text-decoration: none;color: #0088d2;font-family: 'Roboto', Arial, sans-serif;line-height: 1.35em;font-size: 19px;}
#header{border-bottom: 1px solid #CCC;font-size:19px;vertical-align:baseline;}
#logoimg{height: 75px !important;}
#header ul{list-style: none;}
#header div:first-child ul:first-child {padding: 37px 0 35px 0;margin: 0;float: right;}
#header div:first-child ul:first-child li {float: left;}
.center-block{
    width:90%;
    max-width:90%;
    text-align: center;
}
.labelcol{background-color: #dcdcdc;}
#progressbar {
    margin-top:50px;
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #CCC;
    text-transform: uppercase;
    font-size: 12px;
    width: 16.6%;
    float: left;
    position: relative;
    font-weight: bold;
    text-align: center;
}
#progressbar li a{color: #27AE60;font-weight: bold;}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: #CCC;
    border-radius: 3px;
    margin: 0 auto 5px auto;
    z-index: 5;
    position: relative;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #CCC;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: 1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {content: none; }
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active, #progressbar li.active a{color: #0175D3;}
#progressbar li.active:before,  #progressbar li.active:after{background: #0175D3;color: white;}
div.progressbar{width:90%;margin-left:auto;margin-right:auto;}
.headercentered{margin-left:auto;margin-right:auto;}
.headerobject{
    display:inline-block;
    vertical-align: baseline;
    color:#4d4d4d;
    padding-top:40px;
    font-family: 'Source Sans Pro', sans-serif, 'Arial';
    font-size: 24px;
}
.headerobject a{color:#4d4d4d;}
.hphone{margin-left:30%;}
.form-container{width:100%;height:100%;}
.paymentbox{
    border: 1px solid #444444;
    border-radius: 5px;
    text-align: center;
    padding:5px;
    width:220px;
    min-width: 220px;
    height: 110px;
    min-height: 110px;
}
.form-control{
    color:#48566a;
    font-family: 'HelveticaNeueW01-55Roma', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 20px;
    padding: 10px 16px;
    box-shadow: 0 1px 0 rgba(72,86,106,0.16) inset, 0 0 0 3px #ffffff inset;
    transition: box-shadow .64s cubic-bezier(.08,.8,.4,.96);
    border-radius: 8px;
    font-size: 1.3em;
    vertical-align: baseline;
    height:auto;
}
.form-row{margin-top:10px;}
.form-group{margin-bottom: 1px;}
.specification{
    text-shadow: none;
    font-size: 120%;
}
.termslabel{position:absolute;left:50px;}
div.field-orderpersonal-consent, div.field-orderpersonal-tissueact{display: inline-block;}
.rowtabled{font-size: 0.9em;}
.rowtabled, .bordered{border: 1px solid #DDD;}
.rowRightBordered{border-right: 1px solid #DDD;}
.rowtabled:nth-child(even){background-color:#F9F9F9;}
.bolded{font-weight: bold;}
div.spacer-30{height: 30px;min-height: 30px;}
.totalrow{font-size:1.3em;}
.header-row{width:90%;margin-left:auto;margin-right:auto;}
.container-main{width:80%;margin-left:auto;margin-right:auto;}
.piblock{width:95%;}
.btn-gtl{background-color:#0175D3;color:white;}
.footer{
    background-color: #656464;
    height: 40%;
    color: white;
    font-size: 14px;
    line-height: 24px;
    margin-top:30px;
}
.footer a{color:white;}
.footer ul{list-style-type: none;margin-top:30px;padding: 0}
.footer .label{font-size:14px;font-weight: normal;padding:0}
input[type="checkbox"]{width:30px;height: 18px;}
.btn-categorylayer{
    text-align: center;
    width:100%;
    font-size: 1.8em;
    white-space: normal;
}
.btn-productlayer{
    text-align: center;
    width:100%;
    font-size: 1.3em;
    white-space: normal;
    margin-top: 15px;
    margin-bottom: 15px;
}
.optselect, label.productlabel{font-size: 1.3em;}
.totalText{text-align:right;font-size:1.4em;padding-top:5px;}
.topheader{padding-top:40px;font-size:20px;}
.pricespacer{height: 40px;min-height: 40px;}
.productlabel{display:block;color:inherit;}

h1, h2, h3, h4{color:#3399FF;}
.topBottomSpacer{margin-top: 20px;margin-bottom:35px;}
div.totaldiv:hover{
    text-decoration: none;
}
div.totaldiv{
    background-color: white;
    border: 2px solid #0175D3;
    color: #0175D3;
}
div.navbut{display: inline;}
.navButLeft{margin-right: 15%;}
.navButRight{margin-left: 15%;}
.navButLeft10{margin-right: 10%;}
.navButRight10{margin-left: 10%;}

.testnamediv{font-size: 1.2em;text-align: left;}
.optiondiv{font-size: 1.0em;text-align: left;}
.testpricediv{font-size: 1.2em;text-align: right;}
.optionpricediv{font-size: 1.0em;text-align: right;}
.personalLabel, .personalValue{text-align: left;}
/*.summarytable{width: 80%;max-width: 80%;}*/

@media (max-width: 699px) {
    .container{width:90%;padding:0}
    .topheader{padding-top:10px;font-size:20px;text-align: center;}
    .toplogo{text-align: center;}
    div.progressbar{display: none;}
    .btn-categorylayer{font-size: 1.1em;}
    input.btn-gtl,
    .btn-productlayer,
    input.btn-lg,
    .optselect, label.productlabel,
    select.form-control{font-size:1em;}
    .totalText{text-align:center;}
    .pricespacer{height: 20px;min-height: 20px;}
    h1, h2, h3, h4{text-align: left; font-size: smaller;}
    .center-block{text-align: left;}
}
.btn-productlayercc{
    text-align: center;
    width:100%;
    font-size: 1.3em;
    white-space: normal;
    margin-top: 5px;
}