﻿ *{
   font-family: "Rubik",Helvetica,Arial,sans-serif !important;
}   

  .inputContainer.inline {
    display: inline-block;
}

.container .tableUnit .table-original {
    margin-top: 10px;
}

.container table {
    display: table;
    table-layout: fixed;
    position: relative;
    margin: 20px auto;
    width: auto;
    min-width: 100%;
    text-align: left;
    border-collapse: collapse;
}	
	
input[type="radio"]+label .radioCustom {
    background-color: #F2F2F2;
    border: 1px solid #4A4A49;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 20px;
}
	
/* Input Placeholder Text */

input::-webkit-input-placeholder {
    font-size: 16px;
    color: #979595;
    font-weight: 300;
}

input::-moz-placeholder {
    font-size: 16px;
    color: #979595;
    font-weight: 300;
}

input:-ms-input-placeholder {
    font-size: 16px;
    color: #979595;
    font-weight: 300;
}

 input:-moz-placeholder {
    font-size: 16px;
    color: #979595;
    font-weight: 300;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.borderRounded, .bg-brand-grey, .ctaPromo, .ctaPromo:hover, .ctaPromo .ctaPromo-img, .ctaInfo, .ctaInfo .ctaInfo-img, .cta, .account .infoList, .account.account__prepaid .withdraw, .tooltip-inner, .priceSummary, .parcelsizeManager .parcelContainer .parcel, .parcelsizeManager .parcelContainer .parcel .result, .parcelsizeManagerInt .parcelContainer .parcel, .parcelsizeManagerInt .parcelContainer .parcel .result, .parcelsizeManagerInt .addParcel, .depotFinder .square #map-canvas, .parcelSizeInfo, .radioButtonsCustom label, .radioButtonsCustom input[type="radio"]+label, .borderBox, .infoBoxBgGrey, .inputContainer, .inputContainer .bootstrap-select .dropdown-menu.open, input.checkbox-bg-border[type="checkbox"]+label, .checkboxWrapper label:before, input[type="checkbox"]+label:before, .checkboxWrapper input[type="checkbox"]:checked+input+label:before, input[type="checkbox"]:checked+label:before, .ui-datepicker {
    border-radius: 6px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    background: transparent;
    border: none;
	}


    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
        background: transparent !important;
    }

.btn-group.open .dropdown-toggle {
    /* -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
    box-shadow: none;
}

.btn:active,
.btn:focus,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
 
 h1 {
    color: #fff;
    font-weight: 100;
    line-height: 1.0;
    text-align: center;
    font-size: 40px;
}
	
 .qq-astrix {
     font-size: 12px;
      font-weight:100;
 }

  span.qq-astrix {
    vertical-align: super;
    font-size: 18px !important;
    margin-top: 10px !important;
}

  #h2PricingTextSecondLine {
      font-weight:400;
  }


@media screen and (min-width: 769px)
{
    .header .blue-bar { display: block; }
}



.header .container {
    position: relative;
}



 /*medium+ screen sizes*/
@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
}
 
/*small screen sizes*/
@media (max-width: 991px) {
    .mobile-only {
        display:block !important;
    }
 
    .desktop-only {
        display:none !important;
    }
}

@media (max-width: 991px) {
    h1{font-size: 25px;}
}



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 99%;
}


.quickQuoteForm .QuickQuoteSelect {
    margin: 0 auto;
    text-align: center;
    margin-top: 12px;
	
}


.quickQuoteForm .QuickQuoteSelect button {
    background-color: #5BACE9;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    height: auto;
    margin-bottom: 25px;
    outline: none;
    padding: 11px 40px 12px;
	width: 100%;
}


@media screen and (max-width: 992px) {
    .quickQuoteForm .QuickQuoteSelect button {
        padding: 17px;
    }
}

@media screen and (min-width: 992px) {
.quickQuoteForm .QuickQuoteSelect button {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	width: 215px;
	}
}


    @media screen and (min-width: 992px) {
    .quickQuoteForm .QuickQuoteSelect button.quote {
        border-bottom-left-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
  
	    }
    }


    @media screen and (min-width: 992px) {
    .quickQuoteForm .QuickQuoteSelect button.track {
        margin-left: -4px;
	    background-color: #fff;
	    color: #4A4A49;
	    }
    }

.quickQuoteForm .QuickQuoteSelect .quote-button {
    background-color: #FFE24E;
    border: none;
    border-radius: 10px;
    color: #4A4A49;
    font-size: 15px;
    height: auto;
    margin-bottom: 55px;
    outline: none;
    padding: 16px;
	margin-top: 12px;
}


@media (max-width: 992px) {
    .quickQuoteForm .QuickQuoteSelect .quote-button {
        margin-bottom: 10px;
    }
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px;
}


ul {
    list-style-type: none;
    padding-left: 0;
    position: relative;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10.5px;
}

.footer .paymentSupport ul li {
    display: inline-block;
    padding-left: 5px;
}

footer .paymentSupport ul li a img {
    height: 40px;
    width: auto;
}


.login-register  {
   color: #428bca !important;
   font-size: 12px;
   width: 50px;
 
}

 .bootstrap-select.btn-group .btn .filter-option {
   font-weight: bold;
}  

@media (max-width: 767px) {
   .qq-text-right { 
     float:right;
     border: 1px solid #c3c3c3;
	 }
}

#ddlInternationalCountry .button  {

    padding-top: unset !important;
}

 .qq-text-right {  
	border: none;
	font-size: 15px;
	color: #000 !important;
    width: 130px;
	outline: 0; 
	background-color: transparent !important;

	
}


.inputContainer.parcelDropdown.is-open {
    background-color: #5BACE9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 98px;
   
}


.inputContainer.parcelDropdown {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}


.inputContainer.parcelDropdown .parcelSizeInfo.is-open {
    display: block;
}



.inputContainer.parcelDropdown .parcelSizeInfo {
    display: none;
    position: absolute;
    right: 0;
    top: 99%;
    color: white;
    z-index: 1000;
    border-top-right-radius: 0;
    -webkit-box-shadow: 0 6px 12px #000000;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .29);
    -moz-box-shadow: 0 6px 12px #000000;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .29);
    box-shadow: 0 6px 12px #000000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .29);
}


 .parcelSizeInfo {
    background-color: #5BACE9;
    color: #fff;
    display: block;
    position: relative;
    margin-bottom: 20px;
}






@media screen and (max-width: 499px) {

    .parcelSizeInfo .content-bottom {
        position: relative;
        padding: 1px;
        min-height: 200px;
    }

    .container.quickQuoteForm {
        margin-bottom: 20px !important;
    }

    .parcelSizeInfo {
        width: 100%;
    }
   
     .parcel-container {
        height: 120px;
        position: relative;
        margin: 10px;

    }

}


@media screen and (min-width: 500px) {

          .parcelSizeInfo .content-bottom {
            position: relative;
            padding: 1px;
        min-height: 200px;
    }

    .container.quickQuoteForm {
        margin-bottom: 20px !important;
    }

    .parcelSizeInfo {
        width: 100%;
    }

     .parcel-container {
        height: 120px;
        position: relative;
        margin: 10px;
    }
    }



@media screen and (min-width: 768px) {

    .parcelSizeInfo .content-bottom {
        position: relative;
        padding: 1px;
        min-height: 255px;
    }

    .container.quickQuoteForm {
        margin-bottom: 20px !important;
    }

    .parcelSizeInfo {
        width: 100%;
    }
    .parcel-container {
        height: 120px;
            position: relative;
        margin: 10px;
        }

    .padding-0 {
        padding-right: 15px;
        padding-left:15px;
        }

    .padding-r-0 {
        padding-right: 15px !important;
    }

    .padding-l-0 {
        padding-left: 15px !important;
        }

        }





@media screen and (min-width:992px) {
    /* styles for browsers larger than 960px; */
    .parcelSizeInfo .content-bottom {
        position: relative;
        padding: 1px;
        min-height: 117px;
    }

    .container.quickQuoteForm {
        margin-bottom: 1px !important;
    }

    .parcelSizeInfo {
        width: 444%;
}

    .parcel-container {
        height: 100px;
        position: relative;
        margin: 0 !important;
    }

    .padding-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .padding-r-0 {
        padding-right: 0 !important;
    }

    .padding-l-0 {
        padding-left: 0 !important;
    }
}



@media screen and (min-width:1201px) {
    /* styles for browsers larger than 960px; */
    .parcelSizeInfo .content-bottom {
        position: relative;
        padding: 1px;
        min-height: 117px;
    }

    .container.quickQuoteForm {
        margin-bottom: 1px !important;
    }

    .parcelSizeInfo {
        width: 436%;
    }

    .parcel-container {
        height: 100px;
        position: relative;
        margin: 0 !important;
    }

    .padding-0 {
        padding-right: 0;
        padding-left: 0;
    }

    .padding-r-0 {
        padding-right: 0 !important;
    }

    .padding-l-0 {
        padding-left: 0 !important;
    }
}


.parcelList {
    /*background-color: #5BACE9;*/
    display: block;
    margin: 0 auto;
    position: relative;
    /*text-align: center;*/
}

@media screen and (min-width: 769px) {

.parcelList li {
    width: 16%;
    margin-bottom: inherit;
    margin-right: 0;
    max-width: none;
    }
}

@media screen and (min-width: 350px) {

.parcelList li {
    margin-right: 30px;
    }
}

.parcelList li {
    display: inline-block;
    padding-left: 0;
    max-width: 120px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    -o-transition: background-color .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    transition: background-color .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    width: 49%;
}



.inputContainer.parcelDropdown .parcel-weight {
    padding-left: 15px;
}




.parcelList .parcel-weight {
    display: block;
    font-size: 16px;
    position: relative;
}

@media screen and (min-width: 769px) {
    .parcelList .parcel-weight {
        font-size: 12px;
    }
}


.parcelList .parcel-price {
    color: #FFE24E;
    display: block;
    font-size: 20px;
    position: relative;
}
   .inputContainer.parcelDropdown .info-text {
    color: #fff;
    display: none;
    font-size: 17px;
    position: relative;
}

 /* Hide initially */
.inter { display: none;}
.irl-county { display: none;}
.showInit { display: block;}


.parcel-container:hover {
          background-color: #34a4e1;
}
.parcel-size-icon:hover {
       background-color: #34a4e1 !important;
}



fieldset.parcel-size .custom-radio input {
    opacity: 0;
}

    fieldset.parcel-size .custom-radio label {
        position: absolute;
        top: 25px;
        display: block;
        cursor: pointer;
        color: #eeede9;
        font-size: 13.5px;
        width: 100%;
        padding-top: 56px;
        z-index: 21;
    }

    fieldset.parcel-size .parcel-size-icon {
        position: absolute;
        z-index: 20;
    }

        fieldset.parcel-size .parcel-size-icon.parcel-xsmall {
            background: url(../../../media/images/send_parcel/xs.svg) no-repeat;
            height: 116px;
            width: 100%;
            border: solid 1px #d4d4d4;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }
    

        fieldset.parcel-size .parcel-size-icon.parcel-small {
            background: url(../../../media/images/send_parcel/s.svg) no-repeat;
            height: 116px;
            width: 100%;
            border: solid 1px #d4d4d4;
        }

        fieldset.parcel-size .parcel-size-icon.parcel-medium {
            background: url(../../../media/images/send_parcel/m.svg) no-repeat;
            height: 116px;
            width: 100%;
            border: solid 1px #d4d4d4;
        }
     

    fieldset.parcel-size .parcel-size-icon.parcel-large {
        background: url(../../../media/images/send_parcel/l.svg) no-repeat;
            height: 116px;
            width: 100%;
            border: solid 1px #d4d4d4;
    }

     


  

    fieldset.parcel-size .parcel-size-icon.parcel-xlarge {
            
        background: url(../../../media/images/send_parcel/xlQQ.svg) no-repeat;
             height: 116px;
        width: 100%;
        border: solid 1px #d4d4d4;
    }

   


   

    fieldset.parcel-size .parcel-size-icon.parcel-xxlarge {
            
        background: url(../../../media/images/send_parcel/xxlQQ.svg) no-repeat;
         height: 116px;
        width: 100%;
        border-bottom-right-radius: 6px;
        border: solid 1px #d4d4d4;
    }

   




.measurements-callout {
    display: none;
    background: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #8c8c8c;
    position:absolute;
    top: 122px;
    z-index: 999;
}

    .measurements-callout .arrow {
        position: absolute;
        top: -10px;
        margin: 0;
        border-top: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        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);
    }

.measurements-callout .border-arrow {
    border-bottom-color: #8c8c8c; top: -11px;
}

#measurementsCalloutXsmall { width: 158px; left: -56px; }
#measurementsCalloutXsmall .arrow { left: 74px;}

#measurementsCalloutSmall { width: 144px; left: 53px; }
#measurementsCalloutSmall .arrow { left: 67px;}

#measurementsCalloutMedium { width: 144px; left: 165px; }
#measurementsCalloutMedium .arrow { left: 67px;}

#measurementsCalloutLarge { width: 144px; left: 277px; }
#measurementsCalloutLarge .arrow { left: 67px;}

#measurementsCalloutXlarge { width: 234px; left: 345px; }
#measurementsCalloutXlarge .arrow { left: 112px;}

#measurementsCalloutXxlarge { width: 144px; left: 503px; }
#measurementsCalloutXxlarge .arrow { left: 67px;}



.QuickQuoteOverlay h2
{
    display: block;
    /*background-color: #0E92DC;*/
    color: #FFFFFF;
    margin: 0 0 10px 0;
    padding: 2px 10px 5px 10px;
}

/*.QuickQuoteContent  {padding: 0 10px 10px 15px;}*/
.QuickQuoteContent p  {margin: 0 0 5px 0;}
.QuoteHeading  {font-size: 15px; padding: 0; margin: 0 0 7px 0;}
.QuoteSecTwo {font-size: 1.2em; padding: 0; margin: 0 0 7px 0; }
.QuoteSecThree {font-size: 1.2em; padding: 0; margin: 0 0 7px 0; }
.QuoteValue  {font-size: 1.4em; padding: 0; margin: 0 0 7px 0; font-weight: bold; color: #0E92DC;font-size:medium}
.QuoteValueBlack  {font-size: 1.4em; padding: 0; margin: 0 0 7px 0; font-weight:normal; font-size:medium}
.QuoteValueSmall  {font-size: 1.4em; padding: 0; margin: 0 0 7px 0; font-weight: bold; color: #0E92DC; font-size:small;}
.QuoteValueBlackSmall  {font-size: 1.4em; padding: 0; margin: 0 0 7px 0; font-weight:normal; font-size:small;}
.QuoteComment  {font-size: 0.8em; padding: 0; margin: 0 0 7px 0; font-weight: normal ; color: #0E92DC;}
.QuoteAsterisk  {font-size: 1.2em; padding: 0; margin: 0 0 7px 3px; font-weight: normal ; color: #0E92DC; vertical-align:top;}

.Title {
    color: #569fd7;
    font-weight: 400;
    font-size: 19px;
}


.QuickQuoteOverlay table {
    border-collapse: collapse;
    margin: 0 0 0 0;
}


.QuickQuoteOverlay .international {
    margin: 0 0 0 0;
}

.QuickQuoteOverlay .headerImageCell img {
  margin: 0 auto;
}

.QuickQuoteOverlay .headerImageCell {
  background-color: #569fd7;
  height:70px;
}

.QuickQuoteOverlay .right_line {
 
   border-right: 1px solid #000;
}

.QuickQuoteOverlay .deliverytimes {
  background-color: #569fd7;
  color:#ffffff;
}

.QuickQuoteOverlay .header {
   background-color: #636362;
   color:#fff;
   border-right:thin;
   border-color: black;
}

.QuickQuoteOverlay td, th {
    padding: 3px;
    font-size: 15px;
}

.QuickQuoteOverlay  .international .header{
 
   border-bottom: 1px solid #000;
}

.QuickQuoteOverlay .dimensions{
 
   font-size: 15px;
}


.QuickQuoteOverlay .economy{
 
   border-right: 1px solid #000;
}

.QuickQuoteOverlay tr {
   border-bottom: 1px solid #000;
}

.QuickQuoteOverlay tr:last-child {
   border-bottom: none;
}

.QuickQuoteOverlay tr.no-line {
   border-bottom: none;
}

.QuickQuoteOverlay td.no-pad {
     padding: 0;
}

.QuickQuoteOverlay .alignright { text-align: right; }
.QuickQuoteOverlay .alignleft { text-align: left; }
.QuickQuoteOverlay .aligncenter { text-align:center; }

.QuickQuoteOverlay .Col-one-width{
    width: 50%;
}




@media screen and (max-width: 480px) {
    .mainQQSubmitButtonGrid-express {
        display: block;
        color: #000;
        background-color: #f3e00d;
        font-size: 14px;
        width: 100%;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 400;
         line-height: 45px; 
        margin: 10px 0 0 0;
        border: 1px solid #c2c2c2;
    }
}

  .mainQQSubmitButtonGrid-express {
        display: block;
        color: #000;
        background-color: #f3e00d;
        font-size: 14px;
        width: 100%;
        height: 40px;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        font-weight: 400;
         line-height: 45px; 
        margin: 10px 0 0 0;
        border: 1px solid #c2c2c2;
    }

.mainQQSubmitButton:hover {
  background-color: #67b1ea;      
}

.mainQQSubmitButtonGrid-express:hover {
  background-color: #f8e944;    
}


.bookTodayButton:hover {
  background-color: #67b1ea;      
}

 .mainQQSubmitBackButton {
    display: block;
    color: #3081bf;
    font-size: 14px;
    width: 240px;
    height: 30px;
    text-align: center;
    margin: 12px 0 0 210px;
    border: 0;
    cursor:pointer;
    background-color:#ffffff
}

.mainQQSubmitBackButton:hover {

  text-decoration: underline;   
}

.included-Container {
    width: 90%;
    margin: 0 auto;
}

.included-section {
    position: relative;
    float: left;
    width: 50%;
}

.included-section .international{
    margin: 0 auto;
    width: 90%;
}

.included-section img{
  margin: 0 auto;
  margin-top: -10px;
}

.included-Container .small-font {
    font-size: 10px;
    height: 1px;
  
}


.included-Container span {
    display: block;
    padding: 13px 0 0 0;
    font-size: 13px;
    font-weight: 400;
}

@media screen and (max-width: 480px) {
    .included-Container span {
       
        font-size: 12px;
    }
}

.cost-bold {
    font-weight: 500;
}

.cost-save {
    font-weight: 400;
}

.modal-header {
    padding: 8px;
    border-bottom: none;
}

.modal-footer {
    padding: 1px;
    text-align: right;
    border-top: none !important;
}

.grid-product-header .modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5 !important;
}
/* END: Quick Quote Pop Up*/


.row.whitecentred{
    text-align: center; 
    color: white
}

.row.withmargin{
    margin-bottom:40px;
    margin-top:40px
}

.terms-cross {
    font-size: 11px;
    vertical-align: top;
    display: inline-block;
    margin-left:0;
}


#track-a-parcel-quote {
 
    display: none;
}

.btn-blue {
    background-color: #5BACE9 !important;
}

.btn-yellow {
     background-color: #FFE24E !important;
}

.btn-white {
     background-color: #fafafa !important;
}


@media (min-width: 992px) {
    .quote-button {
        margin-bottom: 55px;
    }
}


@media (max-width: 992px) {
    #h2PricingTextFirstLine {
        padding: 0 10px 0 0 !important;
        line-height: 34px !important;
        font-size: 29px;
    }

    #h2PricingTextSecondLine {
        font-size: 29px;
        text-align:center;
        padding-bottom:20px
        /*padding: 0 80px 20px 90px;*/
    }

    .row.withmargin {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}


.hide-element {
    display:none !important;
}

.show-element {
    display:block !important;
}


@media (max-width: 767px) {
    #send-a-parcel-quote {
       display: none;
    }

   
}

@media (min-width: 768px) and (max-width: 991px){
     #btnsendparcelqq,#btntrackparcelqq{
        display :none
    }

     #trackParcelLink{
         display:block !important
     }
}

#trackParcelLink, #quickQuotelLink {
    color: #f3e00d;
    text-decoration: underline;
    font-weight: 300;
    margin: 20px 0 25px 0;
    display: block;
}

 .greydowncaretdashboard {
        margin-top:-15px !important;
        vertical-align: middle;
        background: url('../../../media/images/arrow-down-grey.svg') no-repeat;
        border: none !important;
        display: inline-block;
        width: 22px;
        height: 10px;
        top: 20% !important;
        right: 0 !important;
        margin-bottom: 2px !important;
        margin-left: 90%;
        float: right;
    }

#divQQUSP {
    color: whitesmoke;
    font-size: small;
    font-weight: normal;
    margin-bottom:20px
}

 .updateProgressQQ {
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100%;
        min-width: 100%;
        background-image: url("../../../media/images/loader.gif");
        background-position: center center;
        background-repeat: no-repeat;
        background-color: #dbdbdb;
        z-index: 500 !important;
        opacity: 0.6;
        overflow: hidden;
    }

.whitecentred {
    margin-top: 40px;
    display: block;
    margin-bottom: 40px;
}


 @media (max-width: 992px){
     #quick-quote-options { width: 100%;  }
     .whitecentred  {  margin-bottom: 20px; }
 }


#divTrackParcelOrLabel{
    padding-top:2%;
    font-size:18px;
    text-align:center;
    width:auto
} 

@media (max-width:991px){
      #divTrackParcelOrLabel{
        padding-top:0
    } 
}

@media (max-width:1199px) and (min-width:992px) {
    .inputContainer.customheight {
        height: 90px;
    }
}


#h2PricingTextFirstLineMobile {
    line-height: 30px;
    margin-bottom: 2px;
}


 #h2PricingTextSecondLineMobile {
     margin-top: 0;
 }


.quick-quote-booking-options {
    /*height: 600px;*/
    /*margin-top: 40px;*/
     margin-bottom: 40px;

}


#quick-quote-options {
    margin-top: 20px;
    table-layout: fixed;
    /*width: 85%;*/
    padding: 11px 11px;
    /*margin-left: 50px;*/
       width: 85%;
          margin-left:auto;
          margin-right:auto
       
}


@media screen and (max-width: 1366px) {
    #quick-quote-options {
          width: 85%;
          margin-left:auto;
          margin-right:auto
    }
}

@media screen and (min-width: 1367px) {
    #quick-quote-options {
          width: 65%;
          margin-left:auto;
          margin-right:auto
    }

     #divQQUSPIntl {
            margin-left: 16% !important;
        }

      .qq-intl-2 {
            width: 250px;
        }

          .qq-intl-1 {
            width: 250px;
        }
}


 @media (max-width: 992px){
     #quick-quote-options { width: 100%;  }
 }


.grid-row-option {
   border: 1px solid #cacaca;
}

#quick-quote-options p {
  margin-bottom: 0 !important;
     color: #242424;
}


#quick-quote-options .days {
       padding: 25px 0 0 30px;
}


#quick-quote-options .rates {
    font-weight: 500;
    margin: 0 0 20px 30px !important;
}


.QQGridSubmitButton {
    display: block;
    color: #666666;
    background-color: #f3e00d;
    font-size: 14px;
    width: 80%;
    height: 42px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 400;
    margin: 24px 0 0 0;
    border: 1px solid #f3e00d;
}

#quick-quote-options .QQGridSubmitButton  {
    padding: 10px;
}


@media screen and (max-width: 992px) {
    .QQGridSubmitButton { width:80%; margin: 10px auto; }

    #quick-quote-options .rates {
        margin: 0 0 0 30px !important;
    }

    #quick-quote-options img {
        width: 60px;
    }

    #quick-quote-options .row-options {
        width: 30%;
    }

    .grid-product-header{
        padding-top:10px !important;
        padding-bottom:5px !important
    }
}

@media screen and (max-width: 414px) {

    #quick-quote-options .row-options {
        width: 42%;
    }

    #quick-quote-options .rates {
        /*font-weight: 500;*/
        margin: 0 0 0 10px !important;
    }

    #quick-quote-options .days {
        /*font-weight: 500;*/
        padding: 0 0 0 10px !important;
    }

    /*.QQ-AddressType {
        text-align: initial !important;
    }*/

    
} 

.QQ-AddressType #lblResidential{
        padding-left:0px
    }


@media screen and (max-width: 768px) {
     #quick-quote-options img {
        width: 60px;
    }

     .row-options {
         width: 10%;
     }

    /*.QQGridSubmitButton {
        width: 100%;
    }*/

    .product-price {
         left: 0 !important;
    }
}

.grid-header {
    font-weight: 500;
    height: 55px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    background-color: #F2F2F2;
    border: 1px solid #cacaca;
    margin-bottom: 11px;
    height: 75px;
    /*position: relative;*/
    -webkit-transition: opacity .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    -o-transition: opacity .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    transition: opacity .25s cubic-bezier(0.45, 0, 0.5, 0.95);
    /* z-index: 99; */
    text-align: center;
    color: #464646; 
}

@media screen and (max-width: 992px) {
    grid-header { font-size: 12px;}
}
 
@media screen and (max-width: 992px) {
    .grid-product-header .vcenter { min-height: 42px; }
    .grid-product-header .tooltipTrigger-Info-left { top:0;}
}

@media screen and (min-width: 992px) {
    #quick-quote-options .row-options {
        width: 24%;
    }

    .grid-header {
         width: 20%;
    }

    #qq_product_name {
    /*margin-top: 11px;*/
    position: absolute;
    }

}

@media(max-width: 700px) {
	#qq_product_name {
		font-size:13px;		
	}
}

#quick-quote-options .top-border {
    border-top: 1px solid #fff;
}

.grid-product-header {
    background-color: #5BACE9;
    color: #fff;
    padding: 20px 25px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom: 1px #fff solid;
}

table, tr, td {
    border: 1px none  ;
    border-collapse: collapse;
    border-spacing: 0;
}


.QQ-AddressType .radio, .checkbox {
    display: inline-block;
}

.QQ-AddressType .radio label, .checkbox label {
    color: #eaeaea;
    font-size: 15px;
    font-weight: 400 !important;
}

.radio .cr {
    border-radius: .25em;
}

.QQ-AddressType .radio span, .checkbox span{
    margin-top: -3px;
 }



.grid-product-header [class*="col-"]{ padding-left: 5px; padding-right: 5px; min-height: 1px;}

#btnBacktoQQ {
    text-decoration: none;
    color: #383838;
    margin-bottom: 20px;
    display: block;
    border: 1px solid #808080;
    border-radius: 6px;
    width: 80px;
    padding: 7px;
    margin: auto;
    font-weight: 500;
    margin-bottom: 15px;	
	float:right;
}

@media (max-width: 667px) {
	
	.closeText {
		display:none;
	}
}


#btnBacktoQQ .closeX {
    font-size: 19px;
    vertical-align: bottom;
    padding-left: 5px;
    font-weight: 600;
}

#btnBacktoQQ .closeText {
    font-size: 13px;
    padding: 5px;
    padding-top: 10px;
    /*display: inline-block;*/
    vertical-align: middle;
}


/*#divQQUSPIntl {
    margin-left: 5%;
}*/

@media screen and (min-width: 1025px) {
    #divQQUSPIntl {
        margin-left: 5%;
    }
}

@media screen and (max-width: 768px) {
    .qq-intl-2 {
        width: 100%;
    }
}


 /* IE Special */
 .quick-quote-booking-options .grid-product-header .product-image { max-height: 56px;}