body {
	behavior: url(csshover3.htc);
	background-color: #FFFFFF;
	background-image: url(images/bg_main.jpg);
	background-repeat: repeat-x;
	left: 10px;
	top: 0px;
	right: 10px;
	bottom: 0px;
	clip:       rect(0px auto 0px auto);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 100%;
	padding-bottom: 100px;
	width: 100%;
	overflow: visible;

	



}

#page1 {
	overflow: visible;
	width: 100%;
	height: auto;
	background-image: url(images/back_tile.jpg);
	background-repeat: repeat-x;





}

#body_wrapper{
	height: 100%;
	overflow: visible;
	width: 1024px;









}


#box {
	width: 926px;
	height: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -1px;


} 
#container {
	padding-left: 0px;
	padding-right: 0px;
	overflow: visible;
	text-align: center;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/boat_silhouette2.gif);
	background-repeat: no-repeat;
	width: 100%;
	background-position: bottom;
	position: relative;
















}
#header {
	outline: 0;
	width: 1024px;
	margin: 0 auto;
	background-image: url(images/top_bkgd.jpg);
	background-repeat: no-repeat;
	height: 280px;
	background-color: #121c38;
	overflow: hidden;




}

#logonav {
	outline: 0;
	width: 1024px;
	margin: 0 auto;
	overflow: hidden;
	height: 280px;


	


}

#left_column {
	float: left;
	height: 275px;
	background-image: url(images/gioia_logo.png);
	background-repeat: no-repeat;
	width: 264px;
	padding-bottom: 0px;
	padding-left: 0px;












}
#right_column {
	float: left;
	height: 241px;
	width: 760px;










}
#bannerbox {
	width: 926px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(images/taf_Banner.jpg);
	background-repeat: no-repeat;
	height: 206px;
	background-color: #000000;
}
#navmenu {
	margin: 0;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C4D3E7;
	height: 35px;
	background-image: url(images/nav_divider.gif);
	background-repeat: repeat-x;




}
#navmenu ul {
    margin:0;
	padding:0;
	line-height:25px;
}
#navmenu li {
    margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}
#navmenu ul li a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:25px;
	display:block;
	color:#C4D3E7;
	padding-right: 15px;
	padding-left: 15px;




}
#navmenu ul ul {
	position:absolute;
	visibility:hidden;
	top:25px;
	width: 175px;





}
#navmenu ul li:hover ul{
	visibility:visible;
	border:1px solid #475E80;
	background-color:#728DAC;
	background-image:url(images/submenu_bkgd.png);
	background-repeat: repeat;


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

#navmenu li:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-color:#fff;
	font-size: 14px;

}
#navmenu ul li:hover ul li a:hover{
	background:#DCE6F5;
	color:#0A1821;
	font-size: 14px;
	width: 145px;



}
#navmenu a:hover {
    color:#fff;
}

/****************************************************************/

#hardwarelist_navmenu {
	float: left;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1px;
	color: #202F56;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 197px;
	
}
#hardwarelist_navmenu ul {
    margin:0;
	padding:0;
	line-height:25px;
}
#hardwarelist_navmenu li {
    margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
}
#hardwarelist_navmenu ul li a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:25px;
	width:197px;
	display:block;
	color:#202F56;
	padding-right: 5px;


}
#hardwarelist_navmenu ul ul {
	position:absolute;
	visibility:hidden;
	top:25px;

}

/****************************************************************/

#hardwarelist_navmenu li:hover {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-color:#fff;
	font-size: 14px;

}
#hardwarelist_navmenu ul li:hover ul li a:hover{
	background:#DCE6F5;
	color:#0A1821;
	font-size: 14px;

}
#hardwarelist_navmenu a:hover {
    color:#C4D3E7;
}




/****************************************************************/

#bubble {
	width: 286px;
	height: 108px;
	float: right;
	bottom: 1px;
	position: relative;
	top: 66px;
	padding: 20px 5px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	background-image: url(images/bubble_hide.gif);
	background-repeat: no-repeat;
	right: 60px;
	line-height: 1.5em;
	left: -5px;










	-moz-border-radius: 5px 5px 5px 5px;
    border-radius: 15px;
	margin-top: 15px;
	margin-right: 90px;


}


#body_wrapper {
	width: 1024px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height:700px;



}

#body_container {
	min-height:700px;
	width: 973px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 100%;


}
/********************************start prodgallery***************************************************************/
#prodgallery {
	float: left;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1px;
	color: #202F56;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 3px;
	width: 215px;
	padding-top: 10px;








}

#prodgallery ul {
    margin:0;
	padding:0;
	line-height:25px;
	float:left;
}
#prodgallery li {
    margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	text-decoration:none;
}
#prodgallery ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:25px;
	width:147px;
	display:inline;
	color:#202F56;
	padding-right: 5px;

}

#prodgallery a:hover {
	color:#5C6B92;
	

}

/*******************************************end prodgallery*****************************************************/


#body_left_side_content {
	float: left;
	margin-left: 50px;
	color: #202F56;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 197px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1px;
	text-decoration: none;


}

#body_left_side_content ul {
    margin:0;
	padding:0;
	line-height:25px;
	float:left;
}
#body_left_side_content li {
    margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	text-decoration:none;
}
#body_left_side_content ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:25px;
	width:147px;
	display:inline;
	color:#202F56;
	padding-right: 5px;

}

#body_left_side_content a:hover {
	color:#5C6B92;
	font-style: italic;
	

}



#center_text_column {
	float: left;
	margin-left: 0px;
	width: 493px;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #484848;
	text-align: left;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 12px;
	padding-bottom: 75px;





}
#body_left_column {
	min-height:700px;
	float: left;
	width: 330px;
	color: #000000;



	
}


p img {
	float:left;
	padding: 0px 9px 0px 0px;
	margin-top: 9;
	margin-bottom: 0;
	margin-left: 0;



	
}

#body_left_column h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 2em;
	color: #202F56;
	text-decoration: underline;
	display: inline;

	
}

#body_left_column h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1px;
	color: #202F56;



}

#body_left_column p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 2em;
	font-weight: normal;
	color: #202F56;



}

#myHeader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	line-height: 1.25em;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;



}
#myHeader2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;


}
#myHeader2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5C6B92;
	text-decoration: none;

}

#myHeaderPlus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	display: block;
	line-height: 1.25em;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/plus_symbol.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 110px;



}
#myHeaderPlus a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}
#myHeaderPlus a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5C6B92;
	text-decoration: none;

}

#myHeaderPlus2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	display: block;
	line-height: 1.25em;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/plus_symbol.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 139px;

}

#myHeaderPlus2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #202F56;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}
#myHeaderPlus2 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #5C6B92;
	text-decoration: none;

}



#newboxes2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	line-height: 1.25em;
	padding-bottom: 10px;
	padding-top: 10px;
	font-style: normal;
	display: block;


}

#body_right_column {
	float: right;
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	padding: 3px;
	margin-right: 50px;




}

#body_right_column a:link {
	color: #0099CC;
	text-align: left;
	padding: 3px;
	margin-right: 3px;



}

#body_right_column h2 {
	color: #202F56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1px;



}

#body_right_column h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #202F56;


}

#body_right_column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202F56;
	

}


#body_right_gallery_column {
	float: right;
	width: 531px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 3px 3px 0px;





}

#body_right_gallery_column a:link {
	color: #0099CC;
	text-align: left;
	padding: 3px;
	margin-right: 3px;



}

#body_right_gallery_column h2 {
	color: #202F56;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1px;
	margin: 0px;




}

#body_right_gallery_column h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #202F56;


}

#body_right_gallery_column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202F56;
	

}





#right_content_top {
	margin-bottom: 10px;
	float: left;



}

#contacticon {
	float: left;
	width: 171px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;



}
#co_icons_left {
	float: left;
	width: 171px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;

}

#right_content_mid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #202F56;
	text-align: left;
	width: 475px;
	float: left;
	padding-bottom: 10px;
	
}	
#right_content_mid p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #202F56;
	text-align: left;
	width: 475px;
	float: left;
	padding-bottom: 10px;
	

}

#right_content_mid ul {
    margin:0;
	padding:0;
	line-height:25px;
	float:left;
	color:#202F56;
}
#right_content_mid li {
    margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	text-decoration:none;
	color:#202F56;
}
#right_content_mid ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	height:25px;
	width:147px;
	display:inline;
	color:#202F56;
	padding-right: 5px;

}

#right_content_mid a:hover {
	color:#202F56;
	font-style: normal;
	

}



#right_content_bottom_header {
	padding-bottom: 10px;
	padding-top: 5px;


}


#right_content_bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #202F56;


}

#right_content_cleaning_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #202F56;
	float: left;
	text-align: left;
	width: 100px;




}


#c_form {
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #202F56;
	float: left;
	width: 425px;
	padding: 10px 0px 10px 30px;
	background-color: #EAECEE;
















}

.clearfooter {
	clear: both;

}	

#footer {
	width: 100%;
	overflow: auto;
	background-color: #DEDEDE;
	text-align: center;
	margin: 0 auto;
	float: left;
	position: relative;
	height: 200px;
	padding-top: 30px;
	background-image: url(images/footer_fill.gif);
	background-repeat: repeat;





}

#adminlogin {
	text-align: center;
	padding-top: 25px;








}
.indent {
	padding-top: 0px;




}
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #949494;
	line-height: 1.4em;




}
.neutral_left_container {
	float: left;
	width: 150px;
	text-align: left;
	padding: 0px 20px 50px 0px;
	height: 100%;



}
.thumbbox {
	width: 150px;
	height: auto;
	padding-bottom: 10px;





}
.thumbscontainer {
	float: left;
	width: 150px;
	text-align: left;
	padding: 20px 20px 50px 5px;
	height: 100%;



}
.maincopy {
	font-family: Arial, Helvetica, sans-serif;
}


.maincopy a:link {
	color: #990000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;

}
.maincopy a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #990000;
	line-height: normal;

}


#form_center_text_column {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #484848;
	text-align: left;
	width: 463px;
	padding: 0px 0px 20px;
	height: auto;





}

#form_center_right_column {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #484848;
	text-align: left;
	width: 300px;
	background-color: #71858F;
	height: 100%;
	padding-bottom: 75px;












}

#co_directory {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
	text-align: left;
	width: 265px;
	height: 100%;
	padding: 30px 5px 5px 30px;




}	
.bizdirectorystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
a:link { color: #B8F1FE; text-decoration: underline }

a:visited { color: #B8F1FE; text-decoration: underline }

a:active { color: #B8F1FE; text-decoration: underline }

a:hover { color: #3E5561; text-decoration: underline}
.fillbox {
	height: 100px;
}
.gallerypics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 5px;
	float: left;
	font-style: italic;


}
#lightbox{	position: absolute;  left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; top: 25; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lbx/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lbx/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #121C38; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100px; height: 500px; background-color: #202942; }
.productlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.123em;
	line-height: 2em;
	color: #202F56;
	float: left;
	display: inline;





}
.productlistsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.123em;
	color: #202F56;
	line-height: 2em;
	display: inline;
	float: left;
	width: 116px;






}