* {
 margin: 0px;
 padding: 0px;
} 

body {
  margin: 0 0 0 0;
  padding: 0px 0px 0px 0px;   
  background: #c5bcda url(gfx/page_layout/body_bg.png) repeat-y 50% 0px;
  font: 70% Verdana,Sans-serif;
  line-height: 140%;
  text-align:center;
  color: black;
}     
  
#container {            
  background: #fcf9fc;
  width: 960px;
  margin: 0 auto;
  border: 0px;
  border-width:0 1px;
  text-align: left;
  color: #1F4434;
  position:relative;
  padding: 0px;
}       

/* Header */  
#header {       
  background: #fcf9fc url(gfx/page_layout/header_bg.png) no-repeat right 10px;
  color: white;
  position:relative;
  width: 960px;
}
#header a img {
  border: 0px;   
  width: 212px;
} 
#header p.contact_details {
  position: absolute;
  top: 15px;
  right: 7px;  
  text-align: right; 
  line-height: 200%;
}
#header p.contact_details span.tel {
    font-size: 200%;
}

#top_navigation {
    position: absolute;
    top: 66px;
    right: 0px;  
    list-style: none;
    display: inline;  
    background: #a694c2;
    padding: 0px 200px 0px 0px;  
    border-top: 2px solid #afb3cb;
    border-left: 2px solid #afb3cb;
}
#top_navigation li {    
    list-style: none;
    display: inline;  
    float: left;  
}
#top_navigation li a {    
    text-decoration: none;
    color: #003466;
    display: block;     
    margin: 3px 0px 2px 0px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #003466;
}
#top_navigation li a:hover {   
    color: white;       
}

/* LHS column */
#lhs_column {
   border: 1px solid #003466;    
   width: 188px;
   margin: 0px 10px 0px 0px;
   float: left;
}            
#lhs_column h1 {   
   margin: 0px 0px 0px 0px; 
  padding: 5px;         
   color: #4c2177;
   font-size: 1.4em;
   font-weight: normal;
}
#lhs_column ul {   
   margin: 0px 0px 10px 30px;   
}            
#lhs_column ul li { 
   margin: 0px 0px 0px 0px; 
}            
#lhs_column ul li a{   
  text-decoration: none;             
   color: #003466;
}            
#lhs_column ul li a:hover {   
  text-decoration: underline;             
   color: #8F7EB5;
}
#lhs_column a.weekly_offers {
   display: block; 
   border: 1px solid #4c2177; 
   margin: 5px;
   padding: 3px; 
   color: black;
   text-decoration: none;
}          
#lhs_column a.weekly_offers:hover {   
   text-decoration: underline;
}          

#lhs_column a.weekly_offers h2 {  
   color: #4c2177;
   font-size: 1.4em;
   font-weight: normal;
   margin: 0px 0px 3px 0px;
}     

/* Centre Column */

#centre_column {
   border: 1px solid #003466;  
   width: 558px;   
   float: left;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 10px 0px; 
   text-align: left;
}
#centre_column #intro_box {    
   background: #c5bcda;
   margin: 10px 10px 10px 10px; 
   padding: 0px 0px 5px 0px;  
}
#centre_column #intro_box h1 {   
   margin: 0px 0px 10px 0px; 
  padding: 5px;  
   background: #003466;
   color: white;
   font-size: 1.4em;
   font-weight: normal;
}
#centre_column #intro_box p {  
   margin: 0px 10px 10px 10px;   
}

#product_boxes a.product_box {  
   background: #c5bcda;
   display: block;
   text-decoration: none;   
   float: left;
   margin: 0px 0px 10px 10px;
   width: 172px;
   height: 120px;
   color: black;
}  
#product_boxes a.product_box strong {    
   margin: 0px 0px 2px 0px; 
   padding: 4px 2px 4px 4px;  
   background: #003466 url(gfx/page_layout/view_button.png) no-repeat right 50%;
   color: white;
   font-size: 1.2em;
   font-weight: normal;
   display: block; 
}    
#product_boxes a:hover.product_box strong {       
   background-image: url(gfx/page_layout/view_button_hover.png); 
}    
#product_boxes a.product_box em.description { 
   display: block;
   margin: 0px 66px 0px 3px; 
   font-size: 0.9em;
   line-height: 115%;   
   font-style: normal;
}           
#product_boxes a.product_box.betty { background: #efcfd0 url(gfx/products_boxes/betty_boop.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.betty strong { background-color: #b32c31; } 
            
#product_boxes a.product_box.swarovski { background: #e2e3e5 url(gfx/products_boxes/swarovski.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.swarovski strong { background-color: #a9aaac; }     
            
#product_boxes a.product_box.lilliput { background: #e2d0c2 url(gfx/products_boxes/lilliput.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.lilliput strong { background-color: #825d41; }     
            
#product_boxes a.product_box.doulton { background: #d1d1d1 url(gfx/products_boxes/doulton.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.doulton strong { background-color: #5f6062; }     
            
#product_boxes a.product_box.willow { background: #ebddd7 url(gfx/products_boxes/willow.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.willow strong { background-color: #c99d87; }     
            
#product_boxes a.product_box.llandro { background: #f6e3c7 url(gfx/products_boxes/lladro.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.llandro strong { background-color: #b16b04; }     
            
#product_boxes a.product_box.spongebob { background: #faf9e2 url(gfx/products_boxes/spongebob.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.spongebob strong { background-color: #e9dc08; }     
            
#product_boxes a.product_box.cufflinks { background: #e7f2f7 url(gfx/products_boxes/cufflinks.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.cufflinks strong { background-color: #67a2c0; }     
            
#product_boxes a.product_box.cats { background: #d9ebe3 url(gfx/products_boxes/cats.jpg) no-repeat bottom right; }       
#product_boxes a.product_box.cats strong { background-color: #007a45; }           

/* RHS Coumn */
#rhs_column {
   border: 1px solid #003466;    
   width: 188px;
   margin: 0px 0px 0px 10px;
   padding: 10px 0px 0px 0px;
   float: right;    
}
#rhs_column div.box {
   background: #c5bcda;          
   margin: 0px 10px 10px 10px;
   padding: 5px 5px 5px 5px;
   color: #4c2177;
}
#rhs_column div.box ul li {
list-style: none;
margin-bottom: 5px;
}
#rhs_column div.box a {
color: #4c2177;
text-decoration: none;
}
#rhs_column div.box.dark {
   background: #4c2177;  
   color: white; 
}
#rhs_column div.box.ccards {
   background: #FCF9FC;  
   text-align: center;
}
#rhs_column div.box.address {  
   text-align: right;
}



/*footer */

#footer {
  background: #003466 url(gfx/page_layout/header_bg.png) no-repeat right 0px;
  color: white;
  width: 960px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  text-align: center;
  clear: both;
}

p.copyright {
    color: black; 
   font-size: 0.8em;
}
p.copyright a {
    color: black; 
    text-decoration: none;
}