/*
    Express 4 Fruits - Print Stylesheet
*/

/* Hide all website navigation, chrome, sidebars, search, cookies, and footer elements */
.header-top,
header .header-actions,
header .header-right-side,
header #search,
header .search,
header form,
header input,
header button,
.gifts-navigations,
#HeaderWrapper,
.top-banner,
.header-right,
#ColumnLeft,
.side-col,
.account-nav,
.buttons,
#FooterWrapper,
.cookie-disclaimer,
.container-bottom,
.container-middle,
.container-top {
    display: none !important;
}

@page {
    size: auto;
    margin: 10mm 12mm 10mm 12mm;
}

body {
    background: #ffffff !important;
    color: #333333 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

a, img, div, form, input, textarea, select, p, span {
    outline: 0 none !important;
}

a {
    color: #333333 !important;
    text-decoration: none !important;
}

/* Header & Store Logo */
header {
    display: block !important;
    width: 100% !important;
    margin: 0 0 15px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 2px solid #57A517 !important;
}

header .container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

header .logo {
    display: block !important;
    float: none !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

header .logo img {
    max-height: 55px !important;
    width: auto !important;
    display: block !important;
    border: 0 !important;
}

/* Layout Containers */
#MainWrapper,
#BodyWrapper,
.container,
#Content,
body #Content.right-panel,
body #Content-580.right-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: none !important;
}

/* Typography & Headings */
h1 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    color: #29292A !important;
    font-weight: normal !important;
    margin: 0 0 10px 0 !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #CCCCCC !important;
    width: 100% !important;
}

h1 span {
    display: inline-block !important;
    width: 100% !important;
}

h2, h2 a:link, h2 a:visited {
    font-family: Arial, Helvetica, sans-serif !important;
    background: #f5f5f5 !important;
    border-top: 1px solid #D8D8D8 !important;
    border-bottom: 1px solid #D8D8D8 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    color: #29292A !important;
}

h4 {
    font-family: Arial, Helvetica, sans-serif !important;
    color: #57A517 !important;
    font-weight: bold !important;
    border-bottom: 1px solid #57A517 !important;
    padding: 3px 0 !important;
    margin: 0 0 8px 0 !important;
    font-size: 13px !important;
}

/* Box & Invoice Details */
.box {
    border: 1px solid #D8D8D8 !important;
    border-top: 0 none !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    page-break-inside: avoid;
}

.box .content {
    background: none !important;
    padding: 12px 15px !important;
    margin-top: 0 !important;
}

.width-10, .width-25, .width-66, .width-75, .width-100 {
    width: auto !important;
}

.width-33 {
    width: 32% !important;
    float: left !important;
    box-sizing: border-box !important;
    margin-right: 1.3% !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.width-33:last-child {
    margin-right: 0 !important;
}

.width-50 {
    width: 48% !important;
    box-sizing: border-box !important;
    margin-top: 10px !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clr, .clear {
    clear: both !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

/* Tables (Products & Order History) */
.list {
    border: 1px solid #D9DDE3 !important;
    border-collapse: collapse !important;
    padding: 0 !important;
    width: 100% !important;
    margin: 15px 0 0 0 !important;
    page-break-inside: auto;
}

.list th {
    background: #f5f5f5 !important;
    border: 1px solid #D9DDE3 !important;
    padding: 6px 8px !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #29292A !important;
}

.list td {
    border: 1px solid #D9DDE3 !important;
    border-collapse: collapse !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    vertical-align: top !important;
}

.list tr {
    page-break-inside: avoid;
    page-break-after: auto;
}

.list thead {
    display: table-header-group;
}

.list img {
    max-width: 50px !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

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

.green {
    color: #57A517 !important;
    font-weight: bold !important;
}