/*IE6&7, Firefox, Opera, Safari*/

body {height:100%; 
          max-height:100%;    
          margin:0;
          padding:0;
          border:0; 
          background-color:#e8eaf2;  
          background-image: url(../graphics/backdrop.jpg);
          background-repeat: repeat-x;         
          border-top:1px solid #8e94ad;          
          font: arial, sans-serif;
          font: #000;
          overflow:auto;
          }
*html body { text-align:center;
                      margin-left:auto;
                      margin-right:auto;                      
                      scrollbar-track-color:#fff;
                      scrollbar-face-color:#e2e6f1;
                      scrollbar-base-color:#d1d7e4;
                      }

#outerwrap{position:relative; 
                   height:640px; 
                   width:1000px; 
                   top:0px;
                   bottom:50px; 
                   margin-left:auto;
                   margin-right:auto;
                   background-color:#ffffff;
                   }

#container {overflow:auto;                                                   
                   overflow-x:hidden;  /*for About_the_Jewellery*/
                   border-left:1px solid  #c8cedc;
                   border-right:1px solid #c8cedc; 
                   position:relative;
                   width:1000px;  height:490px;
                   background-color:#ffffff; 
                   top:0px; 
                   left:auto;
                   bottom:0px; 
                   right:auto;
                                       /* height:400px; */
                                      /*Opera:index only sizes up on refresh*/
                   }
*html #container{background-attachment:fixed;                
                              scrollbar-track-color:#fff;
                              scrollbar-face-color:#e2e6f1;
                              scrollbar-base-color:#d1d7e4; 
                              text-align:left;
                              }      
                            
#index_container{overflow:auto; 
                             position:relative;
                             width:1000px;
                             height:490px;
                             background-color:#ffffff; 
                             top:0px;
                             left:auto;                             
                             right:auto;
                             bottom:47px; 
                             border-left:1px solid #c8cedc;
                             border-right:1px solid #c8cedc; 
                             }

#header {overflow:hidden; 
               position:relative;
               width:1000px;
               height:130px; 
               background-color:#ffffff; background-image: url(../graphics/heading.jpg);  
               top:0;
               left:auto; 
               right:auto;       
               border-left:1px solid #c8cedc; 
               border-right:1px solid #c8cedc;  
                } 
                
#footer{position:relative;
             width:1000px;
             height:22px; 
             overflow:hidden; 
             margin-top:0px;
             border-left:1px solid #c8cedc;  
             border-right:1px solid #c8cedc;
             }
*html #footer {text-align:left; }   

.gap2{position:absolute;           /* For loose dias bottom space */
        width:100%;
        margin-top:480px;               
        height:50px; 
        }
.gap{margin-top:50px;               /* For bottom space */
        height:30px; 
        }
*html .gap{position:absolute;
                 border-left:1px solid #ffffff;}






.thumbarray{position:absolute;                       /*thumbnail program layout*/
                      margin-left:230px;
                      width:670px;
                      height:auto;                                              
                      }
*html .thumbarray{width:700px;}

.thumbs{position:relative;  
              float:left;  
              margin:10px 20px 0px 20px;
              width:180px;                        
              }


.pricecaplinks{font:80% arial, sans-serif;      /*Links to 'under £500 etc at top of thumbs.pages*/
                          margin: -10px 0 30px 242px;               
                          }

.pricecaplinks a{text-decoration:none;
                             font:85% arial, sans-serif; 
                             font-weight:bold;
                             color: #777;
                             }






#underpix{position:absolute;                                    /*On item pages - for xtra info */
                 width:308px;
                 height:250px;
                 margin:30px 0 0 250px;
                 border:none;  
                 float:left;
                 }
*html #underpix{left:0px;
                              top:270px;
                              }
.underpixtext{font:80% arial, sans-serif;                              /*Underpix text*/
                 color:#777777;  font-style:italic; 
                 }     
#underpix a{text-decoration:none;
                     }
#underpix img{border:1px solid #c8cedc;
                           padding:0.25em;
                           }
*html #underpix img{border:3px solid double  #c8cedc;
                                   }  

  
.underpixcover, .underpixcover2{position:absolute;           /*Item pages - 2nd/3rd pix*/                                         margin-left:253px;  
            margin-top:35px; 
            border:0;                                                        
            opacity:0;                                               
            } 

*html .underpixcover{margin-left:-309px;  
                                      margin-top:302px; 
                                      filter:alpha(opacity=0);
                                      }
.underpixcover2{margin-top:289px;
                              }                                         
*html .underpixcover2{margin-top:550px; 
                                         margin-left:-309px; 
                                         filter:alpha(opacity=0);
                                         }   






                        
#column1 {position:absolute; left:25%;}                                /*align thumbnails*/
#column2 {position:absolute; left:50%;}
#column3 {position:absolute; left:75%;}






#chart{margin-left:90px;}                                   /*About the jewellery - dia grade charts*/
#chart ul{float:left;
               width:100%;
               padding:0;
               margin-left:70px;
               list-style-type:none;
               }                      /* and IE7*/
*html #chart ul{margin-left:70px;} /*CAN ADJUST FOR 1E6*/
#chart ul a{float:left;
                 width:auto;
                 text-decoration:none;
                 color:#8e9198;
                 background:transparent;
                 padding:0.6em;
                 border:1px solid #8e9198;
                 text-align:center;
                 font:80% arial, sans-serif;
                line-height:0.5cm;
                }
#chart ul a:hover{cursor:text;
                           }
#chart li {display:inline;
               }
#clarity{margin-left:19%;                                               /*clarity chart*/
             }      
*html #clarity{left:50%;
                      margin-left:170px;
                      }
.center{margin-left:28%;}                                 /*About the jewellery - dia grade charts*/
*html .center{margin-left:20%;}


#block{margin-left:50px;}                                          /*About the jewellery - 4 c's*/







a{color: #777777;}
a:hover{color:#a2a8bc;}  


.italic{position:absolute;                                        /*In header - 'of Hatton Garden' */
        margin-left:88%;
        top:70px;
        font: italic 12px arial;
        color:#8e9198;
        }

#subhead{font:90% arial, sans-serif;      /*About the jewellery, esp - main left-aligned head*/
                font-weight:bold;
                font-stretch:narrower;
                color:#666666;
                margin: 40px 0 20px 225px;
                text-decoration:none;
                }
#subhead a{font:85% arial, sans-serif;
                    font-weight:bold;
                    color:#666666;
                   }
#subhead a:hover{color:#a2a8bc;
                              } 

.gemsubhead{font:80% arial, sans-serif;   /*About the jewellery - each gem left-aligned head*/
                       font-weight:bold;
                       color:#666666;
                       margin: 40px 0 20px 225px;
                       }
.atomic{font-size:60%;   /* About the jewellery - Chemical symbols  */
             }

ul.terms, p{font:75% arial, sans-serif;
                  color:#666666;
                  margin:20px 75px 20px 225px;
                  }
ul.terms{margin-right:150px;}

h1 {font:bold 15px arial, sans-serif;                       /*Main centred heading on each page*/
    color:#888888;
    margin-top:20px;
    margin-left:130px;
    text-align:center;
    text-decoration:underline;}  

h2 {font:80% arial, sans-serif;                 /*Description below main heading on each page*/
     color:#777777;
     margin:-1.5em 6em 3em 18em;
     text-align:center;
     }

h3 {font:80% arial, sans-serif;       
      }

h4{font:75% arial, sans-serif;                                  /*On Index - Blood dias link*/
   font-weight:bold;
   position:absolute;
   left:80%;
   margin-left:-85px;   
   margin-top:-135px;
  } 
*html h4{ width:250px;
               text-align:left;}   

         
h5 {color:#777777;                                        /*Description under each thumbnail*/
    font:71% arial;
    width:137px; 
    height:125px;
    margin:0.2em 0.1em 1em 0.5em;
    }  

h6 {font:60% arial, sans-serif;
    color:#777777;
    margin:10px 10px 0 10px;
    text-align:center;
    }

#h7{position:absolute;                                                        /*In footer*/
   font:60% arial;
   color:#000;
   font-style:italic;
   margin-top:0.35em;
   left:50%;
   margin-left:-330px;
   }
*html #h7{width:100%;
                font:70% arial;
                margin-top:0.25em;
                }




#itemtext{position:relative;                      /*total right-side column of text on item pages*/      
               width:22em;            
               margin-top:-260px;
               margin-right:0px;  
               float:right; 
               }
#itemtext p{margin-left:0px;                                         /*to left align #itemtext*/
                   }

.linktext{POSITION:RELATIVE; TOP:0;  WIDTH:300PX;
              font-size:90%;      /*On item pages - all the links bottom right (within itemtext)*/
              margin: 30px 0 30px 0px;   
              z-index:100;             
              }
.linktext a:hover{color:#999;}
.lighter{padding-bottom:10px;                             /*On item pages - within linktext*/
           }
.lighter a{color:#777777;
                font-size:110%;            
               }


.contactbox{margin: -34px 0 50px 325px; 
                    }

.purchaseinfo{font-size:60%;               /* Item pages - beneath 'Order'  - redundant? */
                       color:#999;
                       padding:0 0 0 80px; 
                       line-height:1.0em;                    
                       margin-top:-10px;}
.red{ font-size:120%;            /* With purchaseinfo above */
        color:red;
        }
.black{font-weight:bold;         /* With purchaseinfo above */
           color:#777777;
           }

.bold{font-weight:bold;                       /*Right-side heading on item pages (p class)*/
         font-size:75%;}

.bolder{font-weight:bold;        /*Item pages - 'need help?' */
            font-size:120%;
            color:#333333;}

.policybox{float:right;                 /*Item pages - bottom right: terms, how to pay etc. */
                 MARGIN-RIGHT:20PX;  
                 margin-top:-80px;
                 }
*html .policybox{margin-right:30px; 
                           margin-top:-82px;
                           }
.policybox a{color:#888888;}

.priceline{border-top:1px solid #777777;                               /*On item pages*/
                WIDTH:276PX;    
                margin-top:AUTO;  POSITION:RELATIVE; TOP:0PX; 
                color:#555555;
                }
.priceline a{position:absolute;                   /*  Order button for non-form  */   
                   right:0px;                            
                   }
.pageprice{margin:0 8.8em 0 1.6em;          /*On item pages*/
                  }

.price{margin:0 0 0 6.5em;                    /*Under each thumbnail*/
          }
.barclays{margin:-68px 150px 0 130px;
                font:70% arial;
                color:#3377ff;}







          
 .indexmenu{                                                       /*On Index - bottom row menu */
       display:inline;
       left:39%;
       margin-left:-430px;    
       width:100%;
       margin-top:0.50em;
       font:70% arial;
       text-align:center;
       }
*html .indexmenu{margin-left:0px;}
 
.menu{position:absolute;                                        /*On header - menu*/
       display:inline;
       left:39%;
       margin-left:-430px;    
       width:100%;
       margin-top:100px;
       font:70% arial;
       text-align:center; 
       }
*html .menu{left:430px;}

#topmenu li{margin-right:-20px;}      /* On header menu */ 
*html #topmenu li{margin-right:-20px;}     
.indexmenu li, .menu li{background-color:transparent;
              display:inline;
              list-style-type:none;
              padding:0 2.5em 0 2.5em;
              }
.indexmenu li a, .menu li a{text-decoration:none;
                 color:#555;
                 }
.indexmenu li a:hover, .menu li a:hover{color:#999;}






#menubox{                                                   /* On left side of all pages */
                  position:absolute;
                  float:left;
                  margin:30px 20px 0 5px;               
                  z-index:100;
                  border-right:1px solid #d1d7e4;
                  height:430px;
                  }   
               
*html #menubox{position:absolute;     
                              text-align:left;                               
                              } 
#menubox ul{margin:0 0 10px -5px; 
                      }
*html #menubox ul{margin-left:35px;
                              }  

#menubox li{list-style-type:none; color:#777;    
                     margin-left:-2em; 
                     padding:0.3em 0.4em 0em 0em;
                     font:70% arial; font-weight:bold;
                     }
*html #menubox li{padding:0.0em 0.8em 0.0em 0em;}

#menubox li li{font:100% arial; 
                          padding:0.2em 0.8em 0.2em 0em;
                          }
*html #menubox li li{margin:0px 0px -5px -22px;}

#menubox li a{color:#777;
                         text-decoration:none;
                         }
#menubox li a:hover{color:#a2a8bc;
                                  }









.headerfadeouttop{position:absolute;      /*In header.txt - top shadow*/
                              }   
*html .headerfadeouttop{left:0;}

.fadeouttop{position:absolute;    /*In fadeout.txt - shadow under header menu*/
                   left:1px;
                   top:110px;
                   }                 
*html .fadeouttop{margin-left:0;
                             top:107px;
                            }
.fadeoutbottom{position:absolute;                       /*On Index - above footer*/
                          bottom:0px;
                          }
*html .fadeoutbottom{ bottom:-1px;
                                   margin-top:220px;
                                   width:1000px; 
                                   left:0;
                                   }
                                  
.gradient_container{height:20px;                                /*On Index, footer.txt, header.txt*/
                                border-top:1px solid #c8cedc;
                                border-bottom:1px solid #777;
                                background-color:#fff;
                                }
.gradient_left{float:left;}                        /*On Index, */
.gradient_right{float:right;}






                            
.centre img{position:relative;                                                  /*On Index*/
            left:42%; 
            margin-left:-205px;  
            border:0;
            width:600px;  
            height:400px;      
            margin-top:0px;
            margin-bottom:30px;                                          
           }
*html .centre img{top:0px;
                               margin-left:0%;
                               left:auto;
                              }
.centre img:hover{opacity:100;} 
*html.centre img:hover{filter:alpha(opacity=100);}

.indexcover{position:absolute;                                       /*Index - centre image*/            
            margin-left:215px;  
            margin-top:-437px; 
            border:0;
            width:600px;
            height:400px; 
            opacity:0;                                                 
           } 
*html .indexcover{margin-left:198px;  
                            margin-top:-432px; 
                            filter:alpha(opacity=0);
                            }

.caption{color:#ffffff;                                                           /*For Index main picture*/
               font:71% arial;
               text-decoration:none;
               padding:15em 15em 0em 0em;              
               position:absolute;
               left:320px;
               top:170px;    
               }  
.caption:hover{color:#888888; }  






#indexminipix1{position:absolute;  
                        left:30px;
                        top:0px;
                        width:80px;
                        }
#indexminipix2{position:absolute;  
                        left:100px;
                        top:30px;
                        width:80px;
                        }
#indexminipix3{position:absolute;  
                        left:800px;
                        top:30px;
                        width:80px;
                        }

#indexminipix4{position:absolute;  
                        left:870px;
                        top:0px;
                        width:80px;
                        }
                   
#indexminipix1 img, #indexminipix2 img, #indexminipix3 img, #indexminipix4 img                                                  {border:1px solid #c8cedc;
                                padding:0.5em 0.5em 0.5em 0.5em;
                                margin-bottom:0px;
                                width:83px; 
                                height:63px; 
                                opacity:0.60;}
*html #indexminipix1 img, #indexminipix2 img, #indexminipix3 img, #indexminipix4 img{filter:alpha(opacity=60); 
        margin:8px;
        border:1px solid #c8cedc;
        }
                                
#indexminipix1 img:hover, #indexminipix2 img:hover, #indexminipix3 img:hover, #indexminipix4 img:hover{opacity:1.00;
                                           } 
*html #indexminipix1 a:hover img, #indexminipix2 a:hover img, #indexminipix3 a:hover img, #indexminipix4 a:hover img{filter:alpha(opacity=100);}


#minipix img {border:1px solid #c8cedc;                                       /*thumbnails*/
                       padding:0.25em;
                       width:125px; 
                       height:94px; 
                       }
*html #minipix img {border:3px solid double  #c8cedc;
                                }  
#minipix a.pix:hover{opacity:0.80;} 
*html #minipix a.pix:hover img{filter:alpha(opacity=80);}      



              

#pixies .large{margin-top:30px;                                                /*Main item pix*/
                       margin-left:250px;
                       border:1px solid #c8cedc;
                       padding:0.25em;
                       width:300px; 
                       height:225px;                        
                       }   
*html #pixies .large{border:4px solid double  #c8cedc;
                               }

.itempixcover{position:absolute;                                  /*Main item pix cover */    
            margin-left:253px;  
            margin-top:-236px; 
            border:0;
            width:300px;                                              
            height:225px; border:1px solid red;  
            opacity:0;                                                      
           } 
*html .itempixcover{margin-left:-309px;  
                                margin-top:33px; 
                                filter:alpha(opacity=0);
                                }







#loose-dias1, #loose-dias2{position:absolute;                 /*Loose Dias Page*/                                                             width:310px;
                                           font:75% arial, sans-serif;
                                           color:#666666; 
                                           text-indent:-24px;
                                           }
#loose-dias1{margin-left:240px; 
                    }
#loose-dias2{margin-left:590px; 
                    }

#loose-dias1 img, #loose-dias2 img{margin-bottom:10px; 
                                                         border:1px solid #c8cedc; 
                                                         padding:0.25em; 
                                                         margin-left:23px; 
                                                         }
*html #loose-dias1 img, #loose-dias2 img{border:4px solid double #c8cedc;
                                                                 }







#gallery{width:750px; 
               border:1px solid #c8cedc; 
               padding:0.5em;
               height:auto;
               margin-left:200px;
               margin-top:-20px;
                        }
*html #gallery{width:770px; 
                         }

#gallery img{width:125px; 
                      height:94px;   
                      margin:0px; 
                      margin-bottom:-5px;       
                      }
*html #gallery img{margin-bottom:0px;  
                                }

.gallerycover{position:absolute;                           /*photo gallery*/     
            margin-left:208px;  
            border:0;
            width:750px;  
            height:1520px;                                 
            margin-top:-1520px;
            opacity:0;                                     
           } 
*html .gallerycover{margin-left:-18px;
                               margin-top:-1610px; 
                               filter:alpha(opacity=0);
                               }

        



.logo{padding:0.3em 0 0 0.1em; visibility:hidden; }  /*ESP logo*/


.banklogo{position:absolute;  /* In footer */
                 float:left;
                 margin:0.15em 0 0 1.2em;
                 }
*html .banklogo{left:0.15em;}

.barclayslogo{margin-left:235px; 
                         width:670px; 
                         padding: 30px 20px 20px 0;
                         }

.secpayimages{position:absolute;
                           padding:1em 1em 1em 1em;
                           top:30px;
                           right:0; }
.secpayimages img{margin-bottom:130px;}

.secpayimages2{margin-left:520px; 
                           padding:1em 1em 1em 1em;
                           margin-top:-90px;
                          }

.indexsecpayimages{position:absolute;
                                     border:1px solid #c8cedc;
                                     padding:1em 1em 0.5em 1em;
                                     margin-left:710px;   
                                     margin-top:170px;
                                     font:70% arial, sans-serif;   /*On Index - Payment*/
                                     color:#777777;
                                     text-align:center;} 

.indexsecpayimages img{margin:0.1em 1em 0 1.5em;
                                               }
.indexad{position:absolute;
                                     width:260px;
                                     border:1px solid #c8cedc;
                                     padding:0.2em 0.6em 0.3em 0.6em;
                                     margin-left:50px;   
                                     margin-top:170px;
                                     font:75% arial, sans-serif;   /*On Index - Advert*/
                                     color:#777777;
                                     text-align:left;
                                     } 
*html .indexad{ padding:1em 1em 0em 1em;}
.indexad ul{list-style-type:none;
                     margin-left:-30px;}
*html .indexad ul{margin-left:2px;}
.indexad ul li{margin-bottom:0.75em;}
.indexad a{text-decoration:none;
                   font:100% arial, sans-serif;   
                   color:#333333;
                   }
.indexad a:hover{color:#b3b3b3;}


#ldb{font-style:italic;
         font-size:70%;
         position:absolute;
         left:70px;
         top:80px;
          }

.wfdb img{position:absolute;                 /*On Index*/
                 left:10%; 
                 margin-left:-50px;
                 margin-top:-190px; 
                 border:0;
                 width:240px;
                 height:136px;
                 }

.xmas{position:absolute;        /* Xmas pix */
            left:50%; 
            margin-left:-235px;         
            top:57%;
            z-index:-100;
            }   





                                                      /*FORMS*/

form#optionform select, form#ringsizeform select{font:100% arial, sans-serif;
                                                                                        color:#777777;
                                                                                        border:1px solid #c8cedc; 
                                                                                        }

form#ringsizeform{position:absolute;
                                  width:200px;
                                  margin:-90px 0px 0 160px;                             
                                  }

form#ref{font:75% arial, sans-serif;
               font-weight:bold;
               color:#777777;
               margin:-12px 0px 0px 2px;
               }

form#ref #order{position:relative;             /*WHAT'S THIS?*/
                             float:right;
                             margin-right:70px;
                             margin-top:174px;
                             font:100% arial, sans-serif;
                             font-weight:bold;
                             color:#777777;
                             border:none;
                             background-color:#fff; 
                                                                             /*problems in Safari & Opera */
                             }

form#optionform option{font:95% arial, sans-serif;
                                           color:#777777;
                                           }
                                         
form#optionform #update, form#optionform #order, form#optionform #enquire{position:relative; 
                 font:100% arial, sans-serif;
                 color:#777777;
                 border:1px solid #c8cedc;
                 background-color:#fff; 
                 }
form#optionform #order{LEFT:135PX; 
                                           }  
*html form#optionform #order{LEFT:130PX;                                      /* FOR IE6  */
                                                     }
form#optionform #enquire{LEFT:120PX; 
                                               }  
*html form#optionform #enquire{LEFT:110PX; 
                                               }                                                  
                   




                                               /*  esp forms 1 and 2  */

.order_table{margin-left:17px;}

.order_table2{width:650px; 
                     margin:-40px 0 0 17px;
                     }
.order_table table, .order_table2 table{width:650px; 
                     margin:0 0 0px 220px; 
                     border:1px solid #c8cedc;
                     background-color:#f9f9f9;
                     }
.order_table table th, .order_table2 table th{
                         font:70% arial, sans-serif; 
                         color:#555555;
                         font-weight:bold;
                         border-bottom:1px dotted #c8cedc; 
                         border-right:1px dotted #c8cedc;
                         }
.order_table table td, .order_table2 table td{
                         font:80% arial, sans-serif;
                         color:#777777;
                         text-align:center;
                         padding:0 10px 0px 10px;
                         border-bottom:1px dotted #c8cedc; 
                         border-right:1px dotted #c8cedc;
                         }
.order_table table td a, .order_table2 table td a{float:right;
                                     font:90% arial, sans-serif;
                                     color:#777777; 
                                     }

.spoproceed, .order_total, .proceed, .orderformnotes{width:628px;
                   margin:10px 0 0 220px;
                   text-align:right;
                   border:1px solid #c8cedc;
                   padding:10px 10px 10px 10px;
                   font:90% arial, sans-serif;
                   color:#777777;
                   background-color:#f9f9f9;
                   }
*html .order_total, *html .orderformnotes{width:648px;}  /* FOR IE6 */

.orderformnotes{font:80% arial, sans-serif; 
                           width:628px;                                               /* For Safari */ 
                           color:#777777;
                           text-align:left;
                           }
.proceed{width:628px;                                        /* For Safari */ 
               text-align:center;  
               }
*html .proceed{width:648px;
                         padding:15px 0px 0px 0px;}
 
 .proceed a{font:100% arial, sans-serif;
                  font-weight:800;
                  color:#555555; 
                  }
.proceed a:hover{color:#777777;}

.spoproceed a{border:1px solid #c8cedc;
                        padding:3px 16px 3px 16px;
                        text-decoration:none;
                       }






form#enquiryform{width:650px; 
                                  height:300px;                       
                                  border:1px solid #c8cedc;
                                  margin:0 0 50px 225px; 
                                  background-color:#f9f9f9;
                                  }
form#enquiryform .col1{width:325px; 
                                      height:300px; 
                                      margin-top:30px;
                                      border-right:1px dotted #c8cedc;   
                                      }
form#enquiryform .col1 p{margin-left:30px;}

form#enquiryform .col2{position:absolute; 
                                          width:325px; 
                                          height:300px; 
                                          margin-left:325px;
                                          margin-top:-340px;
                                          }
*html form#enquiryform .col2{margin-top:-320px;}
form#enquiryform .col2 p{margin-left:30px;
                                             margin-top:38px;
                                             }

form#enquiryform input{border:1px solid #c8cedc;} 
form#enquiryform textarea{border:1px solid #c8cedc;} 
form#enquiryform .data{margin-left:30px; 
                                          padding-top:-5px; 
                                          border:1px solid #c8cedc;
                                          background-color:#ffffff; 
                                          width:202px;
                                          height:130px;
                                          }
form#enquiryform .data p{width:180px; 
                                              margin-left:10px; 
                                              margin-right:0px;
                                              }

form#enquiryform #submit{position:absolute; 
                                            border:1px solid #c8cedc;
                                            width:70px;
                                            height:23px;
                                            padding-bottom:0.1em;
                                            background-color:#ffffff;
                                            margin-left:190px; 
                                            margin-top:-13px;
                                            font:100% arial, sans-serif;
                                            color:#555555;
                                            }
*html form#enquiryform #submit{margin-left:185px; 
                                                         margin-top:6px;
                                                         }

.enquirysent{width:628px;
                       margin:30px 0 0 230px;
                       text-align:center;
                       border:1px solid #c8cedc;
                       padding:10px 10px 10px 10px;
                       font:90% arial, sans-serif;
                       color:#777777;
                       background-color:#f9f9f9;
                       }
*html .enquirysent{position:absolute; 
                                 margin-left:250px;
                                 margin-top:150px;
                                 }






form#customersform{width:647px; 
                                  height:500px;                       /* For Safari  - was 100%*/
                                  border:1px solid #c8cedc;
                                  margin:0 0 50px 237px; 
                                  background-color:#f9f9f9;
                                  }
*html form#customersform{height:490px;}

form#customersform .col1{position:absolute; 
                                               width:325px; 
                                               height:470px; 
                                               border-right:1px dotted #c8cedc;   
                                               }
form#customersform .col1 p{margin-left:20px; }

form#customersform .col2{position:absolute; 
                                               width:325px;  
                                               height:470px;                                                                                                                                                margin-left:325px;
                                               }
*html form#customersform .col2{margin-top:340px; 
                                                          margin-left:345px;  
                                                          }
form#customersform .col2 p{margin-top:20px; 
                                                   margin-left:20px;  
                                                   }
*html form#customersform .col2 p{position:absolute;
                                                            margin-top:-320px; 
                                                            margin-left:0px;
                                                             }

form#customersform input{border:1px solid #c8cedc; 
                                                width:200px;
                                                }
form#customersform #first, form#customersform #sur{width:120px;}                        form#customersform #pcode{width:70px;} 
form#customersform #tel1, form#customersform #tel2, form#customersform #tel3                                                                  {width:100px; } 
form#customersform #ringsz{width:40px;}
form#customersform textarea{position:absolute;           /*  For Safari */
                                                width:275px; 
                                                height:60px;
                                                margin-left:0; 
                                                top:335px; 
                                                border:1px solid #c8cedc; 
                                                }
*html form#customersform textarea{top:310px;
                                                               margin-left:0px;}
form#customersform label{position:absolute;                         /*for textarea*/
                                               top:0px;  
                                               margin-top:319px;  
                                           }
*html form#customersform label{margin-top:290px;
                                                          margin-left:0px;}         /* for IE6 for textarea*/

.formnotes1, .formnotes2, .formnotes3{position:relative;
                 font:60% arial, sans-serif;                 
                 color:#888888;
                 margin-left:20px;
                 top:0px;
                 margin-top:-15px;
                 }
*html .formnotes1, .formnotes2, .formnotes3{position:absolute;}

.formnotes2{margin-top:-15px;}
.formnotes3{position:absolute; margin-top:405px;}
*html .formnotes1{margin-left:0px;                       
                                 top:445px;}                           
*html .formnotes2{margin-left:0px;               
                                 margin-top:-70px;}                           
*html .formnotes3{margin-left:0px;
                                 margin-top:55px;}
 
form#customersform #submit, form#customersform #reset{position:absolute; 
                                            border:1px solid #c8cedc;
                                            width:70px;
                                            height:23px;
                                            padding-bottom:0.1em;
                                            background-color:#ffffff;
                                            right:30px; 
                                            margin-top:155px;
                                            font:90% arial, sans-serif;
                                            color:#555555;
                                            }
form#customersform #reset{right:230px; }

*html form#customersform #submit{top:-50px;
                                                         right:50px;  }
*html form#customersform #reset{top:-50px;
                                                        right:250px;  }

form#customersform .check{position:absolute; 
                                         margin-left:180px; 
                                         bottom:-16px;
                                         border:none;
                                         height:25px;
                                         padding:0.1em 0.5em 0 0.5em;
                                         background-color:#f9f9f9;
                                         font:90% arial, sans-serif;
                                         color:#888888;
                                         }

#formerror{color:red;
                   margin-left:240px;
                   margin-bottom:5px;
                   }




                  
form#sendata{width:628px;
                    height:20px;
                   margin:10px 0 0 237px;                  
                   border:1px solid #c8cedc;
                   padding:10px 10px 14px 10px;                  
                   background-color:#f9f9f9;
                   }
*html form#sendata{height:40px;
                                  width:648px;}

form#sendata #purchase{position:absolute; 
                                         margin-left:535px; 
                                         
                                         padding-bottom:0.1em;
                                         border:1px solid #c8cedc;
                                         background-color:#fff;
                                         font:100% arial, sans-serif;
                                         color:#555555;                                       
                                         }
*html form#sendata #purchase{margin-left:535px;                   
                                                       margin-top:0.3em;}






form#relayform #submit{position:absolute; 
                                       margin-left:720px; 
                                       margin-top:-31px;
                                       padding:0.1em 0 0.1em 0;
                                      
                                       width:142px;
                                       font:95% arial, sans-serif;
                                       font-weight:800;
                                       color:#777777;
                                       background-color:#f9f9f9;
                                       border:1px solid #c8cedc;
                                       }

form#relayform #submit:hover{color:#999999;}
*html form#relayform #submit{display:inline; 
                                                right:123px;
                                                margin-top:-37px;
                                                 }
*html form#relayform #submit:hover{filter:alpha(opacity=60);} 





                           

                                               /* FOR LOOSE DIA LISTS */

#rd_dia_list, #fancy_dia_list{position:absolute;
                                             margin:50px 10px 20px -175px ;
                                             border:1px solid #c8cedc;
                                             width:515px;
                                             height:150px;
                                             overflow:auto;                   
                                             }
#fancy_dia_list{margin:275px 10px 20px -175px ;                        
                       }
#rd_dia_list td, #fancy_dia_list td{font:60% arial, sans-serif;                                                                                                  color:#777777;
                                                     padding: 0.0em 0 0 0.5em;
                                                     list-style-type:none;                                                                                                           }
#rd_dia_list tr:hover, #fancy_dia_list tr:hover{background:#d3d3d3; 
                                                                       }
*html #rd_dia_list tr.hovered, #fancy_dia_list tr.hovered{background-color:#d3d3d3;
                                                                                         color:#ffffff;
                                                                                         }

.heading, .heading2{position:absolute;            /* On loose dia page */
                 font:80% arial, sans-serif;
                 color:#777777;
                 font-weight:bold;
                 width:500px;
                 margin:10px 0 0 -177px;   
                 text-align:center; 
                 text-decoration:underline;            
                 }
.heading2{margin-top:235px;
                }
*html .heading2{margin-top:235px;
                            }
.desc table, .desc2 table{position:absolute;
                     width:500px;
                     font:60% arial, sans-serif;
                     color:#555555;
                     font-weight:bold;
                     margin:30px 10px -10px -175px;    
                    }
.desc2 table{margin-top:255px;           
                   }
.desc td, .desc2 td{padding: 0.0em 0.0em 0 0.5em; 
                              text-align:center;        
                              }









.return a{position:absolute;                 /* not using yet */
               left:150px;
               top: 254px;
               font:80% arial, sans-serif;
               color:#777777;
               border:1px solid #c8cedc;
               padding:0 0.6em 0.1em 0.6em;
               text-decoration:none;
               }
*html .return a{top:263px;
                       }

                                   /*Don't know what these are for - (or h3 & h6)  */


#menue {position: absolute; 
               left:40%;
               top:70%;
               }
*html #menue {top:80%;
                        }