body {
  font-family: monospace;
  font-size: 0.85em;
  background-color: #353;
}

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

img {
  border-style: none;
}

.canvas{
  width: 710px;
  height: 1070px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
  background-color: #353;
  border-style: none;
}

.header{
  width: 710px;
  height: 73px;
  margin-left: auto;
  margin-right: auto;

}

.leftsidebar{
  width: 165px;
  margin-left: auto;
  margin-right: auto;

  float: left;
  text-align: left;
}

.main{
  width: 545px;
  margin-left: auto;
  margin-right: auto;

  float: left;
  text-align: left;
}

.rightsidebar{
  width: 150px;
  margin-left: auto;
  margin-right: auto;

  float: left;
  text-align: left;
}

.footer{
  float: right;
  font-family: sans-serif;
  font-size: 9px;
  text-align: justify; 
  color: #FF0;
  margin-bottom: 1em;
  width: 100%;
  background: #011B00;
  width: 545px;
}
.footer a{
    font-weight: bold;
    border-bottom: 1px yellow dotted;
}
.footer div{
      padding-left: 5px;
      padding-right: 5px;
}

.footer_links{
      padding-top: 10px;
      text-align: right;
}

.footer table{
}

.footer td{
}


.span{
  width: 100%;
}
 
.ihave{
  background-image: url(/img/a.jpg);
  font-size: 1.1em;
}

.iwant{
  background-image: url(/img/a.jpg);
  font-size: 1.1em;
}

#thewantboxes, #thehaveboxes, #thehaveboxes_things, #thehaveboxes_types, #thehaveboxes_conditions, #thewantboxes_things, #thewantboxes_types, #thewantboxes_conditions{
  font-family: cursive;
  font-size: 10px;
  padding: 3px;
}


.smalltext{
  font-size: 0.9em;
}
.guidance{
  font-size: 9px;
  color: #333;	
}
.it_col{
  width: 20%;
}

.listing{
  font-size: 12px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.8em;
  overflow: hidden;
}

.listing_title{
  background-color: #AAA;
  background-image: url(/img/c.png);
}
.listing_title a{
  color: #000;
}
.listing_summary{
  padding: 0px;
  background-image: url(/img/d.png);
}
.listing_details{
  background-image: url(/img/b.png);
  padding: 3px;
  display: none;
  overflow: hidden;
}
.unrolled_details{
  background-image: url(/img/b.png);
  padding: 3px;
  overflow: hidden;
}
.cbl input{
  height: 14px;
  padding: 0px;
  margin: 0px;
}

.addlisting {
  float: right;
  margin-right: 3px;
  font-size: 10px;
}

.srchbox{
  float: right;
  margin-right: 6px;
  font-size: 9px;
}
.srchbutton{
  float: right;
  margin-right: 3px;
  font-size: 9px;
}

.boxheader{
  font-size: 20px;
  height: 0.9em;
  font-weight: bold;
  background-image: url(/img/background_piano.jpg);
  color: #fff; 
  padding-top: 3px;
  padding-bottom: 12px;
  padding-left: 3px;
}
.boxheader a{
  color: #ddd;
  vertical-align: middle;
}
.genericheader{
  font-size: 20px;
  height: 0.9em;
  font-weight: bold;
  background-image: url(/img/background_piano.jpg);
  color: #fff; 
  padding-top: 3px;
  padding-bottom: 12px;
  padding-left: 3px;
}

#have_option_toggle_id, #want_option_toggle_id{
  display: block;
  background-image: url(/img/option_toggle.png);
  background-repeat: no-repeat;
  background-position: -105px 0px;
  width: 105px;
  height: 14px;
}

.moreless{
  background-image: url(/img/more_less.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 35px;
  height: 14px;
  cursor:pointer !important;
}

.selectall{
  font-size: small;
}

.morelesstd {
  width: 35px;
  vertical-align: top;
}

.listingtitle {
  width: 495px;
}
.summary_left {
  width: 475px;
  color: #555;
}
.summary_right {
  width: 55px;
  text-align: right;
  color: #f00;
}
.srchres {
  padding-left: 5px;
}

.srchres input{
  float: right;
  margin-right: 3px;
  font-size: 9px;
}
.results {
  background-color: #353;
  background-image: url(/img/a.jpg);
}
.pagebottom{
  margin-top: 5px;
  margin-left: 5px;
}

.nav {
  width: 160px;
  height: 107px;
  margin-bottom: 5px;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFF;
}

.nav div{
  width: 158px;
  height: 27px;
  background-image: url(/img/background_piano.jpg);
  margin-bottom: 0px;
  padding-left: 3px;
}
.nav a {
  margin-left: 3px;
  vertical-align: middle;
}
.nav a:link {color: #EE0;}     /* unvisited link */
.nav a:visited {color: #EE0;}  /* visited link */
.nav a:hover {color: #FF0;}   /* mouse over link */
.nav a:active {color: #5F5;}   /* selected link */
.nav div:hover {
  background-image: url(/img/background_piano_lite.jpg);
}
.err{
  border: solid red;
}
#inputform{

}
#inputform input{
  margin-bottom: 15px;
}
.createlisting {
  background-image: url(/img/a.jpg);
  padding: 5px;
  font-size:15px;
}
.standard_background {
  background-image: url(/img/a.jpg);
  padding: 20px;
  font-size:15px;
}
.clinput{
  margin-bottom: 1.5em;
}
.clinput input, textarea{
  width: 99%;
  background-color: transparent;
  background-image: url(/img/b.png);
}
.clinput2{
  margin-bottom: 1.5em;
  background-image: url(/img/b.png);
}
.clinput3{
  display: none;
}
.errmsg{
  background-color: #F00;
  color: #FFF;
}

.list_opts{
  color: #555;
  padding-top: 3px;
  float: right;
}
.list_opts a:link {color: #555;}     /* unvisited link */
.list_opts a:visited {color: #888;}  /* visited link */
.list_opts a:hover {color: #FFF; background-color: #090;}   /* mouse over link */
.list_opts a:active {color: #8F8;}   /* selected link */

.inred{
  color: #F00;
}
.postcode{
  height: 45px;
}
.postcode input{
  float: left;
}
.postcode div{
  float: left;
  margin-right: 9px;
  padding-left: 5px;
}
.radiusbox{
  margin-right: 6px;
  width: 3em;
  font-size: 9px;
}
.postcodebox{
  margin-right: 6px;
  width: 7em;
  font-size: 9px;
}
#tandc_box{
  text-align: left;
}

.thumb_pic{
  padding-right: 5px;
  float: left;
}


.modal-overlay
{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;*/
    margin:0;
    padding:0;
    background:#020;
    opacity:.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    z-index:101;
}
.modal-window
{
    position:fixed;
    top:50%;
    left:50%;
    margin:0;
    padding:0;
    z-index:102;
}

#ie_fix_box{
	color: #FF0;
	border-top: solid #104010 4px;
	border-left: solid #103810 4px;
	border-bottom: solid #001200 4px;
	border-right: solid #001200 4px;
    background: #052805;
    padding: 7px;
}

#welcome_content{
    font-size: 14px;
    font-family: verdana;
    padding-right: 15px;*/
}


#welcome_content H1{
	color: #FFF;
    margin: 0px;
    padding-bottom: 7px;
    font-size: 21px;
    text-align: center;
}
#welcome_content H2{
    padding: 5px;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: center;
    border-top: solid #102E10 2px;
    border-left: solid #102E10 2px;
    border-bottom: solid #001800 2px;
    border-right: solid #001800 2px;
    background: #052805;
}
#welcome_content span{
	display: block;
	text-align: justify;
}
#welcome_content a{
	font-weight: bold;
    color: #FF6;
}