body {
   margin: 0px;
   padding: 0px;
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: #000000;
}

/* Main Structure */
#PreHeaderLeft {
	float: left;
	width: 49.9%;
	height: 14px;
	background-image:url(../01graphics/bgs/left-fade.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#PreHeaderRight {
	float: right;
	width: 49.9%;
	height: 14px;
	background-image:url(../01graphics/bgs/right-fade.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#Header {
	width: 99.5%;
	min-height: 115px;
	_height: 115px;
	height: 115px;
	padding: 0 0.5% 0 0;
	margin: 0;
	background-image:url(../logo2.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-align: right;
}

#TopNav {
	background-color: #000099;
	padding: 5px 5px 5px 10px;
	}
#Wrapper {
	width: 100%;
	padding:1em 0 0 0;
	margin-bottom: 1em;
	}
#MainContent {
	float: right;
	width: 70%;
	border: 1pt #0033FF solid;
	padding: 1em;
	margin: 0 0.5em 0 0;
	
	}

#LeftNav{
   border: 1px solid #0033FF; /*#153651*/
   float: left;
   width: 20%;
   margin: 0 0 0 1em;
   padding: 0 0.5% 10px 0.5%;
   font-size: 90%;
}
#Footer {
	border-top: 1pt #000099 solid;
	padding: 0 5px 1em 5px;
	font-size: 90%;
	clear: both;
	}
#Footer p {
	margin: 0.5em 0 0.5em 0;

	}
/* **************** */

p, td, th, legend {
   font-size: 1em;
}

ht, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	}
h1 {
   font-size: 120%;
   color: #000099; 
   margin-top: 5px;
   margin-bottom: 1em;
   font-weight: bold;

} 
h1 a:link, h1 a:visited {
   color: #000099; 
   text-decoration: none;
}

h2 {
   font-size: 110%;
   font-weight: bold;
   margin-top: 5px;
   margin-bottom: 5px;
}

h3 {
	font-size: 100%;
	}
	
#LeftNav .Heading {
	background-color: #FFCC00;
	color: #000099;
	font-weight: bold;
	font-style: italic;
	margin: -0.5% -0.5% 0 -0.5%;
	padding: 5px 2px 5px 2px;
	}

textarea {
   font-family: 100% Verdana, Arial, Helvetica, sans-serif;
}

th {
   font-weight: bold;
   background-color: #000099; /*#CCCCCC*/
   color: #FFFFFF;
}

form {
   margin: 0px;
}

a:link {
   color: #008080; /*#000000*/
   text-decoration: none;
}

a:visited {
   color: #00B2B2; /*#000000*/
   text-decoration: none;
}

a:hover {
   color: #000000; /*#000000*/
   text-decoration: underline;
}

a:active {
   color: #009999; /*#000000*/
   text-decoration: underline;
}

a.LeftNav {
   text-decoration: none;
   font-size: 9px;
}

a.LeftNav:hover {
   text-decoration: none;
   font-size: 9px;
}

legend {
	color: #FFCC00;
	padding: 5px;
	border: solid 1px #FFCC00;
}

fieldset {
	border: solid 1px #FFCC00;
	padding: 10px;
}



.small {
   font-size: smaller;
}

.checkoutfield {
	background-color: #EEEEEE;
}

input.formButton {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: bold;
   color: #FFFFFF; /*#FFFFFF*/
   background-color: #0033FF; /*#153651*/
   border: 1px solid #000000; /*#000000*/
   cursor: pointer;
   width: 160px;
   margin-top: 2px;
   margin-bottom: 2px;
}

input.smallButton {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   font-weight: bold;
   color: #FFFFFF; /*#FFFFFF*/
   background-color: #0033FF; /*#153651*/
   border: 1px solid #000000; /*#000000*/
   cursor: pointer;
   margin: 2px;
}

select.jump {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   z-index: 1;
   margin-bottom: 3px;
   width: 135px;
}

input.small, select.small {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: smaller;
   z-index: 1;
   margin-bottom: 3px;
}

input.error {
   background-color: #FF3300; /*#FF0000*/
   border: 1px solid #FF3300; /*#FF0000*/
}

table.list {
   margin-right: 5px;
   margin-left: 5px;
}

.NoWrap {
	white-space:nowrap;
	}

/* Navigational elements */

#TopNav ul {
	margin:0;
	white-space: nowrap;
	padding: 0;
}
#TopNav li
{
	width: auto;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 5px 0 5px;
	border-right: 2px #C6C6EC solid;
}
#TopNav ul li.first {
	border-left: 2px #C6C6EC solid;
	}

#TopNav a{
	color: #ffffff;
	font-style: oblique;
	font-weight:bolder;
	text-transform:uppercase;
	}
#TopNav a:hover {
	color: #C6C6EC;
	text-decoration: none;
	}
body#Home li#Home-nav a,
body#About li#About-nav a,
body#Products li#Products-nav a,
body#Catalogue li#Catalogue-nav a,
body#Contact li#Contact-nav a,
body#Links li#Links-nav a {
	background-color: #C6C6EC;
	color: #000099;
	}
	
#LeftNav ul {
	font-size: 90%;
	margin: 0 0 5px 10px;
	padding: 0 0 0 5px;
	}
	
#LeftNav li {
	list-style-type:square;
	margin-bottom: 4px;
}

#LeftNav a:hover {
	text-decoration: none;
	}
/* End Navigational elements */

.ProductsDivider {
	width: 100%;
	margin: 1em 0 1em 0;
	border-top: 1pt #B3B3E6 solid;
	clear: both;
	}
/* Image Styles */
.ImgLeft {
	float: left;
	margin: 0 1em 1em 0;
	}
.ImgRight {
	float: right;
	margin: 0 0 1em 1em;
	}
.ImgLeft, .ImgRight {
	text-align: center;
	font-size: smaller;
	padding: 0 0 10px 0;
	color: #666666;
	}
.ImgLeft a img, .ImgRight a img {
	border: 1pt solid #8D8DDA;
	padding: 3px;
	}
.ImgLeft a:hover img, .ImgRight a:hover img {
	border: 1pt solid #FFCC00;
	background-color: #F7F0D4;
	text-decoration: none;
}
.ImgLeft a:hover, .ImgRight a:hover {
	text-decoration: none;
	}

/* End Image Styles */
.SelectPicture {
	margin: 1em 0 1em 0;
	font-size: 90%;
	color: #8D8DDA;
	}
.Required {
	font-weight: bold;
	color: #CDA400;
	}
.RightAlign {
	text-align: right;
	}
#MainContent li {
	margin-bottom: 0.5em;
	}