a:link { color: #FF0000; font-family: trebuchet ms; }
a:visited { color: #FF0000; }
a:hover { color: gray; }
a:active { color: #000; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

html { overflow: auto; }

* {
   padding:0;
   margin:0;
}

img {
    border-style: none;
    

}

body {    
    
    text-align: center;
    background-repeat: no-repeat; 
}

#center_wrapper {    
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding: 0px;
}


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



img.loyaltynet_logo {
           margin: 0px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
    float:left;
}

#navigation_buttons {
    width: 950px;
    height: 40px;
    margin-top: 6px;
    *margin-top: 8px;
    margin-bottom:7px;
    *margin-bottom:4px;
    background-image: url(images/navigation_bar.jpg); 
    float: left;
}
img.nav_link {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
}

img.main_landscape {
    margin-top: 5px;
    margin-bottom: 8px;
    *margin-bottom: 5px;
}

img.main_halfscape {
    float: left;
    margin-top: 5px;
    margin-bottom: 8px;
    *margin-bottom: 5px;
    margin-right: 30px;
}

#left_box_with_head {
    position: relative;
    margin-top: 5px;
    width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_with_head.png);
    float: left;
}

#right_box_with_head {
    
    position: relative;
    margin-top: 5px;
    width: 460px;
    height: 320px;
 background-image: url(images/main_text_box_with_head.png);
 float: right;
 }
 
 #left_box_without_head {
    position: relative;
    margin-top: 5px;
    margin-right: 30px;
    width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}
#left_box_without_head_cred {
    position: relative;
    margin-top: -2257px;
    margin-right: 30px;
    width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}

/* NOTE FOR left_box_without_head_news
For every news item added to the news page -81px should be added to
(or ,if you prefer, 81px deducted from) margin-top variable in order 
for left box to stay in correct position. Madness.  But it works
and I don't have time to figure out an alternative that would allow 
adding news items to news page without altering CSS - TC 01/12/10 */

#left_box_without_head_news {
margin-left: 0px;
margin-top: -1666px;
width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}


/* original code for this item, copied for safekeeping - TC 01/12/10

#left_box_without_head_news {
margin-left: 0px;
margin-top: -1182px;
width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}

end original code for item */


#left_box_without_head_news_item {
position: absolute;
top: 317px;
left: 0px;
width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
    

}

#left_news_item {
    position: relative;
   margin-right: 30px;
   width: 460px;
   float: left;
    
}

#left_box_without_head {
    position: relative;
    margin-top: 5px;
    margin-right: 30px;
    width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}






#left_box_without_head_news_bak {
    position: relative;
    margin-top: -1723px;
    margin-right: 30px;
    width: 460px;
    height: 320px;
    background-image: url(images/main_text_box_without_head.png);
    float: left;
}

#right_box_without_head {
    position: relative;
    margin-top: 5px;
    width: 460px;
    height: 320px;
 background-image: url(images/main_text_box_without_head.png);
 float: right;
 }
 
img.text_box_header {
    float:left;
    margin-top: 15px;
    margin-left: 20px;
 }
 img.text_box_header_cred {
    float:left;
    margin-top: 15px;
    margin-left: 7px;
 }

 
 p.sub_heading_1 {
     width: 250px;
     float: left;
     font-family: Times New Roman;
     font-size: 16px;
     color: #524848;
     text-align: left;
     margin-top: 50px;
     margin-left: -163px;
 }
  p.sub_heading_2 {
     font-family: Times New Roman;
     font-size: 16px;
     color: #524848;
     text-align: left;
     margin-top: 10px;
     *margin-top: 3px;
     margin-left: 20px;
 }
   p.sub_heading_3 {
     font-family: Times New Roman;
     font-size: 16px;
     color: #524848;
     text-align: left;
     margin-top: 10px;
     *margin-top: 3px;
     margin-left: 20px;
     margin-bottom: -12px;
 }
   p.sub_heading_4 {
     float: left;
     font-family: Times New Roman;
     font-size: 16px;
     color: #524848;
     text-align: left;
     margin-top: 50px;
     *margin-top: 50px;
     margin-left: -235px;
     margin-bottom: -0px;
 }
 
  p.index_text_left {
     float: left;
     width: 300px;
     font-family: Times New Roman;
     font-size: 13px;
     color: #524848;
     text-align: left;
     margin-top: 20px;

     margin-left: 20px;

 }
 
   p.index_text_right {
     float: left;
     width: 300px;
     font-family: Times New Roman;
     font-size: 13px;
     color: #524848;
     text-align: left;
     margin-top: 20px;
     *margin-top: 110px;
     margin-left: 20px;
     *margin-left: -245px;
 }
 
 p.sales_heading {
     font-family: Times New Roman;
     font-size: 36px;
     color: #524848;
     text-align: left;
     margin-top: 20px;
     margin-left: 30px;
     width: 400px;
 }
 
 img.sales_logo_1 {
    float: right;
    margin-right: 30px;
    margin-top: 45px;
 }
  img.sales_logo_2 {
     
    float: right;
    margin-right: 30px;
    margin-top: -19px;
 }
 
   img.sales_logo_bak {
     
    float: right;
    margin-right: 30px;
    margin-top: -19px;
 }
 
    img.sales_logo {
     
    position:absolute;
    
    right: 20px;
    bottom: 10px;
 }
 
 
 a.further_link {
     position:absolute;
     top: 300px;
     right: 10px;
     font-family: Ariel;
     font-size: 13px;
     *font-size:12px;
     color: #830100;
 }
 a.sales_link_1 {   
    float: right;
    margin-top: 20px;
    margin-right: 100px;
    margin-bottom: 5px;
    *margin-bottom: -7px;
    font-family: Ariel;
     font-size: 13px;
     *font-size:12px;
     color: #830100;     
 }
  a.sales_link_2 {
    float: right;
    margin-top: 30px;
    margin-right: 100px;
    margin-bottom: 5px;
    *margin-bottom: -30px;
    font-family: Ariel;
     font-size: 13px;
     *font-size:12px;
     color: #830100;     
 }
 a.sales_link_3 {
    float: right;
    margin-top: 10px;
    *margin-top: 25px;
    margin-right: 80px;
    margin-bottom: 5px; 
    font-family: Ariel;
     font-size: 13px;
     *font-size:12px;
     color: #830100;     
 }
 
 a.legal_link {
     float: left;
     font-family: Arial;
     font-size: 10px;
     *font-size:12px;
     color: #B2B0B0;
 }
 
 img.long_line {
     margin-top: 20px;
 }
 p.copyright {
         float: right;
     font-family: Arial;
     font-size: 10px;
     *font-size:12px;
     color: #B2B0B0; 
 }
    


#contactus {
    float: right;
    margin: 20px;
    margin-right: 65px;
    *margin-right: 42px;
    margin-top: 30px;
}
p.contactus {
   font-family: helvetica, arial, sans-serif;
   font-size: 10px;
   color: #800000;
   margin-left: 19px;
}
     

table.contact {
    float:left;
    margin-top: 40px;
    margin-left: 200px;
}

 p.email {
   margin: 30px;
   text-align: left;
   font-family: helvetica, arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000;
   float: left;
   margin-top: -0px;
 }