/* CSS Document */
body{
background-image:url(images/stripes.gif);
}

table.table1{
background-color:#ffffff; 
border-right:3px solid #72A64D; 
border-bottom:3px solid #72A64D; 
background-image:url(images/bgline.gif); 
background-repeat: repeat-y;
}
a.menu:link{
font-family: arial;
font-size: 12px;
color:#5d4d40;
letter-spacing:2px;
text-decoration:none;
font-weight:700;
height:20px;
padding-left: 15px;
background-image:url(images/bullet2.gif);
background-position:left center;
background-repeat: no-repeat;
}

a.menu:visited{
font-family: arial;
font-size: 12px;
color:#5d4d40;
letter-spacing:2px;
text-decoration:none;
font-weight:700;
padding-left: 15px;
height:20px;
background-image:url(images/bullet2.gif);
background-position:left center;
background-repeat: no-repeat;
}

a.menu:active{
font-family: arial;
font-size: 12px;
color:#5d4d40;
letter-spacing:2px;
text-decoration:none;
font-weight:700;
padding-left: 15px;
height:20px;
background-image:url(images/bullet2.gif);
background-position:left center;
background-repeat: no-repeat;
}

a.menu:hover{
font-family: arial;
font-size: 12px;
color:#5d4d40;
letter-spacing:2px;
text-decoration:none;
font-weight:700;
padding-left: 15px;
height:20px;
background-image:url(images/bullet.gif);
background-position:left center;
background-repeat: no-repeat;
}

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px ;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        background-color: #fff;     /* the default background color within the main menu container */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
                                    /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
        
	}
    #dmenu li{                      /* top-level menu element */
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */
        border: black solid 0px;    /* border for each of the main menu items */
        background-color: #fff;     /* main menu item background color */
        color: #000;                /* main menu item font color (not links) */
        margin:0px 18px 0px 0px;         /* spacing between main menu items */
        padding: 0px;               /* padding within main menu items */
        width:110px;                /* the width of each main menu item */
        display: block;
		
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px 0px 0px 0px;                /* space around the list container */
        padding:0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width:127px;                            /* should be the same as #dmenu li width */
        background-color: #BBB1A7;     /* sub-menu default background color */
        border: #BBB1A7 solid 2px;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #BBB1A7;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        width: 127px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
        font-family: arial;
        font-size: 12px;
        color:#5d4d40;
        text-decoration:none;
		display:block;
	}

    #dmenu li a{                    /* top-level menu element links */
        text-align: left;           /* text alignment in main menu item links */
                                    /* set this to #dmenu ul width */
        display: block;
        
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
        width: 127px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		text-decoration:none;
		color:#ffffff;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        background-color: #fff;
        
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 123px;               /* should be set to the same value as #dmenu ul li width */
        color: #5d4d40;
        background-color: #BBB1A7;
	
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 114px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
	
	
p.heading{
font-family: arial;
font-size: 20px;
font-weight: 700;
color: #5d4d40;
text-align: right;
padding-right: 25px;
padding-bottom:7px;
letter-spacing:1.5px;
}

p.heading2{
font-family: arial;
font-size: 16px;
font-weight: 700;
color: #78a22e;
letter-spacing:1.5px;
}
p.heading3{
font-family: arial;
font-size: 14px;
font-weight: bold;
color: #78a22e;
}

font.content{
font-family: arial;
font-size: 12px;
color: #5d4d40;
padding-right: 25px;
padding-bottom:7px;

}

.handcursor{
cursor:hand;
cursor:pointer;
}

h3{
font-family:arial;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
}
.switchgroup1{
font-family:arial;
font-size:12px;
padding:0px 0px 20px 20px;
}
p.doornames{
font-family:arial;
font-size:11px;
font-weight:bold;
color:#5a5345;
}
p.pagetitle{
font-family:arial;
font-size:18px;
font-weight:bolder;
color:#699426;
letter-spacing:1px;
}
td.content{
font-family:arial;
font-size:12px;
padding:15px;
background-color:#f5f2f1;
color: #5d4d40;
}
a.productlink{
font-family:arial;
font-size:11px;
text-decoration:none;
color:#5a5345;
}
a.productlink:visited{
font-family:arial;
font-size:11px;
text-decoration:none;
color:#5a5345;
}
a.productlink:active{
font-family:arial;
font-size:11px;
text-decoration:none;
color:#5a5345;
}
a.productlink:hover{
font-family:arial;
font-size:11px;
text-decoration:none;
color: #78a22e;
}

table.doordetail{
font-family:arial;
font-size:12px;

color:#5a5345;
}

a.downloadlink{
font-family:arial;
font-size:12px;
text-decoration:none;
color:#78a22e;

}
a.downloadlink:visited{
font-family:arial;
font-size:12px;
text-decoration:none;
color:#78a22e;

}
a.downloadlink:active{
font-family:arial;
font-size:12px;
text-decoration:none;
color:#78a22e;

}
a.downloadlink:hover{
font-family:arial;
font-size:12px;
text-decoration:none;
color: #78a22e;
}
font.footer{
font-family:arial;
font-size:12px;
color: #5d4d40;
}