@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background:#ffffff url(/img/site-bg.png) repeat-x;
}
body h1 {
  position: absolute;
  left: -9999px;
  top:-99999px;
}
div#site-container {
  text-align: left;
  margin: 6px auto 10px auto;
  width: 942px;
  min-height:1000px;
  height:auto !important;
  height:1000px;
}


div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

label.hidden{
  position:absolute;
  top:-9999999px;
  left:-9999999px;
}

.alpha{
margin-left:0px !important;
}

.omega{
margin-right:0px !important;
}

.ovh{
  overflow:hidden;
  width:100%;
}

h2.float{
  width:50%;
  float:left;
  vertical-align:middle;
  margin-top:12px;
}

/*
 * Header Section
 * Composed of leaderboard advert | sitestripe | Actual header | page header (slideshow etc)
 */

div#site-container div#leaderboard {
  background:#ffffff;
  overflow:hidden;
  width:942px;
  height:120px;
  margin-bottom:6px;
}

div#site-container #leaderboard #zlb {
  margin:15px auto 15px auto !important;
  padding:0px;
  width:728px;
  height:90px;
  border:solid 1px #cccccc;
}

/** sitestripe **/
div#site-container div#sitestripe {
  position:relative;
  /*background:#000000 url(/img/site-stripe-bg.jpg) repeat-x;*/
  background:#ffffff;
  color:#ffffff;
  margin:6px 0px;
  width:100%;
  height:32px;
  /*border:solid 1px #9b9b9b;*/
}

div#site-container div#sitestripe ul{
  list-style:none;
  margin:0px 10px;
  padding:0px;
  float:left;
}

div#site-container div#sitestripe ul li{
  float:left;
  height:32px;
  margin:0px;
  padding:0px 3px;
}

div#site-container div#sitestripe ul li.vd{
  /*background:transparent url(/img/site-stripe-div.jpg) top left no-repeat;*/
  width:4px !important;
  padding:0px;
}

div#site-container div#sitestripe ul li.vd span{
  position:absolute;
  margin:-999999px;
}

div#site-container div#sitestripe ul li a{
  line-height:32px;
  text-decoration:none;
}

div#site-container div#sitestripe a{
  color:#000000;
  font-size:0.87em;
  font-weight:bold;
}

div#site-container div#sitestripe a:hover{
  text-decoration:underline;
}

div#site-container div#sitestripe a.active{
  color:#ff0000;
}

div#site-container div#header {
  /*background:#ffffff url(/img/header-bg-png8.png) no-repeat;*/
  /*background:#ffffff url(/img/header-bg-png82.png) no-repeat;*/
  border-bottom:solid 2px #cccccc;
  background:#ffffff ;
  overflow:hidden;
  margin: 0px;
  padding: 0px;
  width:942px;
  /*height:199px;*/
}

div#site-container div#header #logo{
  background:url(/img/bizstart-logo.gif) no-repeat;
  float:left;
  /*width:306px;
  height:79px;*/
  width:299px;
  height:108px;
  /*margin-top:25px;*/
  /*margin-left:100px;*/
}

div#site-container div#header #logo a{
  display:block;
  /*width:306px;
  height:79px;*/
  width:299px;
  height:88px;
}

div#site-container div#header #logo span{
  position:absolute;
  left:-9999px;
  top:-99999px;
}

div#site-container div#header div#header-right{
  width:635px;
  float:right;
  text-align:right;
}

div#header-right p.dubdate{
  font-size:0.8em;
  text-transform:capitalize;
  margin:6px;
}


div#header-right .sitesearch {
  margin:6px;
}

div#header-right #rsslinks {
  margin:6px;
}

div#header-right #rsslinks div.icons {
  float:right;
  margin-left:6px;
}

div#header-right #rsslinks div.icons p {
  font-size:0.8em;
  margin-bottom:2px;
  text-align:left;
}

div#header-right #rsslinks ul {
  list-style:none;
}

div#header-right #rsslinks ul li {
  display:inline-block;
  text-align:center;
  margin-right:6px;
  font-size:8px !important;
}


div#header-right #rsslinks ul li a.last {
  margin-right:0px;
}

div#site-container #gsearch{
  position:absolute;
  top:6px;
  right:6px;
  text-align:right;
  padding:0px;
  z-index:2;
}

.sitesearch .cseinput{
  background:#ffffff url(/img/google-search-bg.gif) 0px 2px  no-repeat;
  border:solid 1px #dbdbdb;
  width:150px;
  height:17px;
}

.sitesearch .cseinput:focus,
.sitesearch .cseinput.focus{
 background:#ffffff !important;
 /*width:300px;*/
}
#csesubmit,
#csesubmit2 {
  margin:0px 3px;
  font-size:0.8em;
}

.sitesearch .cseinput.nobg{
 background:#ffffff;
}


div#site-container div#header div#topnav{
 clear:both;
 overflow:hidden;
 width:942px;
 border-top:solid 2px #cccccc;
}

div#topnav ul{
  list-style:none;
  margin:2px 2px 0px 2px;
  padding:0px;
}

div#topnav ul li{
  float:left;
  text-align:center !important;
  font-weight:bold;
  margin:0px 4px 3px 4px;
  padding:0px;
  line-height:30px;
  /*background:#cecece;*/
}

div#topnav ul li.first{
  margin-left:0px !important;
}

div#topnav ul li.last{
  margin-right:0px !important;
}

div#topnav ul li a{
  line-height:1.2em;
  text-decoration:none;
  color:#000000;
  font-size:0.833em;
  font-weight:bold;
  padding: 0px 6px 0px 7px;
}


/**
* Hack for safari 3
**/

/*\*/
	html*div#topnav ul li a{
   /* padding:0px 4px 0px 4px;*/
	}
/**/


/**
* reset padding for Mac safari 4 - unfortunately this also targets Chrome.
* this is  nasty horrible hack for Safari 4.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div#topnav ul li a{
    padding:0px 6px 0px 6px;
  }
}




div#topnav ul li.active a,
div#topnav ul li a.active,
div#topnav ul li a:hover {
  color:#ff0000;
  text-decoration:underline;
}

div#pageheader{
  background:#ffffff;
  width:100%;
  overflow:hidden;
  margin-bottom:0px;
}


/**
* Slideshow Elements
**/

div#page-content div#slideshow{
  width:442px;
  height:294px;
  overflow:hidden;
  float:left;
  /*float: none !important*/
  /*position:relative;*/
}


div#slideshow div#slides{
  width:442px;
  height:294px;
  overflow:hidden;
}

div#slides div.slide{
  position:relative;
  width:442px;
  height:294px;
  color:#000000;
}

div#slides div.slide img{
  display:block;
}

div.slide div.textbg{
 position:absolute;
 bottom:0;
 left:0;
 background:url(/img/slidenotes-bg.png) ;/*#000000;*/
 /*opacity:0.7;
 filter:Alpha(opacity=70);*/

 z-index:20;
 width:442px;
 height:93px;
}

div.slide div.text{
 position:absolute;
 z-index:30;
 bottom:6px;
 left:6px;
 width:430px;
 height:80px;
}

div.slide div.text p,
div.slide div.text h2{
  color:#ffffff;
  text-shadow:0em 0em 0.5em #000000;
  padding:0px 6px;
}

div.slide div.text h2 {
  margin-bottom:0.2em;
}

div.slide div.text h2,
div.slide div.text h2 a
 {
 font-size:1.125em;
  color:#ff0000;
}

div#slidenos{
  margin:3px 0px 3px 240px !important;
  padding:0px;
  clear:both;
  text-align:right;
  width:213px;
}


#slidenos a {
  border:solid 2px #cccccc;
  color:#cccccc;
  font-weight:bold;
  padding:1px 5px;
  display:inline-block;
  margin-right:12px;
  margin-top:0px;
}

#slidenos a:hover {/*color:#0066cc;*/color:#000000}
#slidenos a:focus { outline: none; }
#slidenos a.activeSlide { background:#cccccc; color:#ff0000 }


/**
* Breaking News Box
**/

div#breakingnews{
  float:right;
  border:solid 2px #cccccc;
  border-left:0px;
  border-top:0px;
  padding-left:12px;
  margin-right:6px;
  width:494px;
  w\idth:480px;
  height:290px;
}

div#breakingnews h2{
margin-bottom:6px;
}

div#breakingnews div#breaking-news-list{
  height:290px;
  overflow:auto;
}

div#breaking-news-list ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

div#breaking-news-list ul li{
  margin:0px 0px 6px 0px;
  padding:6px 6px 6px 0px;
}

div#breaking-news-list ul li .bntitle{
   font-size:1.417em;
}


/**
* Featured panel box
* Occupies Same Position as Breaking News Box
*/

div#featurepanel{
  position:relative;
  float:right;
  border:solid 2px #cccccc;
  border-left:0px;
  border-top:0px;
  padding-left:12px;
  margin-right:6px;
  width:494px;
  w\idth:480px;
  height:290px;
}

div#featurepanel h2{
  margin-top:5px;
  margin-bottom:5px;
  font-size:1.417em;
}

div#featurepanel div#featurepanel-list{
  height:290px;
  overflow:auto;
}

div#featurepanel-list ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

div#featurepanel-list ul li{
  margin:0px;
  padding:3px 6px 6px 0px;
  overflow:hidden;
  clear:both;
}

div#featurepanel ul li.withimage div.fntext {
  float:left;
  width:330px;
}

div#featurepanel h2 {
  color:#ff0000;
}


div#featurepanel ul li .fptitle{
   font-size:1.417em;
}

div#featurepanel ul li img.fnthumb {
  float:right;
}

/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 12px;
  width: 100%;
  background:#ffffff;
  min-height:450px;
  height:auto !important;
  height:450px;
}

#main-col{
  float:left;
  width:612px;
  margin:6px 6px 6px 6px;
}

#main-col-full {
margin:6px 6px 6px 6px;
}

/*
 * Left Column
 */

div#page-content div#left-column {
  background: #eee;
  float: left;
  margin-right: 1%;
  width: 19%;
}
div#left-column p {
  padding: 12px;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  margin-right: 1%;
  width: 60%;
}


/*
 * Right Column
 */

div#page-content div#right-col {
  overflow:hidden;
  float: left;
  width: 300px;
  margin:6px 6px 6px 6px;
}
div#right-column p {
  padding: 12px;
}

/**
* Right Column Panels
**/

div.panel {
  border:solid 2px #cccccc;
  /*width:290px;*/
  height:230px;
  height:auto !important;
  min-height:230px;
  margin-bottom:15px;
  font-size:0.9em;
}

div.paneladvert{
  margin-bottom:12px;
}

div.qandapanel{
  margin-bottom:12px;
}

div.panel.custom {
  padding: 10px;
  font-size: 1em;
}

div.panel.custom.nopad {
  padding: 0px !important;
  border:0px !important;
}


div.panel.shorter{
  height:130px;
  height:auto !important;
  min-height:130px;
}

div.calendar-panel {
  height:250px;
  height:auto !important;
  margin-bottom:12px;
}

span.gb{
  font-weight:bold;
  color:#787878;
}

span.normal{
  color:#000000;
  font-weight:normal !important;
}


div#right-col h2.tab{
  color:#ffffff;
  font-size:0.833em;
  text-transform:uppercase;
  font-weight:bold;
  height:35px;
  overflow:hidden;
  background:url(/img/grey-tab-bg.gif) 0 0 no-repeat;
  width:90px;
  padding:0px 0px 0px 12px;
  margin:0px 0px 0px 6px;
}

h2.longer{
  width:130px !important;
}


h2.tab a{
  color:#ffffff;
}

h2.tab span{
  background:url(/img/grey-tab-bg.gif) 100% -0% no-repeat;
  display:block;
  height:40px;
  padding:0px 12px 0px 0px;
  line-height:35px;
  text-align:center;
}

div.panel div.inner{
padding:6px;
}

div.panel ul{
  list-style:none;
  margin:0px;
  padding:6px;
  height:230px;
  overflow:auto;
}

div.panel ul li{
  margin:0px 0px 12px 0px;
  padding:0px;
  overflow:hidden;
}

div.panel ul li div.listthumb{
  width:70px;
  float:left;
  margin-right:6px;
}

div.panel ul.bullet {
  padding:6px 15px;
  margin:0px;
}

div.panel ul.bullet li {
  background:url(/img/li-charcoal-sq.gif) left no-repeat !important;
  padding:1px 0px 2px 14px;
  margin:0px 0px 6px 0px;
}

div.panel ul.bullet li:hover {
  background:url(/img/li-red-sq.gif) left no-repeat !important;
}


div.panel ul li h4{
margin:0px;
}

div#vidspanel ul li div.listthumb{
  width:63px;
  height:54px;
  float:left;
  margin-right:6px;
}

div.panel ul.links h4{
  color:#ffffff;
  background:#cccccc /*url(/img/black-grad.jpg) no-repeat;*/;
  padding:3px 6px;
}



div.panel ol {
  margin:0px;
  padding:6px;
  height:250px;
  overflow:auto;
}

div.panel ul li ol {
  margin:0px;
  padding:0px 6px 6px 0px;
  width:100%;
  height:auto !important;
  overflow:auto;
}

div.panel ol li {
  padding:0px 6px 6px 0px;
  margin:0px 0px 6px 18px;
  background:url(/img/div-dots.gif) bottom left no-repeat;
  list-style-position:outside;
  /*color:#0066cc;*/
  font-weight:bold;
  display: list-item;
}


div.panel ol li.nobkrgnd {
  background: none;
}


div.panel ol li p{
  padding-left:18px;
  color:#000000;
  font-weight:normal;
}


/**
* sent to friend etc
**/

div#friendlinks ul{
  width:100%;
  overflow:hidden;
  margin:6px 0px;
}

div#friendlinks ul li{
  list-style:none;
  list-style-image:none;
  background:url(/img/li-charcoal-sq.gif) left no-repeat;
  margin:3px 20px;
  padding-left:12px;
  float:left;
}

div#social ul{
  width:100%;
  overflow:hidden;
  margin:6px 0px;
  padding:3px;
}

div#social ul li{
  margin:3px 20px;
  padding-left:20px;
  float:left;
  list-style-image:none;
  list-style:none;
}

div#social ul li.reddit{
  background:url(/img/social/reddit.gif) left no-repeat;
}

div#social ul li.delicious{
  background:url(/img/social/delicious.gif) left no-repeat;
}

div#social ul li.reddit{
  background:url(/img/social/reddit.gif) left no-repeat;
}

div#social ul li.digg{
  background:url(/img/social/digg.gif) left no-repeat;
}

div#social ul li.facebook{
  background:url(/img/social/facebook.gif) left no-repeat;
}

div#social ul li.stumbleupon{
  background:url(/img/social/stumbleupon.gif) left no-repeat;
}


/** SEND TO FRIEND FORM **/
#comment-form-container,
#comment-response,
#send-to-friend,
#send-to-friend-response
{
  margin:7px;
  display:none;
  border:solid 3px #E7E8E8;
  padding:6px;
}

#comment-form-container,
#send-to-friend{
  position:absolute;
  z-index:10;
}

#close-comment-form,
#close-this-form{
  background:#fff;
  text-align:right;
  padding:3px;
}
#comment-form,
#send-to-friend-form{
  padding:3px;
  width:500px
}

#comment-form div.optional,
#send-to-friend-form div.optional{
  display:inline-block;
  overflow:hidden;
  margin-bottom:7px;
}

#comment-form div.optional label,
#send-to-friend-form div.optional label{
  width:100px;
  text-align:right;
  float:left;
}

#comment-form div.optional label.invalid,
#send-to-friend-form div.optional label.invalid{
  color:#993333;
  font-weight:bold;
}

#comment-form div.optional  input,
#send-to-friend-form div.optional input{
  width:200px;
}

#send-to-friend-form div.optional textarea{
  width:300px;
}

#send-to-friend-form div.optional textarea,
#send-to-friend-form div.optional input{
  float:left;
  margin-left:7px;
}

#com-submit
#stf-submit {
  margin-left:107px;
}

span.hidden{
  display:none;
  position:absolute;
  left:-999999px;
}

label.error{
  float:left !important;
  color:#e11e27;
  font-weight:bold;
  clear:both !important;
  padding-left:80px;
}


/*
 * Footer
 */

div#site-container div#footer {
  background:#ffffff;
  border: 1px solid #ccc;
  padding: 12px 0px 0px 0px;
}


div#site-container div#footer #footer-nav{
  list-style:none;
  float:right;
}

div#site-container div#footer #footer-nav li{
  display:inline;
  margin-right:12px;
}

div#site-container div#footer #footer-nav li.last{
  margin-right:6px;
}

div#site-container div#footer #footer-nav li a{
  color:#cccccc;
  font-weight:bold;
}


div#footer div.copyright {
  padding: 40px 5px 0px 0px;
  font-size: 0.9em;
  background:url(/img/footer-logo.gif) left bottom no-repeat;
}
div#footer div.copyright p {
  text-align: right;
  padding:0px;
  margin:6px 0px;
}
div#footer div.copyright p a {
  color: #d10228;
  text-decoration: none;
}
div#footer div.copyright p a:hover {
  text-decoration: underline;
}



/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
}

div#site-container div#tibus-strapline a{
color:#e11e27;
}

div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}


/**
* Calendars
*/