@charset "utf-8";
html,body {
  margin:0;
  padding:0;
  background:url(../images/bg-tile.gif) repeat;
  padding-top:10px;
  font-family:'Share',sans-serif;
  font-size:12px;
  font-weight:400;
  font-color:#000000;
}
.clear {
  clear:both;
  height:10px;
}
.fl {
  float:left;
}
.fr {
  float: right;
}
@font-face {
  font-family: 'iconic';
  src:url('fonts/iconic.eot');
  src:url('fonts/iconic.eot?#iefix') format('embedded-opentype'),
    url('fonts/iconic.svg#iconic') format('svg'),
    url('fonts/iconic.woff') format('woff'),
    url('fonts/iconic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* CONTAINER DIV */
.wrapper {
  width:900px;
  display:block;
  position:relative;
  margin:auto;
  padding:10px;
  background:#ededed;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior: url(PIE.htc);
}

/* HEADER */
.header {
  width:900px;
  height:200px;
  display:block;
  position:relative;
  background:#f8f8f8;
  border:1px solid #e1e1e1;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior: url(PIE.htc);
}
.machines {
  width:350px;
  height:200px;
  display:block;
  position:absolute;
  top:0;
  right:10px;
}

/* LOGO */
.logo {
  width:372px;
  height:84px;
  background:url(../images/logo.png) no-repeat;
  display:block;
  position:absolute;
  top:35px;
  left:30px;  
}

/* NAV BAR */
.navigation {
  width:515px;
  height:37px;
  display:block;
  position:absolute;
  background:url(../images/nav-bg.png) repeat-x;
  bottom:10px;
  left:10px;
  border:1px solid #e9e9e9;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}
ul.nav {
  list-style-type:none;
  margin:0;
  padding:0;
}
ul.nav li {
  display:inline;
  float:left;
}
a.nav-item {
  display:block;
  width:100px;
  height:37px;
  line-height:37px;
  text-align:center;
  text-transform:uppercase;
  border-right:1px solid #e5e5e5;
  color:#6c8597;
  text-shadow:1px 1px 1px #FFF;
  text-decoration:none;
  font-size:13px;
}
a.nav-item:hover {
  background:url(../images/hover.png);
  color:#5a6f7e;
}
.searchbox {
  position:absolute;
  right:3px;
  top:5px;
}
input.search {
  width:172px;
  height:27px;
  line-height:27px;
  border:0;
  display:block;
  position:relative;
  float:left;
  background:url(../images/input-search.png) no-repeat;
  padding-left:10px;
  color:#cccccc;
  text-transform:uppercase;
  font-family:'Share',sans-serif;
  font-size:12px;
  font-weight:400;
}
.search-btn {
  width:33px;
  height:30px;
  border:0;
  display:block;
  position:relative;
  float:left;
  background:url(../images/btn-search.png) no-repeat;
  cursor: pointer;
}

/* CATEGORY BAR */
.topbar {
  width:100%;
  height:40px;
  display:block;
  position:relative;
  background:url(../images/bar-bg.png) repeat-x;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

.topbar2 {
  width:100%;
  height:40px;
  display:block;
  position:relative;
  background:url(../images/bar-bg-2.png) repeat-x;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

.categories {
  width:200px;
  height:40px;
  display:block;
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  line-height:40px;
  font-size:13px;
  color:#ffffff;
  text-shadow:1px 1px 1px #2a363e;
  text-transform:uppercase;
}
.services {
  width:200px;
  height:40px;
  display:block;
  position:absolute;
  top:0;
  right:0;
  text-align:center;
  line-height:40px;
  font-size:13px;
  color:#ffffff;
  text-shadow:1px 1px 1px #583434;
  text-transform:uppercase;
}
.searchbar {
  width:480px;
  height:32px;
  display:block;
  position:absolute;
  top:4px;
  right:210px;
  line-height:32px;
  font-size:13px;
  color:#ffffff;
  text-shadow:1px 1px 1px #303030;
  text-transform:uppercase;
}

.searchbar a {

  display:block;
  font-size:13px;
  color:#ffffff;
  text-shadow:1px 1px 1px #303030;
  text-transform:uppercase;
}

/* LEFT MENU */
.left-menu-top {
  width:200px;
  height:10px;
  background:url(../images/categories-top.png) no-repeat top center;
  position:relative;
  display:block;
  z-index:2;
  margin-top:-10px;
}
.left-menu {
  width:200px;
  position:relative;
  float:left;
  display:block;
  background:#f5f5f5;
  border:1px solid #e4e4e4;
  padding-bottom:5px;
  margin-top:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
  z-index:1;
}
ul.menu {
  list-style-type:none;
  margin:0;
  padding:0;
}
a.category-item {
  display:block;
  width:190px;
  height:30px;
  line-height:31px;
  padding-left:10px;
  text-align:left;
  text-transform:uppercase;
  border-bottom:1px dotted #d8d8d8;
  color:#666;
  text-decoration:none;
}
a.category-item:hover {
  background:url(../images/btn-blue-bg.png) repeat-x;
  color:#ffffff;
  text-shadow: 1px 1px 1px #2d373f;
}
a.category-item-active 
{
  display:block;
  width:190px;
  height:30px;
  line-height:31px;
  padding-left:10px;
  text-align:left;
  text-transform:uppercase;
  border-bottom:1px dotted #d8d8d8;
  color:#999999;
  text-decoration:none;
  background:url(../images/btn-blue-bg.png) repeat-x;
  color:#ffffff;
  text-shadow: 1px 1px 1px #2d373f;
}


/* RIGHT MENU */
.right-wrapper {
  width:200px;
  float:right;
  position:relative;
  display:block;
}
.right-menu-top {
  width:200px;
  height:10px;
  background:url(../images/categories-top.png) no-repeat top center;
  position:relative;
  display:block;
  float:left;
  z-index:2;
  margin-top:-10px;
}
.right-menu {
  width:200px;
  position:relative;
  display:block;
  float:left;
  background:#f5f5f5;
  border:1px solid #e4e4e4;
  padding-bottom:5px;
  margin-top:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
  z-index:1;
}
a.right-menu-item {
  display:block;
  width:180px;
  padding-top:9px;
  padding-bottom:7px;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
  border-bottom:1px dotted #d8d8d8;
  color:#999999;
  text-decoration:none;
}
a.right-menu-item:hover {
  background:url(../images/btn-red-large.png) repeat-x;
  color:#ffffff;
  text-shadow:1px 1px 1px #583434;
}
.box {
  width:180px;
  color:#999999;
  padding:10px;
  position:relative;
  display:block;
  background:#f5f5f5;
  border:1px solid #e4e4e4;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}
.advert {
  width:200px;
  height:100px;
  line-height:100px;
  text-align:center;
  position:relative;
  display:block;
  float:left;
  background:#CCC;
  border: 1px dashed #999;
}

/* MIDDLE */
.listings_content {
  width:665px;
  color:#333;
  font-size:13px;
  float:left;
  display:block;
  position:relative;
  margin-top:15px;
  margin-left:15px;
  border:0px solid red;
}

.content {
  width:465px;
  color:#666;
  font-size:13px;
  float:left;
  display:block;
  position:relative;
  margin-top:15px;
  margin-left:15px;
  border:0px solid red;
}
.content .divider {
  border-top:1px dotted #ccc;
  margin-top:20px;
  margin-bottom:20px;
}

.memberContent {
  width:885px;
  color:#666;
  font-size:13px;
  float:left;
  display:block;
  position:relative;
  margin-top:15px;
  margin-left:15px;
  border:0px solid red;
}
.memberContent .divider {
  border-top:1px dotted #ccc;
  margin-top:20px;
  margin-bottom:20px;
}

.red-heading {
  font-size:17px;
  color:#9e5050;
  text-transform:uppercase;
}
.blue-heading {
  font-size:17px;
  color:#536877;
  /*text-transform:uppercase;*/
}
.blue-listing {
  color:#536877;  
}
.thumb {

  float:right;
  text-align:center;
  margin-left:10px;
  padding:5px;
  position: relative;
  display:block;
  border:1px solid #d4d4d4;
  background:#FFF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

.thumb2 {

  float:right;
  text-align:center;
  margin-left:10px;
  padding:5px;
  position: relative;
  display:block;
  border:1px solid #d4d4d4;
  background:#FFF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);

   margin-top:10px;
}

.thumb3 {

  float:right;
  text-align:center;
  margin-left:10px;
  padding:5px;
  position: relative;
  display:block;
  border:1px solid #d4d4d4;
  background:#FFF;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
 clear:both;

  margin-top:10px;
}

/* FOOTER */
.footer {
  width:900px;
  height:14px;
  margin-top:20px;
  position:relative;
  display:block;
  text-transform:uppercase;
  color:#cbcbcb;
}
.footer a:link {
  color:#666;
  text-decoration:none;
}
.footer a:hover {
  color: #6c8597;
}

/* BUTTONS */
.button {
  width:100px;
  height:32px;
  line-height:32px;
  display:block;
  position:relative;
  text-align:center;
  font-size:13px;
  color:#ffffff;
  font-family:'Share',sans-serif;
  font-weight:400;
  border:0;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}


.buttonSeller {
  width:100px;
  height:32px;
  line-height:32px;
  display:block;
  position:relative;
  text-align:center;
  font-size:11px;
  color:#ffffff;
  font-family:'Share',sans-serif;
  font-weight:400;
  border:0;
  text-transform:uppercase;
  text-decoration:none;
  cursor:pointer;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

.red {
  background:url(../images/btn-red-bg.png);
  text-shadow:1px 1px 1px #583434;
}
.blue {
  background:url(../images/btn-blue-bg.png);
  text-shadow:1px 1px 1px #2d373f;
}
.green {
  background:url(../images/btn-green-bg.png);
  color:#284306;
  text-shadow:1px 1px 1px #69a608;
}
.yellow {
  background:url(../images/btn-yellow-bg.png);
  color:#916c27;
  text-shadow:1px 1px 1px #fee1a9;
}
.grey {
  background:url(../images/btn-grey-bg.png);
  text-shadow: 1px 1px 1px #343434;
}

/* BOTTOM SHADOW */
.shadow {
  width:900px;
  height:86px;
  display:block;
  position:relative;
  margin:auto;
  background: url(../images/shadow.png) no-repeat;
}

/* FORM STYLES */
input.textfield {
  width:158px;
  height:26px;
  line-height:26px;
  position: relative;
  display:block;
  border:1px solid #d4d4d4;
  background:#FFF;
/*  text-transform:uppercase;*/
  color:#333;
  padding-left:10px;
  font-size:13px;
  font-family:'Share',sans-serif;
  font-weight:400;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

input.long
{
 width:368px;   
    }

textarea {
  width:250px;
  height:100px;
  padding:10px;
  position: relative;
  display:block;
  border:1px solid #d4d4d4;
  background:#FFF;
  color:#333;
  font-size:13px;
  font-family:'Share',sans-serif;
  font-weight:400;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url(PIE.htc);
}

/* SELECT BOX DROPDOWN */
.selectBox-dropdown {
  background:url(../images/select.png) no-repeat;
  width:160px;
  min-width:160px;
  height:30px;
  padding-left:10px;
  border:0;
  position:relative;
  line-height:30px;
  text-decoration:none;
  text-align:left;
  color:#666;
  font-size:13px;
  text-transform:uppercase;
  outline:none;
  vertical-align:middle;
  display:inline-block;
  cursor:default;
}

.selectBoxBlue-dropdown {
  background:url(../images/select-blue.png) no-repeat;
  width:160px;
  min-width:160px;
  height:30px;
  padding-left:10px;
  border:0;
  position:relative;
  line-height:30px;
  text-decoration:none;
  text-align:left;
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  outline:none;
  vertical-align:middle;
  display:inline-block;
  cursor:default;
}

.selectBox-dropdown-menu {
  position:absolute;
  z-index:99999;
  max-height:200px;
  min-height:1em;
  border:solid 1px #d4d4d4;
  background:#FFF;
  overflow:auto;
  color:#999;
}
.selectBox-options,.selectBox-options LI,.selectBox-options LI A {
  list-style:none;
  display:block;
  cursor:default;
  padding:0;
  margin:0;
}
.selectBox-options LI A {
  line-height:1.5;
  padding:0 .5em;
  white-space:nowrap;
  overflow:hidden;
  background:6px center no-repeat;
}
.selectBox-options LI.selectBox-hover A {
  background-color:#EEE;
}
.selectBox-options LI.selectBox-disabled A {
  color:#888;
  background-color:transparent;
}
.selectBox-options LI.selectBox-selected A {
  background-color: #e7e7e7;
}


select{
color:#fff;
  background-color: #666;
  height: 25px;
  
}

 .greyback
 {
   background-color:#999; 
   border:none;
     }
     
.greybutton
 {
   background-color:#999; 
   border:none;   
     }
     
.greybutton:hover
 {
   background-color:#666; 
   border:none;   
     }

.visits
{
background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-family: comic sans ms;
    padding: 0 10px;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
