body 	{
		font-family: Arial, Helvetica, Verdana, sans-serif; min-width: 860px; text-align: center; color: #403B7D;
}

.f2 {color: #B5D91D;font-weight:bold;}
.f3 {color: #C4C4C4;font-weight:bold;}
.f4 {color: #5A577F;font-style:italic;font-weight:bold;}
.f5 {color: #B5D91D;font-weight:bold;font-size: 1.2em;}
.f6 {color: #FB6907;font-weight:bold;}
.f7 {color: #DF03BD;font-weight:bold;}
.f8 {color: #881111;}
.f9 {color: #7E7B9B;}
.f10 {color: #B5D91D;font-weight:bold; font-size: 1.2em;}
.f11 {color: #403B7D;line-height: 1.2; font-size: 1.2em;font-weight:bold;}
.f12 {font-weight:bold;}
.f13 {font-style:italic; font-size: .9em; line-height: 1.4;}	
.f14 {font-size: 1.5em; color: #C10C7C;}
.f15 {color: #2A2A2A; }		
.f16 {color: #A7A9AC; }		
.f17 {color: #B5D91D; font-weight:bold; }	
.f18 {font-size: 1.1em; font-weight:bold;}
.f19 {font-size: 1.7em; font-weight:bold;}
.f20 {color: #F87F11; font-size: 1.7em; font-weight:bold;} <!-- ORANGE -->


.form1 {font-size: 1.1em;}
.text {font-size: 1.3em; font-weight:bold;}
.text2 {font-size: .75em;}
.text3 {font-size: .7em; text-align:justify; }

.christmas {color: #30DBF0;line-height: 1.2; font-size: 1.25em;font-weight:bold;}	
.christmasred {color: #C80000;} 
.christmasredit {color: #B5D91D;font-style:italic;font-weight:bold;}

.c {
	font-weight:bold;
}
.d {color: #0119FF;}

.tdback { background: url(images/table_background.gif);background-repeat: no-repeat; padding-left:10px;
}



a.general:link {color: #B5D91D;font-weight:bold; }
a.general:visited {color: #B5D91D;font-weight:bold; }
a.general:hover {color: #DF03BD; }

a.reduce:link {color: #C10C7C;}
a.reduce:visited {color: #C10C7C;}
a.reduce:hover {color: #DF03BD;}
a.reduce:active {color: #C10C7C;}

a.index:link {color: #F87F11; }
a.index:visited {color: #F87F11; }
a.index:hover {color: #B5D91D;}
a.index:active {color: #F87F11;}

a.blue:link {color: #403B7D; }
a.blue:visited {color: #403B7D; }
a.blue:hover {color: #B5D91D;}
a.blue:active {color: #403B7D;}


#testinew img {
  position: absolute;
}

#code {
	font-size: .7em;
	text-align:justify;
}


#testinew {
	position: absolute;	
	top: 350px;
	width: 274px;
	height: 150px;
	margin: 0 auto;
      text-align: left;
	background: url("images/testimoinals_base_back.gif") no-repeat 0 0;
}

#photos img {
  position: absolute;
}

#photos {
	position: absolute;	
	top: 350px;
	width: 274px;
	height: 150px;
 	overflow: hidden;
}


#testinewin {
	position: absolute;	
	top: 30px;
	left: 12px;
	width: 250px;
      text-align: left;
	font-size: .75em;
	COLOR: #403B7D;

}
#buttonlinks {
	position: absolute;
	width: 584px;	
	top: 350px;
	left: 274px;
	height: 150px;
	font-size: 0.55em;
     text-align: center;

}

#bookmark {
	position: absolute;	
	left: 714px;
}



#wrapper {
	position: relative;	
	width: 858px;
	margin: 0 auto;
      text-align: left;
}

#menu { 
	position: relative;
	width: 858px;		 
}

#header { 
	position: relative;
	width: 858px;		 
}

#bottom { 	
	width: 858px;
}

h1 { 	
	position: relative;
	width: 858px;
	height:80px;
	font-size: .7em;
	color: #A7A9AC;
	background: url("images/FD_Footer_4.gif") no-repeat 0 0;
	padding-left:220px;
	padding-top:18px;
}

h3 { 	
	position: relative;
	width: 858px;
	height:80px;
	font-size: .7em;
	color: #A7A9AC;
	background: url("images/ink/FD_Ink_Footer.gif") no-repeat 0 0;
	padding-left:260px;
	padding-top:18px;
}

#photobottom { 	
	position: relative;
	top: 20px;
	width: 858px;
	height:80px;
	font-size: .7em;
	color: #A7A9AC;
	background: url("images/FD_Footer_4.gif") no-repeat 0 0;
	padding-left:220px;
	padding-top:22px;
}

h2 { 	
	position: relative;
	width: 858px;
	height:80px;
	font-size: .7em;
	color: #A7A9AC;
	background: url("images/ink/FD_Ink_Footer.gif") no-repeat 0 0;
	padding-left:260px;
	padding-top:18px;
}

#stage{
	position: relative;
	width: 858px;
	height:520px;
	background-color: #FFFFFF;
}

#stagephoto{
	position: relative;
	width: 858px;
	height: 850px;
	background-color: #FFFFFF;
}

#maintext { 
	position: absolute;
	font-size: .95em;
	line-height: 1.5;
	width: 500px;

	top: 40px;
	color: #403B7D;	
	font-weight:bold;

}

#sale {
	position: absolute;
	left: 630px;
	width: 210px;
	height: 210px;
	padding: 10px;
	top: 60px;	
	background-color: #E6E7E8;
	color: #403B7D;	
	font-size: .7em;
	background: url("images/essential_tips_background.jpg") no-repeat 0 0;

}

<!--  -->


#franking2{ 
	position: absolute;
	width: 240px;
	height: 240px;
	left: 630px;
	top: 285px;	
}
#shredders2{ 
	position: absolute;
	width: 119px;
	height: 119px;
	left: 125px;
	top: 400px;	
}
#folders2{ 
	position: absolute;
	width: 119px;
	height: 119px;
	left: 500px;
	top: 400px;	
}
#letter2{ 
	position: absolute;
	width: 119px;
	height: 119px;
	left: 250px;
	top: 400px;	
}
#addressprinters2{ 
	position: absolute;
	width: 119px;
	height: 119px;
	left: 375px;
	top: 400px;	
}

#photocopiers2{ 
	position: absolute;
	width: 119px;
	height: 119px;

	top: 400px;	
}



#centretext { 	
	position: absolute;
	font-size: .9em;
	left: 50%;
	top: 120px;	
	width: 650px;
	height: 120px;
	margin-left:-325px;
	text-align: center;
	color: #403B7D;	
	line-height: 1.2;

}

#centretexttest { 	
	position: absolute;
	font-size: .9em;
	left: 50%;
	top: 50px;	
	width: 700px;
	height: 120px;
	margin-left:-350px;
	text-align: center;
	color: #403B7D;	
	line-height: 1.2;

}

#NewsDiv { 	
	position: absolute;
	font-size: .9em;
	left: 50%;
	top: 50px;	
	width: 500px;
	height: 120px;
	margin-left:-250px;
	text-align: center;
	color: #403B7D;	
	line-height: 1.2;

}

#nav{
	position: absolute;
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#company { 
	position: relative;
	font-size: .8em;
	text-align: justify;
	width: 500px;
	top:15px;
	color: #403B7D;	
	line-height: 1.2;
}

#companyimage { 
	position: absolute;
	width: 240px;
	height: 140px;
	left: 575px;
	top: 105px;
	color: #403B7D;
	font-weight:bold;
	font-size: .95em;
	line-height: 1.4;

}

#companyspeech { 
	position: absolute;
	width: 308px;
	height: 340px;
	left: 542px;
	top: 90px;
	background: url(images/company_speech_background.gif);background-repeat: repeat-x;


}

#postal { 
	position: absolute;
	font-size: .9em;
	text-align: justify;
	width: 450px;
	height: 300px;
	top: 40px;
	color: #403B7D;	
	line-height: 1.2;
}




#callcentre { 
	position: absolute;
	width: 360px;
	height: 420px;
	right: 15px;
	top: 60px;	
}
#postal-image { 
	position: absolute;
	width: 360px;
	height: 420px;
	left: 500px;
	top: 90px;	
}

#reduceyourprintcosts { 
	position: relative;
	width: 858px;
	height: 20px;
	font-size: 1em;
	text-align: center;
	
}



#home
{display: block; width: 114px; height: 28px; background: url("images/home_menu.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#home:hover
{background-position: 0 -28px;}
#home span
{display: none;}

#products
{display: block; width: 114px; height: 28px; background: url("images/products_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#products:hover
{background-position: 0 -28px;}
#products span
{display: none;}

#ourcompany
{display: block; width: 114px; height: 28px; background: url("images/our_company_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#ourcompany:hover
{background-position: 0 -28px;}
#ourcompany span
{display:none;}

#royalmail
{display: block; width: 114px; height: 28px; background: url("images/royal_mail_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#royalmail:hover
{background-position: 0 -28px;}
#royalmail span
{display:none;} 

#service
{display: block; width: 114px; height: 28px; background: url("images/service_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#service:hover
{background-position: 0 -28px;}
#service span
{display:none;} 

#testimonial
{display: block; width: 114px; height: 28px; background: url("images/testimonials_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#testimonial:hover
{background-position: 0 -28px;}
#testimonial span
{display:none;} 

#contactus
{display: block; width: 114px; height: 28px; background: url("images/contact_us_menu.gif") no-repeat 0 0; margin: 0; padding: 0;}
#contactus:hover
{background-position: 0 -28px;}
#contactus span
{display:none;} 




----


#navcontainer {  }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li { margin: .2em 0 .2em 0; }
#navcontainer a
{
display: block;
padding: 2px 10px;
width: 130px;
color: #FFFFFF;
background-color: #ADADAD;
text-decoration: none;
font-size: .8em;
background-position: 0 0;
}

#navcontainer a:hover
{
color: #000000;
background-color: #B5D91D;
text-decoration: none;
background-position: 0 0;
}

#navcontainer ul ul li { margin: .2em 0 .2em 0; }

#navcontainer ul ul a
{
display: block;
padding: 2px 15px;
width: 120px;
color: #FFFFFF;
background-color: #6A6A6A;
text-decoration: none;

}


#productmenu { 
	position: absolute;
	width: 150px;
	height: 490px;
	top: 10px;	
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E5E5;	

}

#productmenuphoto { 
	position: absolute;
	width: 150px;
	height: 830px;
	top: 10px;	
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E5E5;	

}

#productstage { 
	position: absolute;
	width: 685px;
	height: 510px;
	left: 171px;
	top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E5E5;

}
#productstagephoto { 
	position: absolute;
	width: 685px;
	height: 850px;
	left: 171px;
	top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E5E5;
	background: url("images/photocopiers_background_green.jpg") no-repeat 0 0;

}
#producttitle { 
	position: absolute;
	width: 665px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E5E5;
	padding: 10px;	
	font-weight:bold;
}

#productdescriptionfranking { 
	position: absolute;
	width: 285px;
	height: 439px;
	top: 40px;
	padding: 10px;	
	font-size: .7em;
	text-align: justify;
 
}

#productdescriptionfranking2 { 
	position: absolute;

	height: 455px;
	top: 40px;
	font-size: .7em;
	text-align: justify;
	padding-left:10px;
	padding-top:10px;
 
}

#productdescriptionphoto { 
	position: absolute;
	width: 660px;

	top: 40px;
	padding: 10px;	
	font-size: .7em;
	text-align: justify;

 
}

#productlandingright { 
	position: absolute;
	width: 360px;
	height: 250px;
	left: 315px;
	top: 50px;	
}

#productlandinglinks { 
	position: absolute;
	width: 640px;
	height: 130px;
	left: 20px;
	top: 370px;	
	background-color: #FFFFFF;
}

#productdescription { 
	position: absolute;
	width: 250px;
	height: 450px;
	top: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E5E5;
	padding: 10px;	
	font-size: .7em;
	text-align: justify;
}


#productbullets { 
	position: absolute;
	width: 394px;
	height: 251px;
	left: 270px;
	top: 238px;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E5E5;
	padding: 10px;	
	font-size: .7em;
	text-align: justify;
	background: url(images/product_bullets.gif); 
	background-repeat: repeat-x;
}

#productlogo{ 
	position: absolute;
	width: 60px;
	height: 60px;
	left: 610px;
	top: 445px;
	background: url(images/FD_Logo_products.gif); 
}
#productvideo{ 
	position: absolute;
	width: 400px;
	height: 29px;
	left: 265px;
	top: 9px;
	font-size: .7em;
	text-align: right;

}

#productimage{ 
	position: absolute;
	width: 405px;
	height: 182px;
	left: 275px;
	top: 45px;

}











#productdescriptionlanding { 
	position: absolute;
	width: 280px;
	height: 439px;
	left: 186px;
	top: 40px;
	padding: 10px;	
	font-size: .7em;
	text-align: justify;
}





#productpagerighttext { 
	position: absolute;
	width: 300px;
	height: 250px;
	left: 500px;
	top: 100px;	
	font-size: .7em;
	text-align: right;
}






#productdumpscreen{ 
	position: absolute;
	width: 510px;
	height: 430px;
	left: 85px;
	top: 40px;	
	text-align: center;

}

#frankinglink
{display: block; width: 170px; height: 170px; background: url("images/franking_link_2.gif") no-repeat 0 0; margin: 0; padding: 0;}
#frankinglink:hover
{background-position: 0 -170px;}
#frankinglink span
{display:none;} 

#letterlink
{display: block; width: 170px; height: 170px; background: url("images/letter_link_2.gif") no-repeat 0 0; margin: 0; padding: 0;}
#letterlink:hover
{background-position: 0 -170px;}
#letterlink span
{display:none;} 

#folderlink
{display: block; width: 170px; height: 170px; background: url("images/folder_link_2.gif") no-repeat 0 0; margin: 0; padding: 0;}
#folderlink:hover
{background-position: 0 -170px;}
#folderlink span
{display:none;} 

#shredderlink
{display: block; width: 170px; height: 170px; background: url("images/shredders_link_2.gif") no-repeat 0 0; margin: 0; padding: 0;}
#shredderlink:hover
{background-position: 0 -170px;}
#shredderlink span
{display:none;} 

#photocopierlink
{display: block; width: 170px; height: 170px; background: url("images/photocopiers_link_products.gif") no-repeat 0 0; margin: 0; padding: 0;}
#photocopierlink:hover
{background-position: 0 -170px;}
#photocopierlink span
{display:none;} 

#addresslink
{display: block; width: 170px; height: 170px; background: url("images/address_printers_links_product.gif") no-repeat 0 0; margin: 0; padding: 0;}
#addresslink:hover
{background-position: 0 -170px;}
#addresslink span
{display:none;} 


#contactleft {
	position: absolute;
	top: 40px;
	left: 5px;
	width: 330px;
	height: 320px;
	font-size: .9em;
	text-align: justify;
	color: #403B7D;	
	line-height: 1.2;
}

#stageform {
	position: absolute;
	left: 390px;
	top: 80px;
	width: 210px;
	height: 320px;
	background: url(images/info_request_background.gif) no-repeat;
	font-size: .7em;
	padding: 10px;

}

#stageform2 {
	position: absolute;
	left: 610px;
	top: 80px;
	width: 220px;
	height: 320px;
	font-size: .7em;
	padding: 10px;

}

#stageform3 {
	position: absolute;
	left: 550px;
	top: 80px;
	width: 270px;
	height: 320px;
	font-size: .7em;
	padding: 10px;
	background: url(images/info_request_background_toner.gif) no-repeat;

}


#stageform2pic {
	position: absolute;
	left: 620px;
	top: 80px;
	width: 240px;
	height: 340px;
	background: url(images/info_request_background_det.gif) no-repeat;
	font-size: .7em;
	padding: 10px;

}

#checkbaskettop{ 
	position: absolute;
	width:100px;
	left: 735px;
	top: 25px;	
}


/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;

/*left: -1000px;*/
visibility: hidden;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; 
top: -140px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: -750px;/*position where enlarged image should offset horizontally */
z-index: 60;
}

#stagetest{
	position: relative;
	width: 858px;
	background-color: #FFFFFF;
}