/* CSS Document */

body
{
padding:0px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#wrapper
{
margin:auto;
width:955px;
text-align:left;
}

#header
{
width:955px;
height:72px;
overflow:hidden;
}

#headerShadowLeft
{
width:10px;
height:72px;
background-image:url(/images/interface/shadow_left_top.jpg);
float:left;
}

#headerShadowRight
{
width:10px;
height:72px;
background-image:url(/images/interface/shadow_right_top.jpg);
float:left;
}

#columnWrapper
{
width:955px;
height:180px;
}

#footerShadowLeft
{
width:10px;
height:180px;
background-image:url(/images/interface/shadow_left_bottom.jpg);
float:left;
}

#footerShadowRight
{
width:10px;
height:180px;
background-image:url(/images/interface/shadow_right_bottom.jpg);
float:left;
}

#logo
{
width:205px;
height:72px;
background-image:url(/images/interface/mudfords_logo.jpg);
float:left;
}

#topNav
{
width:730px;
height:35px;
padding-top:32px;
float:left;
}

#topNav a
{
text-decoration:none;
color:#666666;
text-transform:uppercase;
}

#topNav li
{
list-style:none;
margin:0px;
padding:0px;
padding-left:11px;
padding-right:11px;
padding-top:8px;
float:left;
border-left:1px solid #CCCCCC;
border-top:5px solid #fff;
}

.lastNav
{
padding-right:6px;
}

#topNav ul
{
padding:0px;
margin:0px;
}




#clothing a:hover
{
color:#e27b1e;
}

#clothingSelected a
{
color:#e27b1e;
}

li#clothingSelected
{
border-top:5px solid #e27b1e;
}


#janitorial a:hover
{
color:#DFAB1F;
}

#janitorialSelected a
{
color:#DFAB1F;
}

li#janitorialSelected
{
border-top:5px solid #DFAB1F;
}


#lifting a:hover
{
color:#CCC829;
}

#liftingSelected a
{
color:#CCC829;
}

li#liftingSelected
{
border-top:5px solid #CCC829;
}


#packaging a:hover
{
color:#99CC33;
}

#packagingSelected a
{
color:#99CC33;
}

li#packagingSelected
{
border-top:5px solid #99CC33;
}


#ppe a:hover
{
color:#51BA44;
}

#ppeSelected a
{
color:#51BA44;
}

li#ppeSelected
{
border-top:5px solid #51BA44;
}


#rope a:hover
{
color:#46C290;
}

#ropeSelected a
{
color:#46C290;
}

li#ropeSelected
{
border-top:5px solid #46C290;
}


#tools a:hover
{
color:#549FC4;
}

#toolsSelected a
{
color:#549FC4;
}

li#toolsSelected
{
border-top:5px solid #549FC4;
}



#specialist a:hover
{
color:#6582d0;
}

#specialistSelected a
{
color:#6582d0;
}

li#specialistSelected
{
border-top:5px solid #6582d0;
}

#page
{
width:955px;
}

.pageBackground
{
background-image:url(/images/interface/shaddow_middle.jpg);
background-repeat:repeat-y;
}

.pageBackgroundHome
{
background-image:url(/images/interface/shaddow_middle_home.jpg);
background-repeat:repeat-y;
}

.pageBackgroundContent
{
background-image:url(/images/interface/shaddow_middle_content.jpg);
background-repeat:repeat-y;
}

.pageBackgroundNews
{
background-image:url(/images/interface/shaddow_middle_news.jpg);
background-repeat:repeat-y;
}

#footerMiddle
{
width:935px;
float:left;
}

#bottomWrapper
{
width:955px;
height:28px;
overflow:hidden;
margin: auto;
}

#bottomShadowLeft
{
width:10px;
height:28px;
background-image:url(/images/interface/shadow_left_bottom2.jpg);
float:left;
}

#bottomShadowRight
{
width:10px;
height:28px;
background-image:url(/images/interface/shadow_right_bottom2.jpg);
float:left;
}

#bottomBackPanel
{
width:506px;
height:22px;
padding-top:6px;
float:left;
text-align:left;
}

#bottomNavPanel
{
width:165px;
height:28px;
background-color:#064b33;
margin-right:20px;
padding-left:20px;
float:left;

}

.backButton
{
width:73px;
height:15px;
}

.backButton:hover
{
background-color:#064b33;
}

#column3text
{
width:184px;
border-top:solid 20px #ffffff;
padding-left:20px;
padding-top:20px;
padding-right:20px;
background-image:url(/images/interface/side_diagonals_right.gif);
background-repeat:no-repeat;
}


#largeNavigation
{
width:177px;
background-image:url(/images/interface/side_diagonals_green.gif);
background-repeat:no-repeat;
margin:0px;
margin-right:20px;
margin-left:10px;
padding-left:8px;
padding-top:20px;
float:left;
}


#contentHolder
{
width:730px;
float:left;
}

.headerPanel
{
width:720px;
height:35px;
background-image:url(/images/interface/header_transparent.gif);
background-repeat:no-repeat;
padding-top:29px;
padding-left:10px;
}

#largeNavigation li
{
list-style:none;
margin:0px;
paddin:0px;
margin-top:10px;
}


#largeNavigation .level2 li
{
margin-top:5px;
}

#largeNavigation .level3 li
{
margin-top:3px;
}

#largeNavigation .level4 li
{
margin-top:3px;
}

#largeNavigation ul
{
padding:0px;
margin:0px;
margin-left:6px;
}



.level1 a
{
font-weight:bold;
background-color:#ffffff;
color:#bbbb2D;
font-size:12px;
padding-top:2px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
text-decoration:none;
}

.level1 a:hover
{
background-color:#cccc33;
color:#064b33;
}

.level1 .active
{
color:#064b33;
}

.level1 .active:hover
{
color:#064b33;
}

.level2 a
{
background-color:transparent; 
color:#FFFFFF;
font-size:11px;
border-left:solid 6px #FFFFFF;
padding-top:0px;
padding-bottom:0px;
}

.level2 a:hover
{
border-left:solid 6px #fff;
color:#fff;
background-color:transparent; 
}

.level2 .active 
{
color:#Fff; 
border-left:solid 6px #fff;
}

.level2 .active:hover
{
border-left:solid 6px #fff;
color:#fff;
}

.level3 a
{
font-size:10px;
border-left:solid 4px #fff;
}

.level3 a:hover
{
border-left:solid 4px #fff;
}

.level3 a.active 
{ 
color:#FFFFFF; 
border-left:solid 4px #fff;
}

.level3 a.active:hover 
{ 
color:#FFFFFF; 
border-left:solid 4px #fff;
}




.level4 a
{
font-size:10px;
border-left:solid 2px #fff;
}

.level4 a:hover
{
border-left:solid 2px #fff;
}

.level4 a.active 
{ 
color:#FFFFFF; 
border-left:solid 2px #fff;
}

.level4 a.active:hover 
{ 
color:#FFFFFF; 
border-left:solid 2px #fff;
}




.lifting a
{
color:#fff;
border-color:#fff;
}

.lifting a:hover
{
color:#0f0;
border-color:#0f0;
}

.lifting a.active
{
color:#fff;
border-color:#0f0;
}

.lifting a:hover.active
{
color:#0f0;
border-color:#0f0;
}



.corporate a
{
color:#fff;
border-color:#fff;
}

.corporate a:hover
{
color:#cccc33;
border-color:#cccc33;
}

.corporate a.active
{
color:#fff;
border-color:#cccc33;
}

.corporate a:hover.active
{
color:#cccc33;
border-color:#cccc33;
}



.lifting a
{
color:#fff;
border-color:#fff;
}

.lifting a:hover
{
color:#0f0;
border-color:#0f0;
}

.lifting a.active
{
color:#fff;
border-color:#0f0;
}

.lifting a:hover.active
{
color:#0f0;
border-color:#0f0;
}





.corporate a
{
color:#fff;
border-color:#fff;
}

.corporate a:hover
{
color:#cccc33;
border-color:#cccc33;
}

.corporate a.active
{
color:#fff;
border-color:#cccc33;
}

.corporate a:hover.active
{
color:#cccc33;
border-color:#cccc33;
}

.lifting a
{
color:#fff;
border-color:#fff;
}

.lifting a:hover
{
color:#ccc829;
border-color:#ccc829;
}

.lifting a.active
{
color:#fff;
border-color:#ccc829;
}

.lifting a:hover.active
{
color:#ccc829;
border-color:#ccc829;
}

.clothing a
{
color:#fff;
border-color:#fff;
}

.clothing a:hover
{
color:#e27b1e;
border-color:#e27b1e;
}

.clothing a.active
{
color:#fff;
border-color:#e27b1e;
}

.clothing a:hover.active
{
color:#e27b1e;
border-color:#e27b1e;
}




.janitorial a
{
color:#fff;
border-color:#fff;
}

.janitorial a:hover
{
color:#dfab1f;
border-color:#dfab1f;
}

.janitorial a.active
{
color:#fff;
border-color:#dfab1f;
}

.janitorial a:hover.active
{
color:#dfab1f;
border-color:#dfab1f;
}

.packaging a
{
color:#fff;
border-color:#fff;
}

.packaging a:hover
{
color:#99cc33;
border-color:#99cc33;
}

.packaging a.active
{
color:#fff;
border-color:#99cc33;
}

.packaging a:hover.active
{
color:#99cc33;
border-color:#99cc33;
}




.ppe a
{
color:#fff;
border-color:#fff;
}

.ppe a:hover
{
color:#51ba44;
border-color:#51ba44;
}

.ppe a.active
{
color:#fff;
border-color:#51ba44;
}

.ppe a:hover.active
{
color:#51ba44;
border-color:#51ba44;
}

.rope a
{
color:#fff;
border-color:#fff;
}

.rope a:hover
{
color:#46c290;
border-color:#46c290;
}

.rope a.active
{
color:#fff;
border-color:#46c290;
}

.rope a:hover.active
{
color:#46c290;
border-color:#46c290;
}


.tools a
{
color:#fff;
border-color:#fff;
}

.tools a:hover
{
color:#549fc4;
border-color:#549fc4;
}

.tools a.active
{
color:#fff;
border-color:#549fc4;
}

.tools a:hover.active
{
color:#549fc4;
border-color:#549fc4;
}



.specialist a
{
color:#fff;
border-color:#fff;
}

.specialist a:hover
{
color:#6582d0;
border-color:#6582d0;
}

.specialist a.active
{
color:#fff;
border-color:#6582d0;
}

.specialist a:hover.active
{
color:#6582d0;
border-color:#6582d0;
}


#vivid
{
width:955px;
height:15px;
padding-top:10px;
}

#class
{
clear:both;
}

.rightImage
{
border-top:20px solid #FFFFFF;
}