﻿/* Page layout */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');


/* Font Awsome Icon subset */
/* Subset font made with https://transfonter.org/ include all hex values of icons required - don't upload woff2 */
/* f059,f2f5,f0e0,f51e,f570,f007,f4d8,f303,f0d1,f013,f56c,f7d9,f0c9,f0eb,f030,f302,f058,f1ce,f02f,f105,f104,f015,f1da,f291,f154,f002 */

@font-face {
    font-family: 'AdminFontAwesome5FreeSubset';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../Fonts/AdminSubset-FontAwesome5Free-Solid.eot?ver=1");
    src: url("../Fonts/AdminSubset-FontAwesome5Free-Solid.eot?#iefix&ver=1") format("embedded-opentype"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.woff2?ver=1") format("woff2"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.woff?ver=1") format("woff"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.ttf?ver=1") format("truetype"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.svg?ver=1#fontawesome") format("svg");
}
/*
    full font file to use for testing new icons

    src: url("../Fonts/subset-FontAwesome5Free-Solid.eot?");
src: url("../Fonts/subset-FontAwesome5Free-Solid.eot?#iefix") format("embedded-opentype"), url("../Fonts/subset-FontAwesome5Free-Solid.woff2") format("woff2"), url("../Fonts/subset-FontAwesome5Free-Solid.woff") format("woff"), url("../Fonts/subset-FontAwesome5Free-Solid.ttf") format("truetype"), url("../Fonts/subset-FontAwesome5Free-Solid.svg#fontawesome") format("svg");

    Subset
    src: url("../Fonts/AdminSubset-FontAwesome5Free-Solid.eot?");
    src: url("../Fonts/AdminSubset-FontAwesome5Free-Solid.eot?#iefix") format("embedded-opentype"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.woff2") format("woff2"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.woff") format("woff"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.ttf") format("truetype"), url("../Fonts/AdminSubset-FontAwesome5Free-Solid.svg#fontawesome") format("svg");

*/





.calendarPopUpFix
{
    position:relative;
}

body, bodyResponsive {
    margin: 0px auto;
    background-color: #E2E2E2;
    font-size: 10pt;
    color: #404040;
    font-family: Arial;
    min-width: 980px;
    max-width: 1050px;
    width: auto;
    position: relative;
    direction: ltr;
    text-align: left;
    line-height: 1.4em;
    background-image: url(../Images/wallpaper.png);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: top left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.bodyFixForLoqatePopup {
    position:initial;
}
.bodyBlank {
    background-image: none;
}
.bodyResponsive{
    min-width:0px;
}


.adminpage, .adminpageResponsive
{
    
	margin: 0px auto 30px 0px;
	min-width: 980px;
	 max-width: 1150px;
	padding-bottom:5px;
	background-color:White;
	border-radius:5px;
    padding-top:10px;
}
.adminpageResponsive{
    min-width:0px;
}

.adminpageBottom
{
	display:none;
}


/* columns within the page */

.productsColumn1of2
{
	float:left;
	width:160px;
	padding-left:10px;
	padding-right:10px;
}

.productsColumn2of2
{
	 margin-left:180px;
	 padding-right:10px;
}
.productCategoriesColumn1of2
{
	float:left;
	width:320px;
	padding-left:10px;
	padding-right:10px;
}

.productCategoriesColumn2of2
{
	 margin-left:370px;
	 padding-right:10px;
}


.adminColumn1of1
{
	padding-left:10px;
	padding-right:10px;
}

/* Clear both is used to ensure the page is the same height as the highest of the columns */
.clearBoth
{
	clear:both;
}
.clearRight
{
	clear:right;
}

.helpButton, .helpButtonDown {
  display: inline-block;
   vertical-align: middle;
   padding-bottom:1px;
   margin-left:5px;
   }
.helpButtonDown {
     padding-bottom:0px;
     padding-top:3px;
}


/* Shop Product Page */

.productsChangeStatus{
    float:right;
}
.productSummary
{
	float:left;
	width:180px; /* depends upon thumbnail width - also check width of images btnProductSummaryBuy.png & btnProductSummaryMore.png */
	color:Black;
	margin-right:5px;
	height:260px;
}
.productSummaryFeatured
{
	float: left;
	width: 180px; /* depends upon thumbnail width - also check width of images btnProductSummaryBuy.png & btnProductSummaryMore.png */
	color: Black;
	margin-right: 5px;
	height: 260px;
	background-image: url(../Images/productSummaryFeatureBack.png);
	background-repeat: no-repeat;
}

.productSummaryImage {
	height: 180px; /* thumnail height */
	text-align: center;
}
.productSummaryImage img {
	height: 180px;
}

.productSummaryImageNotBuyable img{
	opacity:0.4;
}

.productSummaryName {
	text-align: center;
	color: #404040;
	font-size: 8pt;
	height: 25px;
	line-height: 1.1em;
	overflow: hidden;
}
.productSummaryPrice
{
	color:Gray;
	text-align:center;
}
.productSummaryButtons
{
	text-align:center;
}

.productSummaryTick
{
    position:relative;
    top:-4px;
}

/* General Style */

h1
{
	margin-top: 10px;
	padding-top: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #404040;
	height: 20px;
	
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
	font-family: arial;
	padding-right: 0px;
	background-image: none;
	border-bottom: none;
	left:0px;
	position:inherit ;

	line-height:1em;
	float:none;
	text-shadow:none;
}
h2
{
	margin-bottom:10px;
	padding-bottom:0px;
	margin-top:10px;
	padding-top:0px;
	font-size:11pt;
	color:black;
}

img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.helpText
{
	color:#808080;
	 font-size:9pt;
}
.helpText h1
{
	font-size:12pt;
	padding-bottom:0px;
	margin-bottom:0px;
}
.helpTextOffset
{
	padding-left:150px;
	color:#808080;
	 font-size:9pt;
}
.helpText tbody td
{
	padding-bottom:4px;
	padding-top:4px;
	border-bottom:#808080 1px solid;
}
.centered
{
	text-align:center;
}
a
{
	color:#0088CC;
	text-decoration:none;
}
a:visited
{
	color:#0088CC;
	text-decoration:none;
}
a:hover
{
	color:#0088CC;
	text-decoration:underline;
}
.calendarFix
{
    display:inline-block;
	position:relative;
	top:0px;
    line-height:1em;
}

.headerBackground
{
	background: url(../Images/headerBackground.png) repeat-x;
	font-weight:bold;
}

.headerBackgroundHigh
{
	background-color:#CFCFCF;
	font-weight:bold;
}

.footerText
{
	padding-top: 10px;
	padding-bottom: 20px;
	color: Gray;
	font-size: 8pt;
	text-align: center;
	border-top: #A31711 1px solid;
}
.footerText a
{
	text-decoration:underline;
	color:gray;
}
.floatRight
{
	float:right;
}
.floatLeft
{
	float:left;
}
.confirmationMessage
{
	background-color:#99E791;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
    border: #C0C0C0 1px solid;
border-radius:5px;
}
.confirmationMessageWithButton
{
	background-color:#99E791;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
        border: #C0C0C0 1px solid;
border-radius:5px;
}

.errorMessage
{
	background-color:#FFFF40;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
    border: #C0C0C0 1px solid;
border-radius:5px;
}
.importantMessage
{
	background-color:#C0FFFF;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
.PromptLeft
{
	float:left;
	text-align:left;
	padding-right:5px;
	font-weight:bold;
}
.LongTextBox
{
	width:300px;
}

.ShortTextBox
{
	width:50px;
}
/* Top Menu */

.adminmenu
{

	margin-top: 0px;
	background-color:black;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:20px;
	font-size: 10pt;
	padding-top: 5px;
    padding-bottom: 0px;
	font-weight: bold;
	padding-right:0px;

    padding-left:0px;
    overflow:auto;

     background-image: url(../Images/adminMenuBack.png);
	background-repeat: no-repeat;
    padding-left:30px;
       
}
.adminmenuMobileMenu{
        display:none;
    }
.adminmenu ul .subMenu{
     display:none;
    }
.topMenuHelp {
float:right;
}

.adminmenuRightHand{
      position:absolute;
        top:5px;
        right:0px;
        font-size: 10pt;
        font-weight: bold;
}

.adminmenuDividers
{
    color:white;
}
.adminmenu ul, .adminmenuRightHand ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	min-height: 28px;
	background-repeat: repeat-x;

}

.adminmenu ul li, .adminmenuRightHand ul li
{
    display:inline-block;
    padding-top:8px;
    padding-bottom:8px;
}

.adminmenu ul li a, .adminmenuRightHand ul li a
{
    padding-right: 14px;
    padding-left: 0px;
    text-decoration:none;
    color:white;
    
}
.adminmenu ul li a:hover, .adminmenuRightHand ul li a:hover
{
    text-decoration:underline;
    color:white;
}
.adminmenu ul li a:visited, .adminmenuRightHand ul li a:visited
{
    color:white;
    }
.adminmenuSelected
{
	padding-top: 7px;
	padding-bottom: 6px;
	background-repeat: repeat-x;
	background-position: center 50%;
	color: yellow;
	line-height: 1em;
}

.globalHidden
{
	visibility:hidden;
	height:0px;
	position: absolute;
}
.adminMenuHidden
{
	display:inline;
}
.adminmenu img
{
	position: relative;
	top: 2px;
}
.adminMenuTwitterStatus
{
	position:relative;
	top:-5px;
	float:right;
}
.adminMenuHelp
{
	position:relative;
	top:-5px;
	float:right;
}
.adminMenuBlocked{
    background-color:#FFFF40;
    color:black;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
       
border-radius:5px;
}

.adminTopMenuUnreadMessage, .adminTopMenuReadMessage{
    float:right;
}

.topMenuHelp a:before, .adminTopMenuLogout a:before, .adminTopMenuUnreadMessage a:before, .adminTopMenuReadMessage a:before  {
    font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    font-size: 15px;
    margin-right: 4px;
    width: 15px;
}
    .topMenuHelp a:before {
    content:"\f059";
}
.adminTopMenuLogout a:before {
    content:"\f2f5";
}

.adminTopMenuUnreadMessage a:before, .adminTopMenuReadMessage a:before {
     content:"\f0e0";
}

.adminTopMenuUnreadMessage a:before{
    animation-name: messagePulse;
  animation-duration: 0.8s;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  color:black;
}
@keyframes messagePulse {
  from {color:white;}
  to {color:black;}
}

/* Mobile comment */

.adminmenu #pnlStandardUser8 {display:none;}



/* Tabs */

.tabs
{
	background-color: #F1F1F1;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 10pt;
	padding-top: 0px;
	font-weight: bold;
	padding-right: 15px;
}

.tabs ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-left: 10px;
}

.tabs ul li
{
	display: inline;
	position: relative;
	top: 3px;
}

.tabs ul li a 
{
    padding-right: 0px;
    padding-left: 0px;
    text-decoration:none;
    color:white;

}
.tabs ul li a:hover
{
    text-decoration:underline;
    color:white;
}
.tabs ul li a:visited
{
    color:white;
    }
    
/* New style tabs  */
.tabLinks
{
	margin-top:0px;
	min-height:27px;
	margin-left:10px;
}

.tabLinks ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-left: 0px;
	
}
.tabLinks ul li
{
	display: inline;
}
.tabLinks ul li a
{
    display:inline-block;
	height:17px;

	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#16A085;
	color:white;
    margin-top:5px;
	

}
.tabLinks ul li a:hover
{
	background-color:#0D7963;

}
.tabLinks ul li .tabLinksSelected 
{
	background-color:#396B97;
	
	color:white;
}



/* Button Bar */

.buttonBar, .buttonBarOrders, .buttonBarPadded
{
	min-height: 45px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 10pt;
	padding-top: 0px;
	padding-left:2px;
    padding-bottom:10px;
	font-weight: bold;
	background-position: 0% 0%;

	background-color:#ECECEC;
}

.buttonBarPadded
{
    padding-top:18px;
    min-height:27px;
    padding-left:10px;
    padding-right:10px;
}

.buttonBarOrders {
    padding-top:18px;
    height:37px;
    padding-right:10px;
    padding-left:10px;
}
.buttonBarButton
{
	margin-top:18px;
	margin-left:10px;
}
.buttonBarButtonRight
{
	float:right;
	margin-top:18px;
	margin-right:10px;
}

.buttonBarCheck
{
	margin-right:15px;
}
.button
{
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;

}

/* Order Table */
.orderTable
{
	border-top: 1px;
	border-bottom: 1px;

}

.orderTable thead
{
 background-color:#C0C0C0;
 font-weight:bold;
}

.orderTable td
{
	padding-right: 10px;
	padding-left: 10px;
	 padding-top:3px;
	 padding-bottom:3px;
}

.orderTable tbody td
{
	border-right: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
}
.orderTable td a
{
   display: block;
   color:#404040;
}
.orderTable td a:hover
{
	text-decoration:none;
}
.orderTable tbody tr:hover
{
	background-color:#E6E7EC;
}

.orderTable tfoot
{
	background-color: #C0C0C0;
}
.OrderTableCalendar td
{
	padding-right: 0px;
	padding-left: 0px;
	 padding-top:0px;
	 padding-bottom:0px;

}

.orderTable tr:nth-child(even)    
{ 
	background-color:#F4F4F6; 
	}
	
.orderTable tr:nth-child(odd)
{
	}
	
/* for IE8 */
.ordersTableRow0
{
	
}
.ordersTableRow1
{
	background-color:#F4F4F6; 
}

/* Product Menu */

.productMenu, .productMenuUpsell
{
	border-right: #FCE1E0 1px solid;
	border-left: #FCE1E0 1px solid;
	border-bottom: #FCE1E0 1px solid;
	width: 150px;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:10px;
}
.productMenu ul, .productMenuUpsell ul
{
	list-style-type: none;
	width:150px;
	padding-left: 0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.productMenuUpsell {
width:800px;
border-right: none;
}
.productMenuUpsellProduct {
    margin-left:50px;
    width:800px;;
}

.productMenuTitle
{
	background-image: url(../Images/productMenuTitle.png);
	color:#404040;
	width: 142px;
	height: 20px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	margin-left:5px;
	margin-top:5px;
}
.productMenuSearchBox
{
	width:100px;
	height:15px;
	margin-bottom:3px;
	margin-top:2px;
	color:#404040;
	margin-left:0px;
}
.productMenuSearchButton
{
	position: relative;
	top: 6px;
}
.productMenuSearchDropDown
{
	margin-left:0px;
}


.productMenuCategory
{
	padding-top: 3px;
	padding-left: 10px;
	color: #404040;
	background-image: url(../Images/productMenuCategory.png);
	width: 140px;
	line-height: 22px;
	font-weight: bold;
}
.productMenuSubCategory {
	padding-left: 10px;
	color: Gray;
}
.productMenuSubCategory a
{
	color:Gray;
	text-decoration:none;
    overflow-wrap: anywhere;
}

.editProductMenuSubCat a
{
    overflow-wrap: anywhere;
}

.productMenuSubCategory a:visited
{
	color:Gray;
	text-decoration:none;
}
.productMenuSubCategory a:hover
{
	color:Black;
	text-decoration:underline;
}
.productMenuTop{
	margin-left:10px;
}
.productMenuTopButtons{
	color:gray;
	display:inline-block;
	padding-bottom:3px;
}

/* Content Page */
.contentPrompt1 {
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}
.contentSEOPageTitle
{
	width:400px;
}
.contentSeoMetaDescription
{
	color: #404040;
	width:400px;
}
.contentHelpTextOffset
{
	padding-left:155px;
	color:#C0C0C0;
	 font-size:9pt;
}
.contentGalleryButton
{
	margin-left:155px;
	display:block;
}

.gallery2Wrapper
{
    margin-left:15px;
    margin-top:15px;
}
.contentPhoto
{
 height:300px;
 width:280px;
    display:inline-block;
    margin-right:10px;
    margin-bottom:0px;
    text-align:left;
}
.contentPhoto img
{
    width:280px;
    height:280px;
}

.contentPhotoListSelector {
    position:relative;
    top:-298px;
    left:256px;
}

.contentPhotoFilename
{
    font-size:8pt;
width :275px;
height:20px;
overflow:hidden;
display:inline-block;
background-color:#F5F5F5;
padding-left:5px;
}

/* Product Details Page */

.productDetailsPrompt1
{
	width:120px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.productDetailsH1
{
	font-weight: bold;
	font-size: 11pt;
	color: #404040;
	width:350px;
}
.productCode
{
	color: #404040;
	width:85px;
	margin-bottom:2px;
}
.productCode:disabled {
		padding:2px;
		width:87px;
	}

.productCheckBox{
	position:relative;
	left:-4px;
}

.productDetailsDescription {
	color: #404040;
	width: 940px;
}
.productDetailsStandardPrice
{
	color: #404040;
	width:85px;

}
.productDetailsSeoTitle
{
	color: #404040;
	width:290px;
}
.productDetailsSeoMetaDescription
{
	color: #404040;
	width:400px;
}
.productVariantPrice
{
	width:90px;
}
.productDetailsFileUpload
{
	display:inline;
	width:220px;
}
.productDetailsThumnailWrapper
{
	border-right: #E0E0E0 1px solid;
	border-top: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;
	border-bottom: #E0E0E0 1px solid;
	margin-top:10px;
	margin-right:10px;
	padding:10px 10px 10px 10px;
	width: 350px;
}

.productDetailsThumnailImage {
    margin-bottom:10px;
}
.productImageControl
{
	float: left;
	padding-right: 0px;
	border-right: #E0E0E0 1px solid;
	border-top: #E0E0E0 1px solid;
	border-left: #E0E0E0 1px solid;
	border-bottom: #E0E0E0 1px solid;
	margin-bottom:10px;
	margin-right:10px;
	padding:10px 10px 10px 10px;
	width:350px;
}
.productImageControlImage
{
	width:350px;
    margin-bottom:10px;
}

.productImageControl .imageIcons
{
    float:right;
    margin-right:10px;
}

.productDetailsHelpTextOffset
{
	padding-left:120px;
	color:#C0C0C0;
	 font-size:9pt;
}




/* Deliveris Page  */
.deliveriesMapWrapper
{
	padding-bottom:15px;
}
.mapBorder
{
	border-right: #C0C0C0 1px solid;
	border-top: #C0C0C0 1px solid;
	border-left: #C0C0C0 1px solid;
	border-bottom: #C0C0C0 1px solid;
	width:800px;
	height:250px;
}

.deliveriesFloatRight
{
	float:right;
	margin-right:5px;
}


/* not used by admin system */
.productDetails
{
	margin-left:0px;
margin-right:0px;
width:100%;
}
.productDetails h1
{
	color:#AB2018;
}

.productDetailsImage
{
	float:right;
}
.productDetailsFeatures
{
}
.productDetailsPrices
{
	color:#D34F3A;
}
.productDetailsBuy
{
	margin-top:20px;
}
.productDetailsBack
{
}
.productDetailsNote
{
	margin-top:20px;
}
.productDetailsNote a
{
	color:Gray;
}



/* Order Details Page  */

.orderDetailsWrapper h2
{
    margin-top:8px;
    margin-bottom:2px;
}
.orderDetailPage a
{
	color:inherit;
	text-decoration:underline;
}
.orderDetailPage a:visited
{
	color:inherit;
	text-decoration:underline;

}
.orderStatus
{
	position:relative;
}
.orderDetails table
{
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	width:630px;
}
.orderDetails table thead tr
{
	background-color:#f1f1f1;
	
}
.orderDetails table thead tr
{
	border-bottom: #c0c0c0 1px solid;
}
.orderDetails table tbody tr
{
	border-bottom: #c0c0c0 1px solid;
}
.orderDetails table td
{
	padding-left:2px;
	padding-right:2px;
	border-right: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
}

.orderDeliveryDetailsTitle h2{
    margin-bottom:3px;
    margin-top:10px;

}

.orderDeliveryDetailsTable table
{
		border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	width:630px;
}
.orderDeliveryDetailsTable table thead tr
{
	border-bottom: #c0c0c0 1px solid;
}
    
.orderDeliveryDetailsTable table tr
{
	border-bottom: #c0c0c0 1px solid;
}
.orderDeliveryDetailsTable table td
{
	padding-left:2px;
	padding-right:2px;
	border-right: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
}
  
.tableColumn
{
	padding-right: 10px;
	border-collapse: separate;
	margin-right: 10px;

}

.orderDetailsDeliveryPhoto img
{
    max-height:300px;
    max-width:300px;
}

/* order Pages */

.orderBillingDetails
{
	float:right;
    min-width:220px;
    position: relative; /* makes clickable*/
    z-index: 1; /* makes clickable*/
    top:-20px;
}
.orderBillingDetails .Edit
{
	display:inline;
    font-weight:normal;
    font-size:10pt;
}

.orderDeliveryContactDetails
{
	float:right;
    min-width:220px;
    padding-left:10px;
    padding-bottom:5px;
}
.orderDeliveryContactDetails h2
{
    margin-top:3px;
   margin-bottom:3px;
}
.orderDeliveryContactPrintLabel
{
 display:none;
 color:black;
}

.orderDeliveryCardMessagePrintLabel
{
display:none;
 color:black;
 font-family: 'Indie Flower','Bradley Hand ITC', cursive; /* Has to be loaded here or else print wont use*/
}


.orderBillingDetails h2
{
    margin-top:0px;
    margin-bottom:3px;
}
.orderDetailCardMessage, .orderDetailDelInstr, .orderDetailDeliveryComments
{
    border:1px solid #c0c0c0;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
    margin-top:5px;
}
.orderDetailCardMessage, .orderDetailDelInstr{
    clear: right;
}
.orderDeliveryDetailsStatus{
    padding-top:3px;

}
.endOfOrder
{
	text-align: center;
}
.orderDetailsAlternateLayout{
    float:right;
    padding-top:17px;
    padding-right:20px;
    color:grey;
}

.orderDetailsAlternateLayoutHelp a{
    text-decoration:none;
}
.orderDetailsAlternateLayoutHelp a:before {
    font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    font-size: 17px;
    margin-right: 4px;
    width: 15px;
    color:#a3bf49;
     content:"\f059";
}

.orderDetailPage .orderDetailSubscriptionLink {
    color:blue;
}

/* Order details edit page */

.orderDetailEdit, .orderDetailEditHalf, .orderDetailEditDiv, .orderDetailEditWatermark, .orderDetailEditHalfRight, .orderDetailEditQuarterRight {
    background-color:#fffff6;
    margin-bottom:3px;
    margin-left:0px;
    margin-right:0px;

    border-width:1px;
    border-style:solid;
    border-color:#b2b2b2;
     border-radius:3px;
     padding-left:2px;
}

.orderDetailEditDiv{
    display:block;
}

.orderDetailEdit:focus, .orderDetailEditHalf:focus, .orderDetailEditDiv:focus, .orderDetailEditHalfRight:focus, .orderDetailEditQuarterRight:focus {
    background-color:white;
}

.orderDetailEdit, .orderDetailEditDiv, .orderDetailEditWatermark {
    width:250px;    
}


.orderDetailEditHalf, .orderDetailEditHalfRight{
    width:120px;
    margin-right:1px;
}

.orderDetailEditQuarterRight {
    width:60px;
}
.orderDetailEditWatermark {
    color:#b2b2b2;
}
.orderDetailEditHalfRight, .orderDetailEditQuarterRight {
text-align:right;
}

/* Despatch page */

.deliverPrompt1
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.deliverPrompt2
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.deliverPrompt3
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.deliverPrompt4
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
    height:2em;
}


/* Refund Page */
.refundPrompt1
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

.responsivePrompt{
    font-weight:bold;
    width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

/* Page Specific  */
.loginPanel
{
	margin-top:80px;
	width:300px;
	margin-left: auto;
	margin-right: auto;
    background-color:white;
    padding:50px;
    border:1px solid grey;
}
.logon
{
	text-align: left;
}
.loginPanelHeader
{
	margin-bottom:20px;
	}
#Login1_UserName
{
	width:200px;
	margin-top:5px;
	margin-bottom:3px;
	float:right;
}
#Login1_Password
{
	width:200px;
	float:right;
}
#Login1_RememberMe
{
	margin-top:10px;
}
.loginMessage
{
	display:inline-block;
	background-color:#FFFFC0;
	padding:10px;
	line-height:20px;
	}
.loginTip {
    margin-top:20px;
    border:#9d9d9d 1px solid;
    border-radius: 5px;
    padding:10px;
    background-color:#fdffe3;
    color:#666666;
}
.loginTip p
{
    margin-top:0px;
    margin-bottom:8px;
}
.loginTip strong {
    font-weight:normal;
    color:black;
}
.loginTip img
{
    float:left;
    padding-right:15px;
    padding-bottom:5px;
}

/*  Voucher  */
.voucherTextBox
{
	width:120px;
}
.voucherTextBoxNarrow
{
	width:50px;
}


/* Product Modifier List Page */

.ProductModifierPrompt1
{
	width:120px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

/* Product Linker */

.productLinkerHeader
{
	border-bottom: #c0c0c0 1px solid;
	margin-bottom:10px;
}
.productLinkerHeader img
{
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
	float:right;
}
.productLinkerBody
{
}

/* Delivery Timetable */

.deliveryOptionTime
{
	width:52px;
}
.deliveryOptionLongDesc
{
	width:100%;
    font-family:inherit;
    font-size:inherit;
    height:50px;
    resize:vertical;
}
.deliveryOptionDivider
{
	border-bottom: gray 1px solid;
	height:30px;
}

/* Delivery   */

.deliveryCol1Of2
{
	float:left;
	width:300px;
	padding-left:10px;
	padding-right:10px;
}

.deliveryCol2Of2
{
	 margin-left:320px;
	 padding-right:10px;
}
.deliveryCalendarFullyOpen
{
	background-color:#40FF40; 
}
.deliveryCalendarFullyOpenLegend
{
	background-color:#40FF40; 
	padding-left:6px;
	padding-right:6px;
}
.deliveryCalendarPartiallyOpen
{
	background-color:#ADFFAD;
}
.deliveryCalendarPartiallyOpenLegend
{
	background-color:#ADFFAD; 
	padding-left:6px;
	padding-right:6px;
}
.deliveryCalendarClosed
{
	background-color:Red; 
}
.deliveryCalendarClosedLegend
{
	background-color:red; 
	padding-left:6px;
	padding-right:6px;
}
.deliveryCalendarFullyOpenException
{
	background-color: #40FF40;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.deliveryCalendarPartiallyOpenException
{
	background-color:#ADFFAD;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.deliveryCalendarClosedException
{
	background-color:Red;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
.deliveryExceptionLegend
{
	padding-left:5px;
	padding-right:5px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.deliveryOptionBandSmallTextBox
{
	width:50px;
}
.deliveryOptionBandButton
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/* Click and Collect  */

.SellectCollectPrompt
{
	width:280px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.SelectCollectOpening
{
	width:50px;
}

/*  Delivery Locations  */

.deliveryLocationBox
{
	height:280px;
	border-top: silver 1px solid;
	border-right: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	padding-left:10px;
	margin-bottom:10px;
}
.deliveryLocationBox .map
{
	float:right;
	width:280px;
	height:280px;
}
.deliveryLocationBox h2
{
	display:inline;
	margin-right:0px;
}
.deliveryLocationSelectButtons
{
	display:inline;
	position:relative;
	top:5px;
	margin-left:10px;
}
.deliveryLocationPriceAll
{
	float:right;
	margin-right:10px;
}
.deliveryLocationPriceAllPrice
{
	width:45px;
}
.deliveryLocationPriceAllButton
{
position:relative;
top:5px;
}
.deliveryLocationItem
{
	float:left;
	clear:left;
	width:212px;
	margin-bottom:2px;
	display:block;
}
.deliveryLocationItemCol1
{
	float:left;
	width:222px;
	
}
.deliveryLocationItemCol2
{
	float:left;
	width:222px;
}
.deliveryLocationItemCol3
{
	float:left;
	width:222px;
}
.deliveryLocationItemPrice
{
	width:45px;
	float:right;
	height:15px;
	padding:0px;
	color:#404040;
}
/* Reminder Setup Page */

.reminderSetupCheck
{
	margin-left:100px;
}


/* Support Page  */

.supportMenu
{
	display:inline-block;
	margin-right:13px;
}

/* Send Message Page */


.messagePrompt1
{
	width:80px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

.messageSendSubject
{
	width:800px;
}

/* messages page */
.messagesColSelect {
    width:20px;
}
}
.messagesColView
{
	width:40px;
}

.messagesColDate
{
	width:150px;
}
.messagesColButtons
{
	width:75px;
}

.messagesUnread
{
	font-weight:bold;
}
a.messagesUnread
{
	color:#404040;
}
.messagesRead
{
	font-weight:normal;
}
a.messagesRead
{
	color:#404040;
}
a:visited.messagesRead
{
	color:#404040;
}

/* Message page */

.messageSubject
{
	margin-top: 10px;
	padding-top: 0px;
	font-size: 12pt;
	color: Gray;
	font-weight: bold;
	color: #808080;
}
.messageSent
{
	font-weight:bold;
}

/*  Style Sheet Editor  */

.cssEditor
{
	width:930px;
	margin-left:0px;

}
.cssEditSave
{
	
}
.cssEditorToolbar
{
	margin-left:15px;
	position:fixed;
	top:110px;
	left:50%;
	margin-left:-440px;
	background-color:#C0C0C0;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:15px;
}
.cssEditorToolbar a
{
	margin-right:10px;
	margin-left:10px;
	color:White;
}

/* Orders Page */

.ordersSearchBox
{
	width:260px;
	height:15px;
	margin-bottom:3px;
	margin-top:2px;
	color:grey;
	margin-left:0px;
    padding:3px;
    border:#C0C0C0 1px solid;
}
.ordersSearchButton
{
	position: relative;
	top: 5px;
}

#pnlHelpText
{
	padding-left:10px;
	padding-right:10px;
}
.ordersSelectButtons{
    clear:right;
}

.ordersSelectionBoxesRefresh
{
	float:right;
}

.ordersSummary tbody td
{
	border-bottom:#C0C0C0 1px solid;
	padding-right:5px;
}
.ordersSummary td:first-child 
{
	padding-left:10px;
 }
 .ordersSummary .buttonCell 
{
	background-color:white;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:0px;
	margin-bottom:0px;
 }

.ordersOrderStatus2
{
	background-color:#FFFFC0;
}
.ordersOrderStatus3
{
	background-color:#D3FFD3;
}
.ordersOrderStatus4
{
	background-color:#95FF95;
}
.ordersOrderStatus5
{
	background-color:#CFD2FF;
}
.ordersOrderStatus6
{
	background-color:#FFC0C0;
}
.ordersOrderStatus6
{
	background-color:#FFC0C0;
}
.ordersOrderStatus7
{
	background-color:#FFA9A9;
}
.ordersOrderStatusGrey
{
    background-color:#f3f3f3;
}


.ordersLegend
{
	color:Black;
	margin-right:15px;
}
.ordersLegend .ordersOrderStatus2, .ordersLegend .ordersOrderStatus3, .ordersLegend .ordersOrderStatus4, .ordersLegend .ordersOrderStatus5, 
.ordersLegend .ordersOrderStatus6, .ordersLegend .ordersOrderStatus7, .ordersLegend .ordersOrderStatusGrey
{
	display: inline-block;
	width: 120px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
    border:1px solid darkgray;
}



/* Reports */
.reportParamaters
{
	
	display:inline-block;
	position:relative;
	top:0px;
	margin-left:30px;
}
.reportParamaters .buttonBarButton
{
	position:relative;
	top:5px;
}
.reportParamaters input
{
	text-align:center;
}
.reportPage
{
	width: 630px;
	-webkit-box-shadow: 5px 5px 15px 0px #202020;
	-moz-box-shadow: 5px 5px 15px 0px #202020;
	box-shadow: 5px 5px 15px 0px #202020;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 130px;
	margin-right: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: #cdcdcd 3px solid;
	border-left: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-right: #cdcdcd 3px solid;
	
}
.reportPageWide
{
	width:710px;
	-webkit-box-shadow: 5px 5px 15px 0px #202020;
	-moz-box-shadow: 5px 5px 15px 0px #202020;
	box-shadow: 5px 5px 15px 0px #202020;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
	margin-right: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: #cdcdcd 3px solid;
	border-left: #cdcdcd 1px solid;
	border-top: #cdcdcd 1px solid;
	border-right: #cdcdcd 3px solid;
}
.reportPage h1
{
	color:Black;
	font-size:13pt;
	margin-top:10px;
	margin-bottom:0px;
	text-align:left;
	height:40px;
}
.reportPage .subTitle
{
	color:#404040;
	font-size:10pt;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	display:block;
	}
.reportPage .summaryBox
{
	background-color:#D3FFD3;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:5px;
}
.reportPage .summaryBox h2
{
	color:#202020;
	font-size:11pt;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-right:30px;
}
.reportPage .summaryBox h3
{
	color:#404040;
	font-size:10pt;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding-top:0px;
}
.reportPage .reportTable thead
{
	background: url(../Images/headerBackground.png) repeat-x;
	font-weight:bold;
}
.reportPage h3
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:0px;
	font-size:11pt;
}
.reportPage h4
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:9pt;
}
.reportPage .reportTable tbody td
{
	border-bottom:#E8E6E6 1px solid;
	padding-right:5px;
}
.reportPage h4
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:5px;
}
.reportPage .subTotal td
{
	background-color:#D3FFD3;
}
.reportPage .spacer
{
}
.summaryReportRow .linkButton{
margin-top:5px;
margin-bottom:5px;
}

.barChart
{
	-webkit-box-shadow: 2px 2px 4px 0px #202020;
	-moz-box-shadow: 2px 2px 4px 0px #202020;
	box-shadow: 1px 2px 4px 0px #202020;
}


/* News Story */
.StoryPrompt1
{
	width:120px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.StoryTextBoxLong
{
	width:400px;
}

/* Menu Editor */
.menuPrompt
{
	width:200px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.menu
{
position:static;
}

.reportAuditPrompt
{
	display:inline-block;
	width:100px;
}


/*  master seasonal promotion tool */
.promotionURL
{
	display:inline-block;
	width:300px;
}

.errorMessage .promotionURL
{
	width:auto;
}


/* Seasonal Promotion config tool */
.promoSubCatAdd .seasonPromoSubCatDrp
{
    color:grey;
border: 1px  solid grey;
}


/* location maintenance  */

.locationPrompt1
{
	width:120px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}

/* Customer Page */

.customerPrompt1
{
	width:150px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.customerTextBox1
{
	width:250px;
    margin-bottom:3px;
}
.customerTextBox2 {
    width: 125px;
    margin-bottom: 3px;
}
.customerTextBox3 {
    width: 500px;
    margin-bottom: 3px;
}
.customerSearch
{
	float:right;
    margin-top:-5px;
}
.customerSearchButton
{
	position:relative;
	top:4px;
}
.customerSearchBox, .customerSearchBoxWatermark {
width:370px;
padding-left:3px;
}
.customerSearchBoxWatermark{
    color:grey;
}

/* used to hide elements that mess up the admin system */
.hiddenInAdmin 
{
	display:none;
}

/* Relay Search  */
.relaySearchNoResultsImg
{
	float:left;
	margin-right:20px;
	margin-top:20px;
	}
.relaySearchNoResults
{
	padding:5px;
	background-color:#FFFFC0;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	margin-left:10px;
}


/* Relay Shop */


.adminColumn1of1 .shopColumn1of2
{
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
	float:left;
	width:160px;
	padding-left:0px;
	padding-right:0px;
}


.shopColumn2of2
{
	margin-left:160px;
}
.shopColumn2of2NoCol1
{
	margin-left:0px;
}
.relayProductMenu, .relayProductMenuMobile
{
    margin-right:10px;
}

.relayProductMenuTopSection
{
	background-color:#EFEDED;
	width:145px;
	padding-left:5px;
	padding-bottom:5px;
}
.relayProductMenuTopSectionHeader
{
	margin-top:0px;
	background-image: url(../Images/relayProductMenuCategory.png);
	background-repeat: no-repeat;
	line-height:22px;
	padding-top:3px;
	padding-left:5px;
}
.relayProductMenuSearchBox
{
	width:104px;
     border-radius:5px;
    padding:3px;
	}
.relayProductMenuSearchDropDown
{
    margin-top:10px;
	width:140px;
    border-radius:5px;
    padding:3px;
}


.relayProductMenuButtonBasket, .relayProductMenuHome, .relayProductMenuPurchaseHistory, .relayProductMenuOpenOrders, .relayProductMenuCategory
{
    background-color:#cfcfcf;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
	line-height:30px;
    margin-top:10px;
}
.relayProductMenuButtonBasket a, .relayProductMenuHome a, .relayProductMenuPurchaseHistory a, .relayProductMenuOpenOrders a, .relayProductMenuCategory a
{
    display:block;
	color:Black;
    width:146px;
    padding-left:4px;
}
.relayProductMenuButtonBasket a:before, .relayProductMenuHome a:before, .relayProductMenuPurchaseHistory a:before, .relayProductMenuOpenOrders a:before {
     font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    font-size:18px;
    margin-left:0px;
    margin-right:5px;
    width:18px;
    display:inline-block ;
    text-align:center;
}
.relayProductMenuButtonBasket a hover::before, .relayProductMenuHome a:hover::before, .relayProductMenuPurchaseHistory a:hover::before, .relayProductMenuOpenOrders a:hover::before{
    text-decoration:none;
}
.relayProductMenuPurchaseHistory a:before{
    content: "\f1da";
}
.relayProductMenuHome a:before {
    content: "\f015";
}
.relayProductMenuButtonBasket a:before{
     content: "\f291";
}
.relayProductMenuOpenOrders a:before{
     content: "\f154";
}




.relayProductMenuButton{
    width:140px;
}

	
.relayProductMenu ul, .relayProductMenuMobile ul
{
	list-style-type: none;
	width:150px;
	padding-left: 0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	line-height:20px;
}

.relayProductMenuSubCategory
{
	padding-left: 5px;
	color:Black;
	line-height:20px;
	background-color:#EFEDED;
	border-bottom: white 1px solid;
}
.relayProductMenuSubCategory a
{
	color:black;
	text-decoration:none;
}
.relayProductMenuSubCategory a:visited
{
	color:black;
	text-decoration:none;
}
.relayProductMenuSubCategory a:hover
{
	color:Black;
	text-decoration:underline;
}



/*  Relay Search  */
.relaySearchLogo
{
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-left:10px;
}
.relaySearchWrapper1
{
	position:relative;
	height:20px;

}
.relaySearchWrapper2
{
	position:relative;
	height:30px;
padding-bottom:20px;
}
.relaySearchButton
{
	float:right;
	position:relative;
	top:-6px;
	display:inline;

}
.relaySearchPrompt0
{
	display:inline-block;
	margin-left:70px;
}

.relaySearchPrompt
{
	display:inline-block;
	margin-left:70px;
}


.relayWebsitePaymentIcon
	{
		margin-right:5px;
		}

/* Relay Product Details Page */

.relayProductDetails
{
}

.relayProductDetails .productDetailsLeftHandCol
{
	width:520px;
	background-color:#FBF9F9;
	padding:5px;
}
.relayProductDetails .productDetailsCol1
{
	width:350px;
}
.relayProductDetails .productDetails h1
{
	color:#593C6A;
	font-weight: bold;
	font-size: 12pt;
}

.relayProductDetails .productDetailsImageWrapper
{
	float:right;
	margin-right:10px;
	margin-left:20px;
		width:300px;

}
.relayProductDetails .productDetailsImage
{
	max-width:300px;
}
.relayProductDetails .productDetailsFeatures
{
}
.relayProductDetails .productDetailsPrices
{
	color:#666666;
}
.relayProductDetails .enterPrice{
    margin-left:27px;
}

.relayProductDetails .productDetailsBuy
{
	margin-top:20px;
}
.relayProductDetails .productDetailsBack
{
	padding-bottom:15px;
}
.relayProductDetails .productDetailsNote
{
	clear:right;
	margin-top:20px;
}
.relayProductDetails .productDetailsNote a
{
	color:Gray;
}
.relayProductDetails .productDetailsLinkedProducts
{
	clear:right;
	display:table;
	width:770px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: #E5E5E5 1px solid;
}
.relayProductDetails .productDetailsLinkedProducts h1
{
font-size:10px;		
}
.relayProductDetails .productDetailsMoreImages
{
	display:inline;
letter-spacing:-1px
}
.relayProductDetails .productDetailsMoreImages a
{
margin-left:-1px;
margin-right:-1px;
}

.relayProductDetails .productDetailsZoomImage
{
	float:right;
}

.relayProductDetails .popUpImageText
{
	position:absolute;
	top:0px;
}
.relayProductDetails .productModifiersTab{
    display:table;
    width:500px;
}
.relayProductDetails .productModifiersTr{
    display:table-row;
    
}
.relayProductDetails .productModifiersTd1{
    display:table-cell;
    width:200px;
    text-align:left;
}
.relayProductDetails .productModifiersTd2{
    display:table-cell;
    vertical-align:top;
    padding-bottom:10px;
}




/*  clickable categories */

.relaySubCategorySummaries .productSubCatSummary
{
	width:770px;
	height:310px;
}
.relaySubCategorySummaries h1
{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	padding-top:0px;
border-bottom:none;
}
.relaySubCategorySummaries  a
{
	text-decoration:none;
}
.relaySubCategorySummaries .subCategorySummaries a:visited
{
	text-decoration:none;
}

.relaySubCategorySummaries .productSubCatSummaryMore .productSummaryImage
{

	text-align:left;
}
.relaySubCategorySummaries .productSubCatSummaryMore a
{
	text-decoration:none;

}
.relaySubCategorySummaries .productSubCatSummaryMore h1
{
	background-color:inherit;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:15px;
	padding-bottom:15px;
	height:80px;
font-size:18pt;
word-wrap:break-word;
line-height:1em;
font-weight:normal;
}
.relaySubCategorySummaries .productSubCatSummaryMore .productSummaryImage
{
	background-color:#E2E2E2;
}

.relaySubCategorySummaries .productSubCatSummaryMore a {
	display:block;
    width:100%;
    height:100%;
    z-index:10; /* raises anchor tag above everything else in div */
}
.relaySubCategorySummaries .productSubCatSummaryMoreInner
{
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;
}
.relaySubCategorySummaries .productSubCatSummaryMoreMore
{
	float:right;
}


/* Relay Open Orders  */
.relayOpenOrderImage
{
	float:right;
}
.relayOpenOrdersPrompt
{
	display:block;
	width:100px;
	float:left;
	min-height:10px;
}
.relayOpenOrdersPrices 
{
	line-height:25px;
}
.relayOpenOrdersPrices label
{
	margin-right:10px;
}
.relayOpenOrdersFlowerChoice
{
	width:350px;
}

.relayOpenOrdersComments
{
	width:300px;
}


/* products page  */

.productMaintenancePictorial
{
	position:relative;
    width:800px;
}

.productMaintenancePictorial .screenShot
{
	float:right;
	margin-right:0px;
    
}

.productMaintenancePictorial .linkProductAdd
{
 position:absolute;
 top:0px;
}

.productMaintenancePictorial .linkProductQuickSnap
{
 position:absolute;
 top:25px;
}

.quickSnapIcon:before, .galleryIcon:before, .spinnerIcon:before, .quickSnapTaken:before {
     font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    margin-right:4px;
    font-size:20px;
}

.quickSnapIcon:before{
    color:#e61b44;
    content: "\f030";
}

.galleryIcon:before {
    color: green;
    content: "\f302";
}
.spinnerIcon:before {
    content: "\f1ce";
}

.spinnerIcon:before {
    display:inline-block;
  
   -webkit-animation:spin 2s linear infinite;
   -moz-animation:spin 2s linear infinite;
   animation:spin 2s linear infinite;
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.buttonOffset
{
    position:relative;
    top:-8px;
}

.quickSnapTaken:before {
    color:green;
    content: "\f058";

  animation-name: quickSnapTaken;
  animation-duration: 1s;
  animation-iteration-count:infinite ;
  animation-direction: alternate;
}

@keyframes quickSnapTaken {
  from { opacity: 0; }
    to   { opacity: 1; }
}

.tip:before{
      font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    content: "\f0eb";
    margin-right:4px;
    font-size:15px;
}

.productMaintenancePictorial .linkProductCategories
{
 position:absolute;
 top:68px;
}

.productMaintenancePictorial .linkProductVariants
{
 position:absolute;
 top:179px;
}

.productMaintenancePictorial .linkProductSubCatUpsell
{
 position:absolute;
top:242px;
}
.productMaintenancePictorial .linkProductFeatures
{
 position:absolute;
 top:104px;
}
.productMaintenancePictorial .linkProductModifiers
{
 position:absolute;
 top:137px;
}
.productMaintenancePictorial .linkStock {
	position: absolute;
	top: 210px;
}
.productMaintenancePictorial .linkProductNote
{
 position:absolute;
 top:290px;
}
.productMaintenancePictorial .linkProductVoucher
{
 position:absolute;
 top:313px;
}

.productMaintenancePictorial .linkProductPath
{
 position:absolute;
 top:335px;
}

/* Content Page */

.contentEditPagePrompt
{
	width:325px;
	float:left;
	padding-right:5px;
}
.contentEditPagesList
{
	color:#0088CC;
}

.contentMaintenancePictorial
{
	position:relative;
	height:456px;
    width:960px;
}
.contentMaintenancePictorial .screenShot
{
	float:right;
	margin-right:100px;
}

.contentMaintenancePictorial .linkContentAdd
{
 position:absolute;
 top:7px;
}
.contentMaintenancePictorial .linkContentMessage
{
 position:absolute;
 top:32px;
}
.contentMaintenancePictorial .linkContentTheme
{
 position:absolute;
 top:77px;
}
.contentMaintenancePictorial .linkContentMenu
{
 position:absolute;
 top:102px;
}
.contentMaintenancePictorial .linkContentAnimations
{
 position:absolute;
 top:127px;
}
.contentMaintenancePictorial .linkContentSocial
{
 position:absolute;
 top:153px;
}
.contentMaintenancePictorial .linkContentNews
{
 position:absolute;
 top:406px;
}
.contentMaintenancePictorial .linkContentSeasonal
{
 position:absolute;
 top:302px;
}

.contentMaintenancePictorial .linkContentPeakTime
{
 position:absolute;
 top:352px;
}


/* Product Notes */
.ProductNotePrompt2
{
	width:250px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}


/* settings contact details */

.settingsContactPrompt
{
	width:250px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
	}
	
.settingsContactBox1
{
	width:250px;
	}
	
/* relay box for Divs */

.relayBoxDiv	
{
margin-top:10px;
margin-bottom:10px;
border: 6px solid;
border-color:#E3E1E1;
border-radius: 10px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
}

.relayBoxHighlight	
{
	margin-top:10px;
margin-bottom:10px;
border: 6px solid;
border-color:#E3E1E1;
border-radius: 10px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
background-color:#FFFFC0;
}
	
/*   Relay Box (and checkout)   */
.relayBox
{
	margin-top:10px;
	}
.relayBox a
{
	text-decoration:none;
}
.relayBox a:hover
{
	text-decoration:underline;
}
.basketBorderBottom td
{
	border-bottom:1px solid;
	border-color:#E3E1E1;
}
.checkoutBasketGrandTotal
{
	font-weight:bold;
	font-size:120%;
}


.relayBox table, .relayBox .relayBasket { 
border: 6px solid;
border-color:#E3E1E1;
border-collapse: separate;
border-left: 0;
border-radius: 10px;
border-spacing: 0px;
}
.relayBox .relayBasket{
    margin-top:10px;
}

.relayBox th:first-child, .relayBox td:first-child, .relayBox .relayBasketTd1
{
border-left: 6px solid;
border-color:#E3E1E1;
}

.relayBox thead:first-child .relayBox tr:first-child .relayBox th:first-child, .relayBox tbody:first-child .relayBox tr:first-child .relayBox td:first-child 
{
border-radius: 10px 0 0 0;
}

#pnlWebsiteSelected .relayBox td:nth-child(6)  {
display:none;
}

#pnlSearchResults .relayBox td:nth-child(6)  {
white-space: nowrap;
}

.basketOrderItemsProductName strong {
    color:#404040;
}

.checkoutContinueShopping a img
{
	filter:alpha(opacity=70);
	opacity:0.7;
}

.checkoutContinueShopping a:hover img
{
	filter:alpha(opacity=100);
	opacity:1.0;
}

.checkoutCheckout
{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.checkoutCheckout:hover
{
	filter:alpha(opacity=100);
	opacity:1.0;
}	

.checkoutTextBox, .checkoutTextBoxSmall, .localOrderWatermark
{
	width:250px;
    padding:4px;
    border-radius:4px;
    margin-bottom:4px;
    border:1px solid gray;
}
.checkoutTextBoxSmall{
    width:125px;
}


.localOrderWatermark {
     color:#b2b2b2;
}

.searchIcon:before{
    font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    content: "\f002";
    margin-right:3px;
    font-size:15px;
}

.settingIcon:before{
    font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    content: "\f013";
    margin-right:3px;
    font-size:15px;
}

.relayTerms
{
	padding-left:10px;
	padding-right:10px;
}

/* Relay Delivery Details  */

.checkoutPrompt, .checkoutPromptInline
{
	width:180px;
	float:left;
	text-align:right;
	padding-right:5px;
}
.checkoutPromptInline{
    width:auto;
    float:none;
    text-align:left;
    padding-right:0px;
}
.relayShopTop
{
	background-color:#EFEDED;
	padding:5px;
	margin-bottom:10px;
	line-height:30px;
}
.relayShopTop h1
{
	margin-top:7px;
	padding-top:0px;
}
.relayIndent{ margin-left:180px;}
.relayIndentLarge{ margin-left:230px;}

/* Relay Product Summary */


.relayProductSummary
{
	float:left;
	width:180px; /* depends upon thumbnail width - also check width of images btnProductSummaryBuy.png & btnProductSummaryMore.png */
	color:Black;
	margin-right:7px;
	height:250px;
	background-color:#F6F4F4;
	margin-bottom:10px;
	position:relative ;
	z-index:1;
}
.relayProductSummaryFeatured
{
	float: left;
	width: 180px; /* depends upon thumbnail width - also check width of images btnProductSummaryBuy.png & btnProductSummaryMore.png */
	color: Black;
	margin-right: 10px;
	height: 250px;
	background-color:#EFEDED;
	margin-bottom:10px;
	position:relative ;
	z-index:1;
}
.relayProductSummaryImage
{
	text-align:center;
	z-index:2;
}
.relayProductSummaryImage img {
   height:180px;
}
.relayProductSummaryTextBox
{
	z-index:10;
 position:absolute;
 top:180px;
	background-color:#EFEDED;
	width:180px;
}
.relayProductSummaryName
{
	text-align:left;
	color:black;
	font-size:8pt;
	height:25px;
	line-height: 1.2em;
	padding-left:5px;
    overflow:hidden;
}
.relayProductSummaryPrice
{
	color:black;
	text-align:left;
	padding-left:5px;
}
.relayProductSummaryButtons
{
	text-align:left;
	padding-left:5px;
}

.relayProductDetailsFloristComment
{
	width:200px;
}

.relayBasket{
    display:table;
    width:100%;
}
.relayBasketTr {
    display:table-row;
}
.relayBasketTd1, .relayBasketTd2, .relayBasketTd3, .relayBasketTd4, .relayBasketTd5, .relayBasketTd6 {
    display:table-cell;
    border-bottom:1px solid;
	border-color:#E3E1E1;
    padding:5px;
    vertical-align:top;
}
.tdRight{
    text-align:right;
}
.relayBasketTd1{
    width:70px;
}
.relayBasketTd3{
    width:90px;
    white-space:nowrap;
}
.relayBasketTd4{
    white-space:nowrap;
}
.relayBasketTd5{
    white-space:nowrap;
}
.relayBasketTd3, .relayBasketTd4, .relayBasketTd5{
    text-align:right;
}
.relayBasketTd6 {
display:none;
}
.localOrderPurchaseHistory .relayBasketTd6{
     display:table-cell;
}
.relayBasketTdSpan{
    display:table-cell;
    text-align:right;
    background-color:yellow;
}
.alignRight{
    margin-top:10px;
    float:right;
    clear:right;
    height:40px;
}
.localOrderPurchaseHistory .relayBasketTd3, .localOrderPurchaseHistory .relayBasketTd5{
    display:none;
}


.hiddenDisableEnterButton
{
	position:absolute;
	left:-2000px;
}

/* to make IE grey out disabled text boxes */
input[type="text"][disabled] {
    background-color: #ECECEC;
    border: solid 1px #7F9DB9; 
    color: #808080;
}
textarea[disabled] {
    background-color: #ECECEC;
    border: solid 1px #7F9DB9; 
    color: #808080;
}


/*   help page  */

.helpPage h1
{
	
}
.helpFeatured
{
	background-color:#FFFFC0;
	padding:10px;
	border: 1px solid silver;
}

/* html editor file browser */
.fileBrowserBody
{
	padding-top:10px;
	height:580px;
}
.fileBrowserPage
{
	margin: 0px auto;
	background-color:white;
	padding:10px;
	width:450px;
	border-top: silver 1px solid;
	border-right: silver 1px solid;
	border-left: silver 1px solid;
	border-bottom: silver 1px solid;
	border-radius:5px;
}

.fileBrowserPage h1
{
	padding-bottom:0px;
	margin:0px;
}
.fileBrowserPage p
{
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:10px;
}

.imageUploadButton
{
}


/*  SEO setup tool */

.seoPrompt1
{
	width:150px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}
.seoTextBox
{
	width:600px;
}

.helpDropDown
{
 position:relative;
 top:8px;
}

.watermark {color:#C0C0C0;
}

.leftIndent {
margin-left:150px;
}


/* Local Orders */

.localOrderHighlight{

background-color:#99E791;
	display:inline-block;
	margin-top:0px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
	padding-right:3px;
    border: #C0C0C0 1px solid;
border-radius:5px;
}

.localOrderBoxDiv	
{
margin-top:0px;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
border-bottom:3px solid #396b97;
border-left:3px solid #396b97;
border-right:3px solid #396b97;
border-radius:0px 0px 10px 10px;
}
.localOrderBoxDivFull
{
margin-top:0px;
margin-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
border:3px solid #396b97;
border-radius:10px;

}

.localOrderStatusBar{}

.localOrderStatusBar ul, .localOrderStatusBarResquence ul {
    list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-left:13px;
}

.localOrderStatusBar ul li, .localOrderStatusBarResquence ul li {
    float: left;
     background-color:#16a085;
     margin-right:3px;
     margin-top:5px;
     border-bottom:1px solid white;
     height:50px;
     border-radius:3px 3px 0px 0px;
}

.localOrderStatusBar  li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;

}

.localOrderStatusBar ul .selected{
    background-color:#396b97;
    border-bottom:1px solid #396b97;
}


.localOrderStatusBarResquence ul li .resequenceTab{
    display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;

}
.localOrderStatusBarResquence ul li a{
     display: inline-block;
     position:relative;
     top:0px;
     color: white;
     padding-left:2px;
     padding-right:2px;
}
.localOrderStatusBarResquence ul li a:hover {
    font-weight:bold;
    text-decoration:none;
    }

.localOrderTabTick:before{
 font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    content: "\f058";
    margin-left:4px;
    font-size:15px;
}
.localOrderSummary{
    background-color:#396b97;
    padding:10px;
    margin-bottom:0px;
    border-radius: 10px 10px 0px 0px;
}
.localOrderSummary .localOrderStatus{
 
	    color:white;
        margin-right:10px;
}


.localOrderSummaryCustomer, .localOrderSummaryAmount, .localOrderSummaryDelivery, .localOrderSummaryEdit{
    margin-right:15px;
    margin-bottom:3px;
}
.localOrderSummaryCustomer:before, .localOrderSummaryAmount:before, .localOrderSummaryDelivery:before, .localOrderSummaryEdit:before{
    font-family: "AdminFontAwesome5FreeSubset";
    font-weight: 900;
    margin-left:0px;
    margin-right:7px;
    font-size:15px;
}
.localOrderSummaryCustomer:before{
    content:"\f007";
}
.localOrderSummaryAmount:before {
     content:"\f51e";
}
.localOrderSummaryDelivery{
    display:inline-block;
}
.localOrderSummaryDelivery:before {
     content:"\f0d1";
}
.localOrderSummaryEdit:before {
     margin-left:0px;
     content:"\f303";
}
.localOrderSummaryEdit{
    margin-right:20px;
    margin-left:0px;
    background-color:yellow;
    color:#396b97;
    padding:4px;
    border-radius:3px;
}
.localOrderSummaryButtons{
     display:inline-block;
     margin-top:5px;
}


.localOrderBox {
    width:75px;
}


.localOrderCalendar .ajax__calendar_day{
    padding-top:6px;
    padding-bottom:4px;
    padding-left:3px;
    padding-right:7px;
}
.localOrderCalendar .ajax__calendar_container,.localOrderCalendar .ajax__calendar_body
 {
    width:220px;
    height:220px;
}

.localOrderCalendar .ajax__calendar_days, .localOrderCalendar .ajax__calendar_months, .localOrderCalendar .ajax__calendar_years {
    
}

.localOrderCalendar .ajax__calendar_today .ajax__calendar_day{
    border-radius:20px;
    border:2px solid black;
}

.localOrderInlineH2{
    display:inline-block;
    font-size: 11pt;
    font-weight:bold;

}
.localOrderPostcodeLookupBox{
    margin-left:10px;
    display:inline-block;
    border:3px solid lightgray;
    border-radius:5px;
    padding-top:0px;
    padding-left:10px;
    padding-right:60px;
    padding-bottom:7px;
    margin-bottom:20px;
}
.localOrderPostcodeLookupBox .checkoutPrompt
{
	width:160px;
}
.localOrderMultiRowText{
   width:95%;
   min-width:250px;
   max-width:500px;
    padding:4px;
    border-radius:4px;
    margin-bottom:4px;
    border:1px solid gray;
    font-family: Arial; 
}
.localOrderInlineSpaced{
    display:inline-block;
    margin-bottom:10px;
}


.userLookupList{
    margin-top:10px;
    border:5px solid #99E791;
    border-radius:5px;
    margin-left:10px;
    margin-right:10px;
    }
.userLookupList a{
color:#404040;

}
.userLookupListHeader{
     background-color:#caf1c6;
     height:30px;
     padding:5px;
}
.userLookupListHeader a{
    color:white;
}
.userLookupListHeader .userLookupRow:hover{
    background-color:inherit;
}
.userLookupList .linkButton{
    position:relative;
    top:0px;
}

.userLookupRow{
    height:25px;
    padding-top:3px;
     padding-bottom:3px;

    display:block;
    border-bottom:1px solid #ececec;
}


.userLookupRow:hover{
    background-color:#ececec;
}

.userLookupName, .userLookupEmail, .userLookupPhone, .userLookupAccount, .userLookupAddress, .userLookupAction{
    display:inline-block;
   width:130px;
   overflow:hidden;
   white-space: nowrap;
   padding-left:15px;

}
.userLookupAction {
    width:60px;
}
.userLookupAddress{
    width:200px;
}
 .localOrderCustomerLookupFooter{
        padding:5px;
        background-color:#caf1c6;
        height:35px;
        vertical-align:central;
    }
 .localOrderCustomerLookupFooter a{
     color:white;
 }


.productDetailsUnavailable, .productDetailsPleaseCall, .productDetailsSoldOut, .productDetailsSoldOutBackSoon{
    font-weight:bold;
    font-size:110%;
}

.localOrderGiftMessageWarning{
    position:relative;
    top:-10px;
    background-color:yellow;
    color:black;
    border-radius:5px;
}


.localOrderPartPaymentHidden
{
	visibility:hidden;
    display:inline-block;
}
.localOrderPartPayment{
    visibility:visible;
   margin-left:5px;
   display:inline-block;
}



.pageBreak {
    page-break-after: always;
}

.animationAddButton{
    float:right;
    padding-right:20px;
}


/* Accounts   */

.accountSearchBox {
     width:300px;
}
.accountsSearchWatermark {
    color:#b2b2b2;
    width:300px;
}
.accountSearch
{
	float:right;
	padding-right:0px;
}

.accountStatusArchivedTrue
{
    background-color:#e1e3fb!important; 
}
.AccountPrompt1
{
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
    width:250px;
}

.AccountTextBox
{
    margin-bottom:3px;
    width:250px;
}
.AccountTextBoxHalf
{
    margin-bottom:3px;
    width:125px;
}
.AccountTextBoxDouble
{
    margin-bottom:3px;
    width:500px;
}


.AccountHelp
{
	color:#808080;
	 font-size:9pt;
}
.createInvoicesScreenshot {
float:left;
    width:230px;
    padding-right:20px;
}

.accountUsersTable {
    margin-left:250px;
    width:550px;
}


.accountOrderTable { 
    border: 1px solid #cfcfcf;
    border-collapse: separate;
    border-left: 0;
    border-radius: 4px;
    border-spacing: 0px;
     box-shadow: 3px 3px 3px #999;
}
.accountOrderTable thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
    background-color:#ececec;
}
.accountOrderTable tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.accountOrderTable th, .accountOrderTable td {
    padding: 7px 5px 5px 5px; 
    text-align: left;
    vertical-align: top;
    border-left: none; /* vertical boorder colour*/    
}

.accountOrderTable td {
    border-top: 1px solid #cfcfcf;    
}
.accountOrderTable thead:first-child tr:first-child th:first-child, .accountOrderTable tfoot:first-child tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
    border-left: 1px solid #cfcfcf; 
}
.accountOrderTable thead:last-child tr:last-child th:first-child, .accountOrderTable tfoot:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
    border-left: 1px solid #cfcfcf; 
}
.accountOrderTable td:first-child
{
      border-left: 1px solid #cfcfcf; 
}

.accountOrderTable tfoot
{
    background-color:#ececec;
}
.accountOrderTable tfoot td
{ height:10px;
}

.accountOrderTable .right
{
    text-align:right;
}
.accountOrderTable .hCenter
{
    text-align:center;
}
.accountOrderTable .heading1 td {
   background-color:#6b6b6b;
   color:white;
   border-color:#6b6b6b;
   border-right:1px solid #6b6b6b;

}
.accountOrderTable .heading2 td {
    padding-top:25px;
}




.accountOrderStatus3, .accountOrderStatus4, .accountOrderStatus5, .accountOrderStatus6
{
	background-color:#D3FFD3;
}

.accountOrderStatus2
{
	background-color:#FFFFC0;
}

.accountInvoiceStatus0
{
    background-color:#ffef64;
}
.accountInvoiceStatus1
{
    background-color:#ff8e8e;
}
.accountInvoiceStatus2
{
    background-color:#74ff74;
}
.accountReviewSendStatus1 {
    background-color:#ffc0c0;
}

.accountInvoicesDates
{
    display:inline-block;
    position:relative;
}


.linkButton, .linkButtonGreen, .linkButtonGreenWide, .linkButtonGreenFixed, .linkButtonGreen2, .linkButtonGreen2Fixed
{
    border:solid 1px #b7b7b7;
   border-radius:4px;
   padding: 2px 5px 2px 5px;
   background-color:#d9d9d9;
   color:#494949;
   background: linear-gradient(#eaeaea, #d9d9d9);
   display:inline-block;

}
.linkButton:hover, .linkButtonGreen:hover, .linkButtonGreenWide:hover, .linkButtonGreenFixed:hover,.linkButtonGreen2, .linkButtonGreen2Fixed:hover {
    background-color:#b7b7b7;
    color:#2a2a2a;
    text-decoration:none;
    background: linear-gradient( #d9d9d9, #b7b7b7);
}
.linkButtonGreen, .linkButtonGreenWide, .linkButtonGreenFixed,.linkButtonGreen2, .linkButtonGreen2Fixed
{
   background-color:#afffa7;
   color:#494949;
   background: linear-gradient(#afffa7, #99e791);
}
.linkButtonGreen:hover, .linkButtonGreenWide:hover, .linkButtonGreenFixed:hover
{
   background-color:#99e791;
   color:#494949;
   background: linear-gradient(#99e791, #83c17c);
}
.linkButtonGreenWide{
    display:block;
    text-align:center;
    width: 95%;
    max-width: 400px;
}

.linkButtonGreenFixed, .linkButtonGreen2Fixed{
    width:150px;
    text-align:center;
    display:block;
    line-height: 1.9em;
}

.linkButtonGreen2Fixed, .linkButtonGreen2 {
     background-color:#16a085;
     background: linear-gradient(#16a085,#117964);
     color:white;
     border:solid 1px #117964;
}
.linkButtonGreen2Fixed:hover, .linkButtonGreen2:hover{
    background-color:#16a085;
      background: linear-gradient(#19b898,#16a085);
      color:white;
}
.linkButtonNext:after, .linkButtonNextBlack:before{
     font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        font-size:18px;
        margin-right:4px;
        width:15px;
  content:"\f105";
  color:white;
  margin-left:3px;
  position:relative;
  top:3px;
}
.linkButtonPrev:before, .linkButtonPrevBlack:before{
      font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        font-size:18px;
        margin-right:4px;
        width:15px;
  content:"\f104";
  color:white;
  margin-left:3px;
  position:relative;
  top:3px;
}
.linkButtonPrevBlack:before,.linkButtonNextBlack:before {
   color:#404040;
}

.linkButtonBlue{
    color:white;
    background: linear-gradient(#6b9bc3,#396b97);
     border:solid 1px #6b9bc3;
     padding-top:3px;
     padding-bottom:3px;
     padding-left:10px;
     padding-right:10px;
     margin-right:5px;
}
.linkButtonYellow{
    background: linear-gradient(#ffffd9,yellow);
     border:solid 1px yellow;
    background-color:yellow;
    color:#396b97;
}
.linkButtonBlue:hover
{
  color:white;
  background: linear-gradient(#94b8d7,#6b9bc3);
}

.linkButtonPrint:before{
     font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        font-size:13px;
        margin-right:4px;
        width:15px;
  content:"\f02f";
  color:#404040;
}

.linkButtonGap{
    margin-right:20px;
}
.linkButtonHeight{
   line-height:27px;
}
.gap {
display:inline-block;
width:15px;
}


/* peak Time Trading */

.peakTimePrompts
{
    display:inline-block;
    position:relative;
    width:100%;
}

.peakTimePrompt
{
	width:250px;
	float:left;
	text-align:right;
	padding-right:5px;
	font-weight:bold;
}



/* Delivery List */

.deliveryListDate{
    position:relative;
    display:inline-block;
}

.editDeliveryRoutesButton
{
    float:right;
    margin-right:20px;
}

.allocationWrapper{
    display: block;
overflow:hidden;
margin-bottom:30px;
margin-top:20px;
width:1030px;

}

.allocationWrapper .hiddenTab{

}

.allocationWrapper .allocationDeliveryRoutes
{
    padding-top:10px;

}

.allocationWrapper .deliveryRoute, .allocationWrapper .deliveryRouteSelected{
    height:100px;
    width:100px;
    background-color:#f3f3f3;
    border-bottom:1px solid #a0a0a0;
    border-left:1px solid #bababa;
    border-top:1px solid #bababa;
    padding-left:3px;
    border-radius: 15px 0px 0px 25px;
    text-align:right;
    margin-bottom:2px;
}
.allocationWrapper .deliveryRouteSelected{
    border-bottom:1px solid darkgrey;
    border-left:1px solid lightgrey;
     border-top:1px solid lightgrey;
 background-color:lightgray;
}
.allocationWrapper .deliveryRouteSelected a {
    color:black;
}
.allocationWrapper .deliveryRouteSelected a:hover {
    text-decoration:none;
}

.allocationWrapper .deliveryRouteButton
{
     display:block;
    padding-bottom:10px;
    height:54px;
}
.allocationWrapper .deliveryRouteButton:hover
{
    text-decoration:none;
}
.allocationWrapper .deliveryRoute:hover  {
        background-color:#e7e7e7;
 }
allocationWrapper .deliveryRouteSelected:hover  {
        background-color:#f3f3f3;
 }

.allocationWrapper .routeMapMarker{
    display:inline-block;
    float:left;
}
.allocationWrapper .deliveryRouteName
{
    display:block;
    padding-top:5px;
    line-height:18px;
    height:40px;
    overflow:hidden;
    padding-right:3px;
}
.allocationWrapper .deliveryRouteCount{
    display:block;
    text-align:center;
     font-size:150%;
}

.allocationWrapper .assignLinkButton{
    position:relative;
    left:-3px;
    display:block;
    height:24px;
    width:85px;
    border:solid 1px #b7b7b7;
    border-radius: 4px 0px 0px 15px;
   padding: 8px 5px 2px 5px;
   background-color:#d9d9d9;
   color:#494949;
   background: linear-gradient(#eaeaea, #d9d9d9);
   text-align:center;

}
.allocationWrapper .assignLinkButton:hover {
    background-color:#b7b7b7;
    color:#2a2a2a;
    text-decoration:none;
    background: linear-gradient( #d9d9d9, #b7b7b7);
}

.allocationWrapper .listOrMapToolbar{
     float:right;
    width:870px;
    margin-left:20px;
    margin-right:20px;
    background-color:#bfbfbf;
    padding:10px;
    margin-bottom:20px;
}
/* Delivery List Order Consignments */
.allocationRightColumn
{
    width:930px;
     float:right;
     background-color:lightgray;
     padding-bottom:20px;
     min-height:440px;

     border-right:1px solid gray;
     border-bottom:1px solid gray;
     border-top:1px solid lightgray;
     border-left:1px solid lightgray;
     border-radius:10px;
}

.allocationWrapper .mapTabHidden{
    visibility:hidden;
    height:0px;
}
.allocationWrapper .mapTabDisplay{
    visibility:visible;
    height:auto;
}

.allocationOrderConsignment
{
  margin-left:20px;
  margin-right:20px;
}


.allocationWrapper .orderConsignmentGreyedOut{
    background-color:#f3f3f3;
}


.allocationWrapper .orderConsignmentsToolBar, .allocationWrapper .routeMessage {
     float:right;
    width:890px;
    margin-bottom:5px;
    margin-right:20px;
}
.orderConsignmentsToolBarRight{
    float:right;
    padding-top:10px;
}
.allocationWrapper .routeMessage {
    display:inline;
}

.allocationWrapper .groupBox{
    display:inline-block;
    border:1px solid white;
    border-radius:5px;
    padding:5px;
}
.allocationWrapper .groupBoxHidden{
    display:inline-block;
}


.allocationWrapper .orderConsignmentsHeading{
     float:right;
    width:910px;
    font-weight:bold;
    font-size:120%;
    margin-bottom:10px;
    margin-top:5px;
}
.allocationWrapper .orderConsignmentContactDetails{
    padding-left:20px;
}


.allocationWrapper .viewOrderButton{
    display:inline-block;
    float:right;
    margin-right:10px;
    margin-top:5px;
}

.allocationWrapper .table, .editDeliveryRoutes .table{display: table;}
.allocationWrapper .tableRow, .editDeliveryRoutes .tableRow{display: table-row;}
.allocationWrapper .tableCell, .editDeliveryRoutes .tableCell{display: table-cell; vertical-align:top;}

.allocationWrapper .col1{width:910px;}
.allocationWrapper .col2{padding-left:5px;;}
.allocationWrapper .col3{padding-left:5px;}

.allocationWrapper .borderTop {}
.allocationWrapper .borderLeft {}
.allocationWrapper .borderRight {}
.allocationWrapper .borderBottom {}
.allocationWrapper .borderTopPrintAndScreen {border-top: 1px solid black;}

.allocationWrapper .padTop {padding-top:5px;}

.allocationWrapper .printOnly{display:none;}

.allocationWrapper .rowGap {height:0;}

.allocationWrapper .deliveryListEnd {display:none;}

.mapMarker,  .mapMarkerWhite, .mapMarkerLightWhite, .mapMarkerDarkWhite,
.mapMarkerBlue, .mapMarkerLightBlue, .mapMarkerDarkBlue, 
.mapMarkerGreen, .mapMarkerLightGreen, .mapMarkerDarkGreen,
.mapMarkerYellow, .mapMarkerLightYellow, .mapMarkerDarkYellow,
.mapMarkerPurple, .mapMarkerLightPurple, .mapMarkerDarkPurple,
.mapMarkerRed, .mapMarkerLightRed, .mapMarkerDarkRed
{
    display:inline-block;
    background-color:#81acfa;
    border-radius:8px;
    width:16px;
    height:16px;
    color:white;
    border:1px solid #6284bc;
    text-align:center;
    padding-top:0px;
    margin-bottom:3px;
    margin-right:3px;
    -webkit-print-color-adjust: exact !important;
}
.mapMarkerWhite{
    background-color:white;
    color:black;
}
.mapMarkerLightWhite{
    background-color:#e0e0e0;
    color:black;
}
.mapMarkerDarkWhite{
    background-color:#b0b0b0;
    color:white;
}
.mapMarkerBlue{
    background-color:#81acfa;
}
.mapMarkerLightBlue{
    background-color:#c6dafd;
    color:black;
}
.mapMarkerDarkBlue{
    background-color:#2975ff;
}

.mapMarkerGreen{
    background-color:#43b343;
}
.mapMarkerLightGreen{
    background-color:#6ff46f;
    color:black;
}
.mapMarkerDarkGreen{
    background-color:#109810;
}

.mapMarkerYellow{
    background-color:#ffff00;
     color:black;
}
.mapMarkerLightYellow{
    background-color:#ffffd8;
     color:black;
}
.mapMarkerDarkYellow{
    background-color:#b5b500;
     color:black;
}

.mapMarkerPurple{
    background-color:#800080;
}
.mapMarkerLightPurple{
    background-color:#dc00d9;
}
.mapMarkerDarkPurple{
    background-color:#4b014a;
}

.mapMarkerRed{
    background-color:#ff0000;
}
.mapMarkerLightRed{
    background-color:#ff9696;
}
.mapMarkerDarkRed{
    background-color:#aa0000;
}



.deliveryListPage .orderConsignmentDeliveryPostcode{
    font-weight:bold;
}

.deliveryListPage .orderConsignmentDeliveryPhone1{
 
}
.deliveryListPage .orderConsignmentDeliveryInstructions{
    display:inline-block;

}
.deliveryListPage .orderItem
{
    padding-left:40px;

}
.deliveryListPage .orderItem strong
{
    font-size:120%;
}

.deliveryListPage .mapNotes{
    display:inline-block;
    padding-top :5px;
     padding-bottom :5px;
}

.deliveryListPage .mapControlBar
{
    background-color:#bfbfbf;
    float:right;
    width:870px;
    padding:10px;
    margin-right:20px;
    text-align:right;
}

.deliveryListPage .deliveryListMap, .deliveryListPage .deliveryListMapNoPrint
{   float:right;
    width:890px;
     margin-right:20px;
}

.deliveryListPage .deliveryListMap img, .deliveryListPage .deliveryListMapNoPrint img{
    height:890px;
    width:890px;
     margin-right:20px;
}

.deliveryListPage .mapZoomPlus, .deliveryListPage .mapZoomMinus{
    font-size:250%;
    margin-right:7px;
}
.deliveryListPage .mapZoomPlus{
    position:relative;
    top:+3px;
}
.deliveryListPage .mapZoomPlus:hover, .deliveryListPage .mapZoomMinus:hover{
    text-decoration:none;
}
.deliveryListPage .zoomPrompt{
     position:relative;
    top:-5px;
}
.deliveryListInstructions{
    margin-bottom:20px;
}

.editDeliveryRoutes .table{
     background-color:#efefef;
     border-right:1px solid gray;
     border-bottom:1px solid gray;
     border-top:1px solid lightgray;
     border-left:1px solid lightgray;
     border-radius:10px;
     margin-left:50px;
     padding-top:20px;
     padding-bottom:20px;
     padding-left:20px;
     padding-right:20px;
}


.editDeliveryRoutes .tableRow:hover{
   background-color:lightgray;
}
.editDeliveryRoutes .tableCell{
   padding:7px;
}
.editDeliveryRoutes .deliveryListAddRouteName{
    padding-left:5px;
}

.editDeliveryRoutes .deliveryListWatermark{
    padding-left:5px;
    color:#9f9f9f;
}


/*  Quick Snap  */
.quickSnapFile{
    width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.quickSnapFile + label {
    display: inline-block;
    cursor: pointer;
}

.quickSnapFile:focus + label,
.inputfile + label:hover {

}
.quickSnapInput{
    margin-bottom:10px;
    width:95%;
    max-width:400px;
    padding-left:5px;
}
.quickSnapInputDropDown{
    padding-top:2px;
    padding-bottom:2px;
}

.relative{position:relative;}

/* Add website*/
.websiteAddPage h2{
    width:200px;
    display:block;
    text-align:right;
}
.addWebPrompt{
    width:200px;
    display:inline-block;
    text-align:right;
    margin-bottom:5px;
    margin-right:2px;
}
.websiteAddPage input[type="radio" i] {
background-color:yellow;
margin-left:0px;
}

.websiteAddPage input[type="text" i]{
    margin-left:3px;
}
.websiteAddPage select {
     margin-left:3px;
}

/* GetAddrdess.io postcode lookup for UK */
/* GetAddress.IO postcode lookup */
.getAddress_autocomplete_suggestion_show_all {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.getAddress_autocomplete_suggestion {
	padding-bottom: 5px;
}


.includeFloats {
	display: flow-root;
}

.relayOpenOrderPriceText{
	margin-top:3px;
	width:70px;
	margin-left:3px;
}
.relayOpenOrderPriceTextStandard{
	color:grey;
}

/* Stock help*/
.stockHelp  li{
	margin-bottom:10px;
}

.stockHelpImageRight
 {
	float: right;
	margin-left: 20px;
}

.stockHelpImageLeft {
	width: 265px;
	float: left;
	margin-right: 20px;
}


@media only screen and (max-width: 980px) {
	body
    {
	margin-left:5px;
	margin-right:5px;
	background-color:white;
	font-size: 11pt;
	color:#404040;
	width: 100%;
    min-width:  100%;
    max-width:  100%;
	position: relative;
	direction: ltr;
	text-align: left;
	line-height: 1.4em;
	background-image: none;
    -webkit-text-size-adjust: 100%;
    }

    .bodyResponsive {
        margin:0px;
    }
    

    .adminpage
    {
     min-width:100%;
	 max-width:100%;

      position:relative;
   		margin:inherit;
		width:100%;
		
		border: none;
		padding-bottom:5px;

    }


    .responsivePrompt{
    width:auto;
	float:none;
	text-align:left;
    margin-top:10px;
    }
    


    #AdminTopMenu1_pnlSales a:before, #AdminTopMenu1_pnlStandardUser7 a:before, #AdminTopMenu1_pnlStandardUser1 a:before,
    #AdminTopMenu1_pnlStandardUser2 a:before, #AdminTopMenu1_pnlStandardUser3 a:before, #AdminTopMenu1_pnlStandardUser4 a:before,
    #AdminTopMenu1_pnlStandardUser5 a:before, #AdminTopMenu1_pnlSuperUser a:before, #AdminTopMenu1_pnlStandardUser6 a:before,
    .topMenuHelp a:before, .adminTopMenuLogout a:before, .adminTopMenuUnreadMessage a:before, .adminTopMenuReadMessage a:before  {
         font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        font-size:45px;
        margin-right:4px;
        width:15px;
    }

    #AdminTopMenu1_pnlSales a:before {
        content:"\f51e";
    }
    #AdminTopMenu1_pnlStandardUser7 a:before {
        content:"\f570";
    }
    #AdminTopMenu1_pnlStandardUser1 a:before {
        content:"\f007";
    }
    #AdminTopMenu1_pnlStandardUser2 a:before {
        content:"\f4d8";
    }
    #AdminTopMenu1_pnlStandardUser3 a:before {
        content:"\f303";
    }
    #AdminTopMenu1_pnlStandardUser4 a:before {
        content:"\f0d1";
    }
    #AdminTopMenu1_pnlStandardUser5 a:before {
        content:"\f013";
    }
    #AdminTopMenu1_pnlStandardUser6 a:before {
        content:"\f56c";
    }
    #AdminTopMenu1_pnlSuperUser a:before {
        content:"\f7d9";
    }
  

   

    .adminmenu {
    background-image:none;
    padding-left:0px;
    margin-bottom:0px;
    padding-top: 0px;
    }

    .adminmenuRightHand{
      right:10px;
    }

    .adminmenu ul .subMenu{
        display:block;
        padding-left:40px;
    }
    

     
    

    /* Mobile menu for non responsive pages */

        .adminmenuMobileMenu{
        width:100%;
        background-color:black;
        text-align:left;
        display:block;
        padding-top:50px;
        padding-bottom:50px;
        background-repeat: no-repeat;
     }

    .adminmenuMobileMenu a{
         color:white;
         margin-left:30px;
     }
     .adminmenuMobileMenu a:visited{
         color:white;
     }
    .adminmenuMobileMenu a:before{
         display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: 75px;
        font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        position:relative;
        top:3px;
    }
    .adminmenuMobileMenu a:before {content: "\f0c9";}

    .adminmenuRightHand {
    margin-top:35px;
    font-size:35px;
    margin-right:40px;
    }


    
    .mobileDropDownHidden {
        visibility:hidden;

	height:0px;
	background-color:White;
	color:Black;

    max-height:0px;

    overflow:hidden;
    animation-name: hideWrapper;
    animation-duration: 2s;
    animation-iteration-count: 1;
    }

    .mobileDropDown{
        width:100%;
        
        margin-top:0px;
        background-color:white;
        max-height:10000px;
        border-bottom:1px solid black;

       overflow:hidden;
      animation-name: showWrapper;
      animation-duration: 2s;
      animation-iteration-count: 1;
      
    }
    @keyframes showWrapper {
      from {max-height: 0px;}
      to {max-height:1000px;}
    }

     .adminmenu ul{
     list-style: none;
    padding-left: 0;
    
     }
    .adminmenu ul li {
    display:list-item;
    padding-top:4px;
    padding-bottom:4px;
    background-color:lightgray;
    }

    .adminmenu ul li:nth-child(odd){background-color: #eceaea;}

    .adminmenu ul li a, .adminmenu ul li .adminMenuMobileComment
	{
		padding-right:5px;
		padding-left:40px;
        padding-right:40px;
        color:black;
        width:100%;
        width: calc(100% - 80px);
        display:block;
        font-size: 45px;
        font-weight:normal;
        height:45px;
        padding-top:30px;
	}
    .adminmenu ul li a:visited,  .adminmenu ul li a:hover 
	{
        color:black;
	}
    
    #AdminTopMenu1_pnlStandardUser7 a:after, #AdminTopMenu1_pnlStandardUser1 a:after, #AdminTopMenu1_pnlStandardUser3 a:after,
    #AdminTopMenu1_pnlStandardUser4 a:after, #AdminTopMenu1_pnlStandardUser5 a:after, #AdminTopMenu1_pnlStandardUser6 a:after
    {
        content:"*"
    }
    .adminmenu #pnlStandardUser8 {display:block;}

    .adminMenuMobileComment{
        text-align:right;
    }
   .adminmenu ul li .quickSnapIcon:before, .galleryIcon:before, .spinnerIcon:before {
    font-size:45px;
    }

     /* Mobile menu for responsive pages */
    .bodyResponsive .adminmenuMobileMenu{
        background-color:black;
        padding-top:10px;
        padding-bottom:10px;
    }
    .bodyResponsive .adminmenuMobileMenu a:before{
        font-size: 25px;
    }
     .bodyResponsive .adminmenuMobileMenu a{
         margin-left:10px;
     }
     .bodyResponsive .adminmenuRightHand{
       margin-top:0px;
       font-size: 10pt;
       margin-right:0px;
       }
	.bodyResponsive .adminmenu ul li a, .bodyResponsive .adminmenu ul li .adminMenuMobileComment
	{
		padding-right:5px;
		padding-left:10px;
        padding-right:10px;
        width: calc(100% - 20px);
        font-size:130%;
        height:20px;
        padding-top:0px;
	}
    .bodyResponsive .adminmenu ul li .quickSnapIcon:before, .quickSnapTaken:before, .galleryIcon:before, .spinnerIcon:before {
    font-size:20px;
    }

    .bodyResponsive #AdminTopMenu1_pnlSales a:before,.bodyResponsive #AdminTopMenu1_pnlStandardUser7 a:before,.bodyResponsive #AdminTopMenu1_pnlStandardUser1 a:before,
    .bodyResponsive #AdminTopMenu1_pnlStandardUser2 a:before,.bodyResponsive #AdminTopMenu1_pnlStandardUser3 a:before,.bodyResponsive #AdminTopMenu1_pnlStandardUser4 a:before,
    .bodyResponsive #AdminTopMenu1_pnlStandardUser5 a:before,.bodyResponsive #AdminTopMenu1_pnlSuperUser a:before,.bodyResponsive #AdminTopMenu1_pnlStandardUser6 a:before,
    .bodyResponsive .topMenuHelp a:before,.bodyResponsive .adminTopMenuLogout a:before, .bodyResponsive .adminTopMenuUnreadMessage a:before, .bodyResponsive .adminTopMenuReadMessage a:before  {
        font-size:15px;
    }
	

    /* General Items */
    
    

	h2
	{
		color:Black;
	}
    .buttonBarPadded {
       height:auto;
       padding-bottom:20px;
    }
	
	.headerBackground
	{
	background-image:none;
	background-color:#D6D6D6;
	}
	

    
   
    
    
    
    
    /* login page  */
    .loginPanel
	{
		width:300px;
        margin-top:0px;
		padding-top:0px;
		margin-left: auto;
		margin-right: auto;
         padding:0px;
         border:none;
	}
	.loginPanelHeader
	{
	margin-top:10px;
	margin-bottom:10px;
	}
	.loginPanel td
	{
		display:block;
	}
	
	#Login1_UserName
	{
		font-size:14pt;
		width:280px;
		margin-top:0px;
		margin-bottom:0px;
		padding:5px;
		border-radius:5px;
		float:none;
	}
	#Login1_Password
	{
		font-size:14pt;
		width:280px;
		margin-top:0px;
		margin-bottom:0px;
		padding:5px;
		border-radius:5px;
		float:none;
	}
	.logon
	{
		font-size:10pt;
		line-height:22px;
	}
	#Login1_RememberMe
	{
		margin-top:0px;
	}
	
	
	/* tabs */
    .tabLinks {
    border-bottom:1px solid gray;
    }
	.tabLinks ul li a
	{
		padding-left:10px;
        padding-right:10px;
	}
	


	/* Orders List page */
    .ordersSearchBox {
        width: 200px;
    }
	
	.ordersSelectionBoxes
	{
		display: none;
	}
	.ordersSelectionBoxesRefresh
	{
		 margin-bottom:15px;
		 margin-top:15px;
         float:none;
	}

    #pnlOrders .ordersSummary table{
        border-collapse: collapse;
    }
	
	#pnlOrders .ordersSummary tr:first-child 
	{
		display: none;
	 }
	
    #pnlOrders .ordersSummary tr
	 {
        border-top:1px solid gray;
	}

	 #pnlOrders .ordersSummary tbody td
	{
		border-bottom:none;
		padding-right:3px;
		padding-left:3px;
		display:inline;
		 vertical-align:bottom;

	}
	#pnlOrders .ordersSummary td:first-child 
	{
		padding-left:3px;
		 font-size:14pt;
		 padding-top:10px;
	 }
	 
     #pnlOrders .ordersSummary td:nth-child(2):before 
	 {
		content: "Order No: ";  
	}
	#pnlOrders .ordersSummary td:nth-child(2)
	 {
		font-weight:bold;  
	}
	#pnlOrders .ordersSummary td:nth-child(5)
	 {
		  
	}
	#pnlOrders .ordersSummary td:nth-child(7)
	 {
		 font-weight:bold;
	}
    #pnlOrders .ordersSummary td:nth-child(8)
	 {
        border:none;
 
	}
	#pnlOrders .ordersSummary .buttonCell
	{
        display:block;
        text-align: right;
        height:40px;
        	}
	

	#pnlOrders .ordersSummary table, th,  .buttonCell {
		border-top: 1px solid gray;
	} 

	.buttonCellButton
	{
		margin-left:5px;
	}
    .buttonBarCheck
      {
		display:none;
    }
	
	.helpText
	{
		  display: none;
	}
	
	
	
	/* Deliveries page  */
	
	.deliveriesMapWrapper
	{
		  display: none;
	}
	
	.deliveriesFloatRight
	{
		float:right;
		margin-right:0px;
	}
    #btnSelectAll, #btnDeselectAll{
        margin-bottom:5px;
    }
     #pnlDeliveries .ordersSummary table{
        border-collapse: collapse;
    }
	#pnlDeliveries .ordersSummary tbody td
	{
		border-bottom:none;
		padding-right:3px;
		padding-left:3px;
		display:inline;
		 vertical-align:bottom;

	}
	
	#pnlDeliveries .ordersSummary thead tr:first-child 
	{
		display: none;
	 }
    #pnlDeliveries .ordersSummary tr
	 {
           border-top:1px solid gray;
	}
	#pnlDeliveries .ordersSummary td:nth-child(1)
	 {
		  display:inline;
	}
	#pnlDeliveries .ordersSummary td:nth-child(2)
	 {
		  display:inline;
	}
    #pnlDeliveries .ordersSummary td:nth-child(5):before 
	 {
		content: "Order No: ";  
	}
    #pnlDeliveries .ordersSummary td:nth-child(5) {
        font-weight: bold;
    }
	 
	#pnlDeliveries .ordersSummary td:nth-child(6)
	 {
		  display:none;
	}
	#pnlDeliveries .ordersSummary td:nth-child(7)
	 {
		  display:none;
	}
    #pnlDeliveries .ordersSummary td:nth-child(8):before 
	 {
		content: "Customer: ";  
	}
	#pnlDeliveries .ordersSummary td:nth-child(8)
	 {
		  border:none;
	}
	#pnlDeliveries .ordersSummary td:nth-child(9):before 
	 {
		content: "Deliver To: ";  
	}

	#pnlDeliveries .ordersSummary .buttonCell
	{
		display:block;
        height:40px;
	}
	
	
    /* order details Page */
    
    #pnlOrder .adminColumn1of1 .buttonBar
     {
		
    }
    
    .reportPage
	{
		width:100%;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-bottom:none;
		border-left:none;
		border-top:none;
		border-right:none;
	}
	
	.orderBillingDetails
	{
        float:none;
		position:static;
        margin-bottom:20px;
	}
	.orderBillingDetails .Edit
	{
		display:none;
	}
	
	.orderDetails table
	{
		
		width:100%;
	}
	
	
	.orderDeliveryContactDetails
	{
		float:none;
		margin-bottom:20px;
        padding-left:0px;
	}
	
	.orderDeliveryDetailsTable table
	{
		
		width:100%;
	}
	
    

	
	/* pay page */
	#pnlPay
	{
		font-size: 10pt;
	}
	.refundPrompt1
	{
		width:150px;
		padding-right:2px;
		clear:left;
	}
	#payPaymentReference
	{
		display:block;
		width:100px;
		}

	/* deliveries page */
	#pnlDeliver
	{
		font-size: 10pt;
	}
	.deliverPrompt1
	{
		width:100px;
		padding-right:2px;
		clear:left;
	}
	.deliverPrompt2
	{
		width:100%;
		float:left;
		text-align:left;
		padding-right:5px;
		font-weight:bold;
	}
	.deliverPrompt3
	{
		display:none;
	}
    .deliverPrompt4
	{
		width:100px;
		padding-right:2px;
		clear:left;
        height:1em;
	}
	#pnlDeliver .orderDetail
	{
		font-size: 9pt;
	}
	#pnlDeliver #txtCourierTrackingNumber
	{
		width:100%;
	}
	
	/* messages */
	#pnlMessages table thead tr:first-child 
	{
		display: none;
	 }
	 #pnlMessages table td
	 {
		  display:inline;
		  color:#404040;
	}
	#pnlMessages table td:nth-child(1)
	 {
		  color:black;
		  font-weight:bold;
	}
	#pnlMessages table td:nth-child(3)
	 {
		  display:block;
	}
	#pnlMessages table td:nth-child(4)
	 {
		  display:block;
		  text-align:right;
	}
	
	#pnlMessages .orderTable tbody td
	{
		border-right:none;
		border-left:none;
	}
	#pnlMessages .orderTable td a
	{
	   display: inline;
	 
	}
	
	
	/* Inprogress Tab  */
	.inProgressDesc
	{
		display:none;
	}
	#pnlInProgress .ordersSummary table{
        border-collapse: collapse;
    }

	#pnlInProgress .ordersSummary tr:first-child 
	{
		display: none;
	 }

    #pnlInProgress .ordersSummary tr
	 {
        border-top:1px solid gray;
	}
	 
	  #pnlInProgress .ordersSummary tbody td
	{
		border-bottom:none;
		padding-right:3px;
		padding-left:3px;
		display:inline;
		 vertical-align:bottom;

	}

        #pnlInProgress .ordersSummary tbody td a
	{
		display:inline-block;
	}
	
     #pnlInProgress .ordersSummary td:nth-child(1):before 
	 {
		content: "Order No: ";  
	}
	#pnlInProgress .ordersSummary td:nth-child(1)
	 {
		font-weight:bold;  
	}
	 
	
	#pnlInProgress .ordersSummary td:nth-child(3)
	 {
		 
	}
	#pnlInProgress .ordersSummary td:nth-child(5)
	 {
		  
	}
	#pnlInProgress .ordersSummary td:nth-child(6)
	 {
		  padding:8px;
	}
	
	#pnlInProgress .ordersSummary td:nth-child(7)
	 {
        font-weight:bold;
	}

    #pnlInProgress .ordersSummary .buttonCell
	{
        display:block;
        text-align: right;
        height:40px;
        	}
		
	#pnlInProgress .ordersSummary table, th,  td:nth-child(8) {
		border-top: 1px solid gray;
	} 


    /* Product Page */

    .productsChangeStatus{
        float:none;
    }
    .productMaintenancePictorial {
        width: auto;
    }

    .productMaintenancePictorial .screenShot
    {
         display:none;
    }


		.productMaintenancePictorial .linkProductAdd, .productMaintenancePictorial .linkProductCategories, .productMaintenancePictorial .linkProductVariants, .productMaintenancePictorial .linkProductSubCatUpsell, .productMaintenancePictorial .linkProductFeatures, .productMaintenancePictorial .linkProductModifiers, .productMaintenancePictorial .linkProductNote, .productMaintenancePictorial .linkStock, .productMaintenancePictorial .linkProductVoucher, .productMaintenancePictorial .linkProductPath, .productMaintenancePictorial .linkProductQuickSnap {
			position: initial;
			padding-bottom: 15px;
		}
    .productsColumn1of2 {
        width: 110px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .productsColumn2of2 {
        position:relative;

        margin-left: 110px;
    }
    .productMenu, .productMenu ul, .productMenuCategory, .productMenuTitle {
        width:100px;
        padding:0px;
    }
    .productMenuCategory, .productMenuTitle {
    padding:0px;
    background-image:none;
    background-color:lightgray ;
    padding-left:5px;
    width:95px;
    font-weight:normal;
    }
    .productMenuSearchBox{
        width:50px;
        margin-bottom:10px;
    }
	.productMenuTop {
		margin-left: 0px;
	}



    /* Local Order MOBILE */
    .localOrderStatusBar  li a {
      padding-left: 5px;
      padding-right: 5px;
      padding-top:8px;
      padding-bottom:8px;
    }
    .localOrderStatusBar ul li, .localOrderStatusBarResquence ul li {
     height:40px;
    }


    .checkoutPrompt, .checkoutPromptInline, .relayOpenOrdersPrompt{
        display:block;
        width:auto;
	float:none;
	text-align:left;
	padding-right:0px;
    font-size:9pt;
    }


    .checkoutTextBox, .checkoutTextBoxSmall, .localOrderMultiRowText, .localOrderWatermark{
        margin-bottom:5px;
        font-size:12pt;
    }

    .userLookupListHeader{
        display:none;
    }
    .userLookupRow{
        height:auto;
        padding:0px;
       border:1px solid lightgray;
    }
    .userLookupName, .userLookupEmail, .userLookupPhone, .userLookupAccount, .userLookupAddress{
    display:inline-block;
    width:auto;
   max-width:150px;
   overflow:hidden;
    height:20px;
    }
    .userLookupAddress{
        width:auto;
        max-width:200px;
    }
    .userLookupList .linkButton{
    display:none;
    }
    .relayIndent, .relayIndentLarge{
        margin-left:0px;
    }


    .localOrderCalendar .ajax__calendar_day{
    padding:10px;
    }
    .localOrderCalendar .ajax__calendar_container,.localOrderCalendar .ajax__calendar_body
     {
        
        left:0px;
        width:280px;
        height:280px;
    }

    .adminColumn1of1 .shopColumn1of2{
        width:auto;
        max-width:160px;
    }
    .shopColumn2of2{
        margin-left:0px;
    }

    .relayProductMenuMobileButton a{
        display:inline-block;
        padding:10px;
    }
    .relayProductMenuMobileButton a:hover{
        text-decoration:none;
    }
    .relayProductMenuMobileButton a:before{
         font-family: "AdminFontAwesome5FreeSubset";
        font-weight: 900;
        font-size: 30px;
        margin-right: 4px;
        width: 15px;
        content: "\f0c9";
        color:black;
    }
    .relayProductMenu{
        display:none;
    }
    .relayProductMenuMobile{
        
    }
    .relayProductMenuSubCategory a{
        display:inline-block;
        padding-bottom :10px;
        padding-top:10px;
    }
    .relaySubCategorySummaries .productSubCatSummary
    {
        display:inline-block;
	    width:100%;
	    height:auto;
       margin-top:30px;
    }
    .relayProductDetails .productModifiersTab{
    display:table;
    width:95%;
    }
    .relayProductDetails .productModifiersTr{
        display:block;
    
    }
    .relayProductDetails .productModifiersTd1{
        display:block;
        width:auto;
    }
    .relayProductDetails .productModifiersTd2{
       display:block;
        vertical-align:auto;
        padding-bottom:0px;
    }
    .relayProductDetails .moreImages{
        display:none;
    }
    .relayProductDetails .productDetailsImageWrapper
    {
	    float:none;
	    margin-right:10px;
	    margin-left:20px;
		    max-width:300px;
    }
    .relayProductDetails .productDetailsImageWrapper .productDetailsImage {
    float:none;
    }
    .relayProductDetails .productDetailsImageWrapper .productDetailsImage img {
    width:500px;
    }
    .relayProductDetails .productDetailsImageWrapper .productDetailsZoomImage{
        display:none;
    }
    .relayProductDetails .productDetailsLeftHandCol
    {
	width:95%;
    }
    .productDetailsDescription
    {
	    width:100%;
    }
    .relayProductDetails .productDetailsLinkedProducts
    {
	width:100%;
    }
    .relayOpenOrderImage{display:none;}

    .localOrderGiftMessageWarning{
    position:initial;
    display:block;
    }

   

    /* Keep at bottom of stylesheet*/
    .mobileHidden{
        display:none;
    }
}

@media only screen and (max-width: 600px) {
    .relayBasketTd1 {
        display: none;
    }
    .localOrderPurchaseHistory .relayBasketTd6{
     display:none;
     }
    .localOrderPurchaseHistory .relayBasketTd1{
     display:table-cell;
     }
    .relayBasketTd3, .relayBasketTd4 {
        white-space: normal;
        width:auto;
    }
    #pnlVoucherCode .checkoutTextBoxSmall{
    width:60px;
     }
}

