/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,45): run-time error CSS1039: Token not allowed after unary operator: '-pageMargin'
(135,29): run-time error CSS1039: Token not allowed after unary operator: '-pageMargin'
 */
/* Move down content because we have a fixed navbar that is 50px tall */
:root {
    --pageMargin: 72px
}

body { margin: 0; padding: 0; font-size: 85%; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Sans-Serif; }

h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; color: #444444; }
h1 { font-size: 2.4em; color: #455560; }
h2 { font-size: 1.6em; color: #444444; margin-bottom: 1.2em; }
h2.title, h1.pageTitle { margin-left: 64px; text-transform: uppercase; }
h1.pageTitle { font-size: 1.6em; color: #444444; margin-bottom: 1.2em; margin-top:20px }
h1.no-margin {margin-left:0px}
.pad64 { margin-left: 64px; }

p { line-height: 1.5; }
p a {color: #023E82; text-decoration:none}
p a:hover {color: #C60000; text-decoration:underline}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] { max-width: 280px; }

input[type=text], textarea { padding: 6px 10px; border: solid 1px #ccc; border-radius: 4px; font-size: 1.3em; min-width: 340px; }
input[type=text]:active, input[type=text]:focus,  textarea:active, textarea:focus { border: solid 1px #009ad1; color: inherit; font-style: normal; }
input[type=text]:hover, textarea:hover { border: solid 1px #009ad1; }

textarea {font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Sans-Serif; font-size: 1em; }

input[placeholder]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color: #ccc; 
    font-style:italic;

}
input[placeholder]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
    font-style:italic;
   opacity:  1;
}
input[placeholder]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ccc;
    font-style:italic;
   opacity:  1;
}
input[placeholder]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
    font-style:italic;
}
input[placeholder]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
   color: #ccc;
    font-style:italic;
}

#pnlFileUploader input[type='file'] {position:absolute; top:-100px; left:-100px; opacity:0; height:0px;width:0px;}
#pnlFileUploader #addFile {display:inline-block; background-color:#023E82; padding:5px 10px; text-decoration:none; border-radius:4px; color:white;}
#pnlFileUploader #addFile:hover {background-color:#0654ac}

#pnlFileUploader ul {margin-left:20px; padding:0}
#pnlFileUploader li {display:inline-block; clear:both; float:left; background-color:#ECF2FC; padding: 4px 10px 4px 10px; border-left:3px #C60000 solid; margin-bottom:2px}
#pnlFileUploader li a[data-role='delete'] {display:inline-block;  background:url(images/plus.gif) no-repeat center right; width:20px; text-decoration:none; margin-left:20px }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content { padding:0 15px 50px 15px;   }
.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }



div#gl { position: absolute; width: 59%; top: 0; height: 63px; background-color: #f5f5f5; }
div#gr { position: absolute; width: 50%; top: 63px; right: 0px; height: 56px; background-color: #ECF2FC; }
div#gb { position: absolute; width: 100%; top: 130px; right: 0px; height: 317px; background-color: #023E82; }


address { line-height: 2em; font-style: normal; border-top: solid 1px #ccc; padding: 10px 0 30px 0; font-size: 1.2em; }
address div {margin-bottom:30px}
address div span {display:block}
abbr { display: inline-block; min-width:100px; margin-right: 30px; }
.container { max-width: 1050px; margin: auto; min-width: 1050px; }

.navbar { z-index: 99; position: relative; background-image: url(images/Top_BG@2x.png); background-size: 11px; background-repeat: repeat-x; background-color: white; border: 0px solid red; height: 130px; }


#logo { display: inline-block; float: left; margin: 0; text-decoration: none; padding: 0; max-height: 119px; }
.textLogo {display:inline-block; float:left; height:60px; width:100px; }

.navbar-header { background-color: white; float: left; position: relative; width: 452px; height: 63px; }
.navbar-header .header-text1 { position: absolute; text-align: right; right: 10px; top: 20px; color: #494949; font-family: Verdana, sans-serif; font-size: 0.9em; }
.navbar .header-contact { position: absolute; right: 30px; text-align: right; line-height: 1.5; top: 15px; color: #494949; font-family: Verdana, sans-serif; font-size: 0.9em; }

.navbar-links ul { display: block; position: absolute; top: 63px; left: 65px; }

.navbar-links a { text-decoration: none; color: #7c7c7c; display: block; padding: 25px 30px 14px 30px; font-size: 1.2em; text-transform: uppercase; }
.navbar-links ul { margin: 0; padding: 0; }
.navbar-links ul li:first-child a { padding-left: 65px; }
.navbar-links ul li { display: inline-block; float: left; border-right: solid 1px white; padding-top: 0px; }
.navbar-links ul li a:hover { border-bottom: 2px solid #C60000; }

    .navbar-links ul li.special a { background-color: #ffc348; color: black }

div.homePage-banner { position: relative; background-image: url(images/Banner@2x.png); background-size: 1051px; background-repeat: no-repeat; min-height: 317px; }

div.homePage-banner h1 { display: block; width: 500px; padding: 36px 130px; }

div.homePage-banner h1 span { display: block; padding-top: 36px; }

a.redButton { display: inline-block; background-color: #C60000; color: white; text-transform: uppercase; text-decoration: none; padding: 13px 30px; border-radius: 4px; font-size: 1.2em; }
a.redButton:hover { background-color: #b60606; }

a.greenButton { display: inline-block; background-color: #1f8f51; color: white; text-transform: uppercase; text-decoration: none; padding: 13px 30px; border-radius: 4px; font-size: 1.2em; }
a.greenButton:hover { background-color: #1bac5c; }


div.homePage-banner .redButton { position: absolute; right: 50px; bottom: 40px; }


div.teasers { margin-top: 00px; display:flex }
.teasers div:first-child { margin-left:var(--pageMargin) ; border: 0; }

div.teasers div { color: #444444; min-height: 420px; width: 50%; border-left: 1px solid #eee; padding: 20px; margin-left: 0px; background-color: #fafafa; position: relative; }
div.teasers a.more {color:#023E82; position: absolute; bottom: 0px; right: 0px; padding: 10px 20px; display: block; text-transform: uppercase; text-decoration: none; border-bottom: 2px solid #fafafa; }
div.teasers a.more:hover { border-bottom: solid 2px #C60000; color:#C60000 }
div.teasers div p:last-of-type { padding-bottom: 30px; }


.warehouse-banner {
    display:flex;
    align-items:center;
    padding:20px;
    justify-content:center;
    font-size:1.1em;
    font-weight:bold;
    margin:10px 0 10px var(--pageMargin);
    background-color:#ffc348;
    text-decoration:none;
    color:black;
}
.warehouse-banner i { font-size:2em; margin-right:0.5em; opacity:0.8  }
.warehouse-banner .text {}

div.pageContent { margin-left: 64px; }

section.col50 { margin: 0px 0 0 0px; width: 48%; float: left; }

section.col60 { margin: 20px 0 0 0px; width: 50%; float: left; }

section.col40 { margin: 20px 0 0 20px; width: 35%; }

section.col50 p { text-align: justify; line-height: 1.5; }

div.inlineForm { background-color: #F1F6FF; border-radius: 8px; min-height: 400px; padding: 30px; text-align: center; }

div.inlineForm h2 { margin-bottom: 2em; text-align: center; }

div.inlineForm p { text-align: center; }
div.search { margin: 40px 0 30px 0; position: relative; }
div.inlineForm input[type=text] { padding: 10px 10px; text-align:center }


div.inlineForm a { margin-top: 20px; padding: 10px 40px; }

.qucikSearchPopup { margin: auto; text-align: center; margin-top:40px }
.qucikSearchPopup .hint { display: block; font-size: 0.9em; padding: 20px; }
.qucikSearchPopup input[type=text] { padding: 10px 10px; margin:5px 0 }

.inlineSearch { background-color: #f5f5f5; padding: 1px 15px; border-radius: 4px; }
div.inlineSearch input[type=text] { padding: 6px 10px; border: solid 1px #ccc; border-radius: 4px; font-size: 1.3em; min-width: 340px; }
div.inlineSearch input[type=text]:active, div.inlineForm input[type=text]:focus { border: solid 1px #009ad1; color: inherit; font-style: normal; }
div.inlineSearch input[type=text]:hover { border: solid 1px #009ad1; }

.inlineSearch a { padding: 4px 20px 5px 20px; margin-left: 10px; }

div.history { border: 0px solid red; margin: 40px 0 40px 64px; }

table.draftDetails {border-collapse:collapse; border-color:white; width:100%}
table.draftDetails .draftNo { font-weight: normal; font-size: 1.4em; }
table.draftDetails td, table.draftDetails th { padding: 10px 10px; border-bottom:2px solid white; vertical-align:top }
table.draftDetails th { font-weight: normal; text-align: right; color: #7c7c7c; width:40% }

section.draftDetails {float:left; width:65%}
section.draftDetails div {min-height:400px; border:solid 1px #ccc; padding:10px 5px 5px 25px; margin-right:20px; background-color:#fafafa; }

table.searchList { width: 100%; border-collapse: collapse; }
table.searchList th { border: 1px solid #e4e4e4; padding: 6px 10px; }
table.searchList td { padding: 6px 10px; border: 1px solid #e4e4e4; }

table.searchList td.addToOrder { width:70px; text-align:right }
table.searchList td.addToOrder a { background-image: url(images/plus.gif); background-repeat: no-repeat; background-position: center left; width: 16px; text-decoration: none; white-space: nowrap; padding: 2px 0 2px 20px; }

div.zeroResultSuggestion { margin: 20px 0; font-style: italic; }
div.orderSuggestion { margin-top: 20px; }
div.orderSuggestion p {padding-bottom:20px}

tr.pager table { float: right; }
tr.pager table td { border: 0; }
tr.pager a { display: inline-block; text-decoration: none; }

div.history ul.years { margin: 0; padding: 0; }
div.history ul.years li.y { display: block; margin: 2px 0 0 0; }
ul.years span { display: block; font-size: 4em; text-align: right; float: left; color: #d4d4d4; margin: 0px; padding: 0 20px 0 0; line-height: 0.8em; width: 255px; white-space: nowrap; }
ul.years div.events { width: 590px; border-left: 10px solid #ECF2FC; float: left; }

div.events ul { background-color: #fafafa; min-height: 100px; padding: 30px 20px 25px 50px; margin-left: 2px; }
div.events li { list-style-type: square; padding-bottom: 15px; }
div.events li h3 { font-weight: bold; }
div.events li p { padding: 0; margin: 0; color: #494949; }

div.orderForm {margin:40px 0}

table.form {width:700px; border-collapse:collapse; }
table.form th { text-align: right; font-weight: normal; padding: 6px 20px 0px 0; min-width:200px; vertical-align:top; }
table.form td {padding: 0 0 10px 0; }
table.form textarea {min-width:600px}
table.form tr.orderItems span.hint {font-style:italic; color:#0b7cae; display:block; padding:5px 0}
table.form tr.orderItems a.search {display:block; margin-top:10px;}

table.form td.buttons {padding:16px;}
table.form td.buttons a { float:right;}
table.form tr.attachments a.upload {}

ul.cultureSelector {margin:0; padding:5px 0; float:left; margin-left:50px}
ul.cultureSelector li {float:left; display:inline-block;}
ul.cultureSelector a {display:block; color:#023E82; padding:5px 7px; text-decoration:none;}
ul.cultureSelector a:hover {color:darkred;}

/* Validation */

span.mandatoryFieldStar:after {content:" *"}
.validator {color:#c30; padding:3px 6px;   }
.validationSummary {background-color:#fffad1; margin-bottom:20px; padding:10px 20px; border-radius:8px; border: 2px solid #c30}
.validationSummary ul {color:#c30;}


footer .footer { background-color: #F5F5F5; padding: 0; }
footer { position: static; display: block; color: #494949; margin-top: 20px; width: 100%; position: fixed; bottom: 0; }
footer .companyInfo {display:inline-block; float:left; padding:10px 0 }

footer .cart {display:inline-block; float:right; background-color:#ECF2FC; padding:10px 20px}
footer .cart:hover {background-color:#dee7f5 }

footer .cart a:hover {color:#C60000; }
footer .cart a { text-decoration: none; color: #494949; display: inline-block; font-size: 1.2em; text-transform: uppercase }
footer .cart a:first-child{padding-right:0;}

footer .hasItems {background-color:#C60000;}
footer .hasItems a {color:white;}
footer .hasItems:hover {background-color: #b60606;}
footer .hasItems:hover a {color:white}

.cartPopup {display:none}
.cartPopup input {min-width:80px; width:60px!important; text-align:center}
.cartPopup .list .description {width:90%; border-bottom:1px dashed #ccc}

.cartPopup .emptyCart { display: none; text-align: center; color: #888; padding:100px 50px 0px 50px; line-height:2em }

.cartPopup .loadProgress { display: none; text-align: center; background: url(images/progress3.gif) no-repeat center 30px; padding: 50px 0px 30px 0; }
.cartPopup .delete a { display: inline-block; width:30px; height:30px; background: url(images/delete.png) no-repeat center center; margin-left:5px; }

.orderReference { text-align: center; margin: 20px 40px; }
.infoPanel { border: 2px solid #aaa; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 20px }

div.line { height: 1px; background-color: white; border-top: solid 2px #F5F5F5; }


.gvPager { font-weight: bold; text-align:right }
.gvPager a { margin-left:3px;  text-decoration: none; color: #3c3c3c; display:block; padding:5px; background-color:#c60000; color:white;min-width:14px; text-align:center }
.gvPager a:hover { background-color:#4f7db1; }
.gvPager a.selected {background-color:#023E82; color:white; padding:5px; min-width:14px; }


.warehouse-1 { display:flex; margin-left:64px; flex-direction:row; }
.warehouse-1 .left {width:400px; padding-top:15px}
.warehouse-1 .right {padding-left:30px}
    .warehouse-1 .left img {max-width:400px }
    .warehouse-1 img {border: solid 1px #b4b4b4; border-radius:8px; }
    .warehouse-1 .img span { margin-bottom: 20px; display: block; text-align: center; font-style: italic }
    


@media (max-height: 700px) {
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron { margin-top: 20px; }
    .body-content { padding-left: 0; padding-right: 0; }
}


.modalPopup { display: none; }