<STYLE TYPE="text/css">
<!--

/* --- BEGIN BROWSER CSS RESET --- */
HTML {
HEIGHT:100%;
MARGIN: 0 0 0 0;
PADDING: 0 0 0 0;
BACKGROUND: #F2F3F4;
BORDER: none;
LINE-HEIGHT: 20px;
TEXT-ALIGN: center;
}

HTML, BODY {
HEIGHT:100%;
MARGIN: 0 0 1px 0;
PADDING: 0 0 0 0;
BACKGROUND: #F2F3F4;
BORDER: none;
LINE-HEIGHT: 20px;
TEXT-ALIGN: center;
}


/* --- BEGIN RANDOM TEXT & LINKS  --- */
FONT.legal { FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial Black; FONT-WEIGHT: bold; }

a.credit:link { color: #000000; text-decoration: none; FONT-FAMILY: Arial Black; FONT-SIZE: 8pt; }
a.credit:active { color: #000000; text-decoration: none; FONT-FAMILY: Arial Black; FONT-SIZE: 8pt;}
a.credit:visited { color: #000000; text-decoration: none; FONT-FAMILY: Arial Black; FONT-SIZE: 8pt; }
a.credit:hover { color: #FFFFFF; text-decoration: ; background: #000000; FONT-FAMILY: Arial Black; FONT-SIZE: 8pt; }

a.catalog:link { color: #FFFFFF; text-decoration: none; FONT-FAMILY: Arial; FONT-SIZE: 15px; FONT-WEIGHT:bold; }
a.catalog:active { color: #FFFFFF; text-decoration: none; FONT-FAMILY: Arial; FONT-SIZE: 15px; FONT-WEIGHT:bold; }
a.catalog:visited { color: #FFFFFF; text-decoration: none; FONT-FAMILY: Arial; FONT-SIZE: 15px; FONT-WEIGHT:bold; }
a.catalog:hover { color: #FFFFFF; background: #000000; FONT-FAMILY: Arial; FONT-SIZE: 15px; FONT-WEIGHT:bold; }

DIV.info {
MARGIN:20px 20px 20px 20px;
PADDING:20px 20px 20px 20px;
TEXT-ALIGN:left;
FONT-SIZE:15px;
FONT-FAMILY:arial;
FONT-WEIGHT:bold;
COLOR:#000000;
WIDTH:;
HEIGHT:;
BACKGROUND:#52AFF3;
}
DIV.maintopright {
MARGIN:0 0 0 0;
PADDING:0 0 0 0;
FLOAT:right;
WIDTH:499px;
HEIGHT:;
TEXT-ALIGN:center;
BACKGROUND:;
FONT-SIZE:18px;
FONT-FAMILY:arial;
COLOR:#000000;
}
DIV.maintopleft {
MARGIN:0 0 0 0;
PADDING:0 0 0 0;
FLOAT:left;
WIDTH:499px;
HEIGHT:;
TEXT-ALIGN:center;
BACKGROUND:;
FONT-SIZE:18px;
FONT-FAMILY:arial;
COLOR:#000000;
}

/* --- BEGIN OVERALL LAYOUT  --- */
DIV.wrapper {
BACKGROUND:#1192f0; 
HEIGHT:;
WIDTH:998px;
TEXT-ALIGN:center;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto;
BORDER-LEFT:1px solid black;
BORDER-TOP:1px solid black;
BORDER-RIGHT:1px solid black;
BORDER-BOTTOM:1px solid black;
}
DIV.header {
BACKGROUND:#1192f0 URL(images/header.jpg);
BACKGROUND-REPEAT:no-repeat;
WIDTH:998px;
HEIGHT:200px;
COLOR:white;
}
DIV.banner {
HEIGHT:165px;
VISIBILITY:hidden;
}
DIV.menu {
BACKGROUND:;
BORDER:0;
PADDING:0 0 0 1px;
WIDTH:998px; 
HEIGHT:35px;
FONT-SIZE:18px;
FONT-FAMILY:Arial;
FONT-WEIGHT:bold;
COLOR: #FFFFFF;
VERTICAL-ALIGN:middle;

}
DIV.main { 
PADDING:0 0 20px 0;
BACKGROUND:;
TEXT-ALIGN:left;
VERTICAL-ALIGN:middle;
HEIGHT:;
WIDTH:998px;
} 

/* --- BEGIN DIV CLEARING --- */
DIV.cleardivs {
CLEAR:both;
}




/* --- BEGIN FORM HELPERS  --- */
DIV.category {
FLOAT:left;
PADDING:0 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH: ;
FONT-FAMILY:arial;
FONT-SIZE:18px;
FONT-WEIGHT:bold;
COLOR:#FFFFFF;
}
DIV.inforequired {
FLOAT:left;
TEXT-ALIGN:left;
PADDING:0 0 0 5px;
HEIGHT:22px;
BACKGROUND:;
WIDTH: ;
FONT-FAMILY:arial;
FONT-SIZE:14px;
FONT-WEIGHT:bold;
COLOR:#FFFFFF;
}



/* --- BEGIN FORM FIELDS --- */
LABEL.required {
CURSOR:pointer;
POSITION:absolute;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND: URL('images/required.png') no-repeat 160px;
WIDTH:200px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}
LABEL.standard {
CURSOR:pointer;
POSITION:absolute;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH:200px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}
INPUT.standard {
MARGIN:0 0 0 180px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:180px;	
BACKGROUND:#11F098;
}
SELECT.standard {
MARGIN:0 0 0 180px; 
FONT-FAMILY:arial;
HEIGHT:;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:186px;	
BORDER:1px solid #404040;
PADDING:1px; 
BACKGROUND:#11F098;
}
TEXTAREA.standard { 
WIDTH: 360px; 
MARGIN:0 0 0 0;
BORDER:1px solid #404040; 
FONT-SIZE: 16px; 
COLOR: #404040; 
FONT-FAMILY: arial; 
FONT-WEIGHT: bold;
BACKGROUND:#11F098; 
}
INPUT.submit {
PADDING:0 0 0 0;
MARGIN:0 0 0 123px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:14px;
FONT-WEIGHT:bold;
COLOR:#FFFFFF;
WIDTH:183px;	
HEIGHT:35px;
BORDER:1px solid #FFFFFF;
BACKGROUND:#0A5890;
}	
INPUT.reset {
PADDING:0 0 0 0;
MARGIN:0 0 0 0; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:10px;
FONT-WEIGHT:bold;
COLOR:RED;
WIDTH:60px;	
HEIGHT:20px;
BORDER:1px solid red;
BACKGROUND:#52AFF3 
}






/* --- BEGIN PURCHASE INFORMATION FIELDS --- */

LABEL.quantity {
CURSOR:pointer;
POSITION:absolute;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH:65px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}
INPUT.quantity {
MARGIN:0 0 0 85px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:30px;
BACKGROUND:#11F098;	
}
LABEL.item {
CURSOR:pointer;
POSITION:absolute;
MARGIN:0 0 0 13px;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH:40px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}
INPUT.item {
MARGIN-LEFT:55px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:180px;
BACKGROUND:#11F098;	
}
LABEL.description {
CURSOR:pointer;
POSITION:absolute;
MARGIN:0 0 0 30px;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH:115px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}
INPUT.description{
MARGIN-LEFT:145px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:175px;
BACKGROUND:#11F098;	
}
INPUT.remove {
PADDING:0 0 0 0;
MARGIN:0 0 0 0;
BORDER:0px solid #404040; 
FONT-SIZE: 12px; 
COLOR: #ff0000; 
FONT-FAMILY: arial; 
FONT-WEIGHT: bold; 
WIDTH:;
BACKGROUND:#1192f0;
}

INPUT.same {
MARGIN:0 0 0 40px;
}
LABEL.same {
CURSOR:pointer;
MARGIN:0 0 0 3px;
} 
INPUT.checkbox {
MARGIN:0 10px 0 180px; 
FONT-FAMILY:arial;
HEIGHT:19px;
FONT-SIZE:16px;
FONT-WEIGHT:bold;
COLOR:#404040;
WIDTH:;	
BACKGROUND:#11F098;
VERTICAL-ALIGN:middle;
}

LABEL.checkbox {
CURSOR:pointer;
POSITION:absolute;
PADDING:3px 0 0 0;
TEXT-ALIGN:left;
HEIGHT:22px;
BACKGROUND:;
WIDTH:600px;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
}




/* --- BEGIN FORM LAYOUT --- */
DIV.formwrapper {
MARGIN:40px auto 40px auto;
PADDING: 0 0 0 0;
WIDTH:800px;
BACKGROUND:;
}
DIV.formtop {
MARGIN:0 0 2px 0;
PADDING:5px 0 1px 40px;
BACKGROUND:#52AFF3;
WIDTH:;
TEXT-ALIGN:left;
HEIGHT:25px;
}
DIV.formitem {
MARGIN:0 0 0 0;
PADDING:5px 0 5px 20px;
BACKGROUND:#2399EF;
WIDTH:;
TEXT-ALIGN:left;
FONT-FAMILY:arial;
FONT-SIZE:15px;
FONT-WEIGHT:bold;
COLOR:#000000;
} 
DIV.formbottom {
MARGIN:0 0 40px 0;
PADDING:5px 0 1px 40px;
BACKGROUND:#2399EF;
WIDTH:;
TEXT-ALIGN:left;
HEIGHT:24px;
}




/* --- BEGIN LIVE VALIDATION COLORS  --- */

.LV_validation_message {
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid {
color:#11F098;
FONT-FAMILY:arial;FONT-SIZE:15px;FONT-WEIGHT:bold;
}
.LV_invalid {
color:#FF1238;
FONT-FAMILY:arial;FONT-SIZE:15px;FONT-WEIGHT:bold;BACKGROUND:#000000;TEXT-DECORATION:;
PADDING:5px;
}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
border: 1px solid #000000;
}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: 1px solid #FFFFFF;
}
input:hover, textarea:hover, select:hover {
border:1px solid #000000;
}
input:active, textarea:active, select:active {
border:1px solid #000000;
}
input, textarea, select {
border:1px solid #404040;
padding:2px;
background:#ffffff;
}





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	0;

}
.sf-menu a {
	border:0 0 0 0; 
	text-decoration:none;
	padding: 		.75em 0 .75em 0;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000000;
}
.sf-menu li {
	WIDTH: 166px;
		BACKGROUND: url('images/button.png');
}
.sf-menu li li {
	background:		#52AFF3;
	BORDER-RIGHT:1px solid black;
	BORDER-BOTTOM:1px solid black;
	BORDER-LEFT:1px solid black;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	#11F098;
	outline:		0;
	COLOR:#000000;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
 




-->
</STYLE>


