<h1>Page:stylesheet</h1>

<STYLE type="text/css">

tr 	 	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: Transparent; color: #FFFFFF; font-size: 11px; font-weight: Bold;   letter-spacing: 0pt; }
th		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: Transparent; color: #555555; font-size: 11px; font-weight: Bold;   letter-spacing: 0pt; }
td		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: Transparent; color: #555555; font-size: 11px; font-weight: Normal; letter-spacing: 0pt; text-decoration: none; }
h1		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: Transparent; color: #1F7B06; font-size: 21px; font-weight: Bold;   letter-spacing: 1pt; }
h2		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: Transparent; color: #1F7B06; font-size: 17px; font-weight: Bold;   letter-spacing: 1pt; }
input 		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #EEEEEE;     color: #666666; font-size: 11px; font-weight: normal; line-height: 17px; border: 1px solid #A0A0A0; border-radius: 5px 5px 5px 5px; padding: 3px;}
textarea    	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #EEEEEE;     color: #666666; font-size: 11px; font-weight: normal; line-height: 17px; border: 1px solid #A0A0A0; border-radius: 5px 5px 5px 5px; padding: 3px;}
select		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #EEEEEE;     color: #666666; font-size: 11px; font-weight: normal; line-height: 17px; border: 1px solid #A0A0A0; border-radius: 5px 5px 5px 5px; padding: 3px; max-width: 550px;}
img		{border: 0px;}

.error  	{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #F7F7F7;     color: #FF0000 !important; font-size: 20px !important; line-height: 27px; padding: 1px; text-align: center;}
.input 		{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #EEEEEE;     color: #666666; font-size: 11px; font-weight: normal; line-height: 17px; border: 1px solid #A0A0A0; border-radius: 5px 5px 5px 5px; padding: 3px;}

.javelinMainBody {
  background-color: #363636;
  background-image: url('../images/bg.jpg'); 
  background-repeat: repeat-x;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.javelinBodyTable {
  background-color: Transparent;
  width: 1020px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.javelinMainTable {
  background-color: #FFFFFF;
  width: 1020px;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  margin: 0;
} 

.javelinBannerTable {
  background-color: Transparent;
  width: 1020px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.javelinHeader    {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 25px; 
  font-style: normal; 
  line-height: normal; 
  font-weight: normal; 
  font-variant: normal; 
  color: #1F7B06;   
  text-decoration: none;
  
}

.javelinSubheader {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 14px; 
  font-style: normal; 
  line-height: 17px; 
  padding-left: 0px; 
  font-variant: normal; 
  color: #515151; 
  font-weight: normal; 
  font-variant: normal;  
  text-decoration: none;
}

.javelinSubheader2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 13px; 
  font-style: normal; 
  line-height: 14px; 
  padding-left: 0px; 
  color: #1F7B06; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
}

.javelinBody {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 14px;
  font-weight: normal;
  font-variant: normal;
  color: #666666;
  text-decoration: none;
}

.javelinBodyBackground {
  BACKGROUND-COLOR: Transparent;
}

.javelinListBackground {
  BACKGROUND-COLOR: Transparent;
}

.javelinHeaderBar {
  background-color: Transparent;
  background-image: url('../images/menu_bg.jpg'); 
  background-repeat: repeat-x;
  background-size: 100% 40px;
  border: 1px solid #D6D6D6;
  color: #555555; 
  height: 40px;
  padding: 0px;
  margin-bottom: 15px;
}

.javelinHeaderBar a {
  background-color: Transparent;
  color: #555555 !important;  
  font-size: 12px; 
  font-weight: Normal; 
}

.javelinHeaderBar a:link {
  background-color: Transparent;
  color: #555555 !important; 
  font-size: 12px; 
  font-weight: Normal; 
}

.javelinHeaderBar a:hover {
  background-color: Transparent;
  color: #1F7B06 !important; 
  font-size: 12px; 
  font-weight: Normal; 
}

.javelinHeaderBar a:active {
  background-color: Transparent;
  color:  #515151 !important; 
  font-size: 12px; 
  font-weight: Normal; 
}

.javelinHeaderBar a:visited {
  background-color: Transparent;
  color:  #515151 !important; 
  font-size: 12px; 
  font-weight: Normal; 
}

.javelinDesc {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; 
  font-style: normal; 
  line-height: 17px; 
  color: #555555; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
}

.javelinNote {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px; 
  font-style: normal; 
  line-height: 17px; 
  color: #919191; 
  font-weight: normal; 
  font-variant: normal; 
  text-decoration: none;
}

.javelinContact {
  background-image: url(../images/spacer-subnav.gif);
  background-repeat: no-repeat !important;
  background-color: Transparent;
}

.imageThumbnail {
  border: 1px solid #CCCCCC; 
  background-color:#F1F0F0; 
  max-width: 75px;
  margin-top: 0px;
  padding: 0px; 
  box-shadow: 2px 2px 5px #6C6C6C;
}

.inputText {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  background-color: Transparent; 
  color: #666666; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 17px; 
  border: 0px solid #A0A0A0; 
  border-radius: 5px 5px 5px 5px; 
  padding: 3px;
}

.javelinLogoSpace {
  background-color: Transparent;
  background-image: url('../images/logo_left.jpg');
  background-repeat: no-repeat;
  border: 0px;
  height: 154px;
}

.javelinWebFormSpace {
  background-color: Transparent;
  border: 0px;
  height: 50px;
}

.javelinLeftNavSpace {

}

.javelinLogo1 {
  margin-top: 0px;
}

.javelinLogo2 {
  margin-top: 45px;
}

.JavelinButton {
	color: #1F7B06;
	background-color: #F1F0F0;
	font-family: Arial;  
	font-size: 8pt; 
	text-decoration: none; 
	height: 15px; 
	border: 1px solid #808080; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
}

#inline-list {
	padding: 0px;
	}

#inline-list p {
	display: inline;
	}

#inline-list ul, #inline-list li {
	list-style-type: circle;
	display: inline;
	margin: 0;
	padding: 0;
}


A:link
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A:visited
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A:hover
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
	border: 0px;
}
A:active
{
    COLOR: black;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A
{
    COLOR: #1F7B06;
    FONT-FAMILY:sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

A.header:link
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.header:visited
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.header:hover
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: underline;
}
A.header:active
{
    COLOR: black;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.header
{
    COLOR: #1F7B06;
    FONT-FAMILY:sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}


A.sublinks:link
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.sublinks:visited
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.sublinks:hover
{
    COLOR: #1F7B06;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.sublinks:active
{
    COLOR: black;
    FONT-FAMILY: "Helvetica Neue", Helvetica, Arial, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}
A.sublinks
{
    COLOR: #1F7B06;
    FONT-FAMILY:sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

img 
{
	border:medium none;
}

input,textarea
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 14px;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
  text-decoration: none;
}
select
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 14px;
  font-weight: normal;
  font-variant: normal;
  color: #000000;
  text-decoration: none;
}
.mandatory
{
        COLOR: red;
        TEXT-DECORATION: superset;
}
.errortext
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
        COLOR: red;
        TEXT-DECORATION: none;
}

.javelinCommonPageHeader {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 14px;
  font-weight: bold;
  font-variant: normal;
  color: #1F7B06;
  text-decoration: none;
  background-color: Transparent;

}

.message {
  font-family: Trebuchet MS,  Arial, Univers;
  font-size: 13px;
  font-style: normal;
  line-height: 20px;
  font-variant: normal;
  color: RED;
  text-decoration: none;
  BACKGROUND-COLOR: #E3E3E3;

}

/*
  Added to allow customers to customise the look of the input boxes that are defined
  as read-only. Note that this will only apply to input boxes, no other form
  controls have been configured to use the 'classReadOnly' style, so will need to
  be manually updated using inline styles.
*/

input.classReadOnly {
    background-color : #F6F6F6;
    color : #000000;
}
textarea.classReadOnly {
    background-color : #F6F6F6;
    color : #000000;
}

div.sdmenu {
	width: 150px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding-bottom: 10px;
	background: #F6F6F6;
	color: #FFFFFF;
}
div.sdmenu div {
	/* background: url(../images/title.gif) repeat-x; */
	background: #989898;
	overflow: hidden;
}
div.sdmenu div:first-child {
	/* background: url(../images/toptitle.gif) no-repeat; */
	background: #989898;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(../images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #1F7B06;
	background: #F6F6F6;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #1F7B06 url(../images/linkarrow.gif) no-repeat right center;
	color: #FFFFFF;
	text-decoration: none;
}
div.topmenu a
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 20px;
	margin-top: 20px;
	color: #FFFFFF;
}

.dtree {
    background-color: #F7F7F7;
    padding: 2px 5px;
    line-height: 12px;
}

.dtreeTable {
    width: 200px;	
}

.dtreeCatalogue {
    background-color: #F7F7F7;
    border: 1px solid #D6D6D6;
}

.dtreeSearch {
    background-color: #F7F7F7;
    color: #515151 !important;
    font-size: 20px !important;
    border: 1px solid #D6D6D6;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 5px 5px #808080;
    padding: 1px;
    width: 200px;
}

.dtreeSearch td {
    color: #515151 !important;
    font-size: 20px !important;
}

.dtreeSearch a:link {
    color: #515151 !important;
    font-size: 15px !important;
	text-decoration: underline;
}

.dtreeCart {
    background-color: #F7F7F7;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    box-shadow: 1px 5px 5px #808080;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #515151;
}

.dtreeCart table {
    padding: 0px;
    font-size: 13px;
    color: #515151;
}

.dtreeCart td {
    color: #515151;
    font-size: 14px;
    font-weight: bold;
}

.dtreePane {
    background-color: #F7F7F7;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    box-shadow: 1px 5px 5px #808080;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #515151;
}

.dtreeMap {
    background-color: #F7F7F7;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    box-shadow: 1px 10px 10px #808080;
    font-size: 14px;
    font-weight: bold;
    color: #515151;
}

.dtreeNode {
    padding: 1px;
    font-size: 20px;
    color: #515151;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
    color: #515151;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
}
.dtree a.node, .dtree a.nodeSel {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
    color: #1F7B066;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
    text-decoration: underline;
}
.dtree a.nodeSel {
    color: #1F7B06;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
}
.dtree .clip {
	overflow: hidden;
}

#dtree0 {
    padding-top: 10px;
    padding-bottom: 10px;
}

#divCatalog {
    background-color: #F7F7F7;
    border: 1px solid #D6D6D6;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 5px 5px #808080;
    padding: 8px 10px;
    width: 200px;
}

#ShoppingCart_DataGrid1 td {
    color: #555555 !important;
    font-size: 11px !important;
    font-weight: normal;
}

#orderSubmit.input {
    border: 0 none;
    border-radius: 0;
    padding: 0;
}

.message {
  color: #333333;
  background-color: #FFFFFF;
  font-family: Verdana, Univers, Arial;
  font-size: 17px;
  font-style: normal;
  font-variant: bold;
  text-decoration: none;
  width: 500px;
  height: 250px;
  border: 1px solid #808080;
  display: none;
  position: absolute;
  z-index: 1000;
  filter: Alpha(Opacity=100);
  opacity: 1.00;
  -moz-opacity:1.00;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.messageText {
  color: #333333;
  background-color: #FFFFFF;
  font-family: Verdana, Univers, Arial;
  font-size: 17px;
  font-style: normal;
  font-variant: bold;
  text-decoration: none;
  height: 250px;
  border: 0px solid #FFFFFF;
  z-index: 1000;
  padding-bottom; 10px;
}

/* Sets the colour of the surround for the tree menu product list (not including the corners) */
.dtree_border {
    background-color:#000000;
}

</STYLE>