﻿#PrimaryNav li a.drop {text-transform:uppercase; font-size:1.2em; font-weight:bold;}

/* --- Mega Nav - CSS Driven --- */
#PrimaryNav {position:absolute; bottom:0; left:10px; width:960px; height:40px; z-index:100; line-height:40px; list-style:none; margin:6px auto 0 auto; padding:0;}
#PrimaryNav li {/*position:relative;*/ float:left; display:block; text-align:left; margin:0; padding:0; border:none; z-index:10;}
#PrimaryNav a {text-decoration:none;}
#PrimaryNav a:hover {text-decoration:underline;}
#PrimaryNav, #PrimaryNav li .drop {}
#PrimaryNav li:hover {}
#PrimaryNav li a.drop {display:block; outline:0; text-decoration:none; line-height:40px; padding:0 10px; color:White;}
#PrimaryNav .selected a.drop {border-bottom:none;}
#PrimaryNav, #PrimaryNav li .drop {}
#PrimaryNav li:hover a {}
#PrimaryNav li .drop {}
#PrimaryNav li:hover .drop {border-bottom:none;}
.Sub {float:left; position:absolute; left:-999em; margin:0; text-align:left;}/* Hides the drop down */

/* Nav Colours */
#Tab1:hover .drop, #Tab1 .TextAboutNav {background:#E2A42F; color:#000;}
#Tab1 .Sub {background:#E2A42F; display:none;}
#Tab1 a {}
#Tab1 a:hover {}

#Tab2:hover .drop, #Tab2 .TextAboutNav {background:#D05E8F; color:#000;}
#Tab2 .Sub {background:#C75988;} 

#Tab3:hover .drop, #Tab3 .TextAboutNav {background:#C83173; color:#000;}
#Tab3 .Sub {background:#BA306F;}

#Tab4:hover .drop, #Tab4 .TextAboutNav {background:#02ACC0; color:#000;}
#Tab4 .Sub {background:#01A4B6;}

#Tab5:hover .drop, #Tab5 .TextAboutNav {background:#88A5D2; color:#000;}
#Tab5 .Sub {background:#88A5D2; display:none;}

#Tab6:hover .drop, #Tab6 .TextAboutNav {background:#76B45D; color:#000;}
#Tab6 .Sub {background:#6FB053;}

#Tab7:hover .drop, #Tab7 .TextAboutNav {background:#428CEF; color:#000;}
#Tab7 .Sub {background:#3E84E2;}

#Tab8:hover .drop, #Tab8 .TextAboutNav {background:#C11E1F; color:#000;}
#Tab8 .Sub {background:#B31C1C; height:auto;}

#Tab9 {position:absolute; right:0px;}
#Tab9:hover .drop, #Tab9 .TextAboutNav {background:#C11E1F; color:#000;}
#Tab9 .Sub {background:#B31C1C; height:auto;}

#Tab10 {position:absolute; right:0px;}
#Tab10:hover .drop, #Tab10 .TextAboutNav {background:#E2A42F; color:#000;}
#Tab10 .Sub {background:#D7961E; height:auto;}
#Tab10 .Sub a, #Tab10 .Sub li {color:#000;}
#PrimaryNav #Tab10:hover .Sub {left:-215px;}
#countermini {width:260px;}


#PrimaryNav li:hover .Sub {position:absolute; left:0px; top:39px; padding:0px; z-index:9999;}
#PrimaryNav #Tab3 li:hover .Sub {}
#PrimaryNav #Tab4:hover .Sub {left:100px;}
#PrimaryNav #Tab6:hover .Sub, #PrimaryNav #Tab7:hover .Sub, #PrimaryNav #Tab8:hover .Sub {right:0px; left:auto;}
#PrimaryNav .Sub ul {float:left; margin:0 10px 10px 0;}
#PrimaryNav .Sub ul li {float:left; clear:both; width:100%; line-height:1em; margin-bottom: 7px;}
#PrimaryNav .Sub ul li a { border:none; display:block; margin:0; padding:0; color:#fff; font-weight:bold;}
    #PrimaryNav .columnheader li a {font-size:1.1em; color:#000 !important; text-transform:uppercase;}
#PrimaryNav .Sub ul ul li a {font-size:1em; color:#fff;}
#PrimaryNav .Sub a:hover {text-decoration:underline;}
.TextAboutNav {position:relative; padding:10px; margin:0 0 10px 0;}
#PrimaryNav div.Sub h2 a { padding:0px; color:White; line-height:1em;}
#PrimaryNav h2 {text-transform:uppercase; color:Black; padding:0px; line-height:1em;}

/* --- Subs --- */
.dropdown_yourvisit {width:500px;}
.dropdown_madeinnorthampton {width:500px;}
.dropdown_GetInvolved {width:auto;}
.dropdown_Contactus {width:500px;}
.dropdown_Aboutus {width:500px;}
.dropdown_myaccount {width:500px;}
.dropdown_Basket {width:300px;}

/* --- Columns --- */
.col {float:left; display:block; border-right:1px solid Black; margin-right:10px; margin-bottom:10px; padding-left:10px;}

.w100 {width:100px;}
.w275 {width:275px;}
.one {width:150px;}
.two {width:200px;}
.three {width:250px;}
.four {width:300px;}
.five {width:350px;}

/* --- Lists --- */
.listone {width:120px;}
.listtwo {width:150px;}
.listthree {width:130px;}

/* --- basket on nav --- */
.BasketItem {line-height:1em; width:100%;}
#Tab8 table {width:100%;}

#PrimaryNav .MiniBasketEmpty {display:block; margin:0 10px 10px 10px;}
#PrimaryNav .MiniBasketEmpty p {padding:0; margin:0;}
#PrimaryNav .MiniBasket {padding:10px;}
#PrimaryNav .MiniBasket li {margin-bottom:5px;}
#PrimaryNav .MiniBasket .WhitePanel {width:260px; padding:10px; border:1px solid #B88623;}