@charset "utf-8";

input {
    font-size: 14px;
    padding: 4px;
    color: #303030;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
input:focus, textarea:focus {
    border-color: #f4f4f4 !important;
}
input[type="submit"] {
    cursor: pointer;
}
.clearing {
    clear: both;
}
.rego-form label {
    display: block;
    margin-bottom: 7px;
}
#product-rego-container {
    padding: 0 10px;
    overflow: hidden;
}
#product-rego-container #accordion .panel-heading {
    padding: 5px 5px;
}
@media (max-width: 767px) {
    #product-rego-container {
        padding: 0;
    }
    #product-rego-container #accordion .panel-title {
        position: relative;
    }
    #product-rego-container #accordion .panel-title .glyphicon.glyphicon-menu-down,
    #product-rego-container .panel-title .glyphicon.glyphicon-menu-right {
        font-size: 0.9em;
        position: absolute;
        top: 29%;
        right: 1%;
    }
}
#ProductRegistration p strong.content-title {
    color: #647daf;
}
#ProductRegistration > .content {
    padding: 5px!important;
}
#main_info {
    font-weight: normal;
    font-family: Tahoma, Helvetica, Arial, Verdana, sans-serif;
}
@media (min-width: 768px) {
    .rego-container-left {
        padding-right: 5%;
    }
}
.rego-container-left-forgot {
    float: left;
    width: 226px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    padding-right: 35px;   
    height: 150px;    
}
.rego-container-right {
    float: left;
}
@media (min-width: 768px) {
    .rego-container-right
    /*.form-content-right-c*/ {
        padding-left: 2%;
        /*width: 73%;*/
        border-left: 1px solid rgba(255, 255, 255, .3);
    }
}
.rego-container-right h3 {   
    color: #A2C5D6 !important;
    font-size: 40px !important;
    margin-bottom: 15px;           
}
#container #content #main .rego-container-left ul li {
    color: #647daf;    
    list-style: disc;
    content: "•";
    font-size: 190%;       
}
.rego-container-left ul {
    padding-left: 16px;
    /*background-color: #647daf;*/
}
.rego-container-left h5 {
    font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif; 
    font-weight: 300;
    font-size: 15px !important;
    color: #ffffff;
    background: #d9981b;
    padding: 5px;
    font-size: 14px;
}
@media (min-width: 768px) {
    .rego-container-left h5 {
        margin-bottom: 10px;
        padding: 10px;
    }
}
.rego-container-right .orange-box {
    font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif; 
    font-weight: 300;
    font-size: 15px !important;
    color: #ffffff;
    background: #034ea2;
    padding: 10px !important;
    font-size: 14px;  
    width: 190px;
}

/*My Account pages style starts*/
@media (max-width:767px) {
    .easy-steps-left {
        margin-bottom: 10px;
    }
    .easy-steps-left h5 {
        margin-top: 10px;
    }
}
.easy-steps-left h5 {
    padding: 10px;
    margin-bottom: 10px;
}
.easy-steps-left ul {
    padding-left: 0;
    /*background-color: #647daf;*/
}
.easy-steps-left .steps-menu li a {
    color: #000000;
    text-decoration: none;
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li {
    list-style-type: none;
    font-size: 1.5em;
    font-style: italic;
    padding: 8px 10px;
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3);
    border-top: 1px solid rgba(255, 255, 255, .3);
}
#container #content #main .rego-container-left.easy-steps-left .steps-step li {
    list-style-type: none;
    font-size: 1.5em;
    font-style: italic;
    padding: 8px 10px;
    /*border-left: 1px solid rgba(255, 255, 255, .3);
    border-right: 1px solid rgba(255, 255, 255, .3);
    border-top: 1px solid rgba(255, 255, 255, .3);*/
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li a,
#container #content #main .rego-container-left.easy-steps-left .steps-step li span.step-span {
    color: #656565;
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li.last {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li:hover {
    background: #f6f6f6;
    text-decoration: none;
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li.active,
#container #content #main .rego-container-left.easy-steps-left .steps-menu li.active:hover,
#container #content #main .rego-container-left.easy-steps-left .steps-step li.active,
#container #content #main .rego-container-left.easy-steps-left .steps-step li.active:hover {
    background: #647daf;
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li span.active,
#container #content #main .rego-container-left.easy-steps-left .steps-step li span.active,
#container #content #main .rego-container-left.easy-steps-left .steps-step li span.active span.step {
    color: #f6f6f6;
}
#container #content #main .rego-container-left.easy-steps-left span.step-menu,
#container #content #main .rego-container-left.easy-steps-left span.step {
    color: #ad7305;
    font-weight: bold;
}
#container #content #main .rego-container-left.easy-steps-left .steps-menu li.active span.active-grey {
    font-weight: bold;
}
/*.form-content-right-c*/
.rego-container-right .steps-bar {
    background: #647daf;
    padding: 5px 15px;
    margin-top: 4px;
}
.rego-container-right .steps-bar p.steps-bar-left {
    color: #ffffff!important;
    font-family: 'Open Sans', sans-serif !important;
}
.rego-container-right .steps-bar p.steps-bar-left span.step-bold {
    font-weight: bold;
}
.rego-container-right .steps-bar .steps-bar-right {
    float: right;
    font-size: 85%;
    color: #afe8ff !important;
    font-family: Arial, Sans-Serif !important;
}
.confirmation-container {
    background: #f6f6f6;
    padding: 20px 30px;
}
.confirmation-container p {
    font-size: 1.2em!important;
    font-family: Verdana, Arial, sans-serif !important;
}
.confirmation-container h5 {
    color: #084e9d;
    font-family: 'Open Sans', Arial, Verdana, Sans-Serif;
    padding: 18px 0;
}
.account-list {
    padding-left: 10px;
}
.account-list ul li {
    list-style-type: square;
    line-height: 2em!important;
    font-size: 1.2em !important;
    font-family: Verdana, Arial, sans-serif !important;
}
.account-list ul li a {
    color: #647daf;
    font-weight: bold;
}
/*My Account pages style ends*/

/*Product Information page style starts*/

.formItem {
    /*margin-top: 2px;
    background: #c4c4c4;
    padding: 4px;*/
}
.formItem-wrapper {
    margin-top: 2px;
    background: #c4c4c4;
    padding: 4px;
    overflow: hidden;
}
.formItem.retail-padding {
    padding: 6px 0 11px 0;
}
.formItem label {
    font-size: 1.3em;
    vertical-align: middle;
    padding-top: 6px;
    font-family: Verdana, Arial, sans-serif;
    text-align: right;
    margin-right: 5px;
}
@media (max-width: 500px) {
    .formItem label {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    .formItem .fi_content {
        width: 100%;
    }
    .formItem .retail-store,
    .formItem .online-store {
        width: 40%;
    }
}
.ip-buttons {
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    float: right;
}
@media (max-width: 500px) {
    .ip-buttons {
        width: 100%;
    }
}
.formItem .retail-store,
.formItem .online-store {
    font-size: 1.3em;
    font-weight: bold;
}
.clear-btn {
    display: block;
    background: url(../img/clear_btn.jpg) no-repeat right !important;
    /*width: 109px;*/
    height: 28px;
    background-position: top right!important;
    border: none !important;
    /*float: left;
    margin-left: 375px;*/
}
.next-btn {
    display: block;
    background: url(../img/next_btn.jpg) no-repeat right !important;
    /*width: 67px;*/
    height: 28px;
    background-position: top right!important;
    border: none !important;
}

/*Product Information page style ends*/

.bnf {
    color: #647daf!important;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 10px;
}
.inl {
    color: #000000!important;
    font-size: 14px!important;
    margin-bottom: 13px!important;
}
.st-grey {
    color: #000000;
    font-style: italic;
    font-weight: bold;
}
.rego-form {
    float:left;
    position: relative;
}
.existing-cust h5 {
    font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 14px;
    padding: 18px 0 0 56px;
}
.new-cust h5 {
    font-family: 'Open Sans', Tahoma, Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 15px;
    padding: 7px 25px 8px 25px;
    background: #d9981b;
    text-align: center;    
}
.existing-cust {    
    margin: 3px;
    background: #647daf;
    padding-top: 35px;
    min-height: 305px;
}
.new-cust-border {
    float: left;
    margin-top: 26px;
}
.existing-cust-border {
    float: left;
    margin-top: 26px;
    position: relative;
}
@media (max-width: 575px) {
    .existing-cust-border,
    .new-cust-border {
        width: 100%;
    }
}
.new-cust {
    margin: 3px;
    background: #647daf;
    padding-top: 35px;
    min-height: 400px;
}
@media (max-width: 768px) {
    .new-cust {
        min-height: 290px;
    }
}
.top-box2 {   
    position: absolute;
    top:-8px;
    left: 13%;
    width: 75%;
    background: #d9981b;
    text-align: center;
    color: #ffffff;    
}
.top-box1 {   
    position: absolute;
    top:-8px;
    left: 13%;
    width: 75%;
    background: #d9981b;
    text-align: center;
    color: #ffffff;    
}
.top-box2 h5, .top-box1 h5 {
    font-family: 'Open Sans', Tahoma, Verdana, Arial, Sans-Serif !important; 
    font-weight: 300; 
    font-size: 16px;
    padding: 7px 0;
}
.new-content {
    margin-left: 32px;
    margin-top: 34px;
}
.existing-content p {
    margin-bottom: 6px;
}
.existing-content form#login,
.existing-content form#serialNumber {
    width: 83%;
    margin: 0 auto;
}
.existing-content form label,
.existing-content form input {
    width: 100%;
}
.existing-content #parent1 select {
    font-size: 1.9em;
}
.m-top-1 {
    font-size: 14px !important;
    color: #000000;
    font-weight: normal;
}
.m-top-2 {
    margin-top: 30px;
    font-size: 14px !important;
    color: #000000;
    font-weight: normal;
}
.m-top-3 {
    margin-top: 15px;
}
.wdt {
    width: 15em;
}
.remember {
    font-size: 14px !important;
    margin-top: 20px;
}
.forgot {
    font-size: 8px !important;
    letter-spacing: 2px;
    float: right;
    padding-top: 9px;    
}
.forgot a {
    color: #F3BA2B;
}
.forgot a:hover {
    text-decoration: underline;
}
.serial, .postcode, .dop {
    font-size: 14px !important;
}
.serial-container {
    width: 100%;
    margin-top: 35px;
}
.serial-right {
    float: left;
    width: 120px;
    padding-top: 17px;
}
.serial-right p {
    font-size: 8px !important;
    letter-spacing: 2px;
    line-height: 16px;    
}
.serial-right a {
     color: #F3BA2B;  
}
.serial-right a:hover {
     text-decoration: underline;  
}
.login-btn-rego {
    display: block;
    background: url(../img/login_btn.jpg) no-repeat right;  
    width: 80px!important;
    height: 29px;  
    background-position: 0 0;
    margin-top: 50px;
    margin-bottom: 10px;
    border: none;
    float: right;
}
.login-btn-rego:hover, .submit-btn:hover {
    background-position: 0 -25px !important;
    cursor: pointer !important;
}   
.submit-btn {
    display: block;
    background: url(../img/submit_btn.jpg) no-repeat right;  
    width: 85px!important;
    height: 29px;  
    background-position: 0 0;
    margin-top: 14px;
    margin-bottom: 10px;
    border: none;
    float: right;
}
.forgot-align {    
    margin: 5px 0 20px 174px !important;        
}
.sforgot-box {
    width: 200px;    
}
.questions {
    font-size: 14px !important;        
}
.privacy-policy {
    color: #6dcff6;
}
.privacy-policy:hover {
    text-decoration: underline;
}
.email-box {
    padding-left: 25px;    
}
.email-txt {
    font-size: 14px !important;
    margin-bottom: 10px;
    font-family: Tahoma, Sans-Serif !important;
    float: left;
    margin-top: 4px !important;
    padding-right: 7px;
}
.promo_title16 {
    color: #fffc00;
    display: block;
    font-size: 1.6em;
    margin-top: 10px;
}
.date-purchase {
     font-size: 14px;
     color: #ffffff;
     font-weight: normal;     
}
.f_error_text {
    margin-bottom: 5px;
    color: #ed1c24;
    font-size: 0.8em;
}
.f_error_text strong {
    font-size: 1.6em;
}
.f_error_text.col-xs-7 {
    float: right;
    margin-right: 6.5%;
}
form.stdForm .formItem.f_error .fi_content input.ft_text {
    border: 1px solid #ED1C24;
}
.sol-rego-link {
    color: #ad7305;
    text-decoration: underline;
}
.sol-rego-link:hover {
    text-decoration: underline;
    color: #fffc00;
    -webkit-transition: color 0.1s ease-out;
    -moz-transition: color 0.1s ease-out;
    -ms-transition: color 0.1s ease-out;
    -o-transition: color 0.1s ease-out;
    transition: color 0.1s ease-out;
}