<!-- Direct Designs Home Style Sheet -->

<style type="text/css">


<!-- define ddhBGColor = #ffff00; -->
<!-- define ddhFontColor = #FFFFFF; -->
<!-- define ddhHoverColor = #FFCC33; -->
<!-- define ddhLinkColor = #CCCCCC; -->
 

 BODY {  color: #0f0f000; background: #ffffff; 
         font-family: "Century Gothic", Arial, Sans-serif;
         font-size: small; font-weight: 300;
         margin:0px;
	  }
 H1 {  text-align: center; font-size: x-large; font-weight: 600;}
 H2 {  text-align: center; font-size: large; font-weight: 500; font-style: italic;}
 H3 {  font-size: small; font-weight: 300; font-style: normal;}
 H4 {  font-size: x-small; font-weight: 300; font-style: italic;}

 .ddhTitleDiv {background-color: #4B5D51; text-align: center; z-index: -1} <!--- #260D26  ---!>
 
 .ddhsubtitle
    {  font-family: "Century Gothic", Arial, Sans-serif;
       font-size: large; font-weight: 500;
       margin-left: 10px;
	}
 
 .ddhxsmall
    {  font-family: "Century Gothic", Arial, Sans-serif;
       font-size: x-small; font-weight: 500;
	}

 .ddhprodtitle
    {  font-family: "Century Gothic", Arial, Sans-serif;
       font-size: small; font-weight: 500;
       text-align:center;background-color:#dcdcdc;
       height: 15px;
	}
 
 .specialnotice {font-family: Verdana, Arial, Sans-serif; 
      font-size: small; font-weight: 400; 
	  font-style: normal; 
	  text-decoration: none; 
	  color: #FFFFFF; text-decoration: none;
	  }
 
 A:link {  color: #000000;
		}
 A:hover { color: #999999; 
       	  text-decoration: none; 
          }
 A:visited { color: #555555; 
          }
 .menulink {  font-family: Verdana, Arial, Sans-serif; 
      font-size: small; font-weight: 600; 
	  font-style: normal; 
	  text-decoration: none; 
	  color: #0f0f00; text-decoration: none;
	  }
 .menulink:link  { color: #000000; }
 .menulink:hover { color: #00001e; }
 .menulink:visited { color: #000000; }
 
 table.hmenu {
    width:100%;
    align=center;
    border:1px;
    border-collapse:collapse;
 }
 .hmenupad {width=100}

 .ddhlinksm {  font-family: Verdana, Arial, Sans-serif; 
      font-size: x-small; font-weight: 300; 
	  font-style: normal; 
	  text-decoration: underline; 
	  color: #0f0f00; text-decoration: underline;
	  padding-left: 5;
	  padding-right: 5;
	  }
 .ddhlinksm:link  { color: #666666;}
 .ddhlinksm:hover { color: #FFCF33;}
 .ddhlinksm:visited  { color: #666666;}

.prodgallery{
position: absolute;
top: 115px;
right: 5px;
font-family: "Century Gothic", Arial, Sans-serif;
font-size: x-small; font-weight: 500;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.prodthumbnail
  {  z-index: 50; /*layer on top */
  }

.prodthumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.prodthumbnail:hover{
background-color: transparent;
}

.prodthumbnail:hover img{
border: 1px solid gray;
}

.prodthumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgray;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.prodthumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
width: 480px;
padding: 2px;
}

.prodthumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -500px; /*position where enlarged image should offset horizontally */
}

.prodmenuspace {
position: absolute;
top: 115px;
left: 0px;
z-index: 60; /*layer above thumbnails */
}

.proddetail {
position: relative;
top: 0px;
left: 120px;
z-index: -1;
}

.prodname
    {  font-family: "Century Gothic", Arial, Sans-serif;
       font-size: large; font-weight: 500;
       margin-left: 5px;
       text-align: left;
	}

.prodsummary
    {  font-family: "Century Gothic", Arial, Sans-serif;
       font-size: small; font-weight: 500;
       margin-left: 40px;
       color: #0f0f000; 
	}
  
.prodimgcell
 { 
       border-bottom:solid; border-right:solid; border-left:none; border-top:none;
       padding-right: 4px; padding-bottom: 1px; padding-top:0; padding-left:0;
       border-color:#888888; border-width: thin;
       text-align:left;
}
 
</style>