/* ---------------------------------------------------------------------------*/
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
/* OV BUSINESS - CSS FILE
/* BLUENORTH STUDIOS
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
/* ---------------------------------------------------------------------------*/
/* Global Styles */
body {
  background: #0D1C8C url(../images/backgrounds/bg.png) top left repeat;
  margin: auto 0px; font-family: arial; font-size: 12px;
}
/* Bling Backgrounds */
table.bg_glow {
  border-collapse: collapse;
  background: url(../images/backgrounds/bg_overlay.png) top left repeat-x;
}
td.bg_l { background: url(../images/backgrounds/bg_l.png) top right repeat-y; width:15px; }
td.bg_r { background: url(../images/backgrounds/bg_r.png) top left repeat-y; width:15px; }
td.bg_bl { background: url(../images/backgrounds/bg_bl.png) top right no-repeat; height: 15px;  }
td.bg_b { background: url(../images/backgrounds/bg_b.png) top left repeat-x; height: 15px; }
td.bg_br { background: url(../images/backgrounds/bg_br.png) top left no-repeat; height: 15px;  }
td.container {
  padding: 0px; background: url(../images/backgrounds/pagebg.png) repeat;
  width: 900px; background-color: #FFFFFF; padding: 20px;
}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
/* -----------------------------------------------------------------------------
/* Main Divs 
/* -----------------------------------------------------------------------------
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* ---------------------------------------------------------------------------*/
/* HEADER DIV
/* ---------------------------------------------------------------------------*/
.header {
  padding: 0px 0px 5px 0px;
}
.header img { border-width: 0px; }
/* ---------------------------------------------------------------------------*/
/* TOP NAVIGATION BAR 
/* ---------------------------------------------------------------------------*/
.topbar {
  padding: 5px 10px 5px 10px; background-color: #615c5c;
  color: #FFFFFF; margin-bottom: 10px;
}
.topbar a {
  color: #FFFFFF; text-decoration: none; font-weight: bold;
}
.topbar a:hover { color: #FF9900; }
/* ---------------------------------------------------------------------------*/
/* THE MAIN BODY 
/* ---------------------------------------------------------------------------*/
.body { padding: 0px;}
/* ---------------------------------------------------------------------------*/
/* THE MAIN TBALE BODY
/* ---------------------------------------------------------------------------*/
table.tablebody {
  border-collapse: collapse;
}
/* ---------------------------------------------------------------------------*/
/* THE MAIN NAVIGATION CLASSES
/* ---------------------------------------------------------------------------*/
.navleft {
  width: 210px; font-size: 11px; padding: 0px 10px 0px 0px;
}
.navleft a {
  display: block; margin: 0px;
  background: #0d1c8c url(../images/navigation/blue_nav.png) top left repeat-x;
  padding: 8px 10px 8px 10px;
  color: #FFFFFF; text-decoration: none; margin: 2px 0px 2px 0px;
  font-weight: bold; 
}
.navleft a:hover {
  background: #132BCA url(../images/navigation/blue_nav_hover.png) top left repeat-x;
}
.navleft a.orange {
  background: #FA6B08 url(../images/navigation/orange_nav.png) top left repeat-x;
  color: #000000;
}
.navleft a.orange:hover {
  background: #FB883C url(../images/navigation/orange_nav_hover.png) top left repeat-x;
}
div.adsleft {
  width: 210px; margin: 5px 0px 5px 0px;
}
div.adsleft a {
  background: none; padding:0px; margin:0px; display: inline;
}
div.adsleft img { border-width: 0px; }
/* ---------------------------------------------------------------------------*/
/* THE CONTENT CLASSES
/* ---------------------------------------------------------------------------*/
td.content {
  border: 1px solid #999999; border-width: 0px 1px 0px 1px;
  width: 430px; padding: 10px 15px 10px 15px;
}
.content h1 {
  font-family: "times new roman"; color: #0D1C8C; font-weight: normal;
  margin: 0px 0px 10px 0px; padding: 0px;
}
.content h2 {
  font-family: "times new roman"; color: #000000; font-weight: normal;
  margin: 0px 0px 5px 0px; padding: 0px;
}
.content h3 {
  font-family: "times new roman"; color: #0D1C8C; 
  margin: 10px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 14px;
}
.content p { margin: 10px 0px 10px 0px; }
.content table { border-collapse: collapse; }
.content img.thumb {
  padding: 2px; border: 1px solid #DDDDDD; margin: 3px 5px 3px 0px;
}
.content img.thumb:hover {
  border: 1px solid #FA6B08;
}
.content img.thumby {
  padding: 2px; border: 1px solid #000000; margin: 3px 5px 3px 0px;
}
.content a { color: #0D1C8C; text-decoration: none; }
.content a:hover { color: #FA6B08; }

.content div.listed {
  padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;
  border-bottom: 1px dashed #CFD3E9;
  background: #FFFFFF url(../images/backgrounds/listed_bg.png) bottom left repeat-x;
}
.content td.description { color: #444444; padding: 1px 0px 1px 0px; }
.content div.limage {
  border: 1px solid #CCCCCC; border-width: 1px 0px 1px 0px;
  padding: 15px 0px 15px 0px; background-color: #F4F4F4;
  margin: 5px 0px 5px 0px;
}
.content div.limage img {
  padding: 3px; background-color: #FFFFFF; border: 1px solid #CCCCCC;
  margin: 5px 2px 5px 2px;
}
.content div.limage img.hover:hover { border-color: #FA6B08; }
.content h2.latestissue { font-size: 22px; color: #0D1C8C; }
.content a.downloadlatest {
  display: block; background-color: #0D1C8C; padding: 5px;
  margin: 5px 0px 10px 0px; color: #FFFFFF; text-align: center;
}
.content a.downloadlatest:hover { color: #FF9900; }
.content table.latestissue { border-collapse: collapse; }
.content h3.latestissue {
  border-width: 0px; color: #000000;  
}
.content h4.latestissue {
  font-size: 13px; margin: 0px; border-top: 1px solid #666666;
  padding-top: 10px;
}
.content div.seperator { border-bottom: 1px solid #000000; height: 1px;}
/* BUSINESS DIRECTORY BACKGROUND */
.busdirsubcat {
  padding: 10px 10px 10px 10px; background-color: #0D1C8C;
  margin: 10px 0px 10px 0px;
}
.busdirsubcat a { color: #FFFFFF; text-decoration: none; }
/* ---------------------------------------------------------------------------*/
/* COMMENT CLASSES
/* ---------------------------------------------------------------------------*/
.commentform {
  border: 1px solid #CCCCCC; border-width: 1px 0px 1px 0px;
  background-color: #F0F0FF; margin: 10px 0px 10px 0px;
}
.commentform td.error {
  padding: 10px; border: 1px solid #990000; background-color: #FFF8F8;
  color: #990000;
}
.comments { padding: 15px 0px 0px 0px; border-top: 1px solid #CCCCCC; }
.comments table {
  border-collapse: collapse; margin: 15px 0px 15px 0px;
  background-color: #F8F8F8;
}
.comments td.comment { 
  color: #333333; padding: 10px; border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
}
.comments td.name {
  color: #333344; padding: 5px 5px 0px 5px;
}
.comments td.town {
  color: #333344; padding: 0px 5px 5px 5px; border-bottom: 1px solid #CCCCCC;
}
.comments td.date {
  color: #999999; padding: 5px 0px 2px 0px; border-top: 1px solid #CCCCCC;
}
/* ---------------------------------------------------------------------------*/
/* SUBSCRIBE CLASSES
/* ---------------------------------------------------------------------------*/
.subscribe form { margin: 0px; }
.subscribe table {
  margin: 10px 0px 10px 0px; border: 1px solid #CCCCCC;
  background-color: #F8F8F8; border-width: 1px 0px 1px 0px;
}
.subscribe td.spacer {
  height: 10px;
}
.subscribe td.error {
  padding: 10px; border: 1px solid #990000; background-color: #FFF8F8;
  color: #990000;
}
/* ---------------------------------------------------------------------------*/
/* THE RIGHT AD CLASSES
/* ---------------------------------------------------------------------------*/
.adsright {
  width: 210px; padding: 0px 0px 0px 10px;
}
.adsright div {
  width: 210px; margin: 0px 0px 5px 0px;
}
.adsright img { border-width: 0px;}
.toppagead {
  border: 1px solid #000000; border-width: 1px 0px 1px 0px;
  padding: 5px 0px 5px 0px;
}
.bottompagead {
  border: 1px solid #000000; border-width: 1px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
}
/* ---------------------------------------------------------------------------*/
/* FOOTER
/* ---------------------------------------------------------------------------*/
.footerbar {
  padding: 5px 10px 5px 10px; background-color: #615c5c;
  color: #FFFFFF; margin-top: 10px; margin-bottom: 10px;
}
.footerbar a {
  color: #FFFFFF; text-decoration: none;
}
.footer {
  padding: 5px 10px 5px 10px; 
}

