/* 
    Document   : global
    Created on : 22-Jul-2009, 06:22:52
    Author     : Flemming Arnott
    Description: 
*/


body {
    margin:0;
    padding:0;
    font-size:62.5%;
    font-family:Arial, sans-serif;
    background-color:#ffffff;
}

img {
    border:0px
}

a {
    color:#B4B905;
}

h1 {
    margin-top:-6px;
    margin-bottom:-6px;
}
h1 span {
    display:block;
}
h1 span.h1_small {
    font-size:3em;
    font-weight:normal;
    color:#B0AFAD;
    margin-bottom:-8px;
}
h1 span.h1_large {
    font-size:4em;
    font-weight:normal;
    color:#B5BF00;
}

.hidden {
    display:none;
}

#wrapper {
    width:953px;
    margin:0 auto;
    padding:0 11px;
    background-image:url(../images/page_drop_shadow.gif);
    background-repeat:repeat-y;
}

#header {
    background-image:url(../images/live_hebrides_logo.gif);
    background-repeat:no-repeat;
}

#top_bar {
    height:27px;
    background-image:url(../images/top_bar_gradient.gif);
}

#slideshow {
    width:725px;
    height:185px;
    margin:10px 0 10px 208px;
    border:10px solid #CBCDCC;
}

/* main navigation */
#navigation {
    padding-left:206px;
    background-color:#7D7E7D;
    background-image:url(../images/main_menu_gradient.gif);
    background-repeat:repeat-x;
    font-size:1.2em;
    height:1%;
}
#navigation ul#parent{
    width:100%;
}

li.nav_parent {
    float:left;
    margin-right:15px;
    position:relative;
}
li.current {
    /*background-image:url(../images/main_menu_current.gif);
    background-repeat:repeat-x;*/
}
li.nav_parent a.current {
    color:#494949;
}
li.nav_last {
    margin-right:0;
}
li.nav_parent a {
    display:block;
    color:#888888;
    text-decoration:none;
    font-weight:bold;
    padding:8px 16px 7px 16px;
}
li.nav_parent li a {
    padding:8px 16px 7px 16px!important;
    padding:0 16px;
}
li.nav_parent li a.first {
    padding-top:8px;
}
li.nav_parent a:hover {
    color:#494949;
}

li.nav_parent ul {
    display: none;
    width:150px;
    padding-bottom:3px;
    background-color:#dcdcdc;
    background-image:url(../images/menu_dropdown_bg.gif);
    background-position:bottom;
    position:absolute;
    top:30px;
    left:0;
    z-index:999;
}
li.nav_parent:hover ul {
    display: block;
}
li.nav_parent ul li a:hover {
    background-image:url(../images/menu_dropdown_hover_bg.gif);
    background-repeat:repeat-y;
}



#content {
    padding:18px 12px 0 0!important;
    padding:18px 0 18px 0;
    height:1%;
}
#content.home {
    padding:18px 12px 0 12px!important;
    padding:18px 0 18px 12px;
}
/* page column styles */
#content_left {
    width:751px;
    float:left;
    display:inline;
}
#content_left.home {
    width:715px;
    float:left;
    display:inline;
}
#content_right {
    display:inline;
    float:left;
    margin-left:0;
    padding-left:0;
    width:189px;
}
#content_right.home {
    border-left:1px solid #D9D9D9;
    display:inline;
    float:left;
    margin-left:12px;
    padding-left:12px;
    width:189px;
}

#home_newsletter {
    float:left;
    width:183px;
    background-color:#F2F2F2;
    background-image:url(../images/newsletter_logo_bg.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    padding-bottom:15px;
}
#home_newsletter h2 {
    height:18px;
    background-image:url(../images/main_menu_gradient.gif);
    background-repeat:repeat-x;
    color:#696969;
    font-size:1.2em;
    padding:6px 10px;
}
#home_newsletter form {
    margin:12px 0 12px 12px;
    color:#757575;
    font-size:1.1em;
    font-weight:bold;
}
#home_newsletter form label, #home_newsletter input {
    display:block;
    margin-bottom:2px;
}
#home_newsletter input {
    width:155px;
    margin-bottom:8px;
}
#home_newsletter div.button {
    float:right;
    padding-right:12px;
    padding-top:12px;
}
#home_newsletter div input {
    width:auto;
    border-top:1px solid #E7E7E7;
    border-right:1px solid #A6A6A6;
    border-bottom:1px solid #A6A6A6;
    border-left:1px solid #E7E7E7;
    background-color:#D3D3D3;
    padding:4px 15px;
    /*background-image:url(../images/button_submit.gif);*/
    color:#666666;
    font-weight:bold;
    font-family:arial,sans-serif;
}
#home_newsletter .errors {
    display:none;
    margin:4px 12px 0px 12px;
}
#home_newsletter .errors label {
    display:block;
    margin-bottom:2px;
    font-size:1.1em;
    color:#8A8C8E;
}
#home_newsletter input.error {
    border:1px solid #B4B905;
}



#home_copy {
    float:left;
    width:500px;
    margin-left:12px;
    border-left:1px solid #D9D9D9;
    padding-left:12px;
    font-size:1.1em;
    color:#7F7F7F;
    margin-bottom:57px; /* not ideal! */
}
#home_copy p {
    padding-bottom:2px;
    line-height:140%;
}
#home_copy h1 span.h1_small {
    color:#B0AFAD;
}
#home_copy h1 span.h1_large {
    color:#B5BF00;
}

#home_events {
    width:715px;
    margin-top:15px;
    background-color:#ffffff;
    background-image:url(../images/events_logo_bg.gif);
    background-repeat:no-repeat;
    background-position:0 -4px;
}
#home_events ul {

}
#home_events li {
    float:left;
}
#home_events h2.upcoming {
    height:28px;
    width:157px;
    background-image:url(../images/events_box_header_upcoming.gif);
    background-repeat:no-repeat;
    color:#74765A;
    font-size:1.2em;
    padding:6px 10px;
}
#home_events span.header_01 {
    display:block;
    height:40px;
    width:181px;
    background-image:url(../images/events_box_header_01.gif);
    background-repeat:no-repeat;
}
#home_events span.header_02 {
    display:block;
    height:40px;
    width:178px;
    background-image:url(../images/events_box_header_02.gif);
    background-repeat:no-repeat;
}
#home_events span.header_03 {
    display:block;
    height:40px;
    width:179px;
    background-image:url(../images/events_box_header_03.gif);
    background-repeat:no-repeat;
}
#home_events li {
    height:160px;
    background-image:url(../images/home_events_box_bg.png);
    background-repeat:no-repeat;
    background-position: bottom right;
}
#home_events li:hover {
    background-position: 0 bottom;
}
#home_events a.home_events_box_01 {
    /*padding-top:11px;*/
}
#home_events a, #home_news a {
    text-decoration:none;
}
#home_events a span, #home_news a span {
    display:block;
    width:150px;
    padding-left:10px;
    font-size:1.2em;
    text-decoration:none;
    cursor:pointer;
}
#home_news a span {
    width:165px;
}
#home_events a span.date, #home_news a span.date {
    color:#B5BF00;
    font-weight:bold;
    margin-bottom:2px;
}
#home_events a span.title, #home_news a span.title {
    color:#414042;
    margin-bottom:10px;
}
#home_events a span.details, #home_news a span.details {
    color:#8A8C8E;
    font-weight:bold;
    margin-bottom:3px;
}
#home_events a span.more, #home_news a span.more {
    color:#B5BF00;
    font-weight:bold;
	margin-top:12px;
}

h2.home_news {
    width:169px;
    height:18px;
    background-image:url(../images/main_menu_gradient.gif);
    background-repeat:repeat-x;
    color:#696969;
    font-size:1.2em;
    padding:6px 10px;
}
ul#home_news {
    width:189px;
    background-color:#ffffff;
    background-image:url(../images/news_logo_bg.gif);
    background-repeat:no-repeat;
}
ul#home_news li {
    background-image:url(../images/home_news_box_bg.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    padding:10px 10px 17px 0;
}
ul#home_news li:hover {
    background-position: bottom left;
}

/* events page */
a.reserve {
    display:block;
    padding-top:5px;
    color:#F5B31B;
    text-decoration:none;
    font-weight:bold;
}
a.reserve:hover {
    text-decoration:underline;
}
a.reserve span {
    display:none;
}

/* accessibility */
#copy ul#accessibility {
    margin:12px;
    margin-top:12px!important;
    margin-top:20px;
}
#copy blockquote {
    margin:20px 0 10px 0;
    border:1px solid #7F7F7F;
    padding:5px;
    background-color:#f5f5f5;
}


/* if there's nothing to display in the left column */
#left_spacer {
    width:183px;
    float:left;
}


/* generic page styles */
#copy {
    border-left:1px solid #D9D9D9;
    border-right:1px solid #D9D9D9;
    color:#7F7F7F;
    float:left;
    font-size:1.1em;
    margin-left:12px;
    margin-right:12px!important;
    margin-right:0;
    padding-left:12px;
    padding-right:12px;
    width:506px;
}
#copy p {
    padding-bottom:2px;
    line-height:140%;
}
#copy h1 {
    font-size:2.6em;
    font-weight:normal;
    margin-bottom:0px;
}
#copy h2 {
    color:#494949;
    margin-bottom:-8px;
    margin-top:12px;
    font-size:1.2em;
}
#copy h3 {
    color:#494949;
    margin-bottom:-10px;
    margin-top:14px;
    font-size:1.2em;
}
#copy h3.address {
    margin-bottom:2px;
}
#copy ul {
    list-style:square;
    list-style-position:outside;
    margin:-12px 12px -6px 24px;
    color:#494949;
}
#copy ol {
    list-style-position:outside;
    margin:-12px 12px -6px 24px;
    color:#494949;
}
#copy li {
    line-height:140%;
}
#copy dl {
    list-style:none;
    margin:12px 0;
    padding:0 0 12px 0;
    font-size:1em;
}
#copy dt {
    font-weight:normal;
    font-size:1em;
    padding:0 0 2px 0;
}
#copy dd {
    padding:0 0 20px 0;
    font-weight:normal;
}

h2.tips {
    width:169px;
    height:18px;
    background-image:url(../images/main_menu_gradient.gif);
    background-repeat:repeat-x;
    color:#696969;
    font-size:1.2em;
    padding:6px 10px;
}
#tips {
    width:189px;
    background-color:#ffffff;
    background-image:url(../images/tips_box_bg.gif);
    background-repeat:no-repeat;
}
#tips dl {
    list-style:none;
    margin:0;
    padding:0 0 12px 0;
    background-image:url(../images/tips_box_cyan_bg.png);
    background-position:bottom;
    background-repeat:no-repeat;
    color:#7F7F7F;
    font-size:1.2em;
}
#tips dt {
    font-weight:bold;
    font-size:1em;
    padding:10px 10px 0 10px;
}
#tips dd {
    padding:4px 10px 10px 10px;
    color:#8A8C8E;
    font-weight:bold;
}


/* left side sub navigation */
#sub_navigation {
    float:left;
    width:195px;
}
#sub_navigation ul {

}
#sub_navigation li {
    padding-bottom:5px;
}
#sub_navigation li a {
    display:block;
    width:183px;
    height:42px;
    border:6px solid #CBCDCC;
    background-repeat:no-repeat;
    color:#CACACA;
    text-decoration:none;
    font-size:1.1em;
    position:relative;
}
#sub_navigation li a span {
    display:block;
    position:absolute;
    bottom:0;
    left:6px;
    padding-bottom:3px;
}
#sub_navigation li a i {
    display:none;
}


/* meet the team */
#copy ul#team, #copy ul#team ul {
    list-style:none;
    margin:20px 0;
    padding:0;
}
ul#team li {
    padding-bottom:18px!important;
    padding-bottom:0;
}
ul#team li img {
    border:6px solid #CBCDCC;
    padding-bottom:0;
}
ul#team li.image {
    float:left;
    width:104px;
    padding-bottom:0;
    margin-top:2px;
}
ul#team li.copy {
    float:left;
    width:400px;
}
ul#team h2 {
    margin-top:0;
}

/* news and events pages */
#copy div.news_events_header_bar {
    height:18px;
    margin-top:22px;
    background-image:url(../images/main_menu_gradient.gif);
    background-repeat:repeat-x;
    color:#696969;
    font-size:1.1em;
    font-weight:bold;
    padding:6px 10px;
}
#copy div.nehb_first {
    margin-top:6px;
}
#copy h2.news_events_headline {
    font-size:1.6em;
    font-weight:normal;
}
#copy ul.events_extra {
    list-style:none;
    margin:8px 0 4px 0;
    padding:0;
}
#copy ul.events_extra li {
    color:#7F7F7F;
    padding-bottom:4px;
}

/* contact page */
#copy.contact {
    position:relative;
}
#contact_left {
    width:275px;
    border-right:1px solid #D9D9D9;
    margin-bottom:20px;
    margin-top:5px;
    z-index:-1000;
    /*min-height:230px;*/
}
#address {
    position:absolute;
    bottom:20px;
    left:302px;
    line-height:140%;
}
#address h3 {
    font-size:1.2em;
    color:#B4B905;
}
#address a {
    color:#7F7F7F;
    text-decoration:none;
}
#address a:hover {
    text-decoration:underline;
}
#contact_left form {
    margin:12px 0;
    color:#757575;
    font-size:1.1em;
    font-weight:bold;
}
#contact_left form label, #contact_left input {
    display:block;
    margin-bottom:2px;
}
#contact_left input, #contact_left textarea {
    width:259px;
    margin-bottom:8px;
}
#contact_left textarea {
    font-size:0.9em;
    font-family:Arial,sans-serif;
}
#contact_left div.button {
    float:right;
    padding-right:12px;
    padding-top:12px;
}
#contact_left div input {
    width:auto;
    border-top:1px solid #E7E7E7;
    border-right:1px solid #A6A6A6;
    border-bottom:1px solid #A6A6A6;
    border-left:1px solid #E7E7E7;
    background-color:#D3D3D3;
    padding:4px 15px;
    /*background-image:url(../images/button_submit.gif);*/
    color:#666666;
    font-weight:bold;
    margin-bottom:0;
    font-family:arial,sans-serif;
    font-size:0.9em
}
#contact_left .errors, #contact_left .errors_php {
    display:none;
    margin:12px 12px 12px 0;
}
#contact_left .errors_php {
    display:block;
}
#contact_left .errors label, #contact_left .errors_php label {
    display:block;
    margin-bottom:2px;
}
#contact_left input.error, textarea.error {
    border:1px solid #B4B905;
}

/* survey page */
#copy.feedback p {
    padding-bottom:8px;
}
body.green #copy a.survey {
    display:block;
    background-color:#D3D3D3;
    border-color:#E7E7E7 #A6A6A6 #A6A6A6 #E7E7E7;
    border-style:solid;
    border-width:1px;
    color:#666666;
    margin-bottom:0;
    padding:4px 15px 5px 15px;
    width:40px;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
    font-family:arial,sans-serif;
}
body.green #copy a.survey:hover {
    color:#666666;
}


/* newsletter signup (full page) */
#newsletter_request {
    width:259px;
}
#newsletter_request form {
    margin:12px 0;
    color:#757575;
    font-size:1.1em;
    font-weight:bold;
}
#newsletter_request form label, #newsletter_request input {
    display:block;
    margin-bottom:2px;
}
#newsletter_request input, #newsletter_request textarea {
    width:259px;
    margin-bottom:8px;
}
#newsletter_request textarea {
    font-size:0.9em;
    font-family:Arial,sans-serif;
}
#newsletter_request div.button {
    float:right;
    padding-right:0px;
    padding-top:12px;
}
#newsletter_request div input {
    width:auto;
    border-top:1px solid #E7E7E7;
    border-right:1px solid #A6A6A6;
    border-bottom:1px solid #A6A6A6;
    border-left:1px solid #E7E7E7;
    background-color:#D3D3D3;
    padding:4px 15px;
    /*background-image:url(../images/button_submit.gif);*/
    color:#666666;
    font-weight:bold;
    margin-bottom:0;
    font-family:arial,sans-serif;
    font-size:0.9em;
}
#newsletter_request .errors, #newsletter_request .errors_php {
    display:none;
    margin:12px 12px 12px 0;
}
#newsletter_request .errors_php {
    display:block;
}
#newsletter_request .errors label, #newsletter_request .errors_php label {
    display:block;
    margin-bottom:2px;
}
#newsletter_request input.error, #newsletter_request textarea.error {
    border:1px solid #F5B31B;
}


/* jargon list */
#copy.jargon strong {
    display:block;
    color:#494949;
}

/* sitemap */
#copy ul#sitemap {
    margin:40px;
    padding:0;
}
#copy ul#sitemap ul {
    margin:0 0 0 30px;
    padding:0;
}


/* colorways */
body.cyan #copy h1 {
    color:#00A5D5;
}
body.cyan #tips dt {
    color:#00A5D5;
}
body.cyan #sub_navigation li a:hover, body.cyan #sub_navigation li a.sub_current {
    border-color:#00A5D5;
    color:#ffffff;
}
body.cyan #freephone .phone_number {
    color:#00A5D5;
}
body.cyan #copy a, body.cyan #tips dl a {
    color:#00A5D5;
}
body.cyan #copy a:hover, body.cyan #tips dl a:hover {
    color:#4CC0E2;
}


body.yellow #copy h1 {
    color:#F5B31B;
}
body.yellow #tips dl {
    background-image:url(../images/tips_box_yellow_bg.png);
}
body.yellow #tips dt {
    color:#F5B31B;
}
body.yellow #sub_navigation li a:hover, body.yellow #sub_navigation li a.sub_current {
    border-color:#F5B31B;
    color:#ffffff;
}
body.yellow #freephone .phone_number {
    color:#F5B31B;
}
body.yellow #copy a, body.yellow #tips dl a {
    color:#F5B31B;
}
body.yellow #copy a:hover, body.yellow #tips dl a:hover {
    color:#F8CA5F;
}

body.green #copy h1 {
    color:#B4B905;
}
body.green #tips dl {
    background-image:url(../images/tips_box_green_bg.png);
}
body.green #tips dt {
    color:#B4B905;
}
body.green #sub_navigation li a:hover, body.green #sub_navigation li a.sub_current {
    border-color:#B4B905;
    color:#ffffff;
}
body.green #freephone .phone_number {
    color:#B4B905;
}
body.green #copy a, body.green #tips dl a {
    color:#B4B905;
}
body.green #copy a:hover, body.green #tips dl a:hover {
    color:#CACE50;
}

body.magenta #copy h1 {
    color:#D5006E;
}
body.magenta #tips dl {
    background-image:url(../images/tips_box_magenta_bg.png);
}
body.magenta #tips dt {
    color:#D5006E;
}
body.magenta #sub_navigation li a:hover, body.magenta #sub_navigation li a.sub_current {
    border-color:#D5006E;
    color:#ffffff;
}
body.magenta #freephone .phone_number {
    color:#D5006E;
}
body.magenta #copy a, body.magenta #tips dl a {
    color:#D5006E;
}
body.magenta #copy a:hover, body.magenta #tips dl a:hover {
    color:#E24C99;
}

body.purple #copy h1 {
    color:#A00081;
}
body.purple #tips dl {
    background-image:url(../images/tips_box_purple_bg.png);
}
body.purple #tips dt {
    color:#A00081;
}
body.purple #sub_navigation li a:hover, body.purple #sub_navigation li a.sub_current {
    border-color:#A00081;
    color:#ffffff;
}
body.purple #freephone .phone_number {
    color:#A00081;
}
body.purple #copy a, body.purple #tips dl a {
    color:#A00081;
}
body.purple #copy a:copy, body.purple #tips dl a:hover {
    color:#BC4CA7;
}



/* page specific subnav images */
#sub_navigation li a.what_is {
    background-image:url(../images/sub_menus/what_is.jpg);
}
#sub_navigation li a.meet_team {
    background-image:url(../images/sub_menus/meet_team.jpg);
}
#sub_navigation li a.services_provide {
    background-image:url(../images/sub_menus/services_provide.jpg);
}
#sub_navigation li a.broadband_benefits {
    background-image:url(../images/sub_menus/broadband_benefits.jpg);
}
#sub_navigation li a.broadband_community {
    background-image:url(../images/sub_menus/broadband_community.jpg);
}
#sub_navigation li a.news {
    background-image:url(../images/sub_menus/news.jpg);
}
#sub_navigation li a.events {
    background-image:url(../images/sub_menus/events.jpg);
}
#sub_navigation li a.newsletter {
    background-image:url(../images/sub_menus/newsletter.jpg);
}
#sub_navigation li a.contact {
    background-image:url(../images/sub_menus/contact.jpg);
}
#sub_navigation li a.feedback {
    background-image:url(../images/sub_menus/feedback.jpg);
}
#sub_navigation li a.broadband_questions {
    background-image:url(../images/sub_menus/broadband_questions.jpg);
}
#sub_navigation li a.ict_questions {
    background-image:url(../images/sub_menus/ict_questions.jpg);
}
#sub_navigation li a.ecommerce_questions {
    background-image:url(../images/sub_menus/ecommerce_questions.jpg);
}
#sub_navigation li a.jargon_buster {
    background-image:url(../images/sub_menus/jargon_buster.jpg);
}
#sub_navigation li a.cs_hebrides_tv {
    background-image:url(../images/sub_menus/cs_hebrides_tv.jpg);
}
#sub_navigation li a.cs_isles_fm {
    background-image:url(../images/sub_menus/cs_isles_fm.jpg);
}
#sub_navigation li a.cs_sample_1 {
    background-image:url(../images/sub_menus/cs_sample_1.jpg);
}
#sub_navigation li a.cs_sample_2 {
    background-image:url(../images/sub_menus/cs_sample_2.jpg);
}





/* footer */
#footer {
    width:953px;
    margin:0 auto;
    padding:20px 11px 0 11px;
    background-image:url(../images/page_drop_shadow.gif);
    background-repeat:repeat-y;
}

#twitter_facebook {
    float:left;
    display:inline;
    margin-left:12px;
    margin-top:6px;
}
#twitter_facebook li.twitter a{
    display:block;
    width:87px;
    height:24px;
    background-image:url(../images/twitter_logo.gif);
    text-indent:-9999px;
    margin-bottom:7px;
}
#twitter_facebook li.facebook a{
    display:block;
    width:87px;
    height:27px;
    background-image:url(../images/facebook_logo.gif);
    text-indent:-9999px;
}

#freephone {
    float:left;
    display:inline;
    margin-left:120px;
}

#freephone .freephone {
    font-size:3em;
    font-weight:normal;
    display:block;
    margin-bottom:-7px;
    color:#B0AFAD;
}
#freephone .phone_number {
    font-size:4em;
    color:#B5BF00;
}

#association_logos {
    float:left;
    display:inline;
    margin-left:154px;
    margin-top:6px;
}
#association_logos li {
    float:left;
    padding-left:15px;
}
#association_logos li.europe_scotland span{
    display:block;
    width:88px;
    height:47px;
    margin-top:8px;
    background-image:url(../images/europe_scotland_logo.gif);
    text-indent:-9999px;
}
#association_logos li.flag span{
    display:block;
    width:52px;
    height:53px;
    background-image:url(../images/flag_logo.gif);
    text-indent:-9999px;
}
#association_logos li.highlands_islands span{
    display:block;
    width:115px;
    height:53px;
    background-image:url(../images/highlands_islands_logo.gif);
    text-indent:-9999px;
}

#bottom_menu {
    width:953px;    
    height:58px;
    margin:0 auto;
    padding:0 11px;
    background-image:url(../images/bottom_menu_bg.gif);
    background-repeat:no-repeat;
}
#bottom_menu ul {
    border-top:1px solid #D9D9D9;
    padding-right:23px;
    padding-top:7px;
}
#bottom_menu li {
    float:right;
    padding-left:12px;
    font-size:1.1em;
}
#bottom_menu li a {
    color:#999999;
    text-decoration:none;
}
#bottom_menu li a:hover {
    color:#666666;
}

#blackhouse {
    width:953px;
    margin:8px auto 30px auto;
    padding:0px 11px;
    font-size:1.1em;
    text-align:right;
    color:#4F4C4D;
}
#blackhouse a {
    color:#4F4C4D;
    text-decoration:none;
}
#blackhouse a span {
    color:#F8A24C;
}

.clearfix {
    margin:0;
    padding:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
        margin: 0;
}