html { height: 100%; }
body { margin: 0;  height: 100%; background-color: #fff; font-family: Calibri, Sans-Serif; font-size: 0.8em;  }
input, button, select, textarea, .ui-widget { font-family: Calibri, Sans-Serif; font-size: 1em; }
input[type=text], input[type=number], input[type=password], select, textarea { border: 1px solid #aaa; }
input[type=text].decimal { width: 3em; }
input[type=text].byte { width: 2em; }
.ui-widget button { font-family: Calibri, Sans-Serif; font-size: 1em; }

.multiselect-input-div input { margin: 0 !important; }
.multiselect-dropdown-arrow { margin-top: 10px !important; }
.multiselect-count { top: 2px; }


/*
@font-face {
  font-family: 'Abril Fatface'; font-style: normal; font-weight: 400;
  src: local('AbrilFatface-Regular'), url('http://themes.googleusercontent.com/static/fonts/abrilfatface/v3/X1g_KwGeBV3ajZIXQ9VnDvn8qdNnd5eCmWXua5W-n7c.woff') format('woff');
}
*/

h1, h2, h3, h4 { margin: 0 0 0 0; }
a {color: #334;}
a img {border: 0;}
th { text-align: left; }

details { margin-top: 1em; margin-bottom: 1em; }
details summary { text-decoration: underline; }
details[open] > summary { text-decoration: none; }
details summary:hover { cursor: pointer; }
details > details { padding-left: 15px; }

.input-validation-error{ border: 1px solid #ff0000;
    background-color: #ffeeee;}

.clear
{
	clear :both;
    float: none;
}

#PageContainer { min-height: 100%; background-color: #fff; border: 0 solid #666; }

#PageHead { overflow: hidden; background-color: #fff; border-bottom: 1px solid #666; margin-top: 5px; height: 90px; }
#PageHeadInner { width: 980px;  margin: 0 auto; }        

#MainLogo { float: left; font-family: Serif; font-size: 2.8em; top: -10px;}
#MainLogo img { margin-top: 10px; }
#MainLogo a { text-decoration: none; color: #333; }
#LoginControls { float: right; color: #333; text-align: right; }
#LoginControls a { color: #333; }

#GlobalNavContainer { width: 1200px;  margin: 0 auto; }
#GlobalNavigation { border-bottom: 0 solid #666; background-color: transparent; height: 26px; position: relative; top: -27px; float: left; margin-left: 270px;  }
#GlobalNavigation ul { list-style: none; padding: 0; margin: 0;  }
#GlobalNavigation li {
    display: block;  width: auto; float: left; border-width: 1px; border-color: #666; border-style: solid; 
                       margin: 0 3px 0 0; padding: 0 1px; background-color: #999; height: 25px;
    -ms-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#GlobalNavigation li a { display: block; padding: 4px 3px; text-decoration: none; font-weight: bold; color: #fff; }
#GlobalNavigation li a img { vertical-align: text-top; }
#GlobalNavigation li.selected { background-color: rgb(238,238,238); border-bottom: 1px solid rgb(238,238,238); }
#GlobalNavigation li.selected a { color: #334; }

#GlobalNavigation li.ft { background-color: #C42929; border-bottom: 1px solid #C42929; }
#GlobalNavigation li.ft a { color: #F2F2F2; }

#GlobalNavigation li.ftSelected { background-color: #FD8E8E; border-bottom: 1px solid #FD8E8E; }
#GlobalNavigation li.ftSelected a { color: #334; }

#PageTitle { border: 0 solid #666; border-width: 0 0 1px 0;  margin-top: 0; position: relative; top: -26px; color: #334; clear: both;
            -moz-box-shadow: 2px 5px 5px 0 #aaa; -webkit-box-shadow: 2px 5px 5px 0 #aaa;
             
            background-color: #eee; 
            background-image: linear-gradient(0, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -o-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -moz-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -ms-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);             
             
              } 
#PageTitleInner { width: 980px;  margin: 0 auto; padding: 3px 0; }              
#PageTitle .BreadCrumbTrail { font-size: 0.9em; }
#PageTitle .BreadCrumbTrail a { color: #334; }
#PageTitle h2 { color: #334; }
#PageTitle h2 img { vertical-align: middle; margin: 3px 10px 3px 0; }

#PageMain {  position: relative; top: -26px; }
#PageMainInner { width: 980px;  margin: 15px auto 0 auto; } 

#PageFoot { margin: -18px auto 0 auto; height: 17px; background-color: #fff; color: #333; border: 0 solid #666; border-width: 1px 0 0 0; 
            background-color: #eee; 
            background-image: linear-gradient(0, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -o-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -moz-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);
            background-image: -ms-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);             
            background-image: -moz-linear-gradient(top, rgb(238,238,238) 0, rgb(204,204,204) 86%);} 
            
#PageFoot .Inner { width: 980px; margin: 0 auto;  } 
#PageFoot .Meta {  text-align: right;  font-style: italic; font-size: 0.8em; } 
#DeveloperBar { background-color: #ff0; position: absolute;}

.FloatContainer { clear: both; overflow: hidden; }


button img {    vertical-align: top; margin-right: 5px; } 

input[type=submit],
input[type=button],
button, .button {
    cursor: pointer;  background-color: #bbb; color: #fff; padding: 2px; font-weight: bold;
            border: 1px solid #ccc; border-style:outset; text-decoration: none;
    -moz-min-width: 110px;
    -ms-min-width: 110px;
    -o-min-width: 110px;
    -webkit-min-width: 110px;
    min-width: 110px;
    -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-image: linear-gradient(0, rgb(102,102,102) 0, rgb(181,179,181) 86%);
            background-image: -o-linear-gradient(bottom, rgb(102,102,102) 0, rgb(181,179,181) 86%);
            background-image: -moz-linear-gradient(bottom, rgb(102,102,102) 0, rgb(181,179,181) 86%);
            background-image: -webkit-linear-gradient(bottom, rgb(102,102,102) 0, rgb(181,179,181) 86%);
            background-image: -ms-linear-gradient(bottom, rgb(102,102,102) 0, rgb(181,179,181) 86%);
}

.button { padding: 3px 20px; }     
    
input[type=submit].primary,
input[type=button].primary,
button.primary {
    background-color: #3c3;
    background-image: linear-gradient(0, rgb(68,221,68) 0, rgb(17,170,17) 86%);
    background-image: -o-linear-gradient(top, rgb(68,221,68) 0, rgb(17,170,17) 86%);
    background-image: -moz-linear-gradient(top, rgb(68,221,68) 0, rgb(17,170,17) 86%);
    background-image: -webkit-linear-gradient(top, rgb(68,221,68) 0, rgb(17,170,17) 86%);
    background-image: -ms-linear-gradient(top, rgb(68,221,68) 0, rgb(17,170,17) 86%);
}
    
input[type=submit].delete,
input[type=button].delete,
button.delete {
    background-color: #aa0000;
    background-image: linear-gradient(0, rgb(170,0,0) 0, rgb(200,0,0) 86%);
    background-image: -o-linear-gradient(top, rgb(170,0,0) 0, rgb(200,0,0) 86%);
    background-image: -moz-linear-gradient(top, rgb(170,0,0) 0, rgb(200,0,0) 86%);
    background-image: -webkit-linear-gradient(top, rgb(170,0,0) 0, rgb(200,0,0) 86%);
    background-image: -ms-linear-gradient(top, rgb(170,0,0) 0, rgb(200,0,0) 86%);
}
    
input[type=submit].green{ background-color: #339933;}   
    
input[type=submit].red{ background-color: #CC0000;}  

input[type=submit].orange{ background-color: #FF6600;}  
    
.CommandBar input[type=submit],
.CommandBar input[type=button],
.CommandBar button,
input[type=submit].LinkButton,
input[type=button].LinkButton,
button.LinkButton {
    cursor: pointer;  color: #333;  font-weight: normal;
    -moz-min-width: inherit;
    -ms-min-width: inherit;
    -o-min-width: inherit;
    -webkit-min-width: inherit;
    min-width: inherit; border: 0 dashed #ccc; border-right-width:1px; padding-right: 5px;
                        background-color: transparent; background-image: none;
    -ms-border-radius: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0;
    border-radius: 0;
}

.CommandBar input[type=submit]:last-of-type,
.CommandBar input[type=button]:last-of-type,
.CommandBar button:last-of-type,
input[type=submit].LinkButton:last-of-type,
input[type=button].LinkButton:last-of-type,
button.LinkButton:last-of-type { border-right-width:0;  }       
            
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.button:hover {background-image: none;  background-color: #fff; color: #333;  }

#generateProforma { float: right; text-align:center; }

input[type=submit].disabled,
input[type=button].disabled,     
button.disabled, button:disabled { background-image: none; background-color: #ccc !important; cursor:auto; }   
 
input[type=submit].disabled:hover,
input[type=button].disabled:hover,     
button.disabled:hover, button:disabled:hover { background-image: none; background-color: #ccc !important; color: #fff !important; }        

fieldset { border: 0 solid #ddd; padding: 1em 1.4em 0.4em 1.4em; margin: 0 0 0 0; background-color: #ffffff; overflow: hidden; }
legend { font-size: 1.2em; font-weight: bold; padding: 0 3px; margin: 0; }

fieldset .LeftColumn { width: 48%; float: left; }
fieldset table tr td { padding: 2px; }

.WithBorder { border-width: 1px; }

textarea { min-height: 75px; width: 95%; }
.text-box.single-line{margin-bottom: 5px;}

.InputRow { overflow:auto; padding-bottom: 10px; }
.InputRow > label { float: left; width: 140px; color: #666; text-align:right; }

.display-label, 
.editor-label { float: left; width: 130px; color: #666; text-align:right; display: inline; }

.display-field, 
.editor-field {  margin-left: 150px; }
.editor-field-email input{ width: 240px;}

.display-field.wide, 
.editor-field.wide,
.display-label.wide, 
.editor-label.wide { float: none; width: auto; text-align:inherit; display: inherit; margin-left: 0; }
.editor-label.wide { margin-bottom: 5px;}

.display-field { font-weight: bold; }

.error,
.validation-summary-errors { color: #c00; }
.field-validation-error { color: #c00; font-weight:bold; }

.success { color: #3c3; }


.display-label-ex { float: left; width: 180px; color: #666; text-align:right; display: inline; }
.display-field-ex {  margin-left: 200px; }



.CommandBar { padding: 3px 3px 6px 3px; background-color: #eee; border-bottom: 1px dashed #ccc; }

.ButtonBar { padding: 6px 3px 3px 3px; background-color: #eee; border-top: 1px dashed #ccc; }

.ui-dialog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.ui-dialog .ui-dialog-titlebar { margin-bottom: 3px; }
.ui-dialog .ui-dialog-content { padding: 5px 5px 5px 5px; }

.AjaxIndicator { background-color: #fff;  }
.AjaxIndicator .Inner { text-align: center;  }
.AjaxIndicator .Swirly { display: inline-block; width: 28px; height: 28px; background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; }
.AjaxIndicator .Text { display: block; }

/* */
.hidden { display: none !important; }

span.greyedOut { color: #999; }
span.bold { font-weight: bold; }

.CompanySelector .List {display: none;}

/* filters */

.filterDropdownList { width: 225px; margin: 1px; }
.filterDropdownListSmall { width: 140px; margin: 1px; }
.date { margin: 2px; }

/* sub nav */

#SubNavContainer { margin: 0 auto; padding-bottom: 5px; }
#SubNavContainer::after { content: ""; clear: both; display: table; }
#SubNavigation { border-bottom: 0 solid #666; background-color: transparent; height: 26px; position: relative; }
#SubNavigation ul { list-style: none; padding: 0; margin: 0;  }
#SubNavigation li {
    display: block; width: auto; float: left; border-width: 1px; border-color: #666; border-style: solid;
    margin: 0 0 3px 5px; padding: 0 3px; background-color: #999; height: 25px; border-radius: 5px;
}

#SubNavigation li a { display: block; padding: 4px 3px; text-decoration: none; font-weight: bold; color: #fff; }
#SubNavigation li a img { vertical-align: text-top; }
#SubNavigation li.selected { background-color: rgb(238,238,238) }
#SubNavigation li.selected a { color: #334; }

/* Order report */

.orderReportStatusContainer .warningImage { position: relative; top: 2px; }
.orderReportStatusContainer { vertical-align: middle; }

/* Order Details */

.bigTextBox { width: 96%; height: 4em; }

/* calendar for exclusion dates */

#excludedDeliveryDatesEditor { width: 740px; height: 300px;}

#excludedDeliveryDatesRunningList { height: 300px; overflow-y: scroll;}

/* Calendar */

#DCCalendar .ViewControlPanel .DateControls { float: left; margin-bottom: 10px; }
#DCCalendar .ViewControlPanel .SelectedDateRange { display: inline-block; font-weight: bold; width: 100px; }
#DCCalendar .ViewControlPanel .btnPreviousMonth { width: 30px; }
#DCCalendar .ViewControlPanel .btnNextMonth { width: 30px; }
#DCCalendar .ViewControlPanel .ViewControls { float: right; margin-bottom: 10px; }
#DCCalendar .ViewControlPanel .btnViewModeMonth { margin-left: 3px; }
#DCCalendar .ViewControlPanel .btnAddEvent { margin-top: 3px; }

#DCCalendar .ViewContainer { clear: both; }
#DCCalendar table.MonthView { width: 100%; }
#DCCalendar table.MonthView thead th { text-align: center; background-color:#A1B4C6; height: 1.2em; color: #fff; }
#DCCalendar table.MonthView td { border: 1px solid #ccc; width: 14%; vertical-align: top;}
#DCCalendar table.MonthView td.OutOfMonth { background-color: #eaeaea;}
#DCCalendar table.MonthView td.SelectedDate {  background-color: #ffa; }
#DCCalendar table.MonthView td.Selectable { cursor: pointer;}
#DCCalendar table.MonthView td.Selectable:hover .DayTitle { background-color: #ffa;}
#DCCalendar table.MonthView td .DayTitle { text-align: right; color: #666; height: 1.2em; }
#DCCalendar table.MonthView td.SelectedDate .DayTitle { font-weight: bold; }
#DCCalendar table.MonthView td .Schedule {
    min-height: 50px;
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px;
}

#DCCalendar table.MonthView .Event { text-decoration: none; padding: 2px; margin: 1px; -moz-border-radius: 3px; height: 1.2em; cursor: pointer; overflow:hidden; background-color: #faa; color: #000; background-image: none; border: none; display:block; }
#DCCalendar table.MonthView .Event:hover { background-image: none; background-color: #faa; color: #000; border: 1px; }
#DCCalendar table.MonthView .TiBooking.Event { background-color: #4F759A; color: #fff;}
#DCCalendar table.MonthView .F2fBooking.Event { background-color: #4F759A; color: #fff;}
 
#DCCalendar table.MonthView .multiDaySeqToLeft { margin-left: -1px; padding-left: 3px; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; }
#DCCalendar table.MonthView .multiDaySeqToRight { margin-right: -1px; padding-right: 3px;  -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0;}
#DCCalendar table.MonthView .BlankStackEvent { padding: 2px; margin: 1px; height: 1.2em; }

#DCCalendar table.ListView .Selectable:hover td {  background-color: #ffa; }
#DCCalendar table.ListView .Selectable { cursor: pointer;}

#pnlViewCalendarEvent div.EventRange { color: #666; margin-bottom: 10px; }

#DCCalendar .ListView th { width: 250px; }

/* products management
*************************/

#products-management .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#products-management .clearfix .left { width: 540px; float: left; }
#products-management .clearfix .right { margin-left: 550px; width: 430px; }
#products-management .clearfix { display: inline-block; }
#products-management .clearfix { display: block;}

/* khaos settings
*************************/

#khaos-settings .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#khaos-settings .clearfix .left { width: 540px; float: left; }
#khaos-settings .clearfix .right { margin-left: 550px; width: 430px; }
#khaos-settings .clearfix { display: inline-block; }
#khaos-settings .clearfix { display: block;}

/* promo management
*************************/

#promo-management .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#promo-management .clearfix .left { width: 540px; float: left; }
#promo-management .clearfix .right { margin-left: 550px; width: 430px; }
#promo-management .clearfix { display: inline-block; }
#promo-management .clearfix { display: block;}



/* popups management
*************************/

#popups-management .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#popups-management .clearfix .left { width: 410px; float: left; }
#popups-management .clearfix .right { margin-left: 420px; width: 560px; }
#popups-management .clearfix { display: inline-block; }
#popups-management .clearfix { display: block;}

/* key-codes table
*************************/
#popups-management .key-codes { width: 100%; }
#popups-management .key-codes td, .key-codes th { padding: 5px; border: 1px solid #ccc; }
#popups-management .key-codes .info-cel { width: 137px; }

/* delivery dates management 
************************/
#excludedDeliveryDatesEditor { padding: 30px 0 0 0; }

#delivery-dates-management div.left { float: left; width:195px; height: 140px; }
#delivery-dates-management div.left div.content { border: solid 1px #ccc; padding: 4px; width: 180px; height: 140px; overflow: auto; margin-right: 15px; }
#delivery-dates-management div.clear { clear: both; }

* html .clearfix { height: 1%; }

/* JQuery UI overrides for the delivery dates datepicker
***********************/
.ui-custom-default-state > a {
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6 !Important;
    border: 1px solid #D3D3D3 !Important;
    color: #555555 !Important;
    font-weight: normal !Important;
}

#excludedDeliveryDatesEditor .ui-state-disabled {
    pointer-events: auto;
}

/* retailer details
************************/
input.narrow { width: 100px; }
#commonMessage {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    font-size:28px;
    line-height: 70px;
    text-align: center;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #ddd;
    -webkit-filter:alpha(opacity=92);
    -moz-filter:alpha(opacity=92);
    -o-filter:alpha(opacity=92);
    filter:alpha(opacity=92);
    -moz-opacity: 0.92;
    -ms-opacity: 0.92;
    opacity: 0.92;
    display: none;
}

/*                Roles
***************************************/
.rolesDetails{padding: 20px;}
.rolesLeft{width: 300px;}
.rolesRight{width: 300px;}
.rolesMid{width: 150px;}

.rolesRolesList{width: 20px; padding-top: 15px; padding-bottom:15px;}
.rolesRolesListItems{width: 180px; display: inline-block;}

.rolesRetailersList{width: 20px; padding-top: 15px; padding-bottom:15px;}
.rolesRetailersListItems{width: 150px; display: inline-block;}

.roleSearchButton {
    width: 50px;
    -moz-min-width: 50px !important;
    -ms-min-width: 50px !important;
    -o-min-width: 50px !important;
    -webkit-min-width: 50px !important;
    min-width: 50px !important;
}

.multiSelect{width: 100%; height: 300px;}

/*          Fast Track
*****************************************/

#options{
  position: fixed; z-index:10010;
  background: #fff; color: #000;
  border: 1px solid black;
  display: block;
  width: 600px;
  margin: 0 auto;
  left:25%;
  top: 40%;
}

#options h2{padding-left: 20px; padding-bottom: 20px; padding-top: 20px;}

#overlay {
    background-color: #000;
    bottom: 0;
    display: block;
    left: 0;
    -ms-opacity: 0.5;
    opacity: 0.5;
    -webkit-filter: alpha(opacity = 50);
    -moz-filter: alpha(opacity = 50);
    -o-filter: alpha(opacity = 50);
    filter: alpha(opacity = 50); /* IE7 & 8 */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10005;
}

.floatingBasket {
    padding: 5px 10px;
    float: left;
    width: 215px;
    background-color: #FBFBFB;
    text-align: center;
    border: 2px solid #aaa;
    -moz-box-shadow: 2px 5px 5px 0 #aaa;
    -webkit-box-shadow: 2px 5px 5px 0 #aaa;
    overflow: hidden;
    position: fixed !important;
    top: 20px;
    right: 20px;
    z-index: 10001;
    background-image: linear-gradient(to left, #fff, #ddd);
    background-image: -o-linear-gradient(left, #fff, #ddd);
    background-image: -moz-linear-gradient(left, #fff, #ddd);
    background-image: -webkit-linear-gradient(left, #fff, #ddd);
    background-image: -ms-linear-gradient(left, #fff, #ddd);
}

.floatingBasket .editor-label{width: 150px;}
.floatingBasket .editor-field{width: 50px; text-align: right;}
.floatingBasket h3 {
    cursor: move;
    padding: 4px 0;
    font-size: 1.5em;
}
.floatingBasket .validation-summary-errors ul { text-align: left;padding-left: 20px;}

#floatingValidationSummary {
    max-height: 150px;
    overflow-y: scroll;
    margin: 10px 0;
    font-size: 11px;
}

.retailerHolder{ padding: 5px; float:left; width: 215px; margin-right: 18px; margin-bottom: 20px; text-align: center; height: 150px; border: 1px solid #ddd;
                -moz-box-shadow: 2px 5px 5px 0 #aaa; -webkit-box-shadow: 2px 5px 5px 0 #aaa; overflow: hidden; }
.retailerHolder .retailerHolderImageHolder{height: 125px;}
                
.retailerHolder span{font-size: 20px;}
.retailerHolder span a{text-decoration: none;}
.retailerHolder span a:hover{text-decoration: underline;}

.floating-line-label{float: left; width: 100px; color: #666; text-align:left;}
.floating-line-cost{float: left; width: 50px; display: inline; text-align: right;}
.floating-line-quantity{float: left; width: 60px; text-align: right;}


.fastTrack-select-currency{text-align: right; padding-left:50px; color: #aaa;}

.required{color: #B22222;}
.highlighted{padding: 10px; background-color:#FBFE72; margin-bottom:5px;}
.highlighted.delivery{padding: 10px; background-color:#FBFE72; margin-bottom:0; margin-top:5px;}
  
.salesOrderItem-ChooseHolder{
    width: 580px; margin-right: 20px; float:left;
    }
.salesOrderItem-DeliveryHolder{
    width: 380px; float:left;
    }
    
.salesOrderItem-productHolder{ margin-right: 5px; float:left; text-align: center; overflow: hidden; }
.salesOrderItem-productHolder .salesOrderItem-productHolderImageHolder{padding-bottom: 5px;}

.fastTrack-title{font-size: 14px; font-weight: bold;}

#gift-card-value-textbox{width: 50px;}
.fastTrack-customValue{width: 50px;}
.fastTrack-quantity{width: 50px;}

#message-right-flex{float: right; width: 330px;}
#message-left-flex{float: left; width: 210px;}
#message-right-flex.email-message{float: left;}
#characters-remaining-title{color: #aaa;float: right; padding-right: 12px;}

.reset-address {cursor: pointer;text-decoration: underline;display: none; width: 70px;}
.enter-address-manually {cursor: pointer;text-decoration: underline;display: none; width: 150px;}

.salesOrderItem-DeliveryHolder .editor-label{width: 85px;}
.salesOrderItem-DeliveryHolder .editor-field{margin-left: 105px;}


.fastTrackAllRetailersMessage{border: 1px solid #ddd; padding: 5px 15px; position: relative; background-color: #ff7373; margin-bottom: 5px; overflow: hidden;}
.fastTrackRetailersMessage{border: 1px solid #ddd; padding: 5px 15px; position: relative; background-color: #b9f73e; margin-bottom: 5px; overflow: hidden;}
.fastTrackEShotMessage{border: 1px solid #ddd; padding: 5px 15px; position: relative; background-color: #FFBB40; margin-bottom: 5px; overflow: hidden;}
.fastTrackMessageHolder{cursor: pointer; float: right; display:  inline-block; position:absolute; top: 4px; right:4px; vertical-align: top; text-align: right; width: 40px; background-position: right; background-repeat: no-repeat;}

.fastTrackMessageHolder.ftHolderDown{background-image: url(images/down.png); background-repeat: no-repeat;}
.fastTrackMessageHolder.ftHolderDown:hover{background-image: url(images/downover.png); background-repeat: no-repeat;}
.fastTrackMessageHolder.ftHolderUp{background-image: url(images/up.png); background-repeat: no-repeat;}
.fastTrackMessageHolder.ftHolderUp:hover{background-image: url(images/upover.png); background-repeat: no-repeat;}

.fastTrackFavourite{position: absolute;  bottom: 0; right: 0; border: 0; background: none; min-width: 16px; width: 16px; height:16px; background-image: url(images/star.png); background-repeat: no-repeat;}
.fastTrackFavourite:hover{background-image: url(images/starover.png); background-repeat: no-repeat;}

.fastTrackRemoveFavourite{position: absolute;  bottom: 0; right: 0; border: 0; background: none; min-width: 16px; width: 16px; height:16px; background-image: url(images/starover.png); background-repeat: no-repeat;}
.fastTrackRemoveFavourite:hover{background-image: url(images/star.png); background-repeat: no-repeat;}

#fastTrackMain .editor-field input[type="text"],
#fastTrackMain .editor-field select {
    max-width: 160px;
}

button#basketButton{font-size: 18px; font-weight: bold; color: #000; background: none; border: none;outline: 0; min-width:50px;}

/*      Fast Track contracting boxes
*********************************************/

div.expand_heading {
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
    /*background: url(expand_collapse.png) no-repeat;l
    height: 38px;
    line-height: 38px;
    width: 980px;
    font-weight: normal;
    float: left;*/
}
.expand_all
{
cursor:default;
}
div.expand_heading a {
    color: #334;
    text-decoration: none;
    display: block;
}
div.expand_heading a:hover {
    color: #999;
}
 
h2.active {background-position: left bottom;}
.toggle_container {
    margin: 0 0 5px;
    padding: 0;
    /*border-top: 1px solid #d6d6d6;*/
    background: #ffffff;
    overflow: hidden;
    width: 980px;
    clear: both;
}

.toggle_container .box p {
    padding: 5px 0;
    margin: 5px 0;
}
.toggle_container h3 {
    font: 2.0em normal Georgia, "Times New Roman", Times, serif;
    margin: 0 0 5px;
    padding: 0 0 5px 0;
    color:#000000;
    border-bottom: 1px dotted #ccc;
}
/*.toggle_container img {
    float: left;
    margin: 10px 15px 15px 0;
    padding: 5px;
    background: #ddd;
    border: 1px solid #ccc;
}*/

.expand_all
{
width:116px;
height:29px;
background:url(extra_buttons.png) no-repeat top left;
float:right;
cursor: pointer; 
}
.expanded
{
background-position:bottom left;
}

.deliveryDate {
float: right;
}
.deliveryDate input {
width: 110px;
border: 0 none;
text-align: right;
}
.deliveryDate img {
vertical-align: middle;
padding-left: 10px;
}

.orderCompleteTable p
{
    padding: 0;
    margin: 0;
}

/* Hover to view message
***********************************/
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #ccc;
	background-color:#fff;
	padding:10px;
	font-size:12px;
}




/* Reporting
****************************/

#reporting .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#reporting .clearfix { display: inline-block; }
#reporting table { width: 100%; border-spacing: 0; border-collapse: collapse; }

.auditSearchOption {
    width: 350px;
}

.auditSearchOption label {
    width: 300px;
}

/***** Fraud management ****/

#fraud-management .border-all
{
    border: 1px solid
}
#fraud-management .padding-all
{
    padding: 1em;
}
#fraud-management .padding-top
{
    padding-top: 1em;
}
#fraud-management .padding-bottom
{
    padding-bottom: 1em;
}
#fraud-management .fixed-width-label {
    color: #666666;
    display: inline;
    float: left;
    text-align: right;
    width: 180px;
}

#fraud-management .field 
{
    margin-left: 200px;
}

/* Styles Daily Reporting
----------------------------------------------------------*/

.daily-report-inner-container {
    margin-top:2em;
    display:flex;
    margin-left:10%;
}

.dailyReport_EditorLabel {
    margin: auto 0;
}


.dailyReport_EditorField {
    margin-left: 10px;
    margin-right: 25px;
    display:inline-flex;
}

.dailyReport_EditorField > img {
    height:100%;
}

#dailyReport_DoIt {
    float: right;
}

#dailyReport_Results_Container {
    margin-top: 20px;
}

#dailyReport_Results_Header {
    text-align: center;
}

.dailyReport_Results_SubHeader {
    margin-top: 15px;
    margin-bottom: 4px;
}

.dailyReport_Results_Result_Label, .dailyReport_Results_Result_Field {
    font-size: 1.1em;
}

.dailyReport_Results_Result_Field {
    font-weight: bold;
    margin-left: 5px;
}

/* Styles Exception Log Searching
----------------------------------------------------------*/

#audit_Exceptions_Results_Container h2 {
    font-size: 1.3em;
    margin-top: 15px;
    margin-bottom: 5px;
}

#audit_Exceptions_Results_NotFound {
    color: #a00;
}

#audit_Exceptions_Results_Found {
    color: #0a0;
}

.audit_Exception_Result_Sequence_Container {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
}

.audit_Exception_Result_Field_Container {
    font-size: 1.1em;
    margin-bottom: 5px;
}

.audit_Exception_Result_Label {
    font-weight: bold;
}

/* Dashboard Styling
----------------------------------------------------------*/

#dashboard_StockReport_Table_Container {
    padding-top: 10px;
}

#dashboard_StockReport_Table_Container img {
    margin-left: 150px;
    margin-top: 150px;
}

#dashboard_StockReport_Table {
    border: 1px solid #777;
    border-spacing: 0;
    font-size: 16px;
}

#dashboard_StockReport_Table_Headrow1 th,
#dashboard_StockReport_Table_Headrow2 th {
    text-align: center;
    -moz-min-width: 40px;
    -ms-min-width: 40px;
    -o-min-width: 40px;
    -webkit-min-width: 40px;
    min-width: 40px;
}

.dashboard_StockReport_Table_RetailerRow td {
    border-top: 1px solid #777;
    padding: 2px 4px;
    text-align: center;
}

.dashboard_StockReport_Column_Retailer {
    text-align: left !important;
    padding-left: 4px;
    width: 100px;
}


.dashboard_StockReport_Column_Remaining {
    color: #000;
    font-weight: bold;
    width: 50px;
}

.dashboard_StockReport_Column_Consumed {
    color: #aaa;
    font-weight: bold;
    width: 50px;
}

.dashboard_StockReport_Table_RetailerRow:nth-last-child(2n+2)
{
background:#eee;
}

.table-striped tr:nth-child(even) {
    background-color: #eee;
}

#productSelectionGroupsContainer {
    margin-bottom: 10px;
}

#productSelectionGroupsAddButton,
#productSelectionGroupsAddCancel {
    text-decoration: underline;
    float: right;
    cursor: pointer;
}

#productSelectionGroupsAddButton:hover,
#productSelectionGroupsAddCancel:hover {
    text-decoration: none;
}

#productSelectionGroupsAddError {
    color: #a00;
}

#productSelectionGroupsAddName {
    width: 200px;
    margin-right: 25px;
}

.product-selection-group {
    text-align: center;
    border: 1px solid #fff;
    padding: 1px 0;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    width: 46.5%;
    -ms-border-radius: 4px;
    border-radius: 10px;
}

.product-selection-group-selected {
    border-color: #0a0;
}

.retailer-analytics-script-editor {
    width: 100%;
    min-height: 150px;
    font-family: "Courier New", Courier, monospace !important;
    resize: vertical;
}

.banner-management .left,
.banner-management .right {
    width: 49.5%;
}

.banner-management .left {
    float: left;
}

.banner-management .right {
    float: right;
}

.banner-management .banner-image {
    width: 100%;
    margin-bottom: 10px;
}

.banner-management h4 {
    margin-bottom: 15px;
}

.banner-management fieldset {
    margin-bottom: 15px;
}

.banner-management .no-banner-image {
    text-align: center;
    font-size: 16px;
}

.banner-management .no-banner-image small {
    display: block;
    margin-top: 10px;
    color: #000;
    font-weight: normal; 
}

.banner-management .banner-image-size {
    text-align: center;
    font-size: 18px;
}

.banner-management h5 {
    margin-bottom: 5px;
    font-size: 14px;
}

.banner-management button[type="submit"] {
    margin-left: 10px
}

.banner-management input[type="file"] {
    width: 315px;
}

.banner-management-message-container, 
.collection-reminder-management-message-container {
    margin-top: 25px;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    color: #00aa00;
}

.banner-management-message-container .banner-management-message,
.collection-reminder-management-message-container .reminder-management-message {
    margin-bottom: 0;
    font-size: 16px;
}

.search-switch {
    color: cornflowerblue;
    text-decoration: underline;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.search-switch:hover {
    cursor: pointer;
    text-decoration: none;
}

.product-management-filter {
    width: 25%;
    float: left;
    margin: 5px;
}

#sortableProducts .product-disabled {
    opacity: 0.5;
}

#sortableProducts .product-disabled:hover {
    opacity: 1;
}

.product-disabled-toggle {
    margin: -35px 0 10px 0;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#products-management #edit-container {
    position: fixed;
    top: 195px;
    overflow-y: auto;
    height: 80%;
}

.fraud-table {
    border-spacing: 0;
    width: 100%;
    margin-bottom: 50px;
}

.fraud-table th, .fraud-table td {
    padding: 10px;
}

.fraud-table th, .fraud-table tfoot td {
    background-color: #ddd;
}

.fraud-table td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.fraud-table input, .fraud-table select {
    width: 100%;
}

.fraud-table td .level {
    width: 10%;
    display: inline-block;
    font-weight: bold;
}

.fraud-table td .level + input {
    width: 85%;
}

.fraud-table td:last-of-type {
    border-right: 1px solid #ddd;
}

.fraud-table tfoot td {
    text-align: right;
}

.fraud-check-results {
    padding-left: 12px;
}

.fraud-check-results b {
    display: inline-block;
    width: 45px;
}

/* ---- Styles for Order EDS page   ---- */
.MailType.Collection {
    border: 1px red solid;
}
.MailType.ModifyPurchase {
    border: 1px orange solid;
}
.MailType.Dispatch {
    border: 1px green solid;
}
.MailType.OrderConfirm {
    border: 1px blue solid;
}
.MailType.OrderProcessed {
    border: 1px purple solid;
}
.MailType.StatusUpdate {
    border: 1px pink solid;
}
.MailType.ProductDelivery {
    border: 1px yellow solid;
}
.MailType.CollectionReminder {
    border: 1px cyan solid;
}
.MailType {
    padding: 2px;
    text-align: center;
}
/*Popup window style*/
.actionHolder {
    background: white;
    border: 1px solid #ddd;
    display: none;
    margin: 100px 300px;
    padding: 20px;
    position: absolute;
    width: 300px;
}

.refunded-items-report {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.refunded-items-report tr th,
.refunded-items-report tr td {
    padding: 4px;
}

.refunded-items-report thead tr {
    border-bottom: 1px solid #ddd;
}

.refunded-items-report tbody tr:nth-child(even) {
    background-color: #F0F0F0;
}

dl.nice-list {
}

    dl.nice-list dt {
        font-weight: bold;
    }

    dl.nice-list dd {
        margin-bottom: 5px;
    }

.nice-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

    .nice-table tr th, .nice-table tr td {
        padding: 4px;
    }

    .nice-table thead tr {
        background-color: #ddd;
    }

    .nice-table tbody tr:nth-child(even) {
        background-color: #eee;
    }

.currency-managment-table input {
    width: 90px;
}

.titles-managment-table input {
    width: 100px;
}