/* Styles Specifically for the zero limescale minisite */


#limescale {
    background-color: #000;
    width: 726px;
    /*min-height: 743px;
    *height: 743px;*/
    position: relative;
    margin-bottom: 100px;
    }
 
img.gribbly {
    position:absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    }

/* Nav buttons */

#container-1 {
    z-index: 2;
    position: relative;
    
    }
#container-1 ul {
    list-style: none;
    width: 664px;
    padding: 0;
    margin: 0 0 0 31px;
    height: 35px;
    background: url("/media/images/limescale/nav/nav_background.gif") 0 0 repeat-x;
    }
    
#container-1 ul li a span {
    display: none;
    }
   
#container-1 li {   
     float: left;
     margin-right: 0px ;
     }
    
#container-1 li a {    
    width: 221px;
    height: 35px;
    display: block;
    background-repeat: no-repeat;
    }
   
#container-1 li.nav1 a {background-image: url("/media/images/limescale/nav/nav1.gif");}

#container-1 li.nav1irish a {background-image: url("/media/images/limescale/nav/nav1irish.gif");}


#container-1 li.nav2 a {background-image: url("/media/images/limescale/nav/nav2.gif");}

#container-1 li.nav3 a {background-image: url("/media/images/limescale/nav/nav3.gif");}

.ui-tabs-nav .ui-tabs-selected a  {background-position: 0 -70px;}
.ui-tabs-nav a:hover {background-position: 0 -35px;}
.ui-tabs-nav a {background-position: 0 0;}

/* fragment-1 */

#fragment-1, #fragment-3, #fragment-2, #fragment-4 {
    padding: 23px 31px;
    background: #000 url("/media/images/limescale/gribbly.png") bottom left no-repeat;
    /*height: 550px;*/
    }

#fragment-1 {
    height: 680px;
    }

#fragment-3 {
    height: 780px;
    }

    
#fragment-1 p, #fragment-3 p, #fragment-4 p, #fragment-2 p {
    margin: 14px 0 0 0;
    line-height: 1.5em;
    color: #fff;
    }
    
p.thin {    
    width: 373px;
    }
    
#hard, #moderate, #soft  {    
    width: 478px;
    margin: 0 0 0 158px;
    display: none;
    }
    
img.map {
    float: right;
    margin: -150px 0 0 0;
    }

html>body img.map {
    *margin: -150px 20px 0 0;
    }

img.choosemap {
    margin: 0 0 0 100px;
    display: block;
    }
    
    
    
#map {
    float: right;
    margin: -170px -20px 0 0;
   
    }    
  
html>body #map {  
    *margin: -170px 0 0 31px;
    }
    
#commercial  {
    float: right;
    margin-top: 20px;
    }


    
#faqpanel {
    margin: 60px 0 0 0;
    float: right;
    width: 549px;
    background: url("/media/images/limescale/faqpanel_top.png") 0 0 no-repeat;
    padding: 27px 0 0 0; 
    }

#faqpanel div {
    margin: 0;
    background: url("/media/images/limescale/faqpanel_mid.png") 0 0 repeat-y;
    }    
    
#faqpanel p {
    margin: 0;
    padding: 0 35px;
    font-size: 1.1em
    }
    
#faqpanel span {
    display: block;
    height: 27px;
    background: url("/media/images/limescale/faqpanel_bot.png") 0 0 repeat-y;
    }