/*
Title:      	Prickly Fruit Stylesheet
Author:     	Philip Childerhouse
Updated:    	March 6 2006
Notes:				Copyright (c) 2006 Prickly Fruit. All rights reserved.
*/

body {
  margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #333;
	background: #3b3b3b;
}

body {
	font-size: x-small; /* IE5 Win */
  voice-family: "\"}\""; 
  voice-family: inherit;
  font-size: small;
}
	
html>body { /* be nice to Opera */
	font-size: small;
}


/* ----------Links---------- */







/* ---------- Common Elements ---------- */

p {
	margin: 1em 0 1em;
	padding: 0;
}

img { 
	border-style: none;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.line {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #e9e9e9;	/* 1px dotted #CCC; */
	padding-bottom: 5px;
	padding-top: 5px;
	margin-right: 10px;
}

div.line hr {
display: none;
}

div.line2 {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #e9e9e9;	
	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 10px;
}

div.line2 hr {
display: none;
}


/* ----------Top Part---------- */

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	text-align: left;
	width: 900px;
	background: #FFFFFF;
}

#header {
	background: #71a8d7 url("/images/top_fade_2.gif") bottom left repeat-x;
	position: relative;
	min-height: 102px;
	height: 6.5em;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #86B5DD;
	border-bottom: 2px solid #326493;
	font-size: 120%;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 2px;
	height: 8px;
	z-index: 100;
}

#header h1 a {
	position: absolute;
	top: 14px;
	left: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	width: 297px;
	height: 74px;
	background: transparent url("/images/pf_logo_3.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
	border: none;
} 

#header ul#hdlist {
	width: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 0px 0 0;
	list-style: none;
	z-index: 90;
	border: none;
}

#header ul#hdlist li {
	float: right;
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
	font-size: 100%;
	border-bottom: none;
}

#header ul#hdlist li a {
	float: left;
	margin: 0 4px 0 0;
	padding: 4px 8px;
	font-size: 90%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
}

#header ul#hdlist li a.active {
	font-weight: bold;
	color: #CCDD61;
	text-decoration: none;
	border-bottom: none;
} 

#header ul#hdlist li a:hover {
	color: #CCDD61;
	text-decoration: underline;
	border-bottom: none;
}

#pfdetails {
	float: right;
	padding: 0px 5px 0px 680px;
	margin: 5px 5px 5px 5px;
	border: none;
}

#pfdetails ul {
	float: left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

#pfdetails li {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 80%;
	line-height: 0.5em;
	margin: 0;
	padding: 8px 0px 0px 0px;
	list-style: none;
}

#pfdetails li a {
	color: #FFFFFF;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
}

#pfdetails a:hover {
	color: #CCDD61;
	text-decoration: underline;
	border-bottom: none;
}


/* ----------Side Colomn---------- */


#sidebar {
	float: left;
	width: 25%;
	border: none;
}

#sidebar div{
	padding: 0px 0px 0px 0px;
}


/* ------Side Navigation------ */


.menu_boxes {
	margin: 15px 12px 15px 13px;
	padding: 0px 0px 0px 0px;
	background: url(/images/pfbox_bot.gif) no-repeat bottom left;
}

.menu_boxes h2 {
	color: #FFFFFF;
	padding: 4px 15px 4px 15px;
	margin: 0px 0px 2px 0px;
	background: url(/images/pfbox_top.gif) no-repeat top left;
	background-color: #C1C1C1;
	font-size: 116%;			/* font-size: 130%; */

}


.menu_boxes h2 a {
	display: block;
	height: 1%;
	color: #FFFFFF;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
}


.menu_boxes h2 a.active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: none;
} 

.menu_boxes h2 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	border-bottom: none;
}




.menu_boxes em {
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
}

.menu_boxes ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 6px 5px;
	list-style: none;
} 

.menu_boxes li {
	font-size: 95%;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
}

.menu_boxes li a {
	display: block;
	height: 1%;
	color: #555;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	padding-left: 10px;
}

.menu_boxes li li a {
	padding-left: 15px;
}

.menu_boxes li a.active {
	font-weight: bold;
	color: #27a5fe;
	text-decoration: none;
	border-bottom: none;
} 

.menu_boxes li a:hover {
	color: #2F5F8C;
	text-decoration: underline;
	border-bottom: none;
}


/* ----------Main Colomn---------- */

#content {
	float: right;
	width: 73%;
	border: none;
}

#inner_content {
	padding: 15px 10px 0px 0px;
}

#inner_content .next {
	font-size: 71%;
	color: red;
	text-decoration: none;
	border-bottom: none;
}

#content p {
	line-height: 1.4em;
	padding-left: 0px;
	padding-right: 20px;
}

#content {
	font-size: 85%;
}

#content ul {
	font-size: 100%;
	line-height: 1.5em;
	padding-right: 20px;
}

#content ol {
	font-size: 100%;
	line-height: 1.5em;
	padding-right: 20px;
}

.main a:link {
	color: #1D3A55;			/* #0000FF */
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

.main a:visited {
	color: #1D3A55;			/* #990066 */
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

.main a:hover {
	color: #71002e;			/* #FF0000; */
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

.h1content {
	font-size: 149%;
	color: #326493;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	border: none;
}

.h2content {
	font-size: 126%;
	font-weight: bold;
	color: #444;
	padding: 0px 0px 0px 0px;
	border: none;
}

.h2contentline {
	font-size: 126%;
	font-weight: bold;
	color: #444;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #e9e9e9;	
}

.h3content {
	font-size: 111%;
	font-weight: bold;
	color: #444;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}

.h4content {
	font-size: 111%;
	font-weight: bold;
	color: #444;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 0px 0;
	border: none;
}

.newscontent {
	color: #444;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	border: none;
}

.fruit {
	color: #7A0E3A;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
}

#pfpic {
	float: right;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 15px 10px;
	border: 1px solid #CCC;
}

#news_message {
	clear: both;
	background-color: #E8FF9F;
	padding: 0px 10px 0px 10px;
	margin: 20px 20px 5px 8px;
	border: 1px solid #c5d984;
}

#news_message h4 {
	text-align: center;
	font-size: 106%;
	font-weight: bold;
	color: #444;
	padding: 2px 25px 2px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	background: none;
}

#news_message strong {
	font-weight: bold;
	font-size: 100%;
	font-style: normal;
}

#news_message a:link {
	color: #1D3A55;
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

#news_message a:visited {
	color: #1D3A55;
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

#news_message a:hover {
	color: #71002e;
	text-decoration: none;
	background-color: none;
	text-decoration: underline;
}

/* Breadcrumbs */

#breadcrumb {
	/* text-align: center; */
	clear: both; 
	font-size: 90%; 
	padding: 0px 0px 10px 0px;
	border-top: none;
}

#breadcrumb a:link {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none;
}

#breadcrumb a:visited {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: none;
}

#breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
}



/* feature stuff here */

.feature {
	float: left;
	background-color: #cadfef;
	padding: 10px 10px 10px 10px;
	margin: 15px 8px 5px 8px;
	border: 1px solid #598db3;
	width: 280px;
	height: 11.3em;
}

.h2feature {
	font-size: 121%;
	color: #2F5F8C;
	padding: 0px 0px 4px 0px;
	margin: 0 0 0px 0;
	border: none;
	border-bottom: 1px solid #598db3;
	text-decoration: none;
}

.h3feature {
	font-size: 100%;
	font-weight: normal;
	color: #2F5F8C;
	padding: 0px 0px 0px 0px;
	margin: 10px 0 0px 0;
	border: none;
	line-height: 1.4em;
}

.feature p {
	font-size: 106%;
	font-weight: normal;
	color: #2F5F8C;
	padding: 0px 0px 0px 0px;
	/* margin: 0 0 0px 0; */
	border: none;
}

.feature a {
	color: #2F5F8C;
	text-decoration: none;
	border-bottom: none;
	background-color: none;
}

.feature a:hover {
	color: #1D3A55;
	text-decoration: underline;
	border-bottom: none;
	background-color: none;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
	/* border: 1px solid #598db3; */

}



/* product stuff here */

.product {
	float: left;
	background-color: #FFFFFF;    /* cadfef; */
	padding: 5px 10px 10px 10px;
	margin: 15px 8px 5px 8px;
	border: 1px solid #e9e9e9;		/* e2e2e2 */	/* A8A8A8 */		/* AAAAAA */
	/* border-bottom: 1px solid #A8A8A8; */
	width: 280px;
	height: 20em;
}

.h2product {
	font-size: 121%;
	color: #1D3A55; /* 2F5F8C */
	padding: 0px 0px 4px 0px;
	margin: 0 0 10px 0;
	border: none;
	border-bottom: 1px solid #436788;	/* 598db3 */				/* 1D3A55 */
	text-decoration: none;
}

.h2product em {
	color: #A5B924;	/* 7A0E3A */		/* B7C656 */
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
}

.h3product {
	font-size: 100%;
	font-weight: normal;
	color: #1D3A55;		/* 2F5F8C */
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border: none;
	line-height: 1.4em;
}

.h4product {
	font-size: 121%;
	font-weight: bold;
	/* background-color: #2B2D36; */    /* cadfef; */
	color: #1D3A55;		/* 2F5F8C */	/* 2B2D36 */
	padding: 16px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
	line-height: 0.1em;
	/* border-bottom: 1px solid #1D3A55;	*/
}

.product p {
	font-size: 106%;
	font-weight: normal;
	color: #1D3A55;		/* 2F5F8C */
	padding: 0px 0px 0px 0px;
	/* margin: 0 0 0px 0; */
	border: none;
}

.product a {
	color: #1D3A55;		/* 2F5F8C */
	text-decoration: none;
	border-bottom: none;
	background-color: none;
}

.product a:hover {
	color: #1D3A55;
	text-decoration: underline;
	border-bottom: none;
	background-color: none;
}

.product img{
	/* float: left; */
	padding: 0px 0px 0px 0px;
	border: none;	/* 1px solid #1D3A55; */

}

.product ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
} 





.product li {
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	list-style-type: none;
}

.product li a {
	display: block;
	height: 1%;
	color: #555;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
}

.product li li a {
	padding-left: 0px;
}

.product li a.active {
	font-weight: normal;
	color: #27a5fe;
	text-decoration: none;
	border-bottom: none;
} 

.product li a:hover {
	color: #2F5F8C;
	text-decoration: underline;
	border-bottom: none;
}





/* folio stuff here */


/* ----------Side Colomn---------- */

#gallery_content {
	float: left;
	width: 71%;
	border: none;
}



#gallery_sidebar {
	float: right;
	width: 27%;
	border: none;
	border-left: 1px solid #e9e9e9;	/* 598db3 */
}

#gallery_sidebar div{
	padding: 0px 0px 0px 0px;
}





.choice old {
	float: left;
	background-color: #FFFFFF;    /* cadfef; */
	padding: 0px 10px 10px 10px;			/* padding: 0px 10px 10px 10px; */
	margin: 10px 8px 10px 8px;	/* 15px 8px 5px 8px */
	border: 1px solid #A8A8A8;		/* e2e2e2 */		/* AAAAAA */
	/* border-bottom: 1px solid #A8A8A8; */
	width: 165px;
	height: 26em; /* 20em; */
	/* height: 20em; */
}



dl.foliopic {
	float: left;
	background-color: #FFFFFF;    /* cadfef; */
	padding: 0px 10px 10px 10px;
	margin: 0px 8px 5px 8px;
	border: 1px solid #e9e9e9;		/* e2e2e2 */	/* A8A8A8 */		/* AAAAAA */
	/* border-bottom: 1px solid #A8A8A8; */
	width: 280px;
	/* height: 20em; */
}
.foliopic img{
	/* float: left; */
	padding: 0px 0px 0px 0px;
	border: none;	/* 1px solid #1D3A55; */

}

dl.foliopic dd {
	float: left;
	border: none; /* 1px solid #1D3A55; */
}

dl.foliopic dd {
	margin: 0 0 2px 0 !important;
	padding: 4px 0 0px 2px;			/* padding: 10px 0 8px 0; */
	line-height: 1.4em;
	font-size: 96%;
}

dl.foliopic dd a {
	display: block;
	height: 1%;
	color: #555;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
}

dl.foliopic dd a.active {
	font-weight: normal;
	color: #27a5fe;
	text-decoration: none;
	border-bottom: none;
} 

dl.foliopic dd a:hover {
	color: #2F5F8C;
	text-decoration: underline;
	border-bottom: none;
}


.choice {
	margin: 0px 0px 15px 8px;
	padding: 0px 0px 0px 0px;
	background: none;	/* url(/images/pfbox_bot.gif) no-repeat bottom left; */
	/* border: 1px solid #A8A8A8; */
}

.choice_h2 {
	color: #B7C656;
	padding: 0px 15px 4px 0px;
	margin: 0px 0px 4px 0px;
	background: none;	/* url(/images/pfbox_top.gif) no-repeat top left; */
	background-color: none;	/* #C1C1C1 */
	font-size: 120%;			/* font-size: 130%; */

}


.h2folio {
	font-size: 116%;
	color: #B7C656; /* 2F5F8C */		/* 1D3A55 */
	padding: 0px 0px 0px 0px;
	
	margin: 0px 0 0px 0;
	border: none;
	/* border-bottom: 1px solid #1D3A55; */	/* 598db3 */
	text-decoration: none;
	/* border: 1px solid #A8A8A8; */
}

dl.teaser {
	margin: 0 0 0px 0;		/* 0 0 10px 0 */
	padding: 0 20px 2px 0;
	/* border: 1px solid #A8A8A8; */
}


dl.teaser dt {
	margin: 0;
	padding: 0;
	/* border: 1px solid #A8A8A8; */
}


dl.teaser dt a {
	float: left;
	display: block;
	margin: 0px 2px 0 0;		/* 2px 10px 0 0 */
	padding: 0px;
	border: 2px solid #e9e9e9;		/* dbd5c5 */		/* FFFFFF */
	background: #fffefa;
}

dl.teaser dt a img {
	float: left;
}

dl.teaser dt a:hover {
	padding: 0px;
	border-color: #fff;
	border: 2px solid #2F5F8C;
	background: #fff;
}

dl.teaser dt a:active {
	padding: 0px;
	border-color: #fff;
	border: 2px solid #27a5fe;
	background: #fff;
}

dl.teaser dd {
	margin: 0 0 8px 0 !important;
	padding: 10px 0 0px 0;			/* padding: 10px 0 8px 0; */
	line-height: 1.4em;
	font-size: 106%;
}



dl.teaser dd a {
	display: block;
	height: 1%;
	color: #555;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	padding-left: 0px;
}

dl.teaser dd a.active {
	font-weight: normal;
	color: #27a5fe;
	text-decoration: none;
	border-bottom: none;
} 

dl.teaser dd a:hover {
	color: #2F5F8C;
	text-decoration: underline;
	border-bottom: none;
}



	
dl.teaser dd em {
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-style: normal;
	font-size: 106%;
	font-style: bold;
	color: #000000;
}

/* Filante Link */

#filante {
	margin: 0px 120px 0px 120px;
	padding: 0px 0px 0px 0px;
	border: none;
}

#filante li {
	clear: left;
	list-style: none;
	padding: 0px 0px 0px 0px;
}

#filante h3 {
	margin: 0px 0px 10px 0px;
} 

#filante img {
	float: left;
	margin: 0px 20px 0px 20px;
}

.signs_left {
	float: left;
	width: 45%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	border-right: 1px dotted #CCC;
}

.signs_left p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	margin: 0 auto;
}

.signs_right {
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	margin: 0 auto;
}

.signs_right p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	margin: 0 auto;
}

#signs_bespoke {
	clear: both;
	float: left;
}


/* S1 Image Switching */

#s1 {
	float: left;
	background: transparent url(/images/colours/s1_black.jpg) top left no-repeat;
	width: 420px;
	height: 380px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s1 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s1 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s1 li.direct {
	padding: 310px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s1 li.red {
	padding-top: 360px;
}

#s1 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s1 li.red a:hover {
	text-decoration: underline;
}

#s1 li.green {
	padding-top: 360px;
}

#s1 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s1 li.green a:hover {
	text-decoration: underline;
}

#s1 li.blue {
	padding-top: 360px;
}

#s1 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s1 li.blue a:hover {
	text-decoration: underline;
}

#s1 a:hover {
	visibility: visible;
}


#s1 a img {
	width: 416px;
	height: 296px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s1 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* S2 Image Switching */

#s2 {
	float: left;
	background: transparent url(/images/colours/s2_black.jpg) top left no-repeat;
	width: 420px;
	height: 380px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s2 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s2 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s2 li.direct {
	padding: 310px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s2 li.red {
	padding-top: 360px;
}

#s2 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s2 li.red a:hover {
	text-decoration: underline;
}

#s2 li.green {
	padding-top: 360px;
}

#s2 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s2 li.green a:hover {
	text-decoration: underline;
}

#s2 li.blue {
	padding-top: 360px;
}

#s2 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s2 li.blue a:hover {
	text-decoration: underline;
}

#s2 a:hover {
	visibility: visible;
}


#s2 a img {
	width: 416px;
	height: 302px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s2 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* S3 Image Switching */

#s3 {
	float: left;
	background: transparent url(/images/colours/s3_black.jpg) top left no-repeat;
	width: 420px;
	height: 243px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s3 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s3 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s3 li.direct {
	padding: 153px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s3 li.red {
	padding-top: 203px;
}

#s3 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s3 li.red a:hover {
	text-decoration: underline;
}

#s3 li.green {
	padding-top: 203px;
}

#s3 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s3 li.green a:hover {
	text-decoration: underline;
}

#s3 li.blue {
	padding-top: 203px;
}

#s3 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s3 li.blue a:hover {
	text-decoration: underline;
}

#s3 a:hover {
	visibility: visible;
}


#s3 a img {
	width: 416px;
	height: 135px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s3 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */

#s3 ul#sign_example {
	clear: both;
	color: red;
	list-style-type: square;
}

#s3 li#sign_example {
float: none;
	color: red;
	list-style-type: square;
}


/* S4 Image Switching */


#s4 {
	float: left;
	background: transparent url(/images/colours/s4_black.jpg) top left no-repeat;
	width: 420px;
	height: 270px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s4 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s4 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s4 li.direct {
	padding: 200px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s4 li.red {
	padding-top: 250px;
}

#s4 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s4 li.red a:hover {
	text-decoration: underline;
}

#s4 li.green {
	padding-top: 250px;
}

#s4 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s4 li.green a:hover {
	text-decoration: underline;
}

#s4 li.blue {
	padding-top: 250px;
}

#s4 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s4 li.blue a:hover {
	text-decoration: underline;
}

#s4 a:hover {
	visibility: visible;
}


#s4 a img {
	width: 416px;
	height: 183px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s4 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */


/* S5 Image Switching */

#s5 {
	float: left;
	background: transparent url(/images/colours/s5_black.jpg) top left no-repeat;
	width: 420px;
	height: 375px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s5 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s5 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s5 li.direct {
	padding: 305px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s5 li.red {
	padding-top: 355px;
}

#s5 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s5 li.red a:hover {
	text-decoration: underline;
}

#s5 li.green {
	padding-top: 355px;
}

#s5 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s5 li.green a:hover {
	text-decoration: underline;
}

#s5 li.blue {
	padding-top: 355px;
}

#s5 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s5 li.blue a:hover {
	text-decoration: underline;
}

#s5 a:hover {
	visibility: visible;
}


#s5 a img {
	width: 416px;
	height: 289px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s5 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* S6 Image Switching */

#s6 {
	float: left;
	background: transparent url(/images/colours/s6_black.jpg) top left no-repeat;
	width: 420px;
	height: 275px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#s6 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#s6 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#s6 li.direct {
	padding: 205px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#s6 li.red {
	padding-top: 255px;
}

#s6 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s6 li.red a:hover {
	text-decoration: underline;
}

#s6 li.green {
	padding-top: 255px;
}

#s6 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s6 li.green a:hover {
	text-decoration: underline;
}

#s6 li.blue {
	padding-top: 255px;
}

#s6 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#s6 li.blue a:hover {
	text-decoration: underline;
}

#s6 a:hover {
	visibility: visible;
}

#s6 a img {
	width: 416px;
	height: 188px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#s6 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* R1 Reverse Block Image Switching */

#r1 {
	float: left;
	background: transparent url(/images/colours/r1_black.jpg) top left no-repeat;
	width: 420px;
	height: 380px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r1 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r1 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r1 li.direct {
	padding: 310px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r1 li.red {
	padding-top: 360px;
}

#r1 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r1 li.red a:hover {
	text-decoration: underline;
}

#r1 li.green {
	padding-top: 360px;
}

#r1 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r1 li.green a:hover {
	text-decoration: underline;
}

#r1 li.blue {
	padding-top: 360px;
}

#r1 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r1 li.blue a:hover {
	text-decoration: underline;
}

#r1 a:hover {
	visibility: visible;
}


#r1 a img {
	width: 416px;
	height: 296px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r1 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* R2 Reverse Block Image Switching */

#r2 {
	float: left;
	background: transparent url(/images/colours/r2_black.jpg) top left no-repeat;
	width: 420px;
	height: 380px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r2 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r2 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r2 li.direct {
	padding: 310px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r2 li.red {
	padding-top: 360px;
}

#r2 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r2 li.red a:hover {
	text-decoration: underline;
}

#r2 li.green {
	padding-top: 360px;
}

#r2 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r2 li.green a:hover {
	text-decoration: underline;
}

#r2 li.blue {
	padding-top: 360px;
}

#r2 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r2 li.blue a:hover {
	text-decoration: underline;
}

#r2 a:hover {
	visibility: visible;
}


#r2 a img {
	width: 416px;
	height: 302px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r2 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* R3 Reverse Block Image Switching */

#r3 {
	float: left;
	background: transparent url(/images/colours/r3_black.jpg) top left no-repeat;
	width: 420px;
	height: 243px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r3 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r3 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r3 li.direct {
	padding: 153px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r3 li.red {
	padding-top: 203px;
}

#r3 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r3 li.red a:hover {
	text-decoration: underline;
}

#r3 li.green {
	padding-top: 203px;
}

#r3 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r3 li.green a:hover {
	text-decoration: underline;
}

#r3 li.blue {
	padding-top: 203px;
}

#r3 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r3 li.blue a:hover {
	text-decoration: underline;
}

#r3 a:hover {
	visibility: visible;
}


#r3 a img {
	width: 416px;
	height: 135px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r3 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */

#r3 ul#sign_example {
	clear: both;
	color: red;
	list-style-type: square;
}

#r3 li#sign_example {
	float: none;
	color: red;
	list-style-type: square;
}


/* R4 Reverse Block Image Switching */


#r4 {
	float: left;
	background: transparent url(/images/colours/r4_black.jpg) top left no-repeat;
	width: 420px;
	height: 270px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r4 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r4 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r4 li.direct {
	padding: 200px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r4 li.red {
	padding-top: 250px;
}

#r4 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r4 li.red a:hover {
	text-decoration: underline;
}

#r4 li.green {
	padding-top: 250px;
}

#r4 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r4 li.green a:hover {
	text-decoration: underline;
}

#r4 li.blue {
	padding-top: 250px;
}

#r4 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r4 li.blue a:hover {
	text-decoration: underline;
}

#r4 a:hover {
	visibility: visible;
}


#r4 a img {
	width: 416px;
	height: 183px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r4 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */


/* R5 Reverse Block Image Switching */

#r5 {
	float: left;
	background: transparent url(/images/colours/r5_black.jpg) top left no-repeat;
	width: 420px;
	height: 375px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r5 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r5 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r5 li.direct {
	padding: 305px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r5 li.red {
	padding-top: 355px;
}

#r5 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r5 li.red a:hover {
	text-decoration: underline;
}

#r5 li.green {
	padding-top: 355px;
}

#r5 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r5 li.green a:hover {
	text-decoration: underline;
}

#r5 li.blue {
	padding-top: 355px;
}

#r5 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r5 li.blue a:hover {
	text-decoration: underline;
}

#r5 a:hover {
	visibility: visible;
}


#r5 a img {
	width: 416px;
	height: 289px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r5 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */



/* R6 Reverse Block Image Switching */

#r6 {
	float: left;
	background: transparent url(/images/colours/r6_black.jpg) top left no-repeat;
	width: 420px;
	height: 275px;
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	border: none;
}
	
#r6 ul{ 
	float: right;
	list-style: none;
	padding: 0px 100px 0px 0px;
	margin: 0px 0px 0px 0px;
}
		
#r6 li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#r6 li.direct {
	padding: 205px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 95%;
	color: #333;
	text-decoration: none;
	border: none;
}

#r6 li.red {
	padding-top: 255px;
}

#r6 li.red a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #762938;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/burgundy_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r6 li.red a:hover {
	text-decoration: underline;
}

#r6 li.green {
	padding-top: 255px;
}

#r6 li.green a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #22483f;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/green_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r6 li.green a:hover {
	text-decoration: underline;
}

#r6 li.blue {
	padding-top: 255px;
}

#r6 li.blue a{
	padding: 60px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-size: 95%;
	color: #151c54;
	text-decoration: none;
	border: none;
	background-image: url(/images/colours/blue_swatch.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#r6 li.blue a:hover {
	text-decoration: underline;
}

#r6 a:hover {
	visibility: visible;
}

#r6 a img {
	width: 416px;
	height: 188px;
	position: absolute; 
	left: 0px;
	top: 0px;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	visibility: hidden; /* Hides the new image until the link is hovered */
}

#r6 a:hover img {
	visibility: visible;
} /* Headerer image changes when links are hovered */




/* Info */

#info {
	float: left;
	border: none;
	padding-right: 0px;
	padding-left: 15px;
}

.detail_table {
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #D1D1D1;
	border-collapse: collapse;
	width: 180px;
}

.detail_table td, th {
	font-size: 85%;
	border: 1px solid #A1A1A1;
	padding: 5px 5px 5px 5px;
	line-height: 1.5em;
}

.detail_table th {
	background-color: #D1D1D1;
	padding: 5px 5px 5px 5px;
}

.detail_table caption {
	font-size: 96%;
	font-weight: bold;
	padding-bottom: 8px;
}

#info .order {
	display: block;
	height: 100%;
	font-size: 125%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#info a:link {
	color: #7a0e3a;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

#info a:visited {
	color: #7a0e3a;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

#info a:hover {
	color: #570023;
	text-decoration: underline;
	border-bottom: none;
}


/* Lettering & Font Examples */


#lettering {
	clear: both; 
}

#font_examples {
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	margin: 10px 55px 0px 25px;
	padding: 0px 0px 0px 0px;
}

#font_examples em {
	color: #333;
	display: block;
	height: 100%;
	font-size: 85%;
	background-color: #D1D1D1;
	padding-left: 5px;
	font-style: normal;
	font-weight: bold;
}

#font_examples img {
	padding-top: 12px;
	padding-bottom: 8px;
	padding-left: 10px;
}


/* Sign Examples */

.examples {
	clear: both;
	border: none;
	margin: 0 0px 0px 0px;
	padding: 5px 0px 15px 0px;
}

.examples img { 
	border-style: none;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 8px;
	padding-bottom: 0px;
}

.sign_examples {
	clear: both;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}


/* Pricing Table */


.price_table {
	margin: 0 auto;
	border: 1px solid #D1D1D1;
	border-collapse: collapse;
}

.price_table td, th {
	font-size: 90%;
	border: 1px solid #A1A1A1;
	padding: 5px 25px 5px 25px;
	line-height: 1.5em;
}

.price_table th {
	background-color: #D1D1D1;
}

.price_table .cellcolour {
	background-color: #F1F1F1;
}

.price_table caption {
	padding: 0px 0px 5px 0px;
	margin: 0 auto;
}


/* Drawing Request */

#draw  {
	font-size: 110%;
  border: thin dotted #7e7e7e;
  padding: 10px;
}

#draw th {
	border: none;
  text-align: right;
  vertical-align: top;
  padding-right: 10px;
  padding-top: 2px;
}

#draw td {
  vertical-align: top;
  padding-bottom: 15px;
}

#draw  table {
  border: none;
  padding: 0px;
}

#draw  table td {
  text-align: right;
  padding-bottom: 0px;
}


/* Contact Stuff */


.contact_left {
	float: left;
	width: 28%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	border-right: 1px solid #e9e9e9;		/* 1px dotted #CCC */
}

.contact_right {
	float: left;
	width: 50%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 22px;
	margin: 0 auto;
}

#contact p {
	margin: 0;
	padding: 0;
	text-align: left;
}

#contact h2 {
	margin: 0;
	padding: 1.5em 0px 0px 0px;
}



/* ----------Page Footer---------- */

#pgfooter {
	clear: both;
	text-align: right;
	padding: 0px 25px 0px 0px;
	color: #555;
}

#pgfooter a {
	font-size: 81%;
	color: #2F5F8C;
	text-decoration: none;
	border-bottom: none;
}

#pgfooter a:hover {
	color: #1D3A55;
	font-weight: normal;
	text-decoration: underline;
	border-bottom: none;
}


/* ----------Footer---------- */

#footer {
	clear: both;
	padding-bottom: 8px;
	padding-top: 20px;
	color: #555;
}

#footer div {
	text-align: center;
	font-size: 75%;
	margin: 10px 25px 0px 25px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #C1C1C1;
}

#footer div a:link{
	color: #555;
	text-decoration: none;
	border-bottom: none;
}

#footer div a:visited {
	color: #555;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

#footer div a:hover {
	color: #555;
	font-weight: normal;
	text-decoration: underline;
	border-bottom: none;
}

/* ----------Fixes for IE---------- */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%; }
/* End hide from IE5/Mac */

dl.feature { display: inline-table;}

/* Hide from IE5/Mac \*/
* html dl.feature { height: 1%; }
dl.feature { display: block; }
/* End hide from IE5/Mac */