/**********************************************************/
/***** Standard Style sheet  ******************************/
/***** © Surfocracy Ltd ***********************************/

/******************* Redefine HTML tags *******************/
/* Following styles redefine the standard HTML tags.      */
/**********************************************************/
/* Colours used                                           */
/* Dark  -  #FF6600                                       */
/* Light -  #FFCC99                                       */

body {
	background-color: #FFFFFF;
	padding: 5px 0px 10px;
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	color : #000000;
	text-align : justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	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;
	clear: both;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	text-align: left;
	margin: 0px 0px 2px;
	clear: both;
	font-weight: 900;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	text-align: left;
	margin: 0px 0px 2px;
	clear: both;
	font-weight: 900;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin: 0px 0px 2px;
	clear: both;
	font-weight: 900;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	list-style-type: disc;
	margin-bottom: 8px;
	margin-top: 4px;
	clear: left;
}
ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	vertical-align: middle;
	list-style-type: decimal;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
	clear: left;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px;
	font-size: small;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
img {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	border: none;
} 

form {
	margin : 0;
	padding : 0;
}
/* 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%;
} 
fieldset {
	margin: 5px;
	padding: 4px;
}
/******************* 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 p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #000000;
	text-align : left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
form table h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	margin: 0px 2px 0px 0px;
	white-space: nowrap;
	display: inline;
}
.shortnote {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	color : #663333;
	text-align : left;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	font-weight: normal;
} 
form table th {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bolder;
	color: #000000;
	text-align: center;
	background-color: #eaeaea;
	white-space: nowrap;
}
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;
	background-color : #767676;
	font-style: normal;
	text-align: center;
	margin-top: 0px;
	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 : small;
	font-weight : normal;
	color : #CC0000;
} 
/************** 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: #406679;
	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;
	border: none;
	margin: 2px 0px;
	white-space: nowrap;
}
.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;
	vertical-align: middle;
}
.centeralign table {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.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 auto;
	padding: 0px;
	width: 100%;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
/* 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: small;
	color: #FFFFFF;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	font-weight: bold;
	background-image: url(graphics/common/NEWtopIMAGES.jpg);
	background-repeat: repeat-x;
	background-position: 423px center;
}
#logosection table td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	height: 0px;
}
#logosection table td p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	vertical-align: bottom;
	text-align: right;
	font-weight: bold;
	margin: 0px 4px 0px 8px;
	padding: 0px;
	white-space: nowrap;
}
.logoimage {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 24px;
	border: none;
	display: inline;
}
/* Cell containing the left vertical links */
.cellleftcolumn {
	vertical-align: top;
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #767676;
	padding: 0px;
}
/* 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: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	margin: 4px 0px 0px;
	vertical-align: middle;
	padding: 0px;
	text-transform: uppercase;
}
/* The main vertical links within the left column cell */
.verticalnav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	white-space: normal;
}
.verticalnav1 ul {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 0px;
	width: 13em;
	list-style-type: none;
	font-size: x-small;
}
.verticalnav1 ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	white-space: normal;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: x-small;
}
.verticalnav1 ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
.verticalnav1 ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
.verticalnav1 ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #40E423;
	text-decoration: none;
}
.verticalnav1onpage {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #40E423;
	text-decoration: none;
	font-weight: bold;
}
/* The next set of vertical links within the left column cell */
.verticalnav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
.verticalnav2 ul {
	padding: 0px;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: top;
	list-style-image: none;
	margin-right: 0px;
	margin-left: 0px;
}
.verticalnav2 ul li {
	margin: 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	white-space: nowrap;
	background-image: url(/graphics/common/bevel-slice.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 24px;
	padding-top: 6px;
	padding-right: 6px;
}
.verticalnav2 ul li a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
}
.verticalnav2 ul li a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
}
.verticalnav2 ul li a:hover {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	vertical-align: middle;
}
/* Cell containing the right column links, usually the featured list */
.cellrightcolumn {
	vertical-align: top;
	margin: 0px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color: #767676;
	padding: 0px;
}
/* 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: #993399;
	text-align: center;
	padding: 0px;
	margin: 0px;
	white-space: normal;
	vertical-align: middle;
	text-transform: uppercase;
	width: 12em;
}
/* 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: #FFFFFF;
}
#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;
	color: #FFFFFF;
}
/* Style for the content cell */
.cellcontent {
	vertical-align: top;
	margin: 0px;
	padding: 0px 16px 16px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #FFFFFF;
	height: 300px;
	background-image: url(graphics/common/content-slice.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.categorypicture {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 0px;
}
/* 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%;
	border: none;
	background-image: url(graphics/common/nav-slice.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#horizontalnav1 table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 0px;
}
#horizontalnav1 table td img
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	display: block;
	margin-top: 0px;
}
#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: #eaeaea;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
/* 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;
	border: none;
	background-image: url(graphics/common/content-slice.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#searchrow table td
{
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	white-space: nowrap;
	text-align: right;
	border: none;
}
#searchrow table td label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	vertical-align: middle;
}
/* ID to represent the footer section */
#footersection
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	height: 16px;
	width: 100%;
	background-color: #40E423;
}
#footersection ul
{
	padding: 2px 0px;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
#footersection ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	font-weight: bold;
}
#footersection ul li a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	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: #000000;
	white-space: nowrap;
	font-weight: bold;
}
#footersection ul li a:hover
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #767676;
	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;
}


/* ID to represent the footer section */
#footeraddress
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	height: 14px;
	width: 100%;
	background-color: #444343;
}
#footeraddress a:link
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footeraddress a:visited
{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
}
#footeraddress a:hover
{
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
#footeraddress p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #3FE422;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}









/* Styled to define link to web designer's web site */
.creditlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.creditlink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	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: #000000;
	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: #000000;
	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.
*/
/**********************************************************/
#symbolkeys
{
	padding: 0px;
	margin: 8px auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: right;
	text-align: center;
	width: 100%;
}
#symbolkeys ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #663333;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	list-style-image: none;
	list-style-type: circle;
}
#symbolkeys ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}
.itemspecialofferbanner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 4px;
	margin-bottom: 4px;
}
.itemspecialoffertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 2px;
}
/************** CART page styles **************************/
/* Some styles relating to the cart page.
*/
/**********************************************************/
#carttable table
{
	width: 100%;
	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;
}
.standardformattingtable td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	padding: 4px;
}
.standardtable table {
	background-color: #F9FBFD;
	color: #000000;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	border: 1px solid #C6CDC1;
}
.standardtable table p {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	text-align : left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000000;
} 
.standardtable table td {
	padding: 2px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #333333;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #C6CDC1;
}
.standardtable table th {
	border: 1px solid #C6CDC1;
	padding: 4px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-align: center;
	white-space: normal;
	background-color: #eaeaea;
}
.standardtable table h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-align: left;
	margin: 0px 2px 0px 0px;
	white-space: nowrap;
	display: inline;
}
/* 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: #000000;
	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: #000000;
	text-decoration: none;
}
.breadcrumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.breadcrumbs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #767676;
	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: #406679;
	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: #406679;
	white-space: normal;
	font-weight: bold;
	margin: 0px;
}
/* Style for the News list section.*/
.newslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.newslist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.newslist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newslist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newslist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Used for news headlines */
.newsheadlines {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
}
.newsheadlines p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px;
	font-size: x-small;
	white-space: normal;
	text-align: left;
	padding: 0px;
}
.newsheadlines a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newsheadlines a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.newsheadlines a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style for the Case study list section.*/
.casestudylist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.casestudylist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.casestudylist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.casestudylist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.casestudylist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style for the Jobs list section.*/
.jobslist {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
}
.jobslist p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.jobslist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.jobslist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.jobslist a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style for the testimonial section.*/
.testimonial {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top: 8px;
}
.testimonial p{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
}
/* Style for the link category section.*/
.linkcategory {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 8px;
}
.linkcategory a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.linkcategory a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.linkcategory a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Styles to represent the page number bars */
.pagebar {
	border-collapse: collapse;
	margin-top: 0px;
	padding: 4px;
}
.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: x-small;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin: 0px;
	white-space: nowrap;
}
.pagebar a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.pagebar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.pagebar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
/* Style to define the error message box 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.
*/
/**********************************************************/
#menulisting table
{
	width: 80%;
	margin-top: 16px;
	clear: left;
}
#newsheadlines
{
	width: 400px;
}
#contactform table
{
	width: 400px;
}
#linkexchangeform table
{
	width: 300px;
}
#linkexchangeform td
{
	text-align: right;
}
/************** Listing page styles *****************/
.itemlistelement table {
	border-collapse: collapse;
	border-top : 1px outset #e7e4ce;
	border-right : 1px outset #b9946f;
	border-bottom : 1px outset #b9946f;
	border-left : 1px outset #e7e4ce;
	border-color : #cfd8e7 #8a9ec3 #8a9ec3 #cfd8e7;
	background-color : #ffffff;
	width : 80%;
	border-style : solid;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
} 
.itemlistelement table td {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px;
	vertical-align: middle;
} 
.itemlistelement table td h2 {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 2px 2px 2px 4px;
} 
.itemlistelement table td p {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-top: 4px;
	margin-left: 4px;
} 
.itemlistelement table td a:link {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
} 
.itemlistelement table td a:visited {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
} 
.itemlistelementheaderband {
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background-color: #D6DCD1;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8a9ec3;
	margin: 0px;
} 
.itemlistelementthumb {
	float: left;
	border: none;
	margin: 4px 8px 8px;
}
.help { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #000000; text-align: justify; font-weight: bolder; cursor: help; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: thin; border-left-width: 0px}
/* Login to account row. */
.accountlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	font-size: xx-small;
	margin-bottom: 4px;
	margin-top: 0px;
}
.accountlink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.accountlink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.accountlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 4px;
}
.stockstatuslabel {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #CC0000;
	padding: 0px 1px;
	font-weight: bold;
	white-space: nowrap;
}
