body, html {font-family: 'Fira Sans', sans-serif; font-size:16px; margin:0;}

h1, h2, h3, h4, h5, h6 { font-family: 'Basic'; }

a {color:#6d1d39;}

.error {color:#f00;}
.hilite {background:#f00; color:#fff;}

#popup {position:fixed; width:0; height:0; z-index:15}
#popup.open {height:auto; width:auto; background:#fff; border-radius:8px; padding:0; position:absolute; top:130px; left:50%; margin-right:-50%; transform:translate(-50%); overflow:hidden; min-width:200px; min-height:100px; max-width:90%;}
.popup-top-bar {color:#fff; background:#1b365d; font-size:21px; font-weight:200; padding:7px 20px 10px;}
.popup-top-bar a {float:right; margin:2px; text-decoration:none; color:#fff;}
.popup-content {padding:20px;}
.popup-bottom-bar {border-top:1px solid #d2d2d2; padding:17px 20px 20px; text-align:right;}
#popup button {font-size:14px; font-weight:100; padding:3px 30px 5px; margin:2px 4px;}

#overlay {position:fixed; top:112px; left:0; z-index:10; background:#555; opacity:0; transition:opacity .5s;}
#overlay.open {bottom:0; right:0; opacity:.75;}

.form {font-size:16px; padding:4px 8px; margin:8px 0; font-family:inherit;} 
.form-widget { clear:both; }
.form-widget .tinywrapper { float:left; }
.form-widget-radio-wrapper { float:left; }
.form-widget .switch { margin:8px; }
.form .tinywrapper,
.form .file-drop-wrapper,
.form-widget .file-moxie-wrapper,
.form .advanced-list-wrapper { float: left; }
label+.advanced-list-wrapper,
label+.file-drop-wrapper { float:left; }
label.form {float:left; clear:both; padding-left:0; min-width:120px;}
label.label-right {clear:none; padding:0 0 0 10px;}
input.form,
textarea.form,
select.form {float:left; border:1px solid #999; border-radius:5px;}
textarea.form { height:8em; }
input.form:focus,
textarea.form:focus,
select.form:focus {box-shadow:0 0 5px #048a93;}
.form-inline {font-size:14px; margin:0; float:none;}
.big-checkbox {transform:scale(1.5, 1.5);}
input.form-big {min-width:300px;}

.nowrap {white-space:nowrap;}

textarea.form:read-only,
input.form:read-only { border-color: #eee; background-color: #f3f3f3; cursor: default; }
textarea.form:-moz-read-only,
input.form:-moz-read-only { border-color: #eee; background-color: #f3f3f3; cursor: default; }
input.form:read-only:focus { box-shadow: none; }

input.inplaceeditor { width: calc(100% - 50px); }
input.inplaceeditor:disabled { border: 1px solid white; background-color: #fff; color: #000; }
input.inplaceeditor + button > span { display: none; }
input.inplaceeditor + button > span + span { display: inline; }
input.inplaceeditor:disabled + button > span { display: inline; }
input.inplaceeditor:disabled + button > span + span { display: none; }

.switch {display:inline-block; text-decoration:none; min-width:70px; height:26px; text-indent:76px; color:#000; line-height:26px; font-size:14px; background:url(../i/icon-switch.png) 0 -26px no-repeat;}
.switch:hover {color:#000;}
.switch-on {background-position:0 0;}

.form-widget-required label:after, label.form-widget-required:after { content:"*"; color:#900; }
.form-widget-inputnumber input { text-align:right; }
.form-widget-inputmoney input { background-image: url(../img/dollar.svg); background-repeat: no-repeat; background-position:5px center; background-size:7px; padding-left:16px; text-align:right; }

.form-widget-imagemoxie input,
.form-widget-filemoxie input { border-top-right-radius:0; border-bottom-right-radius:0; border-right:0;}
button.moxie-picker { margin:8px 0; padding:4px 8px; float:left; font-size:16px; box-sizing:border-box; border:1px solid #999; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; }

.tiny-label { width: 80px; }
.tiny-input:not([type=checkbox]):not([type=radio]) { width: 80px; }
.short-label {width:120px;}
.short-input:not([type=checkbox]):not([type=radio]) { width: 200px; }
.long-label {width:200px;}
.long-input:not([type=checkbox]):not([type=radio]) { width: 300px; }

.form-widget-radio-wrapper br { clear: left; }
.form-widget-radio-wrapper input + label { margin:.3em .5em; display:inline-block; }

header {position:fixed; background:#fff; z-index:2; width:100%; height:104px; line-height:44px; padding:4px 0; border-bottom:2px solid #6d1d39;}
#logo {margin:0 10px; height:100%; float:left;}
header h1 {float:left; margin:0 20px 0 100px; padding-left:50px; border-left:2px solid #6d1d39; color:#6d1d39; font-family:'Basic'; text-transform:uppercase; line-height:100px;}
header h1.main-ctrls {line-height:normal;}
header h1.main-ctrls select {font-size:24px; width:100%; color:#fff;}
select.mode-current {background:#5c5;}
select.mode-prerelease {background:#c55;}
select.mode-previous {background:#1b365d;}
select.mode-test {background:#55c;}
select.mode-archive {background:#555;}
header h1.main-ctrls select option {background:#f2f2f2; color:#555;}

header ul li {margin:0 20px; padding:0;}
header ul li a {font-size:16px; display:inline-block; text-decoration:none; color:#6d1d39;}
header ul li a:hover {text-decoration:underline; color:#b97476;}
header ul li a i {margin:0 10px;}

#deff-date {float:left; line-height:7; font-size:1.3em;}
#eff-date {font-weight:normal; font-size:.5em; padding-left:30px;}
#up-date {font-weight:normal; font-size:.35em; padding-left:50px;}

.login-container {width:470px; max-width:100%; padding-top:150px;}

#nav {position:fixed; width:230px; top:134px; bottom:0; padding:0 1rem; background:#fff; z-index:2;}
.nav-heading {text-transform:uppercase; font-size:1.1em; padding:0 0 10px 0; border-bottom:1px solid;}
.nav-container {font-size:.9em;}
#nav h3 {font-size:.9em;}
#nav address {font-style:normal; padding-bottom:8px; font-size:.9em;}
#nav dl {padding-bottom:20px; margin:.5em 0;}
#nav dl dt {float:left; clear:left; margin:0 0 2px 0; font-weight:bold;}
dt.cust-email {display:block; width:20px; height:15px; text-indent:-10000px; background: url(../i/icon-email-grey.svg) 0 center/13px no-repeat;}
#nav dl dd {float:left; margin:0 0 2px 4px; font-size:.9em;}
#nav .form {width:100%;}
.nav-list .nav-section {padding:16px 0 10px 0; border-bottom:1px solid #d7d7d7;}
.nav-list a {text-decoration:none; color:#000;}
.nav-list a:hover {text-decoration:underline; color:#555;}
.nav-list .nav-section-title {text-transform:uppercase; font-size:1em;}
.nav-list .nav-arrow {float:right; display:block; width:12px; height:15px; text-indent:-10000px;}
.nav-list .nav-collapsed {background:url(../i/nav-arrow-collapsed.svg) center bottom no-repeat;}
.nav-list .nav-expanded {background:url(../i/nav-arrow-expanded.svg) center bottom no-repeat;}
.nav-list .nav-subs {font-size:.9em; list-style:none; margin:0 0 10px 0; padding:0;}
.nav-list .nav-subs li {padding:3px 0;}
#nav select {float:none;}
.ui-menu-item-wrapper {font-size:.8em;}

.bookmark-group {font-size:10px; padding:10px 0 0;} 
.bookmark-group h4 {margin:0; font-size:11px;}
.bookmark-group li {padding:0 0 2px;}

#stage {position:absolute; left:260px; width:calc(100% - 300px); padding:114px 20px 20px 20px;}

#price-disclaimer {display:block; font-size:12px; font-weight:normal; padding-left:200px; margin:2px;}

#breadcrumb-trail {list-style:none; padding:0; margin:0;}
#breadcrumb-trail li {display:inline-block; margin:0; padding:0; color:#ccc; font-size:12px;}
#breadcrumb-trail li:nth-last-child(n+2):after {content: " > "; padding:0 10px 0 0;}
#breadcrumb-trail li.selected {color:#b97476; font-size:14px; font-weight:bold;}
#breadcrumb-trail li a, #breadcrumb-trail li.jump-to-link {cursor:pointer; color:#333; font-size:14px;}
#breadcrumb-trail li a:hover, #breadcrumb-trail li.jump-to-link:hover {color:#c00;}
#breadcrumb-trail li.jump-to-link span {text-decoration:underline;}

#bookmark-link a.btn {margin-left:30px; border:1px solid; border:1px solid #d2d2d2;}

.main-table {border:1px solid; border-collapse:collapse;}
.main-table tr {vertical-align:top;}
.main-table th {text-align:left;}
.main-table th, .main-table td {padding:4px 8px; border-bottom:1px solid #999}

/* lists */
.list-loading {background:#555;}
.dhlist-header-cell {background:#6d1d39; color:#fff;}
.dhlist-nav a:hover, .dhlist-btn:hover, .dhlist-nav input:focus {color:#fff; background:#b97476;}
.dhlist-search input, .dhlist-filters select, .dhlist-orderby select {font-size:16px; padding:4px 8px; margin:8px 0;}
#popup .list-loading, #popup .dhlist-header-cell {background:#1b365d}
.dhlist-table tr:nth-child(even) {background:#f2f2f2;}
.dhlist-table tr:hover {color:#6d1d39; background:#d7d7d7; transition:background-color .5s ease-out;}
.dhlist-btn:hover {transition:background-color .5s ease-out;}
.dhlist-container p {margin:0; padding:0;}

.list-notes {position:absolute; z-index:3; top:-10px; left:-10px; width:400px; padding:6px; background:#fff; border:1px solid #555; display:none; font-size:14px; box-shadow:0 0 3px #555;}

.dhlist-table .increase {font-weight:bold; font-size:.8em; color:#0c0;}
.dhlist-table .decrease {font-weight:bold; font-size:.8em; color:#c00;}

.product-header {font-size:2.5em; margin:0;}

.pricing-over {position:relative;}
.pricing-hover {position:absolute; display:none; z-index:10;}
.pricing-over:hover .pricing-hover {display:block;}

#markup-count {font-weight:bold; font-size:12px; padding-left:16px;}

@media print {
    body {background:#fff !important; color:#000;}
    
    header, #nav, #trail-container, #main-export-btn, hr, #quote-btn, .dhlist-search, .dhlist-filters, .dhlist-orderby, .dhlist-nav {display:none;}
    #stage {position:revert; width:90%; padding:20px 5%;}
    
}