/*-----------------------------------*/
/* three hoizontal header/hover modules */
/*-----------------------------------*/
#tri-mod{
width: 750px;
height:51px;
border-bottom:solid 6px #ffffff;
border-top:solid 6px #ffffff;
margin:0 0 0 0px;
}
#tri-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#tri-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-weight: bold;
}
#tri-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;

}
#tri-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#tri-mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
}
#tri-mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#tri-mod li a, #tri-mod li a:link, #tri-mod li a:active, #tri-mod li a:visited {
float: left;
display: block;
width: 250px;
height: 41px;
text-decoration: none;
overflow: hidden;
font-size: 1.0em;
padding-top:10px;
padding-bottom:10px;
text-align:left;
}
#tri-mod li a:hover {
}
#tri-mod .tri1 a, #tri-mod .tri1 a:link, #tri-mod .tri1 a:active, #tri-mod .tri1 a:visited  {
background-color: #333333;
color: #ffffff;
width: 245px;
height: 31px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/embroidered.jpg);
background-position:top left;
background-repeat:no-repeat;
border-right:#ffffff solid 6px;
}
#tri-mod .tri1 a:hover {
background-color: #FF0000;
color: #ffffff;
} 
#tri-mod .tri2 a, #tri-mod .tri2 a:link, #tri-mod .tri2 a:active, #tri-mod .tri2 a:visited  {
background-color: #333333;
color: #ffffff;
width: 248px;
height: 31px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/screenprinted.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#tri-mod .tri2 a:hover {
background-color: #FF0000;
color: #ffffff;
} 
#tri-mod .tri3 a, #tri-mod .tri3 a:link, #tri-mod .tri3 a:active, #tri-mod .tri3 a:visited  {
background-color:#333333;
color: #ffffff;
width: 245px;
height: 31px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/heatsealed.jpg);
background-position:top left;
background-repeat:no-repeat;
border-right:#ffffff solid 6px;

}
#tri-mod .tri3 a:hover {
background-color: #FF0000;
color: #ffffff;
}
/*-----------------------------------*/


/* two hoizontal header/hover modules */
/*-----------------------------------*/

#duo-mod{
width: 750px;
height:63px;
background-color:#FFFFFF;
border-top:6px solid #ffffff;
border-bottom:6px solid #ffffff;
margin:0 0 0 0px;
}
#duo-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#duo-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;
}
#duo-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#duo-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#duo-mod li a, #duo-mod li a:link, #duo-mod li a:active, #duo-mod li a:visited {
float: left;
display: block;
width: 375px;
height: 43px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
font-size: 1.2em;
padding-top:10px;
padding-bottom:10px;
}
#duo-mod li a:hover {
}
#duo-mod .duo1 a, #duo-mod .duo1 a:link, #duo-mod .duo1 a:active, #duo-mod .duo1 a:visited  {
background-color: #333333;
color: #ffffff;
background-image:url(../media/images/package-deals.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#duo-mod .duo1 a:hover {
background-color: #ffffff;
color: #989C5F;
} 
#duo-mod .duo2 a, #duo-mod .duo2 a:link, #duo-mod .duo2 a:active, #duo-mod .duo2 a:visited  {
background-color: #333333;
color: #ffffff;
background-image:url(../media/images/kit-designer.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#duo-mod .duo2 a:hover {
background-color: #ffffff;
color: #989C5F;
} 
/*-----------------------------------*/