.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.wizard,.tabcontrol{display:block;width:100%;overflow:hidden}.wizard a,.tabcontrol a{outline:0}.wizard ul,.tabcontrol ul{list-style:none!important;padding:0;margin:0}.wizard ul>li,.tabcontrol ul>li{display:block;padding:0}.wizard>.steps .current-info,.tabcontrol>.steps .current-info{position:absolute;left:-999em}.wizard>.content>.title,.tabcontrol>.content>.title{position:absolute;left:-999em}.wizard>.steps{position:relative;display:block;width:100%}.wizard.vertical>.steps{display:inline;float:left;width:30%}.wizard>.steps>ul>li,.wizard>.actions>ul>li{float:left}.wizard.vertical>.steps>ul>li{float:none;width:100%}.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{display:block;width:auto;margin:0 .25em .25em;padding:1em .5em;text-decoration:none;}.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{background:#eae6de;color:#aaa;cursor:default}.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active{background:#3e3e3e;color:#fff;cursor:default}.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active{background:#818181;color:#fff}.wizard>.steps .error a,.wizard>.steps .error a:hover,.wizard>.steps .error a:active{background:#ff3111;color:#fff}.wizard>.content{background:#eae6de;display:block;margin: .8em 1px;overflow:hidden;position:relative;width:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard.vertical>.content{display:inline;float:left;margin:0 2.5% .5em 2.5%;width:65%}.wizard>.content>.body{float:left;position:relative;width:95%;padding:2.5%}.wizard>.content>.body ul{list-style:disc!important}.wizard>.content>.body ul>li{display:list-item}.wizard>.content>.body>iframe{border:0 none;width:100%;height:100%}.wizard>.content>.body input{display:block;border:1px solid #ccc;background-color: #fff;
}.wizard>.content>.body input[type="checkbox"]{display:inline-block}.wizard>.content>.body input.error{background:#fbe3e4;border:1px solid #fbc2c4;color:#8a1f11}.wizard>.content>.body label{display:inline-block;margin-bottom:.5em; margin-top: 0px;}.wizard>.content>.body label.error{color:#8a1f11;display:inline-block;line-height: 13px}.wizard>.actions{position:relative;display:block;text-align:right;width:100%}.wizard.vertical>.actions{display:inline;float:right;margin:0 2.5%;width:95%}.wizard>.actions>ul{display:inline-block;text-align:right}.wizard>.actions>ul>li{margin:0 .5em}.wizard.vertical>.actions>ul>li{margin:0 0 0 1em}.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active{background:#001a33;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{background:#eae6de;color:#aaa}.wizard>.loading{}.wizard>.loading .spinner{}.tabcontrol>.steps{position:relative;display:block;width:100%}.tabcontrol>.steps>ul{position:relative;margin:6px 0 0 0;top:1px;z-index:1}.tabcontrol>.steps>ul>li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.tabcontrol>.steps>ul>li:hover{background:#edecec;border:1px solid #bbb;padding:0}.tabcontrol>.steps>ul>li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px 0;margin-top:0}.tabcontrol>.steps>ul>li>a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none}.tabcontrol>.steps>ul>li>a:hover{text-decoration:none}.tabcontrol>.steps>ul>li.current>a{padding:15px 30px 10px 30px}.tabcontrol>.content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px}.tabcontrol>.content>.body{float:left;position:absolute;width:95%;height:95%;padding:2.5%}.tabcontrol>.content>.body ul{list-style:disc!important}.tabcontrol>.content>.body ul>li{display:list-item}@media(max-width:600px){.wizard>.steps>ul>li{width:50%}.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{margin-top:.5em}.wizard.vertical>.steps,.wizard.vertical>.actions{display:block;float:none;width:100%}.wizard.vertical>.content{display:block;float:none;margin:0 .5em .5em;width:auto}}@media(max-width:480px){.wizard>.steps>ul>li{width:100%}}.com{color:#93a1a1}.lit{color:#195f91}.pun,.opn,.clo{color:#93a1a1}.fun{color:#dc322f}.str,.atv{color:#d14}.kwd,.prettyprint .tag{color:#1e347b}.typ,.atn,.dec,.var{color:teal}.pln{color:#48484c}.prettyprint{padding:8px;background-color:#f7f7f9;border:1px solid #e1e1e8}.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;-moz-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0}ol.linenums{margin:0 0 0 33px}ol.linenums li{padding-left:12px;color:#bebec5;line-height:20px;text-shadow:0 1px 0 #fff}
h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
}
label.prodtypeiimage { margin-top: 0px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

.type-selector input {
    padding: 7px; border: solid 1px #3272af;
    font-size: 21px;
    position: absolute;
    margin-left: 10px;
    z-index: 999;
}
.innerbox3 .nameofoption {
    padding: 0px 19px;
    text-transform: uppercase;
}
.innerbox3 input {
    float: left;
}
#loadingDIV {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}


.selectoptions {
    font-size: 16px;
    font-weight: normal;
    line-height: 23px; margin-bottom: 10px;
}.selectoptions span { 
    display: block;
    font-weight: bold; margin-bottom: 20px;
}.option-selector {
    display: block;
    float: left;
    width: 100%;
}.wizard>.content>.body input[type="checkbox"] {
    display: block;
    float: left;
    margin-right: 5px;
}
input[type=radio] {
    border-radius: 3px;
}
.fieldgroup {
    margin-bottom: 18px;
}
label#product-mat-sel-error {
    display: block;
    width: 100%;
    color: #d2232a;
}
.wizard>.steps .error a:after {
    display: block;
    position: absolute;
    content: "*required";
    top: 28px;
    padding-left: 10px;
}
.fieldgroup {
    margin-bottom: 21px;
}
.wizard>.content>.body textarea { border: 1px solid #ccc;
    background-color: #fff; }
.innerbox {position: relative; overflow: hidden;
    height: 200px;}
.nameofoption {top: 79%; color: #000; line-height: 14px;
    font-size: 13px;
    position: relative;
    font-weight: normal;
    -moz-transition-property: opacity,margin;
    -o-transition-property: opacity,margin;
    -webkit-transition-property: opacity,margin;
    transition-property: opacity,margin;
    -moz-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    text-align: left;
    padding: 13px 15px 7px 15px;
    background-color: #f9fdffb3;
}
.prodtype
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #f1f1f1;
     color: #1f35ce;
     height: 30px;
     width: 30px !important;
     border: 0;
     border-radius: 50px;
     cursor: pointer;
     margin-right: 7px;
     outline: none;
}
.prodtype:checked::before
{
     position: absolute;
     font: 16px/1 'Open Sans', sans-serif;
     left: 11px;
     top: 4px;
     content: '\02143';
     transform: rotate(40deg);
}
.innerbox:hover .nameofoption {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
    margin-top: -112px;
}
.prodtype:hover
{
     background-color: #f7f7f7;
}
.prodtype:checked
{
     background-color: #f1f1f1;
}
.builddetails {background-color: #eae6de; z-index: 999;
    padding: 15px;}
.builddetails.fixed {
    bottom: 0;
    position: fixed;
    width: inherit;
    max-width: inherit; right: 0;
}
.innerbox2 .nameofoption {
    margin-left: 37px;
    padding: 0px 11px;
}

.nameofoption span {
    display: block;
    font-weight: bold;
}
.displayoptions {display: none}
label {cursor: pointer;}
input#samples {
    float: left;
    /* width: 100px; */
}

label.sample {
    float: left;
    margin: 0px 10px;
}
.sample span {
    font-weight: normal;
    display: block;
}
.innerbox3 label {
    display: block !important;
    float: right;
    width: 91%;
    margin-top: 3px;
}