.floatl{float:left;}
.floatr{float:right;}
.widthr{width:459px;}
.widthl{width:259px;}
.width230{width:230px;}
.bumpright{position:relative;left:17px} /* mac ie5.x doesn't like position relative */


.floatl{float:left;}
.floatr{float:right;}
.widthr{width:459px;}
.widthl{width:259px;}


A:link {font-size:12;color:#990000;text-decoration: none;}
A:visited {font-size:12;color:#990000;text-decoration: none;}
A:active {font-size:12;color: #003366;text-decoration: none;}
A:hover {font-size:12; color: red;text-decoration: none;}


.piclarge { 
    border-style:solid;
	
    border-top-color:#CCCCCC;
    border-bottom-color:#CCCCCC;
    border-left-color:#999999;
    border-right-color:#999999;
	
    border-width:4px;
    border-top-width:4px;
    border-left-width:4px;
}





table.test
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;

color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 0px;
}

table.test2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 3px;
}

table.shop2table
{
margin-top: 3px;
}

table.test th {

	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 1px 2px 0px;
	}

table.main {	background-color:#FFFFFF;}

table.test1
{
	border-width: 10px 1px 10px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color:#000066 #000066 ;
	border-collapse: separate;
	background-color: white;
	}

#pic1_container {
	display: inline; /* to fix IE  float margin bug */
	position: absolute;
	border:none;
}

bgcolor {background-color:#3fbdf7;}


#picture1_textoverlay {
position:relative;
 top:-12px; 
 left:-30px; 
 width:-40px;
 height:25px;}
  
#comment1_overlay {
	position:relative;
	top: -22px;
	left: -100px;
	background-color:none;
	border:none;
	padding: 0px;	
}  
  
  
#comment2_overlay {
	position:relative;
	top: 50px;
	left: -100px;
	background-color:none;
	border:none;
	padding: 3px;	
}


#reminder_overlay {
	position:relative;
	top: -16px;
	left: -70px;
	background-color:none;
	border:none;
	padding: 3px;	
}

#picture1_overlay img {
	display: block;
}



#picture2_textoverlay {
position:relative;
 top:0px; 
 left:-90px; 
 width:80px;
  height:25px;}
 
#pic_container {
	display: inline; /* to fix IE  float margin bug */
	position: absolute;
	border:none;
} 
  
#bottom_wavey_overlay {
	position:relative;
	top: -31px;
	left: -3px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#open_one_of_these_forms {
	position:relative;
	top: -10px;
	left: -350px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#boat_overlay {
	position:relative;
	top: 24px;
	left: 774px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#brochure_overlay {
	position:relative;
	top: 160px;
	left: 778px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#top-gategory-select {
	position:relative;
	top: -5px;
	left: 12px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#top-gategory {
	position:relative;
	top: 2px;
	left: -4px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

.onimage 
{
position: relative; 
top: 1em; 
right: 2em; 
width: 120px; 
padding: 4px; 
background-color: #fff; 
font-weight: bold; 
font-size: 11px;
}

p.one
{
position:fixed;
left:500px;
top:5px;
}
p.two
{
position:fixed;
top:30px;
right:5px;
}


.infobox {
	position:relative;
    border:1px solid #000; 
    background-color:#CCC;
    width:73px;
    padding:5px;
    }
.infobox img {
	position:relative;
	z-index:2;
    }
.infobox .more {
	display:none;
    }
.infobox:hover .more {
	display:block;
    position:absolute;
    z-index:1;
    left:-1px;
    top:-1px;
    width:73px;
    padding:78px 5px 5px;
    border:1px solid #900;
    background-color:#FFEFEF;
    }
	

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}



td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000099;
	text-align: left;
}

/* used to style the headings for teh categories */
.headers{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
 	color: #660000;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	line-height:18px;
}



/* used to style inside tables within the main page */
#main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
 	color: #660000;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	line-height:18px;
}


/* displays a 3px line around areas */
#maincontainer {
	border: 2px solid #000033;
}

/* displays a 1px dashed line around areas */
#maincontainer2 {
	border-width: 4px 4px 4px 4px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC #000033 #000033 #CCCCCC;
	border-collapse: separate;
}

/* displays a 3px line around areas */
#maincontainer3 {
	border: 1px solid #000033;
}

input.search {
	color:#99FFCC;
	background: #fee3ad;
	border:8px #000033 solid groove;
	border-width:thick;
	border-spacing:2px;
	}

input {
	color: #781351;
	background:#FFFFCC;
	border: 1px solid #000000;
	}

.submit input

{
	color: #000;
	background: #ffa20f;
	border: 2px outset #d7b9c9
} 



hr {
	color:#000066;
	background-color:#003366;
	height:1px;
	width: 98%;
	border: 0;
	line-height:60px;
}



.line { 
margin-bottom:1em; 
border-bottom:5px solid #000; 
} 



li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
 	color: #000000;
}




/* h1 dark blue big font */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height:auto;
	font-weight: bold;
	color: #000099;
	text-decoration:none;
	text-align:center;
}

/* h2 light blue big font */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000099;
	display:inline;
}


/* h3 black bigger font */





h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
 	color:#000000;
	font-weight: lighter;
	text-align:left;
	font-style: normal;
	text-decoration: none;
}


/* product headings */
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
 	color:#000000;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	text-align:center;
	padding-top:1px;
	padding-left:4px;
	padding-right:-4px;
	display: inline;	
}

/* h5 related products header */
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	text-decoration:underline;
	height:14px;
	line-height:14px;
	display: inline;


}

/* h6 text like name address . also third product description and shop1 page*/
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	display: inline;
}




/* h6 tab headers. like in product listings */
.tabheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
 	color:#3300CC;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	vertical-align:top;

	padding-top:4px;
	padding-left:6px;
	padding-right:6px;
}

.mediatext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color: #000000;
	text-decoration: underline;
	line-height: 12px;
	height:12px;
	text-align: right;
}

.redhottext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
 	color:#FF0000;
	text-align:center;
	display:block;
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
 	color:#FF0000;
	line-height: normal;
	text-align:center;
}

.smallprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color:#FF0000;
	line-height: normal;
	text-align:center;	
}

.ldesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color:#000099;
	line-height:normal;
	height:20px;
	text-align:center;
}

.size {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
 	color:#000099;
	line-height: normal;
	height:20px;
	text-align:center;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
 	color:#000099;
	line-height: normal;
	text-align:center;
	line-height: normal;
}

.smalltextnoalign {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
 	color:#000099;
	line-height: normal;
	line-height: normal;
}

.whitetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
 	color:#FFFFFF;
	line-height: normal;
	text-align:center;
	line-height: normal;
}

.tog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	color:#000099;
	line-height: normal;
	height:24px;
	text-align:center;
}



/**************** menu coding *****************/
#menu {
width: 12em;
width:150px;			
background:url(../artwork/main-buttons-blue.png) top left no-repeat #ccc;
background-color:Transparent;
}


/** second link**/
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width:180px;

}

#menu a, #menu h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:left;
			color:#FFFFFF;
}

#menu h2 {
}

#menu a {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:left;
			color:#FFFFFF;
			width:180px;
			line-height: 30px;
			height:30px;
			
}

#menu a:hover {
			background-position:-180px;
			font-weight: bolder;
}

#menu li {position: relative;}

#menu ul ul ul {
display:block;
position: absolute;
top: 0;
left: 150px; 
background:url(../artwork/main-buttons-selection.png) top left no-repeat #ccc;
}

div#menu ul ul ul 
{display: none;

}

div#menu ul ul li:hover ul 
{display: block;
}



/**************** menu coding *****************/
#top-more-info-tabs {
width: 12em;
width:135px;
}


/** second link**/
#top-more-info-tabs ul {
list-style: none;
margin: 0;
padding: 0;
width:135px;
}

#top-more-info-tabs a, #top-more-info-tabs h2 {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#330099;
}


#top-more-info-tabs a {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#000000;
			width:185px;
		//	padding-left:4px;
			line-height: 30px;
			height:30px;
			background:url(../artwork/top-more-info-tabs.gif) top left no-repeat #ccc;
			background-color:Transparent;
}

#top-more-info-tabs a:hover {
			background-position:-197px;;
}

#top-more-info-tabs li {position: relative;}

#top-more-info-tabs ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#top-more-info-tabs ul ul ul 
{display: none;}

div#top-more-info-tabs ul ul li:hover ul 
{display: block;}




/**************** menu coding *****************/
#levellinks-back {
width: 12em;
width:165px;
}


/** second link**/
#levellinks-back ul {
list-style: none;
margin: 0;
padding: 0;
width:165px;
}

#levellinks-back a, #levellinks-back h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:center;
			color:#330099;
}

#levellinks-back h2 {
}

#levellinks-back a {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#000000;
			width:165px;
			line-height: 30px;
			height:30px;
			background:url(../artwork/tabmenu-back.gif) top left no-repeat #ccc;
			background-color:Transparent;
}

#levellinks-back a:hover {
			background-position:-167px;
			color:#990000;
}

#levellinks-back li {position: relative;}

#levellinks-back ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#levellinks-back ul ul ul 
{display: none;}

div#levellinks-back ul ul li:hover ul 
{display: block;}




/**************** menu coding *****************/
#levellinks {
width: 12em;
width:188px;
}


/** second link**/
#levellinks ul {
list-style: none;
margin: 0;
padding: 0;
width:188px;
}

#levellinks a, #levellinks h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:center;
			color:#330099;
}

#levellinks h2 {
}

#levellinks a {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#000000;
			width:188px;
			line-height: 30px;
			height:30px;
			background:url(../artwork/tabmenu.gif) top left no-repeat #ccc;
			background-color:Transparent;
}

#levellinks a:hover {
			background-position:-190px;
			color:#990000;
}

#levellinks li {position: relative;}

#levellinks ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#levellinks ul ul ul 
{display: none;}

div#levellinks ul ul li:hover ul 
{display: block;}



		
		
		div.scroll {
		height: 300px;
		width: 300px;
		overflow: auto;
		border: 1px solid #666;
		background-color: #ccc;
		padding: 8px;
}

		div.product_scroll {
		height: 600px;
		width: 96%;
		overflow:auto;
		border: 0px solid #666;
		padding: 2px;
		z-index:150;
}

		div.scroll2 {
		height: 580px;
		width: 760px;
		overflow: auto;
		border: 1px solid #666;
		padding: 2px;	
}

		div.productsupload {
		height: 580px;
		width: 300px;
		overflow: auto;
		border: 1px solid #666;
		padding: 2px;	
}