/* ------------- Client - Kelloggs Theme 996 - High CSS Main template

Colours:
Background: #C2C2C2;
Red #b41946
Dark Red #6f1b2b

---------------------- */

@import url("/baseNew.css");

/* ** PEP 8.5 Stylesheet for FNAIM DEMO **
   ================================================== */
    
body, div, td, b, a, a:link, a:visited, th, span, input, textarea, button {
    font-family: "Helvetica Neue", Arial, Verdana, Helvetica, sans-serif !important;
}

a:hover {
    color: #fff !important;
}

.tab
a:active {
    outline: none !important;
}

a:link, a:visited {
    text-decoration: none;
    color: #b41946;
}

body {
  /* background: url(custom/contract996/bgPageLogin.jpg) no-repeat center #fff !important; */
    background-color: #C2C2C2 !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 0 0 30px 0 !important;
    background-image: none !important;
}

.librarySearchResults .pika-stage img {
    height: 250px !important;
}

.container {
    width: 1200px !important;
/*steve change background of body */
    background: #ffffff !important;
    padding: 0 10px !important;
    text-align: left !important;
    border: none !important;
}

.button, .submitButton {
    width: 140px;
    font-size: 0.7em;
    border: none !important;
    color: white;
    background: #b41946;
    height: 22px;
    cursor: pointer;
    margin-right: 5px;
    border-radius:999px;
    text-transform: uppercase;
}

#catalogContainer .content {
    width: 1200px !important;
    background: #E2E0E0 !important;
    overflow: hidden;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.container#displayErrorMessageContainer, .container#basketNameContainer {background: #fff !important}

#basketNameTable {width: 400px !important;}
#displayErrorMessageBody .container {background: #fff !important;
}

/* ******************************************************** MAIN PAGE DIV STRUCTURE*********************************************************
   ================================================== */

.header {
    background-color: #fff !important;
    height: 90px !important;
    width: 1200px !important;
    padding: 0  !important;
/*  background: linear-gradient(to right ,rgb(238,45,36) 125px, white 900px);*/
}

/* Your general styles here */

/* Styles specific to Google Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .quantityField {
        padding-bottom: 2.7px !important;
    }
  }  

.headerLogo {
    width: 200px !important;
    margin: 5px 0px;
}

.headerMiddle {
    width: 360px !important;
}

.headerSecondaryLogo {
    width :300px !important;
    margin:0 !important;
}

.leftColumn, .rightColumn {
    width: 200px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #e2e0e0 !important;
}

.leftColumn .submitButton:hover {
    background-color: #6f1b2b !important
}

.leftColumn .componentItem, .rightColumn .componentItem {
    background: none !important;
    border: none !important;
    float: none !important;
    width: 168px !important;
/* Steve move search bar right */
    margin: 10px !important;
    padding: 0;
    display: block !important;
}

.leftColumn .componentItem h4, .rightColumn .componentItem h4 {
    height: auto !important;
    padding: 5px 10px !important;
    background: none !important;
    text-align : left  !important;
    font-size : 0.9em  !important;
    margin: 0 0 10px -10px !important;
    text-transform: uppercase !important;
/* Steve add a background bar to search/browse by */
    background-color: none;
    background: none;
    color: #596067 !important;
    border: none !important;
/*    display: block !important; Conflict with line 837 */
    display: block;
    width: 210px !important;
    font-size: 12px !important;
}

.ie .leftColumn .componentItem h4, .ie .rightColumn .componentItem h4 {
    width: 210px !important;}
/*
.leftColumnSection1, .leftColumnSection2, .leftColumnSection3, .rightColumnSection1, .rightColumnSection2, .rightColumnSection3 {
border: none !important; margin: 0 !important; padding: 0 !important; 
}
*/
.leftColumnSection1 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important; 
}
.leftColumnSection2 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important; 
}
.leftColumnSection3 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important; 
}
.rightColumnSection1 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important;
}
.rightColumnSection2 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important;
}
.rightColumnSection3 {
border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important;
}

.errorLayer {
    background: #d30000 !important;
    border: none !important;
    color: #fff !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3% 5%;
    margin: 1em 5% !important;
    /* display: block !important;*/
    border: 0 !important;
}

.mainColumn {
    width: 960px !important;
    height: auto !important;
    border: none !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    padding: 0px 0px 0px 10px !important;
    background-color: white !important;
}


.mainColumn .componentItem {margin-bottom: 20px !important;}
/*
.mainColumnSection1, .mainColumnSection2, .mainColumnSection3 {width: 600px !important; overflow: hidden; margin-bottom:0 0 10px 0 !important; display: block !important; padding:  0 !important;}
*/
.mainColumnSection1 {width: 600px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}
.mainColumnSection2 {width: 600px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}
.mainColumnSection3 {width: 600px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

.mainColumnSection3Left {
    width: 390px !important;
    float: left !important;
    display: inline !important; 
}

.mainColumnSection3Right {
   /* width: 200px !important; */
    float: right !important;
    display: inline !important;
}

.footer {
    background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0 0 !important;
    color: #0055a5 !important;
    font-size: 13px !important;
    width: 1200px !important;
    padding: 0 !important;
}

/* ************************************************************* LOGIN SCREEN ******************************************************************
   ================================================== */

#loginPageContainer .menu,.pageTitle,hr,.footer{
    display:none !important;
}

#loginPageContainer {
    width: 1200px !important;
    height: 700px !important;
    border: none !important;
}

#loginPageContainer .header {
    width: 1200px !important;
    background-color: #C2C2C2 !important;
}

#loginPageContainer .headermiddle {
    width: 50px !important;
}

#loginPageContainer .menu {
    width: 650px !important;
}

#loginPageContainer .footer {
    width: 650px !important;
}

#loginPageContainer .leftColumn {
    background: none;
/* Steve change the height of the login left column */
    height: 610px !important;
    width: 210px !important;
    padding: 0px !important;
    color: #000 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    background: #e2e0e0  !important; /* Steve #6a6d72  is the grey used */
}

#loginPageContainer .leftColumn input .leftColum select {
    max-width: 155px !important;
}

#loginPageContainer .rightColumn {
    background: none;
/* Steve change the height of the login left column */
    height: 0px !important;
    width: 0px !important;
    padding: 0px !important;
    color: #000 !important;
    margin-top: 10px !important;
    margin-right: -10px !important;
}

#loginPageContainer .leftColumn a {
    color: #000 !important;
    font-size: 0.6em !important;
}

#loginPageContainer .content {
    background-color: none !important;
    height: 610px !important;
    width: 1200px !important;
    box-shadow: -5px 7px 18px #666 !important;
}

#loginPageContainer .mainColumn {
    background-image :url(custom/contract996/KelloggsLogin_image.png) !important;
    height: 610px !important;
    width: 1014px !important;
    padding: 0px !important;
    color: #fff !important;
    margin-top: 0px !important;
    margin-right: -10px !important;
}

/* ------ logo on Login Screen------------
#loginPageContainer .headerLogo{
    background: url(custom/contract996/clugston_logo.png) no-repeat 0 0 !important;
    height: 90px !important;
    width: 215px !important;
}
----------------------------------------*/

#loginPageContainer .logo1 {
    display: none !important;
}

/* Steve adjust size of left buttons on login page */

#loginPageContainer .submitButton {
    height:  40px !important;
}

#loginPageContainer .rightColumn {
/*Steve change width of right-hand column on login page*/
    width : 0px !important;
    height : 500px !important;
    padding: 0px !important;
}

#loginPageContainer .leftColumnSection1 div{
    margin-top: 1em !important;    
    margin-left: 1em !important;
}

#loginPageContainer .message {
    color : #666666;
    margin-top: 50px !important;
}

#loginPageContainer .leftColumn, .dropDownInput, .leftColumn, .textAreaInput, .leftColumn, .textInput, .input {
    font-size: 15px;
    width: 185px !important;
}

#loginPageContainer .mainColumnSection1 {
    width: 1010px !important;
}

#loginPageContainer .mainColumn .mainColumnSection3 {
    padding-bottom : 0px !important
}


/* ************************************************************* MAIN MENU ******************************************************************
   ================================================== */


.menu {
    text-transform: uppercase !important;
    background: #fff;
    border: none !important;
    width: 1200px !important;
    height: 42px !important;
}

div#homeContainer div.menu {
    height: auto !important;
}

.menu table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height:34px;
    background-color: rgb(247, 247, 247);
    color: #2c2c2c;
    text-align: left;
    border-spacing: 0px;
/* Steve change colour of background on top menu */
    background: none
}   

.menu table tr td { 
    margin: 0px; padding: 0px !important;
    text-align: center !important;
    border-left : 1px rgb(0, 85, 165) !important;
    width: auto !important;
    padding: 0px 0px !important;
}

.menu table tr td a, .menu table tr td a:link, .menu table tr td a:visited {
    background-color: #b41946 !important;
    background-image: none !important;
    text-transform: uppercase;
    border: none !important;
    margin: 0 !important;
    color: #fff !important;
    width: 103px !important;
    font-size: 0.7em !important;
    font-weight: bold !important;
    text-align: center !important;
    float: right !important;
    height: auto !important;
    padding: 5px 20px 5px 20px !important;
    margin: 0px !important;
    border-radius: 999px;
    text-indent: 0px !important;
}

.menu table a {
    display:block;
    height:auto;
    padding:12px;
}

.menu table tr td a:hover {
    text-decoration : none !important;
    background-color: #6f1b2b !important;
}   

.content {
    width: 1200px !important; background: none !important; overflow: hidden; border: none !important; margin: 0!important; padding:  0 !important;}
    
 #productDetailsCatContainer {background: #fff !important;}

.leftColumnSection1 #checkoutButton {
}

#amendQuantityButton, #amendQuantityButtonBottom {
    padding: 0 !important;
    width: auto !important;
}

#amendQuantityButton input.button, #amendQuantityButtonBottom input.button {
    background color: #b41946; height: 26px !important;
    text-transform: uppercase !important;
    margin-right: 5px !important
}

#amendQuantityButton input.button:hover, #amendQuantityButtonBottom input.button:hover {
    border: none; outline: none; 
}
#amendQuantityButton input.button:active, #amendQuantityButtonBottom input.button:active {
    position: relative; top:1px;
}
/* ************************************************************* TABLES******************************************************************
   ================================================== */
   
.datatable {width: 100% !important;
/* Steve add top margin to datatable */
    margin-top: 20px;
}

.datatable td {
    font-size: 0.8em !important;
    color : black !important;
    max-width: 200px !important;
}

.datatable td a:visited {
    color: black !important
}

.datatable td a:link {
    color: black !important
}

.datatable th {
    height: 15px !important;    
    padding: 0 !important;
    margin: 0 !important;
    background-color: #b41946 !important;
    color : white !important;
    text-transform:uppercase !important;
    border : none !important;
    font-size: 0.7em !important; /*to make uppercase smaller*/
}

.datatable th a, .datatable th a:link, .datatable th a:visited {
    color: none !important;
    padding: 5px !important
}

.datatable .rowOdd td {
    background-color: #F0F0F0 !important;
}

.datatable th a:hover {
    color: none !important
}

.datatable .rowEven td {
    background: #D7E0EA !important;
}

.datatable .rowEven td {
    /*background-color: E5D4D5;*/
    background-color: #F0F0F0 !important; 
    vertical-align : top !important;
}

#orderHistorySide {padding: 10px}

.leftcolumn .submitbutton {
    font-size: 0.7em;
    border: none !important;
    color: white;
    background: #b41946;
    height: 22px;
    cursor: pointer;
    margin-right: 5px;
}

a.basketItemDelete {width: 15px; height: 15px; overflow: hidden; display: block; text-indent: -9999px; background:url(custom/contract996/error_icon.png) no-repeat; margin: 5px; }
.viewActionCol a{width: 15px; height: 15px; overflow: hidden; display: block; text-indent: -9999px; background:url(custom/contract996/ico_search.png) no-repeat; margin: 5px; }
.editActionCol a{width: 16px; height: 15px; overflow: hidden; display: block; text-indent: -9999px; background:url(custom/contract996/ico_maint.png) no-repeat; margin: 5px; }
/* *********************************************************** NEW APPROVAL COMPONENT *************************************************************
   ================================================== */

   table.ajaxDataTable.dataTable thead th, table.ajaxDataTable.dataTable tfoot th {
    padding: 1em !important;
    background-color : #d0d0d0 !important; 
}

table.ajaxDataTable.dataTable thead th.sorting {
    cursor : s-resize;
}

div.ui-widget-header {
    background-color: #b41946;
    background-image: none;
    font-size: 14px;
    border-color: #e0e0e0;}


/* *********************************************************** INPUTS *************************************************************
   ================================================== */

.textInput, .dropDownInput, .textareaInput {
}

/* *********************************************************** LINKS *************************************************************
   ================================================== */

.pageHeadingTitle {
    color : #000000 !important
}

/* *********************************************************** PROCESS BAR *************************************************************
   ================================================== */

.processbar {
    display: none !important
}

/* *************************************************** PAGE NAVIGATION, TITLES ***********************************************
   ================================================== */

.pageHeadingTitle {
    display: block !important
}

/* --------Steve page Title in User Listings page---------*/

#userContainer .pageHeadingTitle {
    margin-left: 30% !important;
    margin-right: 40% !important;
}

/* --------Steve page Title in Reports page---------

#report1Container .leftColumn {
    width: 0px !important
}

/* --------Steve page left column in Reports page---------*/

#report1Container .pageHeadingTitle {
    margin-left: 30% !important;
    margin-right: 40% !important;
}

.pageTitle {
    font-size : 1.0em !important;
    color: black !important;
}

.footnotes {
    color: #fff;
    font-size: 0.9em !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0 !important;
    display: block !important;
}

.homePageUserName {
    color: #656565 !important;
    text-transform: uppercase !important;
    margin-bottom: 10px; 
    float: right;
}

#myDetailsFormPart1 {
    background-color: #DEDBDB !important
}

#myDetailsFormPart2 {
    background-color: #DEDBDB !important
}

#myDetailsFormPart3 {
    background-color: #DEDBDB !important
}

#productDetailsCatContainer table.detailsform th, #productDetailsCatContainer table.webform th {
    background-image : none !important;
}

#productDetailsCatContainer table.detailsform tr.row1 td, #productDetailsCatContainer table.detailsform tr.row2 td, #mediapostcarto table.detailsForm tr.row1 td, #mediapostcarto table.detailsForm tr.row2 td,
  #productDetailsCatContainer table.webform tr.row1 td, #productDetailsCatContainer table.webform tr.row2 td, #kittable table.detailsForm tr.row1 td, #kittable table.detailsForm tr.row2 td, #mediapostReturnInfo table.detailsForm tr.row1 td, #mediapostReturnInfo table.detailsForm tr.row2 td {
    background-color: #E2E0E0 !important;
}

#productDetailsCatContainer div#customdetails {
    background-color: #E2E0E0 !important;
}

#productDetailsCatContainer h2 {margin: 5px 0 0 !important; padding: 0 !important}


div#productDetailsContainer {
    width: 100% !important;
    padding: 0px 0px 0px 30px !important;
}

/*----------------------------

Pane Tab 

----------------------------*/


.pane-tab-basket {display: none !important;}
.pane-tab-navigation {
    clear: both !important;
    width: 695px !important;
    overflow: hidden !important;
    margin: 0 !important;
    display: block;
    height: auto !important;
    padding: 10px 0px !important;
}

.pane-tab-navigation ul {display: inline; float: left; padding: 0; margin: 0 0 0 10px !important;}

.pane-tab-navigation ul li {display: inline; float: left;}

.pane-tab-navigation ul li a, .pane-tab-navigation ul li a:link, .pane-tab-navigation ul li a:visited {
    color: #fff !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    display: block !important; 
    float: none;
    text-align: left;
}

.pane-tab-navigation a.listviewlink, .pane-tab-navigation a.listviewlink:link, .pane-tab-navigation a.listviewlink:visited {
    background: url(custom/contract996/icon_list.png) no-repeat !important;
    height: 23px !important; 
    margin-left: 10px !important;
    width: 23px !important;
}

.pane-tab-navigation a.listviewlink:active {
    background: url(custom/contract996/icon_list_h.png) no-repeat !important;
}

.pane-tab-navigation a.paneviewlink,
.pane-tab-navigation a.paneviewlink:link,
.pane-tab-navigation a.paneviewlink:visited {
    background: url(custom/contract996/icon_grid.png) no-repeat !important;
    height: 23px !important; 
    width: 23px !important;
}

.pane-tab-navigation a.paneviewlink:active {
    background: url(custom/contract996/icon_grid_h.png) no-repeat !important;
}

.pageHeadingNew {width: 983px; overflow: hidden; margin-bottom: 10px; display: block;}

.pane-tab-item, .pane-tab-item:link, .pane-tab-item:visited {
    display : block;
    float : left;
    width: 206px !important;
    padding: 0px !important;
    border: 2px solid #b6b1b1;
    margin: 10px !important;
    height: 413px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: #efefef !important;
    ms-filter: none !important;
    /* For IE 5.5 - 7 */
    filter: none !important;
    border-radius: 8px;
}

.pane-tab-item:hover {
    border: 2px solid #6f1b2b !important;
}

.pane-tab {width: 920px !important; overflow: hidden;}


.ie .pane-tab-item .tab-thumbnail {
    float: none !important;
    display: block !important;
    margin: 10px !important;
    width: 190px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding: 0px !important;
    height: 190px !important;
    border-radius: 5px
}

.tab-thumbnail a {
    display: block;
}

.pane-tab-item .tab-thumbnail {
    width: 188px;
    height: 188px !important;
    float: none !important;
    display: block !important;
    margin: 10px 0px 5px 6px !important;
    background: #efefef !important;
    border: 3px solid #ddd !important;
    padding: 0px !important;
}

.pane-tab-item .tab-thumbnail img {
    padding:0 !important;
    margin: 0 !important;
}

html>body .pane-tab-item .tab-thumbnail img {
    width: 140px;
}

.pane-tab-item .tab-title {
    color: #000000 !important;
    margin:0 10px 5px !important;
    height: 50px !important;
    max-height: 50px;
    font-size:0.7em !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd;
}

.pane-tab-item .tab-packsize, .pane-tab-item .tab-code, .pane-tab-item .tab-price, .pane-tab-item .tab-weight {
    font-size: 0.7em !important;
    margin:0 10px 5px !important;
    padding:  0 0 5px 0 !important;
    border-bottom: 1px solid #000; 
}

.pane-tab-item .tab-code {
    font-size: 0.6em !important;
}

.pane-tab-item .tab-packsize label , .pane-tab-item .tab-price label, .pane-tab-item .tab-weight label {
    font-weight: bold !important;
    width: 120px !important;

}

.pane-tab-item .tab-description { 
    background: none !important;
    font-size: 0.7em; 
    margin:0 5px !important;
    line-height: 1.7;
    color: #666;
    height: 30px !important;
    display: none !important;
}

.tab-button {position: relative; width: 200px; display: block; height: 40px; margin: 10px 0 0;}

.tab-button .button { 
    border: none !important;
    margin: 0 !important;
    color: #fff !important;
    width:84px !important;
    font-size: 0.6em !important;
    font-weight: bold !important;
    text-align: right !important; 
    display: none !important;
    height: 22px !important;
    padding:3px 5px 5px 20px!important;
    margin: 0px !important;
    position: absolute !important;
    bottom:15px !important;
    right: 5px !important;
    top: 0px !important;
}

.ie .tab-button .button {}

.tab-button .button:active {  
}

.tab-descriptionicon {
    display: block; 
    position: absolute; 
    left: 12px; 
    bottom: 7px; 
    height: 30px !important; 
    width: 29px !important; 
    padding: 0 !important;
    margin: 0 !important;
}

.tab-button .descriptionlink {
    background: url(custom/contract996/icon_info_new.png) no-repeat 0 0;
    text-indent: -9999px;
    height: 50px !important; 
    width: 100px !important; 
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: block !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 50px !important;
}

.tab-button .descriptionlink .mis {
    visibility: hidden;
}

#catalogueViewTypeMenu, #catalogueSearch, #categoryMenu {
    display : none !important
}

.category-tab-item, .category-tab-item:link, .category-tab-item:visited {
    display : block;
    float : left;
    width: 180px !important;
    padding: 0px !important;
    border: none !important;
    margin: 10px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    ms-filter: none !important;
    /* For IE 5.5 - 7 */
    filter: none !important;
    outline: 1px solid #ccc !important
}

.category-tab-item .tab-thumbnail {
    float: left !important;
    display: none !important;
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}

.category-tab-item:hover {
    outline: 1px solid #b41946 !important;
}

.category-tab-item .tab-title, .category-tab-item .tab-description {
    float: none !important;
    width: 160px !important;
    text-align: left !important;
    margin: 10px !important;
    padding: 0 !important;
}

.category-tab-item .tab-title {
    color: #b41946 !important;
    margin-bottom: 5px !important;
    height: auto !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd;
}

.category-tab-item .tab-description {
    display: block;
}

.category-tab-item ul {
    width: 160px !important;
    display: block;
}

.category-tab-item .tab-description li {
    background: none !important;
    font-size: 0.8em; 
    padding: 0 0 5px 0 !important;
    line-height: 1.7;
    color: #555;
    margin: 0 0 5px 0 !important;
    border-bottom: 1px solid #ddd; 
    height: auto !important;
}

.homePageUsername { display:none !important;}


.tab-description {min-height: 60px !important;}


#displayErrorMessageBody {
    width: 50% !important;
    background: white !important;
}

#displayErrorMessageTitle {
    text-align: left !important;
}

#topButtons .submitButton, .datatable .button, #orderButton .submitButton {
    border: none !important;
    width: 123px !important;
}

table.ajaxDataTable td button.button {
    width: 54px !important;
    height: 35px;
    white-space: pre-wrap;
    margin-bottom: 5px;
    font-size: 8px !important;
}

table.ajaxDataTable td button.button:nth-child(3) {
    background-color: #ff8c00 !important;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
    right: -10px !important;
}

/*JayB to remove delivery address from ORDER DETAILS page  */
#orderDetailsPart4{
    display: none;
}

#orderDetailsTable td.packCol, .qtyCol, .costCentreCol, .priceCol, .totalCol{
    text-align: left !important;
}

.datatable tr th, .datatable.autorow tr th {
    padding-left: 3px !important;
}

#topButtons .submitButton:hover{
    background-color: #6f1b2b !important;
}

#topButtons {width: 695px !important; overflow: hidden; margin-bottom: 5px !important;}

#placeOrderButton {
    background-color: #b41946;
    background-image: none;
/*  text-transform : uppercase; */
    border: none !important;
    margin: 0 !important;
    color: #fff !important;
    width:125px !important;
    font-size: 0.7em !important;
    font-weight: bold !important;
    text-align: right !important; 
    margin:0 0 0 10px !important;
    float: right !important;
    display: inline !important;
    height: auto !important;
    padding:3px 14px 5px 0px !important;
}

#orderButton .submitButton {
    background-color: #b41946 !important;
    background-image: none;
/*  text-transform : uppercase; */
    border: none !important;
    margin: 0 !important;
    color: #fff !important;
    width:150px !important;
    font-size: 0.7em !important;
    font-weight: bold !important;
    text-align: right !important; 
    margin: -84px 0 0 10px !important;
    float: right !important;
    display: block !important;
    height: auto !important;
    padding:3px 5px 5px 20px!important;
}

#catalogContainer .submitButton, .placeOrderButton {
    width: 123px !important;
    text-align: right !important;
    float: right !important;
    display: inline !important;
    height: auto !important;
    padding: 3px 14px 5px 0px !important;
}

#orderButton .submitButton:hover {
    background-color: #6f1b2b !important;
}

#setFavouritesButton {
    background-color: #b41946;
    background-image: none;
/*  text-transform : uppercase; */
    border: none !important;
    margin: 0 !important;
    color: #fff !important;
    width:150px !important;
    font-size: 0.7em !important;
    font-weight: bold !important;
    text-align: right !important; 
    float: right !important;
    display: none !important;
    height: auto !important;
    padding:3px 5px 5px 20px!important;
    margin: 0px !important;
}

#catalogTable .button {
    border: none !important;
    /*background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0px -306px #fff;*/
    margin: 0 !important;
    color: #fff !important;
    width: 75px !important;
    font-size: 0.7em !important;
    font-weight: bold !important;
    text-align: right !important; 
    float: right !important;
    font-weight: bold;
    display: block !important;
    height: auto !important;
    padding:4px 14px 4px 7px !important;
    margin: 4px 20px -5px 0px !important;
}

#catalogContainer .datatable .rowOdd {
    vertical-align: top !important;
}

#catalogContainer .datatable .rowEven {
    vertical-align: top !important;
}

/* *********************************** FEATURED PRODUCTS *****************
   ================================================== */

#featuredproductsheader {
    background: none !important;
    display: block !important;
    height: 20px;
}

#featuredproducts {
    margin-top: 20px !important;
    font-size: 0.8em !important;
}

/* **************  Slider ***************
   ================================================== */

.sliderComponent {margin: 0 0px 0px !important; width: 100% !important; padding:  0 !important; border:none  !important; text-align: center !important; display: block !important; }

.sliderComponent a {
    color: white !important;
    text-decoration: none !important;
    font-weight: bold;
}

.videoComponent {
    width: 450px !important;
    margin: 0 !important; 
    border: none !important;
    vertical-align: top !important;
    float: left !important 
}

.componentItem.videoComponent h4 {
    display: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.componentItem.sliderComponent h4 {
    display: none !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.videoComponent h5 {display: none !important; margin: 0 !important; padding: 0 !important;}
.videoComponent .videoDescriptionText {
    float: none !important;
    width: 600px !important;
    margin: 0 !important; 
    border: none !important; 
    text-align: left !important;
    line-height: 1.5;
    font-size: 0.8em;
    padding-bottom: 15px
}

.videoComponent .videoComponentVideo {
    display: block;
    overflow: hidden;
}

.videoComponent .videoDescriptionText h5 {font-weight: bold; display: block !important; font-size: 1.2em; line-height: 1.3; margin: 10px 0 5px !important }

.videoComponent .videoComponentVideo {
    width: 600px !important;  
    height: 400px !important;
    display: block;
    padding: 0 !important;  
    margin: 0 !important; 
    border: none !important; 
}

#videoComponent341, #videoComponent341 .videoComponentVideo {
    width: 900px !important;  
    height: 400px !important;
    position: relative; left: 170px !important;
    display: block !important;
    padding: 0 !important;  
    margin: 0 !important; 
    border: none !important;
}

#videoComponent287, #videoComponent287 .videoComponentVideo {
    width: 600px !important;  
    height: 320px !important;
    display: block !important;
    padding: 0 !important;  
    margin: 0 !important; 
    border: none !important;
}

#videoComponentVideo262, #videoComponent287 .videoComponentVideo {
    width: 200px !important;   
    height: 320px !important;
    display: block !important;
    padding: 0 !important;  
    margin: 0 !important; 
    border: none !important;
}

/** JDowney 2015-02-23 : No need to mess around with floating these, see lines 2085(ish) **/
/* Steve widget*/
/*iframe.sp_razuna1 {
  float: left; width : 600px; height : 260px; border : 0px none; overflow : scroll; !important
  
}*/
/* Steve widget*/
/*img.sp_bus {
   position: relative; left: 200px; top: 10px; width : 230px; height : 280px; border : 0px none; !important
  
}*/
/* Steve widget*/
/*iframe.sp_razuna2 {
  float: left; width : 630px; height : 260px; border : 0px none; overflow : scroll; !important
  
}*/
/* Steve widget*/

/*
img.good {
   position: relative; left: 200px; top: 2px; width : 230px; height : 280px; border : 0px none; !important  
}
*/


.basketComponent {
    width: 420px !important; 
    height: 65px !important; 
    background: url(custom/contract996/basket_background.png) no-repeat -5px 5px !important;
    padding: 0 !important;
    display: block !important; 
    border: none !important;
    margin: -11px 0px 0px -118px !important;
}

.basketTop {
    float: left !important; 
    width: 140px !important;
    overflow: hidden;
    height: 60px !important;
    margin-left: 110px !important;
    background: url(custom/contract996/basket.png) no-repeat left 12px  !important; 
    padding-left: 40px;
    margin-bottom: 10px !important; border-bottom: none !important; padding-bottom: 5px;
    background-size: 40px 40px !important;
}

.ie .basketTop {width: 140px!important}

.ie  #homeContainer .basketTop {
    width: 180px !important;
}

.basketTop h4 {
    background: none; 
    color: #6d6d6d; 
    padding: 15px 25px 0;
    margin-bottom: 5px; 
    border-bottom: none !important;
    text-align: left;
}

.basketTop p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    display: block !important;
    float: left !important;
    width:60px !important;
    text-align: left;
    margin-left: 10px !important;
    line-height: 1.7;
    color: #000 !important;
}

.basketQuickView {
    display: block;
    text-align: center;
    border-bottom: none !important;
    width: 150px !important;
    margin-left: 10px;
    float: left;
    display: none
}

.basketTools {
    width: 150px;
    display: block;
    float: left;
    padding: 0 !important;
    margin: 23px -18px;  
}

.basketTools button {
    color : none !important;
    font-weight: bold;
    font-size : 0.7em !important;
    padding: 0px !important;
    height: auto !important;
    float: none !important;
    display: block;
    width: 140px;
    height: 19px !important;
    margin:0 0 0 5px   !important;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    overflow: hidden !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 999px;
    background-color: #b41946 !important;
    background-image: none !important;
}

.basketTools button:hover {
    background-color: #6f1b2b !important;
    color: #fff !important;
}

.basketTools button#checkoutbutton {display: none !important;}

#basketManagementButton .button {
    display: none !important;
}

#pricebreakslink input, #postagepricebreakslink input {
    background: url(custom/contract996/ico_tarriff.png) no-repeat 5px 50% #C0C0C0 !important ;
    padding: 5px 5px 5px 25px !important
}

a.pricebreakslinksmall input {
  background: #C0C0C0 url(custom/contract996/ico_tarriff.png) no-repeat 5px 50% !important; text-indent : 400px;
}

/*----------------------------

Buttons 

----------------------------*/

.button {
    background-color: #b41946 !important;
    background-image: none !important;
    color: #fff !important;;
/*  text-transform : uppercase; */
    border: none !important;
}

.formfooter {width: 400px; height: 25px !important; position: relative; margin: 10px 0 !important; text-align: left !important}

.registerButton {
    background-color: #b41946;
    background-image: none;
}

#loginPageContainer .registerButton:hover {
    background-color: #6f1b2b !important;
    color: white !important;
}

.backtocataloguebutton {
    background:url(custom/contract996/ico_cancel.png) no-repeat left 50% #fff !important; 
    color: #b41946 !important; 
    padding: 0 0 0 20px !important; 
    font-size: 0.8em; 
    margin: 0 0 0 10px !important;  
    width: auto !important;  
    display: inline !important; 
    border: none !important;
}

.backtocataloguebutton:hover {
    border: none !important; 
    background:url(custom/contract996/ico_cancel.png) no-repeat left 50% #fff !important;
    color: #b41946 !important; 
}

.ie .backtocataloguebutton {
    padding: 0 0 0 10px !important; 
} 

.nextstepbutton {
/*    background:url(custom/contract996/ico_next.png) no-repeat right 50% #fff !important; 
    color: #b41946 !important;
    font-size: 0.8em; 
    margin: -30px -55px 0 10px !important; 
    width: 80px !important; */
    display: none !important;
}

.nextstepbutton:hover {
    border: none !important; 
    background:url(custom/contract996/ico_next.png) no-repeat right 50% #fff !important; 
    color: #b41946 !important; 
}

.ie .nextstepbutton {
    padding: 0 0px 0 0 !important; 
    margin: 0 !important;
} 

.previousstepbutton {background:url(custom/contract996/ico_prev.png) no-repeat left 50% #fff !important; color: #b41946 !important; padding: 0 0 0 20px !important; font-size: 0.8em; margin: -20 0 0 0px !important;border: none !important; width: auto !important; display: inline-block !important;}

.previousstepbutton:hover {background:url(custom/contract996/ico_prev.png) no-repeat left 50% #fff; color: #b41946; font-size: 0.8em; border:  none !important; }

.ie .previousstepbutton {padding: 0 0 0 0px !important; margin: 0 !important} 

.zoomButton {
    background:url(custom/contract996/ico_zoom.png) no-repeat left 50% #fff !important; color: #b41946 !important; padding: 0 0 0 20px !important; font-size: 0.8em; margin: 0 0 0 10px !important; border: none !important;
    width: auto !important; display: inline-block !important;
}

.zoomButton:hover {background:url(custom/contract996/ico_zoom.png) no-repeat left 50% #fff; color: #b41946;  font-size: 0.8em; border: none !important;}

.ie .zoomButton {padding: 0 0 0 5px !important; margin: 0 !important} 

.previewButton {background:url(custom/contract996/ico_validate.png) no-repeat left 50% #fff; color: #400095; padding: 4px 16px !important; font-size: 0.8em; margin: 0 0 0 10px !important;border: none !important;  display: inline !important;
    width: auto !important;}

.previewButton:hover {background:url(custom/contract996/ico_validate.png) no-repeat left 50% #fff; color: #b41946; font-size: 0.8em; border: none !important;
    width: auto !important;}

.ie .previewButton {padding: 0 0 0 0px !important; margin: 0 !important}


.pdfButton {background:url(custom/contract996/ico_dl.png) no-repeat left 50% #fff; color: #b41946; padding: 4px 16px !important; font-size: 0.8em; margin: 0 0 0 5px !important;border: none !important; width: auto !important; /*display: inline !important;*/
}

.pdfButton:hover {background:url(custom/contract996/ico_dl.png) no-repeat left 50% #fff; color: #b41946; padding: 4px 16px !important; font-size: 0.8em; margin: 0 0 0 5px !important;border: none !important; width: auto !important;
}

.ie .pdfButton {padding: 0 0 0 0px !important; margin: 0 !important}

#fileuploaddetails {
    background: #eee !important;
    border: 1px solid #ddd;
    margin-top: 10px;
    height: 80px;
    padding: 10px !important
}

#fileuploadinput .submitButton {background: #b41946; color: white; padding: 5px 20px 21px 20px !important; font-size: 0.8em; margin: 0 0 0 10px !important;border: none !important; width: auto !important; font-weight: bold !important; display: inline-block !important;
}

#fileuploadinput .submitButton:hover {background: #6f1b2b; color: white; padding: 5px 20px 21px 20px !important; margin: 0 0 0 10px !important;border: none !important; width: auto !important;  font-weight: bold !important;
}

#pdfUploadContainer #fileUploadInput input.submitButton {
    width: 140px !important;
    font-size: 0.7em !important;
    border: none !important;
    color: white !important;
    background: #0067A6 !important;
    height: 22px !important;
    cursor: pointer!important;
    margin-right: 5px!important;
    border-radius: 3px!important;
    text-transform: uppercase!important;
}

#pdfUploadContainer button#assetPageOptionWizardButton {
    margin :1em 0 0 100px;
    height: 30px !important;
}

#pdfUploadContainer .mainColumnSection1 {
    width: 1184px !important;
}

select.optionFormElement, input.optionFormElement, textarea.optionFormElement {
    position: absolute;
    }

input.optionUseGlobalDocOptions {
    margin-top: 10px !important
}

.ie #fileuploadinput .submitButton {padding: 0 0 0 0px !important; margin: 0 !important}

.addtobasketbutton2 {background:url(custom/contract996/ico_basket.png) no-repeat left 50% #fff; color: #b41946; padding: 0 0 0 20px !important; font-size: 0.8em; margin: 0 -61 0 10px !important;border: none !important; width: auto !important; font-weight: bold !important;    }

.addtobasketbutton2:hover {background:url(custom/contract996/ico_basket.png) no-repeat left 50% #fff; color: #b41946; padding: 0 0 0 20px !important; font-size: 0.8em; margin: 0 0 0 10px !important;border: none !important; width: auto !important; font-weight: bold !important;  }

.ie .addtobasketbutton2 {padding: 0 0 0 10px !important; margin: 0 !important}
    
/*.favouriteHead {padding-left: 25px; background: url(custom/contract328/favico.png) no-repeat left 50%; width: 80px; text-align: right;}*/

.downloadmediaCol a {background:url(custom/contract328/ico_dl_dark.png) no-repeat left 50% #EEEEEE; color: #b41946 !important; padding: 0 0 0 20px !important; font-size: 0.9em; margin: 0 0 0 10px !important;border: none !important; width: auto !important;}


/*-------------- Steve stock & User page buttons -----------------*/

#stockLevelContainer .submitButton {
    height: 20px !important;
    width: 30px !important;
    position: relative;
    top: 48px;
    left: 172px;
    border-radius:999px;
}

#stockLevelBottomSearchButton .submitButton{
    height: 20px !important;
    width: 30px !important;
    margin: 2px 0px 0px 0px !important;
    position: relative;
    top: -1px !important;
    left: 10px !important;
}

#stockLevelContainer .submitButton:hover {
    background-color: #6f1b2b !important;
    color: #fff !important;
}

#stockLevelContainer .leftColumn{
    width: 215px !important;
}

#stockLevelContainer .leftColumnSection1 {
    margin: 10px -3px 0px 7px !important;
}

#stockLevelContainer .mainColumnSection1 {
    width: 975px !important;
}

#userContainer .submitButton {
    height:  20px !important;
    width: 100% !important;
    margin: 10px 5px 0px 5px !important;
}

#userContainer .leftColumn a:hover {
    color: #6f1b2b !important;
}

/* ----Steve adjust width of Stock Level and Buyer tables-----*/

#userContainer .dataTable {
    width: 1005px !important;
    margin-left : 0px !important;
    margin-right : 0px !important;
    clear:both !important;
    border-collapse:collapse !important;
}

#userContainer .emailHead {
    display: none !important;
}

#userContainer .emailCol {
    display: none !important;
}

#userContainer .typeHead {
    display: none !important;
}

#userContainer .typeCol {
    display: none !important;
}

#userContainer .activeHead {
    display: none !important;
}

#userContainer .activeCol {
    display: none !important;
}


#userContainer .mainColumnSection1 {
    width: 1005px !important;
    margin: 0px !important;
}

#userContainer .leftColumn input, .leftColumn select {
    max-width: 137px !important;
}

/* ----Steve adjust radio and check box colours-----*/

input.checkboxInput {
    border : 1px solid #b41946 !important;
    background-color : #fff !important;
    color : black !important;
}

input.radioInput {
    border : 1px solid #b41946 !important;
    background-color : #fff !important;
    color : black !important;
}

/*----------------------------

Cat Page 

----------------------------*/

/* #catalogContainer .basketComponent {margin: 0px !important;} */

#catalogContainer .leftColumn .leftColumnSection1 .componentItem h4 {
    width: 210px !important;
}

#catalogContainer .leftColumn .leftColumnSection1 {
    border: none !important; margin: 10px 0 0 0 !important; padding: 0 !important;
}

#catalogContainer .leftColumnSection2 {
    margin: -40px 0px 0px 0px !important;
}

#catalogContainer .leftColumn .leftColumnSection3 {
    height: 100% !important;
}

#catalogContainer .maincolumn {
    -webkit-box-shadow: inset 3px 0 3px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 3px 0 3px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0 0px rgba(0,0,0,0.1);
}

#catalogContainer .maincolumn .maincolumnsection1 {
    width: 695px !important
}

.categorytreecomponent

/*----------------------------

Cat Tree 

----------------------------*/

.leftcolumn .componentitem.categoryTreeComponent {margin: 0 !important; padding:  0 !important; width: 210px !important; }

#catalogContainer .leftcolumn .categoryTreeComponent h4 {margin: 0 0 0px !important; width: 210px !important;}

.categoryTreeComponent ul {width: 210px !important; padding:  0 !important; margin: 0 !important; font-size: 1em !important; color: #fff !important;}

.categoryTreeComponent ul li {background: none !important; padding: 3px 0 !important;}

.categoryTreeComponent a.toplink {padding: 0 5px 0 0 !important; font-weight: bold !important; color: #fff !important;}

.categoryTreeComponent ul li ul {border-bottom: 0px solid #ddd; width: 98% !important; margin-left: 2% !important; font-size: 1em !important;}

.categorytreecomponent ul li ul li {border-top: 0px solid #ddd; }

.categoryTreeComponent ul li ul li ul {border-bottom: none !important}

.categoryTreeComponent li.openNode > div.linkContainer > a {font-weight: bold !important;}

.categoryTreeComponent ul li a:link {
    color: #b41946 !important;
}

.categoryTreeComponent ul li a:hover {
    color: #b41946 !important;
}

.categoryTreeComponent .toplink {
    text-indent: -9999px;
    height: 16px !important;
    width: 20px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: block !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    color: #fff !important;
}

.categoryTreeComponent li.openNode .toplink {
    background: url(custom/contract996/arrow_click.gif) no-repeat 0 0 !important;
    float:right !important;
}

.categoryTreeComponent li.closedNode .toplink {
    background: url(custom/contract996/arrow_hover.gif) no-repeat 0 0 !important;
    float:right !important;
}


/*.categoryTreeComponent li.openNode .toplink:hover{
        background: url(custom/contract996/arrow_hover.gif) no-repeat 0 0 !important;
        float:right !important;
}

.categoryTreeComponent li.closedNode .toplink:hover {
        background: url(custom/contract996/arrow_hover.gif) no-repeat 0 0 !important;
        float:right !important;
}*/

.categoryTreeComponent {
    color: #b41946 !important;
}

.categoryTreeComponent a:hover {
    color: #b41946 !important;
}

/*----------------------------

Search Component 

----------------------------*/

.catalogueSearchComponentForm {
/* Steve change width of search bar */
    width: 215px;
    display: block;
    position: relative !important;
    background: #f9f9f9;
    border: 1px solid #ddd;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

#catalogContainer .catalogueSearchComponent {
    color: #000 !important;
}

#catalogContainer .button:hover {
    background-color: #6f1b2b !important;
}

#catalogueSearchComponentSearchField {
    width: 90%;
    margin-right: 10%;
    padding: 5px 0 3px;
    border: none;
    background: none !important;
}

#catalogueSearchComponentSearchField:focus {
    outline: none
}

#catalogueSearchComponentSearchButton {
    width: 16px;
    height: 16px;
    float: right;
    background: url(custom/contract328/searchbutton.png) no-repeat 2px 2px !important;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    border: none;
    position: absolute;
    top: 1px;
    right: 4px;
    padding: 2px;
}

#catalogueSearchComponentSearchResults {
    width:140px !important;
    top: 100% !important;
    left: 5px !important;
    z-index: 998 !important;
    display:hidden !important;
    overflow: hidden !important;
}

#catalogueSearchComponent68 {
    z-index: 1000 !important;
}


.catalogueSearchComponentForm {
    z-index: 999 !important;
}

#catalogueSearchComponentSearchResults {

}

#catalogueSearchComponentSearchResults a {
    z-index: 997 !important;
}


#catalogueSearchComponentSearchResults a:link, #catalogueSearchComponentSearchResults a:visited, #catalogueSearchComponentSearchResults a {
}

.mainColumn { }

/* 

.breadcrumbComponent {background: #eee;  margin:0px 0 0 10px; width: 685px; height: 30px !important; }
.breadcrumbComponent h4 {display: inline !important;  font-size: 11px !important; float: left !important; margin: 2px 7px 6px 7px !important; width: auto !important; text-transform: none !important;  padding: 0 !important;}
.breadcrumbComponent ul {display: inline !important; padding:  7px 7px 7px 0;  }
.breadcrumbComponent li {display: inline !important; float : left !important; white-space:nowrap !important;  }
.breadcrumbComponent li a:link{display: inline !important; font-size: 11px !important; padding: 0 0 0 10px !important; margin:0 !important; background:url(custom/contract328/raquo.png) no-repeat left 50%; }*/

/*----------------------------

Featured Products 

----------------------------*/

.featuredproductimage a img{
    margin:  0 auto;
    width: 150px !important;
    display: block;
    border: none
}

#featuredproduct27397 {padding-top: 5px !important; border-top: 1px solid #ddd !important;}
.featuredproduct {margin-bottom: 5px !important; padding-bottom: 5px !important; border-bottom: 1px solid #ddd !important;}

.featuredproductlink {font-size: 0.7em !important; margin-top: 5px !important;}

.featuredproductlink a {color: #b41946 !important; font-weight: bold !important;}
/* Special Offers */

.specialOfferComponent  {text-align: right !important; margin: 0 !important; width: 200px !important; max-width: 200px !important; float: left !important;}
.specialOfferComponent h4 {text-align: left !important;}
.specialOfferComponent a {display: block; margin: 0 auto !important; outline:none !important; border: none !important;}

.specialOfferComponent a img {width:200px !important;  outline:none !important; border: none !important;}

/*----------------------------

Supportlink 

----------------------------*/

.supportContainer {display: none !important;}

.breadcrumbcomponent a {
    display: block;
    font-size: 0.7em !important;
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    text-transform: lowercase !important;
}

#productDetailsCatContainer .rightColumn {
    display : none !important;
}

#productDetailsCatContainer .mainColumn {
    width : 770px !important;
    background-color : white !important;
}

#productDetailsCatContainer .maincolumnsection1, #productDetailsCatContainer .maincolumnsection2,#productDetailsCatContainer .maincolumnsection3 {
    width : 100% !important;
    background-color : white !important;
    overflow : visible !important;
}

#productDetailsCatContainer .imagePane {
    width : 460px !important;
    height : 500px !important;
}

#productDetailsCatContainer #imagepaneholder {
    width : 460px !important;
    margin-left : 0.5em !important;
}

#downloadablemediamessage {
    display: block !important;
    -webkit-margin-before: 1em !important;
    -webkit-margin-after: 1em !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px !important;
    font-weight: bold !important;
    margin-top: 3em !important;
    margin-left: 5em !important;
}

.downloadablemediaitem {
    margin-top: 1em !important;
}

.downloadmediaCol {
    text-align:center !important;
}

.downloadmediaCol a {
    margin-right: 3em !important;
    padding-right: 3em !important;
}

#catalogueSearchComponentSearchResults a {
    z-index: 500 !important;
}

/*----------------------------

Pagination 

----------------------------*/

.pagenum {
    background: url(custom/contract328/menubg.png) repeat-x bottom !important;  color: #fff;
    padding: 5px;
    font-size: 0.7em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-weight: bold;
    border-radius: 5px;
}

.pagenum a {color: #fff !important;}

.pagenumcurrent {
    font-size: 0.7em;
    background: #b41946;
    color: #fff;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*----------------------------

New User Registration form 

----------------------------*/

#addNewUser1Container .mainColumnSection1 {
    width: 750px !important;
}

#addNewUser1Container .textInput, .dropDownInput {
    width:200px !important;
    padding: 2px !important;
}

/*----------------------------

Drop-down, input left column width

----------------------------*/

.leftColumn input, .leftColumn select {
    max-width: 165px !important;
}

/*----------------------------

My Profile 

----------------------------*/

.mydetailsform #mydetailsformpart1, .mydetailsform #mydetailsformpart2 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin-top: 20px;
    width: 560px;
    background-color: #fff;
    border: 1px solid #B3B3B3;
    padding: 10px;
    clear: both;
    background: #f0f0f0 !important;
    display: none !important
}

.mydetailsform .submitButton:hover {
    background-color: #6f1b2b !important;
    color: white !important;
}

.mydetailsform .button:hover {
    border : none !important;
    background-color: #6f1b2b !important;
}

.mydetailsform #mydetailsformpart1, .mydetailsform #mydetailsformpart3 {
    display: none !important
}

/*----------------------------

Extra 

----------------------------*/

.catalogueSearchComponent {
    z-index: 1000 !important;
}

#catalogueSearchComponent68 {
    z-index: 1000 !important;
}

/* ---------this puts the search bar behind the innerHistory window------*/
.catalogueSearchComponentForm {
    z-index: 10 !important;
}

#catalogueSearchComponentSearchResults {
    z-index: 998 !important;
}

#catalogueSearchComponentSearchResults a {
    z-index: 997 !important;
}

.logo2 {
    display: none !important;
}

.pane-tab-navigation .categorylink {
    display: none !important;
}

#videoComponent1 .videoComponentVideo {
    width: 150px !important;
}

#videoComponent23 .videoComponentVideo {
    width: 150px !important;
    margin-top: 10px !important;
    padding:0 0px !important;
}


#videoComponent24 .videoComponentVideo {
    width: 150px !important;
    margin-top: 10px !important;
    padding:0 0px !important;
}

#videoComponent21 img {
    border:none !important;
}

#videoComponent22 img {
    border:none !important;
}

#videoComponent23 img {
    border:none !important;
}
#videoComponent24 img {
    border:none !important;
}

#catalogContainer .pageNumbers {
    display:none !important;
}

.currentpagenum {

    background: #b41946 !important;
}

.tab-code {
    font-size: 0.7em !important;
    text-align: left !important;
}

#productDetailsCatContainer .leftColumn {
    width:0px !important;
}

#productDetailsCatContainer .mainColumn {
    width:940px !important;
}

#productDetailsCatContainer div#detailspane {
    clear: both !important;
    width: 460px !important;
}

#productDetailsCatContainer #webform {
    width: 940px !important;
}

#productDetailsCatContainer div#customdetails input {
    width: 250px !important;
}

.instructions {background:url(custom/contract996/icon_info.png) no-repeat 10px 50% #F0F0F0 !important; padding: 10px 10px 10px 60px; margin: 10px 0; color: #b41946 !important; font-style: italic; font-weight: bold;}


#productDetailsCatContainer .instructions {
    display: none !important;
}


#catalogContainer .instructions {
    display:none !important;
}

.errormessage {background:url(custom/contract328/alert_black.png) no-repeat 10px 50% #fff !important; padding: 10px 10px 10px 60px; margin: 10px 0; color: #FF0000 !important; font-style: italic; font-weight: bold;}
.sideBarTitle, .sideBarBackLink {display: none !important;}


.videoComponentVideo .marquee {background: #f0f0f0 !important; height: auto !important; padding: 5px !important;}

.pricebreakstable table{width: 450px !important; border: 1px solid  #b41946; }

.pricebreakstable th {
    font-size: 0.9em;
    color: white;
    padding:3px 5px;
    background-color: #b41946;
    text-align: left;
    height: 20px;
    border: none;
}

.pricebreakstable th#quantityHead {text-align: center;}

.pricebreakstable td {padding: 5px; font-size: 0.8em;}

.processbarnew {
    margin: 15px 0 30px 190px !important;
}

#basketContainer .processbarnew {
    display:block !important;
    background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0px -970px !important;
    width: 420px !important;
    height: 80px !important;
}

/* ---------------------- CHECKOUT PAGE STYLING ---------------------------- */

#checkoutContainer .mainColumnSection1 {
    margin: 0px 0px 0px 79px !important;
}

#checkoutContainer .processbarnew {
    clear:none !important;
    display:block !important;
    background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0px -1057px !important;
    width: 420px !important;
    height: 80px !important;  
}

#checkoutContainer .leftColumnSection1 a:link, #checkoutContainer .leftColumnSection1 a:visited {
    color: blue !important;
    font-style: bold !important;
}  

#checkoutContainer .leftColumn {
    width : 120px !important;
    background-color : #e2e0e0 !important;
    height: 100% !important;
}

#checkoutContainer .leftColumnSection2 {  
    width : 120px !important;
    background-color : #e2e0e0 !important;
    height: 100% !important;
}

#checkoutContainer .rightColumn {
    display: block !important;
    width : 120px !important;
    background-color : #e2e0e0 !important;
    height: 100% !important;
}

#checkoutContainer .rightColumnSection2 {
    width : 120px !important;
    background-color : #e2e0e0 !important;
    height: 138% !important;
}

#checkoutContainer .datatable {
    margin-left: -79px !important;
}

/* Steve adjust size of left buttons on basket page */

#checkoutContainer .button, .submitButton {
    height:  80px !important;
}

#checkoutContainer .mainColumn, #checkoutContainer .mainColumnSection1 {
    width : 940px !important;
    background-color: white !important;
}

#checkoutContainer #DeliveryAddress_details {
    padding-left: 299px !important;
    display: none !important;
}

#checkoutContainer #InvoiceAddress_details {
    padding-left: 299px !important;
    display: none !important;
}

#checkoutContainer #orderTotals {
    margin: 0px 82px 0px 0px !important;
}

label[for="CarriageId"] {
    display:none !important;
}

#checkoutContainer .carriageDetails {
    display:none !important;
}

/* Allan - remove delivery address from Checkout screen */

#checkoutContainer .mainColumnSection1 div#DeliveryAddressRow {

    margin-top: 0.5em !important;
    display: none !important;
}

#checkoutContainer .packHead {
    display: none !important;
}

#checkoutContainer .packCol {
    display: none !important;
}

/* Steve - Multiple order buttons sizes*/

#basketContainer #placeMultipleButton, .button .submitButton {
    height: 30px !important;
    width: 100% !important;
    font-size: 0.6em !important;
}

#basketContainer #multipleAddressesButton, .button .submitButton {
    height: 30px !important;
    width: 100% !important;
    font-size: 0.6em !important;
}

#checkoutTable .thumbnail, #checkoutTable .thumbnailHead,#checkoutTable .actionCol,#checkoutContainer .actionHead { 
    display: none !important;
}

#checkoutTable  .codeCol, #checkoutTable .codeHead, #baskettable  .codeCol, #baskettable  .codeHead {
    text-align: center !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .productCol, #checkoutTable  .productHead, #baskettable  .productCol, #baskettable  .productHead {
    text-align: center !important; padding : 2px !important; border-right : 1px solid white !important;
}
#checkoutTable  .urgentCol, #checkoutTable  .urgentHead, #baskettable  .urgentCol, #baskettable  .urgentHead {
    text-align: center !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .packCol, #checkoutTable  .packHead, #baskettable  .packCol, #baskettable  .packHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .weightCol, #checkoutTable  .weightHead, #baskettable  .weightCol, #baskettable  .weightHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .priceCol, #checkoutTable  .priceHead, #baskettable  .priceCol, #baskettable  .priceHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .qtyCol, #checkoutTable  .qtyHead, #baskettable  .qtyCol, #baskettable  .qtyHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .totalCol, #checkoutTable  .totalHead, #baskettable  .totalCol, #baskettable  .totalHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .quotaCol, #checkoutTable  .quotaHead, #baskettable  .quotaCol, #baskettable  .quotaHead {
    text-align: right !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .quotaActionCol, #checkoutTable  .quotaActionHead, #baskettable  .quotaActionCol, #baskettable  .quotaActionHead {
    text-align: center !important; padding : 2px !important; border-right : 1px solid white !important;
}

#checkoutTable  .vatCodeCol, #checkoutTable  .vatCodeHead, #baskettable  .vatCodeCol, #baskettable  .vatCodeHead {
    text-align: center !important; padding : 2px !important; border-right : 1px solid white !important;
}

#baskettable td.lowstock {
    background-color: #FFD0D0 !important;
}

#baskettable td.lowstock.qtyCol input {
    color : red;
}

/* -------------------------------------------------------------- */

#orderConfirmContainer .leftColumn .rightColumn, .processbarnew {
    clear:none !important;
/* Steve - removes basket icons from top of catalogue page */
    display:none !important;
    background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0px -1185px !important;
    width: 420px !important;
    height: 65px !important;
}

.leftColumn, {
    width: 200px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #6a6d72 !important; /* Steve #6a6d72 is the grey used */
}

.rightColumn {
    width: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #6a6d72 !important; /* Steve #6a6d72 is the grey used */
}

.processbarnew .section1 {
    width: 120px !important;
    float: left !important;
    text-align: center !important;
    margin: 80px -1px 0px 22px !important;
}

.processbarnew .section2 {
    width: 120px !important;
    float: left !important;
    text-align: center !important;
    margin: 80px 7px 0px 9px !important;
}

.processbarnew .section3 {
    width: 120px !important;
    float: left !important;
    text-align: center !important;
    margin: 80px 0px 0px 3px !important;
}

.processbarnew .section1, .processbarnew .section2, .processbarnew .section3 {
    font-style: italic !important;
    font-size: 12px !important;
    font-weight: bold !important;
    clear : none !important;
    text-indent: 0px !important;
}

.processbarnew .current {
    color: #6f1b2b !important;
    clear : none !important;
}

#productDetailsCatContainer .step {
    background: #C10D1D;
    font-size: 14px !important;
    font-weight: bold !important;
    color: white !important;
    width: 27px !important;
    height: 27px !important;
    line-height: 27px !important;
    text-align: center !important;
    display: block !important;
    float: left !important;
    margin-right: 10px !important;
}

#productDetailsCatContainer h2 {
    font-weight: normal !important;
    font-size: 16px !important;
    color: #C10D1D !important;
    margin-bottom: 10px !important;
    text-align: left !important;
    display: block !important;
}

#loginPageContainer .button {
/* Steve amend login button */
    color: white !important;
    font-size: 12px !important;
    height: 19px !important;
    width: 80px !important;
    border: none !important;
    display: none
    line-height: 19px !important;
    text-align: left !important;
    padding-left: none;
    line-height: 0px !important;
    padding: 5px !important;
}

#loginPageContainer .button:hover {
    background-color: #6f1b2b !important;
    color: white !important;
}

#loginPageContainer .mainColumn {
    position: relative;
}

#loginPageContainer .registerButton{
    font-size: 12px !important;
    border: none !important;
    color: white !important;
    background: #b41946 !important;
    height: 19px !important;
    width: 80px !important;
    cursor: pointer !important;
    position: absolute;
    margin-top: 180px;
    margin-left: -174px;
    text-align: left !important;
    text-transform: uppercase !important;
    border-radius: 3px;
}

.userRegistrationForm div.reCaptcha {
    margin: 20px 0px 10px 369px;
}

#userRegistrationContainer #registerButton{
    margin: 0px 0px 0px 33px !important; 
}

#loginPageContainer .headerSecondaryLogo {
    width :500px !important;
    height: 90px !important;
    margin:0 !important;
    background: url(custom/contract996/clugston_logo.png) no-repeat 150px 15px !important;
}

#loginPageContainer .leftColumnSection1 #loginform {
    margin-top: 55px !important;
}

#userRegistrationContainer .leftColumn {
    width: 0px !important;
}

#userRegistrationForm label {
    width: 400px !important;
}

#userRegistrationContainer .userRegistrationForm .pageTitle {
    padding-bottom: 20px !important;
}

#videoComponent4 h4 {
    display:none !important;
}

#videoComponent4 {
    margin-top: 10px !important;
}

#videoComponent1 {
    margin-top: 10px !important;
}
 
#videoComponent5 h4 {
    display:none !important;
}

#catalogContainer .rightColumn {
    width: 0px !important;
    display: none !important;
}

#catalogContainer .mainColumn {
    width: 945px !important;
    background-color: none !important;
}

#catalogContainer .mainColumnSection1,#catalogContainer .mainColumnSection2,#catalogContainer .mainColumnSection3 {
    width: 945px !important;
}

#catalogContainer .leftColumn {
    width: 245px !important;
}

#catalogContainer .categoryTreeComponent {
    color: #000 !important;
}

#catalogContainer .linkContainer {
    color: #000 !important;
}

#catalogContainer .leftColumn a:hover {
    color: #6f1b2b !important;
}

#catalogContainer .pageHeadingTitle {
    margin-right: 18% !important;
}

#catalogContainer .leftColumn a:after {
    content: "";
    display: block;
    width: 0;
    border-bottom: 1px solid;
    margin: 1 auto;
    transition:all 0.3s linear 0s;
}

#catalogContainer .leftColumn a:hover:after {
    width: 90%;
}

.tab-button .orderhistorybutton.isExternalHistoryButton  {
    margin: 0px 0px 0px 70px !important;
    padding: 2px 4px 2px 4px !important;
}

.menuItemBasket {
    display: none !important;
}

#step4 {
    margin-top:20px !important;
}

#step4 input,.button_important, .addtobasketbutton {
    margin-top:0px !important;
}

/*-------Steve remove left panel from order Details page------*/

#orderDetailsContainer .leftColumn {
    width: 0px !important; 
}

#orderDetailsContainer .leftColumnSection1 hr {
    display:none !important;
}

#basketContainer .leftColumn #addmoreitems,#newbasket,#managebaskets {
    display:none !important;
}

#basketContainer .leftColumnSection1 {
    padding-bottom:0px !important;
    padding-top:0px !important;
}

#orderDetailsContainer #orderTotals {
    display: none;
}

#orderDetailsContainer .headerLogo {
    margin: -52px 0px;
}

#orderDetailsContainer .costCentreHead {
    display: none; 
}

#orderDetailsContainer .costCentreCol {
    display: none; 
}

/* ------------------- move buttons on Order Details page - Steve ----------------*/


#orderDetailsContainer .pdfLink .button{
    position: absolute;
    bottom: 30px;
    left: 544px;
    width: 146px;
    font-size: 0.8em !important;
    display: none !important;
}

#orderDetailsContainer .checkboxInput {
    position: absolute;
    bottom: 13px;
    left: 433px;
    width: 20px;
    display: none !important;
}

#orderDetailsContainer .sideBarLink {
    position: absolute;
    bottom: 15px;
    left: 453px;
    width: 45px;
    display: none !important;
}

#orderDetailsContainer .leftColumnSection1 form input[value='Cluster resubmission'] {
    position: absolute;
    bottom: 30px;
    width: 160px;
    left: 535px;
}

div#productDetailsCatContainer table.detailsform tr:nth-child(5) td:nth-child(3), table.detailsform tr:nth-child(6) {
    display: none;
}


#htmlComponent280 {
    position: absolute;
    bottom: 13px;
    left: 96px;
}

#htmlComponent280 h4 {
    display: none;
}

/** Make the order details container the "root" for the Absolute Movement of the buttons**/
#orderDetailsContainer .content {
position: relative;
padding-bottom : 80px !important; 
}

.leftColumnSection1 {
display : block !important; 
}

#orderContainerMoveButtons.css 
#orderDetailsContainer .leftColumnSection1 form {
display : block !important; 
}



/** Target the "Print View" button using :first-child (select Inputs in the first form to be found in the leftColumnSection1) **/
#orderDetailsContainer .leftColumnSection1 form:first-child input {
display: none !important;
z-index: 1000;
width: 170px !important;
position: absolute;
right: 0px; 
bottom : 30px;
background-color : #b41946 !important
}

/** Target the Update button based on the value="Update" attribute, since we are lacking a distinct CSS Class for this item**/
#orderDetailsContainer .leftColumnSection1 form input[value='Save delivery info'] {
display: block;
z-index: 1000;
width: 170px !important;
position: absolute;
right : 0px; 
bottom : 30px;
background-color : #b41946 !important
}

#orderDetailsContainer .leftColumnSection1 form input[value='Edit Order Lines'] {
display: block;
z-index: 1000;
width: 170px !important;
position: absolute;
right: 170px;
bottom: 30px;
background-color: #b41946 !important;
}

#orderDetailsContainer .leftColumnSection1 input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background-color: #6f1b2b !important;
}

#orderDetailsContainer .packHead {
    display: none !important;
}

#orderDetailsContainer .packCol {
    display: none !important;
}

#orderDetailsTable .urgentHead {
    display: none;
}

#orderDetailsTable .urgentCol {
    display: none;
}

#orderInvoiceAddress {
    display: none !important;
}

/* ------------------- End - move buttons on Order Details page - Steve ----------------*/

/* Steve adjust size of left buttons on basket page */
#basketContainer .button, .submitButton {
    height:  80px !important;
}

#basketContainer .leftColumn hr {
    display:none !important;
}

#basketContainer .leftColumnSection2 {
    padding-bottom:0px !important;
    padding-top:0px !important;
/* Allan setup for Update Basket Icon */
}

#basketContainer .leftColumnSection2, .updateBasketButton {
    width: 140px;
    font-size: 0.7em;
    border: none !important;
    color: white;
    height: 22px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

/** Jdowney FancyBox Zoom options **/
.fancyZoomButtonIn {
    width: 32px !important;
    height: 32px !important;
    float: right !important;
    margin-right : 16px;
    background: url(custom/contract328/searchbutton.png) no-repeat 8px 8px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    border: 1px solid #6f1b2b;
    padding: 2px!important;
    background-color : white !important;
}

.fancyZoomButtonOut {
    width: 32px !important;
    height: 32px !important;
    float: right !important;
    margin-right : 16px;
    background: url(custom/contract328/searchbutton.png) no-repeat 8px 8px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    border: 1px solid #6f1b2b;
    padding: 2px!important;
    background-color : #E0E0E0 !important;
}

#fancyboximage-title {
    background-color : white !important;
}

.ui-datepicker-trigger {
    color : white !important;
    background-image :url(custom/contract996/calendar2.png) !important;
    background-repeat:no-repeat !important;
    text-indent: -9999px !important;
    width : 16px !important;
    height : 16px !important;
    border : 0px none !important;
    margin-left: 10px !important;
    background-color : transparent !important;
}

#productDetailsCatContainer .feedback .invalid {
    background-image : url(custom/contract996/error_icon.png) !important;
    background-repeat:no-repeat !important;
    width : 15px !important;
    height : 15px !important;
}

#productDetailsCatContainer div#customdetails textarea, #productDetailsCatContainer div#customdetails input {
    width : 300px !important;
}

.videocomponentvideo .marquee {
    background: none !important;
}

/*---------Edit of Chili editor interface to increase space------------*/

#productDetailsCatContainer #chiliNavigationToolbar.right {
    width: 180px !important;
}

div#productDetailsCatContainer.chili{
    height: 940px !important;
}

div#productDetailsCatContainer.chili div#externalFrameContainer.right {
    margin: 0px 0px 0px -90px !important;
    background-color: #ffffff !important;
}

div#productDetailsCatContainer.chili div#externalFrameContainer{
    height: 840px !important;
}

#productDetailsCatContainer #externalFrameResizer {
    width: 1110px !important;
}

div#chiliNavigationToolbar.right div.orderTools {
    width: 175px !important;
}

div#chiliNavigationToolbar.right {
    margin-right: -335px !important;
    margin-top: -900px !important;
    padding: 30px 30px 0px 15px !important;
}

div#productDetailsCatContainer.chili div#externalFrameResizer, div#productDetailsCatContainer.chiliAdmin div#externalFrameResizer {
    height: 840px;
}

/*---------Edit of Chili editor interface to increase space------------*/

div.orderTools div#module_Options div.optionRow div.optionContent {
    margin: 0px 5px 0 2px;
}

div#productDetailsCatContainer.chili div.orderTools button.chiliOrderTool {
    width: 175px !important;
    padding: 0.25em 25px !important;
}

#basketTotalsExVatMessage {
    display: none !important;
}

#basketTotalPrice {
    font-size: 1.4em !important;
    color: #b41946 !important;
}

#homeContainer .leftColumn img {
    border: none !important;
}

#homeContainer .leftColumn {
/*steve change - left column 0px hides*/
    width: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #ffffff !important; /* Steve #ffffff is the white used */
}
 
#homeContainer .mainColumn {
    width: 1200px !important;
    padding: 10px 0px 0px 0px !important
}

#homeContainer .htmlComponentHtml {
    margin-top: -18px !important;
}

#homeContainer .SubmitButton {
    height:  20px !important;
    width: 12% !important;
    background-color : #b41946 ;
    background-image : none;
    color : white;
/*  text-transform : uppercase; */
    font-weight : bold;
    border: none;
}

#homeContainer #sdButton {
    position: relative;
    top: 2px;
    left: 375px;
    width: 105px !important;
    padding-top: 5px;
    padding-bottom: 0px !important;
    padding-left: 25px;
}

#homeContainer #sdButton a {
    color: #ffffff !important;
}

#homeContainer #sdButton:hover {
    background-color: #6f1b2b !important
}

#homeContainer #importButton {
    position: relative;
    top: 10px;
    left: 850px;
    width: 110px !important;
    padding-top: 5px;
    padding-bottom: 0px !important;
    padding-left: 20px
}

#homeContainer #importButton a {
    color: #ffffff !important;
}

#homeContainer #importButton:hover {
    background-color: #6f1b2b !important
}

#homeContainer #importButton1 {
    position: relative;
    top: 19px;
    left: 692px;
    width: 105px !important;
    padding-top: 5px;
    padding-bottom: 0px !important;
    padding-left: 25px;
}

#homeContainer #importButton1 a {
    color: #ffffff !important;
}

#homeContainer #importButton1:hover {
    background-color: #6f1b2b !important
}

#homeContainer #importButton2 {
    position: relative;
    top: 29px;
    left: 534px;
    width: 107px !important;
    padding-top: 5px;
    padding-bottom: 0px !important;
    padding-left: 23px;
}

#homeContainer #importButton2 a {
    color: #ffffff !important;
}

#homeContainer #importButton2:hover {
    background-color: #6f1b2b !important
}

/*Change colour of Cancel Initiative Button*/
#homeContainer input[name="Cancel Initiative"] {
        background: red;
}


.formfooter {width: 400px; height: 25px !important; position: relative; margin: 10px 0 !important; text-align: left !important}

#homeContainer .mainColumn .componentItem .mainColumnSection1 .mainColumnSection2 .mainColumnSection3 {margin-bottom: 20px !important;}
.mainColumnSection1 {width: 1200px !important; margin: 0px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#homeContainer .mainColumn .componentItem .mainColumnSection1 .mainColumnSection2 .mainColumnSection3 {margin-bottom: 20px !important;}
.mainColumnSection2 {width: 1200px !important; margin: 0px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#homeContainer .mainColumn .componentItem .mainColumnSection1 .mainColumnSection2 .mainColumnSection3 {margin-bottom: 20px !important;}
.mainColumnSection3 {width: 1200px !important; margin: 0px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

/*************************************************************************************************************/
/** J.Downey 2015-02-24 : Split the MainColumn 3 into a 600px block and a 300px block **/
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Left {
    width : 600px !important; float : left !important; display : block !important;}
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Right {
    width : 300px !important; float : right !important; display : block !important;}

/** Force Video Components in each section to the correct widths **/
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Left div.videoComponent, 
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Left div.videoComponent div.videoComponentVideo {
    width : 600px !important; height : 320px !important; display : block !important; margin : 0 0 1.5em 0 !important;}

div#homeContainer div.mainColumnSection3 div.mainColumnSection3Right div.videoComponent, 
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Right div.videoComponent div.videoComponentVideo {
    width : 300px !important; height : 320px !important; display : block !important;  margin : 0 0 1.5em 0 !important;}

/** Give images in the right hand side a bit of a margin **/
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Right div.videoComponent img {
    margin : 0 0 0 65  !important; border : 0px !important;}

/** Customize the iframes. 275 means 1 row of boxes appears initally **/
div#homeContainer div.mainColumnSection3 div.mainColumnSection3Left div.videoComponent iframe {
    width : 600px  !important; height : 275px !important; border : none 0px !important; } 
/** END JD Changes **/
/*************************************************************************************************************/

#homeContainer .rightColumn {
/*steve change - left column 0px hides*/
    width: 0px !important;
    padding: 5px !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #ffffff !important; /* Steve #ffffff is the white used */
}

/*steve change - change background colour of Razuna boxes*/
#homecontainer .assetbox {
    background: #b41946 !important
}

#homecontainer .videoComponent {
    margin: 0px 150px !important;
}

/*----- Steve Add Approval Table ------ */

#homeContainer #ordersAwaitingApprovalComponent3314 {
    display:block !important;
}

#homeContainer #ordersAwaitingApprovalComponent3316 {
    display:block !important;
}

#orderHistoryContainer .pageHeading {
    display: none !important;
}

#orderHistoryContainer
.mainColumnSection1 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#orderHistoryContainer
.mainColumnSection2 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#orderHistoryContainer
.mainColumnSection3 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#orderHistoryContainer .leftColumn {
    width: 230px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #e2e0e0  !important;
}

#orderHistoryContainer .orderHistorySideStatus {
    color: #fff !important;
}

#orderHistorySideSearch {
    margin-bottom: 1.5em !important;
}

#orderHistoryContainer .rightColumn {
    width: 0px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #6a6d72  !important; /* Steve #6a6d72  is the grey used */
}

/* Steve adjust size of left buttons on history page */
#orderHistoryContainer .submitButton {
    height:  20px !important;
    width: 30px !important;
    position: relative;
    top: 0px;
    left: 5px;
    border-radius:999px;
}

#orderHistorySideSearchButton {
    position: relative;
    top: 14px;
    left: 0px;
}

#orderHistorySideStatusButton {
    float: right !important;
    position: relative !important;
    top: 17px !important;
    left: 0px !important;
}

#orderHistorySideSearchIdButton {
    float: right;
    position: relative;
    top: 14px;
    left: 0px;
}

#orderHistoryContainer .loadBasketButton:hover {
    background-color: #6f1b2b !important;
}

#orderHistoryContainer .pageNumbers {
    display: none !important;
}

#orderHistoryContainer #videoComponent27 {
    width: 200px !important;
}

#orderHistoryContainer .videoComponentVideo {
    width: 200px !important;
    margin-top: 50px !important;
}

#orderHistoryContainer #videoComponent27 h4 {
    display:none !important;
}

#orderHistoryContainer #videoComponent27 img {
    border: none !important;
}

#orderHistoryContainer #updateBasketButton {
    display: none !important;
}

#orderHistoryContainer .savebasketbutton {
    display: none !important;
}

#orderHistoryTable .totalHead {
    display: none;
}

#orderHistoryTable .totalCol {
    display: none;
}

#orderHistoryContainer #orderHistoryTable .orderdateCol {
    text-align: left !important;
}

#orderHistoryContainer #orderHistoryTable .buyerCol {
    text-align: left !important;
}

#basketManagementContainer .leftColumn {
    width: 0px !important;
}

.basketTools #savebasketbutton {
    display:none !important;
}

#basketNameContainer .submitButton:hover{
    color: #fff !important;
    background-color: #6f1b2b !important;
}

/* ---------Style innerHistory window------*/

#historysearchform {
    background-color: #e2e0e0 !important;
}

#pageFlexOrderHistoryTable th{
    background-image: none !important;
}

div#historydetails {
    /* position: relative; */
    height: 600px;
    overflow-x: hidden;
}

div#innerhistorycontainer .pageNumbersWrapper {
    float: none;
    position: absolute;
    bottom: 5px;
    width: 180px;
    left: 340px;
    padding: 0px;
}

div#innerhistorycontainer .pageNumberDetails {
    position: absolute;
    bottom: 20px;
    left: 390px;
    padding : 0px;
}

div.historyfooter {
    border-top : 1px solid #e0e0e0
}

div.historyfooter input.button {
    display : block;    
    float : right;  
    margin-right : 32px;
}

#innerhistorycontainer .topheader {
    background-image: none !important;
    background-color: #b41946 !important;
}

#innerhistorycontainer .topheader {
    background-image: none !important;
    background-color: #b41946 !important;
}

div.historycontainer{
display: none;
width: 872px !important;
height: 671px !important;
margin: 22px 0px 0px 494px !important;
}

/* ---------Style innerHistory window------*/

/*.breadcrumbComponent ul li.nodeDepth1  {display:none !important; }*/

#catalogContainer .pageHeading {
    display: none !important;
}

.errorLayer {
    background: #D6D6D9 !important;
    margin: 10px 0 !important;
    color: #b41946 !important;
    font-style: italic !important;
    font-weight: bold !important;
}

#myDetailsContainer .leftColumnSection1 .button {
    color: white !important;
}

/*Steve My details main column width */
#myDetailsContainer
.mainColumnSection1 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#myDetailsContainer 
.mainColumnSection2 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#myDetailsContainer 
.mainColumnSection3 {width: 960px !important; overflow: hidden; margin-bottom:0 0 0 0 !important; display: block !important; padding:  0 !important;}

#myDetailsContainer .leftColumn {
/*steve change - left column 0px hides*/
    width: 110px !important;
    padding: 0 !important;
    margin: 0 !important;
/*steve change - left column*/
    background: #ffffff !important; /* Steve #ffffff is the white used */
}

/* Steve adjust size of centre buttons on Mydetails page */

#myDetailsContainer .menu {
    background: #fff !important;
}

#myDetailsContainer .mainColumn{
    width: 1080px !important;
}

#myDetailsContainer .button, .submitButton {
    width: 140px !important;
    height: 20px !important;
    font-size: 0.7em;
    color: white;
    background: #b41946;
    height: 22px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 0px !important;
    border-radius:999px;
}

#myDetailsContainer .changePasswordButton {
    width: 140px !important;
    height: 20px !important;
    font-size: 0.7em;
    color: white;
    background: #b41946;
    height: 22px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 3px;
    text-transform: uppercase;
}

#mydetailsform .button:hover {
    background-color: #6f1b2b !important;
}

a.nextLink, a.nextLink:visited, a.nextLink:hover {background:url(custom/contract996/Ai_Sprite1.png) no-repeat -240px -146px; width: 55px;  padding:4px 3px; display: block;  height: 12px; font-size: 12px; font-weight: bold; color: #fff !important; text-align: center; border-radius: 999px;}

a.previousLink, a.previousLink:visited, a.previousLink:hover {background:url(custom/contract996/Ai_Sprite1.png) no-repeat -323px -146px; width: 60px;  padding:3px 5px; display: block;  height: 12px; font-size: 11px; font-weight: bold; color: #fff !important; border-radius: 999px;}


.ie .nextLink {
    height: 18px !important;
}

.ie .previousLink {
    height: 18px !important;
}

#customDataContainer .customdataform th {
    background-color : #868689 !important;
    background-image : none !important;
}

#customDataContainer .customdataform tr.row1 {
    background-color : #EEE !important;
    background-image : none !important;
}

.pricebreakstable th {
    border:1px solid red !important; 
}

.pricebreakstable #quantityStartHead,#qualityEndHead,#quantityHead, #priceHead, #urgentHead,#deliveryDaysHead,  #urgentCol, #deliveryDaysCol {
    text-align: center !important;
} 

#DeliveryAddressRow label {
    padding: 5px 0;
    background: url(custom/contract996/icon_bus.png) no-repeat 80px 50%;
}
 
#InvoiceAddressRow label {
    padding: 5px 0;
    background: url(custom/contract996/icon_financing.png) no-repeat 70px 50%;
}

#basketcontainer #basketmessage, #orderConfirmText {
    display: inline; width: auto !important; margin: 0 0 10px 191px !important; color: #b41946 !important; font-style: italic !important; 
    text-align: left; float: left;  background: url(custom/contract996/icon_info.png) no-repeat 10px 50% #F0F0F0; padding: 10px 10px 10px 35px !important; font-size: 0.9em;
}

.breadcrumbComponent {margin-bottom: 0 !important;}

#checkoutButton, #completeOrderButton {background: url(custom/contract996/Icon_next_step.png) no-repeat top center !important; padding: 38px 0px 0px 0px; text-align: center; width: 80px; color:#b41946 !important; margin: 0px 0 !important; font-size: 0.6em !important }

#completeOrderButtonCreditCard {background: url(custom/contract996/Icon_next_step.png) no-repeat top center !important; padding: 30px 0 0 0; text-align: center; width: 80px; color:#69b531 !important; margin: 0px 0 !important; font-size: 0.6em !important; position: absolute !important; width: 120px !important; top: 40px !important; left: 1081px !important;}

#checkoutContainer #saveBasketButton {background: url(custom/contract996/save_basket.png) no-repeat top center !important; padding: 27px 0 0 0; text-align: center; width: 100px !important; color:#b41946 !important; margin: 0px 0 !important; font-size: 0.6em !important; border: none !important; }

#adjouterButton {background: url(custom/contract996/cont_shop.png) no-repeat top center !important; padding: 27px 15px 0px 0px; text-align: center; width: 100px !important; color:#b41946 !important; margin: 10px 0 !important; font-size: 0.6em !important }

#basketContainer #saveBasketButton {background: url(custom/contract996/save_basket.png) no-repeat top center !important; padding: 25px 0 0 0; text-align: center; width: 100px !important; color:#b41946 !important; margin: 60px 0px 0px -20px !important; font-size: 0.8em !important; border: none !important; }

#checkoutButton:hover, #adjouterButton:hover, #saveBasketButton:hover, #completeOrderButton:hover {border: none !important; color: #b41946 !important;}

#orderconfirmtable div {padding-bottom: 8px !important; display: block; padding-left: 435;}

#checkoutContainer div.content {
    position : relative !important;} 

#checkoutContainer #completeOrderButton {
    position : absolute !important; width : 120px !important; top : 40px !important; left : 1081px !important;}
    
#checkoutContainer #updateBasketButton {
    display: none !important;
}

#checkoutContainer .oneOffBasketTop {
    display: none !important;
}

/* Order confirm page steve */


#orderConfirmContainer .leftColumnSection1 a:link, #orderConfirmContainer .leftColumnSection1 a:visited {
    color: blue !important;
    font-style: bold !important;
}

#orderConfirmContainer .leftColumn {
    width : 160px !important;
    background-color : #fff  !important;
    height: 100% !important;
}

#orderConfirmContainer .leftColumnSection2 {
    width : 160px !important;
    background-color : #fff !important;
    height: 100% !important;
}

#orderConfirmContainer .rightColumn {
    width : 120px !important;
    background-color : #fff !important;
    height: 100% !important;
}

#orderConfirmContainer #orderConfirmTable {
    margin-left: -8em !important;

}

/* Steve adjust size of left buttons on basket page */

#orderConfirmContainer .mainColumn, #orderConfirmContainer .mainColumnSection1 {
    width : 960px !important;
    background-color: white !important;
}

/*order confirm steve ends here */

#orderconfirmtable label {
    color: #b41946 !important;
    width: 200px !important;
    margin: 0 20px 0 0 !important;
    text-align: left !important;
}

/* Service Desk */

div#productDetailsCatContainer.rtq .imageContainer img, div.productRequestComponent .imageContainer img {
    display: none !important;
}

div#productRequestFormRoot input, div#productRequestFormRoot select, div#productRequestFormRoot textarea {
    position: relative;
}

#productRequestFormRoot textarea[name="none_option_3291"] {    
    display: flex !important;
}

#productRequestFormRoot #fileUploadSubmitButton {
    display: none !important;
}

/* ------------------------------------------------------------------------------------------------------ */

.printOrderLink a {
    width: 50px !important;
    height: 45px !important; 
    margin-left: 550px !important;
    display: block !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    background: url(custom/contract328/ico_print.png) no-repeat top left #fff !important;
}

.datatable .totalCol, #orderTotalsPrice, #orderTotalPriceCarriage, #orderTotalPriceTotal, #orderTotalsExMessage, #orderTotalPriceVat {
    color: #000 !important;
}

#orderLineCount {
    color: #fff !important;
    font-size: 0.7em !important
}

#InvoiceAddressRow {
    margin-bottom: 15px !important;
    display: none !important;
}

#basketNameButton .submitButton {
    background: #b41946 !important; width: 30px !important; height: 22px !important; font-size: 0.8em !important; border: none !important;
}

#catalogContainer .pane-tab-navigation {display:block;}
#catalogContainer .pageHeading {display:none;}
#catalogContainer .pageHeadingNew {display:block;}
#catalogContainer .pageNumbers {display:none;}
#catalogContainer .pageNumbersNew {display:block;}

#orderHistoryContainer .pageHeading {display:none;}
#orderHistoryContainer .pageHeadingNew {display:block;}
#orderHistoryContainer .pageNumbers {display:none;}
#orderHistoryContainer .pageNumbersNew {display:block;}

#catalogContainer  .datatable th {
    height: 38px !important;    
    margin: 0 !important;
    background-color: #b41946 !important;
    color : white !important;
    text-transform:uppercase !important;
    border : none !important;
    font-size: 0.7em !important; /*to make uppercase smaller*/
}

#catalogContainer #catalogTable td.packCol, #catalogContainer #catalogTable td.qtyCol, #catalogContainer #catalogTable td.weightCol, #catalogContainer #catalogTable td.priceCol, #catalogContainer #catalogTable td.stocklevelCol{
    text-align: left !important;
}

#catalogContainer #catalogTable .thumbnailHead {
    display: none !important;
}

#catalogContainer #catalogTable .thumbnailCol {
    display: none !important;
}
/*
#catalogContainer #catalogTable .costCentreHead {
    display: none !important;
}

#catalogContainer #catalogTable .costCentreCol {
    display: none !important;
}*/

#catalogContainer #catalogTable .packHead {
    display: none !important;
} 

#catalogContainer #catalogTable .packCol {
    display: none !important;
}

#catalogContainer #mainColumnSection1ComponentTop {
    height:0px !important;
}

#catalogContainer #catalogTable .favouriteHead {
    display: none !important;
}

#catalogContainer #catalogTable .favouriteCol {
    display: none !important;
}

.fancyzoombuttonin {
    background: url(custom/contract328/zoom.png) no-repeat 8px 8px !important;
    color: white !important;
    width:55px !important;
    height:55px !important;
    border: none !important;
    margin-right:16px !important;
}

#customDataContainer #saveandpreviewbutton {
    display: none !important;
}

#customDataContainer .customdataform {
    width: 600px !important;
}

#orderHistorySideSearchSection2 span {
    display: none !important;
}

#orderHistorySideSearchSection2 .checkboxInput {
    display: none !important;
}

#orderHistorySide {
    border: none;
}

#catalogContainer .categoryTreeComponent {font-size:1em !important;}

#basketContainer #basketTable .viewActionHead, #basketTable .viewActionCol, #basketTable .editActionHead, #basketTable .editActionCol, #basketTable .deleteActionHead, #basketTable .deleteActionCol {
}

.breadcrumb {
    display: none !important;
}

#customDataContainer #cancelbutton {
    display: block !important;
}

#recipientloadinput .submitbutton {
    background: url(custom/contract996/ico_ul.png) no-repeat left 50% white;
    color: #b41946;
    padding: 0 0 0 20px !important;
    font-size: 0.8em;
    margin: 0 0 0 10px !important;
    border: none !important;
    width: auto !important;
    font-weight: bold !important;
    display: inline-block !important;
}

.personaliseprocessbar {
    display:block !important;
    width: 450px !important;
    height: 70px !important;
    clear: both !important;
}

.personaliseprocessbar .section1 {
    width: 80px !important;
    float: left !important;
    text-align: center !important;
    padding: 50px 0px 0px 0px !important;
    background: url(custom/contract996/personalisestep1faded.png) no-repeat 20px 0px !important;
}

.personaliseprocessbar .section1current {
    background: url(custom/contract996/personalisestep1.png) no-repeat 20px 0px !important;
    color: #b41946 !important;
    clear: none !important;
}

.personaliseprocessbar .section2 {
    width: 80px !important;
    float: left !important;
    text-align: center !important;
    padding: 50px 0px 0px 0px !important;
    background: url(custom/contract996/personalisestep2faded.png) no-repeat 20px 0px !important;
}

.personaliseprocessbar .section2current {
    background: url(custom/contract996/personalisestep2.png) no-repeat 20px 0px !important;
    color: #C10D1D !important;
    clear : none !important;
}

.personaliseprocessbar .section3 {
    width: 80px !important;
    float: left !important;
    text-align: center !important;
    padding:50px 0px 0px 0px !important;
    background: url(custom/contract996/personalisestep3faded.png) no-repeat 20px 0px !important;
}

.personaliseprocessbar .section3current {
    background: url(custom/contract996/personalisestep3.png) no-repeat 20px 0px !important;
    color: #C10D1D !important;
    clear : none !important;
}

.personaliseprocessbar .section1, .personaliseprocessbar .section2, .personaliseprocessbar .section3, .personaliseprocessbar .divider {
    font-style: italic !important;
    font-size: 12px !important;
    font-weight: bold !important;
    clear : none !important;
}

.personaliseprocessbar .current {
    color: #C10D1D !important;
    clear : none !important;
}

.personaliseprocessbar .divider {
    width: 80px !important;
    float: left !important;
    text-align: center !important;
    /* margin:50px 6px 0px 0px !important;*/
    background: url(custom/contract328/arrow.png) no-repeat 5px 0px !important;
    height: 60px !important;
}

#step1 .step,h2,#step1Label {
    display: none !important;
}

#step2 .step,h2,#step2Label {
    display: none !important;
}

#step3 .step,h2,#step3Label {
    display: none !important;
}

.backtocataloguebutton {
    float: left !important;
    margin-bottom: 10px !important;
}

.nextstepbutton {
    float: right !important;
}

.previousstepbutton {
    float: left !important;
}

#step2 .previewButton {
    float: right !important;
}

#step3 .addtobasketbutton2 {
    float: right !important;
    position: inherit;
    left: 53px;
    text-transform: uppercase;
}

#imagepaneholder .previewButton {
    display: none !important;
}

.addToBasketNote {
    font-size: 0.7em !important;
    font-style: italic !important;
    width: 280px !important;
    display: block !important;
    color: #C10D1D !important;
    float: right !important;
    clear: both !important;
    padding:5px 20px 0 0 !important;
}

#productDetailsCatContainer #masterPane {
    width: 100% !important;
}

#productDetailsCatContainer #customDetails .labelCol {
    width: 120px !important;
}

#productDetailsCatContainer .mainColumnSection1 {
    width: 940px !important;
}

label[for="Quantity"] {
    display:none !important;
}

label[for="Close Date"] {
    display:none !important;
}

#productDetailsCatContainer #productdetails_extendedquantity {
    display: none !important;
}

#productDetailsCatContainer .quantityForm {
    display: none !important;
}

#productDetailsCatContainer #costcentre {
    display: none !important;
}


/* -------------- Settings for Basket ---------------- */

/** Basket Screen invalid rows styling **/
#basketContainer .invalidBasketLine * { color : red !important;  font-style : italic  !important; }
#basketContainer .invalidBasketLine .validationCol a, #basketContainer .invalidBasketLine .validationCol a:link, #basketContainer .invalidBasketLine .validationCol a:visited { 
    background: url(custom/contract996/icon_info.png) no-repeat 0px 0px; text-indent: -1999px;  overflow: hidden; display : block; width : 18px; height : 18px;
}

.basketValidationMessage .basketValidationTools { text-align : center; margin-left : auto; margin-right: auto;width: 100px;}
.basketValidationMessage span{width: 35px; height: 25px; margin : 5px;  }

.basketValidationMessage span.viewActionCol a {width: 25px; height: 15px; overflow: hidden; display: block; float : left; text-indent: -9999px; background:url(custom/contract996/ico_search.png) no-repeat; margin: 5px;}
.basketValidationMessage span.editActionCol a {width: 25px; height: 15px; overflow: hidden; display: block; float : left; text-indent: -9999px; background:url(custom/contract996/ico_maint.png) no-repeat; margin: 5px;}

/* Disabled to allow for column by column defaults
#basketContainer #basketTable .codeHead, .productHead, .datareferenceHead, .packHead, .urgentHead, .priceHead, .qtyHead, .extendedqtyHead, .totalHead, .actionHead {
    text-align: center !important;
} */

#basketContainer div.content {
    position : relative !important;
} 

#basketContainer .thumbnail, #basketContainer .thumbnailHead, #basketContainer .packHead, #basketContainer .packCol, #basketContainer .actionCol, #basketContainer .actionHead { 
    display: none !important;
}

#basketContainer #orderLineCount {
    display: none !important;
}

#basketContainer .codeCol {
    font-size: 0.6em !important;
}

#basketContainer #basketTable th {
    border: 1px white solid !important;
    /*padding-left: 4px !important;*/
    /*padding-right: 4px !important;*/
    padding-left: 2px !important;
    padding-right: 2px !important;
}

#basketContainer #updateBasketButton {
    width: 100px !important;
    height: 20px !important;
    font-size: 0.6em !important;
}

#basketContainer #editLink {
    display: none !important;
}

#basketContainer #basketTable th {
    font-size: 0.7em !important;
}

#basketContainer #orderLineCount {
    display: none !important;
}

#basketContainer .codeCol {
    font-size: 0.6em !important;
}

#basketContainer #basketTable th {
    border: 1px white solid !important;
    /*padding-left: 4px !important;*/
    /*padding-right: 4px !important;*/
    padding-left: 2px !important;
    padding-right: 2px !important;
}

#basketContainer .leftColumn {
    width : 120px !important;
    background-color : #e2e0e0 !important;
    height: 100% !important;
}

#basketContainer .leftColumnSection1 {
    border: none !important; margin: 50px 0 0 -10px !important; padding: 0 !important; 
}

#basketContainer .leftColumnSection2 {
    border: none !important; margin: 50px 0 0 0 !important; padding: 0 !important;
}

#basketContainer .rightColumn {
    width : 120px !important;
    float : right !important; display : block !important;
    background-color : #e2e0e0 !important;
    height: 100% !important;
}

#basketContainer .mainColumn {
    width: 950px !important;
    background-color : white !important;
    height: 100% !important;
    overflow: auto;
}

#basketContainer .maincolumnsection1, #basketContainer .maincolumnsection2,#basketContainer .maincolumnsection3 {
/* Steve change width of basket container main column */
    width : 942px !important;
    background-color : white !important;
    overflow : visible !important;
}

#basketContainer #checkoutButton {
    position : absolute !important; width : 120px !important; top : 40px !important; left : 1081px !important;}

#basketContainer  #manageBasketButton {
    display: none !important;
}

#basketContainer #newBasketButton {
    display: none !important;
}

#basketContainer .leftColumnSection2 h4 {
    display: none !important;
}

#cancelOrderEditButton.button{
    margin: 0.3em 0px 0.3em 8px !important;
    width: 100px !important;
    height: 28px !important;
}

#basketContainer .ErrorLayer {
    width: 107px !important;
}

#basketContainer .costCentreHead {
    display: none; 
}

#basketContainer .costCentreCol {
    display: none; 
}

#basketManagementContainer .mainColumnSection1 {
    width: 942px !important;
}

/* ---------------------- end of Basket--------------------------------- */

#reportInputButton {
    padding-top: 0px !important;
}

#reportInputButton .submitButton {
    background:url(custom/contract996/ico_next.png) no-repeat right 50% #fff;
    color: #b41946;
    padding:5px 20px 5px 5px !important;
    font-size: 0.8em;
    margin: 16 0 0 10px !important;
    width: auto !important;
    display: inline !important;
    border: none !important;
}

#reportInputButton .submitButton:hover {
    border: none !important;
    background-color: #ffffff !important;
    color: #b41946 !important;
}

td.report3TableHead {
    background-color: #b41946 !important;
}

#report3Container .instructions {
    color: white !important;
}

#report3Container .button{
    color: white !important;
}

.ie #reportInputButton .submitButton {
    padding: 0 0px 0 0 !important;
    margin: 0 !important;
}

#report3Container .button {
    color: white !important;
    position: absolute !important;
    min-width: 16px !important;
    padding:  0px 0px 0px 0px !important;
    top: 134px;
    left: 280px !important;
}

#report3Container #report3NewLink {
    color: white !important;
    position: absolute !important;
    min-width: 16px !important;
    padding: 3px 10px 5px 10px !important
    top: 124px;
    left: 771px !important;
    background-color: #b41946 !important;
    width: 100px !important;
    text-align: center !important;
    border-radius: 3px;
    text-transform: uppercase;
    border-radius: 999px;
    font-weight: bold;
}

#report3Container #report3NewLink a {
    color: white !important;
}

#report3Container #report3PrintButton .button {
    color: white !important;
    position: absolute !important;
    min-width: 16px !important;
    padding:  0px 0px 0px 0px !important;
    top: 134px;
    left: 639px !important;
}

#reportMessage {
    padding:0 0 0 0!important;
}

#DeliveryAddress_adhoc label {
    padding: 1px 0px;
    background: none repeat scroll 0% 0% transparent;
}

/* ------ Steve adjust table width on import page -----*/
#importTypeAdminContainer .mainColumn {
    width: 1000px !important;
}

#importTypeAdminContainer .mainColumnSection1 {
    width: 100% !important;
}

#importTypeAdminContainer .ui-state-default a:hover {
    color:#6f1b2b !important;
}

#importTypeAdminContainer .ui-state-active a:link {
    color:#b41946 !important;
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #878787 !important;
}

#reportFormFields select[data-id="72"] {
    font-size: 12px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
    width: 500px;
    min-height: 400px;
}

/*-----------Allan budget panel config------------*/

#budgetComponent3645 {
    width: 230px !important;
    background: none !important;

}

#orderDetailsContainer .budgetComponent3645 {
    width: 230px !important;
    background: none !important;

}

#orderDetailsApprovalToolsRoot button.button:nth-child(3) {
    background-color: #ff8c00 !important;
}

#budgetComponent3645 .budgetLabels, .budgetValues {
    text-align: left !important;
    color: #b41946 !important;
}

#budgetComponent3645 .budgetHeader { 
    background: url(custom/contract996/Ai_Sprite1.png) no-repeat 0 0 !important;

}