﻿/* Sail-World specific CSS */

#cookieChoiceInfo{background-color:#0c8fbb !important;}
.bg{background-color:#204d91;}

h2,h3{color:#204d91;} /* h2,h3{color:#cf212a;} */

.page .main .left .headlinestories a.story span.storytitle{color:#204d91;}

.page .siteoptions{color:#204d91;}
.page .siteoptions input{border:1px solid #204d91;}
.page .siteoptions input[type=submit]{color:#204d91;border:1px solid #204d91;}
.page .siteoptions .edition .dropdown{border:1px solid #204d91;}

.page .header{background-color:#204d91;}
.page .header a.logo{width:330px;max-width:96%;}

.page .menu li a{font-size:1.1em;}

.swonly{display:inline;}
.yyonly{display:none;}

@media screen and (max-width:1050px){.page .header a.logo{width:300px;}}
@media screen and (max-width:600px){.page .header a.logo{width:200px;}}

/* menu default colours */

/* Hover state for top level links */
.page .menu li:hover a {background:#e1e1e1;}
/* Selected state for top level links */
.page .menu ul li a.current {color:#cf212a;}

/* Headline Slider Colours */
.page .main .left .headline{background-color:White;max-height:508px;}
.page .main .left .headline span.heading{color:#204d91;height:1.2em;} /* color:#cf212a; */
/*.page .main .left .headline span.subheading{display:block;}*/

/* Temporary line while still picking up from the SW database due to 660 pixel width images
.page .main .left .headline span.container img{height:auto;max-height:406px !important;} */

.page .main .left span.controls{color:White;background-color:#204d91;} /* background-color:#cf212a; */
.page .main .left ol.numericControls li a{color:White;}
.page .main .left ol.numericControls li.current a{background-color:#6897da;} /* background-color:#d56c71; */
.page .main .left span.controls ol.numericControls li~li {border-left:1px solid White;}

.page .main .left span.controls a.prevBtn{color:White;background-color:#d56c71;}
.page .main .left span.controls a.nextBtn{color:White;background-color:#d56c71;}

/* News Articles */
.latestnews a.article span.sw{display:block;}
.latestnews a.article span.yy{display:none;}
.latestnews a.article img.icon{display:none !important;}

/* this is now the site-wide way of display full-width news article lists */
.latestnews {
    width: 100%;
    margin-right: 0;
}
.latestnews a.article{width:100%;}

.latestnews a.article:hover, .upcoming a.event:hover{background-color:#e1e1e1;}
.latestnews a.article span.title, .upcoming a.event span.title, a.newsarticle span.title{color:#204d91;}

/* Show the long description at full-width */
.latestnews a.article span.description{display:none;}
.latestnews a.article span.longdescription{display:block;}
/* Don't show the icons */
.latestnews a.article span.photocontainer img.icon{display:none;}

/* Feature Styles - currently not used on SW */
.features a.featurestyle1{background-color:#364aa0;}
.features a.featurestyle1 span.title {color:White;}
.features a.featurestyle1 span.description{color:White;}

.features a.featurestyle2{background-color:#d8dbec;}
.features a.featurestyle2 span.title{color:#364aa0;}
.features a.featurestyle2 span.description{color:Black;}

.features a.partnerstyle1{background-color:White;}
.features a.partnerstyle1 span.title{color:#01325d;}

.features a.partnerstyle2{background-color:Black;}
.features a.partnerstyle2 span.title{color:White;}
.features a.partnerstyle2 span.description{color:White;}

.page .main .left a.footer728x90
{
    position:relative;
    float:left;
    display:block;
    margin:10px 0;
    width:728px;
    max-width:100%;
    height:auto;
}

.page .main .left a.footer728x90 img{width:100%;height:auto;}

/* Advertising pages */
/*.marketingpartners{width:100% !important;}*/
.advertisers .latestnews{width:50%;}
.advertisers .latestnews a.article span.description {display:block;}

    @media screen and (max-width:400px) {
        /* Switch to short descriptions at 400px width */
        .latestnews a.article span.description {
            display: block;
        }

        .latestnews a.article span.longdescription {
            display: none;
        }
    }