/* Generic Utility */

.hide { position: absolute; top: -9999px; left: -9999px; }



/* Specific to example two */

#example-two {

    font: 16px Georgia, serif;

    background-color:#FFFFFF;

    

    margin: 0;

    border-right:dotted 2px #C1C1C1;

    width:100%;
    border-right:0;

    }

    

#example-two .list-wrap {   

      width:620px;

      background: #E0E0E0;

      padding-bottom: 25px;  
      
      width:100%;

      line-height: 125%;
      

    }

    #example-two .list-wrap h5 {
        font-size: 100%;

        /* background-color: #3E7A9E;
        color:#fff;
        box-sizing: border-box;
        padding:5px 15px; */
    } 



#example-two .list-wrap img {padding-left:10px;} /* affects image on location section, amended directly in code

    

/* main area */

#example-two ul {list-style: none; margin:0px; padding:25px; box-sizing: border-box;}

#example-two ul li a {display: block; outline: 0; color:#000000;}

#example-two ul li a:hover {background: #71A6C8; /*background colour on links */ color: #FFFFFF;}

#example-two ul li:last-child a {border: none;}

    

/* navigation */

#example-two .nav {overflow: hidden;  text-align: center; width:100%;}

#example-two .nav li {margin: 0 10px; display:inline;}

#example-two .nav li:first-of-type {margin-left: 0;}
#example-two .nav li.last {margin-right: 0;}

#example-two .nav li a {display: inline-block; padding: 7.5px 20px; background: #808080; color: #FFFFFF; font-size: 12.5px; text-align: center; border: 0;}



#example-two li a.current,#example-two li a.current:hover {background-color: #eee !important; color: #0092D9;}

#example-two .nav li a:hover, #example-two .nav li a:focus {background: #999; /* maybe #71A6C8; */}



/* sell */

#text2 #example-two .nav {overflow: hidden;  text-align: center; width:100%;}

#text2 .list-wrap {
    box-sizing: border-box;
    padding:25px 10px;
}

/* franchise */

#text3 #example-two .nav {margin-left:260px;}