/* ### COMPARISON TABLE ELEMENTS ### */

table.comparison {
    margin: 0px 0px 20px 0px;
    width: 742px;
}

table.comparison th {
    font-family: "Trebuchet MS", Arial, Serif;
    font-size: 11px;
    color: #fff;
    vertical-align: bottom;
    border: 1px solid #CFB284;
    padding: 10px;
}

table.comparison tr.rowlast td {
    border-bottom: 1px solid #333333;
}

table.comparison tfoot td {
    border-top: 1px solid #333333;
    padding: 10px 5px;
    background-color: #222222;
    font-weight: bold;
}

table.comparison td {
    padding: 5px;
    vertical-align: middle;
}

table.comparison h3 {
    color: #FFA12B;
    font-size: 12px;
    font-weight: bold;
}

h3.error {
    color: #E54545;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    border-top: 1px solid #444;
    padding-top: 10px;
}

table.comparison h4, table.comparison p {
    margin: 0px;
    padding: 0px;
}

table.comparison h4 {
    color: #FFA12B;
}

table.comparison tr.featured-merchant h4, table.comparison tr.featured-merchant h3 {
    color: #111;
}

table.comparison h4.smallText {
    color: #fff;
}

table.comparison th h4 {
    font-size: 10px;
    font-weight: normal;
    color: #888888;
}

table.comparison h4.price {
    color: #ffffff;
    font-size: 13px;
}


/* Alignment */

table.comparison .alignl {
    text-align: left;
}

table.comparison .alignc {
    text-align: center;
}

table.comparison .alignr {
    text-align: right;
}

table.comparison .valignt {
    vertical-align: top;
}

table.comparison .alignr p {
    width: 100%;
    text-align: right;
}


 /* Badges */

table.comparison img.badge {
    position: absolute;
    margin-top: -15px;
    margin-left: -120px;
}

table.comparison img.small-badge {
    position: absolute;
    margin-top: -10px;
    margin-left: -110px;
}


/* Bundle Info */

table.comparison ul.bundle-info {
    margin-left: 15px;
}

ul.bundle-info li {
    color: #D9851C;
    list-style-type: square;
    font-size: 10px;
    line-height: 1.2;
}

ul.bundle-info li span {
    color: #888888;
    font-size: 10px;
}


/* Table Cell Bordering */

table.comparison th.nb, table.comparison td.nb {
    border: none;
}

table.comparison th.nbl, table.comparison td.nbl {
    border-left: none;
}

table.comparison th.nbt, table.comparison td.nbt {
    border-top: none;
}

table.comparison th.nbr, table.comparison td.nbr {
    border-right: none;
}

table.comparison th.nbb, table.comparison td.nbb {
    border-bottom: none;
}


/* Table Cell Highlighting & Display Settings*/

table.comparison tbody tr {
    display: table-row;
}

table.comparison tr.row1, table.comparison tr.row2, table.comparison tr.row3 {
    display: table-row;
}

table.comparison td {
    background-color: #111111;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

table.comparison tr.row1 td {
    background-color: #2D2D2D;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #191919;
}

table.comparison tr.row2 td {
    background-color: #222222;
    border-top: 1px solid #2D2D2D;
    border-bottom: 1px solid #111111;
}

table.comparison tr.row3 td {
    background-color: #191919;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

table.comparison tr.featured-merchant td {
    background-color: #BEAC8B;
}


/* Price Colourings */

table.comparison tr.row1 h4.price {
    font-size: 16px;
}

table.comparison tr.row2 h4.price {
    font-size: 15px;
}

table.comparison tr.row3 h4.price {
    font-size: 14px;
}

table.comparison tr.featured-merchant h4.price {
    color: #111;
}

h4.smallText {
    font-size: 10px;
    text-align: center;
    line-height: 1.2;
    margin-top: 2px;
    font-weight: normal;
    color: #888888;
}

table.comparison tr.featured-merchant h4 strong,
table.comparison tr.featured-merchant h3.merchant a {
    color: #222;
    font-weight: bold;
}

table.comparison tr.featured-merchant h4.ovfaux a,
table.comparison tr.featured-merchant h4.smallText {
    color: #fff;
}


/* Misc */

img.merchant-logo {
    margin: 3px 5px 3px 3px;
    border: 1px solid #222222;
    float: left;
}

div.merchantDetails {
    width: 120px;
    text-align: left;
    float: right;
    margin: 4px 0px 2px 0px;
    position: relative;
}

h4.ovfaux a {
    font-size: 9px;
    color: #888888;
    font-weight: normal;
}

a.load-more-items {
    cursor: pointer;
}