/* CSS Document */

body {
      margin: 0; 
      padding: 0;
      height: 100%;
      width: 100%;
      font: 12px arial;
      color: #222;
      text-align: center;
}

img {
      border: 0;
}

a {
      color: #000;
      text-decoration: none;
}

a:hover {
      color: #000;
      text-decoration: underline;
}

a.maplink{
      color: #0000CC;
      text-decoration: none;
}

a.maplink:hover {
      color: #0000CC;
      text-decoration: underline;
}


h1 {
      text-align: left;
      font-size: 18px;
      font-weight: bold;
      font-family: arial;
      padding: 0px 5px 15px 5px;
      margin: 0;
}

/********************************************************/
/*                    FORM INPUTS                       */
/********************************************************/

input {
      font-size: 12px;
      color: #000;
      font-family: arial;
      border: 1px solid #FFF;
}

textarea {
      font-size: 12px;
      color: #000;
      font-family: arial;
      width: 700px; 
      height: 100px; 
      padding: 5px;
}

select {
      font-size: 12px;
      color: #000;
      padding: 3px;
      border: 1px solid #FFF;
      margin: 0;
}

/********************************************************/
/*                    PAGE STRUCTURE                    */
/********************************************************/

#wrap { 
      width: 990px; 
      margin: 0 auto;
}

#left-col {
      float: left; 
      width: 215px; 
      height: 370px; 
      background: url(images/left_col_bg.jpg) top left no-repeat;
}

#left-col-admin {
      float: left; 
      width: 215px; 
      height: 180px;
      background: url(images/left_col_admin_bg.jpg) top left no-repeat;
}

#right-col {
      float: right; 
      width: 775px;
}


#header {
      height: 153px;
      width: 990px;
      background: url(images/header.jpg) top left no-repeat;
}

#admin-header {
      height: 100px;
      width: 990px;
      background: url(images/admin_header.jpg) top left no-repeat;
}

#search {
      width: 775px;
      height: 134px;
      background: url(images/search_bg.jpg) top left no-repeat;
}

#admin-search {
      width: 775px;
      height: 36px;
      background: url(images/admin_search_bg.jpg) top left no-repeat;
}

#links {
      width: 775px;
      height: 42px;
      background: url(images/links_bg.jpg) top left no-repeat;
}

#links #title-text {
      float: right;
      text-align: center;
      width: 745px;
      padding: 15px 10px 0px 10px;
      font-family: arial; 
      font-size: 16px;
      font-weight: normal;
      color: #404040;
      text-align: left;
}

#search #sign-in {
      float: right;
      width: 80px;
      background: #333;
      text-align: right;
      margin-right: 25px;
      padding: 5px 20px;
      
}

#search #register-business {
      float: left;
      width: 250px;
      background: #333;
      text-align: right;
      margin-right: 25px;
}

#search-form {
      float: right;
      margin: 60px 25px 0 0;
      width: 600px;
}

*html #search-form { margin: 60px 12px 0px 0px; }

#main {
      width: 775px;
      min-height: 200px;
      background: url(images/main_bg.jpg) top left repeat-y;
      overflow: hidden;
      z-index: 999;
}

/*html #main { height: 200px; }*/

#main #main-column {
      float: right;
      text-align: left;
      margin: 5px 25px 0 0;
      width: 725px;
      padding: 5px 10px;
}

#main #main-column p {
      padding: 0px 5px;
}


/********************************************************/
/*                    BUTTONS                           */
/********************************************************/

.search-button {
      background: url(images/search_button.jpg) top left no-repeat;
      width: 109px;
      height: 38px;
      border: 0;
      margin: 0;
      padding: 0;
}

.send-button {
      background: url(images/send_button.jpg) top left no-repeat;
      width: 109px;
      height: 38px;
      border: 0;
      margin: 0;
      padding: 0;
}

.register-button {
      background: url(images/register_button.jpg) top left no-repeat;
      width: 109px;
      height: 38px;
      border: 0;
      margin: 0;
      padding: 0;
}

.linkbutton {
      float: left;
      text-decoration: none;
      color: #FFF;
      padding: 3px 15px;
      margin: 0px 2px;
      background: url(images/listing-header.jpg) repeat-x top left;
      border: 1px solid #999;
      width: 30px;
      display: block;
      text-align: center;
      font-weight: bold;
      font-size: 13px;
}

.linkbutton:hover {
      text-decoration: none;
      color: #FFF;
}

.page_linkbutton {
      text-decoration: none;
      color: #FFF;
      padding: 3px 5px;
      margin: 0px 1px;
      background: url(images/listing-header.jpg) repeat-x top left;
      border: 1px solid #999;
      text-align: center;
      font-weight: bold;
      font-size: 11px;
}

.page_linkbutton:hover {
      text-decoration: none;
      color: #FFF;
} 

.page_unselected_linkbutton {
      text-decoration: none;
      color: #000;
      padding: 3px 5px;
      margin: 0px 1px;
      background: #888;
      border: 1px solid #999;
      text-align: center;
      font-weight: bold;
      font-size: 11px;
}

*html .page_unselected_linkbutton {
      padding: 3px 5px;
}

.page_unselected_linkbutton:hover {
      text-decoration: none;
      color: #000;
} 

#infoDiv {
      position: absolute; 
      overflow: hidden; 
      visibility: hidden;
      z-index: 999; 
      width: 300px;       
      margin: 0;
      padding: 8px;
      color: #000;
      border: 1px solid #ccc; 
      text-align: justify;  
      background: #f5fafd;
}

.redbutton {
      float: left;
      text-decoration: none;
      color: #FFF;
      padding: 2px 10px;
      margin: 0px 2px;
      background: url(images/listing-header.jpg) repeat-x top left;
      border: 1px solid #999;
      text-align: center;
      font-weight: bold;
      font-size: 13px;
}

.redbutton:hover {
      text-decoration: none;
      color: #FFF;
}  



/********************************************************/
/*                      TABLES                          */
/********************************************************/


.listing-table {
      width: 720px; 
      margin: 0 auto; 
      border: 1px solid #CCC; 
      height: 60px;
      border-spacing: 0px;
      border-collapse: collapse;
      margin-top: 3px;
}

.categories-table {
      width: 720px; 
      margin: 0 auto; 
      border-spacing: 0px;
      border-collapse: collapse;
}

td.category-cell {
      width: 360px;
      padding: 3px 10px;
      text-align: left;
      font-size: 14px;
}

.wide-table {
      width: 720px; 
      margin: 0 auto; 
      border-spacing: 0px;
      border-collapse: collapse;
      border: 1px solid #999;
}

.short-table {
      width: 600px; 
      border-spacing: 0px;
      border-collapse: collapse;
      border: 1px solid #999;
}

.short-table-header {
      background: url(images/listing-header.jpg) repeat-x top left;
      padding: 4px 5px;
      text-align: left;
      color: #FFF;
      border: 1px solid #999;
      font-size: 14px;
      font-weight: bold;
}

.wide-table-header {
      background: url(images/listing-header.jpg) repeat-x top left;
      padding: 4px 5px;
      text-align: left;
      color: #FFF;
      border: 1px solid #999;
      font-size: 14px;
      font-weight: bold;
}

td.title-cell {
      width: 240px;
      text-align: left;
      font-weight: bold;
      font-size: 13px;
      padding: 5px;
      margin: 6px;
}

td.short-title-cell {
      width: 160px;
      text-align: left;
      font-weight: bold;
      font-size: 13px;
      padding: 5px;
      margin: 6px;
}

td.normal-cell {
      width: 480px;
      background: url(images/input_bg.jpg) no-repeat top left;
      text-align: left;
      padding: 7px 8px 6px 8px;
      margin: 3px;    
}

td.teaxarea-cell {
      width: 480px;
      height: 180px;
      background: url(images/textarea_input_bg.jpg) no-repeat top left;
      text-align: left;
      padding: 3px 8px 6px 8px;
      margin: 3px;  
}     

td.small-cell {
      width: 365px;
      background: url(images/input_bg_small.jpg) no-repeat;
      background-position: 25px 0;
      text-align: left;
      padding: 7px 8px 6px 8px;
      margin: 3px;    
}

td.short-cell {
      width: 360px;
      background: url(images/input_admin_bg_small.jpg) no-repeat top left;
      text-align: left;
      padding: 7px 5px 6px 7px;
      margin: 3px;    
}

td.normal-blank-cell {
      text-align: left;
      padding: 1px 5px; 
}

.wide-input {
      width: 480px; 
      padding: 1px;
      border: 1px solid #FFF;
}

.wide-textarea-input {
      width: 480px; 
      height: 160px;
      padding: 1px;
      border: 1px solid #FFF;
}

.short-input {
      width: 340px; 
      padding: 1px;
      border: 1px solid #FFF;
}

.small-input {
      width: 305px; 
      padding: 1px;
      border: 1px solid #FFF;
      margin-left: 10px;
}


/********************************************************/
/*                      OTHERS                          */
/********************************************************/

#blades-card-holder {
      position: absolute;
      top: 270px;
      left: 0px;
      width: 100%;
      z-index: 5;
}

#blades-card {
      width: 990px;
      height: 263px;
      background: url(images/blades_card.jpg) top left no-repeat;
      margin: 0 auto;
      z-index: 7;
}

.errorMessage {
      background: #FF0000;
      color: #FFF;
      font-weight: bold;
      border: 1px solid #999;
      padding: 5px 8px;
      display: block;
      text-align: left;
      font-size: 13px;
      margin: 0 auto;
      width: 704px;
      margin-bottom: 5px;
      
}

.adminErrorMessage {
      background: #FF0000;
      color: #FFF;
      font-weight: bold;
      border: 1px solid #999;
      padding: 5px 8px;
      display: block;
      text-align: left;
      font-size: 13px;
      margin: 0 auto;
      width: 590px;
      margin-bottom: 5px;
      
}

#logout-button-holder {
      width: 720px; height: 40px; text-align: right; padding-top: 5px; z-index: 900;
}

*html #logout-button-holder {
      padding-right: 10px;
}

a.logout-button  {
      color: #FFF; font-size: 13px;
}

a.logout-button:hover {
      color: #FFF; font-size: 13px;
}

/********* Admin left col *********/

#admin-menu-left-col {
      float: left; 
      width: 110px; 
      text-align: left;
      margin-bottom: 30px;
      padding-top: 10px;
}

#admin-main-right-col {
      float: right; 
      width: 600px;
      border-left: 1px solid #999;
      padding-left: 10px;
      margin-bottom: 30px;
      padding-top: 10px;
      text-align: left;
}

.side-menu {
      list-style-type: none;
      float: left;
      width: 95px;
      padding: 0;
      margin: 0;
}

.side-menu li {
      float: left;
      margin: 0;
      
}

.side-menu li a {
      margin: 0;
      padding: 6px 3px;
      display: block;
      width: 95px;
      border-bottom: 1px solid #999;
}

.side-menu li a:hover {
      margin: 0;
      padding: 6px 3px;
      display: block;
      width: 95px;
      border-bottom: 1px solid #999;
      background: #DF6060;
      text-decoration: none;
}

.selected {
      background: #A30100; 
      color: #FFF;
}

.side-menu .selected:hover, .side-menu .selected:visited, .side-menu .selected:link {
      background: #A30100; 
      color: #FFF;
}



/********************************************************/
/*                      FOOTER                          */
/********************************************************/


#footer {
      width: 775px;
      height: 60px;
      background: url(images/footer.jpg) top left no-repeat;
}

#footer-text-right {
      float: right;
      width: 400px;
      margin: 15px 25px 0px 0px;
      padding: 20px 5px;
      text-align: right;
}

#footer-text-left {
      float: left;
      width: 300px;
      margin: 15px 0px 0px 0px;
      padding: 15px 0px 15px 10px;
      text-align: left;
}

*#footer-text { margin: 0; }