﻿ /*  [ nav bar styles ]----------------------------------------  */
    
    #NavBar {
        background-color:#FFFFFF;
    }
    
	#NavBar select {
	    width:140px;
	    font-size:0.9em;    /*  may need to make smaller - check when data exists  */
	    margin-left:5px;
	}
	
	#NavBar .Bottom {
        margin-bottom:6px;
    }
    
    #NavBar .BannerBottom {
        text-align:center;
    }


/*  [ network logos ]------------------------------------------  */

    ul.NetworkLinks li a {
    	background-repeat:no-repeat;
    	background-position:right top;
    }
    
    ul.NetworkLinks li.O2 a {
        background-image:url(/_images/_system/networks/small/logo_o2.gif);
    }
    ul.NetworkLinks li.Three a {
        background-image:url(/_images/_system/networks/small/logo_three.gif);
    }
    ul.NetworkLinks li.Vodafone a {
        background-image:url(/_images/_system/networks/small/logo_vodafone.gif);
    }
    ul.NetworkLinks li.VirginMobile a,
    ul.NetworkLinks li.Virgin a {
        background-image:url(/_images/_system/networks/small/logo_virgin.gif);
    }
    ul.NetworkLinks li.Orange a {
        background-image:url(/_images/_system/networks/small/logo_orange.gif);
    }
	ul.NetworkLinks li.TMobile a {
        background-image:url(/_images/_system/networks/small/logo_tmobile.gif);
    }

/*  [ nav bar groups ]------------------------------------  */

	body.Contract			#NavBar .NavBarGroupContract a,
	body.Upgrades			#NavBar .NavBarGroupUpgrades a,
	body.PAYG				#NavBar .NavBarGroupPAYG a,
	body.Accessories		#NavBar .NavBarGroupAccessories a,
	body.Blog				#NavBar .NavBarGroupBlog a,
	body.CustomerServices	#NavBar .NavBarGroupCustomerServicesOpen a,
	body.NewspaperOffers	#NavBar .NavBarGroupNewspaperOffers a,
	body.LaptopsAndBroadband	#NavBar .NavBarGroupLaptopsAndBroadband a {
		color:#FFCC00;
	}
	
    #NavBar ul.NavBarGroups {
        font-weight:bold;
        font-size:0.9em;
    }
    
    #NavBar ul.NavBarGroups li.NavBarSubGroupTitle {
        background-color:#94B7DB;
        padding:2px 0 3px 0;
        text-align:center;
        color:#FFFFFF;
        border-left:1px solid #6699CC;
        border-right:1px solid #6699CC;
        background-image:none;
        width:148px;
    }

    #NavBar ul.NavBarGroups li.End {
        text-align:center;
        background-image:none;
    }

    #NavBar ul.NavBarGroups li {
        padding:5px 0 0 0;
        clear:both;
        width:150px;
    }
        
    #NavBar ul.NavBarGroups li div.Image {
        width:50px;
        height:90px;
        float:left;
		text-align:center;
		margin-bottom:0;
    }
    
    #NavBar ul.NavBarGroups li p {
        margin:0;
    }
    
    #NavBar ul.NavBarGroups li p strong {
        color:#CC0000;
    }
    
    #NavBar ul.NavBarGroups li a {
        width:auto;
    }
    
    #NavBar ul.NavBarGroups li div.Separator {
        padding:0;
        background-position:center bottom;
        height:10px;
        overflow:hidden;
    }
