/**********************************************************/
/***** Standard Style sheet for e-commerce web sites ******/
/***** © Surfocracy Ltd ***********************************/

/******************* Redefine HTML tags *******************/
/* Following styles redefine the standard HTML tags.      */
/**********************************************************/
body {
	padding: 0px;
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #000000;
	text-align : left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
} 
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: center;
	margin: 0px 0px 8px;
	font-weight: 900;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #006699;
	text-align: left;
	margin: 8px 0px 4px;
	white-space: nowrap;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;
	text-align: left;
	list-style-type: disc;
}
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	margin-right: 50px;
	margin-left: 50px;
	vertical-align: middle;
	list-style-type: decimal;
	text-align: left;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 8px;
	vertical-align: middle;
}
/* 
########## READ THIS ###########################
Cannot redefine standard link because it messes up the JavaScript menu 
*/
.commonlink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.commonlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.commonlink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
form {
	margin : 0;
	padding : 0;
}
hr {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #00528C;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
} 
/* Covers single line text field, radio buttons and check boxes */
input {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #C6CDC1;
	text-decoration : none;
	font-weight : normal;
	color : #000000;
	margin: 0px;
	padding: 0px;
} 
/* Covers multi line text fields */
textarea {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #C6CDC1;
	cursor : default;
	font-weight : normal;
} 
/* Covers drop down lists */
select {
	color : #000000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : thin solid #C6CDC1;
	font-weight : normal;
	text-decoration : none;
}
form table {
	background-color: #F9FBFD;
	color: #000000;
	border: 1px solid #C6CDC1;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
} 
/******************* Redefine form tables *****************/
/* Applies to the following structure
   <form action="...">
     <table>
       <tr><td>...</td></tr>
       ..
     </table>
   </form>
   
   Note, All text within <td> tag is left aligned. For other
   alignments apply <div> tags as follows:
   -- For centre align
   <td><div class="centeralign">Some text</div></td>
   -- For right align
   <td><div class="rightalign">Some text</div></td>
*/
/**********************************************************/
form table td {
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #C6CDC1;
}
form table th {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bolder;
	color: #00528C;
	text-align: center;
	background-color: #FEF2DE;
}
form table td label  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	text-align: left;
}
/* The following are further form elements to be applied */
.formbutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #ffffff;
	font-weight : bold;
	border : 1px solid #f6dd7d;
	background-color : #00528C;
	font-style: normal;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
}
.searchformbutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #ffffff;
	font-weight : bold;
	border : 1px solid #f6dd7d;
	background-color : #00528C;
	font-style: normal;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.formimagebutton {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border : none;
	text-align: center;
	vertical-align: middle;
}
.formcompulsory {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #FF3333;
	text-decoration : none;
	font-weight : normal;
	color : #000000;
} 
.formcompulsoryoneof {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 1px solid #FF9933;
	text-decoration : none;
	font-weight : normal;
	color : #000000;
} 
/************** General styles for Fine tuning ************/
/* Following styles can be applied throughout the site to
   fine tune any tag elements. These classes can be applied
   as a class to a DIV or SPAN tag.     
*/
/**********************************************************/
.generaltextstyle1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	text-align: center;
	margin: 0px;
	white-space: nowrap;
}
/* To format text around a small button/icon graphic */
.generalbuttoniconstyle1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	border: none;
}
.generalbuttoniconstyle2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 2px;
	border: none;
	margin-top: 2px;
}
.generalbuttoniconstyle3 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 8px;
	border: none;
}
.smalltext {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	margin-bottom: 4px;
} 
.introtext {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin-bottom: 4px;
	font-weight: bold;
	color: #000000;
} 
.nojustify {
	text-align: left;
	font-family: Tahoma, Arial, sans-serif;
} 
.nowrap {
	font-family: Tahoma, Arial, sans-serif;
	white-space: nowrap;
} 
.noborder {
	font-family : Tahoma, Arial, sans-serif;
	border : none;
	vertical-align: middle;
}
.floatleft {
	float: left;
	margin-right: 8px;
	margin-bottom: 4px;
}
.clearleft {
	clear: left;
}
.floatright {
	float: right;
}
.clearright {
	clear: right;
}
.collapse {
	width: 1%;
}
.expand {
	width: 100%;
}
.half {
	width: 50%;
}
.centeralign {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
.leftalign {
	white-space: nowrap;
	text-align: left;
	vertical-align: middle;
}
.rightalign {
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
}
.leftaligntop {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
.rightalignbottom {
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}
/************** Common boilerplate styles *****************/
/* These styles relate to the common elements which appear
   on every page. These include:
   Logo area
   Horizontal navigation rows
   Left column cell (including the navigation)
   Right column cell (including the featured list)
   Search row
   Content cell
   Footer section
*/
/**********************************************************/

/* ID to represent the enclosing table to prevent some table
   rows from contracting out of step
*/
#enclosingframe
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
/* For rounded edge designs, this represents the top rounded row */
.roundedtoprowsection
{
	border-collapse: collapse;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: middle;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	height: 12px;
}
.roundedmiddletopcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	height: 12px;
	width: 100%;
	padding: 0px;
	background-image: url(graphics/common/topbordertile.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* For rounded edge designs, this represents the bottom rounded row */
.roundedbottomrowsection
{
	border-collapse: collapse;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: bottom;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #00528C;
	margin-top: 0px;
	height: 12px;
}
.roundedmiddlebottomcell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 2px 0px;
	background-color: #00528C;
	height: 12px;
	width: 100%;
}
.roundedtopcornercell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: bottom;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #E9EEE9;
	margin-top: 0px;
	height: 12px;
	width: 12px;
	border: none;
	text-align: right;
}
.roundedbottomcornercell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	vertical-align: bottom;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 12px;
	width: 12px;
	background-color: #00528C;
	text-align: center;
}
/* This ID style represents The three column table containing
   the left and right columns and the content cell.
*/
#payloadsection
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
/* Contains all the elements for the logo area */
#logosection table
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #00528C;
	text-align: right;
	vertical-align: top;
	padding: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
}
#logosection table td
{
	font-family: Tahoma, Arial, sans-serif;
	text-align: right;
	vertical-align: bottom;
	padding: 0px;
}
#logosection table td p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #00528C;
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	white-space: nowrap;
}
.logoimage {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	border: none;
}
/* Cell containing the left vertical links */
.cellleftcolumn {
	background-color: #00528C;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 10%;
}
/* This style defines the width of the left column and
   must be sized in ems so that the font can be resized
   without causing problems.
*/
.leftcolumnheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #E7D608;
	text-align: center;
	white-space: nowrap;
	margin: 16px 4px 0px 0px;
}
/* The main vertical links within the left column cell */
.verticalnav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color: #00528C;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.verticalnav1 ul {
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
	margin-bottom: auto;
	vertical-align: top;
	list-style-image: none;
	margin-left: 0px;
	margin-right: auto;
	color: #FFFFFF;
}
.verticalnav1 ul li {
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
}
/* The main vertical sub category links within the left column cell */
.verticalnav1subcat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color: #00528C;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.verticalnav1subcat ul {
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 0px;
	vertical-align: top;
	list-style-image: none;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
}
.verticalnav1subcat ul li {
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
}
.verticalnav1subcat ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
}
.verticalnav1subcat ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
}
.verticalnav1subcat ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
	text-decoration: underline;
}
/* The next set of vertical links within the right column cell */
.verticalnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color: #00528C;
	padding: 0px;
	margin: 0px;
}
.verticalnav2 ul {
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
	margin-bottom: 0px;
	vertical-align: top;
	list-style-image: none;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
}
.verticalnav2 ul li {
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
}
/* The main vertical sub category links within the right column cell */
.verticalnav2subcat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-color: #00528C;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.verticalnav2subcat ul {
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 0px;
	vertical-align: top;
	list-style-image: none;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
}
.verticalnav2subcat ul li {
	margin: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
}
.verticalnav2subcat ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
	white-space: normal;
}
.verticalnav2subcat ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
	white-space: normal;
}
.verticalnav2subcat ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFF00;
	text-decoration: underline;
	white-space: normal;
}
/* Cell containing the right column links, usually the featured list */
.cellrightcolumn {
	background-color: #00528C;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 10%;
}
/* This style defines the width of the right column and
   must be sized in ems so that the font can be resized
   without causing problems.
*/
.rightcolumnheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #E7D608;
	text-align: center;
	margin: 16px 0px 0px 4px;
	white-space: nowrap;
}
/* The featured list contained within the right column cell */
#featuredlist table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	margin: 4px auto;
}
#featuredlist table td
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8BB0C2;
}
#featuredlist table td p
{
	text-align: center;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Style for the content cell */
.cellcontent {
	vertical-align: top;
	margin: 0px;
	padding: 16px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	width: 80%;
	height: 500px;
}
/* ID for the first horizontal navigation row */
#horizontalnav1 table
{
	text-align: center;
	white-space: nowrap;
	border-collapse: collapse;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #00528C;
}
#horizontalnav1 table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	text-align: center;
	padding: 0px 2px;
	height: 25px;
	width: 20%;
}
#horizontalnav1 table td img
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border: none;
}
#horizontalnav1 table td a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}
#horizontalnav1 table td a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	font-weight: bold;
}
#horizontalnav1 table td a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FEB767;
	text-align: center;
	font-weight: bold;
}
/* ID for the search row */
#searchrow table
{
	text-align: right;
	white-space: nowrap;
	border-collapse: collapse;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0px;
	vertical-align: middle;
	background-color: #E7D608;
}
#searchrow table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	white-space: nowrap;
	text-align: right;
}
#searchrow table td form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	white-space: nowrap;
	vertical-align: middle;
}
/* ID to represent the quick links section */
.quicklinks table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC00;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	background-color: #00528C;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00528C;
	border-left-color: #00528C;
}
.quicklinks ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFCC00;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	font-weight: normal;
	text-align: center;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.quicklinks ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	vertical-align: middle;
	font-size: xx-small;
	color: #FFFFFF;
	font-weight: bold;
}
.quicklinks ul li a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFCC00;
	white-space: nowrap;
	font-weight: normal;
}
.quicklinks ul li a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFCC00;
	white-space: nowrap;
	font-weight: normal;
}
.quicklinks ul li a:hover
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFCC00;
	font-weight: normal;
	text-decoration: underline;
}
/* ID to represent the footer section */
#footersection
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	clear: right;
	background-color: #00528C;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00528C;
	border-left-color: #00528C;
}
#footersection ul
{
	padding: 0px;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: bottom;
}
#footersection ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}
#footersection ul li a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footersection ul li a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footersection ul li a:hover
{
	margin: 0px;
	font-family: Verdana;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
#footersection p
{
	margin: 4px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: normal;
	text-align: center;
}
/* Styled to define link to web designer's web site */
.creditlink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.creditlink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.creditlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
/************** Listing page styles ***********************/
/* These styles relate to all the elements in the listing
   page.
*/
/**********************************************************/
/* Styles to represent the page bars */
.pagebar table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
	padding: 0px;
	white-space: nowrap;
	margin-top: 0px;
}
.pagebar table td {
	padding: 2px;
	white-space: nowrap;
}
.pagebar p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	text-align: center;
	margin: 0px;
	white-space: nowrap;
}
.pagebar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	text-decoration: none;
}
.pagebar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	text-decoration: none;
}
.pagebar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00528C;
	text-decoration: underline;
}
/* Classes for the list elements */
.itemlistelementheader table {
	border-collapse: collapse;
	width : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
} 
.itemlistelementheader table td {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #E3ECF0;
} 
.itemlistelementheader table td p {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00528C;
	font-weight: bold;
	margin: 0px;
	white-space: nowrap;
}
.itemlistelement table {
	border-collapse: collapse;
	background-color : #ffffff;
	width : 100%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00528C;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #8BB0C2;
	border-right-color: #00528C;
	border-left-color: #8BB0C2;
} 
.itemlistelement table td {
	border-collapse: collapse;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 4px;
} 
.itemlistelement table td h2 {
	border-collapse: collapse;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #FFFFFF;
} 
.itemlistelement table td p {
	border-collapse: collapse;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	margin: 0px 0px 0px 4px;
} 
.itemlistelementheaderband {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #00528C;
	vertical-align: middle;
	margin: 0px;
	text-align: left;
	white-space: nowrap;
} 
.itemlistelementheaderbandexpand {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #00528C;
	vertical-align: middle;
	margin: 0px;
	width: 100%;
	text-align: right;
} 
.itemlistelementthumb {
	float: left;
	border: none;
	margin: 0px 8px 16px 0px;
	padding-bottom: 8px;
	padding-top: 0px;
}
.itemlistelementreferenceid {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border : none;
	vertical-align: middle;
	padding: 0px;
	font-size: x-small;
	font-weight: bold;
	color: #00528C;
}
.salestatussmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CC0000;
	white-space: nowrap;
	padding: 4px 8px;
}
/* These represent the summary bullets within each list element */
.summarypoints
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: left;
	width: 100%;
	white-space: nowrap;
}
.summarypoints ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	margin-right: 4px;
	margin-left: 0px;
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
}
.summarypoints ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 4px;
	white-space: nowrap;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* Positions the horizontal graphic element, Also used in item page. */
.commonlistbullet {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border : none;
	vertical-align: middle;
	padding: 4px 2px 4px 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 4px;
}
/************** Item page styles **************************/
/* These styles relate to all the elements in the Item
   page.
*/
/**********************************************************/
#itempagepayload {
	border-collapse: collapse;
	width : 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
} 
#itempagepayload td{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 8px 4px 4px;
} 
.itempagepayloadleftcell {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FE9E32;
} 
.itempagepayloadthumbs {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #8BB0C2;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FE9E32;
} 
#itempageheaderband {
	border-collapse: collapse;
	width : 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
} 
#itempageheaderband table {
	border-collapse: collapse;
	width : 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #00528C;
} 
#itempageheaderband table td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
} 
#itempageheaderband table td p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 4px;
	white-space: nowrap;
	font-size: small;
}
#itempagethumbs table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	margin: 4px auto;
}
#itempagethumbs table td
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8BB0C2;
	text-align: center;
}
#itempagethumbs table td h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	border-collapse: collapse;
	font-size: small;
	font-weight: bold;
	color: #FE9E32;
	white-space: nowrap;
}
#itempagethumbs table td p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	font-size: xx-small;
	font-weight: bold;
	color: #00528C;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;
}
.itempageimage {
	font-family: Tahoma, Arial, sans-serif;
	margin-right: 8px;
	border: none;
} 
#itembullets
{
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: center;
	width: 60%;
}
#itembullets ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	vertical-align: middle;
	font-weight: normal;
	text-align: center;
	list-style-image: url(graphics/common/itempagebullet.gif);
	list-style-type: none;
	list-style-position: outside;
}
#itembullets ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0px;
	margin-left: 0px;
}
#spectable table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F5F3;
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 0px;
}
#spectable table td {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
}
.spectablelabelcell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: x-small;
	background-color: #FEF2DE;
}
#spectable th {
	border: 1px solid #D7E5F2;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-align: center;
	white-space: nowrap;
}
.salestatus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #CC0000;
	white-space: nowrap;
	padding: 4px 10px;
}
/* Note: Cannot have graphical bullets for inline lists, hence had to
         do it manually in the HTML */
#extrafeatures
{
	padding: 0px;
	margin: 8px auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: center;
	width: 60%;
}
#extrafeatures ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	list-style-image: none;
	list-style-type: circle;
}
#extrafeatures ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}
/************** CART page styles **************************/
/* Some styles relating to the cart page.
*/
/**********************************************************/
#carttable table
{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
#summarycarttable table
{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
#summarycustomerdetails table
{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 16px;
}
.cartelementthumb {
	border: none;
	margin: 0px;
	padding: 0px;
}
/************** Standard object styles ********************/
/* These styles relate to all standard objects used throughout
   the site to ensure consistancy.
*/
/**********************************************************/

/* Applies to any standard table listing data of any kind. */
.standardformattingtable {
	color: #000000;
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 16px;
}
.standardformattingtable table {
	color: #000000;
	border-collapse: collapse;
	vertical-align: top;
	padding: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
.standardformattingtable td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 8px;
}
.standardtable table {
	background-color: #F9FBFD;
	color: #000000;
	border: 1px solid #C6CDC1;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}
.standardtable td {
	border: 1px solid #C6CDC1;
	padding: 4px 6px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	text-align: left;
	white-space: normal;
}
.standardtable th {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #00528C;
	text-align: center;
	white-space: nowrap;
	background-color: #FEF2DE;
}
/* Style to represent the breadcrumb links for each page. */
.breadcrumbs {
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 4px;
	vertical-align: middle;
}
.breadcrumbs p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: left;
	color: #00528C;
	white-space: normal;
	font-weight: bold;
	text-transform: lowercase;
}
.breadcrumbs a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #00528C;
	text-decoration: none;
}
.breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #00528C;
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #00528C;
	text-decoration: underline;
}
/* Styles to represent highlight boxes to be used throughout the
   site. Also used for pull quotes to help break up the content.
   Different versions have been defined here to float left or right.
*/
.highlightright
{
	width: 150px;
	margin: 0px 0px 0px 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 4px;
	background-color: #FEEFD6;
	float: right;
	vertical-align: top;
}
.highlightright p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
	color: #00528C;
	white-space: normal;
	font-weight: bold;
	margin: 0px;
}
.highlightleft
{
	width: 150px;
	margin: 0px 8px 8px 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 4px;
	background-color: #FEEFD6;
	float: left;
	vertical-align: top;
}
.highlightleft p
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: left;
	color: #00528C;
	white-space: normal;
	font-weight: bold;
	margin: 0px;
}
/* Style to define the error message bix in the event of JavaScript
   not being present.
*/
.errormessage {
	border: thin dashed #CC0000;
	width: 300px;
	margin: 0px auto 8px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.errormessage h1 {
	padding: 4px;
	text-align: center;
	margin: 0px auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0033;
	white-space: nowrap;
}
.errormessage p {
	padding: 4px;
	text-align: center;
	margin: 0px auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #CC0033;
}
/************** Specific element styles *******************/
/* These styles relate to specific elements. These are 
   usually IDs which constrain a standard table style.
*/
/**********************************************************/
#logintable
{
	width: 400px;
}
#newsheadlines
{
	width: 400px;
}
#contactform table
{
	width: 400px;
}
#linkexchangeform table
{
	width: 300px;
}
#linkexchangeform td
{
	text-align: right;
}
#quicklinkpagebar table
{
	width: 60%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	white-space: nowrap;
	margin: 0px;
}