﻿
	body
	{		
/*       background: white url(images/backgroundgrad.jpg) repeat-x;	*/
	   background-position: 0 0 ;
	   background-color:#b3c2cb;
	   font: normal  70% Verdana, Arial, Lucida Grande, Verdana, Helvetica, sans-serif; 	 
	       
       /*margin:0;*/
       
	}
	
    h1 
    {
        color:#d60c16;
        font-size:1.4em;                
        margin-bottom:0;
    }
    
    hr 
    {
        background-image: url(images/hr.gif);
        background-repeat:repeat-x;
        background-position:bottom;
        height:3px;
        font-size:smaller;
        border:0;
        
    }
        
    h2
    {
        font-size:1.2em;        
        color:#333333;
    }
	
	h3
	{
	    color:#d60c16;
	     font-size:1.1em;    
	     font-style:italic;
	/*    font-size:1.1em;*/
	}
	
	h4
	{
	    color:#d60c16;
	     font-size:1.0em;    
	     font-style:italic;
	}
	
	p
	{
	    text-align:justify;    
	    font-size:1.0em;
	}
	
	
	a:link {    color:#d60c16;}
    a:visited {    color:#d60c16;}
    a:active {    color:#d60c16;}
    a:hover {    color:#d60c16;}
    
	#container
	{          
	    margin-left: auto; 
        margin-right: auto;
        margin-top:1px;
        width: 980px;	            
		text-align: left;		
        background: white url(images/backgroundgrad.jpg) repeat-x;	 
        overflow:auto;   
                     
	}
	
	#containerShadow
	{
	    margin-left: auto; 
        margin-right: auto;
        overflow:auto;
	    background-image: url(images/containerShadow.gif);
	    background-repeat:no-repeat;
	    background-position:top;
	    width:980px;
	    height:15px;
	}
	
	#subContainer
	{   
	    width:978px;
	    overflow:auto; 
	    background-image: url(images/lhsBar.gif);
	    overflow:auto;   
	    background-repeat:repeat-y;
	    border:solid 1px white;
	}
		
	
/* TEST MENU */
    #menu2 .open {
	    display: block;
	}
    #menu2 .closed {
	    display: none;
	}	
	
	
/* MENU */
    #menu .open {
	    display: block;
	}
    #menu .closed {
	    display: none;
	}	

	#menu ul
    {        
        margin: 0;
        padding: 0;
        list-style-type:none;        
        font:Arial;
    }

    #menu li  
    {
        
        margin: 0 0 .3em 0;  
        padding-bottom:8px;       
        background-image: url(images/navBar.gif);
        background-position:bottom;
        background-repeat:repeat-x;
        list-style-image:none;
        /*list-style-image : url(images/navCollapse.gif);    */
        
        
           
    }
    
    #menu ul ul
    {
       
    }
    
    #menu ul li ul li
    {
        background-image:none;
        padding-bottom:3px;
        margin-left:11px;
        
    }
        
    #menu li a
    {              
        color: Black;  
        font-size:normal;
        font-weight:bold;             
        width: 100%;        
        padding: .2em .6em;        
        text-decoration: none;        
    }
    
    

    #menu li a:hover, li li a:hover
    {   
        color: #d60c16;        
    }
    
    #menu li li a:hover 
    {
        text-decoration:underline;
    }
    
    #menu li ul 
    {        
        display:none;
        margin: 0;
        padding: 0;
        padding-left:10px;  
        padding-top:10px;           
    }
    
    #menu .keepOpen 
    {
        display:block;
    }
    
    #menu li ul li ul
    {
        display:none;        
        margin: 0;
        padding: 0;       
        padding-left:15px;                     
    }
 
    /* Display the first sub menu */
    #XXmenu li:hover>ul { display:block; }      
  /*  #menu li:hover { list-style-image: url(images/navExpand.gif); } */


    /*IE6 Bug fix*/
    #XXmenu li.sfhover ul 
    {
        display:block;
    }


    /* Display the second sub menu */
    #XXmenu li li:hover>ul {display:block; }
    /*#menu li li li:hover { list-style-image: url(images/navCollapse.gif); } */
    
    #menu ul li ul li
    {        
       /*  list-style-type:square;*/
         
    }
    
    #menu ul li ul li ul li
    {
       /*list-style-image:none;       */
    }
    
    
    #menu li ul li a 
    {             
        font-weight:normal;            
        width:100%;
    }
    
    #menu li ul li ul li a
    {
       font-size:smaller;       
       
    }
    
    #menu .selectedPage 
    {
        font-weight:bold;
        color:#d60c16;
    }
/*END OF  TEST  MENU */	
	
	
	
	
	/*QUICKLINKS*/
    #header #quickLinks 
    {            
	    float:right;		    
	    height:44px;
	    margin-right:5px;	    	    
    }
	
    /* NOT USED */
	#mainNav
	{	   
		height: 0px;
		background-color: transparent;
	}
	
	#lhs
	{	
	    float: left; 			
		width: 245px;				
	}
	
	#lhs #headerLogo
	{
	    margin-left:30px;
	    padding-bottom:20px;
	    padding-top:5px;
	}
	
	#lhs #headerLogo h1 
    {
	   /* background-image:url(images/instalecLogoCentred.jpg); */
	    background-position: centre;
	    background-repeat:no-repeat;   
	    width:182px;	    
	    height:173px; 	    
	    margin:0px;
    }

    #lhs #headerLogo h1 span
    {
         display:none;  
    }
	

	#lhs #callUs
	{	   
	   background-image: url(images/InstalecCallMe.gif);
	   background-repeat:no-repeat;
       height:103px;	    	    
	   width:180px;
	   margin-left:30px;
	   padding-bottom:10px;
	}
	
	#lhs #callUs h2
	{	  
	  font-size:0.9em;
	  color:Black;
	  font-weight:normal;
	  
	}
	
	#lhs #callUs span
	{
	   visibility:hidden;
	}

	#lhs #search 
	{	    	  
	    
	    background-image: url(images/searchBoxNarrow.gif);
	    background-repeat:no-repeat;
	    margin-left:30px; 
	    padding-left:3px;
	    width:180px;
	    height:80px;    
	    padding-bottom:10px;	
	      
	}

	#lhs #partnerLogos
	{
	    background-image: url(images/partnerBox.gif);
	    background-repeat:no-repeat;
	    width:180px;
	    height:250px;
	    margin-left:30px;	   	    
	    padding-top:0px;
	    padding-bottom:30px;
	    
	}
	
	#lhs #partnerLogosSystimax, #lhs #partnerLogosMicrosoft, #lhs #partnerLogosCisco, #lhs #partnerLogosF5
	{
	    background-repeat:no-repeat;
	    width:180px;
	    height:100px;
	    margin-left:30px;	   	    
	    padding-top:0px;
	    padding-bottom:5px;
	}
	
	#lhs #partnerLogosSystimax
	{
	    background-image: url(images/partnerBoxSystimax.gif);
	}

	#lhs #partnerLogosMicrosoft
	{
	    background-image: url(images/partnerBoxMicrosoft.gif);
	}	
	
	#lhs #partnerLogosCisco
	{
	    background-image: url(images/partnerBoxCisco.gif);
	}
	
	#lhs #partnerLogosF5
	{
	    background-image: url(images/partnerBoxF5.jpg);
	}
	
	.searchTextBox 
	{	    	    
	    margin-top:41px;	    
	    width:135px;
	    height:15px;
	}
	
	.searchGoButton
	{
	    padding-top:37px;
	}
	
	#menu
	{
        margin-left:30px;
        margin-right:35px;
        padding-bottom:15px;
	}
	
	#contents 
	{
	    float:left;	    
	    width:690px;
	    margin-left:30px;	   
	        
	}
	
	
	
    #contents #news 
	{	    
	    margin: 5px 0px;	    	    	    
	    height:35px;	 
	    width:500px;
	    background-image: url(images/newsBox.gif);
	    background-color:transparent;
	    background-repeat:no-repeat;	 
	    padding-left:100px;   	
	    padding-right:80px;    	    	    	       	    	    	    	    
	}
	
	#contents #news #newsRssLinks
	{	    
	    overflow:hidden;
	    height:25px;
	    float:right;
	    width:110px;
	    margin-top:-25px;
	    margin-right:-90px;	    
	}
	
	#contents #news #newsScroller h2
	{	    
	    
	    margin-left:0px;
	    margin-top:11px;
	    font-size:1.1em;
	    color:Black;
	    
	}
	
	#contents #news a
	{
        margin-left:5px;
	    text-decoration: none;   
	    /*color:#d60c16;*/
	    color:Black;
	    font-weight:normal;

	}
	
	#contents #news span
	{	    
	    color:#d60c16;
	}
	

	
	#contents #banner
	{	   
	   width:690px;
	   height:260px;
	}
	
	#contents #bannerShadow 
	{
	    
	    height:26px;
	    background-image: url(images/bannerGrad.gif); 
	    background-repeat:no-repeat;    
	    
	}
	
	#contents #breadCrumbs 
	{
	    height:25px;	    
	    color:Gray;
	    font-weight:bold;
	    font-size:larger;	 
	    margin-top:-10px;
	    margin-left:15px;
	}
	
	#contents #breadCrumbs a:link, #contents #breadCrumbs a:visited,#contents #breadCrumbs a:active,#contents #breadCrumbs a:hover
	{
	    color:#333333;
	}
	
		
	
	
	#contents #mainContent 
	{
	    padding:1.9em 1.4em ;
	    background-color:White;	    
	    min-height:200px;
	    margin-bottom:8px;	    
	}
	
	
	#mainContent #directionsBoxAberdeen
	{
	 background-image:url(images/directionsAberdeen.gif);
	 background-repeat:no-repeat;
	 background-position:right;	 
	 width:100%;
	 height:169px;
	}


	#mainContent #directionsBoxGlasgow
	{
	 background-image:url(images/directionsGlasgow.gif);
	 background-repeat:no-repeat;
	 background-position:right;	 
	 width:100%;
	 height:169px;
	}
	
	#mainContent #directionsBoxAberdeen a,#mainContent #directionsBoxGlasgow a
	{
	    overflow:auto;
	    color:#d60c16;
	    float:right;
	    margin-top:-40px;
	    padding-right:150px;
	}
	
	
	
/* MAIN CONTENT STYLE */	
	/* col1 and col2 can be used for formatting content pages which will display a white column and
       a grey right hand side bar, originally used in an event page */
       
	#mainContent #col1
	{
	    float:left;
	    width:440px;	    	    
	}
	
	#mainContent #col1 h2
	{
	    font-style:italic;
	    
	}
	
	#mainContent #col1 h3 
	{
	    font-style:italic;
	    font-size:larger;
	}
	
	
	
	#mainContent #col2
	{
	    float:left;
	    width:170px;
	    margin-left:30px;
	    padding-left:5px;
	    background-color:#e4e4e4;
	    padding-bottom:5px;
	    
	}
	
	#mainContent #col2 h2
	{
	    font-style:italic;	    
	    color:#5d5d5d;
	    text-align:center;
	    font-weight:bold;
	    font-size:1.1em;
	    margin-top:20px;
	}
	
	#mainContent #col2 h3
	{
	    color:#5d5d5d;
	}
	
	#mainContent #col2 ul
	{
	    margin-left:15px;
	}
	
	#contents #mainContent li
	{
	     
	    list-style-image:url(images/bullet.gif);
	     
	}
	
	
	#mainContent .instalecRed
	{
	    color:#d60c16;
	}
	
	#mainContent .instalecBoldBlack
	{
	    color:Black;
	    font-size:larger;
	    font-weight:bold;
	}
	
	#mainContent .instalecLargeText
	{
	    font-size:larger;
	}
	

    #mainContent .table2ColsForms_col1
    {
        text-align:right; padding:3px 12px 3px 3px;
    }
    
    #mainContent .table2ColsForms_col2
    {
        padding:3px;
    }
	
	
	/* 4 colulmn tab style */
    #mainContent #fourTabCol1
	{
	    
	    overflow:auto;
	    float:left;
	    background-image:url(images/dots.gif);
	    background-position:right;
	    background-repeat:repeat-y;
	    width:162px;	    
	    padding:0;	    
	    min-height:150px;
	}
	
	#mainContent #fourTabCol2
	{
	    overflow:auto;
	    float:left;
	    background-image:url(images/dots.gif);
	    background-position:right;
	    background-repeat:repeat-y;
	    width:162px;	    
	    padding:0;	    
	    min-height:150px;
	}
	
	#mainContent #fourTabCol3
	{
	    
	    overflow:auto;
	    float:left;
	    background-image:url(images/dots.gif);
	    background-position:right;
	    background-repeat:repeat-y;
	    width:162px;	    
	    padding:0;	    
	    min-height:150px;
	}
	
	#mainContent #fourTabCol4
	{
	    overflow:auto;
	    float:left;
	    width:162px;	    
	    padding:0;	    
	    min-height:150px;
	}	
	
	#mainContent #fourTabEnd
	{
	    clear:both;
	}
	
	#mainContent #fourTabCol1 h2,#mainContent #fourTabCol2 h2,#mainContent #fourTabCol3 h2, #mainContent #fourTabCol4 h2
	{
	    color:#d60c16;
	    margin:0 0 0 6px;
	    font-size:1.0em;
	}
	
	#mainContent #fourTabCol1 ul,#mainContent #fourTabCol2 ul,#mainContent #fourTabCol3 ul, #mainContent #fourTabCol4 ul
	{	    
        
	    padding-left:8px;
	    margin-left:10px;
	}
	#mainContent #fourTabCol1 li,#mainContent #fourTabCol2 li,#mainContent #fourTabCol3 li, #mainContent #fourTabCol4 li
	{
        font-size:0.9em;
	    list-style-image:url(images/bullet.gif);
	    
	}
		
	/*End of 4 tab col*/
	
	/* 2 colulmn tab style */
    #mainContent #twoTabCol1
	{
	    
	    overflow:auto;
	    float:left;
	    background-image:url(images/dots.gif);
	    background-position:right;
	    background-repeat:repeat-y;
	    width:324px;	    
	    padding:0;	    
	 
	}
	
    #mainContent #twoTabCol2
	{
	    
	    overflow:auto;
	    float:left;
	    
	    background-position:right;
	    background-repeat:repeat-y;
	    width:324px;	    
	    padding:0;	    
	 
	}
		
	#mainContent #twoTabEnd
	{
	    clear:both;
	}	

	#mainContent #twoTabCol1 h2,#mainContent #twoTabCol2 h2
	{
	    color:#d60c16;	    
	    margin:0 0 0 12px;
	}
	
	#mainContent #twoTabCol1 ul,#mainContent #twoTabCol2 ul
	{	    
	 
	}
	#mainContent #twoTabCol1 li,#mainContent #twoTabCol2 li
	{
	    
	    list-style-image:url(images/bullet.gif);
	    
	}	
	
	#mainContent #caseStudyList ul
	{
	    color:Red;
	    list-style-image:none;
	    list-style-type:circle;
	    
	}
	/* END OF 2 colulmn tab style */
	
/* END OF MAIN CONTENT STYLES */


	#mapNav
	{
	    margin-left: auto; 
        margin-right: 5px;
        margin-top:0px;           
		text-align: left;		
        
	}
	
	#footer
	{
	    margin-left: auto; 
        margin-right: auto;
        margin-top:0px;
        width: 980px;	            
		text-align: left;		
        
	}
	
    #footer #copyright 
	{
	    clear:both;
	    float:left;
	    height:20px;
	    margin-left:0px;	    	    	    
	    width:450px;
	    font-size:1em;
	    color:#333333;	    
	}
	
	#footer #navigation,
	#mapNav #navigation
	{	 
	    float:right;
	    margin-right:0px;	    
	    height:20px;	    
	    width:500px;
	    font-size:1em;	    
	}
	
    #footer #navigation ul,
    #mapNav #navigation ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: right;                
    }

    #footer #navigation ul li,
    #mapNav #navigation ul li 
    {
        display: inline;         
        border-right : solid 1px #333333;
    }

    #footer #navigation ul li a,
    #mapNav #navigation ul li a
    {
        text-decoration: none;
        padding: .2em 1em;
        color:#333333;	
    }

    #footer #navigation ul li a:hover,
    #mapNav #navigation ul li a:hover
    {
        color: Black;
        text-decoration:underline;
    }

	.breadCrumbsNode
	{
	    font-family:Verdana, Arial;
	    color:#333333;   
	    font-size:smaller; 
	    text-decoration:none;
	}
	
	.breadCrumbsCurrentNode
	{
	    font-family:Verdana, Arial;
	    color:#d60c16;
	    font-size:smaller; 
	    text-decoration:none;
	}
	
	.breadCrumbsPathSeperator
	{
	    font-family:Verdana, Arial;
	    color:#333333;  
	    font-size:smaller; 
	}
	
	
	

	
	
	.searchResultsLink
	{
	     font-size:1.3em;     
	     color:#d60c16;
	     font-weight:bold;
	}
	
	.gridViewReadArticleLink
	{
	    color:#d60c16;
	}
	
	.rssLink,.rssLinkForNewsScroller
	{
	    background-image:url(images/rss.gif);
	    background-position:left;
	    background-repeat:no-repeat;
	    padding-left:15px;
	    margin-left:5px;
	    color:#d60c16;
	    float:right;
	    
	}
	

	
	
/* NEW QUICK LINK MENU */
    #quickLinks ul li 
    {
        background-image:url(images/quickLinks.gif); background-repeat : no-repeat; 
        
    }
    
    /* the quick links header */
    #quickLinks ul span {color:White;  padding:2px 1px 2px 5px; font-weight:bold;}
    
    #quickLinks ul {margin: 0; padding: 0; list-style: none;}
    
    #quickLinks li { /* all list items */  position: relative; width: 180px; height:28px; list-style: none; z-index:10;}
    
    #quickLinks ul ul 
    {
        display:none;
        margin-top:-15px;        
        background-color:transparent;
    }
    
    #quickLinks ul li ul li
    {
        background-image:url(images/quickLinksOption.gif);
        background-repeat : no-repeat;
        
        top:20px;
        height:20px;
        margin: 0;
        padding: 0; 
        padding-left:15px;           
    }
    
    #quickLinks li:hover>ul { display:block; }  
    
    #quickLinks a 
    {
        display:block;
        height:20px;
        width:80%; 
        color:White;
        font-weight:bold;    
    }
    
/* END OF NEW QUICK LINK MENU */	



/* Icon Styles */
/*#navigation li a.submenu {background:#fff url("images/v_arrow.gif") no-repeat right; }
#navigation li a.submenu:hover {background:#f9f9f9 url("images/v_arrow.gif") no-repeat right;}*/
#navigation li ul a.submenu {background:#fff url("images/r_arrow.gif") no-repeat right;}
#navigation li ul a.submenu:hover {background:#f9f9f9 url("images/r_arrow.gif") no-repeat right;}


/*END OF QUICK LINK MENU */