html, body { margin:0; padding:0; }
body { font:medium Tahoma, Verdana, Helvetica, sans-serif; text-align:center; background-color:#000; }
form { margin:0; padding:0; }

/* CONTAINERS */
div.wrapper { background-color:#343C47; width:760px; margin:0 auto; text-align:left; }
div.content {  }
div.contentArea { float:right; width:500px; }

/* HEADER */
div.headerUtility { width:100%; background:url(/dir/images/dir/header_bg.jpg) no-repeat top left; height:89px; padding:0; margin:0; }
div.headerUtility h1, div.headerUtility h2 { margin:0; padding:0; font-size:5%; text-indent:-3000em; }

/* NAV */
div.nav { height:25px; border-top:1px solid #286C93; border-bottom:1px solid #1C465F; border-left:1px solid #256185; border-right:1px solid #144355; background:url(/dir/images/dir/nav/bg.gif) repeat-x top; }
div.nav ul { margin:0; padding:0; list-style-type:none; }
div.nav li { margin:0; padding:0; float:left; height:25px; }
div.nav a { display:block; width:100%; height:100%; background:url(/dir/images/dir/nav/spacer_bg.gif) no-repeat left top; }
div.nav a:hover { background:url(/dir/images/dir/nav/bg_over.gif) repeat-x top; }
div.nav a span { display:block; width:100%; height:100%; font-size:5%; text-indent:-3000em; }

div.nav li.bmp { width:128px; }
div.nav li.bmp a span { background:url(/dir/images/dir/nav/bmp_up.jpg) no-repeat center top; width:100%; }
div.nav li.bmp a:hover span { background:url(/dir/images/dir/nav/bmp_over.jpg) no-repeat center top; width:100%; }

div.nav li.faq { width:126px; }
div.nav li.faq a span { background:url(/dir/images/dir/nav/faq_up.jpg) no-repeat center top; width:100%; }
div.nav li.faq a:hover span { background:url(/dir/images/dir/nav/faq_over.jpg) no-repeat center top; width:100%; }

div.nav li.latest { width:126px; }
div.nav li.latest a span { background:url(/dir/images/dir/nav/latest_up.jpg) no-repeat center top; width:100%; }
div.nav li.latest a:hover span { background:url(/dir/images/dir/nav/latest_over.jpg) no-repeat center top; width:100%; }

div.nav li.top { width:126px; }
div.nav li.top a span { background:url(/dir/images/dir/nav/top_up.jpg) no-repeat center top; width:100%; }
div.nav li.top a:hover span { background:url(/dir/images/dir/nav/top_over.jpg) no-repeat center top; width:100%; }

div.nav li.suggest { width:126px; }
div.nav li.suggest a span { background:url(/dir/images/dir/nav/suggest_up.jpg) no-repeat center top; width:100%; }
div.nav li.suggest a:hover span { background:url(/dir/images/dir/nav/suggest_over.jpg) no-repeat center top; width:100%; }

div.nav li.directory { width:126px; }
div.nav li.directory a span { background:url(/dir/images/dir/nav/directory_up.jpg) no-repeat center top; width:100%; }
div.nav li.directory a:hover span { background:url(/dir/images/dir/nav/directory_over.jpg) no-repeat center top; width:100%; }


/* CATEGORIES */
div.categories { border:1px solid #2A6B95; margin:7px 0 0 0; padding:15px; background-color:#2A3D48; }
div.categories ul { margin:0; padding:0; list-style-type:none; }
div.categories li { margin:0; padding:0; float:left; width:33%; }
div.categories a:link, div.categories a:visited, div.categories a:active { color:#5EBCDE; font-weight:bold; font-size:80%; text-decoration:none; }
div.categories a:hover { color:#fff; text-decoration:none; }
div.categories a em { color:#395F78; font-weight:normal; font-style:normal; }

/* SIDEBAR */
div.sidebar { width:225px; float:left; margin:15px 0 0 0; padding:0; background:#2B3D49 url(/dir/images/dir/recommendeddirectories_bg.gif) repeat-y left; font-size:85%; }
html body div.sidebar h4 { font-size:80%; margin:15px 10px 0 10px; padding:0; color:#4495AE; }
div.sidebar a:link, div.sidebar a:visited, div.sidebar a:active { color:#5CBEE1; text-decoration:underline; }
div.sidebar a:hover { text-decoration:none; color:#fff; }
div.sidebar p { color:#9AADBA; font-size:80%; margin:4px 10px 0 10px; line-height:1.3em; }

/* CONTENT */
div.num { width:40px; height:40px; text-align:center; background:url(/dir/images/dir/number_bg.gif) no-repeat top left; color:#fff; padding-top:7px; font-size:130%; font-weight:bold; float:left; }
div.content h4 { margin:5px 0 0 0; padding:0; color:#fff; font-size:90%; }
div.linkWrapper { clear:right; margin:20px 0 0 0; }
div.linkData { float:right; width:450px; }
div.linkData h5 { margin:9px 0 0 0; padding:0; font-size:90%; }
div.linkData h5 a:link, div.linkData h5 a:visited, div.linkData h5 a:active { color:#66CC99; text-decoration:none; }
div.linkData h5 a:hover { color:#efefef; text-decoration:underline; }
div.listStats { float:right; width:186px; padding-top:40px; font-size:70%; background:url(/dir/images/dir/linkstats.gif) no-repeat top left; margin:12px 10px 0 0; padding-bottom:0; }
div.linkData p { color:#4A88AE; font-size:80%; line-height:1.3em; margin:0; padding:5px 0; width:230px; }
html body p.controls { margin:0; padding:0; width:auto; }
div.linkData span.url { font-size:80%; color:#316B8E; }
html body p.controls img { margin-top:15px; }

div.listStats div.listpr { width:67px; float:left; text-align:center; margin:0; padding:0; color:#679BF9; }
div.listStats div.listgbl { width:40px; float:left; text-align:center; margin:0; padding:0; color:#679BF9; }
div.listStats div.listybl { width:65px; float:right; text-align:center; margin:0; padding:0; color:#F3002E; }

html body h4.toplinks { padding:19px 0 0 0; }

/* SEARCH */
div.search { height:90%; float:right; }
div.search txt { float:right; }

/* FOOTER */
div.footer { clear:both; }
div.footer p.utility { padding:20px 0 7px 0; font-size:70%; color:#fff; text-align:center; background:url(/dir/images/dir/footer_bg.jpg) no-repeat left bottom; }
div.footer a:link, div.footer a:visited, div.footer a:active { color:#fff; text-decoration:underline; font-weight:bold; }
div.footer a:hover { text-decoration:none; }

/* FAQ */
div.content p { color:#4A88AE; font-size:90%; line-height:1.2em; }
div.content p strong { color:#6CA4C6; }

/* SUGGEST */
div.suggestRules ul { list-style-type:none; margin:0; padding:0; }
div.suggestRules li { margin:10px 0 0 0; padding:0; background:url(/dir/images/dir/bullet.gif) no-repeat left 5px; padding-left:14px; font-size:80%; color:#58A7C4; }
div.suggestRules li a:link, div.suggestRules li a:visited, div.suggestRules li a:active { color:#84DEF7; text-decoration:none; }
div.suggestRules li a:hover { text-decoration:underline; color:#fff; }
div.suggestNotice { background-color:#455D6B; border:1px solid #84DEF7; font-weight:bold; padding:13px 18px; }
div.suggestNotice p { color:#fff; margin:0; padding:0; }
div.suggestForm label { font-weight:bold; font-size:80%; color:#fff; padding-left:10px; }
div.suggestForm .txt { padding:0px; width:220px; background-color:#455D6B; border:1px solid #84DEF7; color:#fff; font-weight:bold; }
div.suggestForm span { display:block; padding-left:10px; color:#368EAE; }
tr.deeplink td { color:#368EAE; font-size:80%; }
tr.deeplink td strong { color:#fff; margin:0; padding-top:25px; display:block; }
tr.deeplink td label { font-size:110%; }
tr em { display:block; color:#fff; margin:20px 0; padding:20px 20px 0 20px; clear:right; }
tr img { float:right; margin-right:10px; }


/* SUGGEST TopBar */
h4.topheading { margin:0; padding:0; font:110% Arial, Helvetica, sans-serif; text-align:left; }
div#top20 { text-align:left; font-size:70%; clear:both; }
div#top20 ul { list-style-type:none; margin:0; padding:0; }
div#top20 li { margin:0; padding:2px; clear:left; color:#fff; } 
div#top20 li strong { display:block; width:90px; float:left; }
html body div#top20 li.active div.listitem { background:#090 url(/dir/images/toplinksbg.gif) repeat-x bottom; color:#fff; font-weight:bold; padding:5px 2px; }
div.top20 { padding:10px 10px 30px 10px; background:url(/dir/images/top20listed.gif) no-repeat bottom right; }
p.preview { margin:30px 0 5px 0; padding:0; font-size:85%; }
div.suggestForm div#top20 .seperator { border-bottom:1px solid #455D6B; background:url(/dir/images/homepagelisted.gif) no-repeat bottom right; padding-bottom:30px; }


/* SITE RESOURCES */
div.siteResourcesWrapper ul { list-style-type:none; margin-left:0; }
div.siteResourcesWrapper li { padding:3px 0; background:url(/dir/images/dir/bullet.gif) no-repeat left 11px; padding-left:15px; }
div.siteResourcesWrapper a:link, div.siteResourcesWrapper a:visited, div.siteResourcesWrapper a:active { color:#fff; font-size:80%; text-decoration:underline; }
div.siteResourcesWrapper a:hover { text-decoration:none; }
span.subdetail { color:#fff; font-size:80%; }

/* PAGING */
div.paging p { color:#fff; padding:10px 0 0 50px; font-weight:bold; clear:both; font-size:80%; }
div.paging p a:link, div.paging p a:visited, div.paging p a:active { color:#fff; border:1px solid #888; padding:5px; text-decoration:none; }
div.paging p a:hover { background-color:#fff; color:#000; }


/* OTHERS */
.nolinkyet a:link, .nolinkyet a:visited, .nolinkyet a:active { color:#fff; font-weight:bold; text-decoration:underline; }
.nolinkyet a:hover { text-decoration:none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */