/* -- Monu css override v64 -- Copyright 2014-2018 Nick Lambert -- */

/* ------------------------------------------  PAGE   ------------------------------------------------ */

body { 
  background: none;           /* remove the ThemeOne default top-colour.gif that runs along the top by default */
  background-color: #FFF;     /* change background to black */
  background: #fff;*/ /* Old browsers */
  /* background: -moz-linear-gradient(top, #fff 0%, #fff 190px, #FFFFFF; 190px, #FFFFFF; 100%); * FF3.6+ */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(190px,#fff), color-stop(190px,#FFFFFF;), color-stop(100%,#FFFFFF;)); * Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top, #fff 0%,#fff 190px,#FFFFFF; 190px,#FFFFFF; 100%); * Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top, #fff 0%,#fff 190px,#FFFFFF; 190px,#FFFFFF; 100%); * Opera 11.10+ */
  /* background: -ms-linear-gradient(top, #fff 0%,#fff 190px,#FFFFFF; 190px,#FFFFFF; 100%); * IE10+ */
  /* background: linear-gradient(to bottom, #fff 0%,#fff 190px,#FFFFFF; 190px,#FFFFFF; 100%); * W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#FFFFFF;',GradientType=0 ); * IE6-9 */
  font-family: Arial, Helvetica;
}

/* ------------------------------------------  TOPMOST ROW  ------------------------------------------------ */

/* #toprow { background-color: #FFFFFF; height: 34px; margin: 0 0px; width: auto; margin-bottom: 30px; border-bottom: 1px solid #555555; } */
#toprow {
  /*background-color: #FFFFFF;*/
  height: 34px;
  margin-bottom: 36px;
  border-bottom: 1px solid #555555;

}
.topbar { 
  height: 0px;
}

/* ------------------------------------------  LOGO ROW  ------------------------------------------------ */

/*
#logorow {
    background: #FFF;
    margin: auto;
    width: 100%;
} */

/* ----------------------------------  TOP RIGHT CORNER ADMIN LINKS ---------------------------------------- */

.adminmenu li { border-right: 1px solid #FFFFF; padding: 0 5px; }
.adminmenu li:last-child { border: medium none; }

.adminlinks { background: none; margin-top: 5px; margin-right: 5px; padding: 5px; border-top:none; font-size: 13px; font-weight: normal; color: #FFFFF; }
.adminlinks a:link, .adminlinks a:visited { color: #666666;}
.adminlinks a:hover { text-decoration: none; }


/* -------------------------------------------  SHOPPING CART  --------------------------------------------- */

.minishoppingcarticon img {
  display: none; /* Hide default icon */
}
.minishoppingcart {
  border: 0px;
  width: 200px;
}
.minishoppingcartinner {
  color: #666666;
  font-size: 14px;
  text-align: right;
}
.minishoppingcarticon {
  background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/shopping_basket_icon.png') no-repeat;
  width: 46px;
  height: 30px;
  float: left;
}
.minishoppingcartinner .items {
    color: #666666; /* colour the text that shows how many items are in the basket */
    text-decoration: underline;
}

.cart-header-row th {      /* Text headings */
    text-align: center;    /* Align centre */
}

/* ---------------------------------------  NAV MENU & SEARCH  --------------------------------------------- */

#menurow {
    background-color: #666666;
}
.menuwrapper { 
    border-top: none;
    border-bottom: none; 
}
.search {
    background: #FFFFFF;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    padding: 0;
    float: right;
    width: auto;
}
#menurow .searchbox {
    width: auto !important;
}
.searchbox { 
    color: #666666;
    width: auto !important;
}
.search .searchbutton {
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/search_image_41x30.png') no-repeat;
    font-size: 0; /* hide the text */
    height: 26px;
}

/* -------------------------------------------  MAIN PAGE  --------------------------------------------- */

#contentiInnerRow {
    background: #FFF;
    /* padding: 0px 0px 8px 0px; /* T R B L */
}


/* ---------------------------------------  NAV DROPDOWN MENU  --------------------------------------------- */

ul.dropdown {              /* Root NAV text */
  margin-top: 14px;        /* Move the text down the menu bar */
  font-size: 14px          /* Enlarge the font */
}

ul.dropdown li a {         /* Root NAV text */
  /* text-transform: none;    /* Remove any styling, like ALL caps */
  padding-top: 1px;        /* Set padding for all items - Moves text down */
}

ul.dropdown li a:hover {   /* Root NAV text - Hover */
  background: #666666;      
  /*color: #e04183;*/          /* Set text to pink */
  color: #DDD;
}

ul.dropdown li:hover > a { /* Root NAV text - Hover */
  /* background: #888;     /* Add background to hovered root menu item only */
  /* color: #e04183; */          /* Change NAV text to pink - (the > a in the selector allows the text to stay pink when in the menu) */
}

ul.dropdown a:link, ul.dropdown a:visited { /* Root NAV text */
  color: #FFF;        /* Set text to White */
}


ul.dropdown ul a { width: 398px; } /* was 148px */ /* Adjust the selected (hover) item */
ul.dropdown li { background: none; }

ul.dropdown li:hover > a.dir { background: #66666; } /* Background of each menu item when hovered */

ul.dropdown ul{       /* Sub Drop Down Menu */
  width: 200px;       /* widen the drop down menus to accommodate longer title names */ 
  background: #FFFFFF;   /* Set background to White */
  opacity: 1.0;       /* Make menu solid */
  padding: 10px 5px 10px 5px;      /* Add some space around dropdown menu contents */
}

ul.dropdown li ul li a:link, ul.dropdown li ul li a:visited {  /* Sub Drop Down Menu */
  color: #5a5d5f;                                              /* Set text to dark grey - i was using 999999 */
  padding-top: 15px;
}

ul.dropdown li ul li a:hover {  /* Sub Drop Down Menu */
  /*color: #e01483;*/               /* Set text to Pink */
  background: #808080;
  color: #FFFFFF;
  width: 90%;
}

/* -----------------------------------------  SIDE NAV MENU  ----------------------------------------------- */

#contentiInnerRow .grid_3 { /* Container for side nav menu */
    margin-left: 0px; /* Remove left gap */
}

.navigationmenu, .block-account-navigation {
  margin-bottom: 0px /* lose the gap at the bottom of the nav menu */
}

.navigationmenu h6 {
  /* display:none; */  /* hide the word 'Categories' in the left side navigation menu */
  color: #000;
  font-style: italic;
  padding: 24px 0px 16px 16px; /* T R B L */
  font-size: 18px;
}
/*.navigationmenu ul { border-top: none } /* hide the top most dotted border that would separate the h6 title */


.navigationmenu {
  background-image: none; 
  background-color:#fff;
  font-size: 14px;
  border-right: 1px solid #d3d3d3;  /* add border to right edge only */
  border-left: 1px solid #d3d3d3;  /* add border to right edge only */
  border-top:1px solid #d3d3d3;
  color: #d3d3d3;
  min-height: 0; /* Default of 313px in amazium.css */
}

.navigationmenu ul { /* Style the text inside the side nave menu */
  font-size: 12px;
  padding-bottom: 0px; /* Remove trailing space at the bottom of the menu */
  text-indent: 14px;
  margin: 0 ; /*10px; /* Remove margin around nav menu contents so lines touch each edge */
  border-top: 1px solid #CCCCCC; /* change dotted line under 'Categories' text to solid */
}

.navigationmenu ul li {
    font-size: 13px;
    border-bottom: 1px solid #CCCCCC; /* change the dotted lines to solid */
    /* padding-bottom:8px; */
}

.navigationmenu ul li a {
    color: #747474; 
    padding: 12px 6px 12px 6px; /* Change spacing between categories - T R B L */
}

.navigationmenu ul li a:hover { 
  color: #747474;
  text-decoration: none;
  background-color: #DDD; 
}

.navigationmenu ul li.active a { 
  background-color: #666666; 
  color: #FFF; 
}

.navigationmenu ul li.inactive a { 
  color: #747474; 
}

/* -----------------------------------------  WELCOME MESSAGE ---------------------------------------------- */

.page-title h1 { /* Set the Welcome, new users must register.... message */
    font-size: 14px;
    line-height:150%;
    background: #eee;
    border: 1px solid #ddd;
    padding: 16px;
}

/* ---------------------------------------  BELOW SIDE NAV MENU  --------------------------------------------- */

.belowCatNav {
    margin-top: 4px; /* Add space at the top of the section */
}

.belowCatNav img {
    width: 100%; /* Make sure image scales with page size */
}


/* --------------------------------------  MY ACCOUNT - SIDE NAV MENU  ---------------------------------------- */

/* .navigationmenu h6 .block-account-navigation .title { color:#1a64b0; } /* Set menu title 'MyAccount' text to blue */
 
.block {
  background-image: none;
  background-color:#fff;
  color: #747474;
  font-size: 14px;
  border-right: 1px solid #d3d3d3; /* add border to right edge only */
  border-left: 1px solid #d3d3d3;
}

.block-account-navigation .title { /* Style the word 'My account' at the top of the nav menu */
  color: #000;
  font-style: italic;
  padding: 24px 0px 16px 16px; /* T R B L */
  font-size: 18px;
}

.block-account-navigation ul { /* Style the text inside the side nave menu */
    font-size: 12px;
    padding-bottom: 0px; /* Remove trailing space at the bottom of the menu */
    text-indent: 14px;
    margin: 0 ; /*10px; /* Remove margin around nav menu contents so lines touch each edge */
}

.block-account-navigation ul li {
    font-size: 13px;
    border-bottom: 1px solid #CCCCCC; /* change the dotted lines to solid */
}

.block-account-navigation li {
    /* border-top: 1px dotted #CCCCCC; */ /* Lighten the separator lines */
    font-size: 13px;
    /* padding-bottom:8px; */
}

.block-account-navigation li a {
    color: #747474; 
    padding: 12px 6px 12px 6px; /* Change spacing between categories - T R B L */
}

.block li a:hover { 
  color: #fff;
  text-decoration: none;
  background-color: #DDD; 
}

.block .active { 
  color: #FFF;
  text-decoration: none;
  background-color: #4f4f4f; 
}

/* ----------------------------------  STYLE THE BREADCRUMB TRAIL  ----------------------------------------- */

.breadcrumb { /* Add this style to show breadcrumb on the Landing page */
    background-color: #FFFFFF;
    border: medium none;
    color: #666666;
}
#contentiInnerRow .breadcrumb { /* Add spacing below breadcrumb for the landing pages only */
    height: 25px;
}
/* The following styles I already had set for breadcrumb on other pages, i.e Home page */
/* .breadcrumb { background: none; border: none; color: #FFF; } */
.breadcrumb a { background: none; border: none; color: #666666; }
.breadcrumb a:link { text-decoration:none; color: #666666; }
.breadcrumb a:hover { text-decoration:underline; color: #666666; }
.breadcrumb a:visited { text-decoration:none; color: #666666; }


/* -----------------------------------------  PAGE TITLE TEXT ---------------------------------------------- */

.page-title {
  color: #666;
}

.page-title h1 { /* position page title for help pages - does this affect other areas? */
  padding: 20px 0px 20px 40px; 
}

/* ----------------------------------------------- CATEGORIES ---------------------------------------------- */

.category-description h1 {
    color: #262626; /* Set colour of title to dark gray to match Monu - Our Heritage page */
}

.category-description {
    color: #808086; /* Set colour to lighter grey gray to match Monu - Our Heritage page */
    font-size: 14px; /* Set the font smaller than the title but larger than normal */
    /* padding-top: 8px; */ /* Add space above the text */ /* Cancelled so to but images to top */
}

/* ------------------------------------------ SUB CATEGORY TITLES ------------------------------------------- */

.listWrapper a:visited, .listWrapper a:link { /* CHANGE THE COLOUR OF THE LINKS */
    color: #666666;
}

/* ----------------------------------  HOME PAGE / CATEGORY CONTENT TITLE  ---------------------------------- */
/* Nick's own naming for added content */
#category_innerFrame {
  padding-top: 50px;              /* Set gap at head of title text  to allow space around background image */
  margin: 0px 15px 5px 15px;      /* Reduce side margin to allow table to fit */
}

/* ----------------------------------------  HOME PAGE / CATEGORY TITLE  -------------------------------------- */
/* Nick's own naming for added content */
.category_bodyHead {  /* This is the text inside the innerFrame div (see above) */
    line-height: 40px; /* Ensure leading when viewing the title on multiple lines on small screen */
    font-size: 38px;
    color: #262626;
}

/* ----------------------------------------  HOME PAGE / CATEGORY TITLE  -------------------------------------- */
/* Nick's own naming for added content */
.category_bodyText {  /* This is the body text inside the innerFrame div (see above) */
	color: #5a5d5f; /* Made darker - colour was #999999 */
	font-size: 14px;
	line-height: 21px;
}


/* ------------------------------------------- SHOPPING BASKET --------------------------------------------- */

.cart-footer { /* Container for shopping basket info */
    background: #FFF; /* Change the background to white */
    padding-top: 8px; /* Add some space at the top of the white box */
}

.cart tr { /* main item text */
    font-size: 12px;
    text-align: left;
    font-weight: normal;
}

.cart-total { /* Table containing the sub-total, delivery, VAT etc.*/
    font-size: 12px;
}
.order-progress {
  background: #FFFFFF;  /* background colour */
}
.order-progress ul {
  padding: 16px;
}
.order-progress ul li a.active-step { /* buttons along top - active */
  background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_green.png') repeat-x scroll 0 0 #e04183;
}
.order-progress ul li a.active-step:hover {
    text-decoration: none;
}
.order-progress ul li a.inactive-step { /* buttons along top - inactive */
  background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_grey.png') repeat-x scroll 0 0 #CCCCCC;
} 
.order-progress ul li a.inactive-step:hover {
    text-decoration: none;
}

.terms-of-service a:visited, .terms-of-service a:link {
    color: #000;
    text-decoration: underline;
}

/* --------------------  SHOPPING BASKET - 'Your Shopping Basket is empty!' TEXT  ------------------------- */

.orderSummaryWrapper {
  background:#FFF;
  padding-bottom: 30px;
  text-align: center;
  color: #000;
}


/* -------------------------------  CHANGE DEFAULT BUTTON COLOUR  ---------------------------------- */

.editoractionbutton, .saveCommentButton, .downloadPDFProof, .addnewfriendcomment, #create-button, .startYBPreview, .bookoptions button, .saveYearbookSettings, .editBookUnitSave, .saveSelectedTemplateAction, .createBookUnitSave, .addNewQuestion, .createBookUnitAction, .add-contributors-button, .update-button, #newAlbum, #markerControls button, .registerbutton, .file-upload-button, .facebookbutton, .report-action, .loginbutton, .continueshoppingbutton, .addaddressbutton, .saveaddressbutton, .changepasswordbutton, .registernextstepbutton, .productvariantaddtocartbutton, .editaddressbutton, .orderdetailsbutton, .productwritereviewbutton, .savecustomerinfobutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567 !important;*/
  background: #666666;
  /*border: 2px solid #ccc !important*/
  height: 29px;
  color: #000;
}
.pager a {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
}
.product-grid .productlistaddtocartbutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
}
.checkoutbutton, .continueshoppingbutton, .checkout-data .opc .section .newaddressnextstepbutton, .checkout-data .opc .section .shippingmethodnextstepbutton, .checkout-data .opc .section .paymentmethodnextstepbutton, .checkout-data .opc .section .paymentinfonextstepbutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
}
.orderprocessedcontinuebutton, #AddressSearch .searchButton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
}
.reorderbutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
  color: #FFF;
}
.confirmordernextstepbutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#666666;
}

#singlePreviewArea button { /* JQuery UI 'Preview' modal dialog */
    background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill.png") repeat-x scroll 0 0 #C82567;
    height: 28px;
}

/* Change colour of button text */
button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial, Helvetica !important;
}

/* -------------------------------  CHANGE DEFAULT BUTTON HOVER COLOUR  ---------------------------------- */


.editoractionbutton:hover, .saveCommentButton:hover, .downloadPDFProof:hover, .addnewfriendcomment:hover, #create-button:hover, .startYBPreview:hover, .bookoptions button:hover, .saveYearbookSettings:hover, .editBookUnitSave:hover, .saveSelectedTemplateAction:hover, .createBookUnitSave:hover, .addNewQuestion:hover, .createBookUnitAction:hover, .add-contributors-button:hover, .update-button:hover, #newAlbum:hover, #markerControls button:hover, .registerbutton:hover, .file-upload-button:hover, .facebookbutton:hover, .report-action:hover, .loginbutton:hover, .continueshoppingbutton:hover, .addaddressbutton:hover, .saveaddressbutton:hover, .changepasswordbutton:hover, .registernextstepbutton:hover, .productvariantaddtocartbutton:hover, .editaddressbutton:hover, .orderdetailsbutton:hover, .productwritereviewbutton:hover, .savecustomerinfobutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}

.pager a:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}
.product-grid .productlistaddtocartbutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}
.checkoutbutton:hover, .continueshoppingbutton:hover, .checkout-data .opc .section .newaddressnextstepbutton:hover, .checkout-data .opc .section .shippingmethodnextstepbutton:hover, .checkout-data .opc .section .paymentmethodnextstepbutton:hover, .checkout-data .opc .section .paymentinfonextstepbutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}

.orderprocessedcontinuebutton:hover, #AddressSearch .searchButton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}
.reorderbutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}
.confirmordernextstepbutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #c82567;*/
  background:#ddd;
}

#singlePreviewArea button:hover { /* JQuery UI 'Preview' modal dialog */
    background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill_hover.png") repeat-x scroll 0 0 #C82567;
    height: 28px;
}

/* Set product Detail box width */
@media only screen and (min-width: 0px) and (max-width: 767px) { /* Was 300px -> */

    .productlistproductdetailbutton {
        width: 434px;
        background:#666666;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

    .productlistproductdetailbutton:hover {
        width: 434px;
        background:#808080;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

}
  
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .productlistproductdetailbutton {
        width: 178px;
        background:#666666;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

    .productlistproductdetailbutton:hover {
        width: 178px;
        background:#808080;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

    .product-grid .add-info {
        width: 178px !important; 
    }

    .product-grid .add-info .buttons {
        float: none;
    }

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

    .productlistproductdetailbutton {
        width: 202px;
        background:#666666;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

    .productlistproductdetailbutton:hover {
        width: 202px;
        background:#808080;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }
    
    .product-grid .add-info {
        width: 202px; 
    }
    
    .product-grid .add-info .buttons {
        float: none;
    }

}

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

    .productlistproductdetailbutton {
        width: 202px;
        background:#666666;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }

    .productlistproductdetailbutton:hover {
        width: 202px;
        background:#808080;
        font: 12px "Trebuchet MS", Helvetica, sans-serif;
    }
    
    .product-grid .add-info {
        width: 202px; 
    }

    .product-grid .add-info .buttons {
        float: none;
    }

}



/* ------------------------------------  JQUERY 'PREVIEW' MODAL text link  ------------------------------ */

#singlePreviewArea a {
    text-decoration: underline;
    color: #C82567;
}

/* ------------------------------------  STYLE MY ORDERS -> PRINT BUTTON  ------------------------------ */

.orderdetailsprintbutton {
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill.png") repeat-x scroll 0 0 #C82567;
    border: 1px solid #C82567;*/
    background: #666666;
    padding: 6px;
}

.orderdetailsprintbutton:hover {
    background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill_hover.png") repeat-x scroll 0 0 #C82567;
    border: 1px solid #C82567;
    padding: 6px;
    text-decoration:none;
}

.print-buttons a:link, a:visited {
    color: #FFF;
}

/* ------------------------------------  STYLE EDITOR BACK BUTTON  ------------------------------ */

.editorbackbutton {
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill.png") repeat-x scroll 0 0 #C82567;
    border: 1px solid #C82567;*/
    background: #666666 !important;
    padding: 6px;
}

.editorbackbutton:hover {
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill_hover.png") repeat-x scroll 0 0 #C82567;*/
    background: #bbb !important;
    text-decoration:none;
}

.editorbackbuttonWrapper {
    margin-bottom: 12px;
}

.editorbackbuttonWrapper a:link, .editorbackbuttonWrapper a:visited {
    color: #FFF;
}

.content-wrapper .grid_12 { /* Add space above and below the button to all full height button */
    height: 38px;
    padding-top: 8px;
}

/* ---------------------------------------  STYLE EDITOR PRODUCT TITLE TABS  ------------------------------ */

.content-wrapper .row .grid_12 h1 {
    color: #666666;
    font-size: 16px;
}

/* ----------------------------------------  STYLE EDITOR PAGE TABS  ---------------------------------- */

.pageListPageItem.highlight { /* The selected tab */
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill.png") repeat-x scroll 0 0 #C82567;*/
    background: #666666 !important;
}

.pageListPageItem.highlight:hover { /* The selected tab - Hover */
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill_hover.png") repeat-x scroll 0 0 #C82567;*/
    background: #8f8f8f !important;
}

.pageListPageItem:hover {  /* The un-selected tab(s) - Hover */ /* - This does not work!!! */
    /*background: url("/monu/CF/CSSOverride/GetImage?accountId=17&hash=-643382374&file=button_fill_hover.png") repeat-x scroll 0 0 #C82567;*/
    background: #bbb !important;
}

/* -------------------------------------------------   EDITOR  ----------------------------------------- */

.floatingButtons {
    display: none; /* Hide the 'show editable fields checkbox' */
}

.instruction_panel { /* Show Instruction panel */
    margin-bottom: 8px;
    display: block !important;
    text-align: center;
}

.instruction_panel a:link, .instruction_panel a:visited {
    color: #666666;
    text-decoration: underline;
}

/* ---------------------------------  STYLE DEFAULT PLAIN RED BUTTONS  -------------------------------- */
/* Buttons Targeted are: Checkout 'Delete', My Account 'Delete Address', */

.basketUpdatecartbutton, .updatecartbutton, .deleteaddressbutton, .canceladdressbutton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_red_button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #a31612;*/
  background: #d42519;
}

.basketUpdatecartbutton:hover, .updatecartbutton:hover, .deleteaddressbutton:hover, .canceladdressbutton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_red_button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #bd4544;*/
  background: #c5967d;
}

/* ---------------------------------  STYLE DEFAULT PLAIN BLUE BUTTONS  -------------------------------- */
/* Buttons Targeted are: Checkout 'Edit' */

.basketEditButton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_blue_button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #2989af;*/
  background: #00c0ff;
}

.basketEditButton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_blue_button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #6badc7;*/
  background: #9ee7ff;
}

/* ---------------------------------  STYLE DEFAULT PLAIN BUTTON  -------------------------------- */
/* Buttons Targeted are: Checkout 'Edit' */

.basketSaveForLaterButton {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_blue_button_fill.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #2989af;*/
  background: #666666;
  border: 0px;
}

.basketSaveForLaterButton:hover {
  /*background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/checkout_blue_button_fill_hover.png') repeat-x scroll 0 0 #c82567;
  border:1px solid #6badc7;*/
  background: #808080;
  border: 0px;
}


/* ---------------------------  POSITION My Account 'Add new' BUTTON   -------------------------- */

.account-page .addAddressButtonWrapper {
    margin: 16px 16px 0px 0px;
}

/* ---------------------------  POSITION My Account Delete Address RED BUTTON   -------------------------- */

.editaddressbutton {
    margin-right: 6px; /* Add some breathing space between the 'Edit' and 'Delete' buttons */
}

/* -----------------------------------  CHANGE DEFAULT TEXT COLOUR  -------------------------------------- */

.acentcolour {
    color: #4f4f4f;
}

/* ---------------  CHANGE MY ACCOUNT -> MY ORDERS -> ORDER INFORMATION Sub Titles TEXT COLOUR  ----------- */

.order-details-box b {
    color: #e04183;
}

/* ---------------  CHANGE MY ACCOUNT -> MY ORDERS -> SAVED PROJECTS Link TEXT COLOUR  ----------- */

.saved-projects-list tbody a {
    color: #000; /* Set the 'Continue editing' text link to black */
}

/* ----------------------------------------------  LOGIN PAGE  -------------------------------------------- */

.login-title, .section-title {  /* Not sure what .section-title is?? */
  color: #666666; /* Change colour of 'New User Registration' and 'Existing User Login' text to pink */
}

.text-box:focus { /* Change text boxes, when got the focus, to have a pink border */
    border-color: #666666;
}

.register-customer-wrapper {
    float: right; /* Position the 'New User Registration' boxes to the right side of the screen */
}

.table-container {
    margin: 0;
    /* margin: 0px 0px 0px 5px; */  /* Add space to right edge of boxes */
    /* width: 97%;  */              /* Reduce width of boxes slightly */
}

.returning-wrapper {          /* The 'Existing User Login' box */
    float: left;              /* Position the 'Existing User Login' box to the left side of the screen */
    width: 45%;               /* Set the width */
    margin-left: 4%;          /* Add space at left edge */
}

.register-customer-wrapper {  /* The 'New User Registration' box */
    width: 45%;               /* Set the width */
    margin-right: 3%;         /* Add space at right edge */
    padding-bottom: 24px;     /* Add space at the bottom edge */
}

.login-block table {           /* The login block - table */
    background-color: #f6f6f6; /* Set background to light pink */
}

.login-block tr {              /* The login block - table rows */
    border: none;              /* Remove the borders around each row */
}

.new-wrapper table {           /* The new user registration block - table */
    background-color: #f6f6f6; /* Set background to light green */
}

.new-wrapper tr {              /* The new user registration block - table rows */
    border: none;              /* Remove the borders around each row */
}

 /* -------------------------------  HIGHLIGHT PRODUCT BOX ON MOUSE-OVER  ---------------------------------- */
 
.picture:hover { background-color:#eee; }

/* Batch preview window - make window larger */
.batchDialog { padding: 40px 20px 40px 20px !important; }

/* Batch preview window - move buttons to make them visible */
 .batchButtons { padding: 0px 22px 5px 0px; }
 
 
 /* ---------------------------  STYLE HOW PRODUCTS LOOK IN THE PRODUCT GRID  ------------------------------ */
 
.pricerow {                    /* Price and Details button */
    /* display:none; */
    /*background: #666666; */ 
}

/* .picture {  */ /* Add keyline around product image */
/*     border: 1px solid #eee;  */
/* } */


.product-grid .product-title {
    text-align: center;
    /* display: none; */  /* Hide product title */
}

.product-grid .prices {
    display: none; /* Hide prices */
}

.listItem .item-box {
    background: none; /* Remove the complete frame around product image, title and price */
}

.product-grid .description {    /* Hide product description */
  display: none;
}

.product-grid {
    padding-bottom: 30px;
}

/* .product-grid .picture img { */
/* height: Play with these later */
/* width: Play with these later */
/* } */

.listWrapper .item-box, .search-results .item-box { /* Container for each product item */
    height: 200px;
    /* border: 2px solid #eee; /* Set to none for floating product items */
    border: none;
}

.allProductsCategoriesWrapper, .FiltersWrapper, .pager { /* Box that contains the products, and also the boxes above and below */
    background: #FFF;
    border: 0px;
}

.pricerow .buttons { /* 'Details' button */
    margin-right: 10px; /* Force a margin at right edge to keep it from falling off when views at small size */
}

 @media only screen and (min-width: 768px) and (max-width: 959px) {
  .product-grid .product-title {
    padding-bottom: 16px;  /* Add some padding to stop the price overlaying the product-title as this res only */
  }
}

 /* ----------------------------------------  SEARCH RESULTS PAGE  ---------------------------------------- */

.listWrapper .item-box, .search-results .item-box {
    height: auto; /* Keep price, details box and add to basket box visible when viewed on small screen */
}

 /* --------------------------------------------  LANDING PAGE  -------------------------------------------- */

.product-details-page  { /* Main page container */
  background: #FFF; /* Set background to white */
  padding-top: 16px; /* Add some space inside at the top of the white box */
}

.product-details-page .attributeHeader { /* Contains attribute - Example: Poster Size */
    float: left;   /* Set this so size/price dropdown menu sits at the right side */
    width: 30%;    /* Allow space for the text 'Poster Size' to fit */
    border: none;  /* Remove the line below the box */
}

.product-details-page .attributeRequired {
    float: left; /* Set the so the 'Poster Size' text sits beside the 'Mandatory' asterisk */
    padding-right: 5px; /* Add a little space after the asterisk */
}

.product-details-page .attribute {   /* The box that contains the attributes */
    height: 16px;     /* Reduce the height */
    background: none; /* remove the background */
    border: none;     /* remove the border */
}

.overview { /* container for product title, price, Create Item button */
    margin-left: 3%;
}

.overview .price { /* the price */
    margin: 0px;
}

.newProductPriceWrapper {
    display: none;
}

.overview .add-info { /* The container for the 'Create Item' button */
    background: none; /* lose the default grey background */
    border: none;  /* lose the default grey border */
    padding: 10px 0px 20px 0px;
    width: 90%;
    margin: 0;
}

.fulldescription { /* Container for the 'Product description' */
    margin: 0% 3% 0% 0;
    background: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.overview .productname { /* product title */
    color: #666666; /* set to pink */
}

.overview .shortdescription { /* Hide the short description (empty box - just a line) under create item button area */
    display: none;
}

.overview .shareWrapper { 
/*    display: none; */ /* Hide the sharewrapper under create item button area - No! Need this for the 'builtin' share buttons */
    border: none; /* Remove the simple line underneath this area */
}

/*.fulldescription h2 { */  /* Keep description from going off right edge */
/*    width: 100%; */
/*} */
/*.fulldescriptionTitle { */ /* Keep description from going off right edge */
/*    width: 100%; */
/*} */
/*.fulldescription {  *//* Keep description from going off right edge */
/*    width: 90%; */
/*} */

@media only screen and (min-width: 1200px){
  .grid_12 {
    margin: 0; /* remove margin to allow breadcrumb box to fit neatly without gaps */
  }
}

.producttags-box {
    display: none; /* Hide Product tag */
}

 /* --------------------------------------------  SHOPPING BASKET  ------------------------------------------ */
 
.cart  {
  background: #FFF; /* Set background to white */
}

.order-progress {
  margin-top: 8px; /* Move the box containing the order step down slightly */
}

.orderSummaryWrapper { /* placeholder for text - in this case it reads 'Your Shopping Basket is empty!' */
    margin: 40px;
}

.cart .productpicture { /* Move the product thumbnail in from the left slightly */
    padding-left: 22px;
}

.cartTableWrapper { /* Force basket info to fit - necessary as I've added 40px margin  for the .OrderSummaryWrapper */
    width: 100%;
}

#cartTotals { /* Make the total box div sit on the right side of the page */
    float: right;
    margin: 0;
}

.product a { /* Style the product title(s) */
  font-weight: bold;
  color: #666666;
}

.cart-item-row {
    height: 200px;
}

.cart-item-row .productpicture img {
    height: 200px;
    border: 1px solid #ddd !important;
}


/* -------------------------  MOVE SHOPPING BASKET RED BUTTON TO RIGHT SIDE  ---------------------------- */

.common-buttons {
  float: right; /* changed from left */
}

/* .amendYBbutton, .delete-button, .delete-question-button, .createBookUnitCancel, .editBookUnitCancel, .updatecartbutton, .canceladdressbutton { */
.updatecartbutton { */
  float: right;
  margin: 0;
  padding: 8px;
  margin: 0px 70px 0px 0px; /* position the 'Update shopping basket' button from the right edge */ 
}


/* --------------------------  FIX SHOPPING BASKET 'Checkout' BUTTON HEIGHT  ----------------------------- */

.checkoutbutton { height: 29px; }


/* ------------------------------  ADD SPACE BELOW BOTTOM CHECKOUT BUTTONS  --------------------------------- */

.checkout-buttons {
    margin-bottom: 6px;
}

/* -------------------------  FIX SPACING TO SHOW BUTTONS BATCH DIALOG BUTTONS  ---------------------------- */

.batchDialog { padding: 10px 10px 50px 10px !important; position: relative; }


/* ----------------------------------  REMOVE QTY OPTION FROM LANDING PAGE --------------------------------- */

.add-info label { display: none; }
.add-info .quantityBox { display: none; }

/* ---------------------------------  DISPLAY HOME BANNERS 3 IN A LINE  ------------------------------------ */

/*.banner img {
    display: inline;
    width: 296px;
}*/


/* ------------------------------------  FORGOTTEN PASSWORD - REQUEST PAGE  --------------------------------- */

/* Removed this as although it aligned the forgotten password page, it also affects other things, e.g. the my account/addresses */
/*.grid_9 .body tr { /* Target the table row to be able to position layout of items better */
/*    float: right;  /* Push the 'Your email address:' label and textfield to the right */
/*    width: 80%;    /* Make it wide so the 'Reset Password' box drops below. */
/*}*/

#send-email { /* Target the 'Reset Password' button */
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
    color: #FFF;                 /* Change text to white */
    text-decoration: none;       /* Lose any decoration */
    padding: 6px 12px 6px 12px;  /* change spacing of text in button */
    cursor: pointer;             /* Change pointer to a hand icon */
    border: none;                /* Lose traditional button 3D border */ 
}

#send-email:hover { /* Target the 'Reset Password' button */
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
}

.password-recovery-page .body { /* Target the message after submitting email address */
    text-align: center;
    margin: 20px 0px 20px 0px;
}

/* ------------------------------------------  PASSWORD RESET - PAGE  --------------------------------------- */

#set-password { /* Target the 'Reset Password' button */
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill.png') repeat-x scroll 0 0 #c82567;
    color: #FFF;                 /* Change text to white */
    text-decoration: none;       /* Lose any decoration */
    padding: 6px 12px 6px 12px;  /* change spacing of text in button */
    cursor: pointer;             /* Change pointer to a hand icon */
    border: none;                /* Lose traditional button 3D border */ 
}

#set-password:hover { /* Target the 'Reset Password' button */
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/17/button_fill_hover.png') repeat-x scroll 0 0 #c82567;
}



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

.checkout-data .opc .section .sectionheader .number { /* Step 1 - 6 coloured blocks */
    background-color: #E01483;  /* Change to pink */
}

#checkoutSteps { /* Div containing steps 1-5 */
    margin-bottom: 16px; /* Add space at the bottom of container */
}

/* Attempt to widen checkout payment label table column */
.checkout-data .opc .section .checkout-data .payment-info .body .table-container .td {
    width: 50%;
}

/* ---------------------------------------  CHECKOUT - COMPLETED PAGE  -------------------------------------- */

.checkout-page {
    background: #FFF; /* Change the background to white */
    padding-top: 8px; /* Add some space at the top of the white box */
}

.checkout-page .page-title {
  margin-right: 20px; /* Pull in the rule under the 'You order has been successfully processed. text at the right edge */
}

.checkout-data-info {
    color: #000;   /* Change colour of the 'Your order reference number is:' text */
    text-align: center;
}

.checkout-data-info a:link,.checkout-data-info a:visited {
    color: #C82567; /* Change link colour of 'Click here for your order details' text */
}

.checkout-data-info .select-button {
    text-align: center; /* Centre 'Return to Homepage' button. */
}

/* Position the 'Your order has been successfully processed.' message */
#contentiInnerRow .checkout-page .grid_6 {  /***** Standard 960px *****/
    display: inline;
    float: left;
    margin: 18px 5px;
    overflow: hidden;
    width: 959px;
    text-align: center;
}
@media only screen and (min-width: 1200px) {
  #contentiInnerRow .checkout-page .grid_6 {
    display: inline;
    float: left;
    margin: 18px 10px;
    overflow: hidden;
    width: 1200px;
    text-align: center;
  }
  
  /* ----------------------------  HOME PAGE BANNERS POSITIONING  ------------------------------ */
  
  /* .grid_9 { */   /* Cancelled this because it affected the forgotten password page */
  /*   margin: 0; */
    /* float: right; */ /* Used to fix home page image to right side but search page suffers */
  /*   width: 75%;
  /* } */
  
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #contentiInnerRow .checkout-page .grid_6 {
    display: inline;
    float: left;
    margin: 18px 5px;
    overflow: hidden;
    width: 768px;
    text-align: center;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) { /* Was 300px -> */
  #contentiInnerRow .checkout-page .grid_6 {
    display: inline;
    float: left;
    margin: 18px 5px;
    overflow: hidden;
    width: 293px;
  }
  
  /* -----------------------------------  HOME PAGE BANNERS POSITIONING  -------------------------------- */
  .grid_9 {
    width: 99%;
  }
  
  /* ------------------------------------------  PAGE TITLE TEXT SIZE  --------------------------------- */
  
  /* Redeuce the size of the page titles */
  .category_bodyHead {  /* This is the text inside the innerFrame div (see above) */
    line-height: 30px; /* Ensure leading when viewing the title on multiple lines on small screen */
    font-size: 24px;
    color: #262626;
  }

  /* ----------------------------  HIDE MENU FOR NARROW MOBILE SCREEN MENU  ------------------------------ */

  nav .selectnavwrapper {
    background: #000;
  }
  .searchbutton {
    display: none;
  }
  .searchbox {
    display: none;
  }
  #menurow {
    /* display: none; */ /* Show drop down menu */
  }
  
  .navigationmenu {
    display: none;
  }
  
  /* -----------------------------------  HIDE BELOW CATEGORY MENU CONTENT  -------------------------------- */
  .belowCatNav {
    display: none;
  }
  
  /* ----------------------------------  LOGIN / NEW USER REGISTRATION BOXES  ----------------------------- */
  
  .returning-wrapper {          /* The 'Existing User Login' box */
    width: 90%;               /* Set the width */
    margin-left: 7%;          /* Add space at left edge */
  }

  .register-customer-wrapper {  /* The 'New User Registration' box */
    width: 90%;               /* Set the width */
    margin-right: 3%;         /* Add space at right edge */
    padding-bottom: 24px;     /* Add space at the bottom edge */
  }

  
  /* ---------------------------------------  HOME PAGE CONTENT TITLE  ----------------------------------- */
  
  #category_innerFrame {
    padding-top: 20px !important;        /* Reduce gap at head of title text */
    margin: 0px 6px 0px 6px !important;  /* Reduce side margin to allow table to fit */
  }
  
  /* ------------------------------------------  HOME PAGE TITLE  ----------------------------------------- */

  .bodyHead { 
    line-height: 30px; /* Ensure leading when viewing the title on multiple lines on small screen */
    font-size: 24px !important;
  }
  
  /* ----------------------------  HOME PAGE TABLE - REDUCE PADDING OF TITLES ----------------------------- */
  
  .tableTitleText {
    padding: 8px 2px !important;
  }

  /* ----------------------------  ADD MARGIN FOR NARROW MOBILE SCREEN MENU  ------------------------------ */
  .category-description {
    margin-left: 8px; /* I did have this for all margins but changed to only left so background category image fits better */
  }
  
  /* ----------------------------  REDUCE HEIGHT OF PRODUCT ITEMS IN GRID  ------------------------------ */
  .listItem {
    height: auto; /* I've changed Catfish -> All Settings (Advanced) -> mediasettings.productthumbpicturesize - Change from 200 to 300 */
  }
  
  /* ------------------------------------  SHOPPING BASKET - CENTRE TITLE  ------------------------------- */
  .page-title h1 {
    text-align: center;
  }
  
  /* ------------------------  ALLOW SHOPPING BASKET TO SCROLL ON SMALL SCREEN  -------------------------- */
  .cartTableWrapper {
    overflow: auto;
  }
  
  /* ----------------------------  REDUCE MARGIN ADDED TO THE SHOPPING BASKET  --------------------------- */
  .orderSummaryWrapper {
    margin: 5px;
  }
  
  /* ----------------------  RESIZE SHOPPING BASKET TOTALS BOX TO FIT SMALL DISPLAY  ---------------------- */
  .total-info {
    float: left;
    width: 90%;
    margin-left: 5%;
  }
  
  /* --------------------------------  SHOPPING BASKET - CENTRE UPDATE BUTTON  ---------------------------- */
  .common-buttons {
    margin: 20 0 0 0px;
    width: 100%;
  }
  
   /* -----------------------  MOVE SHOPPING BASKET UPDATE SHOPPING BASKET BUTTON  ------------------------ */
  .updatecartbutton {
    float: left;
    margin-left: 25%;
  }

  /* --------------------------------  SHOPPING BASKET - CENTRE DISCOUNT CODE ---------------------------- */
  .coupon-box {
    text-align: center;
    padding: 20 0 0 0px;
  }
  
  .coupon-box. applycouponcodebutton {
      float: right;
  }
  
  /* --------------------------------  SHOPPING BASKET - MOVE BOTTOM BUTTONS ---------------------------- */
  .checkout-buttons {
    float: left;
    margin-left: 25%;
  }
}


/* -------------------------------------- EDITOR ------------------------------------- */

/* Style Fit button */
#pageTools .pageZoomReset button {
    background: #444;
    border: 10px;
    /* border-radius: 2px; */
    color: #666;
    font-size: 14px;
    height: 30px;
    margin-bottom: 8px;
    width: 70px;
}

/* --------------------------------- EDITOR - FORM FIELD AREA --------------------------------- */

#fieldlist .fieldlist {
    max-height: 800px !important;
}

/* --------  PAGE (width side category Menu) ADJUST RIGHT SIDE CONTENT WIDTH TO BUT TO EDGE OF DIV  -------- */

@media only screen and (min-width: 1200px){
  .grid_9 {
    margin: 0;
    width: 905px /* fit category images so it butts u with right edge of div */
  }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .grid_9 {
    margin: 0;
    width: 725px /* fit category images so it butts u with right edge of div */
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .grid_9 {
    margin: 0;
    width: 581px /* fit category images so it butts u with right edge of div */
  }
}

@media only screen and (min-width: 361px) and (max-width: 767px) {
  .grid_9 {
    margin: 0;
    width: 100% /* fit category images so it butts u with right edge of div */
  }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
  .product-details-info .bigpicture img { /* landing page main image */
     width: 100%; /* Set landing page image to 100% so it scales down to fit page */
  }
}

@media only screen and (min-width: 0px) and (max-width: 360px) {
  .grid_9 {
    margin: 0;
    /* width: 464px */ /* fit category images so it butts u with right edge of div */
  }
}

/* ---------------------------------------------  FOOTER  ----------------------------------------------- */

/* Change background, set text color to white and remove gap above footer */
#footerrow { background: #666666; color: #FFFFFF; margin-top: 0px; border-top: 1px solid #6d6d6d; }


/* ------------------------------------------  FOOTER INNER  -------------------------------------------- */

.footerinner { background: none; }

.footerinner ul li a { /* individual text items */
    color: #c2c2c2;
}

.footerinner ul li a:hover { /* individual text items hover */
    background-color: #656565;
    color: #FFF;
}

/* -------------------------------------------  FOOTER TEXT  -------------------------------------------- */

.footerinner h3 { font-size: 14px; margin: 20px 20px 10px 10px; padding: 0; color: #FFF; font-weight:bold; } /* Top Footer Heading */
.footerinner li { color: #656565; border: none; }


.footercopyrightrow { /* Change colour of main footer */
    background-color: #7f7f7f;
    color: #FFF;
    border-top: 8px solid #7f7f7f;
    border-bottom: none;
    padding-bottom: 12px;
}

.footersmalllogo { display:none; }