
/*-----------------------------------*/
/* two hoizontal header/hover modules */
/*-----------------------------------*/
#duo-mod{
width: 818px;
height:115px;
margin:0 0 0 0px;
background-color:#FFFFFF;
font-weight: normal;
}
#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;
}
#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  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
font-weight: normal;
}
#duo-mod li  h3: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: 409px;
height: 115px;
text-decoration: none;
overflow: hidden;
font-size: 0.96em;
text-align:left;
}
#duo-mod li a:hover {
}
#duo-mod .duo1 a, #duo-mod .duo1 a:link, #duo-mod .duo1 a:active, #duo-mod .duo1 a:visited  {
color: #ffffff;
width: 391px;
height: 80px;
padding-left:18px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-chs1.jpg);
background-position:top;
background-repeat:no-repeat;
}
#duo-mod .duo1 a:hover {
color: #014F74;
} 
#duo-mod .duo2 a, #duo-mod .duo2 a:link, #duo-mod .duo2 a:active, #duo-mod .duo2 a:visited  {
color: #ffffff;
width: 385px;
height: 80px;
padding-left:24px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-chs2.jpg);
background-position:top;
background-repeat:no-repeat;
}
#duo-mod .duo2 a:hover {
color: #014F74;
} 
/*-----------------------------------*/



/*-----------------------------------*/
/* three hoizontal header/hover modules */
/*-----------------------------------*/
#tri-mod{
width: 818px;
height:103px;
margin:0 0 0 0px;
background-color:#FFFFFF;
font-weight: normal;
}
#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;
}
#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;
font-weight: normal;
}
#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: 268px;
height: 85px;
text-decoration: none;
overflow: hidden;
font-size: 0.96em;
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  {
color: #ffffff;
width: 257px;
height: 68px;
padding-left:18px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-1.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri1 a:hover {
color: #9CDEFE;
} 
#tri-mod .tri2 a, #tri-mod .tri2 a:link, #tri-mod .tri2 a:active, #tri-mod .tri2 a:visited  {
color: #ffffff;
width: 262px;
height: 68px;
padding-left:13px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-2.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri2 a:hover {
color: #9CDEFE;
} 
#tri-mod .tri3 a, #tri-mod .tri3 a:link, #tri-mod .tri3 a:active, #tri-mod .tri3 a:visited  {
color: #ffffff;
width: 255px;
height: 68px;
padding-left:13px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-3.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri3 a:hover {
color: #9CDEFE;
}
#tri-mod .tri4 a, #tri-mod .tri4 a:link, #tri-mod .tri4 a:active, #tri-mod .tri4 a:visited  {
color: #ffffff;
width: 257px;
height: 53px;
padding-left:18px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-4.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri4 a:hover {
color: #9CDEFE;
}
#tri-mod .tri5 a, #tri-mod .tri5 a:link, #tri-mod .tri5 a:active, #tri-mod .tri5 a:visited  {
color: #ffffff;
width: 262px;
height: 53px;
padding-left:13px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-5.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri5 a:hover {
color: #9CDEFE;
}
#tri-mod .tri6 a, #tri-mod .tri6 a:link, #tri-mod .tri6 a:active, #tri-mod .tri6 a:visited  {
color: #ffffff;
width: 255px;
height: 53px;
padding-left:13px;
padding-top:35px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/wdg-head-6.jpg);
background-position:top;
background-repeat:no-repeat;
}
#tri-mod .tri6 a:hover {
color: #9CDEFE;
}

/*-----------------------------------*/


/* four hoizontal header/hover modules */
/*-----------------------------------*/

#quad-mod{
width: 750px;
height:63px;
background-color:#FFFFFF;
border-top:6px solid #ffffff;
border-bottom:6px solid #ffffff;
margin:0 0 0 0px;
}
#quad-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#quad-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
font-weight: bold;
}
#quad-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
}
#quad-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#quad-mod li a, #quad-mod li a:link, #quad-mod li a:active, #quad-mod li a:visited {
float: left;
display: block;
width: 183px;
height: 43px;
text-decoration: none;
background-color: #333333;
overflow: hidden;
text-align:left;
font-size: 1.2em;
padding-top:10px;
padding-bottom:10px;
}
#quad-mod li a:hover {
}
#quad-mod .quad1 a, #quad-mod .quad1 a:link, #quad-mod .quad1 a:active, #quad-mod .quad1 a:visited  {
background-color: #333333;
margin-right:6px;
color: #ffffff;
background-image:url(../media/images/sportswear-quad.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#quad-mod .quad1 a:hover {
background-color: #ffffff;
color: #989C5F;
} 
#quad-mod .quad2 a, #quad-mod .quad2 a:link, #quad-mod .quad2 a:active, #quad-mod .quad2 a:visited  {
background-color: #333333;
margin-right:6px;
color: #ffffff;
background-image:url(../media/images/leaisurewear-quad.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#quad-mod .quad2 a:hover {
background-color: #ffffff;
color: #989C5F;
} 
#quad-mod .quad3 a, #quad-mod .quad3 a:link, #quad-mod .quad3 a:active, #quad-mod .quad3 a:visited  {
background-color: #333333;
margin-right:6px;
color: #ffffff;
background-image:url(../media/images/workwear-quad.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#quad-mod .quad3 a:hover {
background-color: #ffffff;
color: #989C5F;
}
#quad-mod .quad4 a, #quad-mod .quad4 a:link, #quad-mod .quad4 a:active, #quad-mod .quad4 a:visited  {
background-color: #333333;
color: #ffffff;
background-image:url(../media/images/custom-waer-quad.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#quad-mod .quad4 a:hover {
background-color: #ffffff;
color: #989C5F;
} 
/*-----------------------------------*/
