/*** ABD Navigation CSS Style Sheet ***/

/* Main Link Styles, for basic ankor tags */

	a { color: #8d0092; text-decoration: none; border-bottom: 1px dotted #8d0092;}
	a:link, a:visited { color: #8d0092; text-decoration: none; border-bottom: 1px dotted #8d0092;}
	a:hover, a:active { border-bottom-style: solid;}
	
	a img {border: none;}
	a.ImageLink {border: none;}
	
	a.fillButton {/* this allows a link to fill the size of it's parent div (see products.asp), solution to clickable div */
		display:block; 
		height:100%; 
		width:100%;
		border: none;
	}
	
	p a, p a:link, p a:visited { color: #333333; border-color: #333333;}
	
	li a, li a:link, li a:visited { color: #333333; border-color: #333333;}
	
	a.moreinfolink{
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/ActionButton.png) no-repeat left;
		padding: 2px 0 2px 28px;
		border: none;
	}
	
	p a.moreinfolink{color: #8d0092; }

	a.moreinfolink:hover {text-decoration: underline;}

/* Top Navigation Bar - Company Details */

	#TopNav a.mainlink {
		color: #333333;
		float: left;
		padding: 9px 11px 9px 11px;
		text-decoration: none;	
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/TopNav.png) no-repeat center -37px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #737370;
		border-bottom: none;
	}
	
	#TopNav a.current, #TopNav a:hover.current {
		cursor: default;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
		padding: 9px 11px 9px 11px;
		text-decoration: none;
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/TopNav.png) no-repeat center -112px;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #737370;
		border-bottom: none;
	}
	
	#TopNav a:hover.mainlink, #TopNav a:active.mainlink, #TopNav a:focus.mainlink{
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-position: center -112px;
	}
	
	#TopNav li.aboutus a.mainlink { 
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/TopNav.png) no-repeat left -37px; 
		border-left: none;
	}
	
	#TopNav li.contactus a.mainlink { 
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/TopNav.png) no-repeat right -37px; 
		border-right: none;
	}
	
	#TopNav li.aboutus a:hover.mainlink, #TopNav li.aboutus a:active.mainlink, #TopNav li.aboutus a:focus.mainlink, #TopNav li.aboutus a.current, #TopNav li.aboutus a:hover.current {
		background-position: left -112px;
		border-left: none;
	}
	
	#TopNav li.contactus a:hover.mainlink, #TopNav li.contactus a:active.mainlink, #TopNav li.contactus a:focus.mainlink, #TopNav li.contactus a.current, #TopNav li.contactus a:hover.current {
		background-position: right -112px;
		border-right: none;
	}
	
/* Main Navigation Bar - Products & Services */

	.MainNav li a{/*.mainlink */
		color: #333333;
		float: left;
		padding: 9px 11px 9px 11px;
		text-decoration: none;	
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/MainNav.png) no-repeat center top;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #737370;
		border-bottom: none;
	}
	
	/*.MainNav a.current, .MainNav a:hover.current, MainNav a.selected{
		cursor: default;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
		padding: 9px 11px 9px 11px;
		text-decoration: none;
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/MainNav.png) no-repeat center -74px;
		border-bottom: none;
	}*/
	
	.MainNav li a:hover, .MainNav li a.selected{ /*.mainlink .MainNav a:active, .MainNav a:focus,*/
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		background-position: center -74px;
	}
	.MainNav li.home a { 
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/MainNav.png) no-repeat left top; 
		border-left: none; 
		border-right: 1px solid #737370;
	}/*.mainlink */
	
	.MainNav li.delivery a { 
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/MainNav.png) no-repeat right top; 
		border-left: 1px solid #ffffff; 
		border-right: none;}/*.mainlink */
	
	.MainNav li.home a:hover, .MainNav li.home a.selected  {/*.mainlink .MainNav li.home a:active, .MainNav li.home a:focus, ,.MainNav li.home a:hover.selected*/
		background-position: left -74px;
	}
	
	.MainNav li.delivery  a:hover, .MainNav li.delivery  a.selected {/*.mainlink .MainNav li.delivery  a:active, .MainNav li.delivery  a:focus, ,.MainNav li.delivery  a:hover.selected*/
		background-position: right -74px;
	}
	
	.MainNav a.HoverOut{
		color: #ffffff; 
		float: left; 
		text-decoration: none;	
		width: 100%; 
		height: 12px; 
		background: none; 
		padding: 0; 
		margin: 0; 
		border: none;
	}

/* Sub Navigation Bar - Further details / Depth on the Product or Service */

	.SubNav li a{
		color: #ffffff; 
		border: none;
	}
	
	.SubNav li a:hover{ border-bottom: 1px solid #ffffff;}
/* Content Area */

/* Products Link Box */

	a.ProductsLink{
		text-align: center; 
		float:left; 
		display: block;
		border: none; 
		margin: 0 8px;
	}
			
	.ProductsLinkBox a:hover{ opacity: 0.7;}
	 
	a.ProductsLink img{ border: 1px solid #A9A9A9; padding: 4px;}
	 
	a.ProductsLink h2{ 
		font-size: 12px; 
		color: #8D0092; 
		margin: 0; 
		padding: 4px 0;
	}
		
/* Side Menu */
	.menuheader a{ 
		display: block; 
		padding: 9px 8px; 
		width: auto; 
		color: #dddddd; 
		border: none;
	}
		
	.menuheader a:hover{ color: #ffffff;}
	
	.menulinks a{ 
		display: block; 
		padding: 7px 5px 7px 8px; 
		margin-top: 2px; 
		width: auto; 
		font: 12px;
		font-weight: bold;
		background: #e4e4e4; 
		border: none; 
		color: #333333;
	}
		
	.menulinks a:hover, .menulinks a.selected{ color: #797979; background: #f2f2f2;}
	
	.menulinks a.selected{ color: #333333; background: #f2b700;}
	
	.menulinks a.sublink {margin-top: 0;}

/* Content */
	
	/* Lightbox Gallery */
	#lightbox a{border: none;}
	
	a.lightboximage{ position:relative; width: auto; display: block; border: none;}
	
	a:hover.lightboximage{ opacity: 0.7;}
	
	/* Side Bar */
	
	a.sidebaritem{ 
		width: 172px; 
		border: 2px solid #5b2a5b; 
		color: #dddddd; 
		border-top: none; 
		height: 140px; 
		float: left; 
		overflow: hidden; 
		margin: 0 0 15px 0;
		opacity:0.9;
	}
		
	a:hover.sidebaritem{ color: #ffffff; opacity:1;}
	
	a.sidebaritem img{ margin: 0 5px 0 0;}
	
	a.sidebaritem:hover img{ margin: 0 5px 0 0;}
	
	a.sidebaritem span.itemheading{ 
		background: #5b2a5b; 
		font-size: 14px; 
		display: block; 
		width: auto; 
		padding: 7px; 
		font-weight: bold;
	}
	
	a.sidebaritem span.itemcontent{ color: #797979;}
	
	a.sidebaritem:hover span.itemcontent{ color: #333333;}
			
/* Content Area Bottom */

	#ContentAreaBottom a{ color: #ffffff; border: none;}
	
	#ContentAreaBottom a:hover{ border-bottom: 1px solid #ffffff;}