or | with the class="sub_menu#" */
.sub_menu a:hover {
color:#FF0000
}
.sub_menu a:focus {
color:#FF0000
}
/* the settings below are for the div containing the entire menu */
div#master {
position: relative; /* DO NOT CHANGE */
margin: auto; /* this is regarded as the best way to center an element */
width: 770px;
height: 45px;
}
/* the settings below are for the spacer between the buttons */
td#spacer {
/*background-image: url(images/design/sublevelmenu/spacer.gif);*/
/*width: 3px;*/
}
/* the settings below are common to the | whether it is onmouseover or onmouseout */
.menu, .menu_over {
display: table;
height: 40px;
color: #0000FF;
overflow: hidden;
}
/* the attributes below represent the changes to the | onmouseover */
.menu_over {
color: #FF0000;
cursor: pointer;
}
/* the attributes below control the look of the menu buttons */
.title{
display: table-cell;
height: 30px;
vertical-align: middle;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
_padding-top: 8px;
color: #777;
}
.current{
display: table-cell;
height: 40px;
vertical-align: middle;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
_padding-top: 8px;
color: #FFF;
background: #FFF url("../images/design/menu/current-bg.gif") top left repeat-x;
margin-bottom: 2px;
}
/* the attributes below control what happens to the sub level menu links onmouseout & onmouseover resepectively */
.sub {color:#FF0000}
/*.sub_over {background-image: url(images/design/sublevelmenu/1x1hover.gif);}*/
td.menu span {display: none;} /* DO NOT CHANGE this makes the sublevel portion of the menu invisible*/
td.menu_over span {display: block;} /* DO NOT CHANGE this makes the sublevel portion of the menu visible */
/* these are the attributes of the sublevel portion of the menu */
span.sub_menu {
position: absolute; /* DO NOT CHANGE */
/* the settings below require a little trial & error; tweak these settings last */
width: 770px; /* make this number equal to the width of the "div#master" */
height: 20px; /* this is the height of the sublevel portion of the menu */
_height: 25px; /* THIS IS AN IE HACK! make this number 5 more than the height in the above line */
margin: auto; /* this is regarded as the best way to center an element */
text-align:left;
font-size: 11px;
font-weight: normal;
color: #697785;
padding-top: 5px;
/*background-image:url(images/design/menu/current-bg.gif)*;/ /* using an image in the background instead of a color will fix a problem where the background color doesn't always show up; this problem is most common when using templates in Dreamweaver */
/* the following settings must be included because the position of this span is set to absolute */
left: 0px; /* setting is 0 pixels from the left */
top: 38px; /* setting is 30 pixels from the top; if you make this number greater than the ".menu, .menu_over" height the dropdown won't work right; */
}
/* product details*/
.pHead {
color:#B30000;
font-size:140%;
font-weight: bold;
padding-bottom: 20px;
text-decoration: underline;
}
.NormalBold{
font-weight:bold
}
/* home page */
.HHead {
color:#FF9900;
font-weight:bold;
padding-top:20px;
}
.HSubHead {font-size:92%; font-weight:bold}
.HContent {font-size:90%;}
.extra {
color:#FF9900;
font-size:140%;
font-weight: bold;
padding-bottom: 20px;
}
.support {
color:#990033;
font-size:140%;
font-weight: bold;
}
.supportDet {
padding-bottom: 20px;
}
|