:root {
    --primary: #0066cc;
    --white: #fff;
    --ultra-light-grey: #fafafa;
    --light-grey: #f0f0f0;
    --medium-grey: #c8c8c8;
    --accent-grey: #949494;
    --dark-grey: #4a4a4a;
    --black: #000;
}

#mainBodyContent {
    color: #15141a;
}

#mainBodyContent .section {
    background-color: var(--white);
}

#mainBodyContent input,
#mainBodyContent textarea,
#mainBodyContent select,
#mainBodyContent #metalTypes div,
#mainBodyContent .dropdown,
#emailAFriend input,
#emailAFriend textarea {
    border: 1px solid var(--accent-grey);
}

#mainBodyContent .price,
#mainBodyContent .collapseIcon,
#mainBodyContent span.info span,
#emailAFriend h1,
#addToCartError h1 {
    color: var(--primary);
}

#mainBodyContent #metalTypes div span:hover,
#mainBodyContent .selections li:hover {
    background-color: var(--dark-grey);
}

#mainBodyContent .selection._selected,
#mainBodyContent .stone_options.selected .stone_number {
    background-color: var(--primary);
    color: var(--white);
}

#mainBodyContent .btn,
#addToCartError button,
#emailAFriend #sendEmail {
    background-color: var(--primary);
    color: var(--white);
}

#mainBodyContent .btn:hover,
#addToCartError button:hover {
    background-color: var(--black);
}

#mainBodyContent .itemPrice {
    color: #15141a;
}

#mainBodyContent .hover_dropdown,
#mainBodyContent .dropdownlist li.hover {
    background-color: #eee;
}

#zoom .ui-slider-handle {
    background-image: url('../images/banter-zoom-marker.png');
}

#zoomPlus {
    background-image: url('../images/banter-zoom-plus.png');
    right: 8px;
}

#zoomMinus {
    background-image: url('../images/banter-zoom-minus.png');
}

.ui-state-default {
    background-color: var(--white);
}