/*
    THEME: Sky brand colours
*/

/* TYPOGRAPHY
--------------------------------------------------------------*/
body {
    color: #666;
    background-color: #fff; }

h1,h3,h4,h5,h6 {color: #333; }

h1 {
    color: #000;
    font-weight: 400; }

h2 {color: #333; }

ul li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/bullet-one.gif?6586f1720788'); }
ul ul li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/bullet-two.gif?6586f1720788'); }

abbr, acronym {border-color: #000; }
del {color: #000; }
hr {color: #ccc; background: #ccc; }

a, a:link {color: #0077AD; }
a:visited {color: #663366; }
a:focus, a:active {
    background:#0077AD;
    color: #fff;
    border-radius: 3px; }

table, th {border-color: #aaa; }
td {border-color:#eee; }

.skip,
.skip:active,
.skip:focus {
    border: 2px solid #fff;
    border-top: none; }


/* TEXT FOR PANELS
--------------------------------------------------------------*/
.panelText h2 {border-color: #aaa; }


/* FORMS
--------------------------------------------------------------*/
legend span {color: #333; }

.formText input,
.formTextarea textarea,
.formSelect select,
.searchResultsForm .formText {border-color: #ccc; }


/* GET HELP FORM
--------------------------------------------------------------*/
.getHelpForm {border-color: #7f7f7f; }


/* FORM MESSAGES */
.formMessage {
    border-color: #FFC888;
    background-color: #FFFD88; }


/* BOX STYLING
--------------------------------------------------------------*/
.box h2 {border-color: #aaa; }


/* BOX A (TV Pick) */
.boxA {
    border-color: #fff;
    background-color: #f0f0f0;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/box-header-tv-picks.gif?6586f1720788'); }

.boxA .listingsTitle {border-color: #fff; }
.boxA .listingsTitle:before {background-color: #e0e0e0}


/* BOX B (TV Listings) */
.boxB {
    border-color: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.1); }


/* BOX C (Important updates) */
.boxC {
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/box-header-bg-important.gif?6586f1720788');
    background-color: #008ac4; }

.boxC h2, .boxC h3, .boxC a, .boxC a:link {color: #fff; }

.boxC ul li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/arrow-info.gif?6586f1720788'); }


/* BOX D (Grey box with bold text) */
.boxD {
    color: #000;
    background-color: #e0e0e0; }


/* NUMBERS
--------------------------------------------------------------*/
.steps {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/numbers.png?6586f1720788'); }


/* HEADER
--------------------------------------------------------------*/
#headerWrap {
    position: relative;
    box-shadow: 0 5px 5px rgba(0,0,0,.25); }


/* SKY HEADER */
#skyHeader {border-color: #b2b2b2; }


/* MAIN HEADER */
.header {
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/header-bg.png?6586f1720788');
    background-color: #fff; }

.logo, .logo:focus, .logo:active {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/sky-logo.png?6586f1720788'); }

.logo,
.logo:link,
.logo:hover,
.logo:focus,
.logo:active,
.logo:visited {color: #000; }

/* search */
#headerWrap form {
    border-color: #ccc;
    background-color: #fff; }


/* HORIZONTAL NAVIGATION */
#headerWrap .nav {
    background-color: #F6F6F6;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/nav-bg.png?6586f1720788');
    color: #fff;
    border-color: #dcdfe2; }

#headerWrap .nav li,
#headerWrap .nav li:last-child {border-color: #dcdfe2; }

#headerWrap .nav a,
#headerWrap .nav strong {
    color: #003366;
    font-weight: 400;
    text-shadow: 0 1px rgba(255,255,255,.5); }

#headerWrap .nav a:focus,
#headerWrap .nav a:active {
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.5); }

#headerWrap .nav strong {
    background-color: #e7edf1;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/nav-bg-active.png?6586f1720788'); }


/* CONTENT
--------------------------------------------------------------*/
.gradient {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/separator-repeating.gif?6586f1720788'); }

.gs-wrp-3 li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/arrow-link.gif?6586f1720788'); }


/* SIDE WRAP ONE (aside)
--------------------------------------------------------------*/
#sideWrapOne ul li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/arrow-link.gif?6586f1720788'); }


/* VERTICAL NAVIGATION
--------------------------------------------------------------*/
/* NAVIGATION LIST */
.subNav ul a,
.subNav ul strong {
    color: #fff;
    background-color: #005093;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/box-header-bg-blue.gif?6586f1720788');
    text-shadow: 0 1px rgba(0,0,0,.5);
    border-color:#d0dad9; }

/* level 2 */
.subNav ul ul a,
.subNav ul ul a:link,
.subNav ul ul strong {
    background-image: none;
    text-shadow: none; }

.subNav ul ul a,
.subNav ul ul a:link,
.subNav ul ul a:visited {
    background-color: #e8ecef;
    color: #0077ad; }

.subNav ul ul a:focus,
.subNav ul ul a:active {
    background-color: #0077ad;
    color: #e8ecef; }

.subNav ul ul strong {
    background-color: #fcfdfd;
    text-shadow: none; }


/* FOOTER
--------------------------------------------------------------*/
#footerWrap {
    background-color: #fafafa;
    color: #333;
    border-color: #e1e1e1;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/footer-bg.gif?6586f1720788'); }

#footerWrap li {border-color: #cdcdcd; }

#footerWrap a, #footerWrap a:link {color: #333; }

#footerWrap a:focus,
#footerWrap a:active {color: #fff; }


/* PAGINATION
--------------------------------------------------------------*/
.pagination li {border-color: #ccc; }
.pagination strong {color: #e6007e; }


/*--------------------------------------------------------------
 PAGE SPECIFIC STYLING
--------------------------------------------------------------*/
/* HOMEPAGE
--------------------------------------------------------------*/
/* WELCOME MESSAGE */
.welcome {
    background-color: #6C0047;
    background-image: url('//accessibility.sky.com/static/themes/theme-one/images/homepage-hero-bg.png?6586f1720788');
    }

.welcome,
.welcome h1 {color: #fff; }


/* FAQ FORM */
#homepage .formFaq form {
    border-color: #ccc;
    background-color: #fff; }

#homepage .formFaq h3 {
    color: #666;
    border-color: #aaa; }


/* NEWS AND EVENTS */
.latestListing .boxTitle {border-color: #aaa; }
.latestListing .last {border-color: #7c7c7c; }


/* NEWS */
.newsListing li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/arrow-link-small.gif?6586f1720788'); }


/* FAQS
--------------------------------------------------------------*/
#faqs #faqSearch {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/faq-search-bg.png?6586f1720788'); }

#faqs #faqSearch label {color: #036; }

#faqs #faqSearch .formItem {
    border-color: #ccc;
    background-color: #fff; }

/* ARTICLES */
.faqQuestion, .faqAnswer {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/q-a.png?6586f1720788'); }

.faqQuestion {
    border-color: #7f7f7f;
    color: #666; }


/* SEARCH RESULTS
--------------------------------------------------------------*/
.searchResults,
.searchResults li {border-color: #7f7f7f; }

.searchResults li em {color: #336633; }


/* SKY MAGAZINE / HANDY BOOKLET
--------------------------------------------------------------*/
.assetList li {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/arrow-link.gif?6586f1720788'); }


/* TV DONT MISS
--------------------------------------------------------------*/
.js #tvPicks .section .box .toggle a,
.js #tvPicks .section .box .toggle a:link {color: #666; }

.js #tvPicks .section .box .toggle a:focus,
.js #tvPicks .section .box .toggle a:active {color: #fff; }


/* SITEMAP
--------------------------------------------------------------*/
.js #sitemap .toggle-li-element {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/icons/sitemap-icons.gif'); }


/* CONTACT US - LIVE CHAT PANEL */

.liveperson {
  background: #F4F4F4;
  border: 2px solid #fff;
  box-shadow: 0 1px 10px rgba(0,0,0,0.1); }

.liveperson .header {background: #F4F4F4; }


/*--------------------------------------------------------------
 <= 768px Narrow layout
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

    /* LAYOUT
    ------------------------------------------*/
    html {background-color: #E8ECEF; }
    #pageWrap {background-color: #fff; }

    /* HEADER
    ------------------------------------------*/
    .logo, .logo:active, .logo:focus {
        background-image: url('//accessibility.sky.com/static/themes/theme-one/images/mobile-logo.png?6586f1720788');
        color: #000; }

    /* STYLE SWITCHER */
    #styleSwitcher {
        border-top-color: #e0e0e0;
        border-bottom-color: #dcdfe2; }

    /* FIXED MENU //fixed nav is a little broken
    #fixedWrap {
        background-color: #fff;
        background-image: url('//accessibility.sky.com/static/themes/theme-one/images/header-bg.png?6586f1720788');
        box-shadow: 0 5px 5px rgba(0,0,0,.25); }*/

    /* NAVIGATION
    ------------------------------------------*/
    #homepage .subNav strong,
    .subNav .home a,
    .subNav .home a:link {background-image: url('//accessibility.sky.com/static/themes/theme-one/images/nav-home-icon.png?6586f1720788'); }

    .subNav .home a:focus,
    .subNav .home a:active {
        color: #003366;
        background-color: transparent; }

    .subNav li strong,
    #homepage .subNav li {
        background-color: #e7edf1;
        background-image: url('//accessibility.sky.com/static/themes/theme-one/images/nav-bg-active.png?6586f1720788');
        color: #003366;
        text-shadow: none; }

    /* level 2 */
    .subNav ul ul a,
    .subNav ul ul a:link {
        background-image: none;
        text-shadow: none; }

    .subNav .home,
    .subNav ul .section,
    .subNav ul .section:link,
    .subNav ul .section:visited,
    #homepage .subNav li a,
    #homepage .subNav li a:link {
        color: #003366;
        background-color: #aebec9;
        background-image: url('//accessibility.sky.com/static/themes/theme-one/images/nav-bg.png?6586f1720788');
        text-shadow: none; }

    #homepage .subNav li strong {background-color: transparent; }

} /* end media query */



/*--------------------------------------------------------------
 <= 600px Ultra narrow layout
--------------------------------------------------------------*/
@media only screen and (max-width: 600px) {

    /* HOMEPAGE
    ------------------------------------------*/
    #homepage .gs-wrp-3 .gs-1-fl-33 .gs-box,
    #homepage .gs-wrp-3 .gs-box {border-color: #e5e5e5; }


    /* LANDING PAGE
    ------------------------------------------*/
    #landingPage .gs-wrp-3 .gs-1-fl-33 .gs-box,
    #landingPage .gs-wrp-3 .gs-box {border-color: #e5e5e5; }

} /* end media query */



/*--------------------------------------------------------------
 <= 480px Mobile layout
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {

    /* HEADER
    ------------------------------------------*/
    input::-webkit-input-placeholder,
    input:-moz-placeholder {color: #fff; }

} /* end media query */