.compare-wrapper {
	/**Compare EC Update**/
    /* margin: 0 0 129px; */
	margin: 20px 0 129px;
}

.compare-wrapper .responsive-table {
    margin-bottom: 70px;
}

.compare-wrapper > tbody > tr:first-of-type > td:nth-of-type(2) {
    vertical-align: top;
    width: 1500px;
}

.compare-grid {
    margin-bottom: 10px;
    text-align: center; 
	/**Compare EC Update**/
    /* width: 1228px; */
}

.compare-grid thead td:nth-of-type(1) {
    width: 366px;    
}

.compare-grid thead td:nth-of-type(2) {
    width: 162px;    
}

.compare-grid thead td:nth-of-type(3) {
    width: 124px;    
}

.compare-grid thead td:nth-of-type(4) {
    width: 123px;    
}

.compare-grid thead td:nth-of-type(5) {
    width: 138px;    
}

.compare-grid thead td:nth-of-type(6) {
    width: 154px;    
}

.compare-grid thead td:nth-of-type(7) {
    width: 160px;    
}

.compare-grid thead {
    background: rgb(208, 226, 238);
    color: rgb(18, 91, 140);
    font: 400 18px/20px "opensans-semibold", sans-serif;
    text-align: left;
    text-transform: uppercase;
}

.compare-grid thead td {
    height: 42px;
    padding: 0 12px;
    vertical-align: middle;
}

.compare-grid thead td:first-of-type {
    border-left: 1px solid rgb(208, 226, 238);
}

.compare-grid thead td:last-of-type {
    border-right: 1px solid rgb(208, 226, 238);
}

.compare-grid tbody tr td:nth-of-type(even) {
    background: rgb(245, 246, 246);
}

.compare-grid tbody tr:first-of-type {
    color: rgb(18, 91, 140);
}

.compare-grid tbody tr:first-of-type td {
    font: 400 14px/18px "opensans-semibold", sans-serif;
}

.compare-grid tbody tr:nth-of-type(2) td {
    padding: 22px 12px 32px;
}

.compare-grid tbody tr {
    height: 254px;
}

.compare-grid tbody tr:first-of-type {
    height: auto;
}

.compare-grid tbody td {
    border: 1px solid rgb(180, 181, 181);
    border-top: 0;
    font: 400 14px/20px "opensans", sans-serif;
    padding: 8px 12px;
}

.compare-grid td img {
    border: 1px solid rgb(180, 181, 181);
    max-height: 100%;
    max-width: 92px;
    padding: 5px 10px;
}

.compare-grid td img ~ a,
.compare-grid td img ~ a:link,
.compare-grid td img ~ a:focus,
.compare-grid td img ~ a:visited,
.compare-grid td img ~ a:active {
    color: rgb(18, 91, 140);
    display: block;
    margin: -4px 0 0;
}

.compare-grid td img ~ a:hover {
    color: rgb(135, 171, 60);
}

.compare-grid td select {
    border: 1px solid rgb(182, 182, 182);
    color: rgb(20, 20, 20);
    display: inline-block;
    font: 400 13px/22px "opensans", sans-serif;
    height: 30px;
    padding: 0 5px;
    vertical-align: middle;
    width: auto;
}

.compare-grid td input {
    border: 1px solid rgb(182, 182, 182);
    color: rgb(20, 20, 20);
    font: 400 16px/22px "opensans", sans-serif;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    width: 100%;
}

.compare-grid td a {
    color: rgb(19, 92, 142);
    text-decoration: underline;
}

.compare-grid td a:hover {
    color: rgb(135, 171, 60);
}

.compare-grid td .product-rating {
    margin: 0 auto 5px;
}

.compare-grid .image-wrapper {
    display: inline-block;
    text-align: left;
    width: 92px;
    vertical-align: top;
}

.compare-grid .image-wrapper a {
    color: rgb(19, 92, 142);
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
    text-decoration: none;
}

.compare-grid .image-wrapper a:hover {
    color: rgb(135, 171, 60);
}

.compare-grid .image-wrapper button {
    border: 0;
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin: 0 0 2px 0;
    padding: 6px 0;
    text-transform: uppercase;
    width: 100%;
}

.compare-grid .image-wrapper button:first-of-type {
    background: rgb(239, 130, 36);
}

.compare-grid .image-wrapper button:first-of-type:hover {
    background: rgb(135, 171, 60);
}

.compare-grid .image-wrapper button:last-of-type {
    background: rgb(19, 92, 142);
}

.compare-grid .image-wrapper button:last-of-type:hover {
    background: rgb(135, 171, 60);
}

.compare-grid .description-wrapper {
    display: inline-block;
    margin-left: 35px;
    text-align: left;
	/* Compare EC Changes */
    /* width: 210px; */
    vertical-align: top;
}

.compare-grid .description-wrapper p {
    color: rgb(19, 92, 142);
    line-height: 20px;
    margin: 20px 0 10px;
}

.compare-grid .description-wrapper span {
    display: block;
    margin-bottom: 4px;
}

.compare-grid .description-wrapper span:last-of-type {
    color: rgb(180, 60, 39);
    font-family: "opensans-semibold";
    font-size: 18px;
}

.compare-grid .description-wrapper a {
    color: rgb(19, 92, 142);
}

.compare-grid .description-wrapper a:hover {
    color: rgb(135, 171, 60);
}

.compare-grid .description-wrapper input {
    color: rgb(19, 92, 142);
    width: 60px;
}

.compare-grid .description-wrapper label {
    color: rgb(19, 92, 142);
    font-size: 15px;
}

.responsive-table ~ div {
    color: rgb(18, 91, 140);
    font: 400 14px/20px "opensans-semibold", sans-serif;
    margin: 11px 0 88px;
    text-align: right;
    text-transform: uppercase;
}

.responsive-table ~ div a,
.responsive-table ~ div a:link,
.responsive-table ~ div a:focus,
.responsive-table ~ div a:visited,
.responsive-table ~ div a:active {
    color: rgb(18, 91, 140);
}

.responsive-table ~ div a:hover {
    color: rgb(135, 171, 60);
}

.compare-wrapper .quick-entry a:hover {
    color: rgb(135, 171, 60);
}

.compare-wrapper .quick-entry {
    margin-bottom: 20px;
    position: relative;
}

.compare-wrapper .quick-entry > div:first-of-type {
    display: inline-block;
    vertical-align: bottom;
    width: 521px;
}

.compare-wrapper .quick-entry > div:last-of-type {
    bottom: 0;
    position: absolute;
    right: 0;
}

.compare-wrapper .quick-entry button {
    border: 0;
    color: rgb(255, 255, 255);
    margin: 0 0 0 2px;
    padding: 8px 13px;
    position: relative;
    text-transform: uppercase;
    top: -1px;
}

.compare-wrapper .quick-entry > div:first-of-type button {
    background: rgb(239, 130, 36);
    margin-right: 28px;
}

.compare-wrapper .quick-entry > div:first-of-type button:hover {
    background: rgb(135, 171, 60);
}

.compare-wrapper .quick-entry h6 {
    color: rgb(18, 91, 140);
    font: 400 14px/30px "opensans-semibold", sans-serif;
    margin-top: 19px;
    position: relative;
    text-align: center;
    top: -1px;
}

.compare-wrapper .quick-entry h6 span {
    background: rgb(255, 255, 255);
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.compare-wrapper .quick-entry h6::before {
    background: rgb(180, 181, 181);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}

.compare-wrapper .quick-entry label {
    line-height: 30px;
}

.compare-wrapper .quick-entry input:first-of-type {
    border: 1px solid rgb(182, 182, 182);
    color: rgb(162, 162, 162);
    font: 400 16px/22px "opensans", sans-serif;
    height: 31px;
    margin-right: 4px;
    padding: 0 10px;
    width: 237px;
}

.ship-zip {
    display: inline-block;
    vertical-align: bottom;
}

.ship-zip .fa {
    margin-left: 5px;
}

.ship-zip .fa:hover {
    cursor: pointer;
}

.ship-zip a {
    color: rgb(19, 92, 142);
    display: block;
    margin-top: -6px;
}

.ship-zip .ship-panel {
    background: rgb(255, 255, 255);
    display: none;
    border: 1px solid rgb(180, 181, 181);
    padding: 8px;
    position: absolute;
    width: 108px;
}

.ship-zip .ship-panel a {
    display: inline-block;
}

.remove-all, .remove-all:link, .remove-all:focus, .remove-all:visited, .remove-all:active {
    color: rgb(18, 91, 140);
    display: inline-block;
    font: 400 12px/12px "opensans", sans-serif;
    float: right;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
}

.remove-all img {
    display: block;
    margin: 0 auto 4px;
}

.remove-all::after {
    background: url(../images/remove-all-hover.png) no-repeat 0 0 transparent;
    content: "";
    height: 26px;
    left: calc((100% - 20px) / 2);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease 0s;
    width: 27px;
    z-index: 1;
}

.remove-all:hover::after {
    opacity: 1;
}

.print-page, .print-page:link, .print-page:focus, .print-page:visited, .print-page:active {
    color: rgb(18, 91, 140);
    display: inline-block;
    font: 400 12px/12px "opensans", sans-serif;
    float: right;
    margin-right: 24px;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
}

.print-page img {
    display: block;
    margin: 0 auto 4px;
}

.print-page::after {
    background: url(../images/print-page-hover.png) no-repeat 0 0 transparent;
    content: "";
    height: 26px;
    left: calc((100% - 27px) / 2);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease 0s;
    width: 27px;
    z-index: 1;
}

.print-page:hover::after {
    opacity: 1;
}

.email-page, .email-page:link, .email-page:focus, .email-page:visited, .email-page:active {
    color: rgb(18, 91, 140);
    display: inline-block;
    font: 400 12px/12px "opensans", sans-serif;
    float: right;
    margin-right: 24px;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
}

.email-page img {
    display: block;
    margin: 0 auto 4px;
}

.email-page::after {
    background: url(../images/email-page-hover.png) no-repeat 0 0 transparent;
    content: "";
    height: 26px;
    left: calc((100% - 27px) / 2);
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease 0s;
    width: 27px;
    z-index: 1;
}

.email-page:hover::after {
    opacity: 1;
}

.responsive-table {    
    min-height: .01%;
    overflow-x: auto;
}

.responsive-table-full {
    display: flex;
    max-width: 1500px;
    overflow-y: hidden;
}

.responsive-table-full .compare-grid:last-of-type {
    margin-left:8px;
}

.responsive-table-full .compare-grid:last-of-type thead tr td {
    width: auto;
}

@media screen and (max-width: 1330px) {
    .compare-wrapper .quick-entry > div:first-of-type,
    .compare-wrapper .quick-entry input:first-of-type {
        width: auto;
    }
}

@media screen and (max-width: 1500px) {
    .compare-wrapper {
        margin: 0 auto 129px;
        width: 95%;
    }
    
    .compare-wrapper > tbody > tr:first-of-type > td:nth-of-type(2) {
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1100px) {
    .compare-wrapper .quick-entry > div:last-of-type button {
        display: block;
        margin-top: 5px;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {
    
    .compare-wrapper .quick-entry {
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    
    .compare-wrapper .quick-entry > div:last-of-type {
        display: block;
        position: relative;
    }

    .remove-all, .remove-all:link, .remove-all:focus, .remove-all:visited, .remove-all:active {
        float: none;
        margin-right: 24px;
    }

    .print-page, .print-page:link, .print-page:focus, .print-page:visited, .print-page:active {
        float: none;
    }

    .email-page, .email-page:link, .email-page:focus, .email-page:visited, .email-page:active {
        float: none;
    }

    .ship-zip .ship-panel {
        z-index: 20;
    }
}

@media screen and (max-width: 500px) {
    
    .compare-wrapper .quick-entry label {
        display: block;
    }
    
    .ship-zip {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    
    .compare-grid {
        table-layout: auto;
    }
}