body 
{
  font-family: Verdana;
  font-size: 12px;
  color: GrayText; 
}

A:link {text-decoration: none; color: #a82a2a;}
A:visited {text-decoration: none; color: #a82a2a;}
A:active {text-decoration: none; color: #a82a2a;}
A:hover {text-decoration: none; color:  #a82a2a;}





.terms {

float: left;
width: 500px;
clear: left;
}



.RedFont {

color: #a82a2a;
}


.smallFont 
{
font-size: 10px;    
}

.boldtext 
{
    font-weight: bold;  
}


.main
{
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    height: 700px;
}

.header 
{
    float: left;
    width: 950px;
    height: 80px;
    background-image: url(images/headerImage.jpg);
    background-repeat: no-repeat;
}





/* ------- NAVIGATION -----------------------------*/

.topNavigation 
{
  float: left;
  width: 950px;
  height: 31px;
  background-image: url(images/TopNavigationBackground.jpg);
  background-repeat:no-repeat;
    
}

.secondNavigation 
{
  float: left;
  width: 950px;
  height: 45px;
  background-image: url(images/secondNavigationBackground.jpg);
  background-repeat:no-repeat;
  color: #812a2a;
    
}


.secondNavigation2 
{
  clear: both;
  float: left;
  width: 950px;
  height: 60px;
  background-image: url(images/secondNavigationBackground_3.jpg);
  background-repeat:no-repeat;
  background-position:top;
  color: #812a2a;
    
}




.NavigationHeader 
{
  float:left;
  width: 80px;
  height: 30px;
  line-height: 31px;

 }
 
 .secondNavigationHeader 
{
  float:left;
  width: 57px;
  height: 45px;
  line-height: 45px;
  color: #812a2a;
  font-weight: bold;

 }
 
 .navigationSpacer 
 {
  display:block;
  float:left;
  width: 21px;
  height: 45px;   
     }
 
 
 
 .navigationMAIN 
    {
    float: left;
    width: 210px;
    height: 22px;
    background-image: url(images/navigation_background.jpg);
    background-repeat: no-repeat;
   }

 .navigationMAINover
    {
    float: left;
    width: 210px;
    height: 22px;
    background-image: url(images/navigation_background_OVER.jpg);
    background-repeat: no-repeat;
   }
     
     
 .navigationText 
 {
  float: right;
  width: 174px;
  height: 22px;
  line-height: 22px;
  font-family: Verdana;
  font-size: 12px;
  color: Gray;   
     
  }
 .navHeader2 
   {
   float: left;
   width: 240px;
   height: 18px;
   line-height: 18px;
   color: #ffffff
}
 
 
 
 /* ------------------ SEARCH BOX -----------------*/
 
 .searchBox 
 {
 float:left;
 width: 252px;
 height: 45px;
 margin-top: 11px;
  }
  
 .searchSpacer
 
 {
 float: left;
 width: 250px;
 vertical-align: middle;
 height: 8px;
 display: block;
} 
  
  
  /* ------------------ SHOPPING BASKET -----------------------*/
  
    .basketSpacer
  {
  float: right;
  width: 195px;
  height: 45px;  
  }
  
  .insideBasket
  {
  float: right;
  width: 85px;
  height: 45px;
  padding: 6px;
  font-family: Verdana;
  font-size: 10px;
  color: White;
  font-weight: bold;
  text-decoration: none;  
  padding-top:11px;
  }
  
  
  .basket 
  {
  float: left;
  width: 152px;
  height: 45px;
 /*  background-image: url('images/BASKET.gif');
  background-position: center;
  background-repeat: no-repeat; */
  font-family: Verdana;
  font-size: 12px;
  color: White;
  }
  
    .checkout
  {
  float: right;
  width: 150px;
  height: 45px;
  line-height: 22px;
  background-image: url(images/checkoutBUTTON.gif);
  background-position: left;
  background-repeat: no-repeat;
  }
  
  .basketspacer2 
  {
  float: left;
  width: 60px;
  height: 45px;    
  }
  
  
  /* ---------------------- CONTENT AREA -------------------------- */
    .content 
  {
   float: left;
   width: 950px;
   height: 400px; 
   }
  
   
  
  
  
  /* --------------------- LEFT CONTENT AREA --------------------------- */
  

   
   .spacer 
   {
    float: left;
    width: 950px;
    height: 13px;
    display: block;   
       
   }
   
   .leftAreaContainer 
   {
   float: left;
   width: 256px;
   height: 341px;    
   }
   
   .leftHeaderContainer 
   {
   float: left;
   width: 306px;
   height: 18px;
   }
       
       
      .spacerResults 
   {
   display: block;
   float: left;
   width: 20px;
   height: 20px;
   margin-top: -3px;
   }    
       
   .leftHeaderSection
   {
   float: left;
   width: 16px;
   height: 18px;
   background-image: url(images/leftHeaderSection.jpg);
   }
   
   .middleHeaderSection
   {
   float: left;
   width: 211px;
   height: 18px;
   background-image: url('images/middleHeaderSection.jpg');
   background-repeat: repeat-x;
   line-height: 18px;
   color: #ffffff
   }
   
      .middleHeaderSection2
   {
   float: left;
   width: 598px;
   height: 18px;
   background-image: url('images/middleHeaderSection.jpg');
   background-repeat: repeat-x;
   line-height: 18px;
   color: #ffffff
}
   
   
   
   .rightHeaderSection
   {
   float: left;
   width: 16px;
   height: 18px;
   background-image: url(images/rightHeaderSection.jpg);
   }
   
   .leftArea 
   {
    float: left;
    width: 235px;
    height: 320px;
  /*  background-image: url(images/left_BackgroundImage.jpg); */
    background-repeat: repeat-y;
       
   }
   
   .leftAreaCONTENT
   {
    float: right;
    width: 225px;
    height: 320px;
    overflow: auto;
       
   }
   
   .classificationDiv 
   {
    float: left;
    width:220px;
}
   
   
   
   /* -------------------------- MAIN AREA CONTENT ---------------- */
  .spacer2 
  {
    float: left;
    width: 25px;
    height: 340px;
    display: block;   
  }
   
   
   .mainArea 
   {
   
    float: left;
    width: 643px; 

    height: 393px;   
    }
   
   .headerWrapper 
   {
        float: left;
        width: auto;
        height: 20px;   
   }
   
   .mainAreaCONTENT 
   {
   float: left;
 /*  width: 634px;*/   
   width: 629px;
   height:371px;
   overflow: auto;
   }
   
   .mainAreaCONTENT2
   {
   float: left;
   width: 628px;
   height:324px;
   }   
   
   
      .leftHeaderSection2
   {
   float: left;
   width: 16px;
   height: 18px;
   background-image: url(images/leftHeaderSection_2.jpg);
   }
   
   
      .rightHeaderSection2
   {
   float: left;
   width: 15px;
   height: 18px;
   background-image: url('images/rightHeaderSection_2.jpg');
   }
   
   
   .resultsContainer 
   {
      float: left;
      width: 614px;
      min-height: 18px;
      border-bottom: 1px solid #f2efef;
      margin-top: 1px;
 
    }
   
      .resultsContainerNoLIne 
   {
      float: left;
      width: 614px;
      min-height: 15px;

 
    }
   
   
    
    
   .resultsContainerDetails 
   {
      float: left;
      width: 614px;
      min-height: 30px;
/*      border-bottom: 1px solid #f2efef; */
 
       
    }    
    
    
       .totalContainer 
   {
      float: left;
      width: 614px;
      height: auto;
  /*  3background-image: url('images/total.jpg');
      background-position: 50% top;
      background-repeat: no-repeat; */
      color: #3b3b3b;
      height: 16px;
}
    
    .resultsCelllarge
    {
     display: block;
     float: left;
     width: 279px;
     height: auto;
     
  
    }
    

    
        .resultsCelllargeBOLD
    {
     float: left;
     width: 279px;
     height: auto;
     font-weight: bold;
     color: #880910;
    }
    
    .resultsCellsmall
    {
     float: left;
     width: 90px;
     height: 14px;
     text-align: center;
        
    }
    
    .resultsCellsmall2
    {
     float: left;
     width: 90px;
     height: auto;
     text-align: right;
        
    }
    
    .resultsDetails
    {
     float: left;
     width: 100px;
     height: 30px;
     line-height: 30px;
     text-align: right;
        
    }
    
    .resultsDetails2
    {
     float: left;
     width: 230px;
     height: 30px;
     line-height: 30px;
     text-align: right;
        
    }     
    
   .resultsDetails3
    {
     float: left;
     width: 230px;
     height: 30px;
     line-height: 30px;
     text-align: center;
        
    }               
    
    
    
    
    
    
    /* ---------------------- ACCOUNT PAGE ----------------------------------------- */
    

    
    .showdetailsCell 
    {
    float: left;
    width: 175px;
    height: auto;
            
    }
    
    .showdetailsCellmedium
    {
    float: left;
    width: 127px;
    height: auto;
            
    }
    
    
    
    /* ----------------------------- News page -------------------------------------- */
    
   .newsTitleContainer
   {
      float: left;
      width: 590px;
      height: 22px;
      background-image: url(images/title_news_background.jpg);
      background-position: bottom;
      background-repeat: no-repeat;
      color: #3b3b3b;
       
    }
    
       .newsTitleContainerBottom
   {
      float: left;
      width: 590px;
      min-height: 18px;
      background-image: url(images/total.jpg);
      background-position: top;
      background-repeat: no-repeat;
      color: #3b3b3b;
       
    }       


    
    .newsMiddleContainer
    
   {
      float: left;
      width: 590px;
      min-height: 43px;
      background-color: #eeeced;
       
    }
    
   .spacerContainer 
   {
      float: left;
      width: 590px;
      min-height: 25px;
      display: block;

       
    }    
    
    
    
    /* ----------- REPRINT INVOICE PAGE -------------------------- */
    
    .InvoiceHeader 
    {
    float: left;
    width: 630px;
    max-height: 40px;
    

    }
    
    .Invoice 
    {
    float: left;
    width: 596px;
    height: auto;
    margin-bottom: 0px;
}
    
    .InvoiceTop 
    {    
    Float: left;
    width: 540px;
    height: 15px;
    
 
    }
    
   .InvoiceContainer 
   {
      float: left;
      width: 611px;
      height: auto;      
      border-left-style: solid;
      border-left-color: #eceaeb;
      border-left-width: 8px; 
      border-right-style: solid;
      border-right-color: #eceaeb;
      border-right-width: 8px;
       
    }
    
    .InvoiceSpacer 
    {
    float: left;
    width: 20px;
    height: 70px;  
    } 
    
   
   
   .GraySpacer 
   {
   float: left;
   width: 16px;
   height: 150px;

   
   
   }
   
   
   .GraySpacer2
   {
   float: right;
   width: 16px;
   height: 150px;
 /*  border-right-style: solid;
   border-right-color: #eceaeb;
   border-right-width: 8px;   */ 
   
   }    
   
         
    
    .InvoiceBottom 
    {
    float: left;
    width: 540px;
    height: 15px;
    background-image: url(images/InvoiceResultsBottom.jpg);
    background-repeat: no-repeat;    
    }
    
    .InvoiceBottom2 
    {
    float: left;
    width: 617px;
    height: 51px;
   
    }       
       
    
    .resultsCelllargeInvoice
    {
     float: left;
     width: 289px;
     height: auto;
    
    }    


.resultsCelllargeInvoice2    
    {
     float: left;
     width: 256px;
     height: auto;
    
    } 
        
    
   .InvoiceTotalContainer 
   {
      float: left;
      width: 598px;
      min-height: 25px;
      background-image: url(images/results_line_background.jpg);
      background-repeat: repeat-x;
      background-position:bottom;
      color: Black;
      line-height: 25px;
       
    }    
    
    
    
/* --------------- LOG IN PAGE ------------------- */

.nameText 
{
   float: left;
   width: 150px;
   height: 30px;
   line-height: 30px;  
    
}    




/* -------------- SUPPORT ------------------- */

    .supportContainer
    
   {
      float: left;
      width: 540px;
      min-height: 26px;
      line-height: 26px;
    /*  background-color: #eeeced; */
       
    }
    
    
/* --------- EXPIRED CATALOGUES ---------- */

    .resultsCellmedium
    {
     float: left;
     width: 120px;
     height: auto;
     text-align: center;
        
    }

    .resultsCellmedium2
    {
     float: left;
     width: 140px;
     height: auto;
     text-align: center;
        
    }

        
    .resultsCellreduced
    {
     float: left;
     width: 190px;
     height: auto;
  
    }        
        
        
        
        
/* ---------------- BORDER FOR REPRINT INVOICE PAGE ------------------ */

.reprintBorder 
{
      border-right-style: solid;
      border-right-color: #eceaeb;
      border-right-width: 8px;
      
      border-left-style: solid;
      border-left-color: #eceaeb;
      border-left-width: 8px;
      
      border-top-style: solid;
      border-top-color: #eceaeb;
      border-top-width: 8px;
      
      border-bottom-style: solid;
      border-bottom-color: #eceaeb;
      border-bottom-width: 8px;
                            
    
 }        
 
 
 
 
 .checkoutTotalBackground 
 {
    float: left;
    width: 445px;
    height: 84px;
    background-image: url(Images/checkoutTotal_background.jpg);
    background-repeat: no-repeat;   
 }
 
 
 
 .linksLogo 
 {
    float: left;
    width: 175px;
    height: 75px;
    vertical-align: middle;
        
     
 }
 
 
 .linksText 
 {
    float: left;
    width: 391px;
    height: 75px;
    line-height: 75px;
        
 }
 
 .faqsHeader 
 {
 float: left;
 width: 572px;
 height: auto;
 font-style: italic;
 color: #8e0b11;
 font-size: 14px; 
 }
 
 .faqsContent 
 {
   float: left;
   width: 560px;
   height: auto;    
 }
 
 
 /* -------- PARTNER LOGOS PAGE ------- */
 
 .partnerText 
{
    float: left;
    width: 590px;
    height: 250px;
    max-height: 250px;
    overflow-y: auto;    
}

.largeLogoContainer 
{
    float: left;
    width: 240px;
    height: 190px;
    padding-top: 50px;
      
}

.largeLogoDisplay 
{
    float: right;
    width: 200px;
    height: 140px;
      
}

.noOverflow 
{
    overflow: none;     
}




.logo 
{
float: left;
width: 140px;
height: 55px;    
}

.logoSpacer 
{
   float: left;
   height: 55px;
   width: 29px;
   display: block;    
}


.Margin 
{
    margin-top: 2px;    
}



.resultsCelllargeRight
    {
     float: right;
     width: 480px;
     height: auto;
     
  
    }