/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#navigation ul li ul"
so that the "top" option is the same as the new height

*/
/****** navigation home *********/
#homeNav {
width: 117px;
float: left;
padding: 20px 0px 0px 240px;
}
#homeNav span, #internalNav span{
display: none;
}
#homeNav ul {
list-style-type:none;
}

#homeNav li {
display:block;
float:left;
position:relative;
padding: 5px 0px 5px 0px;
}

#homeNav li ul {
    font: normal 10px Verdana;
    display: none;
    height: 49px;
    position: absolute;
    right: -195px;
    top: 0;
    width: 191px;
    border: 2px solid #A50369;
    line-height: 18px;
}

#homeNav li ul li {
    display: block;
    width: 185px;
    float: left;
    height: auto;
    padding: 0px 0px 0px 0px;
}

#homeNav li ul li a, #homeNav li ul li a:visited {
    display: block;
    width: 185px;
    float: left;
    line-height: 16px;
    background-color: #ffffff;
    height: auto;

    text-decoration: none;
    padding-left: 6px;
    color: black;
    
}

#homeNav li ul li a:hover {
    background-color: #ca67a7;
}

#strapline ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#strapline ul li {
	display:block;
	float:left;
	position:relative;
}

#strapline ul li a, #strapline ul li a:visited {
	display:block;
	float:left;
	height:15px;
}

#strapline ul li a.graphic, #strapline ul li a.graphic:visited {
	background:url(../img/navigation.gif) no-repeat 0px -15px;
	width:72px;
}

#strapline ul li a.graphic:hover {
	background:url(../img/navigation.gif) no-repeat 0px 0px;
	width:72px;
}

#strapline ul li a.product, #strapline ul li a.product:visited {
	background:url(../img/navigation.gif) no-repeat -73px -15px;
	width:80px;
}

#strapline ul li a.product:hover {
	background:url(../img/navigation.gif) no-repeat -73px 0px;
	width:80px;
}

#strapline ul li a.interior, #strapline ul li a.interior:visited {
	background:url(../img/navigation.gif) no-repeat -153px -15px;
	width:82px;
}

#strapline ul li a.interior:hover {
	background:url(../img/navigation.gif) no-repeat -153px 0px;
	width:82px;
}

#strapline ul li a.packaging, #strapline ul li a.packaging:visited {
	background:url(../img/navigation.gif) no-repeat -235px -15px;
	width:88px;
}

#strapline ul li a.packaging:hover {
	background:url(../img/navigation.gif) no-repeat -235px 0px;
	width:88px;
}




ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

/*a.homeInfoLink, a.homeInfoLink:visited {
width: 117px;
height: 12px;
display: block;
background:url(../img/nav-home-links.gif) no-repeat 0 0;
}
a.homeInfoLink:hover {
background:url(../img/nav-home-links.gif) no-repeat 0 -11px;
}

a.homePortLink, a.homePortLink:visited {
width: 117px;
height: 12px;
display: block;
background:url(../img/nav-home-links.gif) no-repeat 0 -50px;
}
a.homePortLink:hover {
background:url(../img/nav-home-links.gif) no-repeat 0 -61px;
}

a.homeContactLink, a.homeContactLink:visited {
width: 117px;
height: 12px;
display: block;
background:url(../img/nav-home-links.gif) no-repeat 0 -95px;
}
a.homeContactLink:hover {
background:url(../img/nav-home-links.gif) no-repeat 0 -106px;
}*/

a.homeAboutLink, a.homeAboutLink:visited {
width: 127px;
height: 12px;
display: block;
background: url(../img/new/home-nav.gif) no-repeat 0 0;
}
a.homeAboutLink:hover {
background: url(../img/new/home-nav.gif) no-repeat -158px 0;
}

a.homePortLink, a.homePortLink:visited {
width: 127px;
height: 12px;
display: block;
background: url(../img/new/home-nav.gif) no-repeat 0 -24px;
}
a.homePortLink:hover {
background: url(../img/new/home-nav.gif) no-repeat -158px -24px;
}
a.homeTestLink, a.homeTestLink:visited {
width: 127px;
height: 12px;
display: block;
background: url(../img/new/home-nav.gif) no-repeat 0 -49px;
}
a.homeTestLink:hover {
background: url(../img/new/home-nav.gif) no-repeat -158px -49px;
}

a.homeContactLink, a.homeContactLink:visited {
width: 127px;
height: 12px;
display: block;
background: url(../img/new/home-nav.gif) no-repeat 0 -74px;
}
a.homeContactLink:hover {
background: url(../img/new/home-nav.gif) no-repeat -158px -74px;
}

#bottomIcons {
clear: both;
list-style-type: none;
padding: 50px 0px 0px 240px;
}
#bottomIcons li{
float: left;
}

a.iconCaterAllen {
width: 80px;
height: 88px;
float: left;
display: block;
background: url(../img/new/bottom-icons.gif) no-repeat 0 0;
}
a.iconCaterAllen:hover {
background: url(../img/new/bottom-icons.gif) no-repeat 0 -91px;
}
a.iconAbbey {
width: 101px;
height: 88px;
float: left;
display: block;
background: url(../img/new/bottom-icons.gif) no-repeat -80px 0;
}
a.iconAbbey:hover {
background: url(../img/new/bottom-icons.gif) no-repeat -80px -91px;
}
a.iconArk {
width: 107px;
height: 88px;
float: left;
display: block;
background: url(../img/new/bottom-icons.gif) no-repeat -181px 0;
}
a.iconArk:hover {
background: url(../img/new/bottom-icons.gif) no-repeat -181px -91px;
}
a.iconGlaxo {
width: 101px;
height: 88px;
float: left;
display: block;
background: url(../img/new/bottom-icons.gif) no-repeat -288px 0;
}
a.iconGlaxo:hover {
background: url(../img/new/bottom-icons.gif) no-repeat -288px -91px;
}
a.iconMusical {
width: 83px;
height: 88px;
float: left;
display: block;
background: url(../img/new/bottom-icons.gif) no-repeat -389px 0;
}
a.iconMusical:hover {
background: url(../img/new/bottom-icons.gif) no-repeat -389px -91px;
}

/******* Navigation internal ********/
#internalNav {
float: left;
padding: 5px 0px 30px 165px;
}
#internalNav ul {
list-style-type:none;
}

#internalNav li {
display:block;
float:left;
position:relative;
padding: 5px 0px 5px 0px;
}

/*a.internalInfoLink, a.internalInfoLink:visited {
width: 143px;
height: 12px;
display: block;
float: left;
background: url(../img/nav-top-links.gif) no-repeat 0 0;
}
a.internalInfoLink:hover {
background: url(../img/nav-top-links.gif) no-repeat 0 -11px;
}
a.internalPortLink, a.internalPortLink:visited {
width: 133px;
height: 12px;
display: block;
float: left;
background: url(../img/nav-top-links.gif) no-repeat -143px 0;
}
a.internalPortLink:hover {
background: url(../img/nav-top-links.gif) no-repeat -143px -11px;
}
a.internalContactLink, a.internalContactLink:visited {
width: 83px;
height: 12px;
display: block;
float: left;
background: url(../img/nav-top-links.gif) no-repeat -287px 0;
}
a.internalContactLink:hover {
background: url(../img/nav-top-links.gif) no-repeat -287px -11px;
}*/

a.internalHomeLink {
width: 52px;
height: 12px;
display: block;
float: left;
background: url(../img/new/main-nav.gif) no-repeat 0 0;
}
a.internalHomeLink:hover {
background: url(../img/new/main-nav.gif) no-repeat 0 -13px;
}
a.internalAboutLink {
width: 92px;
height: 12px;
display: block;
float: left;
background: url(../img/new/main-nav.gif) no-repeat -52px 0;
}
a.internalAboutLink:hover {
background: url(../img/new/main-nav.gif) no-repeat -52px -13px;
}
a.internalPortLink {
width: 100px;
height: 12px;
display: block;
float: left;
background: url(../img/new/main-nav.gif) no-repeat -144px 0;
}
a.internalPortLink:hover {
background: url(../img/new/main-nav.gif) no-repeat -144px -13px;
}
a.internalTestLink {
width: 117px;
height: 12px;
display: block;
float: left;
background: url(../img/new/main-nav.gif) no-repeat -244px 0;
}
a.internalTestLink:hover {
background: url(../img/new/main-nav.gif) no-repeat -244px -13px;
}
a.internalContactLink {
width: 81px;
height: 12px;
display: block;
float: left;
background: url(../img/new/main-nav.gif) no-repeat -361px 0;
}
a.internalContactLink:hover {
background: url(../img/new/main-nav.gif) no-repeat -361px -13px;
}