<style type="text/css">
p            { font-family: Comic Sans MS; font-size: 12pt }
table        { font-family: Comic Sans MS; font-size: 12pt  }
h1           { font-family: Comic Sans MS; font-size: 12pt }
h2           { font-family: Comic Sans MS; font-size: 12pt; font-style: italic }
textarea     { font-family: Comic Sans MS; font-weight: bold }
td           { font-family: Comic Sans MS; font-size: 12pt}
tbody        { font-family: Comic Sans MS; font-size: 12pt  }
body        { font-family: Comic Sans MS; font-size: 12pt }

.smallFont {font-family: Comic Sans MS; font-size: 12pt }
.largeFont {font-family: Comic Sans MS; font-size: 12pt }


a:link     	 { font-family: Comic Sans MS; text-decoration: underline; color: #50648E; font-size: 12pt }
a:visited  	 { font-family: Comic Sans MS; text-decoration: underline; color: #50648E; font-size: 12pt }
a:hover    	 { font-family: Comic Sans MS; text-decoration: underline; color: #50648E; font-size: 12pt }

a.news:link     	 { font-family: Comic Sans MS; text-decoration: underline; color: E9CE67; font-size: 12pt }
a.news:visited  	 { font-family: Comic Sans MS; text-decoration: underline; color: E9CE67; font-size: 12pt }
a.news:hover    	 { font-family: Comic Sans MS; text-decoration: underline; color: E9CE67; font-size: 12pt }


a.menu2:link {  font-family: Comic Sans MS; text-decoration: underline; color: #ffffff; font-size: 10pt;}
a.menu2:visited  { font-family: Comic Sans MS; text-decoration: underline; color: #ffffff; font-size: 10pt; }
a.menu2:hover { font-family: Comic Sans MS; text-decoration: underline; color: #E5958D; font-size: 10pt;}

a.menu3:link {  font-family: Comic Sans MS; text-decoration: none; color: #304157; font-size: 13pt;  font-weight: bold }
a.menu3:visited  { font-family: Comic Sans MS; text-decoration: none; color: #304157; font-size: 13pt;  font-weight: bold}
a.menu3:hover { font-family: Comic Sans MS; text-decoration: none; color: #ab1e18; font-size: 13pt;  font-weight: bold }

a.homebox:link {  font-family: Comic Sans MS; text-decoration: underline; color: #cc0000; font-size: 22pt;}
a.homebox:visited  { font-family: Comic Sans MS; text-decoration: underline; color: #cc0000; font-size: 22pt; }
a.homebox:hover { font-family: Comic Sans MS; text-decoration: underline; color: #cc0000; font-size: 22pt;}

a.cart:link {  font-family: Comic Sans MS; text-decoration: underline; color: #ffffff; font-size: 8pt;}
a.cart:visited  { font-family: Comic Sans MS; text-decoration: underline; color: #ffffff; font-size: 8pt; }
a.cart:hover { font-family: Comic Sans MS; text-decoration: underline; color: #E5958D; font-size: 8pt;}


span.gcProductNameText { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: bold }
span.gcPurchasedForText { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }
span.gcPurchasedFromText { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }
span.gcNumber { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }
span.gcAmount { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }
span.gcOriginalAmount { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }
span.gcBalance { font-family: Comic Sans MS; text-decoration: none; color: #000000; font-size: 10pt;  font-weight: normal }

/* CSS Based Nav */
#nav{list-style: none;} 

#nav ul { 
     padding: 0;
     margin:0;
     list-style: none;
     z-index:99;
     position:relative;
     overflow:visible; 
} 

	/*#products{ 
		background: url(/images/products.jpg) #fff bottom left no-repeat;
	}*/
		#products ul {
			width:11em;
		}		
		#products ul li {
			width:11.3em;
		}

	/*#services{ 
		background: url(/images/services.jpg) #fff bottom left repeat-x;
	}*/
		#services ul {
			width:5em;
		}			
		#services ul li {
			width:10em;
		}

	#about{ 
		background: url(/images/aboutus.jpg) #fff bottom left repeat-x;
		padding: 0.4em;
	}
		#about a {
			height:2em;
			width:5.9em;
		}	

	#contact{ 
		background: url(/images/contact.jpg) #fff bottom left repeat-x;
		padding: 0.4em;
	}
		#contact a {
			height:2em;
			width:6em;
		}	

	#brochure{ 
		background: url(/images/brohure.jpg) #fff bottom left repeat-x;
		padding: 0.4em;
	}
		#brochure a {
			height:2em;
			width:7em;
		}	

	#links{ 
		background: url(/images/links.jpg) #fff bottom left repeat-x;
		padding: 0.4em;
	}
		#links a {
			height:2em;
			width:3.8em;
		}	

#nav li { 
     margin:0; 
     position: relative; 
     float:left; 
     background-color:#fff;
     border:solid 0px #999999; 
     display:block;
     height:auto;
} 


#nav ul li{ 
	border-width:1px 1px 0 0;
	background-color:#EAD271;
	border-bottom:0px;
} 

#nav ul ul li{ 
	border-width:1px 1px 0 1px;
	background-color:#EAD271;    
} 

#nav ul ul li:last-child{border-bottom:1px solid #999999;} 

#nav li a { 
     text-decoration:none; 
     display:block;
} 

#nav li li a {
     margin:0.2em 0 0.2em 0.3em; 
}

#nav ul li a {
	font-family:Verdana;
	font-size:small;
	font-weight:bold;
	color: #304157;
    height:auto;
    width:auto; 
}

#nav ul li:hover, #nav ul li a:hover{ 
     background-color:#FAF1D3; 
} 

#nav ul{ 
     display:none; 
} 

/*all see this */
#nav ul ul{ 
     display:none; 
     position:absolute; 
     margin-top:-1.8em; 
     margin-left:8em; 
} 

/* non-IE browsers see this */ 
#nav ul li>ul, #nav ul ul li>ul{ 
     margin-top:-1.4em; 
} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ 
     display:none; 
} 

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ 
     display:block; 
} 

#topProda { 
	background: url(/images/products.jpg) #fff left no-repeat;
	height:2.8em;
	width:11.1em;
	margin:0
}

#topServicea {
	background: url(/images/services.jpg) #fff left repeat-x;
	height:2.8em;
	width:5.3em;
}
	
li ul { 
     top: auto; 
     left: auto; 
} 


/* --------------TOPNAV------------------------------------------------------------- */

.clear {
clear: both
}


.suckertreemenu {
background-color: #000;
height: 0px;
padding-left: 0px;
float: left;

}

.suckertreemenu img {
border: none;
}


.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
color: #FFF;
text-decoration: none;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0em;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: -.4em 0px 0px 15px;
display: block;
overflow: visible;
text-align: left;
width: 150px; /*width of sub menu levels*/
color: #2b344d;
text-decoration: none;
padding: 4px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
background-color: #EAD271;
font: bold 10pt arial;
}


.suckertreemenu ul li ul li a:visited {
color: #2b344d;
text-decoration: none;
}


.suckertreemenu ul li a:hover {
color: #fff;
}

.suckertreemenu ul li ul li a:hover{
background-color: #7888a1;
text-decoration:underline;
color: #fff;

}



* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#topnav .headerright{
height: 45px;
width: 260px;
float: right

}

#topnav{
background: url(/images/headerbottombg.gif) repeat-x top left;
height: 45px;
float: left
}

table.buildboat td {
	font-size:x-small;
}

</style>


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }
