/********* Style sheet for Fiberglass Hawaii *******************/

/********* created by monica white *****************************/

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	color: #333;
	background-color: #fff;
	}
	
a:link {
	color: #07bae3;
	background-color: #fff;
	text-decoration: underline;
	}

a:visited {
	color: #309;
	background-color: #fff;
	text-decoration: underline;
	}

a:hover, a:active {
	color: #06f;
	background-color: #efefef;
	text-decoration: underline;
	}
	

/* layout structure */

#wrap {
	min-width: 800px;
	max-width: 1100px;
	margin: 0;
	padding: 0;
	}
	
#header  {
	background: #fff url(../images/fgh_logo.jpg) no-repeat right top;  	
	width: 98%; 
	height: 71px; 	
	}
	
/********** site navigation *******************/

a.skip {font-size: 8pt; color: #fff; background-color: #fff;}

a:link.skip, a:visited.skip {
	color: #fff;
	background-color: #fff;
	text-decoration: none;
	}

a:hover.skip, a:active.skip {
	color: #fff;
	background-color: #fff;
	text-decoration: underline;
	}

ul#navlist {						 /* meta navigation bar */
	padding-left: 0;
	white-space: nowrap;
	}
	
#navcontainer ul {                    
	padding: 0;
	margin: 0;
	color: #000;
	background-color: #d8d9da;
	font-weight: normal;
	float: left;
	width: 100%;
	font-size: 95%;
	letter-spacing: 1px;
	border-bottom: 2px solid #fff;
	}
	
#navcontainer ul li { 
	display: inline; 
	}

#navcontainer ul li a {
	padding: 0.175em 2em;
	background-color: #d8d9da;
	color: #000;
	text-decoration: none;
	float: left;
	border-right: 2px solid #fff;
	}

#navcontainer ul li a:hover, #navcontainer ul li a.current {
	background-color: #07bae3;
	color: #fff;
	}
	
/********** start of horizontal drop down menu **************/
	
#menuh-container { 
	background: #07bae3;
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 90px; 
	left: 0; 
	width: 1100px; 
	height: 12px; 
	clear: both;
	border-top: 2px solid #fff;
	z-index: 30; 
	}

#menuh {
	font-size: 95%;
	font-weight: normal;
	width: 100%;
	float: left;
	margin: 0 0 2em 0;
	color: #000;
	background-color: #07bae3;
	}
		
#menuh a {
	text-align: left;
	display: block;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
	margin: 0;
	padding: 0.175em .5em;
	}
	
#menuh a.parent, #menuh a.current { 
	border-bottom: 0;
	}
	
#menuh a.current1 {
	border-bottom: 1px solid #fff;
	} 
	
#menuh a, #menuh a:visited {	/* menu at rest */ 
	color: #000;
	background: transparent url(../images/0cf.png);/* 80% transparent bi on dropdown, changed from #07bae3 */	
	text-decoration: none;
	}
	
#menuh a:hover, #menuh a.current, #menuh a.current1 {	/* menu at mouse-over  */
	color: #fff;
	background-color: transparent;
	}	

#menuh ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 12em;	/* width of all menu boxes */
	}

#menuh li {
	position: relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul {
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	padding: 1em;
	margin: -1em 0 0 -1em;
	}

#menuh ul ul ul {
	top: 0;
	left: 100%;
	}

div#menuh li:hover {
	cursor: pointer;
	z-index: 100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display: none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display: block;}

/* End css drop-down menu */

#navsite {
	 font-weight: normal;
	 width: 14em; 
	 border-right: 1px solid #fff; 
	 padding: 0;
	 margin: 0em 0em 2em 0em; 
	 margin-bottom: 1em; 
	 background-color: #fff; 
	 color: #000; 
	 }
	 
#navsite ul {
	 list-style: none; 
	 margin: 0; 
	 padding: 0; 
	 }
	 
#navsite ul li {
	 margin: 0; 
	 border-top: 3px solid #fff;
	 }
	 
#navsite ul li a {
	 display: block; 
	 padding: 0 0 0 1em; 
	 border-left: 1px solid #fff;
	 background-color: #07bae3; 
	 color: #000; 
	 text-decoration: none; 
	 width: 100%; 
	 }
	 
html>body #navsite ul li a { 
 	width: auto; 
	}
	
#navsite ul li a:hover,  #navsite ul li a.current {
	 border-left: 1px solid #fff; 
	 background-color: #184899; 
	 color: #fff; 
	 }

#navsite ul li a.active {
	 background-color: #fff; 
	 color: #184899;
	 border: 0;
	 padding-top: 0;
	 margin-top: 0;
	 font-size: 125%; 
	 }

#banner {
	clear: left;
	width: 100%;	
	padding: 0 0 5px 0;
	border-bottom: 1px solid silver;
	}
	
#content {
	margin: 0 0 2em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	letter-spacing: 1px;	
	}
		
#left {
	float: left;
	border-right: 1px solid silver;
	width: 40%;
	padding-top: 1.1em;
	min-width: 432px; 
	}
				
#middle {
	float: left;
	width: 22%;
	padding: 1.2em;
	min-width: 210px; 
	}
	
#middle h3 {
	color: #184899;
	background-color: #fff;
	margin-bottom: 10px;
	margin-top: -6px;
	font-size: 115%;
	font-weight: bold;				
	}	

	
#middle span {
	font-weight: bold;
	color: #07bae3;
	background-color: #fff;
	}
	
#middle p {
	line-height: 1.2em;
	color: #333;
	}
	
#middle p.range {
	margin-top: -5px;
	line-height: 1.75em;
	}
			
#right {
	float: left;
	border-left: 1px solid silver;
	padding-left: 1em;
	padding-top: 1em;
	}
	
#right h3 {
	font-size: 125%;
	color: #184899;
	background-color: #fff;
	}
	
#right h3.turquoise {
	font-size: 150%;
	padding-top: 5px;
	margin-bottom: -10px;
	color: #07bae3;
	background-color: #fff;
	}
					
		
#footer {							/* footer */
	clear: both;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d8d9da;
	margin-top: 20px; 
	}
	
#footer p {
	font-size: 80%;
	color: #333;
	background-color: #fff;
	line-height: 2em;
	}
	
#footer a:link, #footer a:visited {
	color: #333;
	background-color: #fff;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active {
	color: #283788;
	background-color: #fff;
	text-decoration: none;
	}
				
/*  IE fixes */

#content {
	height: 1%;
	}

/* Hides from IE/Mac \*/

* html { 
	height: 1%; 
	}

#footer {
	height: 1%;
	}
/* End hide from IE/Mac */
	
.turquoise {
	color: #07bae3;
	background-color: #fff;
	font-weight: bold;
	}
	
.blue {
	color: #184899;
	background-color: #fff;
	font-weight: normal;
	}
	
.white {
	color: #fff;
	background-color: #07bae3;
	}
	
.indent-left {
	margin-left: 3em;
	}
	
abbr, acronym, dfn {
	font-style: normal;
	text-decoration: none;
	}

img.blanks15 {
	width: 165px;
	height: 148px;
	border: 0;
	margin-bottom: 15px;
	}
	
img.blanks11 {
	float: left; 
	width: 140px; 
	height: 336px; 
	border: 0;
	}
	
img.blank {
	float: left;
	width: 296px;
	height: 434px;
	border: 0;
	}
	
img.banner {
	clear: left; 
	margin-top: 30px; 
	width: 296px; 
	height: 45px; 
	margin-left: 160px;
	}	

img.catalog {
	height: 134px;
	width: 126px;
	border: 0;
	float: left;
	}
			
img.acrobat {
	height: 33px;
	width: 112px;
	border: 0;
	margin-top: 10px;
	}
		
img.pdf {
	height: 17px;
	width: 17px;
	border: 0;
	}
		
img.blanks {
	height: 29px;
	width: 126px; 
	border: 0;
	}
	
img.sys3 {
	height: 45px;
	width: 165px; 
	border: 0;
	}
		
img.download {
	height: 42px;
	width: 126px;
	border: 0;
	}
	
img.bullet {
	clear: left;
	height: 41px;
	width: 39px;
	border: 0;
	float: left;
	}
		
img.shaper {
	height: 81px;
	width: 200px;
	border: 1px solid silver;
	margin-bottom: 8px;
	}

img.colorant {
	height: 210px;
	width: 210px;
	border: 0;
	}	
ul.none {
	list-style-type: none;
	}
	
ul.square {
	list-style-type: square;
	}
	

/* ---tables for product pages--- */
/* table Products 5 column */	
table.fabrics {
	border-collapse: collapse;
	width: 440px;
	border: 0;
	text-align: right;
	padding: 0.5em 0.5em;
	}
	
table.fabrics thead th {
	color: #fff;
	background-color: #184899;

	font-weight: normal;
	}
	
table.fabrics th, table.fabrics td {
	vertical-align: top;
	}
	
table.fabrics tr.odd {
	color: #000;
	background-color: #fff;
	text-align: right;
	}
	
table.fabrics tr.even {
	color: #000;
	background-color: #ddd;
	}
	
table.fabrics #hdr1 {
	width: 27%;
	}
	
table.fabrics #hdr2 {
	width: 20%;
	}
	
table.fabrics #hdr3 {
	width: 15%;
	}
	
table.fabrics #hdr4 {
	width: 12%;
	}
	
table.fabrics #hdr5 {
	width: 13%;
	}
	
	
/* table for Products 4 column*/
	
table.prod4 {
	border-collapse: collapse;
	width: 440px;
	border: 0;
	text-align: left;
	padding: 0.5em 0.5em;
	}
	
table.prod4 thead th {
	color: #fff;
	background-color: #184899;
	font-weight: normal;
	}
	
table.prod4 th, table.prod4 td {
	vertical-align: top;
	}
	
table.prod4 tr.odd {
	color: #000;
	background-color: #fff;
	text-align: left;
	}
	
table.prod4 tr.even {
	color: #000;
	background-color: #ddd;
	}
	
table.prod4 #hdr1 {
	width: 110px;
	}
	
table.prod4 #hdr2 {
	width: 200px;
	}
	
table.prod4 #hdr3 {
	width: 50px;
	}
	
table.prod4 #hdr4 {
	width: 60px;
	}
	
	/* table for narrow Products 4 column*/
	
table.prod4n {
	border-collapse: collapse;
	width: 255px;
	border: 0;
	text-align: left;
	padding: 0.5em 0.5em;
	}
	
table.prod4n thead th {
	color: #fff;
	background-color: #184899;
	font-weight: normal;
	}
	
table.prod4n th, table.prod4 td {
	vertical-align: top;
	}
	
table.prod4n tr.odd {
	color: #000;
	background-color: #fff;
	text-align: left;
	}
	
table.prod4n tr.even {
	color: #000;
	background-color: #ddd;
	}
	
table.prod4n #hdr1 {
	width: 95px;
	}
	
table.prod4n #hdr2 {
	width: 90px;
	}
	
table.prod4n #hdr3 {
	width: 25px;
	}
	
table.prod4n #hdr4 {
	width: 45px;
	}
	
/* table for Products 3 column*/
	
table.prod3 {
	border-collapse: collapse;
	width: 400px;
	border: 0;
	text-align: left;
	padding: 0.5em 0.5em;
	}
	
table.prod3 thead th {
	color: #fff;
	background-color: #184899;
	font-weight: normal;
	}
	
table.prod3 th, table.prod4 td {
	vertical-align: top;
	}
	
table.prod3 tr.odd {
	color: #000;
	background-color: #fff;
	text-align: left;
	}
	
table.prod3 tr.even {
	color: #000;
	background-color: #ddd;
	}
	
table.prod3 #hdr1 {
	width: 135px;
	}
	
table.prod3 #hdr2 {
	width: 215px;
	}
	
table.prod3 #hdr3 {
	width: 50px;
	}

	/******** table styles for thumbnails of blanks  *********/
			
#left tbody tr:hover td, #left tbody tr:hover th {
	color: #000;
	}
	
#left table#thumbnails {
	position:relative;
	margin: 0;
	padding:0;
	border-collapse:collapse;
	}
	
#left table#thumbnails td {
	margin:0;
	padding:0;
	border:0;
	height: 105px;
	width: 73px;
	
	}
#left table#thumbnails td a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	}
		
img.thumbnails {
	height: 100px;
	width: 68px;
	border: 0;
	}
				
/************** end of table style *****************/	
	
.left {
	clear: left;
	}
	
.right {
	clear: right;
	}
	
.both {
	clear: both;
	}
	
.center {
	text-align: center;
	}	
	
.caption { 
	font-size: 85%;
    text-align: left;
    margin-top: -8px; 
    }

/***************** end Fiberglass Hawaii style sheet ******************/