/* 
  The contents of this style sheet are Copyright 2007-2018 Delphi Solutions Ltd. All rights reserved.
  Copying this work without express consent is violation of international copyright laws, and 
  we will prosecute to the full extent of the law. (copyright@delphisol.co.uk)
*/ 

/* Fonts */ 

* {padding: 0; margin: 0}

body{
	font-size: 80%; /* 18feb13 was 85%.... 76% min. 90em in IE set as small results in micro-text! All other values as ems */
	font-family: Arial, Helvetica, sans-serif;
	color:#041496;
}

/* Make sure box size (div's) includes padding and border (margin is outside, so set max width to about 98%
*, *:before, *:after { 
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box; 
  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;
  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}

input,textarea{font:inherit;}
h1,h2,h3,h4,h5,h6 {margin: 0.67em; /*margin: 0.5em 0 0.5em 0; */padding-left:0.2em;}
h1{font-size: 1.5em; }
h1.small{font-size: 0.7em; font-weight:bold}
h1.medium{font-size: 0.9em; font-weight:normal}
h1.page {line-height:450%}
h1.half_page {line-height:250%}
h2{font-size: 1.35em }
h3{font-size: 1.2em}
h4{font-size: 1.0em}
p,ul{margin:1em; margin-bottom: 1.3em; margin-left:1.5em;}
/* p {padding: 0 0.5em 0 0.5em;} */
td {margin: 0}
option {padding: 0px 5px 0px 5px}
input[type="radio"] {
  color:red;
}
textarea {margin:0.4em}
input,textarea,select {margin:0 0.3em 0.0em 0.3em; 	border-radius: 5px; 	}
input {padding:2px}
.input_label {
  margin: 0.3em 0.3em 0 0.3em;
	text-align: left;
	font-size: 0.8em;
}
.normal,a.normal:link,a.normal:visited {font-weight: normal; color:#041496;}
.theme{color:#9900cc}
.huge{font-size:1.6em}
.large{font-size:1.2em}
.medium{font-size: 0.9em}
.small,.small select{font-size: 0.83em}
.tiny {font-size: 0.7em}

.fancy_title{
	font-family: Georgia, "Times New Roman", Times, serif; 
  font-style: italic; 	
 font-size:1.6em;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


a.flashing:link {text-decoration: blink;}

.warning  {color: #FF0000}
.big_warning {color: white; background-color: #FF0000;}

.ok {color: #00CC00}
.input_warning {background-color: #FFD7D7}
.all_good {background-color: lime}
.legal{font-family:Arial, Helvetica, sans-serif}
.menu_items {
	color: #CC9900;
	border--width: 1px;
}
.highlight {color: #009933; font-weight: bold;}
.alt_color {color:#339933;}
.greyed {color:#939DFD;}
.refine_color{color: #009933;}
.space {padding-left:1em}
.rrp{text-decoration: line-through;}
.blink{text-decoration: blink;}
.hidden{display:none;}

div.col1 {
  float:left;
  width:40%;
	text-align: left;
}

div.col2 {
  float:left;
	width:60%;
	text-align: left;
}

input.warning, .warning span{color:red}  

input.plain_button,input.plain_button_highlight{border-style:none;font-weight:normal;background-color:white;padding:0;font-size:1em;font-family:arial;color:#041496;}


input.plain_button_highlight{color: #009933; font-weight: bold;}
input.greyed {color:#939DFD;}
input.readonly {border:hidden; background-color:inherit;}

input.small {font-size: 0.83em}

input.small_button{
  padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#041496;
	font-size:0.9em;
}

input.checkout{
  color:#00CC00
}

input.input_small {width: 3em}
input.input_medium,input.input_date,select.input_medium {width: 10em}
input.input_long {width: 20em}
input.input_extra_long {min-width:10em; width:35em}
input.input_number {text-align:right; width:5em}
input.number {text-align:right;}

a:link,a:visited  { color:#9900cc;text-decoration: underline; }
a:hover  {text-decoration: underline; color: #00CC00}

a.plain_link:link,a.plain_link:visited,a.hide_link:link,a.hide_link:visited { text-decoration: none; color:#041496;}
a.greyed:link,a.greyed:visited { text-decoration: none; color:#939DFD;}
a.warning:link,a.warning:visited { text-decoration: none; color: #FF0000}

a.plain_link:hover, a.greyed:hover, input.plain_button:hover {text-decoration: underline; color: #00CC00}
a.hide_link:hover {}

/* a.hide_link:link,a.hide_link:visited,a.hide_link:hover { text-decoration: none; color:#041496; border:0} */

/* Backgrounds + borders */
.background {background-color: #F8F0FF}
.light_backing {background-color: #B9FFB9}
.light_amber_backing {background-color: orange}
.black_text {
	color: black;
	font-weight: normal;
}
.underline {text-decoration: underline}
.border {border-color: #E4C4FF}
.indent {margin-left:2em; margin-right:2em}
.statement{background:#f7f7f7}
.text_width{width: 100%; max-width:70em;}
.text_min_height{height:3em}
.text_1_line{height:1.5em}

/* Special */
.nowrap{white-space:nowrap} 
.center{text-align:center}
.right{text-align:right}
div.center{margin-left:auto; margin-right:auto;}
.line{
  height:1px;
	border--style: dashed;
	border--width: 1px;
}
.faint_line{
  height:1px;
	border-bottom: 1px dashed #BBC1FD;
}
img.plain{text-decoration: none; border:0}
img.no_border { border:0}

/* May2019 #header{width:100%; min-width:300px} */
/* DELETE ME 2019
* html #ie_head_fix1 {z-index:1;border-left:690px solid #fff;position:relative;float:left;}
* html #ie_head_fix2 {z-index:2;margin-left:-690px;position:relative;float:left;text-align:left;}
*/

/* delete 2019 #header1{margin:0;padding:0}*/
#header2{margin-top:auto}
.header_left{float:left; left:0; margin:0; padding-left:1px; width:10px}
.header_right{float:right; padding-top:0px; padding-right:1px; position:static; text-align:right; width:75px; white-space: nowrap}
.header_right_menu{float:right;padding-top:0px;position:static;text-align:right;width:80%;white-space: nowrap}

a.header_menu:link,a.header_menu:visited,a.header_menu:active{
  color:#9900cc;
	font-size:0.8em;
	font-weight: bold;
  text-decoration: none; 
	padding-right:1em;
	margin-bottom:10em;
}

#header_title {
	font-size: 3em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif; 
}

#header_special {	
  font-size: 1.3em;
	font-weight: bold;
}

#navbar { 
	float:left;
/*	position : absolute;
	top : 70px; */
	width : 10.5em;
	background-color: white;
	padding-left:0.5em;
}

/* DELETE ME 2019 - no fixed side bar anymore
#content {
	padding: 0.5em;
	margin-left: 11em;
} */

/* DELETE ME 2019
#content_noindex {
	padding: 0.5em;
	margin-left: 30px;
	margin-right: 30px;
}*/

#content_window,#header{
  clear:both;
  /*width:100%; */
	min-width:320px; /* smallest mobile - 2018: 10% of all mobiles - most are 360px and bigger */
	max-width:1920px; /* largest desktop - 2018: 20% of all desktops- most are 1366px and bigger */
  margin-left:auto; margin-right:auto;	/* center within maximum size */
}

/* May18 - DELETE ME - Stop large images appearing under contents 
* html #ie_content_window_fix1 {z-index:1;border-left:700px solid #fff;position:relative;float:left;} 
* html #ie_content_window_fix2 {z-index:2;margin-left:-700px;position:relative;float:left;text-align:left;}
*/

#rightbar{
  float:right;
	width: 150px;
	background-color: white;
}

#footer {
	left: 1em;
	padding:1em;
	background-color: #dbdcde;
  font-style: italic; 	
	margin-top:3em;
}

#footer h1{
 font-size: 1.2em;
 font-weight:normal;
}

#footer a.link:hover, #footer a.link:visited {background-color:#FF00CC; text-decoration: none; color:blue; font-size:3em;}


/* Three column layout (use in the footer etc)*/
.column60 {
    float: left;
    width: 60.00%; /* 2 Columns */
}
.column40 {
    float: left;
    width: 40.00%; /* 2 columns */
}

.column3 {
    float: left;
    width: 33.33%; /* Three Columns obviously */
}
.column50 {
    float: left;
    width: 50.00%; /* 2 columns */
}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
 /* Stack the columns on top of each other when screen is less than 600px wide*/
@media screen and (max-width: 600px) {
    .column3 {width: 100%;}
    .column60, .column40 {width: 100%;}
} 



.special_offer {
  font-size: 1.05em;
	font-weight: bold;
	color: red;	
}

.original_price {
  font-size: 0.9em;  
	color: blue;
	/* text-decoration: line-through; */
}

.mini {
  font-size: 0.85em;  
}

.min_width {
  width: 200px;
	height:1px;
	padding:0; margin:0;
}

/* Boxes */

.clear {clear:both}

.box_right { /* For images */
  float:right;
	width:150px;
	margin:0.5em;
}

.box_main { 
	float: left;
	width: 14em;
	margin: 2px;	
	/* 17mar16 background-color: #E9D6EF; */
}  

.bold_box {
	background-color: #A354BA; ; 
	width: 50%; 
	max-width:50em; 
	margin:0.5em; 
	color:white;
	border-radius: 15px; 
	text-align:center;
	padding:0.5em;
}

.warning_box {
	background-color:#CC0000; ; 
	max-width:50em; 
	margin:0.5em; 
	color:white;
	border-radius: 15px; 
	text-align:center;
	padding:0.5em;
	font-size:1.3em;
	float:left;
}

.notify_box {
	background-color:#009900; ; 
	max-width:50em; 
	margin:0.5em; 
	color:white;
	border-radius: 15px; 
	text-align:center;
	padding:0.5em;
	font-size:1.3em;
	float:left;
}



.box_span {
	float: left;
	margin: 0.5em;	
	width:98%; /* Try to include the Margin*/
  border-radius: 10px; 
	background-color: #F7F0F9;
}

.box_span_plain {
	float: left;
	margin:0.5em;
	width:98%;
  border-radius: 10px; 
}

div.box_seperator {
	/*border-bottom: 1px dashed #BBC1FD;*/
	padding-bottom:0.5em;
	margin-bottom:0.5em;
}

div.nice_border {
  border: 1px dashed #cccccc;
}

.box_inner {
	width:90%;
	margin: 3px;
	padding: 0.5em;
  margin-left: auto; 
	margin-right: auto;
}

.border{
	border: 1px solid #cccccc;
}

div.box_grid {
	float: left;
	width: 13em;
	height:19em;
  padding:0.3em;
  margin:0.2em;
	/* border-left: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc; */
	font-size:0.9em;
	text-align:center;
	overflow:hidden;
  border-radius: 5px; 	
}

div.box_grid_250 {
	width: 20em;
	height:26em;
}

div.box_grid_100 {
	width: 13em;
	height:14em;
}



div.ad_box {
	float: left;
	width: 13em;
  padding:0.3em;
  margin:0.2em;
	/* border-left: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc; */
	font-size:0.9em;
	text-align:center;
	overflow:hidden;
  border-radius: 5px; 	
}

div.cat_grid_100{
	float: left;
	width: 100px;
	height:140px;
  padding:0.3em;
  margin:0.2em;
	/*
	border-left: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc; */
	font-size:0.98em;
	text-align:center;
	overflow:hidden;
}

div.cat_grid_150{ /* Fixed width, expanding height for text enlargement*/
	float: left;
	width: 150px;
	height:17em;
  padding:0.3em;
  margin:0.2em;
	/*
	border-left: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc; */
	font-size:0.98em;
	text-align:center;
	overflow:hidden;
}

div.link_box{
	font-size:0.9em;
	max-width:900px;
}

div.no_border {
  border: 0;
}

div.product_large{float:left;left:0; width:10px} /* width allows product_info to overlap the small size: NOT IE6? */
div.product_info {
	float: right;
	width: 13em;
  padding:0.3em;
  margin:0.2em;
	margin-top:0.70em; 
  width:18em;
	/* border:1px solid grey;  */
	background-color:white;
}



.box_grid li{
	list-style: none;
  margin: 7px 0 7px 0;
	padding-left: 20px;  
	background-image: url(../images/tickbox.gif); 	
	background-repeat: no-repeat;
	text-align:left;
}
/*.box_grid a:link,.box_grid a:visited,.box_grid a:active{text-decoration: none; color:#041496}  */
.box_grid a:hover{text-decoration:none; color:#00CC00}  

div.image {
	width:150px;
	height:150px;
	overflow:hidden;
	margin: 0 auto;
	position:relative; /* make contents relative */
}

div.image_100 {
	width:100px;
	height:100px;
	overflow:hidden;
	margin: 0 auto;
}


div.image_250 {
	width:250px;
	height:250px;
}

div.left50 {
	text-align:left;
	float:left;
	width:50%;
}
div.left250 {
	text-align:left;
	float:left;
	width:260px;
}


img.product, a img.product:link, a img.product:visited, a img.product:active {
	border:2px solid #FFFFFF;
	max-width: 100%;
  max-height: 100%;
}
a img.product:hover {	border:2px solid #00CC00}

a.info,a.plain_info,a.price_info{
	font-weight: bold;
	border: 1px;
	background-color: #00CC33;
	font-size: 1.1em;
	position:relative;
	/* z-index:5;  */
}
a.info, a.info:link, a.info:visited, a.info:active, a.price_info, a.price_info:link, a.price_info:visited{
  color: #FFFFFF; text-decoration:none;
}

a.info:hover,a.plain_info:hover, a.price_info:hover {z-index:2; background-color:#0000FF}
a.info span,a.plain_info span, a.price_info span {display: none}
a.info:hover span, a.plain_info:hover span  {
	display:block;
	position:absolute;
	top:2em;
	left:-4em;
	width:14em;
	border:1px solid #000;
	background-color:#CCCFE6;
	padding:0.5em;
	color:#000;
	font-weight: normal;
	text-decoration:none;
	font-size:0.9em;
}

a.plain_info{ background-color: white; font-weight:normal}
a.info_warn{ background-color: red;}
a.plain_info, a.plain_info:link, a.plain_info:visited, a.plain_info:active{
  color: #041496; text-decoration:none; text-decoration:underline
}

a.warn {background-color: #FF0000}
a.no_stock,a.in_stock,a.stock_warn,a.link {background-color: #FFFFFF}
a.no_stock, a.no_stock:link, a.no_stock:visited, a.no_stock:active {color: #FF0000}
a.in_stock, a.in_stock:link, a.in_stock:visited, a.in_stock:active {color: #00CC33}
a.stock_warn, a.stock_warn:link, a.stock_warn:visited, a.stock_warn:active {color: #FF9933}
a.no_stock:hover,a.in_stock:hover,a.warn_stock:hover,a.link:hover {z-index:6;  color:#FFFFFF;}

/* Pricing */

a.price_info:hover span {
	display:block;
	position:absolute;
	top:2em;
	left:-10em;
	width:20em;
	border:1px solid #000;
	background-color:#CCCFE6;
	padding:0.5em;
	color:#000;
	font-weight: normal;
	text-decoration:none;
	font-size:0.85em;
}

a.price_info:hover table, a.price_info:hover tr {
	width:15em;

}
a.price_info:hover td {
	padding:0em;
}


/* From admin.css 27feb07 */ 

.box_color {background-color: #F5F5F5}
.selection_box_span,.details_box {
  border: 1px solid #041496;
  float:left;
	width:98%;
	background-color: #F5F5F5;
	margin-bottom:1em;
	padding-bottom:0.5em;
  border-radius: 5px; 	
	margin: 0.5em;	
}

/* override admin */
div.desc {
	clear:both;
  float:left;
  margin: 0.3em 0.3em 0 0.3em;
  width:19%;
  min-width:5em;
	text-align: left;
}

div.field {
  float:left;
  margin: 0.3em 0.3em 0 0.3em;
	width:78%;
	min-width:5em;
	text-align: left;
}

.signed { font-style: italic; } /* Signed */

table.nice td, table.nice th{padding: 0.1em}

/* bigger checkboxes */

.big-checkbox {
  background-color: #cc9e5d;
  display: none;
}
 
label {
    display: inline;
}
 
.big-checkbox + label {
    background-color: #ffebcc;
    border: 2px solid grey;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -10px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}
 
.big-checkbox + label:active, .big-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.big-checkbox:checked + label {
    background-color: #00b359;
    border: 2px solid green;
    color: #000;
}
 
.big-checkbox:checked + label:after {
    content: '\2714';
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 20px;
    left: 3px;
}
 
 
.big-checkbox + label {
    padding: 12px;
}


/* -------------------------------------------------- */
/* CSS3 Below                                         */
/* -------------------------------------------------- */

/* Style all buttons */
body > button {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 60px;
    width: 150px;
    line-height: 60px;
    margin: 25px 25px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}

button:hover {
  background: #CF4647;
}


/* Style Links (and Buttons) as Buttons */

/* basic */
a.basic_button,div.container{
 float:left;
}
input.basic_button, a.basic_button{
	font-family: Sans-serif;
	font-size: 1em;
	text-decoration:none;
	background-color:#E9E9E9;
	border:1px solid #660000;
	border-radius:5px;
	color:#041496;
	margin: 0.3em;
	padding:0.3em;
	transition: all 0.3s ease 0s;
	box-shadow: 0.2em 0.2em grey;
}
input.basic_button:hover, a.basic_button:hover{
	background-color:green;
	color:#fff;
  cursor: pointer;	
}

/* fancy */
a.fancy_button,div.container{
 float:left;
}
input.fancy_button, a.fancy_button{
	font-family: Sans-serif;
	font-size: 1.4em;
	text-decoration:none;
	background-color:blue;
	border:1px solid #660000;
	border-radius:5px;
	color:#fff;
	margin: 0.3em;
	padding:0.5em;
	transition: all 0.3s ease 0s;
	box-shadow: 0.2em 0.2em grey;
}
input.fancy_button:hover, a.fancy_button:hover{
	background-color:green;
  cursor: pointer;	
}

/* --- Royal Mail --- */

/* RM advice 13Dec17
   Return address to be above and to the left of  the delivery address  
   PPI Addressing: Font size 10-12. 64 characters max per line. no wrapping. 
   https://www.royalmail.com/sites/default/files/GuideForClearAddressing_April2013.pdf */
.royalmail_main_address{font-size:10pt; font-weight: normal; color:black;
						font-family:"Lucida Console", "Arial", Monaco;}
/* RM Return address: not bigger than main address */					
.royalmail_return_address{font-size:9pt; font-weight: normal; color:black;
						font-family:"Arial", Monaco;}
/* The return address uses Freepost's 12pt recommended by Royal Mail - Preferred "OCR B" not available in firefox 
   Valid fonts: OCR B (preferred) , Monaco , Letter Gothic, Lucida Console, Lucida  Sans Typewriter*/
.royalmail_freepost_address{font-size:12pt; font-weight: normal; color:black;
						font-family:"Lucida Console", Monaco;}


		

/* May-2018 - Tidy up - remove disused

#text_overlay {
    z-index:100;
    position:absolute; 
    font-weight:bold;		
    left:1em;
    bottom:1px;
		background:white;
} 




*/