/* RESET.CSS */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}

table{ font-size:inherit;color: inherit; border-collapse: collapse;}
a{outline: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{ border: 0; }
/* to preserve line-height and selector appearance */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
ul li{ list-style-position: inside; padding-left: 20px;}
/* RESET.CSS */

/* TEXT */

a{
	color: #4e9305; 
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
a.grey{
   color: #333;
   text-decoration: none;
}
a.grey:hover{
   color: #4e9305;
   text-decoration: underline;
}
a.blue{
    color:#2aa2d4;  
   text-decoration: none; 
}
a.blue:hover{ color:#2aa2d4;  
   text-decoration: underline;
}
H1{
	color:#555555;
	font-size:1.5em;
	padding: 10px 0;
	
}
H2{
	color:#555555;
	font-size:1.3em;
	padding: 10px 0;
}

H3{
	padding: 10px 0;
	font-size: 1.3em;
	color:#2477e8;
}
a.backcol{
	color:#333;
	padding: 2px 5px;
	text-decoration: none; 
	background: #a5dd43;
}
a.backcol:hover{
	text-decoration: none; 
	background: #58c8f6;
}
.title{
	font-weight: bold;
	font-size: 1.1em;
	color:#FF0000;
}
/* MAIN LAYOUT*/

body{
	text-align:left;
	height:100%;
	background: #fff  url("../images/back_body.jpg") repeat-x top center;
	
	color:#000; 
	font-size: 10pt;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
 .wrap{
   background: url("../images/back_h.gif") no-repeat center top;
   position: relative;
   	padding: 0 20px;
	max-width: 1400px;
	margin: 0 auto;
   
 }
div#main{

	text-align: left;	
}

.clear{
	clear: both;
}
.left{
	float: left;
}
.right{
	float: right;
}

/* HEADER */

div#header{
	position: relative;
	height:115px;
	}
.clrfix:after{
   content: ".";
   height: 0;
   visibility: hidden;
   display: block;
   clear: both; 
}
* html .clrfix{
	height: 1%;
}

.clrfix{
  display: block;
  clear: both;
}


div#logo{
	margin: 20px;
	float: left;
}
div#logo a{
	width: 340px;
	height: 60px;
	float: left;
	background:  url("../images/logo.gif") no-repeat top left;
}
div#logo h1{
   text-indent: -2000px;
   font-size: 0.3em;
}

.regisrtation{
   width: 180px;
   float: right;
   color: #484848;
   margin: 10px 10px 0 0;
}
.regisrtation ul{margin:0;padding:0;}
.regisrtation ul li{margin:0;padding:0;}
#tooltip {position:absolute;padding:2px;background:#f6fad5;border:1px solid #0d1000;display:none;height:15px;color:#000;padding-left:5px;padding-right:5px;
font-size:11px;line-height:15px;text-align:center;opacity:0.8;}
.regisrtation input.textinp{
   width: 110px;
   background: #f2f7fa;
   padding: 0 2px;
   border: 1px solid #999;
   margin-bottom: 5px;
   float: right;
}

.regisrtation .remember{
   text-align: right;
   
}
.regisrtation label{
	float: left;
}
#topmenu{
  overflow: hidden;
  margin-bottom: 10px; 
  }
div#topmenu ul{
   padding-top: 73px;
   float: left;
}
div#topmenu ul li{
   float: left;
   list-style-type: none;
   padding: 0 1px 0 0;
   text-align: center;
   line-height: 35px;
   width: 110px;
}
div#topmenu  li a{
   display: block;
   height: 36px;
   padding: 0 15px;
   color: #fff;
   text-decoration: none;
}
div#topmenu  li a:hover, div#topmenu  li a.current{
   background: #a5dd43;
   text-decoration: none;
   color: #333;
}
div#addbutt{
   float: right;
   padding:10px;
}
div#addbutt a{
   display: block;
   width: 155px;
   height: 40px;
   background: url("../images/butt.gif") no-repeat top left;
}
div#addbutt a:hover{
   background: url("../images/butt.gif") no-repeat bottom left;
}


/* CONTENT*/ 

.wrapper{
	width: 70%;
	float: left;
	margin-left: 10px;
	
}
.sidebar{
  
	width: 28%;
   float: left;
}
.search{
   background: #f3f3f3;
   border: 1px solid #b2b2b2;
   position: relative;
}
.search h2{
   border-bottom: 1px solid #b2b2b2;
   padding: 4px 0  4px 70px;
}
.backul{   
   background: #d8ddd8;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 5px 10px 5px 70px;
}
.backul p{
   padding: 2px 0;
}
.image{
   width: 80px;
   height: 60px;
   background:  url("../images/lupa.gif") no-repeat top left;
   position: absolute;
   top: 5px;
   left: -16px;
}

.wrapcontent{
   padding: 5px 15px;
}
.borderline{
   padding-top:3px;
   border-top:1px solid #b2b2b2;
}


/************************************/
/* Color divs */

div.color{
   border: 1px solid #b2b2b2;
   position: relative;
   margin: 10px 0; 
}
.header{
   height: 25px;
   border-bottom: 1px solid #fff;
}
.h{
   width: 100px;
   height: 30px;
   background:  url("../images/title.gif") no-repeat;
   position: absolute;
   top: -6px;
   left: 15px;
}
/* green */
.sell{
   background: #f5fcea;
}
.sell .header{
   background: #ddf1ba;
}
.sell .h{
   background-position: top left;
}
.sell a.aitem:hover{
	background: #dceac3;
}

/* blue */
.give{
	background: #eaf5fc;
}
.give .header{
   background: #bae1f1;
}
.give .h{
   background-position:  left -30px;
}
.give a.aitem:hover{
	background: #cfeaf5;
}
/* orange */
.buy{
	background: #fcf6ea;
}
.buy .header{
   background: #f1e0ba;
}
.buy .h{
   background-position:  left -60px;
}
.buy a.aitem:hover{
	background: #f5e8cf;
}
/**/

.take{
	background: #fcfbea;
}
.take .header{
   background: #e8e996;
}
.take .h{
   background-position:  left -90px;
}
.take a.aitem:hover{
	background: #f5f6be;
}
/**/

.change{
	background: #eaeffc;
}
.change .header{
   background: #bac8f1;
}
.change .h{
   background-position:  left -120px;
}
.change a.aitem:hover{
	background: #d1dbf9;
}

/**/
.item{
   overflow: hidden;
   float: left;
   width: 49%;
   padding: 5px 5px 10px 0;
}
.item p{
   margin: 3px 0 0 0;
}
.description{
   float: left;
}
a.add{
   display: inline-block;
   width: 20px;
   height: 21px;
   margin-left: 20px;
   background:  url("../images/add_icon.gif") no-repeat bottom left;
}
a.aitem{
	display: block;	
	min-height: 77px;
	color: #333;
	text-decoration: none;
	
}
.img{
   float: left;
   width: 120px;
   margin: 0 10px 15px 0;
   height: 75px;
   border: 1px solid #666;
}
.price{
   display: block;
   width: 160px;
   float: left;
   font-weight: bold;
}

/******************/
ul.arrstyle li{
   list-style-type: none;
   background:  url("../images/arrow.gif") no-repeat center left;
   padding:5px 0 5px 15px;
}

/*  TABLE  */
 
table td{
 	padding: 5px 0;
 	color: inherit;
 }
 .input{
   width: 90%;
   margin-bottom: 5px;
}
 input[type='text'],input[type='file'], select, textarea{
   background: #f2f7fa;
   padding: 0 0  0 2px ;
   border: 1px solid #999;
 }
 
 .currentform label{
 	padding: 5px 0;
 }
 .currentform input[type='text'],.currentform input[type='file'], .currentform select,.currentform textarea{
 	margin: 5px 0;
 	width: 80%;
 	
 }
/* FOOTER */

div#footer {
	position: relative;
	color: #666;
	background: #d8ddd8;
	text-align: left;
	clear: both;
	margin: 30px auto 0;
	border: 1px solid #B2B2B2;
}


/* Round border */		
 .t,  .b {
		position:relative;
		height:10px;
		font-size: 1px;
		
	}
 .t div,  .b div {
		position:absolute;
		width:10px; height:10px;
		padding:0; margin:0;
	}
 .t .l {
		top:-1px; left:-1px;
		background-position: bottom right;
	}
 .t .r {
		top:-1px; right:-1px;
		background-position:bottom left;
	}
 .b .l {
		background-position:top right;
		bottom:-1px; left:-1px;
	}
 .b .r {
		background-position:top left;
		bottom:-1px; right:-1px;
	}
			
   /* angles 1 */
.angles{
   background: url("../images/angle1.gif") no-repeat;
   _background: none;   
}
.angle1{
   background: url("../images/angle2.gif") no-repeat;
   _background: none;
}
.nav{margin-top:10px;text-align:right;white-space:nowrap;margin-right:20px;font-size:12px;float:right;}
.nav B{float:left;border:1px solid #26a0d3;padding:5px;display:block;
text-align:center;margin:2px;font-weight:normal;width:15px;}
.nav A{color:#3D69A9;text-decoration:none;display:block;float:left;text-align:center;margin:2px;
padding:5px;width:15px;}
.nav A.row{border:none;font-size:13px;}
.nav A:hover{color:blue;background:#26a0d3;color:#FFF;}
.notfound{text-align:center;}
.smallicon{display:block;float:left;text-indent:-1500px;width:20px;height:20px;
margin-top:0px;outline:0;}
.edit{background:no-repeat url(/images/edit.png);}
.del{background:no-repeat url(/images/delete.png);}
.photos{background:no-repeat url(/images/photo.png);}
.on{background:no-repeat url(/images/on.png);}
.off{background:no-repeat url(/images/off.png);}
.error LI{color:#FF0000;font-size:12px;list-style:none;margin-bottom:8px;text-align:center;}