body {min-width:770px; font:80% Arial, Helvetica, sans-serif; background: url(../images/back.gif) center repeat-y; margin:0; padding:0; color:#333385;}
body#eaf {font:80% Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333385; background:#fff; min-width:600px;}
a {color:#333385; text-decoration:none;}
a:hover {text-decoration:underline;}
/* addition by AB */
form, form p {padding: 0px; margin: 0px;}
table#fees td {border: 1px solid #57579a;}
.clear {clear: both; padding:0 0 10px 0;}
.label {display:block;width: 150px;float:left;}
.right {color:#fff;display:block;position:absolute;top:24px; right:0px;padding-right:85px;font-size:1.2em; margin:0;}
/* end additions */

div#container {position:relative; width:770px; margin:0 auto; padding:0;}
body#eaf div#container {width:600px;}

div#title {height:62px; background:transparent url(../images/titleback.gif) repeat-y;}
div#title h1 {position:absolute; top:10px; left:10px; margin:0; padding: 0; width: 96px; height: 44px; text-indent: -9999px; background: url(../images/uk250.gif) no-repeat;}
div#title p, div#title h2 {color:#fff; position:absolute; top:24px; right:20px; font-size:1.2em; font-weight:normal;margin:0;}
/* additions */
div#eaftitle {height:62px; background:transparent url(../images/navback2.gif) repeat-y;}
div#eaftitle h1 {position:absolute; top:10px; left:10px; margin:0; padding: 0; width: 96px; height: 44px; text-indent: -9999px; background: url(../images/uk250.gif) no-repeat;}
div#eaftitle p {color:#fff; position:absolute; top:24px; right:20px; font-size:1.2em; margin:0;}
/* end additions */

ul#nav {list-style:none; margin:1px 0 0 0; padding:0; display:block; width:100%; background:transparent url(../images/navback.gif) repeat-x; height:25px;}
ul#nav li {float:left; margin:0 0 0 4px; padding:0; color:#fff; font-size:0.9em;}
ul#nav li a {color:#fff; text-decoration:none; line-height:1.9em;}
ul#nav li a:hover {text-decoration:underline;}

ul#nav li#navhome {width:65px;}
ul#nav li#navfav {width:125px;}
ul#nav li#navfriend {width:95px;}
ul#nav li#navyoursite {width:100px;}
ul#nav li#navhelp {width:55px;}
ul#nav li#navseeall {width:120px;}
ul#nav li#navback {width:110px;}
ul#nav li#navremove {width:110px;}
ul#nav li#navfriendlong {width:160px;}

p#date {margin:0; position:absolute; right:10px; top:67px; color:#fff; font-size:0.8em; line-height:1.6em}

div.shortpanel, 
div.panel, 
div.longpanel {position:relative; width:98%; border:1px solid #57579a; margin-top:19px; padding:2%;}
div.shortpanel h2,
div.panel h2,
div.longpanel h2 {margin:0; font-size:0.9em; font-weight:normal; position:absolute; top:-19px; left:-1px; height:19px; color:#fff; padding:2px 0 0 6px; text-align:left;}

div.shortpanel h2 {background:transparent url(../images/panelshortheaderback.gif) no-repeat; width:91px;}
div.panel h2 {background:transparent url(../images/panelheaderback.gif) no-repeat; width:121px;}
div.longpanel h2 {background:transparent url(../images/panellongheaderback.gif) no-repeat; width:232px;}
/* Addition by AB */
div.longpanel ul.atoz {list-style:none; margin:0 0 0 1px; padding:0;}
div.longpanel ul.atoz li {margin:0 2px 2px 0; padding:1px 0 0 1px; width:14px; height:16px; float:left; text-align:center; border:1px solid #57579a; font-weight:bold; font-size:0.9em;}
div.longpanel ul.atoz li a {display:block; width:100%; height:100%;}
div.categorylist {display:table;padding:2%;}
div.categorylist h4 {margin:1px;padding:2px;}
div.categorylist li {width:33%;float:left;}
div.categorylist li a {display:block; width:100%; height:100%;}
div#atozshort {width:176px !important; width:174px; height:94px;}
div#atozshort div.shortpanel {padding:6px 2% 6px 2%; height:60px;}
div#atozshort ul {list-style:none; margin:0 0 0 1px; padding:0;}
div#atozshort li {margin:0 2px 2px 0; padding:1px 0 0 1px; width:14px; height:16px; float:left; text-align:center; border:1px solid #57579a; font-weight:bold; font-size:0.9em;}
div#atozshort li a {display:block; width:100%; height:100%;}
/* end addition */

/* layout */
div#content {width:329px; margin:31px 0 10px 218px !important; margin:10px 0 10px 218px;}
div#content ul {list-style:none; margin:0; padding:0;}
div#content ul li {margin:0 0 3px 0; padding:0; display:block; border:1px solid #57579a; height:16px; font-size:0.85em; font-weight:bold; line-height:1.4em; background:#fff url(../images/listback.gif) 306px 0px no-repeat;}
div#content ul li a {display:block; margin:0; height:16px; padding:0 0 0 8px;}

div#footer {width:100%; text-align:center; font-size:0.85em;}

div#categories {width:173px; height:197px; position:absolute; left:20px; top:98px;}
div#categories div.shortpanel {padding:6px; width:164px;}
div#categories select, select.categories {width:100%; color:#333385; font-weight:normal; font-size:1em; border:1px solid #57579a; margin:0;}

div#featured {width:173px; height:95px; position:absolute; left:20px; top:309px;}
div#featured div.shortpanel {height:70px;}
div#featured img {display:block; position:absolute; bottom:3px; right:4px;}
div#featured h3 {margin:10px 0 0 0; text-align:center; font-size:1em; text-decoration:underline; width:94px;}
div#featured h3 a {text-decoration:underline;}
div#featured a.bottom {position:absolute; bottom:3px; display:block; text-align:right; width:94px; font-size:0.9em;}

div#atoz {width:176px !important; width:174px; height:94px; position:absolute; left:575px; top:98px;}
div#atoz div.shortpanel {padding:6px 2% 6px 2%; height:60px;}
div#atoz ul {list-style:none; margin:0 0 0 1px; padding:0;}
div#atoz li {margin:0 2px 2px 0; padding:1px 0 0 1px; width:14px; height:16px; float:left; text-align:center; border:1px solid #57579a; font-weight:bold; font-size:0.9em;}
div#atoz li a {display:block; width:100%; height:100%;}

div#search {width:176px !important; width:174px; height:94px; position:absolute; left:575px; top:204px;}
div#search div.shortpanel {padding-top:10px; height:58px; text-align:center;}
div#search input.text {display:block; margin:0 auto 0 auto; border:1px solid #57579a; height:18px;}
div#search input.button {display:block; margin:10px auto 4px auto;}

div#tvlistings {width:176px !important; width:174px; height:95px; position:absolute; left:575px; top:309px;}
div#tvlistings div.shortpanel {height:70px;}
div#tvlistings img {display:block; position:absolute; bottom:3px; right:3px;}
div#tvlistings h3 {margin:10px 0 0 0; text-align:center; font-size:1em; width:94px;}
div#tvlistings h3 a {text-decoration:underline;}
div#tvlistings a.bottom {position:absolute; bottom:3px; display:block; text-align:right; width:94px;  font-size:0.9em;}

div#categorycontent, div#othercontent, div#eafcontent {position:absolute; left:0px; top:98px; width:520px; padding:0 32px 0 32px;}
div#categorycontent h3, div#othercontent h3 {margin:0 0 2px 0; font-size:1em; text-indent:-1px;}
div#categorycontent a {text-decoration:underline; margin-left:5px;}
div#categorycontent p, div#eafcontent p {margin:0; color:#7f7fb2; font-size:0.85em;}
div#categorycontent p#description a {text-decoration:none; color:#7f7fb2; margin:0px;}
div#categorycontent p#description a:hover {text-decoration:underline; color:#7f7fb2; margin:0px;}
div#othercontent a, div#eafcontent a {text-decoration:underline;}
div#eafcontent {top:75px;}
div#tvcontent {width:770px; margin:0px; padding:0px;}

div#categorycontent div.longpanel {margin:34px 0 4px -8px; padding:7px; height:auto !important; height:60px; min-height:60px;}
div#categorycontent div.longpanel p {width:434px;}
div#categorycontent div.longpanel img {display:block; position:absolute; bottom:2px; right:2px;}
/*div#categorycontent div.longpanel img.border {border:1px solid #57579a;}*/
div#categorycontent ul, div#othercontent ul, div#eafcontent ul {list-style:none; padding:0; margin:0 0 0 0;}
div#categorycontent li {padding:0; margin:0 0 10px 0; display:block;}
div#othercontent ul li  {padding:0 2px 0 16px; margin-bottom:1px; background:url(../images/bullet.gif) 4px 5px no-repeat;}
div#eafcontent ul {display:table;}
div#eafcontent li {width:100%;}
div#eafcontent li input {text-align:right;}

div.pagenav {font-size:0.8em; text-align:right; margin:0 0 8px 0;}
div.pagenav a {display:inline; text-decoration:none;}

div#categorycontent ul h4,
div#categorycontent ul p.link,
div#categorycontent div.longpanel h4 {margin:0; font-size:1.1em;}
div#categorycontent ul h4 a,
div#categorycontent div.longpanel h4 a {color:#f00; font-size:1.1em; text-decoration:none;}
div#categorycontent ul h4 a:hover,
div#categorycontent div.longpanel h4 a:hover {text-decoration:underline;}
div#categorycontent ul p,
div#categorycontent div.longpanel p {margin:0; font-size:0.9em; color:#333385;}
div#categorycontent ul a,
div#categorycontent div.longpanel a {color:#7f7fb2; font-size:0.9em; margin:0;}
/* addition by AB */
div#categorycontent div.categorylist ul h4,
div#categorycontent div.categorylist h4 {font-size:1em;}
div#categorycontent div.categorylist ul h4 a,
div#categorycontent div.categorylist h4 a {font-size:1em}
/* end addition */
div#sidebar {position:absolute; left:569px; top:98px; width:176px !important; width:174px;}

div#related, 
div#searchweb,
div#sponsored,
div#relsearch {margin:0 0 32px 0;}

div#searchweb {margin:0 0 32px 0;}
div#searchweb div.panel {padding-top:10px; height:58px; text-align:center;}
div#searchweb input.text {display:block; margin:0 auto 0 auto; border:1px solid #57579a; height:18px;}
div#searchweb input.button {display:block; margin:10px auto 4px auto;}

div#related ul, 
div#sponsored ul,
div#relsearch ul {list-style:none; margin:6px 0 8px 0; padding:0;}
div#related ul li,
div#sponsored ul li,
div#relsearch ul li  {font-weight:bold; padding:0 2px 0 16px; margin-bottom:1px; font-size:0.9em; background:url(../images/bullet.gif) 4px 5px no-repeat;}

/* hack put in to stop IE weirdness (hide from IE5/Mac) \*/
*html div#related ul li, 
*html div#sponsored ul li, 
*html div#relsearch ul li {height:1%;}
/* end hack */

div#related ul li a,
div#sponsored ul li a,
div#relsearch ul li a {display:block; width:153px; margin:0; height:100%;}

h4 a img {border:0; display:inline !important; position:relative !important; margin:0 !important; padding:0 !important; bottom:0 !important; top:2px;}