.navtext
{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12pt; font-weight: lighter; color: #fff; text-align: left; vertical-align: middle; border-style: none; outline-style: none; align: left; valign: }

.navlink
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; font-style: normal; color: #fff; text-decoration: none; text-align: left; border-style: none; outline-style: none; align: left; valign: bottom; }

.basket
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #8C8C8C; font-size: 10px; font-weight: bold; font-style: normal;  text-decoration: none; text-align: right;
}
.buy
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #8c8c8c; font-size: 12px; font-weight: bold; font-style: normal;  text-decoration: none; text-align: left;
}

.box
{ background-color: #fff; text-align: left; align: left;}

.menu
{ background-color: #c8d2b2; padding: 2px 10px; }
.boxhealth
{ font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; color: #fff; text-align: left; background-color: #c8d2b2; background-position: 0 0; width: 720px; height: 100px; margin: 30px; padding: 30px; border: 30px white; outline-color: white; outline-width: 30px; valign: top; }

.copylink
{ color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; background-color: #362624; text-decoration: none; height: 540px; width: 351px; left: 580px; top: 120px; position: absolute; visibility: hidden; padding: 5px; }
a.top:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #96a384; text-decoration: underline; text-align: left; }
a.top:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #96a384; text-decoration: underline; text-align: left; }
a.footer:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; text-decoration: none; text-align: left; }
a.footer:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #fff; text-decoration: none; text-align: left; }
a.contacts:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #96a384; text-decoration: none; text-align: left; }
a.contacts:hover 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #96a384; text-decoration: none; text-align: left; font-weight: bold;}
a.contacts:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #96a384; text-decoration: none; text-align: left; font-weight: bold;
}
a.pagelink:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; font-weight: normal; font-style: normal; background-color: #c8d2b2; text-decoration: none; text-align: left; vertical-align: top; 
padding 8px;
}
a.pagelink:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; font-weight: normal; font-style: normal; background-color: #c8d2b2; text-decoration: none; text-align: left; vertical-align: top; 
padding 8px;
}
a.pagelink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 16px; font-weight: normal; font-style: normal; background-color: #c8d2b2; text-decoration: none; text-align: left; vertical-align: top; 
padding 8px; }

a.healthlink:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #8C8C8C; font-size: 12px; font-weight: bold; font-style: normal;  text-decoration: underline; text-align: left; 
}
a.healthlink:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #8C8C8C; font-size: 12px; font-weight: bold; font-style: normal;  text-decoration: none; text-align: left;
}

a.reslink:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 10px; font-weight: normal; font-style: normal;  text-decoration: none; text-align: left; valign: bottom; padding 10px;
}
a.reslink:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 10px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; valign: bottom; padding 10px;
}
a.reslink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 10px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; valign: bottom; padding 10px; }

a.weblink:link 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 12px; font-weight: normal; font-style: normal;  text-decoration: none; text-align: left; valign: bottom; padding 10px;
}
a.weblink:visited 
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #96a384; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; valign: bottom; padding 10px;
}
a.weblink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color: #96a384; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; text-align: left; valign: bottom; padding 10px; }
.divbrown
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #362624; text-align: left; border-style: none; background-color: #c8d2b2;outline-style: hidden; align: left; valign: bottom; padding: 10px; }

.healthcopy
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #362624; font-size: 12px; text-align: left; border-style: none; background-color: #fff; vertical-align: top; padding-top: 10px; padding-right: 60px; padding-left: 60px; align: left; valign: top; }
.healthh1
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #8c8c8c; text-align: left; border-style: none; background-color: #fff; background-position: 0 top; align: left; valign: top; }
.healthh2
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #8c8c8c; text-align: left; border-style: none; background-color: #fff; background-position: 0 top; align: left; valign: top; }
.quote
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: lighter; color: #96a384; text-align: center; border-style: none; background-color: #fff; background-position: 0 top; padding: 30px 30px 10px; align: left; valign: top; }
.enews
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: lighter; color: #96a384; text-align: left; border-style: none; background-color: #fff; background-position: 0 top; padding: 30px 30px 10px; }
ul#product
{ border-style: none; outline-style: none; }
ul#product li
{ display:inline; }
li.products a
{ color: #362624;; font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 10pt; font-weight: lighter; text-align: left; text-decoration: none; padding: 10px; display: inline; }
li.products a:hover, li.products a:active, li.products a:focus
{ color: #96a384; padding: 10px; }
.pH1
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: lighter; color: #96a384; text-align: left; border-style: none; background-color: #fff; background-position: 0 top; align: left; valign: top; }
.pH2
{
font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; text-align: left; color: #362624; text-decoration: none; valign: top;
}
.pH3
{
font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; text-align: right; color: #362624; text-decoration: none; valign: top;
}
img.photoprod { text-align: left; vertical-align: top; float: left; padding: 10px; border-style: none; }
.photohealth { text-align: left; vertical-align: top; float: left; padding-top: 0; padding-right: 30px; padding-bottom: 10px; border-color: white; }
.p_item
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #96a384; text-align: left; background-color: #fff; padding-bottom: 2px; border-bottom: 1px solid #96a384; border-left-style: none; }
.divgrey
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #362624; text-align: left; border-style: none; background-color: #8C8C8C;outline-style: hidden; align: left; valign: bottom;padding: 10px;  }
.divlink
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #8C8C8C; text-align: left; border-style: none; background-color: #fff;outline-style: hidden; align: left; valign: bottom;padding: 10px;  }

.divbox { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #362624; text-align: left; padding: 10px; }
ul.list { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 1em; margin-right: 0; margin-bottom: 1em; list-style-type: disc; }
ul#navcat
{ margin: 0; padding: 0px; }
ul#navcat li
{
display:inline;
}
li.navlistcat a
{
color: #fff; font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; text-align: left; 
text-decoration: none;
}
li.navlistcat a:hover, li.navlistwhite a:active, li.navlistwhite a:focus
{ color: #362624; }
ul#navhealth
{ margin: 0; padding: 10px 30px; }
ul#navhealth li
{
display:inline;
}
li.navlistwhite a
{
color: #fff; font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; text-align: left; 
text-decoration: none;
}
li.navlistwhite a:hover, li.navlistwhite a:active, li.navlistwhite a:focus
{ color: #96a384; }
li.navlistbrown a
{
font-family: sans-serif, Helvetica, Arial, Verdana; font-size: 12pt; font-weight: lighter; text-align: left; color: #362624;
text-decoration: none;
}
li.navlistbrown a:hover, li.navlistbrown a:active, li.navlistbrown a:focus
{ color: #96a384; }


p.divtext { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration: underline; text-align: left; vertical-align: top; }
.a.mail { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #c8d2b2; text-align: left; }
.contactlefttop { text-align: left; vertical-align: top; padding: 20px 10px 10px 80px; border-color: black; border-width: 1px; }
.contactleftbot { text-align: right; vertical-align: top; padding: 20px 10px 10px 80px; border-color: black; border-width: 1px; }
.contactrighttop { text-align: right; vertical-align: top; padding: 20px 80px 10px 10px; border-color: black; border-width: 1px; }
.contactrightbot { text-align: right; vertical-align: top; padding: 20px 80px 10px 10px; border-color: black; border-width: 1px; }
.photo { text-align: left; vertical-align: top; float: left; padding: 2px 4px 2px 2px; border-color: white; }
.aboutlt { font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 12px; text-align: left; vertical-align: top; padding: 0 0 0 85px; border-color: black; }
.aboutrt { font-family: Verdana, Arial, Helvetica, sans-serif; color: #362624; font-size: 12px; text-align: left; vertical-align: top; padding: 0 80px 0 5px; border-color: black; }
<li class="navlistwhite"><a href="m_repair.html" title="Pain & Body Repair">Pain & Body Repair: Magnet Range&nbsp;</a></li> <li class="navlistbrown"><a href="m_repair2.html" title="Pain & Body Repair">Pain & Body Repair: Wraps Range&nbsp;</a></li> <li class="navlistwhite"><a href="m_sleep.html" title="Sleep">Sleep&nbsp;</a></li> <li class="navlistbrown"><a href="m_wellbeing.html" title="Health & Wellbeing">Health & Wellbeing&nbsp;</a></li> <li class="navlistwhite"><a href="m_jewellery.html" title="Jewellery">Jewellery&nbsp;</a></li> <li class="navlistbrown"><a href="m_pets.html" title="Other Therapies">Pets&nbsp;</a></li> <li class="navlistwhite"><a href="m_books.html" title="Books">Books&nbsp;</a></li> <li class="navlistbrown"><a href="m_about.html" title="About Magnet Therapy">About Magnets</a></li> { }