/* Site design by AFM Software Solutions Limited  */
/* Site designer Neil Harrison	                */
/* Contact AFM at info@afmss.co.uk                */

/* Light direction      135 Degrees, height 30   */


BODY {
  background-color:			#FFFFFF;
  font-family:				arial, sans-serif;
  margin:					0px;
  border:					0px;
  padding:				0px;
  background-repeat:		no-repeat;
  background-position:		95% 80%;
  background-attachment:	fixed}

IMG {
  margin:					0px;
  border:					0px;
  padding:			     0px}

P {
  text-align:				left;
  font-size:				100%;
  font-weight:				normal;
  background-color:			transparent;
  margin:					0px;
  border:					0px;
  padding-top:				10px;
  padding-left:			30px;
  padding-right:			0px;
  padding-bottom:			0px}

TD {
  vertical-align:			top;
  margin:					0px;
  border:					0px;
  padding:			     0px}

H1 {
  text-align:				center;
  font-size:				160%;
  font-weight:				bold;
  color:					#0000FF;
  background-color:			transparent;
  margin-top:				20px;
  margin-bottom:			20px;
  margin-left:				0px;
  margin-right:			0px;
  border:					0px;
  padding:				0px}

H2 {
  text-align:				left;
  font-size:				110%;
  font-weight:				bold;
  color:					#0000FF;
  background-color:			transparent;
  margin-top:				30px;
  margin-bottom:			10px;
  margin-left:				30px;
  margin-right:			0px;
  border:					0px;
  padding:				0px}

H3 {
  text-align:				left;
  font-size:				100%;
  font-weight:				bold;
  color:					#0000FF;
  background-color:			transparent;
  margin-top:				30px;
  margin-bottom:			10px;
  margin-left:				30px;
  margin-right:			0px;
  border:					0px;
  padding:				0px}

UL {
  list-style-image:			url("bullet-point.jpg");
  list-style-position:		outside;
  margin:					0px;
  padding-top:				20px;
  padding-left:			70px;
  padding-right:			0px;
  padding-bottom:			5px;
  border:					0px}

LI {
  margin:					0px;
  padding-top:				0px;
  padding-left:			10px;
  padding-right:			0px;
  padding-bottom:			10px;
  border:					0px}

OL {
  text-align:				left;
  font-size:				100%;
  font-weight:				normal;
  list-style-position:		outside;
  margin:					0px;
  padding-top:				20px;
  padding-left:			70px;
  padding-right:			0px;
  padding-bottom:			5px;
  border:					0px}

/* Top page layout */
/* --------------- */

TABLE.TopBanner {
  table-layout:			fixed}

TD.TopBanner {
  text-align:				center;
  vertical-align:			middle;
  background-position:		center;
  height:					120px;
  background-image:			url("top-picture-animated.gif");
  background-repeat	:		repeat-x}

TD.Color1 {
  height:					10px;
  background-color:			#0000FF}

TD.Color2 {
  height:					5px;
  background-color:			#0000FF}

TD.Color3 {
  height:					2px;
  background-color:			#0000FF}

TABLE.TopPageLayout {
  table-layout:			fixed}

TD.TopMenuSpacer {
  background-image:			url("menu-fade-2.jpg");
  background-repeat	:		repeat-y}

/* Top contact details */
/* ------------------- */

TD.TCD {
  background-position:		left;
  background-repeat:		repeat-x;
  background-color:			#a0a6f7}

P.TopContactDetails {
  text-align:				center;
  font-size:				14pt;
  font-weight:				bold;
  margin:					0px;
  border:					0px;
  padding-top:				5px;
  padding-left:			0px;
  padding-right:			0px;
  padding-bottom:			5px}

/* Page layout */
/* ----------- */

TABLE.PageLayout {
  table-layout:			fixed}

TD.PageContents {
  padding-top:				0px;
  padding-left:			10px;
  padding-right:			20px;
  padding-bottom:			20px}

TD.PageContentsSmall {
  height:					600px;
  padding-left:			10px;
  padding-right:			20px}

TD.MenuContainer {
  width:					200px;
  padding-top:				20px;
  padding-bottom:			10px;
  text-align:				right;
  padding-right:			1px;
  background-image:			url("menu-fade-2.jpg");
  background-repeat:		repeat-y}

TABLE.PageLayout {
  table-layout:			fixed}

TD.MenuLeftEdge {
  background-image:			url("white-block.jpg");
  background-position:		right;
  background-repeat:		repeat-y}

IMG.FloatLeft {
  float:					left;
  margin-top:				10px;
  margin-left:				5px;
  margin-right:			5px;
  margin-bottom:			10px}

IMG.FloatRight {
  float:					right;
  margin-top:				10px;
  margin-left:				10px;
  margin-right:			10px;
  margin-bottom:			10px}

/* Water marks */
/* ----------- */

BODY.BuckleWatermark {
  background-image:			url("buckle-watermark.jpg")}

BODY.BuckleWatermark-2 {
  background-image:			url("buckle-watermark-2.jpg")}

BODY.ToastingForkWatermark {
  background-image:			url("toasting-fork-Watermark.jpg")}

BODY.OysterKnifeWatermark {
  background-image:			url("oyster-knife-Watermark.jpg")}

BODY.FlagWatermark {
  background-image:			url("flag-Watermark.jpg")}

/* Menu */
/* ---- */

TABLE.MenuTable {
  table-layout:			fixed;
  width:					185px}

IMG.TopGif {
  margin-top:                   0px;
  margin-bottom:                30px;
  margin-left:                  5px;
  margin-right:                 30px}

TD.MenuTopLeftCorner {
  width:					10px;
  height:					10px;
  background-image:			url("menu-top-left-corner.gif");
  background-repeat:		no-repeat;
  background-position:		top right}

TD.MenuTop {
  background-image:			url("menu-background.jpg");
  background-repeat:		repeat}

TD.MenuLeftEdge {
  background-image:			url("menu-background.jpg");
  background-repeat:		repeat}

TD.Menu {
  background-image:			url("menu-background.jpg");
  background-repeat:		repeat}

P.MenuLevel1Current {
  font-weight:				bold;
  padding-top:				0px;
  padding-left:			10px;
  padding-right:			0px;
  padding-bottom:			0px}

P.MenuLevel1 {
  font-weight:				normal;
  padding-top:				0px;
  padding-left:			10px;
  padding-right:			0px;
  padding-bottom:			0px}

P.MenuLevel2Current {
  font-weight:				bold;
  padding-top:				2px;
  padding-left:			20px;
  padding-right:			0px;
  padding-bottom:			0px}

P.MenuLevel2 {
  font-weight:				normal;
  padding-top:				2px;
  padding-left:			20px;
  padding-right:			0px;
  padding-bottom:			0px}

HR.MenuHR {
  color:					#dedcfa;
  width:					100%;
  height:					2px}

A.Menu:link {
  color:					#000000;
  text-decoration:			none}
A.Menu:visited {
  color:					#000000;
  text-decoration:			none}
A.Menu:active {
  color:					#000000;
  text-decoration:			underline}
A.Menu:hover {
  color:					#0000FF;
  text-decoration:			underline}

TD.MenuBottomLeftCorner {
  height:					10px;
  background-position:		top right;
  background-image:			url("menu-bottom-left-corner.gif");
  background-repeat:		no-repeat}

TD.MenuBottom {
  background-image:			url("white-block.jpg");
  background-repeat:		repeat}


/* Useful links page */
/* ----------------- */

H3.LinkTitle {
  text-align:				left;
  margin-top:				0px;
  margin-right:			10px;
  margin-bottom:			0px;
  margin-left:				0px;
  padding:				0px;
  border:					0px}

P.LinkDescription {
  margin-top:				0px;
  margin-right:			10px;
  margin-bottom:			25px;
  margin-left:				0px;
  padding:				0px;
  border:					0px}


/* Bottom contact details */
/* ---------------------- */

TABLE.PageBottomLayout {
  table-layout:			fixed}

TD.BottomBorderLeft {
  height:					10px;
  width:					200px;
  background-image:			url("bottom-corner-top-fade.jpg");
  background-repeat:		repeat-y}

TD.BottomBorderStrip {
  background-image:			url("page-bottom-left-corner.jpg");
  background-repeat:		no-repeat}

TD.BottomBorderCorner {
  height:					100px;
  background-image:			url("bottom-corner-fade.jpg");
  background-repeat:		no-repeat}

TD.BottomContactDetails {
  padding-top:				10px;
  padding-left:			10px;
  padding-right:			10px;
  padding-bottom:			10px;
  background-color:			#dddefa;
  background-image:			url("menu-fade-2.jpg");
  background-repeat:		repeat-x}

P.BottomContactDetailsLine1 {
  text-align:				center;
  color:					#000000;
  font-size:				90%;
  font-weight:				normal;
  padding-top:				10px;
  padding-left:			0px;
  padding-right:			0px;
  padding-bottom:			3px}

P.BottomContactDetailsLine2 {
  text-align:				center;
  color:					#000000;
  font-size:				90%;
  font-weight:				normal;
  padding-top:				3px;
  padding-left:			0px;
  padding-right:			0px;
  padding-bottom:			3px}

P.AFMContactDetails {
  text-align:				center;
  color:					#000000;
  font-size:				90%;
  font-weight:				normal;
  padding-top:				10px;
  padding-left:			0px;
  padding-right:			0px;
  padding-bottom:			0px}

TD.BottomContactDetailsColor { 
  Height:					10px;
  background-image:			url("menu-fade-2.jpg");
  background-repeat:		repeat-x}

A.BottomContactDetails:link {
  color:					#000000;
  text-decoration:			none}

A.BottomContactDetails:visited {
  color:					#000000;
  text-decoration:			none}

A.BottomContactDetails:active {
  color:					#000000;  
  text-decoration:			underline}

A.BottomContactDetails:hover {
  color:					#0000FF;
  text-decoration:			underline}

TD.MainPageContents {
  text-align:				center}

TD.ContactForm {
  text-align:				left;
  vertical-align:			middle;
  background-color:			#7A9CF6}

TD.ContactFormSpacer {
  height:					10px;
  background-color:			#7A9CF6}

TD.ContactFormColumn1 {
  width:					10px;
  height:					40px}

TD.ContactFormColumn2 {
  width:					200px}

TD.ContactFormColumn3 {
  width:					280px}

TD.ContactFormColumn4 {
  width:					10px}

TD.ContactFormShadowTopRight {
  height:					10px;
  background-image:			url("../elements/shadow-top-right.jpg");
  background-repeat:		no-repeat}

TD.ContactFormShadowRight {
  background-image:			url("../elements/shadow-right.jpg");
  background-repeat:		repeat-y}

TD.ContactFormShadowBottomLeft {
  height:					10px;
  background-image:			url("../elements/shadow-bottom-left.jpg");
  background-repeat:		no-repeat}

TD.ContactFormShadowBottom {
  background-image:			url("../elements/shadow-bottom.jpg");
  background-repeat:		repeat-x}

TD.ContactFormShadowBottomRight {
  background-image:			url("../elements/shadow-bottom-right.jpg");
  background-repeat:		no-repeat}

P.ContactForm {
  border:					0px;
  padding:				0px;
  margin:					0px}

INPUT.ContactFormDetailsBox {
  width:					260px}

INPUT.ContactFormDetailsBoxPostcode {
  width:					130px}

TEXTAREA.ContactFormDetailsBox {
  width:					260px}

TD.ContactFormButton {
  text-align:				center;
  vertical-align:			middle;
  background-color:			#7A9CF6}