/******************************************************************************
 *
 * BODY 
 *
 *****************************************************************************/

body {
  background: #f9f8f3 url(../images/search_bg.png) repeat-x scroll center;
  background-position: 0px 100px;
  text-align:center;
  margin:0px;
  padding:0px;
  font-family: Georgia, times, serif;
  font-size-adjust: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color:#333333;
  font-size:0.95em;
  line-height:1.25em;
}

#container p {
  margin: 0.5em 0 0.5em;
  line-height:1.5em;
}

table {
  width:100%;
}

a {
  color: #77a312;
  text-decoration:none;
}

a:hover {
  text-decoration: none;
  color:#ff8a00;
}

h1, h2, h3, h4, h5, h6 {
  color: #333333;
  /*font-family: Tahoma, Geneva, sans-serif;*/
  font-family: Georgia, times, serif;
  font-weight:normal;
  text-transform: none; 
  padding:1em 0;
  clear:both;
  line-height:1em;
}

h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.5em;
}
h4 {
  font-size: 1.3em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
}

div#wrapper {
  width:900px;
  margin:0px auto;
  text-align:left;
}

div#container {
}


/******************************************************************************
 *
 * HEADER
 *
 *****************************************************************************/
div#header {
  height:108px;
  width:100%;
}

div#logo {
  height:117px;
  width:138px;
  float:left;
}

/******************************************************************************
 *
 * FOOTER 
 *
 *****************************************************************************/
#footer {
  padding-top:15px;
  padding-bottom:50px;
  font-size:0.80em;
  text-align:right;
}

/******************************************************************************
 *
 * TOP MENU
 *
 *****************************************************************************/
#business_top_nav {
  float:right;
  padding-right:10px;
  padding-top:5px;
}

#business_top_nav li {
  list-style-type:none;
  display:block;
  float:left;
}

#business_top_nav a {
  text-decoration:none;
  font-weight:normal;
  color:#777;
  border-bottom:1px dashed #777;
  font-size:0.85em;
}

#business_top_nav a:hover, #business_top_nav li.active a {
  color:#77a312;
  border-bottom: 1px solid #ff8a00;
  font-weight:bold;
}

#top_nav {
  float:right;
  clear:right;
  padding-top:70px;
}

#top_nav li {
  list-style-type:none;
  display: block;
  float:left;
  padding-left:15px;
  padding-right:10px;
  background-image: url(../images/menu-divider.gif);
  background-repeat: no-repeat;
  background-position: 0 -4px;
}

#top_nav li.first {
  background-image: none;
}

#top_nav a {
  color: black;
  text-decoration: none;
  font-size:1.2em;
  border-bottom:1px dotted #000;
  font-weight:normal;
}

#top_nav a:hover, #top_nav li.active a {
  color:#77a312;
  border-bottom: 1px solid #ff8a00;
}


/******************************************************************************
 *
 * LEFT MENU SYSTEM
 *
 *****************************************************************************/
.leftbox {
  float:left;
  width:222px;
}
.leftbox ul {
  font-size: .75em;
  float: left;
  width: 222px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.leftbox ul li {
  line-height: 1em;
}
.leftbox ul li a {
  font-weight: normal;
  text-align: right;
  display: block;
  float: left;
  width: 192px;
  padding-right: 30px;
  background-image: url(../images/leftbox_checkbox.gif);
  background-repeat: no-repeat;
  background-position: 195px 5px;
  margin: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
}
.leftbox ul li a:hover, .leftbox ul li a.selected {
  background-image: url(../images/leftbox_checkbox_checked.gif);
}
.leftbox ul li a em {
  font-style: normal;
  color: #999999;
}


.hdrcateg {
  background-image:url(../images/leftbox_hdr_folder.gif);
  background-position:right top;
  background-repeat:no-repeat;
  color:#FFFFFF;
  float:left;
  font-size:1.3em;
  padding-bottom:7px;
  padding-right:40px;
  padding-top:5px;
  text-align:right;
  width:182px;
}

.leftbox .hdr {
  background-image:url(../images/leftbox_hdr_green.gif);
  background-position:right top;
  background-repeat:repeat-y;
  color:#FFFFFF;
  float:left;
  font-size:1.3em;
  padding-bottom:5px;
  padding-right:20px;
  padding-top:5px;
  text-align:right;
  width:202px;
}

.leftbox ul {
  float:left;
  font-size:0.75em;
  padding-bottom:5px;
  padding-top:5px;
  width:222px;
}

.leftbox ul li {
  line-height:1em;
}

.leftbox ul li a {
  background-image:url(../images/leftbox_checkbox.gif);
  background-position:195px 5px;
  background-repeat:no-repeat;
  display:block;
  float:left;
  font-weight:normal;
  margin:0;
  padding:4px 30px 4px 0;
  text-align:right;
  width:192px;
}


.leftbox ul li a.item {
  background-image:url(../images/leftbox_hdrarrow_gray.gif);
  background-position:right top;
  background-repeat:no-repeat;
  border-bottom:1px solid #FFFFFF;
  color:#333333;
  font-size:1.2em;
  font-weight:bold;
  padding:8px 35px 10px 0 !important;
  width:187px;
}
.leftbox ul li a.itemon {
  background-image:url(../images/leftbox_hdrarrow_yellow.gif);
}

.leftbox ul li a.item:hover {
  background-image:url(../images/leftbox_hdrarrow_yellow.gif);
}

.leftbox ul li a.leftnav {
  background-image:url(../images/leftbox_navbg.gif) !important;
  background-position:right top;
  background-repeat:repeat-y !important;
  border-bottom:1px solid #FFFFFF;
  padding:5px 20px 5px 10px;
  font-size:1.2em;
}
.leftbox ul li a.leftnav_on {
  background-color:#FFFFFF !important;
  background-image:none !important;
  color:#333333 !important;
  font-weight:bold;
}


/******************************************************************************
 *
 * SEARCH 
 *
 *****************************************************************************/
#search {
  height:109px;
  color:#fff;
}

#search form {
  padding-top:34px;
  padding-left:25px;
}

#search form table td {
  text-align:left;
  vertical-align:middle;
}

#search form table td.searchbox {
  width:80%;
}
#search form table td.searchbutton {
  padding:0px 10px;
}

#search form input#q {
  width:100%;
  float:left;
  font-size:1.2em;
  height:30px;
  vertical-align:middle;
  border:1px solid #333;
  color:#ccc;
}

#search form input#q.active {
  border:1px solid #ff8a00;
  color:#333;
}

#search form input#submit {
  cursor:pointer;
  border:1px solid #77a312;
  /*background-color:#A3C556;*/
  width:100%;
  font-size:1.1em;
  font-family:Georgia,Times,serif;
  height:32px;
  color:#333;
}

#search form input#submit:hover {
  border:1px solid #77a312;
}

#search #othersearch {
  padding-top:40px;
  text-align:center;
  display:none;
}


#search #othersearch a {
  color: #f9bc01;
  text-decoration: none;
}

#search #othersearch a:hover {
  text-decoration:underline;
}

/******************************************************************************
 *
 * SEARCH RESULTS 
 *
 *****************************************************************************/

.business-list-item {
  padding:10px 10px;
  width:300px;
  float:left;
  height:110px;
}
.business-list-item .logo {
  float:left;
  width:110px;
}

.business-list-item .information {
  float:left;
  width:180px;
  padding-left:10px;
  font-size:0.85em;
}

.business-list-item .map {
  padding-top:40px;
}

.business-list-item a.title {
  color:#77a312;
  font-weight:bold;
}
.business-list-item a.title:hover {
  color: #ff8a00;
  text-decoration:none;
  border-bottom:1px solid #ff8a00;
  background-color:#f4f2e4;
}

/******************************************************************************
 *
 * MAIN 
 * :
 *****************************************************************************/
div#main {
  border-bottom: solid 1px #d9d9d9;
  border-right: solid 1px #d9d9d9;
  border-left: solid 1px #d9d9d9;
  padding-bottom: 25px;
  width:100%;
  background-color:#fff;
}

#leftcolumn {
  width:222px;
}

#leftcolumn ul {
  list-style:none;
}

#rightcolumn {
  padding-bottom:25px;
  padding-top:12px;
  vertical-align:top;
  width:678px;
  padding-left:5px;
  border-left:1px solid #ddd;
  padding-right:5px;
}

#page-content ul, #page-content ol {
  padding-left:15px;
}

/******************************************************************************
 *
 * USER SESSIONS 
 *
 *****************************************************************************/
div#user_sessions {
  border-bottom: solid 1px #d9d9d9;
  border-right: solid 1px #d9d9d9;
  border-left: solid 1px #d9d9d9;
  margin-top:5px;
  width:100%;
}

div#user_sessions td {
  padding:15px;
}
div.user_session {
  text-align:center;
}



/******************************************************************************
 *
 * BUSINESS DETAILS 
 *
 *****************************************************************************/

  #business-details #leftcolumn .logo {
    text-align:center;
    padding:35px 0px;
  }

  #business-details #rightcolumn {
    padding-left:25px;
  }

  #business-details #rightcolumn #information {
    width:50%;
    float:left;
    padding-right:10px;
  }

  #business-details #rightcolumn #map {
    width:300px;
    float:left;
  }

  #business-details #rightcolumn .images, #business-details #rightcolumn .attachments {
    margin-top:25px;
    clear:both;
    border-top:1px solid #eee;
  }

  #business-details #rightcolumn .images li {
    display:inline;
    margin-left:3px;
    margin-right:3px;
  }

#business-details #rightcolumn .images a {
  border:none;
}

#business-details #rightcolumn .images a img {
  border:2px solid #dffffb;
}

#business-details #rightcolumn .images a:hover img {
  border:2px solid #77a312;
}

/******************************************************************************
 *
 * PAGINATION 
 *
 *****************************************************************************/
#rightcolumn .pagenavwrap {
  float:left;
  width:100%;
}

#rightcolumn .pagenav {
  background-color: #f2f2f2;
  float:left;
  font-size:0.85em;
  padding: 10px 15px;
  width:95%;
}

#rightcolumn .pagenav .pnleft {
  float:left;
  width:15%;
}

#rightcolumn .pagenav .pnmid {
  float:left;
  width:65%;
}

#rightcolumn .pagenav .pnmid div.pagination {
  color:#666666;
  width:100%;
}

#rightcolumn .pagenav .pnmid div.pagination em,#rightcolumn .pagenav .pnmid div.pagination a, #rightcolumn .pagenav .pnmid div.pagination span {
  float:left;
  border:1px solid #F2F2F2;
  display:block;
  padding:3px 6px;
}

#rightcolumn .pagenav .pnmid div.pagination a:hover, #rightcolumn .pagenav .pnmid div.pagination span.current {
  background-color:#FFFFFF;
  border:1px solid #999999;
  color:#333333;
}

#rightcontent .pagenav .pnright {
  float:right;
}


/******************************************************************************
 *
 * HOMEPAGE
 *
 *****************************************************************************/
div#homepagemain {
  padding:0px 25px;
}

div#homepagemain table {
  width:100%;
}

div#homepagemain table td.featured-businesses {
  width:65%;
  padding-left:5px;
  padding-right:5px;
}

div#homepagemain table td.our-businesses {
  width:35%;
  border-left: thin solid #ddd;
  /*text-align:center;*/
}

div#homepagemain ul {
  list-style: none;
}

/* 
 * Homepage featured 
 */

.homepage-featured-item {
  float:left;
  margin:5px 5px;
  width:165px;
  height:160px;
  text-align:center;
}
.homepage-featured-item a {
  font-weight:normal;
}
.homepage-featured-item a.title {
  color: #77a312;
}
.homepage-featured-item a.title:hover {
  color: #ff8a00;
  text-decoration:none;
  border-bottom: 1px solid #ff8a00;
}

/* 
 * Homepage Our Businesses 
 */
div#homepagemain div.facebook-badge {
  float:left;
  padding-left:25px;
}

/* 
 * Homepage mailing list 
 */

div#homepagemain div.mailing-list {
  float:left;
  border-top:1px solid #ddd;
  padding-left:25px;
}


/* 
 * Homepage pictures 
 */
table.homepage-pictures {
  border-top:1px solid #ddd;
}
.homepage-pictures-row {
  padding-top:10px;
  padding-bottom:50px;
  text-align:center;
}
.homepage-pictures-row li {
  display:inline;
  margin-left:3px;
  margin-right:3px;
  width:110px;
}
.homepage-pictures-row a img {
  border:1px solid #dffffb;
}
.homepage-pictures-row a:hover img {
  border:1px solid #77a312;
}

/******************************************************************************
 *
 * DASHBOARD
 *
 *****************************************************************************/
  #rightcolumn table.datagrid {
    margin:10px 0px;
  }
  #rightcolumn table.datagrid thead {
    font-weight:bold;
  }
  #rightcolumn table.datagrid tr {
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
  }
  #rightcolumn table.datagrid td {
    padding:5px;
  }

/******************************************************************************
 * 
 * PRICING PLANS
 *
 *****************************************************************************/
  table.pricing_plans td {
    text-align:center;
    border-top:1px solid #eee;
    vertical-align:middle;
  }
  table.pricing_plans thead th {
    padding-bottom:15px;
    text-align:center;
    width:100px;
  }
  table.pricing_plans thead th.description {
    width:250px;
  }
  table.pricing_plans td.description {
    text-align:right;
    border-right:1px solid #ddd;
  }
  table.pricing_plans td.basic {
    font-size:1.2em;
  }
  table.pricing_plans td.advanced {
    font-size:1.2em;
  }
  table.pricing_plans td.professional {
    font-size:1.2em;
  }
  table.pricing_plans td.deluxe {
    font-size:1.2em;
  }


/******************************************************************************
 * 
 * ADD THIS
 *
 *****************************************************************************/
  .sharethis {
    text-align:center;
    font-size:0.85em;
    clear:both;
  }

  .addthis_default_style {
    float:right;
  }

.addthis_toolbox .two_column 
{
  width: 219px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.addthis_toolbox .two_column a 
{
  padding: 4px 0 4px 34px;
  position: relative;
  width: 66px;
  display: block;
  text-decoration: none;
  color: blue;
}

.addthis_toolbox .two_column a:hover
{
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #B4D3F8;
  text-decoration: none;
}

.addthis_toolbox .two_column span
{
  position: absolute;
  left: 14px;
  top: 4px;
}

.addthis_toolbox .two_column  .top
{
  padding: 0 0 10px 0;
  border-bottom: solid 1px #eee;
  margin-bottom: 10px;
  margin: 0 20px 10px 20px;
}

.addthis_toolbox .two_column  .more
{
  border-top: solid 1px #eee;
  padding: 10px 0 0 0;
  margin: 10px 20px 0 20px;
  text-align: center;
}

.addthis_toolbox .two_column  .more a
{
  padding: 4px 0;
  width: auto;
}

.addthis_toolbox .two_column .more span
{
  display: none;
}

.addthis_toolbox .two_column .column1
{
  width: 100px;
  float: left;
}

.addthis_toolbox .two_column .column2
{
  width: 100px;
  float: left;
}

.addthis_toolbox .two_column .clear
{
  clear: both;
  padding: 0;
  display: block;
  height: 0;
  width: 0;
}

/******************************************************************************
 *
 * BUTTONS
 * 
 *****************************************************************************/
.leftboxempty {
  float: left;
  width: 193px;
  padding-top: 15px;
  padding-right: 14px;
  padding-bottom: 10px;
  padding-left: 15px;
}
.button a {
  border:0.083em solid #E8E9DE;
  padding:0.083em;
  text-shadow:black 0px 0px;
  float:left;
  text-transform:uppercase;
}
.button a:hover {
  border: 0.083em solid #FFBD00;
}
.button a span {
  background:#77a312;
  color:white;
  padding:0.417em 1.3em;
  float:left;
  display:block;
}
.buttonsoft a {
  border:0.083em solid #E8E9DE;
  padding:0.083em;
  text-shadow:black 0px 0px;
  float:left;
}
.buttonsoft a:hover {
  border: 0.083em solid #333;
}
.buttonsoft a span {
  background:#ccc;
  color:#333;
  padding:0.417em 0.417em;
  float:left;
  display:block;
}
.rightboxempty {
  float: left;
  width: 638px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 0px;
  line-height: 22px;
}
.infoicon {
  background-image: url(../images/icon_info.gif);
  width:30px;
  height:30px;
}

/******************************************************************************
 *
 * MESSAGES 
 *
 *****************************************************************************/

#notice {
  /*border: 3px solid #77a312;*/
  /*color: #77a312;*/
  border: 2px solid green;
  color: green;
  font-weight: bold;
  padding:25px;
}
#warning {
  border: 3px solid red;
  color: red;
  font-weight: bold;
  padding:25px;
}
#error, .errorExplanation {
  border: 3px solid red;
  color: red;
  font-weight: bold;
  padding:25px;
}
.errorExplanation h2 {
  color: red;
}
.helpicon {
  cursor:help;
}

/******************************************************************************
 *
 * GENERIC
 *
 *****************************************************************************/
table.datatable {
  width:100%;
  margin-top:50px;
}

table.datatable td { 
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

  .clear {
    clear:both;
  }

  .hidden {
    display:none;
  }

  .red {
    color:red;
  }
  
  .green {
    color:green;
  }

  .yellow {
    color:yellow;
  }
  
  .smaller {
    font-size: 0.8em;
  }

  .bigger {
    font-size: 1.2em;
  }

  .strong {
    font-weight:bold;
  }

  .text-right {
    text-align:right;
  }
  .text-center {
    text-align:center;
  }
  .text-left {
    text-align:left;
  }

  .float-right {
    float:right;
  }

  .vertical-middle {
    vertical-align:middle;
  }
  .vertical-top {
    vertical-align:top;
  }
  .vertical-bottom {
    vertical-align:bottom;
  }

  .width50 {
    width:50px;
  }

  .width75 {
    width:75px;
  }

  .width100 {
    width:100px;
  }

  .width125 {
    width:125px;
  }
  
  .width150 {
    width:150px;
  }

  .cursor-help {
    cursor:help;
  }

  .hidden {
    display:none;
  }
  .hr {
    border-bottom:1px solid #ddd;
  }

  .border-right {
    border-right:1px solid #eee;
  }

  .padding2 {
    padding:2px 0px;
  }
  .padding5 {
    padding:5px 0px;
  }
  .padding10 {
    padding:10px 0px;
  }
  .padding15 {
  }
  .padding20 {
  }
  .padding25 {
  }

  .left2 {
    padding-left: 2px;
  }
  .left3 {
    padding-left: 3px;
  }
  .left4 {
    padding-left: 4px;
  }
  .left5 {
    padding-left: 5px;
  }
  .left10 {
    padding-left: 10px;
  }
  .left15 {
    padding-left: 15px;
  }
  .left20 {
    padding-left: 20px;
  }
  .left25 {
    padding-left: 25px;
  }

  .right2 {
    padding-right: 2px;
  }
  .right3 {
    padding-right: 3px;
  }
  .right4 {
    padding-right: 4px;
  }
  .right5 {
    padding-right: 5px;
  }
  .right10 {
    padding-right: 10px;
  }
  .right15 {
    padding-right: 15px;
  }
  .right20 {
    padding-right: 20px;
  }
  .right25 {
    padding-right: 25px;
  }
#fdbk_tab {
top: 300px!important;
}

.cufon-loading { /* for Cufon.replace('h1') */
  visibility: hidden !important;
}