ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#mainNav {
        width: 177px;
        font-size: 14px;
        margin-top: 10px;
        }
#mainNav li{text-align:center;position:relative;z-index:3;}
#mainNav li a {
        text-decoration: none;
        height: 46px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 38px;
          font-weight:bold;
        }

#mainNav li a:link, #mainNav li a:visited {
        color: #000;
        display: block;
        background: url(images/but.gif) no-repeat 14px 0;
        padding: 10px 0 0 0;
        }

#mainNav li a:hover, #mainNav li .current {
        color: #FFD100;
        background: url(images/butOn.gif) no-repeat 14px 0;
        padding: 10px 0 0 0;
        }

#mainNav li a:active {
        color: #000;
        background: url(images/but.gif) no-repeat 14px 0;
        padding: 10px 0 0 0;
        }
        
        /************************************************More Pictures buttons*************************************/
  .morePic {
        z-index:1;
        position:absolute;
        float:right;
        width: 177px;
        font-size: 12px;
        margin:176px 0 0 18px !important;
        margin:175px 0 0 -333px;
        
        }      
.morePic li{text-align:center;}
    
.morePic li a {
        text-decoration: none;
        height: 46px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 38px;
          font-weight:bold;
        }

.morePic li a:link, .morePic li a:visited {
        color: #000;
        display: block;
        background: url(images/morePic1.png) no-repeat ;
        padding: 7px 66px 0 0;
       
        }

.morePic li a:hover, .morePic li .current {
        color: #FFD100;
        background: url(images/morePic2.png) no-repeat ;
        padding: 7px 66px 0 0;
       
        }

.morePic li a:active {
        color: #000;
        background: url(images/morePic1.png) no-repeat ;
        padding: 7px 66px 0 0;
      
        }
   /***************************************Colour Chart Button****************************************************/  
   
     .colorc  {
        z-index:1;
        position:absolute;
        float:right;
        width: 177px;
        font-size: 12px;
        margin:30px 0 0 409px;
        
        }      
.colorc  li{text-align:center;}
    
.colorc  li a {
        text-decoration: none;
        height: 46px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 38px;
          font-weight:bold;
        }

.colorc  li a:link, .colorc  li a:visited {
        color: #000;
        display: block;
        background: url(images/morePic1.png) no-repeat ;
        padding: 7px 66px 0 0;
       
        }

.colorc  li a:hover, .colorc  li .current {
        color: #FFD100;
        background: url(images/morePic2.png) no-repeat ;
        padding: 7px 66px 0 0;
       
        }

.colorc li a:active {
        color: #000;
        background: url(images/morePic1.png) no-repeat ;
        padding: 7px 66px 0 0;
      
        }      
               /**********************************Quick Pic buttons***********************************************/
  .quickPic {
        z-index:2;
        position:relative;
        float:left;
        width: 148px;
        height:37px;
        font-size: 16px;
        margin:20px 0 0 10px;
        }      
.quickPic li{
    width:148px;
    text-align:center;
    }
    
.quickPic li a {
        text-decoration: none;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-weight:bold;
        }

.quickPic li a:link, .quickPic li a:visited {
        color: #000;
        display: block;
        background: url(images/but.gif) no-repeat ;
        padding:10px;
       
        }

.quickPic li a:hover, .quickPic li .current {
        color: #FFD100;
        background: url(images/buton.gif) no-repeat ;
       
       
        }

.quickPic li a:active {
        color: #000;
        background: url(images/but.gif) no-repeat ;
}
        /*************************************Color select button***********************************************/
          
.colourselect {
        z-index:2;
        position:relative;
        float:left;
        width: 148px;
        height:37px;
        font-size: 14px;
        margin:-50px 0 0 130px;
        }      
.colourselect li{
    width:148px;
    text-align:center;
    }
.colourselect li a {
        text-decoration: none;
        voice-family: "\"}\"";
        voice-family: inherit;
        font-weight:bold;
        }
.colourselect li a:link, .colourselect li a:visited {
        color: #000;
        display: block;
        background: url(images/but2.gif) no-repeat ;
        padding:10px;
        }
.colourselect li a:hover, .colourselect li .current {
        color: #FFD100;
        background: url(images/buton2.gif) no-repeat ;
        }
.colourselect li a:active {
        color: #000;
        background: url(images/but2.gif) no-repeat 
        }
        /*************************************Special offer button***********************************************/
        
        .specialbutton {
        z-index:1;
        position:absolute;
        float:right;
        width: 177px;
        font-size: 12px;
        margin:20px 0 0 418px !important;
        margin:20px 0 0 399px;
       
        }      
.specialbutton li{text-align:center;}
    
.specialbutton li a {
          text-decoration: none;
          height: 46px;
          height: 38px;
          font-weight:bold;
        }

.specialbutton li a:link, .specialbutton li a:visited {
        color: #FFFFFF;
        display: block;
        }

.specialbutton li a:hover, .specialbutton li .current {
        color: #FFD100;
        }

.specialbutton li a:active {
        color: #FFFFFF;
        }