/*
SwapNeat colours:
Logo Blue Pantone: 0, 125, 140 (00848E) (Pantone 3145C)
Logo Blue RGB:     37 ,77, 149  (2595B1)

Webpage Accent Stripe: 81,189, 213 (51BDD5)
Dark Blue Text:  34, 78, 106  (224e6a)

Nav Bar Borders: 93, 181, 210 (5DB5D2)
Nav Background: 251, 248, 217 (FBF8D9)
Current Nav Bkgd: 229, 197, 91 (E5C55B)
Hover Nav Bkgd: 209, 161, 3 (D1A103)
Current text:  251, 248, 217 (FBF8D9)

Form Label Background: 87, 194, 217 (57C2D9)
Form Field Label:  251, 248, 217 (FBF8D9)

*/

BODY {
  color:#224e6a;
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  background-image: url("/images/accents/backgroundswoosh.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0px 0px 0px 0px;
}

DIV {
  margin: 0px;
  padding: 0px;
}
  
H1 {
margin: 0px;
padding: 0px;
}

A {
  text-decoration:none;
  /* color: #325e7a; */
  color: #325e97;
  cursor: pointer;
}

A:hover {
  text-decoration:underline;
  color: #325e97;
  cursor: pointer;
}

A:visited {
  color: #645e97;
}

A:link {
  color: #325e7a;
}

A:active {
  color: #69C2D9;
}

SUP {
  font-size: 66.66%;
}

/* general classes  */

.introduction {
  font-weight: bold;
  font-size: 13px;
}

/* faq  */

.question {
  text-decoration:none;
  font-weight: bold;
}

.answer {
}

/* navigation */

.navlink {
  text-decoration:none;
  color: #224e6a;
  font-size: 11px;
}

.navlink:hover {
   text-decoration:none;
   color: #224e6a;
}

.navlink:visited {
   text-decoration:none;
   color:#224e6a;
}

.navlink:link {
   text-decoration:none;
   color:#224e6a;
}

.navdiv {
   text-decoration:none;
   color:#224e6a;
   background-color:#FBF8D9;
   width:124px;
   height:22px;
   border-top:1px solid #5DB5D2;
   border-left:1px solid #5DB5D2;
   border-right:1px solid #5DB5D2;
   border-bottom:1px solid #57C2D9;
   padding:0px;
   margin:0px;
   cursor:pointer;
}

.navtext {
   font-family: Tahoma, sans-serif;
   font-size: 11px;
   font-weight:bold;
   padding:0px;
   margin: 0px;
   margin-top: 4px;
}

.navpopuptext {
   font-family: Tahoma, sans-serif;
   font-size: 10px;
   padding:0px;
   margin: 0px;
   margin-top: 4px;
}

.centercell {
  background-color: #57C2D9;
}

.sidebarbox {
  background-color: transparent;
  font-size: 10px;
  padding: 3px;
}

.formfieldlabel {
  text-decoration:none;
  color:#FBF8D9;
  padding:6px;
  margin:0px;
  font-weight:bold;
  font-size: 10pt;
}

.tablet {
  margin-left: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/*  feature list  */
.featurecaption {
   font-size: 11px;
   width: 174px;
}

.featuredesc {
   width: 400px;
   position: absolute;
   left: 450px;
   top: 280px;
}

.featuretitle {
   width: auto;
   margin-left: 20px;
}

div.featuretitle:hover {
  cursor: pointer;
  text-decoration: underline;
}

div.subfeaturetitle:hover {
  cursor: pointer;
  text-decoration: underline;
}

.feature_illustration {
   position: absolute;
   top: 0;
   left: 0;
}

.featuretitletext {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 16px;
}

.featuredetail {
  display:none;
  position:absolute;
}

.subfeaturetitles {
  margin-left: 44px;
  margin-bottom: 6px;
  display:none;
}

.subfeaturetitle {
  margin-top: 3px;
}

.subfeaturetitletext {
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.note {
  font-size: 12px;
}

.emailmessage {
  font-size: 11px;
}

.smallprint {
  font-size: 11px;
}

.footertext {
  font-size: 10px;
}

.relfeature {
  display:none;
}

.relfeattitle {
  font-size: 11px;
}

.relfeattitle:hover {
  cursor: pointer;
}

dt.relfeattitle:hover {
  cursor: default;
}

.glossaryterm {
  font-style: normal;
  font-weight: bold;
  color: inherit;
}

.figure {
  background-color: #FBF8D9;
  width: auto;
  padding: 10px;
  margin: 5px;
  border: 2px solid #E5C55B;
}

.figurecaption {
  margin-top: 0px;
  font-size: 11px;
  margin-bottom: 0px;
}

#navbar {
   position: absolute;
   top: 92;
   left: 18;
}

#div_spacer {
  height: 59px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

#div_nav {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

#homepage_logo {
   position: absolute;
   top:70;
   left:205;
}

#bodytext_homepage {
   position: absolute;
   top:190;
   left:248;
   width:350px;
   }

#contentbody {
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  width: 450px;
}

#bodytext {
   position: absolute;
   top:96;
   left:198;
   width:402px;
   }

#storebody {
   position: absolute;
   top:96;
   left:198;
   width:700px;
   }

#homepage_illustration {
   position: absolute;
   top: 164;
   left: 600;
}

#featureillustration_caption {
   position: absolute;
   top: 100;
   left: 600;
   width:200;
}

#downreg_buttons {
   position: absolute;
   top: 20;
   left: 550;
}

#rightcolumn_store {
  position:absolute;
  top: 96;
  width: 125;
  left:665;
  font-size: 10px;
}

#footertext {
  font-size: 10px;
  text-align: center;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}

#featurelist {
  margin-top: 8px;
}

#featuredetails {
  position:absolute;
  top:0;
  left:427;
  width:472;
}

#overDiv P {
  font-size: 10pt;
  margin-top: 6px;
  margin-bottom: 0px;
}

#overDiv P.firstchild {
  margin-top: -2px;
}

#overDiv OL, #overDiv UL {
  font-size: 8pt;
  margin-top: 0px;
  margin-bottom: 0px;
}

#overDiv OL LI, #overDiv UL LI {
  margin-top: 0px;
  margin-bottom: 0px;
}