/*==================
 *
 * Filename: v2.navigation.css
 * Website: www.mplinteriors.com
 * Author: James Parry
 * Website Developer: FIJ Design - Creative Business Solutions
 * Date Created: 26/04/2010
 * Media: Screen
 *
 * Description
 * -----------
 * Main Navigation CSS.
 *
 *=================*/
 
	/* MPL Top Bar */
	#topBar{height:78px;}
	#topPhone{height:78px; width:300px; background:url(../images/top.contact.sm.png) no-repeat 0 0;}
	#topLogo{position:relative; float:right; top:0px;}
	
	
	/* General */
	#cssdropdown{position:absolute; z-index:9000; left:13px; overflow:visible;}
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; color:#FFF;}
	
	/* Head links */
	#cssdropdown li.headlink {width:134px; float: left; margin-left: -1px; margin-right:5px;  text-align: center; }
	#cssdropdown li.headlink a {display: block;}
	#cssdropdown li.headlink a.navTab {height:50px; padding:9px 5px 5px 5px; font-size:18px;}
	#cssdropdown li.headlink a:hover.navTab {text-decoration:none;}
	#cssdropdown li.headlink a.navTab span{font-size:10px;}

	/* Child lists and links */
	#cssdropdown li.headlink ul {width:220px; display: none; text-align: left;}
	#cssdropdown li.headlink:hover ul {display: block;}
	#cssdropdown li.headlink ul li a {text-decoration:none; padding: 5px 9px 5px 9px; height: 17px; border-bottom: 1px #666777 solid; font-size:12px;}
	#cssdropdown li.headlink ul li a:hover { text-decoration:none;}
	
	/* TopTabs - Overide*/
	#cssdropdown span.topTab {display:block; }
	#cssdropdown span.topTab a, #cssdropdown span.topTab a span{color: #817669;}
	#cssdropdown span.topTab:hover a, #cssdropdown span.topTab:hover a span{color:#FFF;}
	#cssdropdown span.activeTab a, #cssdropdown span.activeTab a span{color:#FFF;}
	
	
	/* Grey Menu */
	#cssdropdown li.grey ul li a {background:transparent url(../images/colour.grey.fade.png) repeat; border-bottom: 1px #666777 solid; }
	#cssdropdown li.grey ul li a:hover {background:#9A8C7D url(../images/colour.grey.png) repeat;}
	#cssdropdown li.grey span.topTab:hover a.navTab{ background:#9A8C7D url(../images/topTabs.png) 0 0 no-repeat;}
	#cssdropdown li.grey span.activeTab a.navTab{ background:#9A8C7D url(../images/topTabs.png) 0 0 no-repeat;}

	/* Pink Menu */
	#cssdropdown li.pink ul li a {background:transparent url(../images/colour.pink.fade.png) repeat; border-bottom: 1px #CC0066 solid;}
	#cssdropdown li.pink ul li a:hover {background:#FF0099 url(../images/colour.pink.png) repeat;}
	#cssdropdown li.pink span.topTab:hover a.navTab{ background:#FF0099 url(../images/topTabs.png) -150px 0 no-repeat;}	
	#cssdropdown li.pink span.activeTab a.navTab{ background:#FF0099 url(../images/topTabs.png) -150px 0 no-repeat;}
	
	/* Plum Menu */
	#cssdropdown li.plum ul li a {background:transparent url(../images/colour.plum.fade.png) repeat; border-bottom: 1px #660033 solid;}
	#cssdropdown li.plum ul li a:hover {background:#AD055A url(../images/colour.plum.png) repeat;}
	#cssdropdown li.plum span.topTab:hover a.navTab{ background:#AD055A url(../images/topTabs.png) -300px 0 no-repeat;}
	#cssdropdown li.plum span.activeTab a.navTab{ background:#AD055A url(../images/topTabs.png) -300px 0 no-repeat;}
	
	/* Cyan Menu */
	#cssdropdown li.cyan ul li a {background:transparent url(../images/colour.cyan.fade.png) repeat; border-bottom: 1px #0099FF solid;}
	#cssdropdown li.cyan ul li a:hover {background:#43BEE8 url(../images/colour.cyan.png) repeat;}
	#cssdropdown li.cyan span.topTab:hover a.navTab{ background:#43BEE8 url(../images/topTabs.png) -450px 0 no-repeat; height:41px; /*Shorten - No Dropdown*/}
	#cssdropdown li.cyan span.activeTab a.navTab{ background:#43BEE8 url(../images/topTabs.png) -450px 0 no-repeat;}

	/* Orange Menu */
	#cssdropdown li.orange ul li a {background:transparent url(../images/colour.orange.fade.png) repeat; border-bottom: 1px #FF3300 solid;}
	#cssdropdown li.orange ul li a:hover {background:#FF7F00 url(../images/colour.orange.png) repeat;}
	#cssdropdown li.orange span.topTab:hover a.navTab{ background:#FF7F00 url(../images/topTabs.png) -600px 0 no-repeat;}
	#cssdropdown li.orange span.activeTab a.navTab{ background:#FF7F00 url(../images/topTabs.png) -600px 0 no-repeat;}
	
	/* Aqua Menu */
	#cssdropdown li.aqua ul li a {background:transparent url(../images/colour.aqua.fade.png) repeat; border-bottom: 1px #006666 solid;}
	#cssdropdown li.aqua ul li a:hover {background:#047391 url(../images/colour.aqua.png) repeat;}
	#cssdropdown li.aqua span.topTab:hover a.navTab{ background:#047391 url(../images/topTabs.png) -750px 0px no-repeat; height:41px; /*Shorten - No Dropdown*/}
	#cssdropdown li.aqua span.activeTab a.navTab{ background:#047391 url(../images/topTabs.png) -750px 0 no-repeat;}