/*
/ --------------------------------------
/	Highlands & Islands Enterprise
/   Frame Digital
/ --------------------------------------
/

/	- Main Navigation
/	- Sub Navigation
/	- Tabbed Navigation
/	- Lists Navigation
/	- Gaelic Main Navigation
/------------------*/


/*-----------------------
/
/	- Main Navigation
/
/-----------------------*/

#header .main-navigation ul#gaelic-main-nav,
#header .main-navigation ul#main-nav {

    line-height:normal;
    margin-top:8px;
    position: relative;
}

#header .main-navigation ul#gaelic-main-nav { width: 688px; height: 43px;}

#header .main-navigation .editarea { z-index: 5000; }

#header .main-navigation ul#gaelic-main-nav li,
#header .main-navigation ul#main-nav li {
	float:left;
	list-style-type: none;
	height: 26px;
	padding: 0px;
	margin: 0 0 0 3px;	
}

#header .main-navigation ul#gaelic-main-nav li { background: none; }

#header .main-navigation ul#gaelic-main-nav li a,
#header .main-navigation ul#main-nav li a {

    font-family: Arial,Helvetica;
	color: #fff;
	font-size: 15px;
	padding: 4px 12px;
    background: url(/themes/default/images/nav/main.gif);
    background-position: top;
    line-height:normal;
    float: left;
} 

#header .main-navigation ul#gaelic-main-nav li a
{
    background: url(/themes/default/images/nav/gaelic-main.gif) repeat-x top #82d138;
    height: 34px;
    text-align: center;
}

#header .main-navigation ul#main-nav li a:hover {
	text-decoration: none;
	background: url(/themes/default/images/nav/main.gif);
	background-position: bottom;
}

#header .main-navigation ul#gaelic-main-nav li a:hover,
#header .main-navigation ul#main-nav li a.selected {
	display: block;
	background: url(/themes/default/images/nav/gaelic-main.gif) repeat-x bottom #82d138;
    text-decoration: none;
}

#header .main-navigation ul#gaelic-main-nav li { height: 42px; }
#header .main-navigation ul#gaelic-main-nav li a.selected
{
    background: url(/themes/default/images/nav/gaelic-main.gif) repeat-x bottom #82d138;
}

li.dachaigh a { width: 80px; height: 28px; line-height: 42px; }

li.co-a-th-annainn a cufon,
li.dachaigh a cufon { top: 7px; }

li.co-a-th-annainn a { width: 57px; height: 42px; }
li.cruth-atharrachail a { width: 138px; height: 42px; }
li.choimhearsnachdan a { width: 146px; height: 42px; }
li.sonraichte a { width: 129px; height: 42px; }


/*-----------------------
/
/	- Sub Navigation
/
/-----------------------*/

#left .nav
{
	display: block;
	float: left;
	position: relative;    
}

#left .nav li {
	list-style-type: none;    
    padding-left: 0px;
	float: left;
	min-height: 20px;
	width: 220px;
    margin: 0px;		
}

#left .nav li.section { background-image: none; }

#left .nav li a {    
	display: block;
	color: #FFFFFF;
	font-size: 15px;
	padding: 5px 0px 7px 15px;
    background: url(/themes/default/images/nav/sub-nav-sample.jpg) repeat-x bottom #82d138;
    margin-bottom: 1px;    
} 

#left .nav li a.selected,
#left .nav li a:hover {
	display: block;
	text-decoration: none;
	background: #2c539e url(/themes/default/images/nav/sub-nav-sample-hover.jpg) repeat-x 0 bottom;
}

#left .nav li ul.sub-pages
{
    background-color: #fff; 
    float: left;
}

#left .nav li .sub-pages li
{
    
    background: none;
}

#left .nav li .sub-pages li a:hover,
#left .nav li .sub-pages li a
{
    background: #e5e5e5; 
    margin-bottom: 1px;
    color: #2C539E;
    font-size:12px;
    line-height: 12px;    
    font-weight: bold;
    padding: 9px 0 11px 15px;
}

#left .nav li .sub-pages li a.selected,
#left .nav li .sub-pages li a:hover
{
    background: #f2f2f2;
    
}

#left .nav li ul.sub-pages li ul.sub-pages, 
#left .nav li ul.sub-pages li ul.sub-pages li,
#left .nav li ul.sub-pages li ul.sub-pages li a
{ 
    background: #fff;
    font-weight: normal;    
    padding: 5px 0 5px 0px;
}

#left .nav li ul.sub-pages li ul.sub-pages li a:hover,
#left .nav li ul.sub-pages li ul.sub-pages li a.selected
{
    background: url(/themes/default/images/nav/double-green-arrow.gif);
    background-repeat: no-repeat;
    background-position: 23px 9px;
    _padding: 5px 0 5px 0px;
    padding-left: 33px; 
    font-weight: bold;
    
}

#left .nav li ul.sub-pages li ul.sub-pages li a
{
    background-image: url(/themes/default/images/nav/green-arrow.gif); 
    background-repeat: no-repeat;
    background-position: 23px 9px;
    padding-left: 33px;     
}   

/*-----------------------
/
/	- Tabbed Navigation
/
/-----------------------*/


ul#tabbed-nav {
	
	width: 100%;
	margin: 10px 0 20px !important;
    padding: 0px !important;
	height: 36px;
    float:left;    
    background-image: url(/themes/default/images/framework/tab-blue.gif); 
    background-position: bottom; 
    background-repeat: repeat-x;
    background-color: #fff;
}

ul#tabbed-nav li {
	background-image: none;
    padding-left: 0px;
    float: left;	
	list-style-type: none;
    margin: 0px; 
    height: 36px;    
}

ul#tabbed-nav li a {
	color: #fff;
    font-weight: bold;
    display: block;
    border-left: solid 1px #4e5c77;
	height: 24px;    
    margin-top: 6px;    
	padding: 6px 11px 0 10px;
    float: left;
    
    _position: relative;        
} 

ul#tabbed-nav li a.selected {
	background-color: #FFFFFF;
	float: left;
	display: inline;
	list-style-type: none;
    border: solid 1px #b3c1dc;	
    border-bottom: 0px;
	height: 24px;    
    padding: 8px 10px 0 10px;
    margin: 3px 0 0 0;
    
    text-decoration: none;
    color: #063a7a;     
    _position: relative;      
}

ul#tabbed-nav li.right a.selected,
ul#tabbed-nav li.right a:hover { border-right: 1px solid #e2e2e2; }

/*-----------------------
/
/	- Pagination
/
/-----------------------*/


div#pagination
{        
    margin: 0 auto;
    float: left;
    width: 100%;
}

div#pagination p.totals
{
    padding-left: 3px;
}

div#pagination ul {		               
    margin: 0 auto;     
    background: none;  
    padding-top: 0px;
    padding-bottom:10px;
    clear: both;
    height: 30px;   
}

div#pagination ul li {
	list-style-type: none;
	float: left;
    margin: 0px;
	margin-right: 13px;
    text-align: center;
	background: url(/themes/default/images/nav/box-grad-green.gif) repeat-x 0 0;

    padding:0px;
}

div#pagination ul li a {
	display: block;
	width: 30px;
	height: 24px;
	padding-top: 6px;
	color: #FFFFFF;
} 

div#pagination ul li a:hover {
	background: url(/themes/default/images/nav/box-grad-blue.gif) repeat-x 0 0;
	text-decoration: none;
	color: #FFFFFF;
}

div#pagination ul li.back,
div#pagination ul li.next { width: 49px; text-align: right; background-image: url(/themes/default/images/buttons/btn-next-back.gif); background-position: bottom left; }

div#pagination ul li.back { margin-left: 3px; }
div#pagination ul li.next { margin-right: 0px; background-position: bottom right; }

div#pagination ul li.back a { float: right; text-align: right; padding-right: 5px;width: 44px; background: none;}
div#pagination ul li.next a { float: left; text-align: left; padding-left: 5px;width: 44px; background: none; }

div#pagination ul li.back a span,
div#pagination ul li.next a span { display: none; }

div#pagination ul li:hover.back { background-position: top left; }
div#pagination ul li:hover.next { background-position: top right; }

div#pagination ul li.selected {
	list-style-type: none;
	float: left;
    margin: 0px;
	margin-right: 10px;
    text-align: center;
	background: url(/themes/default/images/nav/box-grad-blue.gif) repeat-x 0 0;
    
    padding:0px;
} 

div#pagination ul li.no-margin {
	margin-right: 0px;
}





/************************
    MEGA MENUS
************************/

#header .main-navigation ul#main-nav { float: left; z-index: 3000; }

#header .main-navigation ul#main-nav li .mega
{    
    display: none;
    position: absolute; 
    top: 27px; 
    left: -1px;     
    width: 532px;
    z-index: 3000;            
}

#header .main-navigation ul#main-nav li .mega .tools a 
{ padding: 0px; float: right; text-decoration: none; background: none !important;}

#header .main-navigation ul#main-nav li .mega-footer
{
    background-image: url(/themes/default/images/nav/mega-menu-footer.png);

    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    
    width: 502px;
    padding: 8px;

    _display: none;
}

#header .main-navigation ul#main-nav li .mega .mega-container
{
    width: 477px;
    padding: 0 16px 16px 25px;   
    float: left;

    background-image: url(/themes/default/images/nav/mega-menu-background.png);
    background-position: top left;
    background-repeat: no-repeat;

    _background: #fff;
    _border: solid 1px #cdcdcd;
}

li.home .mega {  }
li.about .mega { left: 63px !important; }
li.highlandisland .mega {  left: 154px !important; }
li.communities .mega { left: 0px !important; }
li.business .mega { left: 171px !important; }

#header .main-navigation ul#main-nav li .mega .brick-column,
#header .main-navigation ul#main-nav li .mega .brick-double,
#header .main-navigation ul#main-nav li .mega .brick
{
    width: 220px;
    margin-right: 10px;
    margin-top: 16px;    
}

#header .main-navigation ul#main-nav li .mega .brick-column { float: left; padding: 0px; margin: 0 10px 0 0; }

#header .main-navigation ul#main-nav li .mega .brick-double { width: 470px }

#header .main-navigation ul#main-nav li .mega .brick-double li,
#header .main-navigation ul#main-nav li .mega .brick li { display: block; width: 100%; height: auto; }

#header .main-navigation ul#main-nav li .mega .brick-double a,
#header .main-navigation ul#main-nav li .mega .brick a { background: none; font-size: 12px; color: #063A7A; }

#header .main-navigation ul#main-nav li.hover .mega,
#header .main-navigation ul#main-nav li:hover .mega
{
    display: block;
}


/* OVERRIDES */
.link-box a { float: none !important; padding: 0px !important; margin: 0px !important; }

.mega-link { float: left !important;  width: 99%; }

.mega-link a
{
    background: none !important;
    color: #063A7A !important;
    font-size: 12px !important; 
    float: right !important;
      
}

.mega-link a:hover
{
    text-decoration: underline !important;
    color: #60A81A !important;
}   


/*-----------------------
/
/	- Gaelic Main Navigation
/
/-----------------------*/

#gaelic-main-nav