/* CSS Document */
/*
 Length Units

<length> indicates a number followed by a unit of measure: 
24px, for example. 
The number can be an integer or a decimal fraction, and can be preceded by + or -. 
-24.5pt, for example.

Units can be absolute or relative: 
Absolute: mm, cm, in, pt, pc (millimeters, centimeters, inches, points, picas)
Relative: em, ex, px (the element's font height, the element's x-height, pixels) - Use a Combination of Percent and Em - The solution that works in all browsers, is to set a default font-size in percent for the body element and oo avoid the resizing problem with Internet Explorer, many developers use em instead of pixels. The em size unit is recommended by the W3C. 1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px. The size can be calculated from pixels to em using this formula: pixels/16=em

Font-size may be defined in points, pixels, inches, or centimeters (pt, px, in, cm) or as a percentage (%)
<Absolute-size> can be: xx-small, x-small, small, medium, large, x-large, xx-large
<Relative-size> can be: larger, smaller

Percentage Units 
<Percentage> indicates a number followed by a % sign: 50%, for example. 
In the text-indent, margin, padding, and width properties, percentage values are relative to the width of the parent element.
In the font-size property, percentage values are relative to the font size of the parent element. 
In Color values, percentages can be used to express RGB values. 

Color Units
<Color> can represent either <color-name> or <rgb> values, as defined below:
<Color-name> can be: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow
<RGB> can be: #<hex><hex><hex> rgb(<number>, <number>, <number>) rgb(<percentage>,<percentage>,<percentage>)
<hex> represents a hexidecimal value, <number> a decimal value, and <percentage> a percentage. 

	font-size: medium;		// 8px - xx-samall, 10px - x-small, 12px - small, 14px - medium, 18px - large, 36px - xx-large 
	font-weight: normal;	// 100 - 900 thin - thick, 400 = normal 700 = bold 
*/

/*
.p is for class
#p is for div id and can be used only once
p is for a tag
*/
/* padding top right bottom left */

@charset "utf-8";
/* CSS Document */

html {
	height: 100.1%; 		/* gives a scrollbar in Mozilla/Firefox */
	width: 1250px;
	margin: 0px auto;
	padding: 0px;
} 

.clear {
	clear: both;
	background-color:#06F;
}

body { 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 500;
/*	width:1000px;	*/
	color: #000;
/*	line-height: 1.166;	*/
	margin: 0px auto;
	padding: 0px;
	width: 1250px;
}
form,input,textarea,select,option {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	margin: 0px auto;
	padding: 0px;
}
/* BODY {FONT-SIZE: x-small; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; BACKGROUND-COLOR: #ffffff} FROM MANAGE */

/* Home page styles */

#topsite {
	font-size: 100%;
	font-weight: 500;
	background-color:#FFFFFF;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

/*********** #topsite link styles ***********/

#topsite ul a:link,
#topsite ul a:visited {
	display: block;
}

#topsite ul {
	list-style: none; margin: 0; padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#topsite li {
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */
html>body #topsite li {
	border-bottom: none;
}

#content {
	font-size: 12px;
	float: left;
	width:71%;
	max-width: 916px;					/* was 70% previously 62% */
	padding: 2px;
	margin:0px auto;
}

#home-page { font-weight:bolder;
}

.home-page-info {
/*	border: solid .1em #000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	*/
	margin: 0px auto;
	padding-left: 1em;
	width:100%;
	font-size:1em;
/*	font-weight:bold;	*/
	float: left;
	text-align: left;
}

.home-page-special-message {
	border: solid .1em #000;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin: 0px auto;
	padding-left: 1em;
	width:100%;
	font-size:1em;
	font-weight:bold;	
	float: left;
	text-align: left;
}

/* index page advert style */

.advert-blocks {
	border: solid .2em #CCC;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	-o-border-radius: .5em;
	border-radius: .5em;
	padding-left: 2px;
	margin: 1px;
	padding-top:10px;
	width:19%;
	max-width:190px;
	height:150px;
	min-height:150px;
	max-height:150px;
	font-size: 1em;
	float: left;
	text-align:center;
	color:#000;
}

/*
.advert-blocks {
	padding-top:10px;
	border:2px solid #CCC;
	font-size: 12px;
	width: 19%;
	max-width:190px;
	height:186px;
	min-height:186px;
	max-height:186px;
	padding-left: 2px;
	margin:0px;
}

.advert-info {
	border:5px double #CCC;
	margin: 0px;
	padding: 0px;
	width:auto;
	height:200px;
	min-height:200px;
	max-height:200px;
	font-size:12px;
	float: left;
	text-align:left;
}
*/
.advert-content { 
	width:auto;
	height:200px;
	border:1px #000 solid;
	background:#fff;
	margin-top:0;
	margin-right:1px;
	margin-bottom:0;
	margin-left:1px;
	padding-top:5px;
	padding-right:0;
	padding-bottom:5px;
	padding-left:5px;
	overflow:scroll;
}

/* block styles for none image based carousel */

.block-style {
	border: solid .1em #EEE ;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	margin: 2px;
	padding: 0px;
	width:45%;
	max-width: 576px;
	height:100px;
	min-height:100px;
	max-height:100px;
	font-size:.9em;
	float: left;
	text-align:left;
	overflow:hidden;
	color:#000;
}

/*	*/

.menutop { 
	width:151px;
	height:26px;
	line-height:26px;
	padding-left:10px;
	background-image:url(http://www.fdb-images.co.uk/images/sprite.jpg);
	background-repeat:no-repeat;
	overflow:hidden;background-position: 0px 0px;
}

#adv-content{width:680px;height:200px;overflow:scroll;}

#head_rss{line-height:14px;font-size:9px;font-weight:bold;color:#fff;display:inline;float:right;height:14px;margin-right:20px;margin-top:1px;margin-bottom:3px;margin-left:25px;}
.dialogbottom:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

/************* #search styles ***************/

#search {
	padding: 5px 0px 5px 10px;
/*	border-bottom: 1px solid #cccccc;	*/
	font-size: 12px;
}

#search form {
	margin: 0px;
	padding: 0px;
}

#search label {
	display: block;
	margin: 0px;
	padding: 0px;
}

/*********** #sectionLinks styles **********    NO LONGER USED                 */

.sectionLinks {
	position: relative;
	margin: 0px;
	padding: 2px;
	font-size: 10px;		
	font-weight: bold;
}

.sectionLinks h3 {
	padding: 2px 2px 4px 5px;
	border-bottom: solid #cccccc;
	border-bottom-width:medium;
}

.sectionLinks a {
	display: block;
	border-bottom: solid #cccccc;
	border-bottom-width:medium;
	border-right: solid #cccccc;
	border-right-width:medium;
	border-top: none;
	border-left: none;
	padding: 2px 4px 4px 5px;			/* padding top right bottom left */
}

.sectionLinks a,p {
	padding-left: 2px;
	font-weight: 500; 
}

.sectionLinks a:link {					/* link, visited, hover & active in this order */
	background-color: #FFF;
}

.sectionLinks a:visited {
	background-color: #FFF;
}

.sectionLinks a:hover {
	border-bottom: none;
	border-right: none;
	border-top: solid #cccccc;
	border-top-width:medium;
	border-left: solid #cccccc;
	border-left-width:medium;
	background-color: #dddddd;
	padding: 4px 2px 2px 7px;			/* padding top right bottom left */
}

.sectionLinks a:active {
	background-color: #FFF;
}

/* navigation links */

.navBar {
	width: 14%;	
	min-width: 120px;
	max-width: 180px;
	margin: 0px;
	padding: 0px;
/*	border: medium #dddddd outset;	*/
	background-color: #FFF;
}

.navBlocks {
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-bottom: .5em;
	font-size: .9em;
	text-align: center;
	color: #000;
}

.navLinks {
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin-bottom: 0.5em;
	padding-left: 1em;
	padding-bottom: .5em;
	font-size: .9em;
	text-align: left;
	color: #000;
}
.navLinks h3 {
	padding: 2px 2px 4px 5px;
}

.navLinks ul {
	list-style: none;	
	margin: 0px;
	padding: 0px;
	color:#000;
}

.navLinks ul li {
	margin: 0px;
	padding: 0px;
	color:#000;
}
/*
.navLinks ul li ul {
	list-style: none;	
	margin: 0px;
	padding: 0px;
	float:left;
	color:#000;
}
*/
.navLinks ul li li {
	background:url(http://www.fdb-images.co.uk/sysimg/goto_arrow.gif) no-repeat left;
	margin: 0px;
	padding-left: 10px;
	color:#000;
}

.navLinks a {
	display: block;
	padding: 2px 4px 4px 5px;			/* padding top right bottom left  */
	color:#000;
}

.navLinks a,p {
	padding-left: 2px;
/*	font-weight: 500; 	*/
	color:#000;
}

/*
.navLinks a:link {					// link, visited, hover & active in this order 
	background-color: #FFF;
}

.navLinks a:visited {
	background-color: #FFF;
}
*/
.navLinks a:hover {
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	border-bottom: none;
	border-right: none;
	border-top: solid .1em #cccccc;
	border-top-width: thin;
	border-left: solid .1em #cccccc;	
	border-left-width: thin;
	background-color: #EEE;	
	padding: 4px 2px 2px 7px;
	color:#000;
}
/*
.navLinks a:active {
	background-color: #FFF;
}
*/

/* siteInfo styles  */

#siteInfo {
	float: left;
	width: 95%;
	clear: both;
	font-size: 100%;
	color: #000000;
	padding: 10px 10px 10px 10px;
}

#siteInfo h1 {
	font-size: 24px;
	font-weight: bold;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

#siteInfo h2 {
	font-size: 20px;
	margin: 0px;
	padding: 0px;
}
#siteInfo img {
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
ul#siteInfo li {
	list-style-type: disc;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding: 0px 10px 0px 0px;		
}

.siteInfo {
	float: left;
	width: 95%;
	clear: both;
	font-size: 16px;
	color: #000000;
	padding: 10px 10px 10px 10px;
}

/***************** offers module table ************** TABLES TO BE REPLACED BY DIVS */

#offers {
	font-size: 16px;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
div.moduletable {
	padding: 0;
	margin-bottom: 2px;
	font-size: 12px;

}
table.moduletable th, div.moduletable h3 {
	background: url(http://www.fdb-images.co.uk/images/icons/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}
table.moduletable td {
	padding: 0px;
	margin: 1px;
	font-weight: 500;
}

table.orders {
	width: 625px;
	padding: 1px;
	border-spacing: 1px;
	border-collapse: collapse;
	border: solid #cccccc 1px;
	font-size: 12px
}

/*   */

#important-message {
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	background: url(http://www.fdb-images.co.uk/sysimg/warning_triangle.jpg ) #fff no-repeat left;
	text-align: center;
	width: 100%;
	font-weight: bold;
	color:#F00;
	min-height: 60px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px auto;
}

#basket_summary {
	float: left;
	width: 96%;
	font-size: 12px;
	background-color: #FFFF66;
	border:1px solid #cccccc;
}

/* Product styles  - public */

#product-selection {
	margin: 0px auto;
	padding: 0px;
	width:600px;
	background-color:#FF9;
	text-align:center;
	border:outset thin;
}

.p-container {
	margin: 0px auto;
	padding: 0px;
	width: auto;				/* : 100%; ************************************************************************************/
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000;
}

.p-print-container {
	margin: 0px auto;
	padding: 0px;
	border: 1px #669;
	border-top: 2px #669;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#000;
}

.p-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:24px;
	line-height:24px;
	font-weight:bold;
	float: left;
	text-align:center;
	vertical-align:middle;
}

.p-text {
	margin: 0px;
	padding-right: 1px;
	width:20%;
	float: left;
	text-align: right;
}

.p-data {
	margin: 0px;
	padding-left: 1px;
	font-weight:bold;
	width:60%;
	float: left;
	text-align: left;
}

.p-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:24px;
	float: left;
	text-align:left;
}
.p-comment {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#00F;
	float: left;
	text-align:left;
}

.p-img { 
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	width:40%;
	overflow:hidden;
	float: left;
	text-align:center;
}

.p-mini-img { 
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin: 0.1em;
	padding: .15em;
	font-size: 1em;
	vertical-align:middle;
	width:19%;
	min-width:140px;
	max-width:180px;
	overflow:hidden;
	float: left;
	text-align:center;
}

.p-cell { 
	margin: 0px;
	width:100%;
	float: left;
	text-align:left;
	vertical-align: middle;
}

.p-mini-cell {
	margin: 0px;
	width:20%;
	float: left;
	text-align:left;
	vertical-align: middle;
}
.p-mm-cell {
	font-size:10px;
	margin: 0px;
	width:23%;
	float: left;
	text-align:left;
	vertical-align: middle;
}

.p-text-centre {
	text-align: center;
}
.p-text-right {
	text-align: right;
}
.p-text-left {
	text-align: left;
}

.p-heading-1 { 
	text-align:right;
	float:left;
	width:20%;
	padding-right:1px;
}
	
.p-spec-1 {
	width:60%;
	float:left;
	text-align:left;
	padding-left:1px;
	font-weight:bold;
}

.p-heading-2 { 
	text-align:right;
	float:left;
	width:15%;
	padding-right:1px;
}
	
.p-spec-2 {
	width:25%;
	float:left;
	text-align:left;
	padding-left:1px;
	font-weight:bold;
}

.p-heading-3 { 
	text-align:right;
	float:left;
	width:20%;
	padding-right:1px;
}
	
.p-spec-3 {
	width:60%;
	float:left;
	text-align:left;
	padding-left:1px;
}

.p-heading-5 { 
	text-align:right;
	float:left;
	width:10%;
	padding-right:1px;
	vertical-align:middle;
	font-size:12px;
}
	
.p-name-5 { 
	text-align:right;
	float:left;
	width:20%;
	padding-right:1px;
	vertical-align:middle;
	font-size:12px;
}
	
.p-spec-5 {
	width:40%;
	float:left;
	text-align:left;
	padding-left:1px;
	font-weight:bold;
	vertical-align:middle;
	font-size:12px;
}

.p-foot { 
	text-align:center;
	float:left;
	width:100%;
	font-size:11px;
}

.p-text { 
	text-align:right;
	float:left;
	width:10%;
	padding-right:1px;
}
	
.p-data {
	width:25%;
	float:left;
	text-align:left;
	padding-left:1px;
	font-weight:bold
}

/* Product styles  - manage  */

.product-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFC;
	width: 1200px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.product-advert {
	margin: 0px;
	padding: 0px;
	width: 100%;
/*	font-weight:bold;	*/
	height: 16px;
	line-height:12px;
	color:#000;
	text-align:center;
	vertical-align:middle;
}
.product-advert a {
	color:#000;
}
.product-make-offer {
	background-color:#000;
	color:#FFF;
	font-weight: bold;
	text-align:left;
}
.product-title {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-weight:bold;
	height: 24px;
	line-height:24px;
	color:#C93;
	text-align:center;
	vertical-align:middle;
}
.product-image {
	margin: 0px;
	padding: 0px;
	width: 70%;
	float: left;
}
.product-categories {
	margin: 0px;
	padding: 0px;
	width:30%;
	float: left;
}
.product-text {
	margin: 0px;
	padding: 0px;
	width: 20%;
	vertical-align: middle;
	text-align: right;
	float: left;
	background-color: 999999;
}
.product-data {
	margin: 0px;
	padding: 0px;
	width: 80%;
	float: left;
	text-align: left;
}
.product-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:24px;
	float: left;
	text-align:left;
}

/* index supplement styles */

.is-container {
	margin: 0px auto;
	padding: 0px;
	height:auto;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.is-section {
	background-color:#3F0;
	display:none;
	margin: 0px;
	padding: 0px;
	width:100%;
}
.is-info {
	background-color:#3FF;
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	text-align:left;
}
.is-title {
	background-color:#F00;
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
/* Job and task styles */

.job-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFC;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.job-text {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:24px;
	line-height:20px;
}
.job-words {
	margin: 0px;
	padding: 0px;
	width:50%;
	font-weight: bold;
	float: left;
	text-align: right;
}
.job-form {
	margin: 0px;
	padding: 0px;
	width:50%;
	float: right;
	text-align: left;
}
.job-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:24px;
	float: left;
	text-align:left;
}
.job-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.task-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFCC;
	width: 100%;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
.task-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	line-height:24px;
	text-align:left;
}
.task-text {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	text-align:left;
}
.task-cell {
	margin: 0px;
	padding: 0px;
	float: left;
}

/* print job note, card and sheet */

.pj-container {
	margin: 0px auto;
	width: 60mm;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:left;
}
.pj-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.pj-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	line-height:16px;
	text-align:left;
}
.pj-cell {
	margin: 0px;
	padding: 0px;
	float: left;
}
.pj-name {
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	float: left;
	text-align:left;
}
.pj-cost {
	margin: 0px;
	padding: 0px;
	font-weight:bold;
	float: right;
	text-align:right;
}

/* reporting styles */

.r-container {
	margin: 0px auto;
	padding: 5px;
	background-color: #FFFFCC;
	width: 100%;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
.r-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.r-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	line-height:24px;
	text-align:left;
}
.r-cell {
	margin: 0px;
	padding: 0px;
	float: left;
}

.r-tab {
	margin: 0px;
	padding: 0px;
	width:50%;
	float: left;
}

/* client styles */

.customer-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFCC;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.customer-text {
	margin: 0px;
	padding: 0px;
	width:40%;
	height:24px;
	line-height:20px;
	float: left;
	text-indent:40px;
}
.customer-data {
	margin: 0px;
	padding: 0px;
	width:60%;
	float: left;
	text-align: left;
}
.customer-address {
	margin: 0px;
	padding: 0px;
	width:30%;
	float: left;
	text-align: left;
}
.customer-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:24px;
	float: left;
	text-align:left;
}
.customer-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.customer-section {
	margin: 0px;
	padding: 0px;
	width:100%;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#C93;
	float: left;
}

/* home page supplement tab */

.supplement-tab {
	width:151px;
	height:26px;
	line-height:26px;
	padding-left:10px;
	background-image:url(http://www.fdb-images.co.uk/images/sprite.jpg);background-repeat:no-repeat;
	overflow:hidden;
	background-position: 0px 0px;
}

.supplement-tab-text {
	color:#fff;
	font-size:11px;
	font-weight:bold;
}

/* Flight deck - manage */

.f-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFF;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000;
}

.f-print-container {
	margin: 0px auto;
	padding: 0px;
	border: 1px #669;
	border-top: 2px #669;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:20px;
	color:#000;
}

.f-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:24px;
	line-height:24px;
	font-weight:bold;
	float: left;
	text-align:center;
	vertical-align:middle;
}

.f-summary {
	margin: 0px;
	padding-right: 1px;
	width:300px;
	float: left;
	font-size:12px;
	text-align: left;
	vertical-align:middle;
	background-color:#CFF;
}

.f-detail {
	margin: 0px;
	padding-left: 1px;
	width:900px;
	float: right;
	font-size:12px;
	text-align: left;
	background-color:#FCF
}

.f-summary-head { 
	margin: 0px;
	padding: 0px;
	width:120px;
	float: left;
	text-align:left;
	vertical-align: middle;
}
.f-summary_text { 
	margin: 0px;
	padding: 0px;
	min-width:30px;
	width:30px;
	float: right;
	text-align:right;
	vertical-align: middle;
}
.f-cell { 
	margin: 0px;
	padding: 0px;
	float: left;
	text-align:left;
	vertical-align: middle;
}

/* Cart display */

.cart-heading {
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin: 0.5em auto;
	padding: .15em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	float:right;
	vertical-align:middle;
}
.cart-container {
	border: solid .1em #CCC;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;	
	margin: 0.1em auto;
	padding: .15em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
.cart-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:24px;
	line-height:24px;
	font-weight:bold;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.cart-address {
	margin: 0px;
	padding: 0px;
	width: 40%;
	float: left;
	text-align: left;
	font-size: 11px;
}
.cart-text {
	margin: 0px;
	padding: 0px;
	width:30%;
	height:24px;
	line-height:20px;
	float: left;
	text-align: right;
}
.cart-data {
	margin: 0px;
	padding: 0px;
	width:70%;
	float: left;
	text-align: left;
}
.cart-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:24px;
	float: left;
	text-align:left;
}
.cart-img {
	margin: 0px;
	padding: 0px;
	width:20%;
	float: left;
	text-align:left;
}
.cart-cell {
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	width:100%;
	float: left;
	text-align:left;
}
.cart-text-centre {
	text-align:center;
}
.cart-text-right {
	text-align:right;
}
.cart-margin-right { 
	margin-right: 2px;
}
.cart-margin-left { 
	margin-left: 2px;
}

/* Sale display */

.sale-page-break { 
	page-break-after:always;
}
.sale-container {
	width:auto;
	max-width: 916px;	
	margin: 0px auto;
	padding: 0px;
	border: 1px #669;
	border-top: 2px #669;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000;
}
.sale-print-container {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	border: 1px #669;
	border-top: 2px #669;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#000;
}
.sale-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:24px;
	line-height:24px;
	font-weight:bold;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.sale-address {
	margin: 0px;
	padding: 0px;
	width: 40%;
	float: left;
	text-align: left;
	font-size: 12px;
}
.sale-text {
	margin: 0px;
	padding: 0px;
	width:30%;
	line-height:16px;
	float: left;
	text-align: right;
}
.sale-data {
	margin: 0px;
	padding: 0px;
	width:70%;
	float: left;
	text-align: left;
}
.sale-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	float: left;
	text-align:left;
}
.sale-img {
	margin: 0px;
	padding: 0px;
	width:20%;
	overflow:hidden;
	float: left;
	text-align:center;
}
.sale-cell {
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	width:100%;
	float: left;
	text-align:left;
	vertical-align: middle;
}
.sale-text-centre {
	text-align: center;
}
.sale-text-right {
	text-align: right;
}
.sale-text-left {
	text-align: left;
}

/* logging in  */

.log-form-container {
	margin: 0px auto;
	padding: 0px;
	background-color: #FFC;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:left;
}
.log-form-text {
	margin: 0px;
	padding: 0px;
	width:40%;
	height:24px;
	line-height:20px;
	float: left;
	text-indent:40px;
}
.log-form-data {
	margin: 0px;
	padding: 0px;
	width:60%;
	float: left;
	text-align: left;
}
.log-form-info {
	margin: 0px;
	padding: 0px;
	width:100%;
	line-height:24px;
	float: left;
	text-align:left;
}
.log-form-line {
	margin: 0px;
	padding: 0px;
	width:100%;
	overflow:auto;
	float: left;
	text-align:left;
}
.log-form-title {
	margin: 0px;
	padding: 0px;
	width:100%;
	font-weight:bold;
	height:24px;
	line-height:24px;
	color:#C93;
	float: left;
	text-align:center;
	vertical-align:middle;
}
.log-form-section {
	margin: 0px;
	padding: 0px;
	width:100%;
	text-align:left;
	font-size:24px;
	font-weight:bold;
	color:#C93;
	float: left;
}
.lf_h36 {
	height:36px;
	line-height: 36px;
}

/************** .inputbox ***********************/

.inputbox {
	font-size: 12px;
	padding: 2px;
	border: solid 1px #cccccc;
	background-color: #FFFF99;
}

.enabled { cursor: default;}
.disabled { cursor: not-allowed; }
 
input.disabled { background: #E0E0E0; }
input.enabled { background: inherit; }

/************** buttons ************************/

.button { 
	color: #c64934;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background-color: transparent;
	padding: 0px 2px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 1px;
}

.arrow_button { 
	width: 21px; 
	background-image:url(http://www.fdb-images.co.uk/sysimg/promo_arrow.gif)
}

/************** text colour and weight and simple positioning *************/

.red {
	color: #cc0000;
}

.blue {
	color: #0000ff;
}

.green {
	color: #00ff00;
}

.dark-green {
	color: #006500;
}

.mid-grey {
	color: #999999;
}

.light-grey {
	color: #cccccc;
}

.light-grey-background { 
	background-color:#EEEEEE
}

.light-yellow-background { 
	background-color:#FFFFCC
}

.white-background { 
	background-color:#FFFFFF;
}

.bold {
	font-weight: bold;
}

.text-align-left {
	text-align:left;
}

.text-align-center {
	text-align:center;
}

.text-align-right {
	text-align:right;
}

.left {
	float:left;
}

.right {
	float:right;
}

p {
	font-size: 12px;
	font-weight: 500;
	color:  #000000;
	margin: 0px;
	padding: 0px;
}

.p {
	font-size: 12px;
	font-weight: 500;
	color:  #000000;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 2px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #006699;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4 {
	font-size: 12px;
	font-weight: 500;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5 {
	font-size: 10px;
	font-style:italic;
	font-weight: 500;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

small {
	font-size: small;
}

small-print {
	font-size: 10px;
}

x-small {
	font-size: x-small;
}

xx-small {
	font-size: xx-small;
}

medium {
	font-size: medium;
}

large {
	font-size: large;
}

x-large {
	font-size: x-large;
}

xx-large {
	font-size: xx-large;
}
.font-8px {
	font-size:8px;
}
.font-6px {
	font-size:6px;
}

label {
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}

.w10pc {
	width:10%
}
.w11pc {
	width:11%
}
.w15pc {
	width:15%
}
.w20pc {
	width:20%
}
.120px {
	width:120px;
}
.90px {
	width:90px;
}
.45px {
	width:45px;
}
.30px {
	width:30px;
}

.w21pc {
	width:21%
}
.w80pc {
	width:80%
}
.pl-85px {
	padding-left:85px;
}
.pl-65px {
	padding-left:65px;
}
.pl-40px {
	padding-left:40px;
}
.pl-25px {
	padding-left:25px;
}

.margin-right { 
	margin-right: 2px;
}
.margin-left { 
	margin-left: 2px;
}