/* Minification failed. Returning unminified contents.
(66,1): run-time error CSS1019: Unexpected token, found '@import'
(66,9): run-time error CSS1019: Unexpected token, found 'url('Page.css')'
(67,1): run-time error CSS1019: Unexpected token, found '@import'
(67,9): run-time error CSS1019: Unexpected token, found 'url('bootstrap.css')'
 */
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker.datepicker-rtl{direction:rtl}.datepicker.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}
/*# sourceMappingURL=bootstrap-datepicker.min.css.map */
.meows { position: fixed; top: 50px; right: 0; z-index: 100000; }
.meow { margin: 20px 20px 0 0; position: relative; min-width: 300px; max-width: 600px; }

/* This CSS file is unnecessary if you are not using vertical buttons functionality */

.bootstrap-touchspin .input-group-btn-vertical {
  position: absolute;
  right: 0;
  height: 100%;
  z-index: 11;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  position: absolute;
  right: 0;
  height: 50%;
  padding: 0;
  width: 2em;
  text-align: center;
  line-height: 1;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0 4px 0 0;
  top: 0;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0 0 4px 0;
  bottom: 0;
}



.img-flag        { background-image: url(../img/flag.png);        width: 137px; height: 136px; position: absolute; top: 0; margin-left: 19px; }
.img-logo-footer { background-image: url(../img/logo-footer.png); width: 140px; height:  55px; display: inline-block; }

[class^="ph-icon-"]
{
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: text-top;
  background-image: url(../img/icons.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

.ph-icon-favourite     { background-position:    0   0; }
.ph-icon-favourite-not { background-position:  -14px 0; }
.ph-icon-special       { background-position:  -28px 0; }
.ph-icon-prescription  { background-position:  -42px 0; }
.ph-icon-restricted    { background-position:  -56px 0; }

/* Page.css */

@import url('Page.css');
@import url('bootstrap.css');
.pb-table{width:100%; margin-bottom:18px;}
.pb-table th,.pb-table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.pb-table th{font-weight:bold;}
.pb-table thead th{vertical-align:bottom;}
.pb-table caption+thead tr:first-child th,.pb-table caption+thead tr:first-child td,.pb-table colgroup+thead tr:first-child th,.pb-table colgroup+thead tr:first-child td,.pb-table thead:first-child tr:first-child th,.pb-table thead:first-child tr:first-child td{border-top:0;}
.pb-table tbody+tbody{border-top:2px solid #dddddd;}
.pb-table tbody tr:hover td,.pb-table tbody tr:hover th{background-color:#f5f5f5;}
.pb-table-noborder td { border: none; padding: 2px 0; }

/* Bootstrap overrides */
h1, h2, h3, h4, h5, h6 {margin: 0;text-rendering: optimizelegibility;}
h1 { font-family: "Times New Roman", Times, serif; color: #008373; font-weight: normal; }
h2 { font-size: 18px; line-height: 27px;  font-weight:bold; }
h3 { font-size: 14px; line-height: 27px;  font-weight: bold;}
h4 { font-size: 13px; line-height: 18px;   font-weight: bold; }
h5 { font-size: 11px; }
body { font-size: 13px; line-height: 18px; background-color: #5da2c1; min-width:250px;}
p {margin: 0 0 9px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 13px;line-height: 18px;}
input[type=text], input[type=password], input[type=email], input[type=number] {border-radius:3px;}

table a {cursor:pointer;}

.label-warning,.badge-warning{background-color:#f89406;}
.btn.added{ background-color: #5BB75B;background-image: none;}
.navbar-fixed-top,.navbar-fixed-bottom{position:absolute;min-width:1000px;}
.navbar-nav > li > .dropdown-menu {border-radius:5px;}
.dropdown-backdrop { position: static}
.page-header {margin: 0; }
.tooltip{position:absolute;z-index:2070;}
.popover{z-index:2060;}
.modal-footer {background-color: #f5f5f5;}c
.checkbox, .radio {font-weight:normal}
.well {padding:9px;}
.well .checkbox, .well .radio {margin-left: 20px}
.glyphicon {font-size:80%;}
.padding-2 {padding-left:2px; padding-right:2px;}
.padding-0 {padding-left:0; padding-right:0;}
.font-weight-light {font-weight:300;}
.font-weight-normal {font-weight:500;}
.font-weight-bold {font-weight:700;}
.font-italic {font-style:italic;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/* Hide Chrome input spinner */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {text-align:right;}

/* jQuery UI */
* html .ui-autocomplete { height: 100px; }
.ui-autocomplete { max-height: 100px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }

/* General */
.form-error { color: red; }
.breakWord { word-break: break-all; }
#accept-conditions {position:static; margin-left:0;}
#save-button, #issue-button {margin: 0 3px;}

/* Page */
body { background-image: url(../img/bg-fade.png); background-repeat: repeat-x;}
.outer-body { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.inner-body { margin: 0px auto; min-height: 500px; }
.inner { background-color: white;}
.logo-header { position: absolute; top: 8px; }
.img-logo-footer { margin:10px;}
#footer {position: relative;text-align: center; margin-bottom:20px; }
#uxHomeBanner { width: calc(100% + 30px); margin-left: calc(-15px); margin-right: calc(-15px); } 
#uxSignInLink {margin-right: 10px;cursor:pointer;}
#uxSignInLink .col-md-5 { width: 495px; }
#uxSignInLink .col-md-2 { width: 190px; }
#uxSignInLink .col-md-3 { width: 285px; }
.product-description li { position: relative;  left: 1em; }
.product-description ul {list-style-position: outside;padding-left: 0;padding-right: 1em;}

/* Form */
.ph-center-form .help-inline { display: none; }
.ph-center-form input[type="text"],
.ph-center-form input[type="password"],
.ph-center-form input[type="email"],
.ph-center-form input[type="number"],
.ph-center-form textarea,
.ph-center-form select { width: 100%; }
.ph-center-form .help-inline { padding-left: 0; vertical-align: top;}
.ph-center-form .control-group { margin-bottom: 0 !important; }

/* Main Menu */
.table-search-dropdown {margin: 0 !important; color: #333333; }
.table-search-dropdown a { padding: 0 !important; display: inline !important; }
.table-search-dropdown thead, 
.table-search-dropdown tfoot { background-color: #4d98c2; color: white; font-weight: bold; }
.table-search-dropdown tfoot a, .table-search-dropdown thead a { color: white; font-weight: bold; }
.table-search-dropdown td { vertical-align: middle !important; }
.table-search-dropdown thead button {color: white; opacity:0.5;}

#search-box-dropdown { right:0;left:auto;}  
#search-box {color: #aaa;padding:0;}
#search-box::-webkit-input-placeholder, #search-box::-moz-placeholder { color: #97bfd8; padding-top: 2px; }
#search-box-xs {float:right; margin:15px;}

#sign-out-menu-link {padding-left: 3px;}

/* Header */
header h1 { margin-top: 25px; margin-bottom: 15px; }
.header-lead { margin: 30px 20px 0 20px; }
#uxSuccessPanel, #uxErrorPanel {margin-top:40px;}

/* align arrow content dropdown */
/* Multi-level Tutorial drop down*/

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    overflow:hidden;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.caret {opacity: 0.3;}
/*.dropdown:hover .caret, .open .caret {opacity: 1;filter: alpha(opacity=100);}*/
.input-mini {width: 60px; }
#info-menu > ul {width: 275px;}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -10px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

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

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

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}


/*section { margin-top: 20px !important; }*/
.search-query { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.25; filter: alpha(opacity=25); }
.modal-header .close { font-size: 42px; }


.standard-table { width: 100%; }
.standard-table thead, .standard-table tfoot, table.prescription-table tfoot { background-color: whitesmoke; }
.standard-table thead tr { vertical-align: bottom; }

th { text-align: left; }

.outlined { border: 1px solid #dddddd; padding:8px;}

.text-stock { font-size: 10px; line-height: 12px; padding-top: 5px;}
.btn-text-stock { font-size: 10px; line-height: 12px; padding-top: 0; }
.btn-primary {background-color: #ffa700; background-image: -webkit-linear-gradient(top, #ffaf00, #ff9b00); border:none;}
.btn-default {background-color: #f5f5f5;box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
.btn-success:hover {  background-color: #5cb85c;  border-color: #4cae4c;}
.text-success { color: #468847; }
.text-info { color: #3a87ad; }
.text-warning { color: #c09853; }
.text-error { color: #b94a48; }

.error { color: #b94a48; } 

.asplabel {display:block; padding: 5px;}


/* Home Page (Default)*/
.panel-a { background: url('../img/panel-a.jpg'); background-size: auto auto; }
.panel-b { background: url('../img/panel-b.jpg'); background-size: auto auto; }
.panel {  max-width: 307px;  height: 155px; margin-top: 20px; display: block; }
.panel div{ padding: 20px 35px; }
.panel div h1 { color: white; font-family: sans-serif; font-size: 24px; }
.panel div p { color: white; font-size: 12px; }
.panel div span.more { color: white; font-size: 15px; }

/* Mini basket */
#mini-basket > div
{
  padding: 10px 0;
}

#mini-basket hr.divider
{
  margin: 3px 0px;
  border-top: 1px dashed #2b51c4;
  border-bottom: none;
}

#mini-basket h3 { padding-left: 15px; }


#mini-basket li { line-height: 16px !important; padding: 4px 15px;}

#mini-basket p
{
  line-height: 16px !important;
  font-size: 11px;
    margin: 0px;
}

#mini-basket .btn
{
  display: block; 
  border-radius: 0;
  text-align:left;
  padding-left: 15px;
}

#mini-basket .name {color: #2b51c4;padding-right:5px; }
#mini-basket .qty {padding-left:5px; padding-right:5px; }
#mini-basket .price {padding-left:5px; padding-right:5px; }
#mini-basket .discount {color: #c16a07;}

/* Main Basket*/

#main-basket input[type=number] {
    -moz-appearance: textfield;
}

a { cursor: pointer; }

.validation-text { margin-top: -3px; padding-bottom: 10px; color: #b94a48; display: none; }
.error .validation-text { display: block !important; }
.error-text { color: #b94a48; }

/* Heading images */
.heading-image { float: left; width: 48px; height: 48px; margin: -10px 10px 0 0; }
.image-lock48 { background: url('../img/lock48.png'); }

/* Browse menu */
#browse-menu{ padding: 10px 0; }

.ph-well
{
  min-height: 20px;
  padding: 10px 15px;
  background-color: #d4e9c0;
}

#browse-menu ul
{
  color: black;
	margin: 0;
	padding: 0;
	width: 100%;
  list-style: none;
}

#browse-menu ul li { width: 100%; }
#browse-menu strong { padding: 0 15px; }
#browse-menu ul a { color: black; display: block; padding: 2px 15px; }

#browse-menu ul.browse-menu-root > li > a:hover, #browse-menu ul.browse-menu-root > li > a.touched
{
  text-decoration: none;
  background-color: #badeae;
}

#browse-menu div.browse-child-menu div.browse-child-menu {margin-left: 100%; }

#browse-menu div.browse-child-menu ul a:hover, #browse-menu div.browse-child-menu ul a:focus,
#browse-menu div.browse-child-menu ul a.touched
{
  text-decoration: none;
  background-color: #eee;
}

#browse-menu ul a.selected
{
  color: white !important;
  background-color: #5DA2C1 !important;
}

/*#browse-menu ul a.touched
{
  color: white !important;
  background-color: #BADAEA !important;
}*/

#browse-menu ul a.selected i
{
  background-image: url("../img/glyphicons-halflings-white.png");
}

#browse-menu ul .ph-well
{
	display: none;
	position: absolute;
	margin-left: 180px;
	margin-top: -33px;
  background-color: #e4f9d0;
  padding: 10px 0;

  min-width: 160px;
  background-color: white;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -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;

  z-index: 100;
}

#browse-menu ul .ph-well::after
{
  content: '';
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid white;
  border-bottom: 6px solid transparent;
  position: absolute;
  left: -6px;
  top: 15px;
}

#browse-menu ul .ph-well::before
{
  content: '';
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #CCC;
  border-right-color: rgba(0, 0, 0, 0.2);
  border-bottom: 7px solid transparent;
  position: absolute;
  left: -7px;
  top: 14px;
}

#browse-button 
{
    width: 100%;
    border: none;
    text-align: left;
    padding: 0 15px;
    height: 24px;
}

#browse-button { background-color: #badeae;}

#pick-up {
    float: right
}

.boxes {display:none;}


.left-column-container .caret {opacity: 1;}
.left-column-container .form-group { margin-bottom:0;}

/*Product Grid*/

#product-grid {height: 100%; overflow: hidden; }
/*#product-grid-none {text-align: center; vertical-align: middle; padding: 20px;}*/
#product-grid .head {padding:0;}

#product-grid .header {
    width:100%;
    margin-left:0;
    /*display: table-header-group;*/
    background-color: #4d98c2;
    height: 32px;
    color: white;
    font-weight: bold;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}

#product-grid .footer {background-color:whitesmoke; padding:10px;}
/*#product-grid .products {padding-top:20px;padding-bottom:20px;}*/
#product-grid .image {padding-right:30px}
#product-grid .product, #product-grid .price {padding:0 5px}
#product-grid .add {padding-left:5px; text-align:center;}
/*#product-grid .btn-info {padding:10px;}*/

.product-grid-xs {border:thin solid #ccc; margin-bottom:5px;}
.product-grid-xs table {margin-bottom:0;}
.product-grid-xs .foot-message {display:inline-block;}
.product-grid-xs .product-thumb {float: left; height: 100px; margin-right:10px;}
/*.product-grid-xs .description {padding-left:10px;}*/

img.product-thumb
{
  margin-left: auto;
  margin-right: auto;
  max-height: 100px;
  border: none;
  display: block;
}

/* Products table */
.table-products
{
    margin-top:20px;
  /*display:table; margin-bottom: 10px; width:100%;  overflow:hidden; border-collapse:collapse;*/ 
}

/*Product Grid*/
.item-discount {color: #c16a07;}
#nz-dollar {display: block; margin: 5px; color: #5da2c1;}

#product-img-carousel { position: relative;/* width: 100px; */ height: 100px; border: 1px solid #ccc; overflow: hidden; float: left; margin: 0 10px 0 0; }
#product-img-carousel img.product-thumb { max-height: 100%; border: none; }
#product-img-carousel .carousel-zoom { position: absolute; right: 3px; bottom: 3px; opacity:0.75; filter:alpha(opacity=75); display: none; }
#product-img-carousel .carousel-control{position:absolute;top:45%;left:0;width:16px;height:16px;margin-top:-8px;font-size:13px;font-weight:100;line-height:13px;color:#ffffff;text-align:center;background:#222222;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0.5;filter:alpha(opacity=50);}
#product-img-carousel .carousel-control.right{left:auto;right:0;}
#product-img-carousel .carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}

.table-products thead
{
  background-color: #4d98c2;
  color: white;
  font-weight: bold;
  border-collapse: separate;
}

.table-products thead tr th:first-child
{
  -webkit-border-radius: 12px 0 0 0;
  -moz-border-radius: 12px 0 0 0;
  border-radius: 12px 0 0 0;
}

.table-products thead tr th:last-child
{
  -webkit-border-radius: 0 12px 0 0;
  -moz-border-radius: 0 12px 0 0;
  border-radius: 0 12px 0 0;
}

.table-products, .products, #trans-table .row /*:first-child */
{
  background-image: linear-gradient(top, rgb(245,245,245) 25%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(top, rgb(245,245,245) 25%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(top, rgb(245,245,245) 25%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(top, rgb(245,245,245) 25%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(top, rgb(245,245,245) 25%, rgb(255,255,255) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(245,245,245)), color-stop(1, rgb(255,255,255)) );
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
}

#trans-table .client-inv /* lighter rgb(255,194,153) */
{
  background-image: linear-gradient(top, rgb(255,194,153) 25%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(top, rgb(255,194,153) 25%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(top, rgb(255,194,153) 25%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(top, rgb(255,194,153) 25%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(top, rgb(255,194,153) 25%, rgb(255,255,255) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, rgb(255,194,153)), color-stop(1, rgb(255,255,255)) );
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
}

.restricted-icon { clear: left; float: left; margin-top: 2px; }
.restricted-description { color: firebrick; font-weight: bold; float: left; margin: 0 0 10px 5px; }
.special-icon { clear: left; float: left; margin-top: 2px; }
.special-description-product-grid { color: firebrick; font-weight: bold; float: left}
.special-description { color: firebrick; font-weight: bold; float: left; }
.special-subhead { color: firebrick; font-weight: bold;}

/* Address */
.boxClass { display: block; 
            position: absolute; 
            overflow: hidden; 
            list-style: none outside; 
            border: 1px solid rgb(44, 44, 44); 
            background-color: rgb(255, 255, 255);
            z-index:1;
            padding-left: 20px;
}
ul.boxClass li {
    list-style: none none;
    margin: 0px;
    padding: 0px;
    background: transparent;
}
ul.boxClass a {
    display: block;
    padding: 5px;
    border-style: none;
    text-decoration: none;
    color: rgb(68, 68, 68);
    background: none;
}
#address-form button {float: right; margin-right: 10px;}

/* Registration */
#register-user .ageing input {padding: 6px 3px; text-align:right;}
#register-user .row {margin-bottom:15px;}
#registration-login .row, #register-user .form-group, #register-user .table {margin-bottom:0;}
/*#register-user a {margin-bottom:5px;}*/
#registration-application label {margin-top:5px;}
#registration-application #account {text-align:left;}
#gen-tip {padding:10px}
#accept-error {margin-left:5px;}
#account-detail div:first-child {margin-bottom:0}

#default-addresses td {padding-left:20px; vertical-align: top;}
#default-addresses a {display: block;}
#same-as-delivery { margin-right:20px;}

/* Pay Account */
#account-payment input[type=text] {text-align:right;}
#account-payment label {padding-right:0;}
#account-payment label[for=pay-now] {margin-right:0;text-align:right;}
#account-payment #pay-button, #account-payment #poli-button {margin:10px ;width:155px;} 
#account-payment #trans-table .row {margin:0;}
#account-payment #tran-date, #account-payment #type, #account-payment #ref, #account-payment #trans, #account-payment #amount 
{display:inline-block;margin-bottom:5px;/*padding-left:5px;*/height:18px;} 
#account-payment input[type=text], #account-payment input[type=number] {width:100px;}
#auto-payment {margin-top:10px}
#account-number {text-align:left;}
#total-to-pay, #pay-buttons {padding:0;}
#unallocated {padding-left:0;}


/* AutoPay */
/*#auto-pay .row  {margin-top:20px; margin-bottom:20px;}
#auto-pay .well  {margin-top:40px;}*/
#auto-pay #delete-token {margin-left:20px;}


/* Specials Edit */
#specials-edit textarea { width:100%; height:100%; min-height: 500px }
#specials-edit #special-users {
color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;}
.special-collapse {height:72px; overflow-y:auto}
/* About Us */
.about-table img {width:200px;height:200px;}
.about-table td:first-child { width:250px}
.about-table td:last-child { padding-bottom:10px}

.more-info {font-size: 10px;}

/* Invoice table */
.table-invoice {  background-color: white; border: 1px solid rgba(0, 0, 0, 0.2) !important; }
.table-invoice td { border-top: 1px solid white !important; }

.table-invoice tbody tr:first-child td, 
.table-invoice tfoot tr:first-child td { border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }

.sub-table td { border: 0px !important; padding: 0px; }

/* Prescription */
.prescription-table td > div {margin-top: 5px; }
.prescription-table .prod {width:255px;}
.prescription-table .markup {min-width:168px;}
.prescription-table .prescription {width:250px;}
.prescription-table .discount {padding-right: 0 !important; }
.prescription-table .discount input[type=text] { width: 55px !important; text-align: right; padding: 4px;}
.prescription-table .discount button { width: 100px; padding:4px; }
.prescription-table .discount div:first-child { width: 55px; display:inline-block; padding-right: 5px; text-align: right;}
.prescription-table .discount div:nth-child(2) { width:100px; display:inline-block; padding:0; text-align: center; font-size: 14px; }
.prescription-table input { margin-bottom: 0 !important; }
.prescription-table .name { width:250px; }
.prescription-table tr.product-remark { background-color: whitesmoke; }
.prescription-table tr.product-remark td { border-width: 0; }
.prescription-table tr.product-remark td:first-child { border-left: 1px solid #ddd !important; }
.prescription-table .product-remark textarea { overflow: auto; width: 100%; height: 50px; }
.prescription-table .prescription-code { font-family: monospace; font-size: 14px; font-weight: bold; border: 1px solid #ddd; background-color: whitesmoke; padding: 7px 7px 5px 7px; }
.prescription-table a {cursor: pointer;}
.prescription-qty {width: 40px;}
.prescription-table .disabled { background-color: darkgray; }

.user-prescription { border: 1px solid black; margin-bottom:20px; }
.user-prescription .table-xs {margin-bottom:0;}

/* Prescription List */
.inner-xs {margin:0 ;}
.inner-xs td {width:50%;}
/*.inner-xs > thead > tr > th,
.inner-xs > tbody > tr > th,
.inner-xs > thead > tr > td,
.inner-xs > tbody > tr > td*/
.subtable-xs {padding: 0 !important;}
.client {width:100px;word-wrap:break-word;display:inline-block;}
/*.client-cmd {min-width:90px;}*/

.disc { width:155px; padding:4px; }
.toggle-btn { cursor: pointer; width: 100px; }
th.price, td.price { text-align: right; }

 #chosen-clients ul {list-style: none; padding-left: 0;}

.warning {color:#c09853;}

#remarks { width:100%; }

#prescription-link, #promotion-link {display: block; word-wrap:break-word}

#prescription-form .row, #promotion-form .row {margin-bottom:20px}
/*#prescription-form #add-product, #promotion-form #add-product, #promotion-form #add-category {
    line-height: 20px;
    float:right;
}*/
#prescription-list td, #promotion-detail td {vertical-align:middle;}

#prescription-detail .row, #promotion-detail .row  {margin-bottom:20px}
#prescription-detail .header-table, #promotion-detail .header-table {margin: 0;}
#prescription-detail .header-table th, #promotion-detail .header-table th {background-color: whitesmoke; width: 150px;}
/*#prescription-detail .header-table td, #promotion-detail .header-table td  {width: 300px;}*/
#prescription-detail .header-table .prescription-range {color: black;}
#prescription-detail .header-table .prescription-range {font-style: italic; color: #666;}
#prescription-detail .product-table th {background-color: whitesmoke; width: 75px;}
#promotion-detail .product-table th {background-color: whitesmoke; width: 80px;}

#prescription-search-box, #promotion-search-box { width:90% }

#promotion-detail .head {background-color:whitesmoke; border: 1px solid #ddd; }
#promotion-detail .detail {border: 1px solid #ddd}

.form-inline {
    border-top: 1px solid #eee;
    padding: 5px 0;
    overflow: hidden;
}

.add-product .left-column-container { margin-bottom:10px;}
.add-product .right-column-container { float:left;}
.add-product #range-header {float:right;line-height:18px;text-align:right; padding:0;}
.add-product h1 {font-size:18px;line-height: 27px;}
.add-product .modal-header {padding-bottom:0px;border-bottom:none;}
.add-product .modal-body {padding: 3px 12px;}

#add-user label {padding:0 5px 5px 5px;}
#add-user .btn {padding:0 5px 5px 5px;}
#add-user .add-btn {text-align:center;}

.save-table > tbody > tr > td{border:none;}
#sort-by, #sort-by-label {margin: 5px;}

#invoice-dialog { width: 100%; height:100%; overflow:visible;}
#invoice-dialog .modal-dialog {width: 95%; height:95%; }
#invoice-dialog .modal-content {width: 100%; height:99%; }

#invoice-dialog .modal-header
{
    background-color: transparent; 
    position:absolute;
    top:0; right:0; left:0;
}
#invoice-dialog .modal-body
{
    position:absolute;
    top:65px;
    bottom:65px;
    background-color: #f5f5f5;
    overflow:auto;
}
#invoice-dialog .modal-footer
{
    position:absolute;
    bottom:0; right:0; left:0;
    background-color: transparent; height:65px;
}

/* About Us*/
#about-table > span {color: #777;}
#about-table > div {margin:10px 0;}
#about-table img {padding: 15px 30px 15px 0; vertical-align:baseline;}

/* Email Us */
#email-us > div {margin:5px 0;}
#email-us [type=text], #email-us textarea {width:100%;}
#email-us #subject {clear:both;}

/* Enter Email */
.enter-email .form-group {padding: 20px;}
.enter-email label {padding: 0 10px;}
#enter-email {width: 250px;}

#sort-columns {height:24px;}
.product-code-xs {width:125px;}
.order-code-xs {width:150px;}
.command-xs {margin-left: 15px;float: right;}
.links-xs {margin-right: 15px; float:left}
.table-xs thead > tr > th, .table-xs thead > tr > td, .table-xs tfoot > tr > td {
    border: 1px solid #ddd !important;
}
.table-xs thead, .table-xs tfoot  {background-color:whitesmoke;}

#strange-addresses .row {margin-bottom:10px;}
#edit-strange .form-horizontal .form-group { margin: 0 0 15px 0;}

/* Shipping */
#NZGridView td, #NZGridView th {padding: 5px}

/*Responsive*/
@media screen and (min-width: 768px) {
    .left-column-container { width: 180px; float: left; margin-top:40px;}
    .right-column-container { height: 100%; overflow:hidden; float: left;}
    #range-header { padding: 10px 0px 10px 200px;}

    .page-header-indent {
        margin-left: 200px;
    }

    .modal-lg {
        width: 700px;
    }

    .modal-content .left-column-container {width:142px;}
    .modal-content .container-fluid {padding:0;}

    .right-column-container {
        width: 516px;
        margin-left: 15px;
    }

    .boxes {
        display: block;
    }

    /* Product Grid*/
    .modal-body #browse-menu ul .ph-well {margin-left: 127px;}
    
    #product-grid .wholesale {padding:0; margin-left:10px}
    #product-grid .retail {padding:0; margin-left:-10px}
    #product-grid .product {margin-left:20px}
    #product-grid .price, #product-grid .head {margin-left: -10px;}
    #product-grid .code, #product-grid .name {cursor:pointer;}
    img.product-thumb {max-width: 100px; margin-left:0;}
    .products .item-discount {margin-left:-20px;}
    #browse-button {cursor:auto;}
    .special-description-product-grid {margin-left:25px; }

    /* Pay Account */
    #account-payment {margin-top:40px;}
    #account-payment #trans-table .row:first-child {border-top:none;}
    #account-payment #trans-table .row {border-bottom:none gray solid;margin:0 5px;}
    #account-payment label[for=amount-to-pay], #account-payment label[for=pay-now], #account-payment label[for=unallocated-amount] {margin-right:0;text-align:right;}
    #account-payment #poli-button {margin:10px 0;width:135px;} 
    #account-payment #tran-date, #account-payment #type, #account-payment #ref, #account-payment #trans, #account-payment #amount {margin-bottom:15px;height:18px;} 
    #amount-to-pay, #unallocated-amount {display:inline-block;margin-top:18px;}
    #account-payment #head {margin-top:20px;margin-bottom:10px}
    #account-payment input[type=text], #account-payment input[type=number] {width:75px;}
    #account-payment #trans-table .col-sm-2 {padding: 0 5px}

    /* Prescriptions and Promotions */
    #add-product, #add-category {line-height: 20px; float: right;}

    .modal-header .close { font-size: 21px; }
    #prescription-search-box, #promotion-search-box {
        width: 100%;
        float: left;
    }
    #client-search-box {width: 150px;}

    }

@media screen and (min-width: 992px)
{
    .modal-body #browse-menu ul .ph-well {margin-left: 180px;}
    .special-description-product-grid {margin-left:5px;}
    .modal-lg {width: 900px;}
    .right-column-container {width: 745px;} 
    .modal-content .left-column-container {width:195px;}
    .modal-content .right-column-container {width:663px;}
    /*#invoice-dialog .modal-dialog { width: 900px;}*/
   img.product-thumb {max-width: none;}
    #product-grid .product, #product-grid .price, #product-grid .head {margin:0}
    
    /* Pay Account */
    #account-payment input[type=text], #account-payment input[type=number] {width:100px;}
    #account-payment #poli-button {width:155px;} 

    #client-search-box {width:inherit}

}

@media screen and (min-width: 1200px)
{
    .modal-lg {width: 1100px;}
    .right-column-container {width: 945px;} 
    .modal-content .right-column-container {width:863px;}
}

/* Low resolution - full width drop down mode */
@media only screen and ( max-width: 767px ) 
{
    .page-header-indent {margin-left: 20px;}
    .left-column-container, .right-column-container { width: 100%;  }

    #browse-menu ul .ph-well {
        display: none;
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        background-color: #e4f9d0;
        padding: 0 0 0 5px;
        min-width: 160px;
        border: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; 
        -webkit-background-clip: content-box;
        -moz-background-clip: content-box;
        background-clip: content-box;
        z-index: 100;

    }

    #browse-menu ul .ph-well::after
    {
      border:none;
    }

    #browse-menu div .ph-well 
    {
      border:none;
    }

    #browse-menu ul .ph-well::before
    {
      border:none;
    }
    #browse-menu div.browse-child-menu div.browse-child-menu
    {
	    margin-left: 0;
        background-color: #f3fce9;
    }

    .modal { width: 100%; left:0; top:0; margin:0; max-height:100%; overflow-y:auto}
    .modal2 { position:absolute; left:0; top:0; margin:0; max-height:100%; overflow-y:auto}
    #pick-up {float:left; }
    .form-horizontal .form-actions { padding-left:0; }
    .form-horizontal .control-label { width:0; }

    .pull-left, .pull-right { float: none; }

    #pay-account label {width: 65px;}
    .inc-gst {text-align:right;}

    .ver11Modal {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .ver11Nav {display:none !important;}
    .ver11Content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
    }
}


#navbar-search-box {margin-bottom: 10px;}
.navbar .navbar-right .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.navbar-right:before { right: 12px; left: auto; }
.navbar .navbar-right .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.navbar-right:after { right: 13px; left: auto; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     background-color: transparent; 
     border-color: none; 
     color: #97bfd8;
}
#navbar-filter, #navbar-search-box {display:inline-block;}
#navbar-kart {
    line-height: 39px;
    color: #97bfd8;
    padding: 9px 5px 11px;
}
#navbar-kart:hover, #navbar-kart:active  {color:white;text-decoration:none;}
.navbar-default .navbar-nav .open .dropdown-menu > .nav-phone > a {color: #337ab7; font-weight:600;}
.glyphicon-filter {
    color: #023f79;
    background: white;
    top: 6px;
    font-size: 160%;
}
#navbar-kart #basket-count {color: #97bfd8; }
/* Override Tabs */
.nav > li > a:hover {
    text-decoration: solid;
    background-color: orange;
}
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{background-color:orange;border-bottom-color:orange;}

.navbar .navbar-link{color:#97bfd8;}.navbar .navbar-link:hover{color:#ffffff;}
.navbar {background-color: #023f79;margin-bottom: 0px; }
.navbar {
    min-height: 40px;
    background-color: #023f79;
    background-image: -moz-linear-gradient(top, #034583, #01366a);
    background-image: -ms-linear-gradient(top, #034583, #01366a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#034583), to(#01366a));
    background-image: -webkit-linear-gradient(top, #034583, #01366a);
    background-image: -o-linear-gradient(top, #034583, #01366a);
    background-image: linear-gradient(top, #034583, #01366a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#034583', endColorstr='#01366a', GradientType=0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
}
.nav-header {display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999;
    text-transform: uppercase;}
.navbar-header, .brand {margin-left:0 !important;}
.navbar #appn-pending {color:red; padding-top:10px; }
.navbar .brand:hover{text-decoration:none;}
/*.navbar .brand {display:none; }*/
.navbar .brand{float:left;}
.navbar .brand {display:inline-block;  width: 75px; height:75px;}
.navbar #brand {position:absolute;top: 0; width: 75px; height:75px;z-index:10;}
.navbar .nav>li>a {float: none;padding: 9px 5px 11px;line-height: 19px;color: #97bfd8;text-decoration: none;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.navbar .nav>li>a:hover {background-color:transparent;color:#ffffff;text-decoration:none;}
.navbar .nav li.dropdown>.dropdown-toggle .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;}
.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret {border-top-color: #ffffff;border-bottom-color: #ffffff;background-color:transparent;}

.dropdown-submenu { position: relative; }
.dropdown-menu .dropdown-submenu { list-style-type: none; }



@media screen and (min-width: 768px) {
    .navbar {padding-left:20px;padding-right:20px;}

    .navbar-collapse {padding: 0;}

    /* small up arrow on dropdown */
    .navbar .nav > li > .dropdown-menu:before {
      position: absolute;
      top: -7px;
      left: 9px;
      display: inline-block;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ccc;
      border-left: 7px solid transparent;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      content: '';
    }

    .navbar .nav > li > .dropdown-menu:after {
      position: absolute;
      top: -6px;
      left: 10px;
      border-bottom: 6px solid #ffffff;
      border-left: 6px solid transparent;
      content: '';
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus { color: white; }

    .navbar .brand{float:left;display:block;padding:8px 0 0 0px;font-size:20px;font-weight:200;line-height:1;color:#97bfd8;}
    .navbar .brand {display:inline-block; width: 137px; height:25px;}
    .navbar #brand {width: 137px; height:137px;}
    #navbar-searching {margin:10px;}

    #search-box {margin-top:10px;}

    .nav-search { margin-left:137px; }

    #login-modal label {width:170px;}


}

@media screen and (min-width: 992px) 
{

}

@media screen and (min-width: 1200px) 
{
}  

/* Low resolution - full width drop down mode */
@media only screen and ( max-width: 767px ) 
{
    .container > .navbar-header {margin-right:-7px;}

    .navbar-header button { 
        width:75px; 
        color: white;
        background-color:#5da2c1;
        border: none;
    }

    .navbar-header button:hover {  color: #5da2c1; }
    .navbar-header button:focus { color: #5da2c1; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color:gainsboro }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: white;}
    .dropdown { color: white; }
}

#login-box {width:510px; color: black; border-radius:5px;}
#login-box #email, #login-box #password, #login-box #register, #login-box #forgot {width:165px; margin:10px; display: inline-block;}
/*input[type=text], input[type=password]*/

/* Login box */
#login-box > div {padding: 10px 15px;}
#login-box .login-body {background-color: #eee; border: 1px  #999; border-style:solid none}
#login-modal label {width:75px; text-align:right; padding-right:20px; margin-left:10px;}
#login-box #remember-me { display: inline-block; margin-left:10px;}
#login-box label {margin-left:10px;color: #444; font-weight:normal;}

.login-box
{
  max-width: 303px;
  margin-left: 2px;
  padding: 20px 0 10px 0;
  border:inherit 0px #000000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #5192c1;
  background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(#5e9ace), to(#4689b4));
  -webkit-box-shadow:0 0 4px #000; -moz-box-shadow:0 0 4px #000; box-shadow:0 0 4px #000;
}
.login-box h1 { color: white; }
.login-box p { color: whitesmoke; padding: 0 20px 5px 20px; }
.login-box .control-group { margin-bottom: 10px}
.login-box .control-label { width: 90px; color: white; }
.login-box #uxRegister { width:70px; margin: 0 1px 0 25px; padding-left: 8px;}
.login-box #uxLogin { margin: 0 1px 0 10px; }
.login-box #uxLogoutAnon { margin: 0 1px 0 35px; }
.login-box a { color: whitesmoke; }
.login-box input {margin-left: 15px; width: 165px; }


@media screen and (min-width: 768px) {
    #advanced-search-box {margin-left:137px;}
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
}

#adv-search-toggle  { background-color: #a7c79c;}
#advanced-hide {color:whitesmoke;margin:7px 0 6px 10px;}
#advanced-search-box {margin-top:7px;margin-bottom:5px;}
#advanced-search .btn-group > .btn {float: right; margin-left: 5px;}

#advanced-search .btn-primary {
    color: #fff;
    background-color: #286090;
    background-image:none!important;
    border-color: #204d74;
    text-decoration: line-through;
}

#advanced-search  .btn-primary.active {
    color: #fff;
    background-color: #ffa700;
    border: none;
    text-decoration: none;
}

#adv-search-toggle {
    width: 100%;
    border: none;
    text-align: left;
    padding: 0 15px;
    height: 24px;
}

#adv-filters {display:none;}

@media screen and (min-width: 768px) {
    #advanced-search-box {margin-left:137px;}
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
}