
body      { font-family: "Lucida Grande", Arial, Helvetica, Tahoma; background-color: #fff; background-image: url(Images/gradient.jpg); background-repeat: repeat-x; text-align: center; right: 840px }
#wrapper     { background-image: none; background-repeat: repeat-y; text-align: left; margin: 0 auto; width: 720px; height: auto }
#mainNav   { font-size: 0.8em; line-height: 30px; background-repeat: no-repeat; text-align: center; margin-top: 10px; position: relative; float: left; clear: left }
#primaryContent     { color: #333; font-size: 0.8em; line-height: 1.6em; margin-top: 20px; padding-right: 20px; position: relative; width: 470px; float: left }
#secondaryContent      { font-size: 0.8em; text-align: right; display: block; margin-top: -30px; position: relative; width: 220px; float: right }
#tableContent  { font-size: 0.9em; line-height: 1.4em; float: left }
#header      { background-image: url(Images/ClydetecLogo.gif); background-repeat: no-repeat; background-position: center 0; margin-top: 30px; width: 100%; height: 135px; border-bottom: 1px solid #999 }
#footer        { color: #333; font-size: 0.6em; text-align: center; clear: both; border-top: 1px solid #999; border-bottom: 1px solid #999 }
.selected a { color: #fff }
.intro { font-weight: bold }
.headerContent  { font-size: 1.6em; font-weight: bold; line-height: 1.2em }
li         { background-position: 0 50%; display: inline; padding-left: 27px }
ul  { line-height: 2em; background-image: url(Images/navBar.jpg); background-repeat: no-repeat; list-style-type: none; margin: 0; padding: 0; width: 470px; height: 30px; float: left }
ul a  { color: #ccc; line-height: 30px; text-decoration: none; background-image: url(Images/divider.gif); background-repeat: repeat-y; display: inline; margin-left: -20px; padding-right: 3.6em; padding-left: 3.6em; float: left }
ul .first a { background-image: none }
ul a:hover { color: #fff }
ul li {float: left;}
.pass { color: #c00; font-weight: bold }
#passList li { background-image: url(Images/tick.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 25px }
ul#passList { list-style-type: none; list-style-image: none; margin: 0; padding: 0 }
.primary:link { color: #666; text-decoration: none; border-bottom: 1px dotted #999 }
.primary:visited { color: #666; text-decoration: none }
.primary:hover { color: #c00 }
.footer:link { color: #666; text-decoration: none; border-bottom: 1px dotted #666 }
.footer:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #999 }
.footer:hover { color: #c00; border-bottom: 1px dotted #c00 }
table  { margin-top: 20px; margin-bottom: 10px; width: 40em; border: none; border-collapse: collapse }
th, td   { text-align: center; padding: 0.4em 0.5em }
col { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
col#goldCol { border: none }
tr { border-bottom: 1px solid #ccc; }
.price { color: #c00; font-size: 1em; font-weight: bold }
#terms { color: #666; font-size: 0.8em }
