body, div, th, td, a, p, li {font-family:arial,helvetica,sans-serif;}
body {color:white;}
body.fade {background:url(http://www.feesch2.co.uk/pix/bg_body.gif) #000066 fixed repeat-x; text-align:center; margin:15px 0;}
img {border:0;}
form {margin:0;}
fieldset {border:0; padding:0; margin:0;}
.gold {color:#FFCC33; font-weight:bold;}
.left  , tr.left   td, tr.left   th, table tr td.left  ,table tr th.left   {text-align:left   !important;}
.right , tr.right  td, tr.right  th, table tr td.right ,table tr th.right  {text-align:right  !important;}
span.right {float:right !important;}
div.left {float:left;}
.center, tr.center td, tr.center th, table tr td.center,table tr th.center {text-align:center !important;}
.nobr, tr.nobr td, tr.nobr th, table tr td.nobr,table tr th.nobr {white-space:nowrap;}
.hide {display:none !important;}
.alert {color:red; font-weight:bold;}
.alert a:link, .alert a:visited, .alert a:active, .alert a:hover {color:red !important;}
.normal   {color:white;}
.normal a:link, .normal a:visited, .normal a:active, .normal a:hover {color:white !important;}
.courier {font-family:courier-new;}
.error {font-size:150%; color:white; background:red; font-weight:bold; text-align:center; padding:5px;}
.hilite {color:black; background-color:#ffff66; font-weight:bold}
.contact {list-style-type:none;}
.nodots {list-style-type:none; margin-left:0;}
iframe#iframe {position:absolute; z-index:2; display:none; border:none;}
.ieonly {display:none;}

small i {float:left;}
hr {color:#006; background-color:#006; height:1px; shade:no-shade;}

.red {color:#ff0000;}
a.red:link, a.red:visited, a.red:active, a.red:hover {color:#ff0000 !important;}
.green {color:#00ff00;}
a.green:link, a.green:visited, a.green:active, a.green:hover {color:#00ff00 !important;}

a.old:link, a.old:visited, a.old:active, a.old:hover {color:#ffffff !important;}
a.new:link, a.new:active, a.new:hover {color:#00ff00 !important;}
a.new:visited {color:#ffffff !important;}

a.auto {border-bottom:3px double; text-decoration:none !important;}

.bold {font-weight:bold;}
.focus {border:1px solid white !important;}
.pointer {cursor:pointer;}
small, .small {font-size:70% !important;}
.paypal {vertical-align:middle; background:white;}
.odd  {background:#1144AA;}
.even {background:#003399;}
tr.suspend td {background:#880000;}
.bottom {vertical-align:bottom !important;}
.bottom td {vertical-align:bottom !important;}
th.toggle {cursor:pointer;}

.size2 {font-size:100%;}
.size3 {font-size:150%;}
.size4 {font-size:200%;}
.size5 {font-size:250%;}
.size6 {font-size:300%;}
.size7 {font-size:350%;}

strike {text-decoration:underline overline;}

a:link     {text-decoration: none;      font-weight: 800; color: #FFFFFF}
a:visited  {text-decoration: underline; font-weight: 800; color: #FFFFFF}
a:hover    {text-decoration: underline; font-weight: 800; color: #CCCCFF}

a.subsect:link    {text-decoration: none;      color: #FFFFFF}
a.subsect:visited {text-decoration: none;      color: #FFFFFF}
a.subsect:hover   {text-decoration: underline; color: #CCCCFF}
a.sublink:link    {text-decoration: none;      color: #FFFFFF}
a.sublink:visited {text-decoration: none;      color: #FFFFFF}
a.sublink:hover   {text-decoration: underline; color: #CCCCFF}
a.columns:link    {color: #FFFFFF}
a.columns:visited {color: #FFFFFF}
a.columns:hover   {color: #CCCCFF}
a.gold:link       {text-decoration: none;      font-weight: 800; color: #FFCC33}
a.gold:visited    {text-decoration: underline; font-weight: 800; color: #FFCC33}
a.gold:hover      {text-decoration: underline; font-weight: 800; color: #CC0000}
a.suspend:link    {text-decoration: none;      font-weight: 800; color: #FF0000}
a.suspend:visited {text-decoration: underline; font-weight: 800; color: #FF0000}
a.suspend:hover   {text-decoration: underline; font-weight: 800; color: #CC0000}
a.rpages:link     {text-decoration: none;      color: #FFFFFF}
a.rpages:visited  {text-decoration: none;      color: #CC0000}
a.rpages:hover    {text-decoration: underline; color: #CCCCFF}
a.jpages:link     {text-decoration: none;      color: #000000}
a.jpages:visited  {text-decoration: none;      color: #999999}
a.jpages:hover    {text-decoration: underline; color: #00FF00}

input.submit,button.submit {background-color:#990000; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

input.test {background-color:#999900; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

input.submitover,button.submitover {background-color:#CC0000; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

input.reset,button.reset {background-color:#3366FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

input.gap {margin-left:50px;}

input.resetover,button.resetover,button.resetactive {background-color:#6699FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

button.resetactive {border-color:#006 #ccf #ccf #006;}

input.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }
input.amount {width:50px; background-color:#ccccff; text-align:right; color:#990000; font-weight:bold;}
input.readonly {background-color:transparent; color:#ffffff; font-weight:bold; border:none; padding:0; font-family:'MS Sans Serif', sans-serif, Verdana, Arial}

select.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }
select.shop {width:250px;}

textarea.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }

.sms {background:#669966; color:#003300; font-family:courier new; padding:5px; line-height:120%; border:3px inset #666666; width:250px; height:150px; text-align:left;}

button.reset {background-color:#3366FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

button.resetover {background-color:#6699FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

img.icon {clear:left; background:#000066; float:left; margin-right:5px; border:1px solid #000066;}
img.mainImage {float:left; margin-right:5px;}


table.outer {background:#006; border-collapse:collapse; border:2px solid white; width:760px; margin:0 auto 10px auto;}
table.outer th.heading {text-align:center; background:#3366cc; font-size:125%; padding:5px; border-bottom:2px solid white;}
table.outer td.note {text-align:center; background:#3366cc; font-size:90%; padding:5px; border-bottom:2px solid white;}
table.outer td.note a {text-decoration:underline;}

table.inner {border-collapse:collapse; border:1px solid #006; width:100%; font-size:90%;}
table.inner td,table.inner th {border:1px solid #006; padding:5px; font-size:100%; vertical-align:top; text-align:left;}

table.innert table {background:transparent;}
table.inner table td,table.inner table th {border:none;}

table.inner tr.lastread td {font-size:70%; background:#006; font-style:italic; text-align:center;}
table tr.gap td {border-top:3px solid #006;}
table tr.whitelineTop td, table tr.whitelineTop th {border-top:1px solid white;}
table tr.whiteline    td, table tr.whiteline    th {border-bottom:1px solid white;}
table tr.whiteline    td table td, table tr.whiteline    th  table th {border-bottom:none;}
table.outer .tight {width:100%; border:none !important; padding:0;}
table.outer .tight td {padding:0;}
table.outer .tightW td {padding:5px 0;}

table.nested {border:none !important; border-collapse:collapse; width:100%;}
table.nested td {border:1px solid #006 !important;}
table.nested table td,table.nested table th {border:none !important; padding:0;}
table.noBorder td,table.noBorder th {border:none !important; padding:0;}

table.gallery {width:740px;}
table.gallery td {padding:5px 0;}
table.gallery img.galleryImage {width:65px; height:65px;}

div.noNav table.gallery {width:900px;}
div.noNav table.gallery img.galleryImage {width:82px; height:82px;}

span.gallery img {width:55px; height:55px;}
div.noNav span.gallery img {width:70px; height:70px;}

table.gold {border-color:#ffcc33;}
table.gold th.heading {background:#ffcc33; border-bottom:2px solid #ffcc33; color:#000066;}

table.outer tr.gold a:link,
table.outer tr.gold a:visited {color:#ffcc33;}

table.outer tr.gold a:hover,
table.outer tr.gold a:active {color:#ffffff;}

table.suspend tr th {background:#880000 !important;}
table.warning tr th {background:#880000 !important;}

table tr th {font-weight:bold;}

table.w400 {width:400px !important;}
table.w200 {width:200px !important;}

div.film {width:555px; height:96px; background:url(http://www.feesch2.co.uk/pix/film.gif); margin-bottom:10px; text-align:left;}
div.film img {width:100px; height:68px; margin:14px 3px 14px 3px; border:none;}

h1 {font-size:200%; color:white; font-weight:bold; text-align:center;}
div.intro {width:600px;}

div.envelope {background:url(http://www.feesch2.co.uk/pix/stamp.gif) white 270px 10%; background-repeat:no-repeat; border:2px solid #666; font-family:courier new; color:black; width:345px; font-size:22px; font-weight:bold; text-align:left; padding:75px 100px 50px 50px;}

h2 {font-size:120%; margin-bottom:0;}
p  {margin-top:0;}

div.spoiler {margin-top:15px;}
div.spoiler div.heading {color:white; text-align:center; background:#3366cc; font-size:125%; padding:5px; font-weight:bold; border:2px solid white; cursor:pointer;}
div.spoiler div.show, div.spoiler div.hide {padding:5px; border:2px solid white; border-top:none;}
div.spoiler div.show {display:block;}
div.spoiler div.hide {display:none;}

div#topPanel {float:left; color:white; background:#3366cc url(http://www.feesch2.co.uk/pix/logo_bg.gif) repeat-x; padding:0px; border:2px solid white; margin-bottom:15px; width:995px; height:103px; text-align:left; position:relative;}
div#topPanel img {border:0;}

div#globalTools {position:absolute; left:693px; top:0px; width:300px; height:1%; text-align:right; margin-top:2px;}
div#globalTools ul {float:right; list-style-type:none; margin:0; padding:0;}
div#globalTools li {float:right; clear:both; margin:0; padding:0; background:#3366cc; border-width:1px; border-color:#ccf #006 #006 #ccf; border-style:solid; margin-bottom:1px; height:21px;}
div#globalTools a {margin:3px 3px 0 3px;}
div#globalTools a img {margin-bottom:-3px; width:16px; height:16px;}
div#globalTools div {display:none;}
div#globalTools li.active {background:#3366cc; border-width:1px; border-color:#ccf #006 #006 #ccf; border-style:solid;}
div#globalTools li.active a.btn {border:none;}
div#globalTools li.active div {display:block; float:left; padding:2px 5px; font-size:90%;}
div#globalTools li.active form {margin:0;}
div#globalTools li.active input {border:none; padding:0 2px; line-height:1em;}

div#globalNav {float:left; clear:both; width:990px;}
div#globalNav p {float:right; color:#0033aa; font-size:80%; margin:0 5px 0 0;}
div#globalNav {border-top:1px solid #2255bb; padding-top:3px;}
div#globalNav ul {margin:0 5px 5px 5px; padding-left:0;}
div#globalNav li {border-right:1px solid #2255bb; padding-right:3px; margin-right:3px; display:inline; font-size:80%;}
div#globalNav li.selector {display:none;}
div#globalNav a:link,div#globalNav a:visited {color:#0033aa; text-decoration:none;}
div#globalNav a:hover,div#globalNav a:active {color:#ffffff; text-decoration:underline;}

div#navWrapper {display:table-cell; float:left; margin-right:15px;}
div#navPanel {float:left; text-align:left;}
div#navPanel ul#nav    {list-style-type:none; margin:0; padding:0;}
div#navPanel ul#nav ul {list-style-type:none; margin:0; padding:0; border:2px solid white; border-top:none;}
div#navPanel ul#nav a {display:block; width:210px; font-weight:bold; text-decoration:none; color:white; padding:5px;}
div#navPanel ul#nav li li a {width:208px;}
div#navPanel ul#nav a.section {background:#3366cc; border:2px solid white; padding:5px;}
div#navPanel ul#nav li {margin:0 0 10px 0; padding:0;}
div#navPanel ul#nav li li {border:1px solid #000066; padding:0; margin:0; font-size:90%;}
div#navPanel ul#nav li a:hover      {background:#3973e5;}
div#navPanel ul#nav li a.odd:hover  {background:#144fc4;}
div#navPanel ul#nav li a.even:hover {background:#003cb3;}
div#navPanel select {width:135px;}

div#wrapper {width:1000px; text-align:center; margin:0 auto;}
div#content {float:left; width:761px; text-align:center; overflow:auto; padding-bottom:100px;}

div.constrained {font-weight:normal; overflow:auto; width:580px; max-height:500px; padding:5px;}
div.constrained {height:expression(this.scrollHeight > 500 ? "480px" : "auto");}

div.constrainedFull {font-weight:normal; overflow:auto; width:725px; max-height:500px; padding:5px;}
div.constrainedFull {height:expression(this.scrollHeight > 500 ? "480px" : "auto");}

div.noNav div#content {width:943px !important;}
div.noNav table.outer {width:940px !important;}
div.noNav div#navPanel {display:none !important;}
div.noNav div.constrained     {overflow:auto; width:740px;}
div.noNav div.constrainedFull {overflow:auto; width:920px;}

div#wrapper div#showNav {display:none; float:left; clear:left; margin-top:0px; background:#1144AA; padding:5px; border:2px solid #ffffff;}
div#wrapper div#showNav a {width:16px !important;}
div#wrapper div#hideNav {float:left; background:#1144AA; padding:5px; border:2px solid #ffffff; width:210px; margin-top:10px;}
div#wrapper div#hideNav form {float:right;}
div#wrapper div#hideNav fieldset {float:left;}

div.noNav   div#showNav {display:block !important;}
div.noNav   div#hideNav {display:none;}

table.inner td.searchFooter {vertical-align:bottom;}
table.inner td.searchFooter p {float:left; margin:0;}
table.inner td.searchFooter ul {float:right;}

ul.tabs {display:inline; margin:5px 0 0 0; padding:0; list-style:none;}
ul.tabs li {display:inline; line-height:120%;}
ul.tabs a           {display:inline-block; white-space:nowrap; border-width:1px; border-style:solid; border-color:#ccf #006 #006 #ccf; padding:1px 4px; margin:0; color:#006; font-weight:bold; font-size:12px; text-decoration:none; background:#3366cc;}
ul.tabs .active a {border-width:1px; border-style:solid; border-color:#006 #ccf #ccf #006; }
ul.tabs a:visited {color:#006;}
ul.tabs a:hover {background:#6699ff; color:#fff;}

div.toolDivRight, div.toolDivDown, div.toolDivDrop {margin-top:5px;}
.right div.toolDivRight, .right div.toolDivDown, .right div.toolDivDrop {float:right !important;}
div.toolDivRight div {display:inline;}
div.toolDivDown  div {float:left;}
div.toolDivDrop  div {float:left;}
div.toolDivRight a.toggle, div.toolDivDown a.toggle {display:block; width:26px; height:20px; float:left; border-width:1px; border-style:solid; border-color:#ccf #006 #006 #ccf; margin:0; background:#ffffff url(http://www.feesch2.co.uk/icons/toggle_tools.gif) no-repeat;}
div.toolDivRight a.toggle:hover, div.toolDivDown a.toggle:hover {background-color:#ccccff;}
div.toolDivRight a.toggle {background-position:center bottom;}
div.toolDivDown  a.toggle {background-position:right top;}
div.toolDivRight ul.toolbar li.selector, div.toolDivDown ul.toolbar li.selector {display:none;}

ul.toolbar {display:inline; margin:0; padding:0; list-style:none;}
ul.toolbar li {list-style-type:none; list-style-position:outside; padding:0; display:inline; line-height:130%; *line-height:120%;}
ul.toolbar a           {display:inline-block; white-space:nowrap; border-width:1px; border-style:solid; border-color:#ccf #006 #006 #ccf; padding:2px 5px; color:#006; font-weight:bold; font-size:12px; text-decoration:none; background:#3366cc;}
ul.toolbar .active a {border-width:1px; border-style:solid; border-color:#006 #ccf #ccf #006; }
ul.toolbar a:visited {color:#006;}
ul.toolbar a:hover {background:#6699ff; color:#fff;}
ul.toolbar .greyed a, ul.toolbar .greyed:visited a {color:#ccc; background:#003399;}
ul.toolbar .greyed a:hover {background:#3366cc; color:#fff;}
ul.toolbar img {width:16px; height:16px; vertical-align:middle; *vertical-align:top;}
ul.toolbar span {display:none;}

div.toolDivDown a.toggle {margin-right:3px;}
div.toolDivDown ul.toolbar {float:left;}
div.toolDivDown ul.toolbar a {display:block; width:130px; text-align:left; white-space:normal;}
div.toolDivDown ul.toolbar li {display:block;}
div.toolDivDown ul.toolbar span {display:inline; margin-left:7px;}

div.toolDivDrop {height:1.7em; float:left;}
div.toolDivDrop  a.toggle {display:none;}
div.toolDivDrop ul.toolbar {position:relative; float:left;}
div.toolDivDrop ul.toolbar a {display:block; width:130px; text-align:left; white-space:normal;}
div.toolDivDrop ul.toolbar li {display:none;}
div.toolDivDrop ul.toolbar li.show {display:block;}
div.toolDivDrop ul.toolbar li.selector {display:block;}
div.toolDivDrop ul.toolbar li.selector a {border-color:#006 #ccf #ccf #006; background:#3366cc url(../pix/dropdown.gif) top right no-repeat;}
div.toolDivDrop ul.toolbar li.selector a:hover {background:#3366cc url(../pix/dropdown_over.gif) top right no-repeat;}
div.toolDivDrop ul.toolbar li.active a {border-color:#ccf #006 #006 #ccf; background:#3366cc url(../pix/selected.gif) top right no-repeat;}
div.toolDivDrop ul.drop li {display:block !important;}
div.toolDivDrop ul.toolbar span {display:inline; margin-left:7px;}

a.button {display:inline-block; white-space:nowrap; border-width:1px; border-style:solid; border-color:#ccf #006 #006 #ccf; padding:2px 5px; color:#006; font-weight:bold; font-size:12px; text-decoration:none; background:#3366cc;}
a.active {border-width:1px; border-style:solid; border-color:#006 #ccf #ccf #006; }
a.button:hover {background:#6699ff; color:#fff;}

div#zoomDiv {position:absolute; display:none;}
div#replyDiv {position:absolute; display:none;}

div.toolDivRight table.autocal {position:relative; top:-30px; left:160px;}
table.autocal td {padding:0 !important;}
table.autocal td a {width:30px !important;}

div#topPanel div#globalNav div.toolDivRight,
div#topPanel div#globalNav div.toolDivDown {margin:0 0 5px 5px;}
div#topPanel div#globalNav ul.toolbar li {margin-right:0; padding-right:0; border:none;}
div#topPanel div#globalNav ul.toolbar li a {margin-right:0 !important;}
