/*
    Include Intertrading specific styles here
		e.g. Colour Schemes, Images, Logos etc
		Pages only on Intertrading can go here
		See also custom.css
*/
html,
body {
    margin: 0;
    padding: 0;
}

.fadeSome {
    opacity: 0.30;
    filter: alpha(opacity=30);
    -moz-opacity: 30%;
}

.stock-item {
    font-size: 13px;
}

.fadeLots {
    opacity: 0.50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.fadeCompletely {
    opacity: 0.0;
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
}

#silverlightControlHost {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 500px;
}

#form1 {
    margin: 10px;
}

#wrapper {
    position: relative;
}

.centre {
    margin: 0 auto;
}

.staff-phone input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    padding: 7px;
    color: #fff;
    width: 60%;
    margin-top: 10%;
    background-color: #232323;
    border: 0;
}


table {
    width: 100%;
    margin-top: 10px;
}

thead {
    background-color: #766B56;
    color: #000;
}

.muted {
    color: #999999;
}

a.muted:hover,
a.muted:focus {
    color: #808080;
}

.text-warning {
    color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #a47e3c;
}

.text-error {
    color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
    color: #953b39;
}

.text-info {
    color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
    color: #2d6987;
}

.text-success {
    color: #468847;
}

a.text-success:hover,
a.text-success:focus {
    color: #356635;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-weight: bold;
    line-height: 20px;
    color: #111111;
    text-rendering: optimizelegibility;
}

h1,
h2,
h3 {
    line-height: 30px;
}

h1 {
    font-size: 1.8em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.4em;
}

h6 {
    font-size: 1.3em;
}

p {
    margin-top: 10px;
}

/* all table rows */
/* alternate table rows have a grey background for legibility */
tr.alternate {
    background-color: rgb(212, 212, 212);
}

td {
    padding-top: 4px;
    padding-bottom: 4px;
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px;
}

dl {
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 10px;
}

.dl-horizontal {
    *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
    display: table;
    line-height: 0;
    content: "";
}

.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dl-horizontal dd {
    margin-left: 180px;
}

hr {
    line-height: 100px;
}

.centre_text {
    text-align: center;
}

.tabpage {
    min-height: 400px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.left-column {
    float: left;
    margin-right: 10px;
}

.right-column {
    float: right;
    margin-left: 10px;
}

.row {
    clear: both;
    width: auto;
}

.label {
    float: left;
    padding: 5px;
    margin: 10px;
    font-size: 1.1em;
    font-weight: bolder;
    color: #000;
    text-shadow: none;
}

.data {
    float: right;
    font-size: 1.2em;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-top: 10px;
}

.input-small {
    width: 90px;
}


/* jquery ui overides */
.ui-front {
    z-index: 9999;
}

/* push dialogs above our header */

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}

#ui-datepicker-div {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-default {
    border: 1px solid #d8dcdf;
    background: #9a0b10 repeat-x url('/images/custom/uiButton.png');
    font-weight: bold;
    color: #fafafa;
}

#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-hover {
    background: #da1922;
}

#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-active {
    background: #da1922 url('/images/custom/uiButton.png');
    background-position: 0 -32px;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #c5dbec;
    background: #dfeffc;
    font-weight: bold;
    color: #608DC5;
}

.ui-datepicker-calendar .ui-state-hover {
    border: 1px solid #79b7e7;
    background: #d0e5f5;
    font-weight: bold;
    color: #1d5987;
}

.ui-datepicker-calendar .ui-state-highlight {
    border: 1px solid #79b7e7;
    background: #608DC5;
    font-weight: bold;
    color: #fff;
}

.ui-datepicker-calendar thead {
    font-size: 1em;
    background: #aca79d;
}


.ui-menu {
    margin: 4px 0 0;
    padding: 6px 1px;
    border: 1px solid #ccc;
}

.ui-menu li {
    line-height: 20px;
    font-size: 14px;
    color: #555;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    border: 1px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #557bb8;
    color: #fff;
}


.ui-datepicker-trigger {
    vertical-align: top;
    border: 1px solid #d8dcdf;
    background: #c7c1b6 repeat-x url('/images/custom/datePickerButton.png');
    margin-left: -3px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.ui-datepicker-trigger:hover {
    background: #c7c1b6;
    cursor: pointer;
}

.ui-datepicker-trigger>img {
    vertical-align: middle;
}

/* ok, cancel buttons */
button.ui-button.ui-state-default.btnCancel {
    margin-top: 10px;
    background: url('/images/custom/button_cancel.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 36px;
    width: 98px;
    float: right;
}

button.ui-button.ui-state-default.btnCancel.ui-state-hover {
    background-position: 0 -37px;
    top: 0px;
}

button.ui-button.ui-state-default.btnCancel.ui-state-active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

button.btnCancel .ui-button-text {
    display: none;
}

button.ui-button.ui-state-default.btnOk {
    margin-top: 10px;
    background: url('/images/custom/button_ok.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 36px;
    width: 98px;
    float: right;
}

button.ui-button.ui-state-default.btnOk.ui-state-hover {
    background-position: 0 -37px;
    top: 0px;
}

button.ui-button.ui-state-default.btnOk.ui-state-active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

button.btnOk .ui-button-text {
    display: none;
}

button.ui-button.ui-state-default.btnNo {
    margin-top: 10px;
    background: url('/images/custom/button_no.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 36px;
    width: 98px;
    float: right;
}

button.ui-button.ui-state-default.btnNo.ui-state-hover {
    background-position: 0 -37px;
    top: 0px;
}

button.ui-button.ui-state-default.btnNo.ui-state-active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

button.btnNo .ui-button-text {
    display: none;
}

button.ui-button.ui-state-default.btnYes {
    margin-top: 10px;
    background: url('/images/custom/button_yes.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 36px;
    width: 98px;
    float: right;
}

button.ui-button.ui-state-default.btnYes.ui-state-hover {
    background-position: 0 -37px;
    top: 0px;
}

button.ui-button.ui-state-default.btnYes.ui-state-active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

button.btnYes .ui-button-text {
    display: none;
}

button.ui-button.ui-state-default.btnSend {
    margin-top: 10px;
    background: url('/images/custom/button_send.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 36px;
    width: 98px;
    float: right;
}

button.ui-button.ui-state-default.btnSend.ui-state-hover {
    background-position: 0 -37px;
    top: 0px;
}

button.ui-button.ui-state-default.btnSend.ui-state-active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

button.btnSend .ui-button-text {
    display: none;
}

/* --------------------------- HEADER --------------------------- */
#header {
    height: 126px;
    overflow: visible;
    position: relative;
    z-index: 9999;
}

#header_background {
    background-image: url('/images/custom/pageHeader.png');
    background-repeat: repeat-x;
    z-index: inherit;
}

#header_section {
    width: 975px;
    height: 150px;
}

#header_userbar {
    float: right;
    position: relative !important;
    top: 0;
    right: 8px;
}

#header_navigation {
    float: right;
    position: relative;
    left: 0;
    top: 0;
    width: 720px;
    height: 80px;
}


/* --------------------------- MAIN CONTENT --------------------------- */

/* ----------------------------- CAREERS ------------------------------ */
table.careers {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    font-size: 14px;
    margin-top: 20px;
}

table.careers thead tr {
    background-color: #aca79d;
    color: #fff;
    height: 30px;
    font-weight: bold;
}

table.careers th {
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

table.careers a {
    background-color: transparent;
    color: #557bb8;
    text-decoration: none;
    cursor: pointer;
}

table.careers td {
    border: 0;
    line-height: 1.3 !important;
    padding: 10px;
}

table.careers td.summary {
    border-bottom: 8px solid #fff;
}

/* --------------------------- FOOTER --------------------------- */
/* Footer styles*/
.brand-items a img {
    height: 70px;
}

#footer-brands {
    background: url('/images/custom/our-brand-background.png') no-repeat;
}

#our_brand_logos {
    position: relative;
    top: 0;
    left: 0px;
}

#footer_navigation {
    display: block;
    text-align: center;
}

#footer_links>a {
    color: #574f4b;
    text-decoration: none;
}

#footer_copyright {
    position: relative;
    top: 20px;
}

#footer_copyright_text {
    color: #574f4b;
    font-size: 11px;
}

#footer_acknowledgement>a {
    color: #574f4b;
    text-decoration: none;
}

#footer_banner {
    background: #CEC6B9;
    text-align: center;
}

#footer {
    font-size: 13px;
    z-index: 100;
}

#footer a {
    display: block;
    padding-bottom: 10px;
}

.footer_navigation_spacer {
    display: none !important;
}

/* Main Page */
#home-blurb p {
    color: #557bb8;
    margin-top: -5px;
}

#home-welcome hr {
    margin-bottom: 26px;
}

div#home-welcome p {
    padding: 5px;
    text-align: justify;
}

div#home-welcome-right {
    width: 625px;
}

div#home-paragraphs div.left-column {
    width: 50%;
}

div#home-paragraphs div.right-column {
    width: 50%;
}

#home-welcome {
    margin-bottom: 30px;
}

.ctaAboutUs,
.ctaCustomer,
.ctaServices,
.ctaVideo,
.ctaBrands,
.ctaAccount {
    height: 160px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 20px auto;
}

.ctaAboutUs {
    background-image: url('../images/custom/ctaAboutUs.png');
}

.ctaCustomer {
    background-image: url('../images/ctaCustomerNew.png');
}

.ctaServices {
    background-image: url('../images/ctaSer.png');
}

.ctaVideo {
    background-image: url('../images/ctaVid.png');
}

.ctaBrands {
    background-image: url('../images/ctaOurBrands.png');
}

.ctaAccount {
    background-image: url('../images/ctaAccountHistory.png');
}

.videoBanner,
.videoSoon {
    background-image: url('/images/custom/ctaVideoBanner.png');
    background-repeat: no-repeat;
    position: relative;
    left: -6px;
    top: -7px;
    height: 160px;
    width: 300px;
}

.videoSoon {
    background-image: url('/images/custom/ctaCommingSoon.png');
}

.videoPlay {
    background-image: url('/images/custom/ctaVideoPlay.png');
    background-repeat: no-repeat;
    position: relative;
    left: 100px;
    top: 30px;
    height: 100px;
    width: 100px;
}

a.userBarButton>span {
    display: block;
    line-height: 34px;
    padding: 0px 0 5px 18px;
    color: #eee;
}

a.userBarButton.userBarButtonBlue span {
    background: transparent url('/images/custom/accountBlueLeftCap.png') no-repeat 0 0;
}

a.userBarButton.userBarButtonRed>span {
    background: transparent url('/images/custom/accountRedLeftCap.png') no-repeat 0 0;
}

a.userBarButton {
    display: block;
    float: left;
    height: 34px;
    margin-right: 12px;
    padding-right: 22px;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

a.userBarButton.userBarCheckout {
    margin-left: -16px;
}

a.userBarButton.userBarLogout {
    margin-left: -16px;
}


a.userBarButton.userBarButtonBlue {
    background: transparent url('/images/custom/accountBlueRightCap.png') no-repeat scroll top right;
}

a.userBarButton.userBarButtonRed {
    background: transparent url('/images/custom/accountRedRightCap.png') no-repeat scroll top right;
}

a.userBarButton:hover>span {
    color: #fff;
}

/* --- Icons placed on the right of user bar buttons --- */
.userBarButtonIcon>span:after {
    background: url('/images/custom/accountIcons.png');
    content: " ";
    float: left;
    margin-top: 2px;
    margin-left: 0px;
    height: 28px;
    width: 28px;
    z-index: 999;
}

.customerIcon span:after {
    background-position: 0px 0px;
}

.basketIcon span:after {
    background-position: 0px -28px;
}

.contact-column {
    float: left;
    width: 284px;
    height: 600px;
    margin: 10px 10px 10px 0px;
    padding: 0px;
}

.contact-column h2 {
    color: Maroon;
    font-family: "Helvetica";
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.contact-column p {
    margin-top: 4px;
    line-height: 130%;
    font-size: 0.85em;
}

.contact-column div.label {
    margin-top: 0.7em;
    float: none;
    font-size: 0.9em;
}

#enquiry-form .validation-error {
    color: #d40203;
    font-weight: normal;
}

#contact-us-submit-row {
    margin-top: 10px;
    width: 138px;
}

form input[type="submit"].querySubmit .ui-button-text {
    display: none;
}

form button.querySubmit {
    background: url('/images/custom/querySubmit.png');
    background-repeat: no-repeat;
    content: " ";
    filter: none;
    height: 38px;
    padding: 0;
    margin: 0;
    width: 138px;
}

form button.querySubmit:hover {
    background-position: 0 -36px;
    top: 0px;
}

form button.querySubmit:active {
    background-position: 0 -72px;
    top: 1px;
    left: 1px;
}

form button.querySubmit .ui-button-text {
    display: none;
}

p.contact-info {
    margin-top: 4px;
    line-height: 130%;
    font-size: 0.85em;
}

input.viewButton {
    background-image: url('/images/custom/view_btn.png');
    background-repeat: no-repeat;
    float: right;
    height: 26px;
    width: 80px;
}

input.viewButton:hover {
    background-position: 0px -26px;
}

#videoPanel {
    display: none;
}


#customer-benefits input[type="text"] {
    float: right;
    width: 55%;
    margin: 3px;

}

#customer-benefits button.accountSubmit {
    margin-top: 10px;
    background: url('/images/custom/accountSubmit.png');
    background-repeat: no-repeat;
    filter: none;
    height: 54px;
    width: 138px;
}

#customer-benefits button.accountSubmit:hover {
    background-position: 0 -54px;
    top: 0px;
}

#customer-benefits button.accountSubmit:active {
    background-position: 0 -108px;
    top: 1px;
    left: 1px;
}

#customer-benefits button.accountSubmit .ui-button-text {
    display: none;
}

#login-slider {
    display: block;
    background-color: #eee;
    border-color: #e5ded3;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    width: 468px;
    z-index: 10009;
}

#login-slider .login-form input[type="text"],
#login-slider .login-form input[type="password"] {
    float: none;
    width: 120px;
}

#login-slider button.accountLogin {
    margin: 0 0 0 8px;
}

#login-slider .rememberMe {
    padding: 0 6px;
    font-size: 12px;
    color: #595659;
}

.placeholder {
    color: #eee;
}

/* Contact Us styles */
.content-section h1 {
    color: black;
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 1.6em;
}

.content-section em {
    padding-right: 0;
    color: #d40203;
}

/*content-section may be deprecated*/
.content-section .label,
#product-detail .label {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 8px 0 0;
    margin: 0px;
}

.mapFrame {
    background: #f4f3f1;
    height: 218px;
    width: 280px;
}

.mapImage {
    border-width: 1px;
    border-color: #e5DeD3;
    border-style: solid;
    margin: 8px;
}

/* Form validation styles */
label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

form.update-cart-form>fieldset.error {
    padding: 10px;
    border: 3px dashed red;
}

.submit {
    margin-left: 12em;
}

em {
    font-weight: bold;
}

/* Miscellaneous Styles */
#debug {
    position: relative;
    top: 50px;
}

.clear {
    /* implementing the clear-fix hack for fixing floated layouts */
    clear: both;
}

.alert {
    margin: 10px 0 30px 0;
    text-shadow: none;
    color: #000;
    background-color: transparent;
    border: 2px solid #d3211d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.alert-error {
    background-color: transparent;
    border-color: #d3211d;
}

.alert-error a {
    font-size: 1em;
    text-shadow: none;
}

.alert-info {
    background-color: #3a87ad;
    border-color: #3a87ad;
}

.alert-info a {
    font-size: 1.1em;
    text-shadow: none;
    color: #7cff8a;
}

.alert-info a:hover {
    text-decoration: underline;
}

/* PRODUCTS */
#products_search_column {
    float: left;
    width: 209px;
}

/* products mavigation sidebar */
.sidebar-nav.top {
    background-image: url('/images/custom/productSidebarHeader.png');
    background-repeat: no-repeat;
    position: relative;
    left: -2px;
    width: 213px;
    margin-top: 5px;
    padding: 10px 10px;
    color: #fff;
    font-weight: 200;
}

.sidebar-nav {
    margin-top: 10px;
    padding: 0px;
}

.sidebar-nav-list {
    padding: 0px;
    margin: 0px;
    color: #254665;
    font-size: 12px;
    font-weight: bold;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    text-overflow: ellipsis;
    max-height: 240px;
    height: auto !important;
    height: 240px;
    overflow-x: hidden;
    overflow-y: scroll;
    white-space: nowrap;
}

ul.sidebar-nav-list li {
    background: #f6f3ef;
    line-height: 28px;
    border-bottom: 1px solid #e8e6e1;
    border-top: 1px solid #fff;
}

ul.sidebar-nav-list .first {
    border-top: 0px;
}

ul.sidebar-nav-list .last {
    border-bottom: 0px;
}

ul.sidebar-nav-list li a {
    text-decoration: none;
    color: #254665;
}

ul.sidebar-nav-list li a:hover {
    color: #d40203;
}

ul.sidebar-nav-list li.sidebar-nav-list-active a {
    color: #d40203;
}

li.promoTagC:before,
li.promoTagD:before,
li.promoTagE:before,
li.promoTagF:before,
li.promoTagM:before,
li.promoTagN:before,
li.promoTagS:before,
li.promoTagU:before,
li.promoTagY:before {
    display: inline-block;
    content: " ";
    width: 19px;
    height: 20px;
    float: right;
    background-position: 0px 0px;
}

li.promoTagC:before {
    background-position: 0px 0px;
}

li.promoTagM:before {
    background-position: 0px -29px;
}

li.promoTagU:before {
    background-position: 0px -58px;
}

li.promoTagD:before {
    background-position: 0px -87px;
}

li.promoTagE:before {
    background-position: 0px -116px;
}

li.promoTagF:before {
    background-position: 0px -145px;
}

li.promoTagN:before {
    background-position: 0px -174px;
}

li.promoTagS:before {
    background-position: 0px -203px;
}

li.promoTagY:before {
    background-position: 0px -232px;
}

.sidebar-nav.bottom {
    background-image: url('/images/custom/productSidebarTableFooter.png');
    background-repeat: no-repeat;
    position: relative;
    left: -2px;
    height: 11px;
    width: 213px;
    margin-top: 0px;
}

#banner_catch_of_the_week {
    height: 172px;
}

#products-content {
    height: auto !important;
    height: 600px;
}

#products_result_column {
    float: left;
    padding-left: 10px;
    /* 945px (centre content) - 209px (left column) - padding 10px ??? = 736px (right column) */
    width: 726px;
}

/* Products (Tiles) */
#products-content.tile .product_result_tile,
.dlg_checkout .product_result_tile,
#quick_catalogue .product_result_tile {
    font-size: 0.7em;
    float: left;
    width: 162px;
    height: 330px;
    text-align: center;
    margin-bottom: 20px;

    position: relative;
    padding: 6px 3px 10px;
    margin: 3px 5px 3px 0px;
}

aside {
    display: block;
    position: relative;
    overflow: hidden;
}

aside .forgotten_items_outer {
    width: 830px;
    -webkit-transform: translateX(100px) translateY(0em);
    -moz-transform: translateX(100px) translateY(0em);
    -ms-transform: translateX(100px) translateY(0em);
    -o-transform: translateX(100px) translateY(0em);
    transform: translateX(100px) translateY(0em);
}

aside.notrans .forgotten_items_outer {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

aside h6 {
    font-size: 16px;
    font-weight: bolder;
    background: #777;
    color: #fff;
    text-align: right;
    padding: 10px 10px 10px 5px;
    margin: 5px;
    line-height: 1;
    position: absolute;
    top: 0px;
    left: 0;
    width: 80px;
    height: 100%;
    -webkit-transform: rotate(0deg) translateX(-8px);
    -moz-transform: rotate(0deg) translateX(-8px);
    -ms-transform: rotate(0deg) translateX(-8px);
    -o-transform: rotate(0deg) translateX(-8px);
    transform: rotate(0deg) translateX(-8px);
    -webkit-transform-origin: 0em 0em;
    -moz-transform-origin: 0em 0em;
    -ms-transform-origin: 0em 0em;
    -o-transform-origin: 0em 0em;
    transform-origin: 0em 0em;
}

aside.notrans h6 {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.product_result_tile .product_special {
    position: absolute;
    height: 80px;
    width: 80px;
    top: -4px;
    right: -4px;
}

.product_result_tile .product_stars {
    position: absolute;
    height: 20px;
    width: 100px;
    top: 10px;
    left: 2px;
    text-align: left;
}

.product_result_tile .stickerPrice {
    color: #fff;
    padding-top: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.65em;
    font-weight: bold;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_result_tile .product_special .stickerPrice,
.product_result_tile .stickerPrice.specialC,
.product_result_tile .stickerPrice.specialD,
.product_result_tile .stickerPrice.specialE,
.product_result_tile .stickerPrice.specialF,
.product_result_tile .stickerPrice.specialM,
.product_result_tile .stickerPrice.specialS,
.product_result_tile .stickerPrice.specialU {
    color: #fff;
    position: absolute;
    right: -40px;
    top: -7px;
    width: 120px;
    text-align: center;
}

.product_result_tile img {
    /* attempt to hide the white background */
    border: 0;
    max-height: 100%;
    max-width: 100%;
}

.description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #557bb8;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0px;
    height: 4.6em;
}

.manufcode,
.productcode,
.available {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    color: #574f4b;
}

.available em {
    font-weight: bold;
    color: #557bb8;
}

.price {
    font-size: 1.8em;
    font-weight: bold;
    color: #da1922;
    margin: 10px 0;
}

.price del {
    color: #C7C1B6;
    line-height: 22px;
}

#boxout #price {
    margin-top: -10px;
}

#account-reorder-list .price {
    font-size: 1.3em;
}

#related-items .price {
    font-size: 1.3em;
}

/* Products (List) */
#products-content.list .product_result_tile {
    position: relative;
    font-size: 0.7em;
    width: 98%;
    height: 120px;
    margin-bottom: 20px;

    padding: 6px 3px 10px;
    margin: 3px 5px 3px 0px;
}

#products-content.list .product_result_image {
    position: absolute;
    left: 23px;
    height: 120px;
    width: 140px;
}

#products-content.list .description {
    padding: 0 0;
    height: auto;
}


#products-content.list .product-details {
    position: absolute;
    width: 360px;
    margin-left: 160px;
    text-align: left;
}

#products-content.list .product-checkout {
    position: absolute;
    width: 160px;
    right: 0px;
}

.product-checkout .centre_text {
    margin: 5px auto;
}

#products-content.list .product_result_tile img {
    padding-right: 20px;
}

#products-content.list .product_result_tile .product_special {
    overflow: visible;
    top: -4px;
    right: 14px;
}


/* product tile styles */
.item {
    float: left;
    width: 167px;
    height: 235px;
    padding: 6px 3px 10px;
    margin: 3px 5px 3px 0px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 3px 0 0 0;
    font-size: 12px;
}

.hoveritem {
    background: #f7f7f7;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 1px 2px #dbdbdb;
    border-radius: 3px;
    cursor: pointer;
}

/* product quick add button */
.product_result_tile button.dd-quick-add {
    color: #545250;
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
    border: 0;
    height: 24px;
    width: 104px;
    background: url('/images/custom/productQuickAdd.png');
    background-repeat: no-repeat;
    margin: 5px 0;
    filter: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product_result_tile button.dd-quick-add:hover {
    background-position: 0px -24px;
    top: 0px;
}

.product_result_tile button.dd-quick-add:active {
    background-position: 0px -48px;
    top: 0px;
}

/* product select button */
.product_result_tile button.select {
    font-weight: bold;
    font-size: 0.9em;
    font-style: italic;
    border: none;
    height: 24px;
    width: 25px;
    background: url('/images/custom/productQuickAddCapRight.png');
    background-repeat: no-repeat;
    margin: 10px 0;
    margin-left: -3px;
    filter: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product_result_tile button.select:hover {
    background-position: 0px -24px;
    top: 0px;
}

.product_result_tile button.select:active {
    background-position: 0px -48px;
    top: 0px;
}

.product_result_tile .ui-menu {
    background: #f8f6f3;
    box-shadow: 0px 1px 2px #dbdbdb;
    border: 1px solid #bebaaf;
    padding: 6px 0px;
    -moz-border-radius-topright: 0px;
    -weblit-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    z-index: 9999;
}

.product_result_tile .ui-menu .ui-button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background: #f8f6f3;
    color: #254665;
    filter: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.product_result_tile .ui-menu .ui-button:hover {
    background: #557bb8;
    color: #fff;
}

/* product page toolbar */
.product_searchBar {
    background-color: #eee8df;
    margin-top: 4px;
    padding: 10px 10px;
    font-size: 13px;
}

.product_searchBar em {
    color: #a6080a;
}

.paged-result {
    font-family: 'Montserrat', sans-serif;
    display: block;
    padding: 8px 0;
    margin-top: 8px;
}

.paged-result .row {
    margin: 0;
}

.results-page {
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 0px 0px 8px;
    margin-right: 0px;
}

.paged-footer {
    background-color: #eee8df;
    background-image: none;
    margin-top: 40px;
}

.pages {
    padding: 0 10px;
    text-align: right;
}

.pages strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.paged-result .pages ol {
    display: inline;
    font-size: 14px;
    line-height: 22px;
}

.paged-result .pages li {
    display: inline;
    margin: 0px;
}

.paged-result .pages li a {
    color: #333;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    padding: 1px 8px 0px;
}

.paged-result .pages li.current,
.paged-result .pages li a:hover {
    color: #333;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
    padding: 1px 7px 0px;
}

.paged-result hr {
    display: none;
}

.paged-result select {
    margin-left: 8px;
    float: none;
    background: #fff url('../images/arrow.gif') no-repeat;
    background-position: right 0.75em top 50%;
    width: auto;
    height: auto;
    padding: 0.2em 2.3em 0.2em 0.6em;
    text-overflow: ellipsis;
    border: 1px solid #fff;
    font-size: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    color: #232323;
    clear: left;
}

.product-layout-selector {
    margin-top: 2px;
    margin-right: 4px;
    background-image: url('/images/custom/productLayout.png');
    background-repeat: no-repeat;
}

#products-content.tile .product-layout-selector {
    background-position: 0 0;
}

#products-content.list .product-layout-selector {
    background-position: 0 -22px;
}

.product-layout-selector ul li {
    display: inline-block;
}

.product-layout-selector li a {
    display: block;
    height: 22px;
    width: 25px;
    text-indent: -9999px;
}

#product_search_input {
    background-image: url('/images/custom/productSidebarSearch.png');
    background-repeat: no-repeat;
    height: 172px;
    width: 212px;
    position: relative;
}

#product-search-textbox {
    margin-top: 96px;
    margin-left: 12px;
    height: 16px;
    width: 174px;
}

#product_search_input input[type=text] {
    border: 0px solid white;
}

#go-arrow {
    width: 32px;
    position: absolute;
    bottom: 4px;
    right: 30px;
}

.empty_results_image {
    padding: 40px;
}

.empty_results_message {
    padding: 50px 20px;
    text-align: center;
}

/* product detail styles */
div#product-summary {
    padding-bottom: 20px;
}

div#product-detail-image {
    float: left;
    margin: 10px;
    position: relative;
}

div#product-detail .right-column {
    width: 400px;
    float: right;
    padding-right: 10px;
}

div#additional-information .data {
    font-size: 1.1em;
    margin-top: 0px;
    padding-top: 0px;
}

/* product detail special stickers*/
#product-detail-image .product_special {
    background: #F5F5F5;
    position: absolute;
    height: 80px;
    width: 80px;
    top: 4px;
    right: 4px;
    z-index: 101;
    /* position above the jqzoom pad element*/
}

#product-detail-image .stickerPrice {
    color: #fff;
    padding-top: 32px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.65em;
    font-weight: bold;

    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    transform: rotate(-16deg);
}

#boxout {
    position: relative;
}

#boxout .product_special {
    position: absolute;
    height: 80px;
    width: 80px;
    top: -4px;
    right: -4px;
}

#boxout .product_special.sticker_only {
    height: 70px;
    width: 70px;
    top: -12px;
    right: -15px;
}

#boxout .product_special img {
    max-height: 100%;
    max-width: 100%;
}

#boxout .stickerPrice {
    position: absolute;
    top: 22px;
    right: 4px;
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_backBar {
    font-size: 13px;
    padding: 0 4px 6px;
    border-bottom: 1px dashed #eee8df;
    margin-bottom: 4px;
}

.product_backBar a {
    color: #254665;
    font-weight: bold;
    text-decoration: none;
}

.product_backBar a:hover {
    color: #d40203;
}

div#description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #557bb8;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0 4px;
    height: 3.6em;
}

div#bbd {
    margin: 0 0 4px 0;
}

div.bbd {
    padding: 0 0 2px 0;
}

div.bbd div.expirydate {
    padding: 8px;
    color: #eb8f00;
}

div.bbd div.expirydate span.wx-icon-alert {
    float: left;
    margin-right: .3em;
    background-image: url(custom-theme/images/ui-icons_ef8c08_256x240.png);
}

div.bbd div.expirydate span.date {
    font-weight: lighter;
}

div#boxout {
    width: 400px;
    height: 160px;
    background-color: #e5ded3;
    font-size: 0.8em;
    padding: 1px;
}

div#boxout .left-column {
    float: left;
    background-color: #f9f7f3;
    width: 175px;
    height: 150px;
    margin: 0px;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    overflow: hidden;
}

div#boxout .left-column label {
    width: auto;
}

div#boxout .right-column {
    float: right;
    background-color: #f1ede6;
    width: 185px;
    height: 160px;
    margin: 0px;
    text-align: center;
    overflow: hidden;
}

div.right-arrow {
    position: relative;
    left: 185px;
    width: 0px;
    height: 0px;
    background-color: #f1ede6;
    border-style: solid;
    border-width: 80px 0 80px 30px;
    border-color: transparent transparent transparent #f9f7f3;
}

div#price {
    margin-top: 40px;
    color: #da1922;
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4px;
}

div#price-per-unit {
    font-weight: lighter;
    color: black;
    font-size: 0.9em;
    text-align: center;
    padding: 0 15px 12px;
}

div#add-to-cart {
    position: relative;
    top: 40px;
}

div#boxout .label {
    font-size: 1em;
    vertical-align: middle;
}

div#boxout .data {
    float: left;
    font-size: 1em;
    margin-top: 0px;
    padding-top: 0px;
}

div#boxout input {
    width: 40px;
}

div#boxout input[type="text"] {
    width: 40px;
    margin-left: 15px;
}

div#boxout input[type="radio"] {
    width: 20px;
}

div#dimensions {
    padding-top: 4px;
}

div#quantity {
    margin: 12px 0;
}

div#quantity div.label {
    font-size: 1em;
    padding-bottom: 4px;
}

div#minimum-order-quantity div.label {
    font-size: 0.9em;
    font-weight: bold;
}

div#minimum-order-quantity div.data {
    float: left;
    margin-top: 0px;
}

div#additional-information {
    height: 100px;
    font-size: 0.7em;
    padding-bottom: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
    line-height: 1.8em;
}

div#additional-information div.label {
    float: left;
    font-weight: bold;
    margin-right: 4px;
}

div#additional-information div.data {
    float: left;
}

div#additional-information .left-column {
    float: left;
    width: 200px;
    margin: 0;
}

div#additional-information .right-column {
    float: right;
    width: 200px;
    margin: 0;
}

button.productAddToCart {
    border: none;
    filter: none;
    height: 44px;
    width: 156px;
}

button.productAddToCart:hover {
    background-position: 0 -44px;
    top: 0px;
}

button.productAddToCart:active {
    background-position: 0 -88px;
    top: 1px;
}

#product-detail button.productAddToCart {
    border: none;
    filter: none;
    height: 44px;
    width: 156px;
    color: #fff;
    background-color: #223e99;
}

button#productAddAllToCart.productAddAllToCart {
    background: url('/images/custom/productAddAllToCart.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 32px;
    width: 161px;
    margin: 0px 10px;
}

button#productAddAllToCart.productAddAllToCart:hover {
    background-position: 0 -32px;
    top: 0px;
}

button#productAddAllToCart.productAddAllToCart:active {
    background-position: 0 -64px;
    top: 1px;
    left: 1px;
}

button#productAddAllToCart.productAddAllToCart .ui-button-text {
    display: none;
}


#product-detail-tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
}

#product-detail-tabs .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.ui-tabs.ui-widget-content {
    border: none;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

.ui-tabs-vertical {
    position: relative;
    padding-left: 140px;
}

.ui-tabs-vertical .ui-tabs-nav {
    position: absolute;
    left: 0.25em;
    top: 0.25em;
    bottom: 0.25em;
    width: 140px;
    padding: 0.2em 0 0.2em 0.2em;
}

.ui-tabs-vertical .ui-tabs-nav li {
    right: 1px;
    width: 100%;
    border-right: none;
    overflow: hidden;
}

.ui-tabs-vertical .ui-tabs-nav li a {
    float: right;
    width: 100%;
    text-align: right;
}

.ui-tabs-nav .ui-state-focus:focus {
    outline: none;
}

#config-editor .ui-tabs-vertical {
    padding-left: 220px;
}

#config-editor .ui-tabs-vertical .ui-tabs-nav {
    width: 210px;
}

table {
    table-layout: auto;
}

table td {
    overflow: hidden;
    text-overflow: ellipsis;
}

thead {
    font-size: 1.3em;
    font-weight: bold;
    background-color: #aca79d;
}

tbody tr.alternate {
    background-color: #fff;
}

td {
    vertical-align: middle;
}

td.product-image {
    padding: 0px;
    background: #fff;
    width: 84px;
    text-align: center;
}

td.relatedSectionHeader {
    background: #c7c1b6;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    padding: 14px;
    text-transform: uppercase;
}

td label {
    width: auto;
}

td.data-label,
td.alternate.data-label {
    text-align: right;
    font-weight: bold;
}

td.data-value {
    text-align: left;
}

#product-detail-tabs td.image {
    padding: 0px;
    background: #fff;
    width: 64px;
    text-align: center;
}

#product-detail-tabs td.detail {
    width: 280px;
}

#product-detail-tabs td .description {
    padding: 0;
    height: auto;
    margin: 4px 0;
}

#product-detail-tabs td .subtext {
    color: #595659;
}

#product-detail-tabs td.price {
    text-align: center;
}

#product-detail-tabs td.measure {
    width: 60px;
}

#product-detail-tabs td.subtotal {
    background: #f1ede7;
    width: 80px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #da1922;
}

#product-detail-tabs .relatedFooter {
    background-color: #f1ede7;
    border: solid 1px #e9e3db;
    height: 40px;
}

#product-detail-tabs h4 {
    margin-top: 20px;
    font-size: 1em;
    font-weight: bold;
    color: #5d8ec0;
}

#product-detail-tabs hr {
    border: 0;
    border-bottom: 1px dashed #e9e3db;
}

#product-detail-tabs td label {
    width: auto;
}

#ui-dialog {
    top: 140px;
}

.ui-widget-header {
    border: none;
    background: none;
}

.ui-dialog .ui-widget-header {
    background: #555;
    border-color: #000;
    color: #fff;
}

.ui-tabs.ui-widget-content,
.ui-tabs-nav.ui-widget-header {
    border: none;
    background: none;
}


.ui-tabs-panel .left-column .label {
    font-size: 0.7em;
    padding-bottom: 6px;
}

.ui-tabs-panel .ui-datepicker-trigger .ui-button-text {
    padding: 2px 8px;
    line-height: 1.1;
}

/* #order-list-filter buttons */
[id$="filter"] *[type="submit"].btnSearch {
    font-family: 'Montserrat', sans-serif !important;
    border-radius: 0;
    font-size: 14px;
    margin-top: 18px;
    background: #223e99;
    background-repeat: no-repeat;
    border: none;
    content: " ";
    color: #fff;
    filter: none;
    height: 36px;
    width: 118px;
    clear: right;
}

[id$="filter"] *[type="submit"].btnSearch:hover {
    background-position: 0 -36px;
    top: 0px;
}

[id$="filter"] *[type="submit"].btnSearch:active {
    background-position: 0 -72px;
    top: 1px;
    left: 1px;
}

[id$="filter"] *[type="submit"].btnShowAll {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    border-radius: 0;
    color: #fff;
    margin-top: 18px;
    background: #223e99;
    background-repeat: no-repeat;
    border: none;
    content: " ";
    filter: none;
    height: 34px;
    width: 122px;
    clear: right;
}

[id$="filter"] *[type="submit"].btnShowAll:hover {
    background-position: 0 -34px;
    top: 0px;
}

[id$="filter"] *[type="submit"].btnShowAll:active {
    background-position: 0 -68px;
    top: 1px;
    left: 1px;
}

[id^="account"] button.productAddToCart {
    background: url('/images/custom/productAddToCart.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 44px;
    width: 156px;
    float: right;
}

#account-item-history button.productAddToCart:hover {
    background-position: 0 -44px;
    top: 0px;
}

#account-item-history button.productAddToCart:active {
    background-position: 0 -88px;
    top: 1px;
    left: 1px;
}

#account-item-history button.productAddToCart .ui-button-text {
    display: none;
}

.account_unpaid_only {
    font-size: 0.8em;
    padding-top: 8px;
}

/* transaction detail styles */
div.transaction-dialog {
    font-size: 0.7em;
    text-align: left;
    overflow: hidden;

    width: 100%;
    margin: 0 auto;
}

div.transaction-dialog .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display: inline;
    float: left;
    position: relative;
    margin: auto 1%;
}

div.transaction-dialog .grid_first {
    margin-left: 0;
}

div.transaction-dialog .grid_last {
    margin-right: 0;
}

div.transaction-dialog .grid_1 {
    width: 6.333%;
}

div.transaction-dialog .grid_2 {
    width: 14.667%;
}

div.transaction-dialog .grid_3 {
    width: 23.0%;
}

div.transaction-dialog .grid_4 {
    width: 31.333%;
}

div.transaction-dialog .grid_5 {
    width: 39.667%;
}

div.transaction-dialog .grid_6 {
    width: 48.0%;
}

div.transaction-dialog .grid_7 {
    width: 56.333%;
}

div.transaction-dialog .grid_8 {
    width: 64.667%;
}

div.transaction-dialog .grid_9 {
    width: 73.0%;
}

div.transaction-dialog .grid_10 {
    width: 81.333%;
}

div.transaction-dialog .grid_11 {
    width: 89.667%;
}

div.transaction-dialog .grid_12 {
    width: 98%;
}

div.transaction-dialog thead {
    font-size: 1em;
}

div.transaction-dialog td {
    font-size: 1em;
    padding: 1em;
}

div.transaction-dialog h1 {
    line-height: normal;
}

div.transaction-dialog h3 {
    line-height: normal;
}

div.transaction-dialog h5 {
    color: #766B56;
    line-height: normal;
}

div.transaction-dialog .reprint {
    color: #C7C1B6;
    text-align: right;
}

div.transaction-dialog div.label {
    margin: 0;
    font-size: 1.5em;
}

div.transaction-dialog div.data {
    margin: 0;
}

div.transaction-dialog div.left-column {
    width: auto;
    margin: 0;
}

div.transaction-dialog div.right-column {
    width: 50%;
    margin: 0;
}

div.transaction-header,
div.transaction-footer {
    background-color: #eee8df;
    padding: 10px;
    border-color: #aca79d;
    border-style: solid none solid none;
    border-width: 1px;
    margin: 10px 0;
}

div.transaction-header h4 {
    color: #766B56;
    line-height: normal;
    font-weight: bold;
}

div.transaction-header .label {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 0.9em;
}

div.transaction-header p {
    margin-left: 0px;
    margin-top: 0px;
}

.total {
    background-color: lightgray;
}

div.transaction-footer {
    margin-top: 10px;
    background-color: inherit;
    padding: 10px 0;
}

div.transaction-footer div.data {
    padding-right: 4px;
}

div.transaction-footer .row.total {
    padding: 1em;
}


/* Account (Reorder) Detail Styles */
.specialTag {
    vertical-align: middle;
}

.specialTag .ui-icon {
    display: inline-block;
}

/* Account (Invoice) Detail Styles */
div.tricolumn div.left-column {
    width: auto;
    margin-right: 0px;
    padding-right: 10px;
}

div.tricolumn div.right-column {
    width: 30%;
}

/* View Cart */
/* Cart Styles */
div.cart-container {
    margin-top: 20px;
}

div.cart-container strong {
    font-weight: bold;
    color: #595659;
}

div.cart-container .description-column {
    width: 30%;
}

div.cart-container .itemDescription {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 6px;
}

div.cart-container .itemSubText {
    color: #766B56;
    padding-bottom: 2px;
}

div.cart-container .removeItem {
    width: 8%;
}

div.cart-container div.trash-col div.low-stock h3 {
    color: #da1922;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 4px;
    border-bottom: 3px #da1922 dashed;
    /*font-size: 1.4em;*/
}

div.cart-container .label {
    float: right;
    font-size: 1em;
    padding-right: 14px;
}

div.cart-container .total {
    background-color: inherit;
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 10px;
}

/*Add To Cart Button*/
#cart-quick-add button.productAddToCart {
    background: url('/images/custom/productAddToCart.png');
    background-repeat: no-repeat;
    filter: none;
    height: 44px;
    width: 156px;
    float: right;
}

#cart-quick-add button.productAddToCart:hover {
    background-position: 0 -44px;
    top: 0px;
}

#cart-quick-add button.productAddToCart:active {
    background-position: 0 -88px;
    top: 1px;
    left: 1px;
}

#cart-quick-add button.productAddToCart .ui-button-text {
    display: none;
}

/*Remove Cart Item Button*/
div.cart-container button.remove-cart-item {
    background: none;
    background-repeat: no-repeat;
    filter: none;
    height: 35px;
    width: 34px;

    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.cart-container button.remove-cart-item:hover {
    border: 1px solid #e5ded3;
    background-position: 0 -35px;
    top: 0px;
}

div.cart-container button.remove-cart-item:active {
    background-position: 0 -70px;
    top: 1px;
    left: 1px;
}

/*Update Cart Item Button*/
div.cart-container button.update-cart-item {
    background: none;
    background-repeat: no-repeat;
    filter: none;
    height: 30px;
    width: 34px;

    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.cart-container button.update-cart-item:hover {
    border: 1px solid #e5ded3;
    top: 0px;
}

div.cart-container button.update-cart-item:active {
    top: 1px;
    left: 1px;
}

/*Clear Cart Button*/
div.cart-container button.clear_cart {
    margin-top: 10px;
    background: url('/images/custom/btnClearCart.png');
    background-repeat: no-repeat;
    border: none;
    content: " ";
    filter: none;
    height: 37px;
    width: 138px;
    float: right;
}

div.cart-container button.clear_cart:hover {
    background-position: 0 -37px;
    top: 0px;
}

div.cart-container button.clear_cart:active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

div.cart-container button.clear_cart .ui-button-text {
    display: none;
}

/*Continue Checkout Button*/
div.cart-container button.continue_checkout {
    margin-top: 10px;
    background: url('/images/custom/cart_checkout.png');
    background-repeat: no-repeat;
    border: none;
    content: " ";
    filter: none;
    height: 37px;
    width: 138px;
    float: right;
}

div.cart-container button.continue_checkout:hover {
    background-position: 0 -37px;
    top: 0px;
}

div.cart-container button.continue_checkout:active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

div.cart-container button.continue_checkout .ui-button-text {
    display: none;
}


/* Checkout Styles */
div#checkout .column {
    float: left;
    width: 45%;
    padding: 10px;
    margin: 10px;
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    filter: none;
    background-color: #f9f7f3;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    min-height: 300px;
    height: 500px;
}

div#checkout h2 {
    margin-top: 1em;
}

div#checkout .label {
    float: left;
    width: 45%;
    font-size: 0.9em;
    font-weight: bold;
    color: #9a0b10;
    margin: 3px;
}

div#checkout input,
div#checkout textarea,
div#checkout select {
    float: right;
    width: 48%;
    text-align: left;
    margin-bottom: 10px;
}

div#checkout fieldset {
    background-color: #f0ebe4;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    margin: 10px 0;
    padding: 4px;
}

div#checkout legend {
    font-size: 0.9em;
    font-weight: bold;
    color: #9a0b10;
    padding-left: 6px;
}

div.label+input,
div.label+textarea,
div.label+select {
    float: right;
    width: 50%;
    text-align: left;
    margin-bottom: 10px;
}

div#delivery-customer-order-number {
    float: left;
}

div#delivery-customer-order-number input {
    float: left;
}

div#delivery-customer-email-address1 input {
    float: none;
}

div#delivery-customer-email-address1 p {
    font-size: 0.8em;
    margin-top: 0px;
    padding: 0px 2px;
}

div#delivery-customer-special-instructions {
    width: 100%;
    float: left;
}

div#delivery-customer-special-instructions textarea {
    float: left;
    width: 98%;
    height: auto;
}

div#checkout button.btnAddAddress {
    margin: 4px 0px 12px;
    background: url('/images/custom/checkOutAddAddress.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 37px;
    width: 138px;
    float: right;
}

div#checkout button.btnAddAddress:hover {
    background-position: 0 -37px;
}

div#checkout button.btnAddAddress:active {
    background-position: 0 -74px;
    top: 1px;
}

div#checkout button.btnAddAddress .ui-button-text {
    display: none;
}


div#checkout-submit button.checkoutSubmit {
    margin-top: 10px;
    background: url('/images/custom/accountSubmit.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 54px;
    width: 138px;
    float: right;
}

div#checkout-submit button.checkoutSubmit:hover {
    background-position: 0 -54px;
    top: 0px;
}

div#checkout-submit button.checkoutSubmit:active {
    background-position: 0 -108px;
    top: 1px;
    left: 1px;
}

div#checkout-submit button.checkoutSubmit .ui-button-text {
    display: none;
}

#add-address-block {
    padding: 10px;
    width: 90%;
    margin: 50px auto;
    border: 3px solid lightgray;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e9d4b3;
    background: -moz-linear-gradient(-45deg, #e9d4b3 0%, #b68d4c 31%, #c19e67 53%, #c19e67 70%, #f3e2c7 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e9d4b3), color-stop(31%, #b68d4c), color-stop(53%, #c19e67), color-stop(70%, #c19e67), color-stop(100%, #f3e2c7));
    background: -webkit-linear-gradient(-45deg, #e9d4b3 0%, #b68d4c 31%, #c19e67 53%, #c19e67 70%, #f3e2c7 100%);
    background: -o-linear-gradient(-45deg, #e9d4b3 0%, #b68d4c 31%, #c19e67 53%, #c19e67 70%, #f3e2c7 100%);
    background: -ms-linear-gradient(-45deg, #e9d4b3 0%, #b68d4c 31%, #c19e67 53%, #c19e67 70%, #f3e2c7 100%);
    background: linear-gradient(135deg, #e9d4b3 0%, #b68d4c 31%, #c19e67 53%, #c19e67 70%, #f3e2c7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9d4b3', endColorstr='#f3e2c7', GradientType=1);
}

/*
    Override the base styles with site specific layout or color schemes
*/

h2 {
    font-size: 1.07em;
    font-weight: bold;
}

html,
body,
div,
p {
    font-size: 1em;
    line-height: 1.2em;
}

strong,
b {
    font-weight: bold;
    font-size: larger;
}

#img-magnifying-glass,
#product-search-label,
#enter-keyword-label {
    visibility: hidden;
}

#header_logo {
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%);

    /* Opera */
    background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F5F5F5), color-stop(1, #FFFFFF));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #FFFFFF 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to top, #F5F5F5 0%, #FFFFFF 100%);
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 150px;
    z-index: 100;
    margin: 0 auto;
    border: 0px solid white;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

#header_underline {
    height: 40px;
}

.brownBar {
    background-color: #dddddd;
}

.redBar {
    background-color: #c0d0a0;
}

#header_underline span {
    position: relative;
    top: 10px;
    left: -60px;
    text-decoration-color: white;
    font-weight: 700;
    font-size: 18px;
    z-index: 10000;
}

#header_navigation {
    text-align: left;
    top: 11px;
}

/* Account Application styles */
div#new_account_application {
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    margin-left: 0px;
    padding: 30px;
}

/* todo: this needs to across the site for content under h1 */
div#new_account_application {
    margin-top: 30px;
}

div#new_account_application .label {
    font-size: 0.9em;
    font-weight: bold;
    color: #9a0b10;
}

div#new_account_application input[type="textbox"] {
    height: 80px;
    width: 100%;
}

div#new_account_application input[type="text"] {
    height: 18px;
    width: 100%;
}

div#new_account_application div.column {
    width: 48%;
    float: left;
    padding: 2px;
    margin: 5px;
}

div#new_account_application fieldset {
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    margin: 10px 0;
}

div#new_account_application legend {
    font-size: 0.9em;
    font-weight: bold;
    color: #9a0b10;
    padding-left: 6px;
}

div#new_account_application *[type="submit"].submitApplication {
    margin-top: 10px;
    background: url('/images/custom/accountSubmit.png');
    background-repeat: no-repeat;
    border: none;
    filter: none;
    height: 54px;
    width: 138px;
    float: right;
    color: transparent;
    /* hides value text */
    padding: 0 0 0 140px;
    /* hides value text (IE)*/
}

div#new_account_application *[type="submit"].submitApplication:hover {
    background-position: 0 -54px;
    top: 0px;
}

div#new_account_application *[type="submit"].submitApplication:active {
    background-position: 0 -108px;
    top: 1px;
    left: 1px;
}

/* About Us - Payment Options */
.payment-card {
    padding-right: 20px;
}

.payment-address {
    margin-top: 10px;
    line-height: 1.5em;
    color: #766B56;
}

/* Staff Profiles */
.staffCard {
    background-color: #f9f7f3;
    border: 1px solid #dbdbdb;
    box-shadow: 0px 1px 2px #dbdbdb;
    border-radius: 3px;
    font-size: 0.7em;
    float: left;
    width: 180px;
    text-align: center;
    margin-bottom: 20px;

    position: relative;
    padding: 6px 10px 10px;
    margin: 3px 10px 3px 0px;
}

.staffCardPhoto {
    background: #fff;
    margin: 4px auto 10px;
    height: 140px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -mz-border-raius: 4px;
    border-radius: 4px;
}

.staffCardName {
    color: #557bb8;
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0;
}

.staffCardTitle {
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 10px;
}

.staffCard table {
    border-width: 0;
    border-top-width: 1px;
}

.staffCard td {
    border: none;
    padding: 6px 4px;
}

.staffCard .ui-state-default {
    border: 1px solid #d8dcdf;
    background: #9a0b10 repeat-x url('/images/custom/uiButton.png');
    font-weight: bold;
    color: #fafafa;
}

.staffCard .ui-state-hover {
    background: #da1922;
}

.staffCard .ui-state-active {
    background: #da1922 url('/images/custom/uiButton.png');
    background-position: 0 -32px;
}

#sendmail_popup {
    /*Style like a popup dialog*/
    position: relative;
}

#sendmail_popup td {
    border: none;
}

#sendmail_popup td.message {
    padding-top: 18px;
    vertical-align: text-top;
}

#sendmail_popup textarea {
    height: 160px;
    max-height: 200px;
    width: 500px;
    max-width: 500px;
}

/* Brands */
.brand_tile {
    float: left;
    width: 280px;
    height: 280px;
    overflow: hidden;
    margin: 0 0 20px 15px;
}

.brand_photo_frame {
    height: 185px;
    background: url('/images/custom/brandEffectShadow.png') no-repeat center bottom;
}

.brand_photo_popover {
    cursor: pointer;
}

.brand_desc {
    font-size: 0.825em;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus {
    border-color: #79b7e7;
    outline: 0;
    outline: thin dotted 9;
}

/* Display banner across top of content */
.page-banner {
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    filter: none;
    background-color: #f3f8ff;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    padding: 15px 20px 15px 15px;
}

/* Display banner across top of content */
.page-banner {
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    filter: none;
    background-color: #f3f8ff;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    padding: 15px 20px 15px 15px;
}

/* Account Login */
.login-form,
#login-inline {
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    filter: none;
    background-color: #f3f8ff;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    margin: 30px 0px 30px 0px;
    padding: 15px 20px 15px 15px;
    float: left;
    width: 40%;
}

.login-inline {
    width: auto;
}

#customer-benefits {
    background-color: #f9f7f3;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    margin: 30px 0px 0px 0px;
    padding: 15px 20px 15px 15px;
    float: right;
    width: 50%;
}

#customer-benefits ul {
    background-color: #f0ebe4;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
}

#customer-benefits li,
.page-banner li {
    background: url('/images/custom/benefitsBullet.png') no-repeat;
    line-height: 32px;
    vertical-align: middle;
    padding-left: 40px;
}

#customer-benefits .label {
    font-size: 0.9em;
    font-weight: bold;
    color: #9a0b10;
}

#accept-terms-and-conditions form {
    background: #f3f8ff;
    border-style: solid;
    border-color: #e5ded3;
    border-width: 1px;
    padding: 15px 20px 15px 15px;
}

#accept-terms-and-conditions *[type="submit"].btnContinue {
    margin-top: 10px;
    background: url('/images/custom/terms_continue.png');
    background-repeat: no-repeat;
    border: none;
    content: " ";
    filter: none;
    height: 37px;
    width: 138px;
    clear: right;
}

#accept-terms-and-conditions *[type="submit"].btnContinue:hover {
    background-position: 0 -37px;
    top: 0px;
}

#accept-terms-and-conditions *[type="submit"].btnContinue:active {
    background-position: 0 -74px;
    top: 1px;
    left: 1px;
}

#accept-terms-and-conditions button.btnContinue .ui-button-text {
    display: none;
}


.centre {
    width: 960px;
}

.content-section {
    padding: 0 15px 30px;
    width: 945px;
    background-color: #fefefe;
    margin-top: 10px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    overflow: hidden;
}

.box {
    position: relative;
    top: 0px;
    left: 0px;
}

.box-footer-with-go-arrow {
    background-color: rgb(174, 162, 153);
    color: white;
    position: relative;
    top: 135px;
    width: 100%;
    height: 30px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 10px;
}

.box-footer-with-go-arrow .label {
    padding-left: 8px;
    padding-top: 4px;
}

div.box div.label {
    color: white;
    font-family: "Times New Roman", "serif";
    width: 60%;
    font-size: 1.5em;
    padding: 10px;
}

div.box div.inset {
    position: relative;
    left: 50%;
    background-color: rgba(255, 255, 255, 10);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.go-arrow {
    position: absolute;
    background-color: rgb(174, 162, 153);
    top: -10px;
    left: 75%;
    width: 40px;
    height: 30px;
    padding-left: 5px;
    padding-top: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

div#wrapper {
    min-width: 975px;
    height: 100%;
    min-height: 100%;
    /* For Sticky Footer */
    height: auto !important;
    /* For Sticky Footer */
    margin: 0 auto -70px;
    /* For Sticky Footer */
}

div.push {
    height: 70px;
    /* For Sticky Footer */
}

div#footer {
    width: 100%;
}

.number {
    text-align: right;
}

/* Menu Items in the page header */
a.menu-item {
    background-image: url('/images/custom/navSeparator.png');
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    left: 0;
    top: 0;
    color: #557bb8;
    width: 91px;
    height: 57px;
    font-size: 13px;
    font-weight: 900;
    text-decoration: none;
    padding: 38px 8px 0px;
    float: left;
}

a.menu-item:hover {
    text-decoration: underline;
}

a.menu-item.menu-close {
    width: 4px;
    padding: 38px 0 0;
}

div#menu_got_questions {
    float: right;
    display: inline;
    background-color: inherit;
    width: 177px;
    height: 81px;
    position: relative;
    left: 0px;
    top: 0px;
}

img#menu_got_questions_handset {
    position: absolute;
    top: 30px;
    left: 10px;
}

div#capital_company_phone_number_header {
    font-size: 12pt;
    font-weight: bold;
    color: rgb(166, 8, 10);
    position: absolute;
    top: 40px;
    left: 39px;
}

div#menu_got_questions_text {
    font-size: 11pt;
    font-style: italic;
    position: absolute;
    top: 20px;
    left: 37px;
}

td.subsection-header {
    background-color: #aca79d;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
}

span.data-label {
    float: right;
    font-weight: bold;
}

span.data-value {
    float: left;
}

#products_master_area {
    height: 100%;
}

#capital_company_phone_number {
    font-family: "Times New Roman", Times, serif;
    font-size: 16pt;
    font-weight: bold;
    color: rgb(130, 123, 111);
    position: absolute;
    top: 90px;
    left: 80px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
    display: block;
}

/* End hide from IE Mac */

.hidden {
    display: none
}

#spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -50px;
    width: 100px;
    height: 50px;
    background-color: #FFF;
    padding: 10px;
    border: 5px solid #CCC;
    z-index: 200;
}

div.forgotten_items_outer {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 360px;
    z-index: 500;
}

div.forgotten_items {
    width: 2160px;
}

div#dlg_notify_accapp {
    font-style: italic;
}

div#dlg_notify_accapp em {
    color: lightblue;
    padding-right: 0px;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#database-offline {
    font-weight: 600;
    font-size: 18px;
    margin-top: 40px;
    text-align: center;
}

#order-confirmation em {
    font-weight: normal;
    font-style: italic;
    color: black;
}

#order-confirmation strong {
    font-weight: bold;
    color: #31849B;
}

#account-a-la-carte {
    display: none;
    position: fixed;
    min-width: 400px;
    width: auto;
    max-width: 1200px;
    height: auto;
    left: 10px;
    bottom: 30px;
    padding: 5px;
    background-color: rgba(177, 22, 22, 0.75);
    border: 1px solid rgba(235, 98, 98, 0.85);
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
    z-index: 100;
}

#account-a-la-carte ul {
    max-height: 210px;
    min-height: 40px;
    overflow: auto;
}

#account-a-la-carte li {
    display: block;
}

#account-a-la-carte .carte_titlebar {
    color: #fff;
    padding: 4px 4px 10px;
    font-weight: bold;
}

#account-a-la-carte .carte_titlebar .cartIcon {
    background: url('/images/custom/accountIcons.png');
    background-repeat: no-repeat;
    background-position: 0px -34px;
    content: " ";
    display: inline-block;
    padding: 0 5px;
    height: 16px;
    width: 20px;
}

#account-a-la-carte .carte_body {
    background: #fff;
    border: 1px solid #b21616;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#account-a-la-carte .carte_body strong {
    float: left;
    width: 80px;
    margin-right: 10px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#account-a-la-carte .carte_buttons {
    margin-top: 8px;
    border-top: 1px dashed #b21616;
    padding-top: 10px;
}

.special_notes {
    font-weight: 600;
    text-align: justify;
    border-style: dotted;
}

.incart {
    font-size: 10px;
    margin-top: 5px;
}

#span_measure {
    vertical-align: middle;
}

/* Login */
.login-form .label {
    font-size: 0.9em;
    font-weight: bold;
    color: #557bb8;
    float: left;
    margin: 3px;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="number"] {
    float: right;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #574f4b;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus,
.login-form input[type="number"]:focus {
    border-color: #79b7e7;
    outline: 0;
    outline: thin dotted 9;
}


.login-form button.accountLogin {
    margin-top: 10px;
    background: url('/images/custom/accountLogin.png');
    background-repeat: no-repeat;
    border-width: 0px;
    filter: none;
    height: 54px;
    width: 138px;
}

.login-form button.accountLogin:hover {
    background-position: 0 -54px;
    top: 0px;
}

.login-form button.accountLogin:active {
    background-position: 0 -108px;
    top: 1px;
    left: 1px;
}

.login-form button.accountLogin .ui-button-text {
    display: none;
}

tr.alert {
    background-color: Pink;
}
.caps-alert {
    background-color: lightgrey;
    color: black;
    width: 150px;
    height: 27px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid white;
    padding: 10px;
    margin: 5px;
}

#survey_dialog hr {
    margin: 26px 0;
    border: 1px solid #ddd;
}

#survey_dialog legend {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
}

#survey_dialog input {
    margin-right: 10px;
}

#survey_dialog label {
    width: 100%;
}

@media print {

    #wrapper *,
    #footer * {
        display: none !important;
    }

    div.transaction-dialog {
        font-size: 0.7em;
        text-align: left;
        overflow: hidden;
        width: 100%;
        margin: 0;
    }
}