/*
  The contents of this style sheet are Copyright 2007 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: 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;
}
h1,h2,h3,h4,h5,h6 {margin: 0.5em 0 0.5em 0; padding-left:0.2em;}
h1{font-size: 1.4em}
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.22em}
h3{font-size: 1.2em}
h4{font-size: 1.0em}
p,ul{margin:0.5em; margin-bottom: 1em;}
/* 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;}
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 {font-size: 0.83em}
.tiny {font-size: 0.7em}

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

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

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

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

input.button{
  padding:1px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#041496;
}

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.grayed {color:#939DFD;}
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 {width: 10em}
input.input_long {width: 20em}
input.input_extra_long {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.grayed:link,a.grayed:visited { text-decoration: none; color:#939DFD;}
a.plain_link:hover,a.grayed: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}
.black_text {
	color: black;
	font-weight: normal;
}
.underline {text-decoration: underline}
.border {border-color: #E4C4FF}
.statement{background:#f7f7f7}
.text_width{width: 100%; max-width:70em;}

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

/* Layout */
/*
#xheader {
  float:left;
	width:100%; 
	height: 70px; 5.5em or 70px
}

#xheader_left {
	position:absolute;
	left:0.5em;
	z-index: 1;
	font-style: italic;
	color:#9900cc;
} 
#header_left a {	text-decoration:none}

#xheader_right { 
	position:absolute;
	right:0;
	margin-right:0.5em;
	top:1.5em;
	z-index: 2; 
	font-style: italic;
	background-color: #fff;
  color:#9900cc;
} 	
#xheader_right a {	text-decoration:none; }

#xheader_cart { 
	position:absolute;
	right:10em;
	margin-right:0.5em;
	top:0em;
	z-index: 1;
  color:black;
	background-color: #fff;
} 	
#xheader_cart a {	text-decoration:none}

*/

#header{width:100%; min-width:650px}
* 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;}

#header1{margin:0;padding:0}
#header2{margin-top:auto}
.header_left{float:left;left:0;margin:0;padding-left:10px;width:20px}
.header_center{font-weight:bold;margin-left:201px;margin-right:25%;text-align:center;color:#000;padding-top:20px}
.header_right{float:right;padding-top:0px;padding-right:10px;position:static;text-align:right;width:75px;white-space: nowrap}
.header_right_menu{float:right;padding-top:0px;padding-right:10px;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;
}

#search{
  padding-top:0.2em;
  padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	background-color: #F3E8F7;
}

#content {
	padding: 0.5em;
	margin-left: 11em;
	z-index: 1;
}

#content_noindex {
	padding: 0.5em;
	margin-left: 30px;
	margin-right: 30px;
}
#content_window{
  clear:both;
  width:100%; 
	min-width:500px; /* not too small */
}

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

/* #xxrightbar{
  z-index:1;
	position: absolute; 
	top: 70px;
	right: 0; 
	width: 150px;
	background-color: white;
 }*/

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

#footer {
	left: 5px;
	padding:5px;
	background-color: #F3E8F7;
	/* clear:both; nb: cleared in sperate div - IE bug*/
}

.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;	
	background-color: #E9D6EF; 
}

.box_span {
	margin: 3px;	
	float: left;
	width:100%;
	background-color: #F7F0F9;
}

.box_span_plain {
	/* margin: 3px;	 IE5 throws out image - see item_image desc */
	float: left;
	width:100%;
	margin-bottom:0.5em; /* 9May09 added */
}

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;
}

.xxxbox_inner_half {
	width:50%;
	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;
}

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:15em;
  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 {
	float: left;
	width: 20em;
  padding:0.3em;
  margin:1.0em;
	border: 1px solid #cccccc;
	font-size:0.9em;
	text-align:center;
	overflow:hidden;
}*/
div.link_box{
	font-size:0.9em;
	max-width:900px;
}

div.no_border {
  border: 0;
}

div.screen_limit{max-width:800px} /* + contents etc */
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 gray;  */
	background-color:white;
}

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

.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;
}

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;
}
a img.product:hover {	border:2px solid #00CC00}

a.info,a.plain_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{
  color: #FFFFFF; text-decoration:none;
}

a.info:hover,a.plain_info:hover {z-index:2; background-color:#0000FF}
a.info span,a.plain_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;}

/* From admin.css 27feb07 */

.selection_box_span,.details_box {
  border: 1px solid #041496;
  float:left;
	width:99%;
	background-color: #F5F5F5;
	margin-bottom:1em;
	padding-bottom: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}